@charset "utf-8";
/* CSS Document */


HTML{
	margin:0;
	padding:0;}
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4e4e4e;}

.clear{
	clear:both;}
a {
	outline:none !important;
}

.bottom_menu {
	color:#E15204;
}
	
.content_wrapper{
	width:960px;
	margin:0 auto;
	padding:10px;}
	
.content_wrapper .left{
	float:left;
	width:183px;}	
.content_wrapper a.logo{
	display:block;
	width:183px;
	height:33px;
	background:url(img/logo.jpg) top left no-repeat;}
.content_wrapper .phone_block{
	margin-top:4px;
	float:right;
	background:url(img/phone_tic.jpg) center left no-repeat;
	padding-left:15px;
	font-size:18px;
	
	color:#787878;
	font-weight:bold;
	}	

.content_wrapper .phone_block span{
	font-size:12px;
	color:#e15204;
	padding-right:4px;}	
	

.content_wrapper ul.right{
	float:right;
	margin:40px 0 0 0;
	padding:0;
	}	
.content_wrapper ul.right li{
	display:block;
	float:left;
	padding:0 15px;}
.last{
	padding:0 !important;}	
.content_wrapper ul.right li a{
	text-transform:uppercase;
	text-decoration:underline;
	color:#4e4e4e;}	

.content_wrapper ul.right li a:hover{
	color:#e15204;}	
.active{color:#e15204 !important;}
			
.content_wrapper .slider_wrapper{
	margin-top:5px;
	margin-bottom:20px;
	height:280px;
	width:980px;
	position:relative;}
				
.content_wrapper .slider_wrapper .slide{

	width:960px;
	height:240px;
	padding:20px 0 20px 0px;

	}
	
.slide_polycarbonate{background:url(img/polycarbonate.jpg) top right no-repeat;}
.slide_profile{ background:url(img/profile.jpg) top right no-repeat;}
.slide_teplica{ background: url(img/teplica.jpg) top right no-repeat;}	
.slide_naves{  background:url(img/naves.jpg) top right no-repeat;}	
.content_wrapper .slider_wrapper .slide .slide_text{
	float:left;
	width:330px;
	}	
	
.content_wrapper .slider_wrapper .slide a.name,.content_wrapper .slider_wrapper .slide h1{
	display:block;
	margin:0;
	font-size:24px;
	font-weight:bold;
	color:#656565;
	text-transform:uppercase;
	padding:10px 0 0 0;
	text-decoration:none;
	}
.content_wrapper .slider_wrapper .slide span.e-mail{
	display:block;
	margin:10px 0 5px 0;
	font-size:14px;
	font-weight:bold;
	color:#e15204;
	text-decoration:none;
	}		
.content_wrapper .slider_wrapper .slide span.contacts{
	display:block;
	margin:0;
	font-size:14px;
	font-weight:bold;
	color:#656565;
	text-transform:none;
	padding:10px 0 0 0;
	text-decoration:none;
	}		

.content_wrapper .slider_wrapper  .slide span.title{
	display:block;
	float:left;
	margin:0;
	font-size:12px;
	font-weight:bold;
	color:#e15204;
	text-transform:none;
	padding:10px 0 0 0;
	text-decoration:none;
	width:100px;
	}
.content_wrapper .slider_wrapper .slide span.phone{
	display:block;
	float:left;
	margin:0;
	font-size:14px;
	font-weight:bold;
	color:#656565;
	text-transform:none;
	padding:10px 0 0 0;
	text-decoration:none;
	width:160px;
	}	
	
.content_wrapper .slider_wrapper  .slide a.name:hover{
	text-decoration:underline;}	
	

.content_wrapper .slider_wrapper .slide p{
	display:block;	
	padding:10px 0 4px 0;
	font-size:12px;
	line-height:18px;
	color:#656565;
	height:103px;
	overflow:hidden;
	}	

.content{
	margin-bottom:0 !important;}	
.content  .slide p{
	padding:0px 0 4px 0 !important;
	font-size:14px !important;
	height:190px !important;
	overflow:hidden !important;}

.content  .slide div.contact_block{
	padding:15px 0 4px 0;
	font-size:14px !important;
	
	}		
	
.content .slide_kozirek{
	background: url(img/kozirek_inside.jpg) top right no-repeat !important;}	
.content .slide_polycarbonate{
	background:  url(img/polycarbonate_inside.jpg) top right no-repeat !important;}	
.content .slide_polycarbonate_mono{
	background:  url(img/poly_monolit.jpg) top right no-repeat !important;}		
.content .slide_profiles{
	background: url(img/profiles_inside.jpg)  top right no-repeat !important;}	
.content .slide_teplica{
	background: url(img/teplica_inside.jpg) top right no-repeat !important;}	
.content .slide_contact{
	background: url(img/kontact_inside.jpg) top right no-repeat !important;}	

		
.content  .slide p span{
	color:#e15204 !important;
	}
.content  .slide p strong{
	color:#e15204 !important;
	}
 .slide p span{
	color:#e15204 !important;
	}
 .slide p strong{
	color:#e15204 !important;
	}	
	
.content_wrapper  a.contact_us{
	vertical-align:middle;
	width:120px;
	display:block;
	
	
	background:url(img/arrow.jpg) center right no-repeat;
	padding-right:10px;
	
	font-size:12px;
	font-style:italic;
	text-decoration:underline;
	color:#e15204;}	
	
.content_wrapper  a.contact_us:hover{color:#fe8645; background: url(img/arrow-hover.jpg) center right no-repeat;}

.content_wrapper .service_block{
	float:left;
	width:468px;
	border-top:3px solid #e15204;
	height:234px;
	}
.content_wrapper .service_block .text_area{
	width:155px;
	float:right;
	padding:20px 15px 15px 0;
	font-size:11px;}
.content_wrapper .service_block .text_area a.name{
	display:block;
	margin:0;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#e15204;
	text-transform:uppercase;
	padding:0 0 8px 0;}	
.content_wrapper .service_block .text_area a:hover{
	text-decoration:underline;}	
	
.content_wrapper .service_block .text_area p{
	display:block;
	padding:0px 0 4px 8px;
	margin:0;
	line-height:14px;
	color:#656565;
	max-height:123px;
	*height:123px;
	_height:123px;
	overflow:hidden;}
.content_wrapper .service_block .text_area .contact_us{
	margin-left:8px !important;}		
		
.float_right{
	float:right !important;}
	
.polycarbonate{
	background:url(img/polycarbonate_sm.jpg) bottom left no-repeat;}	
.profiles{
	background: url(img/profiles.jpg) bottom left no-repeat;}	
.teplica{
	background:  url(img/teplica_sm.jpg) bottom left no-repeat;}
.kozirek{
	background: url(img/kozirek.jpg) bottom left no-repeat;}
	
.static{
	margin-top:20px;}

.static .static_text{
	float:left;
	width:680px;
	color:#4e4e4e;
	font-size:12px;
	line-height:18px;}	
.static .reclama{
	
	float:right;}
.static .reclama img{
	float:right;}	
	
.footer{
	margin-top:60px;
	padding-bottom:20px;
	color:#000000;}		
						
.description{
	
	line-height:18px;
	padding-bottom:25px;
	
	}
.overflow{
	height:105px;
	*height:105px;
	_height:105px;
	overflow:hidden;
	
	}	
.overflow1{
	height:170px;
	*height:180px;
	_height:180px;
	overflow:hidden;
	
	
	}	
	
.overflow2{
	height:40px;
	*height:35px;
	_height:35px;
	overflow:hidden;
	
	}	
	
.overflow3{
	height:360px;
	*height:360px;
	_height:360px;
	overflow:hidden;
	
	}	
span.more,span.less{
	margin-top:5px;
	cursor:pointer;
	vertical-align:middle;
	width:89px;
	display:block;
	
	background:url(img/arrow.jpg) center right no-repeat;
	padding-right:10px;
	
	font-size:12px;
	font-style:italic;
	text-decoration:underline;
	color:#e15204;
	
	}
span.less{
	display:none;
	margin-bottom:10px !important;}		
	
.orange_line{ display:block;border-bottom:3px solid #e15204;}	
	
.product_tile{
	margin-top:20px;
	margin-bottom:40px;}		
.product_tile .img_container{
	/*width:258px;*/
	min-width:180px;
	/*min-height:155px;*/
	float:left;
	overflow:hidden;}
.product_tile .img_container img{
	float:left;
	}	
.product_tile .product_character{
	float:left;
	margin-left:15px;}
	
.product_tile .product_character dl{
	padding:0;
	float:left;
	margin:0 80px 0 0;}
	
.product_tile .product_character DT{
	
	display:block;
	width:70px;
	float:left;
	text-align:right;
	font-weight:bold;
	color:#e15204;
	margin-bottom:5px;}	
	
.product_tile .product_character  DD{	display:inline; padding:0 0 0 10px; margin:0;font-weight:bold;}		

.product_tile .product_character h3{
display:block;
	margin:0px 0 0px 0;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	
	text-transform:uppercase;
	padding:0 0 8px 0;	}
.product_tile .product_character .txt{
	width:670px;
	
	font-size:14px;
	line-height:18px;
	margin-top:10px;}		
	
h3.name{
	display:block;
	margin:10px 0 6px 0;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 4px 0;
	border-bottom:3px solid #e15204;
	}	
	
h3.name a.download{
	padding-top:20px;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:#4e4e4e;
	background:url(img/download.jpg) bottom right no-repeat;
	padding-right:50px;
	
	height:43px;
	}	
h3.name a.download:hover{
	color:#666666;}	
		
ul.tech_characteristics,ul.usage{
	padding:0;
	margin:20px 0 60px 0 ;}
ul.usage{
	float:left;
	width:355px;
	margin:20px 100px 60px 0 !important;}		
ul.tech_characteristics li, ul.usage li{
	padding:0;
	font-style:italic;
	display:block;
	background:url(img/ul_pip.jpg) top left no-repeat;
	padding-left:18px;
	color:#1e1e1e;
	font-size:12px;
	line-height:18px;
	margin:0 0 10px 0;}	
ul.usage li span{
	text-decoration:underline;}
ul.usage li a.photo{
	font-size:10px;
	color:#e15204;
	text-decoration:none;
	padding-left:8px;
	
	}
a.tphoto{
	
	display:block;
	font-size:10px;
	text-align:right;
	color:#e15204;
	text-decoration:none;
	padding:0px;
	margin:0;
	
	}
	
ul.usage li a.photo:hover{
	text-decoration:underline;
}			

.our_best,.adds{
	width:980px;
	
	margin:20px 0 30px 0;
	}	
.our_best .one{
	float:left;	
	width:270px;
	vertical-align:top;
	padding-right:10px;
	padding-bottom:10px;
	height:172px;
	*height:172px;
	_height:172px;
	}
.big_one{
	width:415px !important;
	padding-right:0 !important;
}		
.our_best .one img{
	float:left;
	margin:0 10px 10px 0;}
.our_best .one .txt_area{
	float:left;
	}		
.our_best .one .txt_area  a.name{
	display:block;
	margin:0;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#e15204;
	text-transform:uppercase;
	padding:0 0 8px 0;}
.our_best .one .txt_area  a.name span{
	font-size:12px;
	display:block;}		
	
.big_one a.name{
	font-size:14px !important;}	
.our_best .one .txt_area p{
	
	
	display:block;
	display:none;
	width:130px;
	line-height:11px;
	color:#343434;
	font-size:10px;
	padding:0  0 0 0;
	margin:0;
	
	}	
.big{
	width:200px !important;}	
.our_best .one .txt_area  a.name:hover{
	text-decoration:underline;}
.name_active{text-decoration:underline !important;}	



.adds .one{
	float:left;	
	width:480px;
	vertical-align:top;
	padding-right:10px;
	padding-bottom:10px;
	
	}
.adds .one .img_container{
	
	width:190px;
	float:left;
	margin-right:10px;
	position:relative;
	height:195px;}	

.adds .one .img_container .inative{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}
.z{
	z-index:1 !important;}
.adds .one .txt_area{
	height:195px;
	overflow:hidden;
	float:left;
	width:250px;
	}
	
.adds .one .txt_area p{
	padding:0 ;
	margin:0;
	font-size:12px;}	

.adds .one .txt_area h4{
	margin:0;
	font-size:16px;
	font-weight:bold;
	padding:0 0 8px 0;}
	
.adds .one .img_container .lenta{
	font-size:9px;
	position:absolute;
	bottom:10px;
	left:0;}
.adds .one .img_container .lenta span{
	cursor:pointer;
	padding-right:10px;
	color:#7f7e7e;}	
.adds .one .img_container .lenta span.active_p{text-decoration:none !important;
	color:#e15204 !important;} 	
.we_are{
	display:block;
	float:right;}	
.we_are a{
	color:#09F;}
iframe{
	margin:0 !important;
	padding:0;
	}			
			
			
.description TABLE td.title{
	font-size:16px;
	font-weight:bold;
		color:#e15204;
		background:#e4e4e4;
		padding:5px 20px;}	
	.description TABLE td{
		font-size:14px;
			padding:5px 20px;}			
			
.popupwrapper {
	width:275px;
	position:fixed;
	bottom:0;
	left:50%;
	height:95px;
	background:#fff;
	border:4px solid #1CB538;
	border-bottom:none;
	margin-left:170px;
	
	-webkit-border-radius:7px 7px 0 0;
	   -moz-border-radius:7px 7px 0 0;
			border-radius:7px 7px 0 0;
	
	-webkit-box-shadow:0 0 15px 0 #555555;
	   -moz-box-shadow:0 0 15px 0 #555555;
			box-shadow:0 0 15px 0 #555555;
}			
			
.popupwrapper div { padding:5px; position:relative; }			
.popupwrapper a.closer {
	font-weight:bold;
	display:block;
	height:15px;
	width:15px;
	text-align:center;
	line-height:15px;
	font-size:10px;
	color:#000;
	position:absolute;
	top:0;
	right:0;
	text-decoration:none;
}
.popupwrapper div a { font-size:14pt; display:block; padding-left:40px; color:#fff; text-decoration:none; }			
.popupwrapper div a span { background:#E15204; padding:0 5px; }			
.popupwrapper div p { padding:6px 0 0 40px; margin:0; font-size:10pt; font-style:italic; display:block; }			
			
			
