@charset "utf-8";

a {	outline: none;}
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
	clear:both;
}
body {
	background:url(../img/page_bg.jpg) top repeat-x; background-color:#000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 11px;
	margin:0px 0px 10px 0px; padding:0px;
}

ul{ margin:10px; padding-left:20px}
p { margin:0; padding:0}
h5 {margin:0; padding:0; font:bold 10px Arial, Helvetica, sans-serif; color:#333333}
.header {width:960px; height:121px; margin:10px auto 0 auto; text-align:center;background:url(../img/head_00.jpg) top left no-repeat;}

.header_1 {background:url(../img/head_01.jpg) top left no-repeat; }
.header_2 {background:url(../img/head_02.jpg) top left no-repeat; }
.header_3 {background:url(../img/head_03.jpg) top left no-repeat; }
.header_4 {background:url(../img/head_04.jpg) top left no-repeat; }
.header_5 {background:url(../img/head_05.jpg) top left no-repeat; }


.fotos {padding:10px; border:1px solid #CCCCCC; background-color:#FFFFFF}
.fotos2 {padding:5px; border:1px solid #CCCCCC; background-color:#FFFFFF}
fieldset {margin:0px 0; padding:0px 5px 10px 10px; border:1px solid #CCCCCC}
legend { font:bold 10px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#666666  }

.adres {padding-top:10px}
.adres .nazwa { font:bold 16px Arial, Helvetica, sans-serif}
.adres .miasto { background:url(../img/lok.gif) left no-repeat; padding-left:15px}
.adres .ulica {padding-left:15px}
.adres .telefon { background:url(../img/tel.gif) left no-repeat; padding-left:15px}
.adres .fax { background:url(../img/fax.gif) left no-repeat; padding-left:15px}
.adres .mobile { background:url(../img/mob.gif) left no-repeat; padding-left:15px}
.adres .email { background:url(../img/mail.gif) left no-repeat; padding-left:15px}
.adres .www { background:url(../img/www.gif) left no-repeat; padding-left:15px}

.adres .telefon span { color:#666666}
.adres .fax span { color:#666666}
.adres .mobile span { color:#666666}
.adres .email span { color:#666666}
.adres .www span { color:#666666}



#content { width:960px; margin:0px auto; background: url(../img/content_bg_scale.jpg) top left repeat-y; background-color:#FFFFFF; }
#content_end{ width:960px; margin:0px auto; }
#content .content_bg {background:url(../img/content_bg.jpg) top left no-repeat}
#content #content_left {padding:10px}
#content #content_right {padding:10px}








#content_left h1{ font:normal 21px Arial, Helvetica, sans-serif; margin:0 0 15px 0; padding:0 0 5px 0; background:url(../img/dot3.gif) bottom repeat-x}
#content_left h2{ font:bold 11px  Tahoma, Arial, Helvetica, sans-serif; margin:0 0 2px 0; padding:0;}
#content_left h3{ font:normal 16px Arial, Helvetica, sans-serif; margin:0 0 0px 0; padding:0 0 5px 0;}
#content_left p { margin:0px 0 10px  0; padding:0px }
.error {font:normal 21px Arial, Helvetica, sans-serif; color:#FF0000; display:block}
.ok {font:normal 21px Arial, Helvetica, sans-serif; color:#666; display:block}


.realizacje a:link.real, .realizacje a:visited.real {display:block; text-decoration:none; color:#666 !important; font:normal 11px Arial, Helvetica, sans-serif !important; margin-bottom:10px; }
.realizacje a:hover.real {text-decoration:none !important}
.realizacje a:link.real span, .realizacje a:visited.real span{ font:bold 11px Tahoma, Arial, Helvetica, sans-serif; color:#2d7dd3; margin:5px 0 0 0; padding:0; display:block; }
.realizacje a:hover.real span{ text-decoration:underline }
.realizacje img {border:1px solid #ccc!important; padding:5px; background:#FFFFFF; margin:0 0px}
.realizacje a:hover.real img { background:#2d7dd3;}



#uslugi {margin:10px 0px; padding:0px; list-style-type:none; }	
#uslugi ul { margin:0px ; padding:0px}
#uslugi li { color:#333; font: bold 15px Arial, Helvetica, sans-serif; padding:0 0 5px 12px;}
#uslugi ul li { color:#555; font: bold 11px Arial, Helvetica, sans-serif;  padding:0 0 1px 11px; list-style-type:none; background:url(../img/bullet_01.gif) left no-repeat; margin:1px 0 0 10px}

.bulletlist li {padding:0 0 1px 11px; list-style-type:none; background:url(../img/bullet_01.gif) 0px 5px no-repeat;}	

#content_left #RAL_box {display:block; margin:20px 0 10px 0; padding:5px; background:url(../img/ral.jpg) 0px 0px no-repeat; background-color:#e9e9e9; height:98px;  border:1px solid #CCCCCC}
#content_left #RAL_box h1{background: none; color:#666; text-align:right; margin:0; padding:0}
#content_left #RAL_box p{ text-align:right; margin:0; padding:0; font:bold 10px Arial, Helvetica, sans-serif;}

#content #info_box {display:block; margin:20px 0 10px 0; padding:10px; background:#eeeeed url(../img/gr_02.gif) top repeat-x; border:1px solid #e3e3e3; color:#333333;}
#content #info_box h1{background: none; color:#666; text-align:left; margin:0; padding:0 0 15px 0; font-size:18px}
#content #info_box h2{background: none; color:#666; text-align:left; margin:0; padding:0 0 5px 0; font:normal 16px Arial, Helvetica, sans-serif}
#content #info_box p{ text-align:left; margin:0; padding:0; font:normal 9px Tahoma, Arial, Helvetica, sans-serif; text-align:justify; line-height:12px}
#content #info_box a.right:link, #content #info_box a.right:visited{ font-weight:bold; color:#2b7bd0; text-decoration:none; text-align:right; display:block;}
#content #info_box a.right:hover {color:#0f59af; text-decoration:underline}
#content #info_box .reminder {padding-right:64px; background:url(../img/reminder.gif) right no-repeat}
#content #info_box .reminder strong {color:#000000}

#content_right{margin-top:25px}
#content {line-height:15px}
#content a:link, #content a:visited{ font-weight:normal; color:#2b7bd0; text-decoration:none;}
#content a:hover {color:#0f59af; text-decoration:underline}


#center_column #menu ul { list-style:none; margin:10px 0 0 0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; background:url(../img/dot1.gif) bottom repeat-x}
#center_column #menu li { display:block;  padding:5px; background:url(../img/dot1.gif) top left repeat-x; margin:0}
#center_column #menu a:link, #center_column #menu a:visited {color:#FFF; text-decoration:none; display:block; font-weight:bold}
#center_column #menu a:hover {color:#FFCC00; text-decoration:underline}

#center_column #menu a.active:link, #center_column #menu a.active:visited {color:#2d7dd3; text-decoration:none; display:block; font-weight:bold}
#center_column #menu a.active:hover {color:#2d7dd3; text-decoration:underline}

#center_column { margin:0; padding:0 10px 100px 10px; text-align:center; color:#FFFFFF; min-height:160px}
.center_column_bg {background:url(../img/center_bg.jpg) bottom no-repeat;}
#center_column h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; font-weight:normal; color:#999999; margin:0px; padding:0px;}




#center_column .testimonial {
	background-image: url(../img/bc1.gif);
	background-position: 0px 0;
	background-repeat: no-repeat;
	}

#center_column .testimonial blockquote {
	padding-left: 25px;
	padding-right: 25px;
	background-image: url(../img/bc2.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	margin:0px;
	text-align:center;
}
#center_column .testimonial p{font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-style:italic; font-weight:normal; color: #CCCCCC; margin:10px 0 5px 0}
#center_column .testimonial .credit {font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:right;  color:#999999; padding-right:30px; margin:0px;	}




#bottom {width:952px; margin:0px auto 0px auto; color:#FFFFFF; text-align:justify; background:url(../img/bottom_top_gr.gif) top repeat-x; padding-top:20px; background-color:#3f3f3f;}
#bottom p {margin:0; padding:5px 0 0 0}
#bottom h2{ font:18px Arial, Helvetica, sans-serif; margin:0 0 10px 0; padding:0}
#bottom p.small {font-size:10px; color:#CCCCCC; margin-bottom:5px}

#bottom td.left {background:url(../img/dot2.gif) top right repeat-y;}
#bottom td.right {background:url(../img/dot2.gif) top left repeat-y;}

#bottom #bottom_left { padding:0 20px 0px 20px; }
#bottom #bottom_center { padding:0 20px 0px 20px;}
#bottom #bottom_right { padding:0 20px 0px 20px;}
#bottom .bottom_end {padding-top:10px}


a.button_gray { background: transparent url('../img/button_gray_a.gif') no-repeat scroll top right; color: #FFF; display: block; float: left;
font: bold 11px Tahoma, Arial, Helvetica, sans-serif; height: 24px; margin-right: 6px; margin-top:5px; padding-right: 8px;text-decoration: none;}
a.button_gray span {background: transparent url('../img/button_gray_span.gif') no-repeat; display: block; line-height: 16px; padding: 3px 0 5px 8px;}
a.button_gray:hover {background-position: bottom right; color: #FFCC00; outline: none; text-decoration:underline;}
a.button_gray:hover span {background-position: bottom left; padding: 3px 0 5px 8px;}

#content a.button_white{ background: transparent url('../img/button_white_a.gif') no-repeat scroll top right; color: #FFF; display: block; float: left;
font: bold 11px Tahoma, Arial, Helvetica, sans-serif; height: 24px; margin-right: 6px; margin-top:5px; padding-right: 8px;text-decoration: none;}
#content a.button_white span {background: transparent url('../img/button_white_span.gif') no-repeat; display: block; line-height: 16px; padding: 3px 0 5px 8px;}
#content a.button_white:hover {background-position: bottom right; color: #FFCC00; outline: none; text-decoration:underline;}
#content a.button_white:hover span {background-position: bottom left; padding: 3px 0 5px 8px;}



.newsletterInput {
background:url(../img/gr_01.gif) top repeat-x; background-color:#f9f9f9; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; padding:3px 5px; margin:5px 0 0px 0;
border:1px solid #999999; width:250px 
}	
.newsletter_break {height:1px; display:block}

#footer {width:946px; margin:0px auto 0px auto; color:#666; font-size:9px;  padding:0px;}
#footer #menu_footer ul { list-style-type:none; margin:0px; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; text-transform:uppercase; background:none; }
#footer #menu_footer li { padding:5px 3px; margin:0; background:none; float:left }
#footer #menu_footer a:link, #footer #menu_footer a:visited {color:#FFF; text-decoration:none; padding-bottom:3px ;  }
#footer #menu_footer a:hover {color:#FFcc00; border-bottom: 2px solid #ccc; }
#footer #menu_footer a.active:link, #footer #menu_footer a.active:visited {color:#2d7dd3; text-decoration:none; padding-bottom:3px ; border-bottom: 2px solid #666;  }
#footer #menu_footer a.active:hover {color:#FFcc00; border-bottom: 2px solid #ccc;  }

#contact_form p{ margin:10px 0; }
#contact_form .cform { background-color:#FFF; padding:5px; border:1px solid #CCCCCC; color:#333}
#contact_form input {background:url(../img/gr_01.gif) top repeat-x; background-color:#f9f9f9; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; padding:3px 5px; margin:5px 0 0px 0;border:1px solid #999999; }
#contact_form textarea {background:url(../img/gr_01.gif) top repeat-x; background-color:#f9f9f9; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; padding:3px 5px; margin:5px 0 0px 0;border:1px solid #999999; }	
#contact_form  .wymagane {color:#FF0000}

.mapa {display:block;}
.flash_image {background-color:#FFFFFF; padding:10px; border:1px solid #CCCCCC; width:310px}

.small {font-size:9px; color:#666666; line-height:11px;}

.RAL {font-size:9px; margin:0 }
.RAL a.item{ display:block; width:100px; height:15px; border:1px solid #EDEDED; float:left; text-align:right; padding:0px; margin:0 5px 1px 0; }
.RAL a.item span {background-color:#FFF; height:15px; display:block; float:right; padding:0 2px; font-weight:normal; border-left:1px solid #EDEDED; cursor:pointer}
.RAL a:hover.item { border:1px solid #ccc;}
.RAL_color_group { clear:both; padding-top:5px}

#RAL_group_list li {list-style-type:none; }
#RAL_group_list span { font-weight:bold; font-size:13px; font-family:Arial, Helvetica, sans-serif}


#RAL_help {display:block; height:150px; background: url(../img/RAL_help.gif) top left no-repeat; margin-bottom:0px}
#RAL_help ol {display:inline-block; margin:0px; padding:20px 0 0 25px; font:9px normal Tahoma, Arial, Helvetica, sans-serif}
#RAL_help ol li {margin:0; padding:0}


#flashcontent {
	
}