@charset "utf-8";
/* CSS Document */

body { 
	font-family:'Titillium Web',Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:24px;
	color:#666;
	margin: 0px;
	padding: 0px;
	background-image:url(../imgs/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #fff;
	text-align:center;
	font-weight:400;
}
img {border:0;}
hr {border: none; background-color:#ddd; color:#ddd; height: 1px; width:100%;}

h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:18px; line-height:18px; color:#FF8B00; font-weight:normal; }

h3 {line-height:42px; font-size:40px; font-weight:300; padding-bottom:30px;}
h4 {line-height:32px; font-size:20px; font-weight:700; padding-bottom:20px; margin-top:30px;}

p {margin:0; padding:0 0 12px 0;}

a {font-weight: bold; color:#FF8B00; text-decoration: none;}
a:hover {color:#999;}

table{margin:20px 0; border-collapse:separate; border-spacing: 1px; width:100%}
td,th {padding:4px 2px; color:#666; line-height:18px; font-size:15px; border-bottom:1px solid #ddd;  border-right:1px solid #e7e7e7;}

td.txt_c{ text-align:center; font-size:20px; line-height:20px;color:#5D1813; font-weight:bold;}
td.width1 { }
.tr_wyr{ background-color:#f5f5f5;}

.head_tab1{width:100px; color:#fff; font-weight:bold;-moz-border-radius: 6px 6px 0 0; border-radius:6px 6px 0 0;border-right:none; text-align:center; font-size:18px; line-height:22px; padding:10px 2px;}
#td_head1{background-color:#9aaa00;}
#td_head2{background-color:#FF8B00;}
#td_head3{background-color:#131E5D;}
#td_head4{background-color:#AA0C00;}

#tab2 td { font-size:14px; text-align:center; padding:5px 1px;}
#tab2 .kol_head{ font-weight:bold; text-align:left;}
#tab2 .head_tab12{width:120px; color:#fff;-moz-border-radius: 6px 6px 0 0; border-radius:6px 6px 0 0;border-right:none; text-align:center; padding:15px 2px;}
#tab2 .head_tab12 span {font-size:17px; font-weight:700}

.tab_head3{background:#9aaa00; color:#fff; font-weight:700; border-right:none; padding:10px 4px; border-color:#5a6600}

.tab_form{ background-color:#f3f3f3; border:none; border-bottom:1px solid #ddd; padding:5px;-moz-border-radius:0 10px 10px 0; border-radius:0 10px 10px 0;}
.tab_form2{ background-color:#f3f3f3; border:none; border-bottom:1px solid #ddd; text-align:right;padding:5px;-moz-border-radius: 10px 0 0 10px ; border-radius: 10px 0 0 10px;}

.tab_clean td{ border:none;}

div.wrap {max-width:1000px; margin:0 auto; text-align:left; position:relative; padding:0 10px;}

div#containerOut {width:100%; background-image:url(../imgs/bg_top.jpg); background-position:50% 0%; background-repeat:no-repeat;}

div#navi{ height:55px; background:url(../imgs/bg_nav.jpg) repeat-x top; position:relative}

#mobi_nav{padding:15px 15px 10px 15px; cursor:pointer; display:none}


div#top0 {background:url(../imgs/top_img.jpg) 100% 0% no-repeat; height:265px; position:relative}
div#top0 img {padding-top:60px;}
div#top0 h1 {position:absolute; top:175px; left:350px;margin:0; padding:0; line-height:28px; font-size:28px; color:#fff; font-weight:300;}
div#top0 h1 strong {font-weight:700;}
div#top {background:url(../imgs/top_img2.jpg) 100% 0% no-repeat;height:195px;}
div#top img {padding-top:30px;}



div.container{background:url(../imgs/linia.jpg) 50% 0% no-repeat;}
div#layout_1kol{ padding:50px 0 50px 308px;}
div#layout_2kol_l{ float:left; width:350px;}
div#layout_2kol_r{ float:left; width:300px;}


div#home_content{padding:30px 0;}

div#home_content h2{ color:#ccc;font-size:42px; line-height:46px; margin:0 0 25px 0 ; padding:0 0 0 5px; font-weight:300;}

.home_box{ float:left; width:33.3%;text-align:center; min-height:340px;}
.home_box_in{ padding:0px 10px;}
.home_box h3{ 
font-size:20px; line-height:24px; font-weight:600;
margin:0 0 20px 0; padding:15px 65px 0 65px; 
background:#fff url(../imgs/bg2.jpg) repeat-x bottom; 
-moz-border-radius:20px 0 20px 0; border-radius:20px 0 20px 0;
border:1px solid #e4e4e4;
-moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;
min-height:90px;
}



.kolbordo{ color:#5D1813;}
.kolziel{ color:#9aaa00;}
.kolpom { color:#FF8B00}
.kolczer{ color:#AA0C00;}
.kolgranat{ color:#131E5D;}
.kolszary{ color:#999999;}
.kolfilet { color:#590077;}


.cont_padd{ padding:50px 0;}
.text_padd_left{ padding-left:368px;}

#p_content{}

#p_content h2{ font-weight:600; font-size:22px; line-height:28px; margin-bottom:60px; }
#p_content h3{  font-weight:400; font-size:24px; line-height:28px; margin:0; padding:0 0 10px 0; }
.col_l { float:left; width:350px;}
.col_r { float:right; width:637px;}
.cont_marg{ padding:50px 0;}
.ill{ display:block;}
#ill_main {border-bottom:1px solid #ddd;border-top:1px solid #ddd;border-right:1px solid #ddd;}
#ill_ha {border-right:1px solid #ddd; padding-left:156px; padding-top:30px; padding-right:20px;}

#p_content .h_ico{margin: 0 0 50px 0; padding:15px 0 0 110px; background-position:0% 0%; background-repeat:no-repeat; min-height:70px;}

.box_cont{ padding-left:120px; background-position:0% 0%; background-repeat:no-repeat; padding-top:15px; margin-bottom:30px;}

#boxico1{ background-image:url(../imgs/ico3.png)}
#boxico2{ background-image:url(../imgs/ico2.png)}
#boxico3{ background-image:url(../imgs/ico1.png)}
#boxico4{ background-image:url(../imgs/ico6.png)}
#boxico5{ background-image:url(../imgs/ico5.png)}
#boxico6{ background-image:url(../imgs/ico4.png)}
#boxico7{ background-image:url(../imgs/ico7.png)}
#boxico8{ background-image:url(../imgs/ico8.png)}
#boxico9{ background-image:url(../imgs/ico9.png)}
#boxico10{ background-image:url(../imgs/ico10.png)}
#boxico11{ background-image:url(../imgs/ico11.png)}
#boxico12{ background-image:url(../imgs/ico12.png)}
#boxico13{ background-image:url(../imgs/ico12.png)}

p.txt_padd_l{ padding-left:110px; padding-bottom:0px; margin:20px 0; border-left:1px solid #ddd;}
p.border_top_bot { border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:20px 0; margin:20px 0;}

.btn1 {border-bottom:1px solid #ddd; height:22px; margin-top:4px;}
.btn1 img {float:left;}

.dots {background:url(../imgs/dots.jpg) no-repeat 0% 100%; padding-bottom:28px; margin-bottom:20px;}

.infos {border:1px solid #ddd; padding:30px 30px 30px 110px;-moz-border-radius: 6px; border-radius: 6px; margin-bottom:30px; background:#fafafa url(../imgs/ico_info.png) no-repeat 10px 10px;
-moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;}

ul.tik{list-style-image:url(../imgs/tick.png);} 
ul.ul2st{list-style-image:none;}


.forma1 input.formInput, .forma1 textarea.formInput, .forma1 select.formInput{   
	 padding: 5px;  
	 border: solid 1px #ddd;  
	 outline: 0;  
	 width: 300px;  
	 background: #fff;  
	 font-family:'Titillium Web', Arial, Helvetica, sans-serif;
	 font-size:14px; 
	 color:#999;
	 -moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;
	 }  
.forma1 textarea.formInput {
	 max-width: 300px;
	 min-width: 300px;
	 height: 150px;  
	 line-height: 150%; 
	 font-family:'Titillium Web', Arial, Helvetica, sans-serif;
	 font-size:14px;
	 color:#999;
	 background: #fff; 
	 -moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;
	}  
.forma1 input:hover, .forma1 textarea:hover,  
.forma1 input:focus, .forma1 textarea:focus {border-color: #aaa;} 
.forma1 .czekboks { margin:10px 3px;}


.forma1 .submit_btn{ font-size:14px; font-family:'Titillium Web', Arial, Helvetica, sans-serif; outline: 0; border: solid 1px #ddd; padding: 5px;background:#9aaa00; color:#FFF; font-weight:700; width:130px;-moz-border-radius: 10px ; border-radius: 10px; cursor:pointer; float:right;-moz-box-shadow: 0px 0px 3px #ddd;-webkit-box-shadow: 0px 0px 3px #ddd;box-shadow: 0px 0px 3px #ddd;}

#footer{ position:relative; min-height:110px; font-size:13px; line-height:21px; color:#444; padding-top:40px; padding-left:160px; background:url(../imgs/logo-sildi-bot.jpg) no-repeat 0% 40px;}
#footer a {color:#000; font-weight:400;}
#footer_l{float:left; width:230px;}
#footer_r{float:left; width:230px;}
#copyr {position:absolute; bottom:10px; right:0px; font-size:12px; color:#aaa;}

.przypis{ font-size:12px; line-height:16px;}
.colgreen {color:#ACC327}
.td_btn { padding:0px;}
.btn_choose{ display:block; padding:10px; font-size:18px;transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;}
.btn_choose:hover{ background:#AA0C00; color:#fff;box-shadow: inset 5px 5px 20px #582019}
#tab2 .td_btn {padding:0px;}
div.wyczysc {clear:both; height:0px; line-height:0px; font-size:0px;}


@media screen and (max-width: 1000px) { 
	div#top0 {background:url(../imgs/top_img_rwd.png) 100% 0% no-repeat; position:relative; height:265px;}
	div#top {background:url(../imgs/top_img_rwd2.png) 100% 0% no-repeat;height:195px;}
	div#top0 h1 {display:none;}
	.home_box{ float:left; width:50%;}
	.nav{ display:none;}
	#mobi_nav{ display:block;}
	.cont_marg{ padding:0;}
	.col_l { float:none; width:100%; padding-top:40px;}
	.col_r { float:none; width:100%; padding-bottom:50px}
	.ill{ display:none}
}

@media screen and (max-width: 690px) { 
	div#top0 {background:none; height:auto; text-align:center; padding:40px 0px;}
	div#top0 img {padding-top:0px;}
	
	div#top {background:none; height:auto; text-align:center; padding:25px 0px;}
	div#top img {padding-top:0px;}
	
	.home_box{ float:none; width:100%; min-height:inherit; padding-bottom:30px;}
	.home_box h3{
		min-height:inherit;
		padding-bottom:15px;
	}
	#footer{min-height:110px; padding-top:20px; padding-left:0px; padding-bottom:30px; background:none; text-align:center}
	#footer_l{float:none; width:100%;}
	#footer_r{float:none; width:100%;}
	#copyr {position:inherit; bottom:auto;right:auto;}
}

@media screen and (max-width: 400px) { 
	.box_cont{ padding-left:0px;padding-top:100px; margin-bottom:30px; background-position:50% 0;}
	div#top0 img { width:70%;}
	div#top img { width:70%;}

}

@media screen and (max-width: 300px) { 
	div#top0 img { width:90%;}
	div#top img { width:90%;}
}