@charset "utf-8";
/* CSS Document                 */
/* created by: Bubo             */
/* e-mail: bubo@bubo-design.com */
/* www.bubo-design.com          */

/* reset all elements */
*{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
/* +HTML elements */
body{
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#052948;
	line-height:normal;
	background-image:url(img/body_bg.jpg);
	background-repeat:repeat-x;}

h1{ font-size:22px; color:#0aa5e7; font-weight:500; }
h2{ font-size:18px; color:#0aa5e7; font-weight:500;}
h3{ font-size:16px; color:#0aa5e7; }
h4{ font-size:14px; color:#0aa5e7; }
a{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#0aa5e7;}
a:hover{ color:#052948;}
/* -HTML elements */
/* +Classes */
.clearer{
	clear:both;
	height:0px;}

.red{ color:#df1e23;}
.blue{ color:#2d4c9e;}
.left{ float:left;}
.right{ float:right;}
.font9{ font-size:9px;}


.textbox{
	width:97%;
	padding:2px;
	background-color:White;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#052948;
	border:solid 1px #0aa5e7;}

.textarea{
	width:97%; height:150px;
	padding:2px;
	background-color:White;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#052948;
	border:solid 1px #0aa5e7;}

	
.gmap{ width:614px; height:200px; border:solid 1px #0aa5e7;}	
	
.select{
	width:100%;
	padding:2px;
	margin-bottom:4px;
	background-color:White;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#052948;
	border:solid 1px #0aa5e7;}	


.btnBlueSmall input{		
		display:block;
		height:20px;
		padding:0 10px 3px 10px;
		border:none;
		cursor:pointer;
		float:right;
		background-color:#0aa5e7;
		color:White;
		font-size:12px;
		text-align:center;
		text-decoration:none;}
		
	.btnBlueSmall input:hover{
		color:#052948;}

.btnBlueSmall a{		
		display:block;
		height:20px;
		padding:2px 10px 0 10px;
		border:none;
		cursor:pointer;
		float:right;
		background-color:#0aa5e7;
		color:White;
		font-size:12px;
		text-align:center;
		text-decoration:none;}
		
	.btnBlueSmall a:hover{
		color:#052948;}

.btnDetaljnije a{		
		display:block;
		width:80px;
		height:20px;
		border:none;
		cursor:pointer;
		padding-top:2px;
		float:right;
		background-image:url(img/detaljnije_bg.png);
		background-repeat:no-repeat;
		color:#052948;
		font-size:12px;
		font-weight:bold;
		text-align:center;
		text-decoration:none;}
		
	.btnDetaljnije a:hover{
		color:#0aa5e7;}	

/* -Classes */
/* +Layout */
#mainWraper{
	width:1024px;
    min-height: 830px;
	margin:auto;}
	
#headerWraper{
	width:1024px;
	height:364px;
	overflow:hidden;}
	
	#logoHolder{
		width:350px;
		height:100px;
		float:left;}
		
	#lang_eControloWraper{
		width:674px;
		height:50px;
		background-image:url(img/lang_eControl_bg.png);
		background-position:right;
		background-repeat:no-repeat;
		float:left;}
		#lang_eControlHolder{
			width:235px;
			height:20px;
			padding:24px 15px 6px 424px;
			color:#F00;
			overflow:hidden;}
			.eControl{
				width:60px;
				height:20px;
				float:right;}
				.eControl a{
					display:block;
					width:60px;
					height:20px;
					background-image:url(img/eControl_link.png);
					background-repeat:no-repeat;}
				.eControl a:hover{
					background-image:url(img/eControl_link_hover.png);
					background-repeat:no-repeat;}
	
	#menuWraper{
		width:674px;
		height:50px;
		float:left;}
		#menu{
			width:674px;
			height:25px;
			padding-top:25px;}
		#menu li{
			display:inline;
			list-style:none;}
		#menu li a{
			display:block;
			float:left;
			width:80px;
			height:18px;
			margin-right:4px;			
			font-size:14px;
			font-weight:bold;
			text-align:center;
			color:#052948;}
		#menu li a:hover{
			color:#4ea9d5;}
		#menu .selected a{
			float:left;
			color:#4ea9d5;}
	
	#QS_RotatorWraper{
		width:1024px;
		height:265px;
		background-image:url(img/QS_Rotator_bg.png);
		background-repeat:no-repeat;}
		#qs_holder{
			width:205px;
			height:190px;
			padding:39px 100px 35px 45px;
			float:left;}
		#sliderHolder{
			width:624px;
			height:240px;
			float:left;
			padding:14px 15px 10px 35px;
			overflow:hidden;}

/* +Easy Slider */
/* used jquery Easy Slider, added .imgHolder and .textHolder classes*/
	.shadow{
			position:absolute;
			z-index:5;
			width:517px;
			height:239px;
			margin: 0 54px 0 55px;
			background-color:transparent;
			background-image:url(img/slider_img_shadows.png);
			background-repeat:no-repeat;}
	#slider{		
		margin: 0 54px 0 55px;}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:517px;
		height:239px;
		overflow:hidden; 
		}
		
		#slider li .imgHolder{
			width:517px;
			height:239px;
			float:left;}
			#slider li .imgHolder img{
				width:517px;
				height:239px;}
		
	#prevBtn{ 
		display:block;
		width:31px;
		height:69px;
		position:relative;
		left:15px;
		top:-140px;
		}	
	#nextBtn{ 
		display:block;
		width:31px;
		height:69px;
		position:relative;
		left:585px;
		top:-204px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:27px;
		height:45px;
		background:url(img/btn_prev.png) no-repeat 0 0;	
		}
	#prevBtn a:hover{ 		
		background:url(img/btn_prev_hover.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(img/btn_next.png) no-repeat 0 0;	
		}	
	#nextBtn a:hover{ 
		background:url(img/btn_next_hover.png) no-repeat 0 0;	
		}			
/* -Easy Slider */
/* +Content */
#contentWraper{
	width:1024px;}
	
	#leftContentBox{
		width:630px;
		padding:10px;
		float:left;
        overflow: hidden;}
        #leftContentBox img{
        border: solid 1px #4690b3; margin-right: 3px;}
		.contentText{
			padding:5px;
			border-bottom:dashed 1px #0aa5e7;
			margin-bottom:5px;}
		.productHolder{
			width:175px;
			height:130px;
			float:left;
			margin:10px 0 0 25px;
			background-image:url(img/product_header_bg.png);
			background-repeat:no-repeat;
			background-position:top left;
			border-bottom:dashed 1px #0aa5e7;
			overflow:hidden;}
			.productHolder a{ text-decoration:underline;}
			.productHeader{
				width:165px;
				height:18px;
				margin-bottom:5px;
				padding:5px;}
			.productHeader a{
				color:white;
				font-size:12px;
				
				text-decoration:none;}
			.productHeader a:hover{
				color:#052948;}
			.productHolder img{
				width:75px;
				height:80px;
				float:left;
				margin-right:2px;
				border:solid 1px #0aa5e7;}
			.productHolder img:hover{
				border:solid 1px #df1e23;}
		
		#rightContentBoxWraper{
		width:340px;
		padding:10px 10px 10px 24px;
		float:left;}
			.rightContentBox{
				width:340px;
				margin-bottom:10px;
				float:left;}
				.right_box_header{
					width:330px;
					height:14px;
					padding:5px 0 3px 10px;
					background-image:url(img/right_box_header_bg.png);
					background-repeat:no-repeat;
					background-position:top left;}
					.right_box_header a{
						color:white;
						font-size:14px;
						font-weight:bold;
						text-decoration:none;}
					.right_box_header a:hover{
						color:#052948;}
				.right_box_content{
					width:330px;
					padding:5px;
					background-color:#0aa5e7;
					}
					.right_box_content_holder{ width:320px; float:left; padding:3px; border:solid 1px #4690b3;
                    background-color: #f4f4f4;}
                    .right_box_content_holder_r{ width: 250px; float:left; color:white; font-weight: bold;}
                    .right_box_content_holder h2 a{color:#0aa5e7; font-size:14px; font-weight:bold;}
                    .right_box_content_holder h2 a:hover{color:#052948;}
					.right_box_img_holder{
						width:330px;
						height:150px;
						margin-bottom:5px;
						overflow:hidden;}
					.right_box_content img{
						width:318px;
						height:143px;
						border: solid 1px #4690b3;}
                    .right_box_img_holder img{
                        width:330px;
                        height:150px;
                        border: solid 1px #4690b3;}
					.right_box_shadow{
						width:330px;
						height:150px;
						position:relative;
						z-index:5;
						background-image:url(img/right_box_shadow.png);
						background-repeat:no-repeat;}

#footerWrap{
	width:100%;
	height:63px;
	background-image:url(img/footer_bg.jpg);
	background-repeat:repeat-x;}
	#footer{
		width:1024px;
		height:63px;
		margin:auto;
		background-image:url(img/protherm_logo_footer.png);
		background-repeat:no-repeat;
		background-position:right;
		font-size:11px;}
	.footer_content{
		width:600px;
		height:63px;}
		.footerMenu{
			height:14px; padding-top:20px;}
		.footerMenu ul li{
			display:inline;}	
		.footerMenu ul li a{
			color:white;
			margin-right:10px;}
		.footerMenu ul li a:hover{ color:#052948;}

.products{
	width:98%;
	border:none;
	border:solid 1px #fff;
	border-bottom:none;
	margin-bottom:3px;}
	.products th{ 
		text-align:left; color:#fff;
		background-color:#4690b3;
		border-bottom:solid 1px #fff;
		padding:5px;}
	.products td{
		padding:3px;
		border:none;
		border-bottom:solid 1px #fff;
		background-color:#e8edff;
		margin:2px;
		text-align:left;}	
	.products tr:hover td{ background-color:#fff;}
	.products td a:hover{ color:#df1e23; text-decoration:underline;}
	.products td img{ 
		max-width:100px; 
		max-height:100px;
		border:solid 1px #0aa5e7;}
	.products td img:hover{ border:solid 1px #df1e23; }
    .noUnder a:hover{  text-decoration:none !important;}
    .noUnder img:hover{ border:solid 1px #df1e23;}

    
    
#product_info{
	width:99%;
	border:none;
	margin-bottom:10px;}
	#product_info th{ 
		text-align:left; color:#fff;
		background-color:#4690b3;
		padding:5px;}
	#product_info td{
		text-align:left;
		padding:3px;}
	#product_info td img{		 
		border:none;
		/*border:solid 1px #0aa5e7;*/}
	#product_info td img:hover{ /*border:solid 1px #df1e23;*/}

    .product_info{
    width:99%;
    border:none;
    margin-bottom:10px;
    border:solid 1px #5c8193;
    border-left: none;
    font-size: 10px;}
    .product_info th{ 
        text-align:left; color:#fff;
        background-color:#4690b3;
        padding:5px;
        border-left:solid 1px #5c8193;}
    .product_info td{
        text-align:left;
        padding:3px;
        border:solid 1px #5c8193;
        border-bottom: none; border-right: none;}
    .product_info td img{ 
        width:100px; 
        
        border:solid 1px #0aa5e7;}
    .product_info td img:hover{ border:solid 1px #df1e23;}

/* +ALERT */	
.alert{
	width:97%;
    display: block;
	min-height:20px;
	margin:0 1px 0 1px;
	padding:2px;
	background-color:#df1e23;
	font-size:12px;
	color:#fff;
	text-align:center;}	
/* -ALERT */	
#news img{   
    border: solid 1px #4690b3;
    margin: 2px;    
}
.imgFix img{
    max-height: 50px;
}

.noImgClass{ max-width:auto; max-height:auto;}
.noClass{
    border:none;
    background: none;
}
.noClass tr{
    border:none;
    background: none;
}
.noClass th{
    border:none;
    background: none;
}
.noClass td{
    border:none;
    background: none;
}
.noClass td a{
    text-decoration: none;
}