/* Frigoprom d.o.o. */

/***************** Global variables*/

body{
	font-size:12px;
	behavior: url("js/csshover3.htc"); 
	background:url(images/bg.jpg) repeat-x left top;
	background-color:#f0fbff;
	margin:10px;
	min-width:960px;
	font-family:Arial, Helvetica, sans-serif;}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

img{border:none}

a:link{text-decoration:none; color:#666;}
a:active{text-decoration:none; border:0;}
a:hover{text-decoration:none; cursor:pointer}
a:visited{text-decoration:none; border:0;}

.td{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.th{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}

p { font-family:Arial, Helvetica, sans-serif;}

.link a{ color:#666; font-weight:bold; letter-spacing:1px; font-style:italic}
.link:link{ color:#666; font-weight:bold;}
.link a:hover{ color:#ff9900; font-weight:bold;}

h5{font-size:16px; font-weight:bold; color:#999;}
h6{font-size:14px; color:#666; word-spacing:3px; line-height:1.3em;}

.vece{ font-size:1.2em; color:#666}

ul{padding:1px; padding-left:3px; margin:1px;}

.hr{ width:96%; text-align:center; border-bottom:2px dashed #ccc; height:1px; margin-top:10px;}
/****************** MENU */
.menu{
	height:37px;
	width:100%;
	background:url(images/f_menu_bg.png) repeat-x top left;}
		
.menu_senka{
	height:10px;
	width:100%;
	background:url(images/f_menu_bg_senka.png) repeat-x top left;}

.menu1_sr, .menu2_sr, .menu3_sr, .menu4_sr,  .menu5_sr,
.menu1_en, .menu2_en, .menu3_en, .menu4_en,  .menu5_en,
.menu1_de, .menu2_de, .menu3_de, .menu4_de, .menu5_de,
.menu1_it, .menu2_it, .menu3_it, .menu4_it, .menu5_it,
.menu6_sr, .menu6_en, .menu6_de, .menu6_it {
  border: none;
  cursor:pointer;
  height: 37px;
  float:left;
  vertical-align:bottom;}

.menu1_sr{background:url(images/m_program_sr.png) left top no-repeat; width:65px; margin-left:70px; cursor:default;}
.menu1_en{background:url(images/m_program_en.png) left top no-repeat; width:65px; margin-left:70px;}
.menu1_de{background:url(images/m_program_de.png) left top no-repeat; width:65px; margin-left:70px;}
.menu1_it{background:url(images/m_program_it.png) left top no-repeat; width:65px; margin-left:70px;}

.menu2_sr{background:url(images/m_referenca_sr.png) left top no-repeat; width:68px; margin-left:30px;}
.menu2_en{background:url(images/m_referenca_en.png) left top no-repeat; width:68px; margin-left:30px;}
.menu2_de{background:url(images/m_referenca_de.png) left top no-repeat; width:68px; margin-left:30px;}
.menu2_it{background:url(images/m_referenca_it.png) left top no-repeat; width:68px; margin-left:30px;}

.menu3_sr{background:url(images/m_galerija_sr.png) left top no-repeat; width:57px; margin-left:30px;}
.menu3_en{background:url(images/m_galerija_en.png) left top no-repeat; width:57px; margin-left:30px;}
.menu3_de{background:url(images/m_galerija_de.png) left top no-repeat; width:57px; margin-left:30px;}
.menu3_it{background:url(images/m_galerija_it.png) left top no-repeat; width:57px; margin-left:30px;}

.menu4_sr{background:url(images/m_onama_sr.png) left top no-repeat; width:53px; margin-left:30px;}
.menu4_en{background:url(images/m_onama_en.png) left top no-repeat; width:53px; margin-left:30px;}
.menu4_de{background:url(images/m_onama_de.png) left top no-repeat; width:53px; margin-left:30px;}
.menu4_it{background:url(images/m_onama_it.png) left top no-repeat; width:53px; margin-left:30px;}

.menu5_sr{background:url(images/m_kontakt_sr.png) left top no-repeat; width:58px; margin-left:30px;}
.menu5_en{background:url(images/m_kontakt_en.png) left top no-repeat; width:58px; margin-left:30px;}
.menu5_de{background:url(images/m_kontakt_de.png) left top no-repeat; width:58px; margin-left:30px;}
.menu5_it{background:url(images/m_kontakt_it.png) left top no-repeat; width:58px; margin-left:30px;}

.menu6_sr{background:url(images/m_home_sr.png) left top no-repeat; width:58px; margin-left:100px;}
.menu6_en{background:url(images/m_home_en.png) left top no-repeat; width:58px; margin-left:100px;}
.menu6_de{background:url(images/m_home_de.png) left top no-repeat; width:58px; margin-left:100px;}
.menu6_it{background:url(images/m_home_it.png) left top no-repeat; width:58px; margin-left:100px;}

  
.menu2_sr:hover, .menu3_sr:hover, .menu4_sr:hover, .menu5_sr:hover, .menu6_sr:hover,
.menu1_en:hover, .menu2_en:hover, .menu3_en:hover, .menu4_en:hover, .menu5_en:hover, .menu6_en:hover,
.menu1_de:hover, .menu2_de:hover, .menu3_de:hover, .menu4_de:hover, .menu5_de:hover, .menu6_de:hover,
.menu1_it:hover, .menu2_it:hover, .menu3_it:hover, .menu4_it:hover, .menu5_it:hover, .menu6_it:hover

 {
  background-position:100% -37px;
  border-bottom: none;  display: block;
}
.menu2_sr:active, .menu3_sr:active, .menu4_sr:active, .menu5_sr:active, .menu6_sr:active,
.menu1_en:active, .menu2_en:active, .menu3_en:active, .menu4_en:active, .menu5_en:active, .menu6_en:active,
.menu1_de:active, .menu2_de:active, .menu3_de:active, .menu4_de:active, .menu5_de:active, .menu6_de:active,
.menu1_it:active, .menu2_it:active, .menu3_it:active, .menu4_it:active, .menu5_it:active, .menu6_it:active, {
  background-position:100% -37px;
}

.menu2_sr:visited, .menu3_sr:visited, .menu4_sr:visited, .menu5_sr:visited, .menu6_home:visited,
.menu1_en:visited, .menu2_en:visited, .menu3_en:visited, .menu4_en:visited, .menu5_en:visited,
.menu1_de:visited, .menu2_de:visited, .menu3_de:visited, .menu4_de:visited, .menu5_de:visited,
.menu1_it:visited, .menu2_it:visited, .menu3_it:visited, .menu4_it:visited, .menu5_it:visited {
  background-position:100% 0px;
}



/****************** Main */

.lang{
	width:900px;
	color:#FFF;
	text-align:right;
	margin-bottom:5px;}

.lang:link{ color:#fff}
.lang a:link{ color:#fff}
.lang a:visited{ color:#fff}
.lang a:active{ color:#fff}
.lang a:hover{ color:#ff9900}

.main{
	width:900px;
/*	border:1px solid #fff;*/
	text-align:left;
	background:#FFF;}

.f_logo{
	width:100%;}
	
.l_menu{
	float:left;
	width:221px;
	margin-top:0px;
/*	border:1px solid #ff0000;*/}
	
.r_content{
	float:left;
	margin-left:10px;
	width:397px;
	/*border:1px solid #ff0000;*/}

.r_content_go{
	float:left;
	margin-left:20px;
	width:70%;
	#width:70%;
	_#width:70%;
/*border:1px solid #ff0000;*/}
	

.rr_content{
	float:right;
	width:241px;
	margin-top:7px;
	background:url(images/rr_bg.jpg) repeat-y top;
	margin-bottom:10px;
	margin-right:5px;}

.l_menu_bg{
	height:15px;
	width:215px;
	background:url(images/l_menu_bg.png) repeat-x top left;
	color:#666666;
	letter-spacing:1px;
	font-weight:bold;
	border:none;}

.l_menu_bg:hover{
	cursor:pointer;
	background:none;
/*	background:url(images/l_menu_bg_hover.png) repeat-x top left;*/
	color:#ff9900;}
	
.l_menu_bg:active{
	color:#666666;}

.l_menu_bg a:active{
	color:#666666;}

.l_menu_bg a:visited{
	color:#666666;}

.l_menu_bg:visited{
	color:#666666;}

.l_menu_redge{
	background:url(images/l_menu_rm.png) repeat-y top;
	width:6px;}

.l_menu_bottom{
	background:url(images/l_menu_bottom.png) no-repeat;
	height:20px;
	width:221px;}

.l_pic{
	margin-top:15px;
	margin-left:3px;
	background:url(images/ice.jpg) no-repeat;
	width:211px;
	height:212px;}

.dobrodosli_box{
	margin:7px;}
	
.intro_text{
	margin-top:15px;
	margin-left:7px;}

.frame{ 
	width:200px;
	height:130px;
	border:3px solid #fff;
	color:#ccc;
	text-align:left;
	margin:10px;}

.big_content{
	padding:2%;background:url(images/stripes2.png) repeat-x; padding:10px; border-bottom:2px solid #ccc;}

.sadrzaj{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; line-height:14px; color:#666666; border-bottom:2px solid #e7e7e7; line-height:1.4em; /*background:url(images/stripes2.png) repeat-x; padding:10px;*/}

.naslov{
	text-align:left;
	color:#FFFFFF;
	padding-left:25px;
	font-size:16px;
	font-weight:bold;
	letter-spacing:1px;}

.box_bg{
	background:url(images/stripes.png) repeat-x; 
	border:2px solid #ccc; 
	padding:5px;}

.picbox{
	background:url(images/stripes.png) repeat-x;
	border:3px solid #ccc;
	padding:5px;}
	
.picbox a {border:3px solid #FFF}
.picbox a:hover {border:3px solid #aaedff; background:#fff;}


/****************** ISPARIVACI */

.i_evs, .i_ep, .i_mic, .i_cte, .i_mfe, .i_dfe, .i_ste, .i_lfe, .i_ice, .i_ide,{
  border: none;
  cursor:pointer;
  display: block;
  height: 30px;
  width:50px;
  vertical-align:bottom;}

.i_evs{background:url(images/i_evs.png) left top no-repeat;}
.i_ep{background:url(images/i_ep.png) left top no-repeat;}
.i_mic{background:url(images/i_mic.png) left top no-repeat;}
.i_cte{background:url(images/i_cte.png) left top no-repeat;}
.i_mte{background:url(images/i_mte.png) left top no-repeat;}
.i_dfe{background:url(images/i_dfe.png) left top no-repeat;}
.i_ste{background:url(images/i_ste.png) left top no-repeat;}
.i_lfe{background:url(images/i_lfe.png) left top no-repeat;}
.i_ice{background:url(images/i_ice.png) left top no-repeat;}
.i_ide{background:url(images/i_ide.png) left top no-repeat;}

.i_evs:hover, .i_ep:hover, .i_mic:hover, .i_cte:hover, .i_mfe:hover, .i_dfe:hover, .i_ste:hover, .i_lfe:hover, .i_ice:hover, .i_ide:hover, .i_mte:hover{
  background-position:100% -30px;
  border-bottom: none;}
  
.i_evs:active, .i_ep:active, .i_mic:active, .i_cte:active, .i_mfe:active, .i_dfe:active, .i_ste:active, .i_lfe:active, .i_ice:active, .i_ide:active, .i_mte:hover{ 
   background-position:100% -30px;
}
 
.isparivaci th{width:50px; height:30px;}
 
.vrata { border:1px solid #CCCCCC}
.vrata th{padding:4px; border:1px solid #CCCCCC; background-color:#e7e7e7} 
.vrata td{padding:3px; border:1px solid #CCCCCC} 

.referenca { border:1px solid #CCCCCC}
.referenca th{padding:1px; border:1px solid #CCCCCC; background-color:#e7e7e7} 
.referenca td{padding:1px; border:1px solid #CCCCCC; padding-left:3px;}

.download{
	background:url(images/download.png) no-repeat left top;
	width:48px;
	height:48px;
	border: none;
	cursor:pointer;}
	
.download:hover{
	background-position:100% -48px;
	border-bottom: none;}
	
.download1{
	background:url(images/resenje_o_registraciji.png) no-repeat left top;
	width:200px;
	height:30px;
	border: none;
	cursor:pointer;}
	
.download1:hover{
	background-position:100% -30px;
	border-bottom: none;}

.download2{
	background:url(images/pdv_potvrda.png) no-repeat left top;
	width:200px;
	height:30px;
	border: none;
	cursor:pointer;}
	
.download2:hover{
	background-position:100% -30px;
	border-bottom: none;}

/****************************** KONTAKT FORMA */

#forma input,textarea {
border:1px #ccc solid;
width:180px;
margin-top:2px;
}

#forma input:hover, textarea:hover{
border:1px #6699cc solid;
}

#forma {
font-weight:bold;
color:#777;
width:auto;
font-size:11px;
cursor:pointer;
}

.kontakt label textarea{
cursor: pointer;
float:left;
}

#forma label{
float:left;
cursor:pointer;
}

.posalji_sr, .posalji_en, .posalji_de, .posalji_it {
	width:180px;
	height:27px;
	border: none;
	cursor:pointer;}
	
.posalji_sr{background:url(images/posalji_sr.png) no-repeat left top;}
.posalji_en{background:url(images/posalji_en.png) no-repeat left top;}
.posalji_de{background:url(images/posalji_de.png) no-repeat left top;}
.posalji_it{background:url(images/posalji_it.png) no-repeat left top;}

.posalji_sr:hover, .posalji_en:hover, .posalji_de:hover, .posalji_it:hover{
	background-position:100% -27px;
	border: none;}

/********************* REFERENCA*/	
	
#referenca {width:900px; height:700px; position:relative; }

#referenca li {width:80px; background:#e7e7e7; margin-right:1px; float:left; text-decoration:none; margin:20px 40px; border:1px solid #ccc; text-align:center;}

#referenca li ul li.hz em {left:10px; top:80px;}
#referenca em img {display:block;}


/*********************** GALERIJA */
.set1, .set2, .set3 {
	width:90px;
	height:30px;
	border: none;
	float:left;
	margin-right:20px;
	cursor:pointer;}
	
.set1{background:url(images/set1.png) no-repeat left top;}
.set2{background:url(images/set2.png) no-repeat left top;}
.set3{background:url(images/set3.png) no-repeat left top;}

.set1:hover, .set2:hover, .set3:hover{
	background-position:100% -30px;
	border: none;}






/********************* Simple Gallery*/

#simplegallery1{ //CSS for sample Gallery
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 4px solid #ccc;
top:10px;
left:4px;
}

#simplegallery2{ //CSS for sample Gallery
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 4px solid #ccc;
top:10px;
left:4px;
}

#simplegallery3{ //CSS for sample Gallery
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 4px solid #ccc;
top:10px;
left:4px;
}
 
#simplegallery4{ //CSS for sample Gallery
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 4px solid #ccc;
top:10px;
left:4px;
} 
/******************* FOOTER */

.footer{}

.partner_logo1, .partner_logo2, .partner_logo3, .partner_logo4, .partner_logo5, .partner_logo6{
	height:50px;
	display:block;
	border: none;
	cursor:pointer;}

.partner_logo1{
	background:url(images/emerson.png) no-repeat left top; width:107px;}

.partner_logo2{
	background:url(images/copeland.png) no-repeat left top; width:174px;}

.partner_logo3{
	background:url(images/alco.png) no-repeat left top; width:97px;}

.partner_logo4{
	background:url(images/eco.png) no-repeat left top; width:75px;}

.partner_logo5{
	background:url(images/pastor.png) no-repeat left top; width:65px;}

.partner_logo6{
	background:url(images/polistamp.png) no-repeat left top; width:173px;}

.partner_logo1:hover, .partner_logo2:hover, .partner_logo3:hover, .partner_logo4:hover, .partner_logo5:hover, .partner_logo6:hover{
	background-position:100% -50px;
	border-bottom: none;}

.copyright{
	text-align:center;
	border-top:5px double #ccc;
	margin-top:6px;
/*	float:left;*/

	padding:5px;
	font-weight:bold;
	color:#ccc;}

.a2_link:link{ color:#ccc;}
.a2_link:hover{ color:#999;}
.a2_link:visited{ color:#ccc;}