body {margin:0; padding:0; height: 100%; background-image:url(http://www.frigobox.hr/images/back_main.jpg); background-repeat:repeat-x; font-family: Arial; font-size: 62.5%;  color: #15395C; background-color:#082744; } 
p {font-size: 1.2em;text-align: left; letter-spacing: 0; line-height: 1.6em;}
#wrapper {margin:0 auto; width:960px; height:100%;}
#header {width: 960px; height:210px; background-image:url(http://www.frigobox.hr/images/header_back.jpg);}

#navigacija ul {margin: 0;padding: 0; width:960px;}
#navigacija ul li {margin: 0; padding: 0; list-style-type: none;position: relative;display: inline;float: left;}
#navigacija li a { display: block; height: 40px; background-repeat: no-repeat; background-position: 0 0; position: relative; top: 0; left: 0px; text-indent: -9999px; z-index:1; }

#navigacija li#liNavNaslovnica { width: 100px; }
#navigacija li#liNavOnama { width: 90px; }
#navigacija li#liNavNovosti { width: 94px; }
#navigacija li#liNavProizvodi { width: 136px; }
#navigacija li#liNavUputstva { width: 105px; }
#navigacija li#liNavGalerija { width: 177px; }
#navigacija li#liNavReference { width: 153px; }
#navigacija li#liNavKontakt { width: 105px; }

#navigacija li#liNavNaslovnica a { background-image: url(http://www.frigobox.hr/images/liNavPocetna.jpg); width: 100px; }
#navigacija li#liNavOnama a { background-image: url(http://www.frigobox.hr/images/liNavOnama.jpg); width: 90px; }
#navigacija li#liNavNovosti a { background-image: url(http://www.frigobox.hr/images/liNavNovosti.jpg); width: 94px; }
#navigacija li#liNavProizvodi a { background-image: url(http://www.frigobox.hr/images/liNavProizvodi.jpg); width: 136px; }
#navigacija li#liNavUputstva a { background-image: url(http://www.frigobox.hr/images/liNavUputstva.jpg); width: 105px; }
#navigacija li#liNavGalerija a { background-image: url(http://www.frigobox.hr/images/liNavGalerija.jpg); width: 177px; }
#navigacija li#liNavReference a { background-image: url(http://www.frigobox.hr/images/liNavReference.jpg); width: 153px; }
#navigacija li#liNavKontakt a { background-image: url(http://www.frigobox.hr/images/liNavKontakt.jpg); width: 105px; }

#navigacija li a:hover, #navigacija li a:active, #navigacija li a.aSelektiran:link, #navigacija li a.aSelektiran:visited, #navigacija li a.aSelektiran:hover, #navigacija li a.aSelektiran:active { background-position: 0 -40px; }

#navMenu {
	margin:0; 
	padding:0;
	list-style:none;	
	font-family:arial;
	text-align:center;
	line-height:60px;
	text-indent: -9999px;
}

#navMenu li#liNavRezidencijalni{
		float:left;	
		background:url(http://www.frigobox.hr/images/liNavRezidencijalni.jpg) no-repeat center center;	/* default background image	*/
		background-position: 0 0;
		width:240px;							/* width and height of the menu item */
		height:110px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}
#navMenu li#liNavKomercijalni{
		float:left;	
		background:url(http://www.frigobox.hr/images/liNavKomercijalni.jpg) no-repeat center center;	/* default background image	*/
		background-position: 0 0;
		width:240px;							/* width and height of the menu item */
		height:110px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}
#navMenu li#liNavXRV{
		float:left;	
		background:url(http://www.frigobox.hr/images/liNavXRV.jpg) no-repeat center center;	/* default background image	*/
		background-position: 0 0;
		width:240px;							/* width and height of the menu item */
		height:110px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}
#navMenu li#liNavEcoklima{
		float:left;	
		background:url(http://www.frigobox.hr/images/liNavEcoklima.jpg) no-repeat center center;	/* default background image	*/
		background-position: 0 0;
		width:240px;							/* width and height of the menu item */
		height:110px;
		position:relative;			/* must set it as relative, because .hover class top and left with absolute position will be positioned according to li.	*/
	}

#navMenu li a {
		z-index:20;		/* z-index must be higher than .hover class */
		display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
		height:110px;
		position:relative;
		color:#777;
		outline:none;
	}

#navMenu li#liNavRezidencijalni .hover {
		background:url(http://www.frigobox.hr/images/liNavRezidencijalni.jpg) no-repeat center center;	
		background-position: 0 -110px;	/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:240px;	/*	width, height, left and top to fill the whole LI item	*/
		height:110px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	
#navMenu li#liNavKomercijalni .hover {
		background:url(http://www.frigobox.hr/images/liNavKomercijalni.jpg) no-repeat center center;	
		background-position: 0 -110px;	/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:240px;	/*	width, height, left and top to fill the whole LI item	*/
		height:110px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	
#navMenu li#liNavXRV .hover {
		background:url(http://www.frigobox.hr/images/liNavXRV.jpg) no-repeat center center;	
		background-position: 0 -110px;	/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:240px;	/*	width, height, left and top to fill the whole LI item	*/
		height:110px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	
#navMenu li#liNavEcoklima .hover {
		background:url(http://www.frigobox.hr/images/liNavEcoklima.jpg) no-repeat center center;	
		background-position: 0 -110px;	/* mouseover image	*/
		position:absolute;	/* must be postion absolute 	*/
		width:240px;	/*	width, height, left and top to fill the whole LI item	*/
		height:110px;
		left:0; 
		top:0;	
		z-index:0;		/* display under the Anchor tag	*/
		display:none;	/* hide it by default	*/
	}	
#navMenu li#liNavRezidencijalni.selected, #navMenu li#liNavKomercijalni.selected, #navMenu li#liNavXRV.selected, #navMenu li#liNavEcoklima.selected {
		background-position: 0 -110px;	/* selected image	*/
	}




.kat_image {float:left; width:238px; margin:0; padding:0 1px 0 1px; margin-top:2px; background:none;}

#main_content {background-image:url(http://www.frigobox.hr/images/content_back.jpg); background-repeat:repeat-x; background-color:#fff; padding:20px; overflow:auto;}

h1, h2, h3, h4, h5, h6 {padding-bottom: 10px; color:#15395C;}
h1 {font-size:2.2em;}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}

.uputstva h3 {margin:0px; padding:0; margin-top:-30px;}
.uputstva img {float: none;}

#box1 {width: 320px; float:left; padding-right:30px; padding-top:20px;}
#box2 {width: 320px; float:left; padding-right:30px; padding-top:20px;}
#box3 {width: 200px; float:left; padding-top:20px;}

#box_main {width: 670px; float:left; }
#box1_right {width: 200px; float:left; padding-left:30px; padding-top:10px;}
#box2_right {width: 200px; float:left; padding-left:30px; padding-top:20px;}
#box4_right {width: 200px; float:left; padding-left:30px; padding-top:20px;}
#box3_right {width: 200px; float:left; padding-left:30px; padding-top:0px;}

#box1 h2, #box1_right h2 { padding-left:40px; background-image:url(http://www.frigobox.hr/images/frigobox_icon1.jpg); background-repeat:no-repeat; padding-top:10px;}
#box2 h2, #box2_right h2 { padding-left:40px; background-image:url(http://www.frigobox.hr/images/frigobox_icon2.jpg); background-repeat:no-repeat; padding-top:10px;}
#box3 h2, #box3_right h2 { padding-left:40px; background-image:url(http://www.frigobox.hr/images/frigobox_icon3.jpg); background-repeat:no-repeat; padding-top:10px;}
#box4 h2, #box4_right h2 { padding-left:40px; background-image:url(http://www.frigobox.hr/images/frigobox_icon4.jpg); background-repeat:no-repeat; padding-top:10px;}

.imgLijevo {float:left; padding:2px; border:1px solid #15395C; margin:0 20px 10px 0;}

.divider {height:1px; background-color:#15395C; margin-bottom:10px;}

#footer {height: 130px; background-image:url(http://www.frigobox.hr/images/frigobox_footer.jpg); background-repeat:repeat-x; text-align:center;}
#footer p {text-align:center; padding-top:10px; color:#5C7C9A; font-size:1.1em;}

#footer a:link, #footer a:visited, #footer a:active {
color:#5C7C9A;
text-decoration:none;
}
#footer a:hover {
color:#fff;
text-decoration:none;
}

a:link, a:visited, a:active {
color:#15395C;
text-decoration:none;
}
a:hover {
color:#000;
text-decoration:none;
}

a.button_link {
    background:url(http://www.frigobox.hr/images/buttons.png) no-repeat scroll right -1px;
    color:#eee;
    display:inline-block;
    font-size:11px;
    height:35px;
    margin-right:5px;
    margin-top:10px;
    padding-right:17px;
    text-transform:uppercase; text-decoration:none;}

a.button_link span {
	background:transparent url(images/buttons.png) no-repeat scroll -2px -34px;
	display:block;
	line-height:10px;
	padding:9px 0 11px 15px;}

a.button_link:hover {color:#F9C422;}


#call_to_action_button{background:transparent url(http://www.frigobox.hr/images/klima.png) no-repeat scroll center top;height:64px;position:relative;right:0px;top:-15px;width:202px; float:right;}
#call_to_action_button a{display: block;height: 100%;width: 100%;}

.formInput, .formTextarea { border: 1px solid #8A8B8C; padding: 2px 2px; width: 170px; font-size: 1.0em; color: #000; }
.formTextarea { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 1.1em; }
.formInput:focus, .formTextarea:focus { border: 1px solid #15395C; }
.formSubmit { background:url(http://www.frigobox.hr/images/but.jpg) no-repeat scroll left 0px;font-size: 1em; color:#FFFFFF; padding: 3px 10px; border: 1px solid #15395C; margin-top: 10px; }

.uputstva {text-align:center; float:left; width:180px; border:1px dotted #006699; padding:10px; margin:0 5px 5px 5px; font-size:1.1em;}
.uputstva a:link, .uputstva a:visited, .uputstva a:active {
color:#5C7C9A;
text-decoration:none;
}
.uputstva a:hover {
color:#000;
text-decoration:none;
}

#box_main ul {margin: 0;padding: 0; width:650px; padding-left:10px;}
#box_main ul li {margin: 0; padding: 0; list-style-type: none; font-size:1.2em; padding-top:5px; padding-bottom:5px;}

.news_box{padding:10px; border-bottom:1px dotted #006699;}

.thumbs{float:left;margin:12px;}
.thumbs img{margin: 5px 15px 10px 0px; float:left; border:1px solid #CCCCCC; padding:2px}
.thumbs a:hover img{margin: 5px 15px 10px 0px; float:left; border:1px solid #000000; padding:2px}

.catThumbs{width:100px;text-align:center; padding:5px;min-height:140px;margin:10px;float:left;}
.catThumbs img{margin:0px; border:1px solid #CCCCCC;padding: 2px;background:#fff;}
.catThumbs a:hover img{margin:0px; border:1px solid #000000;padding:  2px;background:#fff;}
.catThumbs span{font:normal bold 12px helvetica, arial, sans-serif; color:#15395C; margin:0 0 5px 0;}
.catThumbs p{font: normal normal 11px "Courier New", Courier, monospace;margin:0;padding:0;}
.catThumbs h3{margin:0; padding:0;padding-top:10px; }


.catThumbs2{width:180px;text-align:center; padding:5px;min-height:60px;margin:0px;float:left;background: url(http://www.istra-europa.eu/imgs/poz.jpg) no-repeat; margin-left: -10px;}
.catThumbs2 img{margin:0px;padding: 1px;background:#fff; margin-top:2px; margin.left:-10px; }
.imgCentar {margin: 15px 15px 10px 0px; border:1px solid #CCCCCC; padding:2px; }

.photo2{ float:left; border:1px solid #ccc; padding:2px; margin:4px 10px 10px 4px;}