@charset "utf-8";
* { margin: 0px; padding:0px;}
img {border:0; display: block;}
ul {list-style: none; }
a {text-decoration: none; outline:none;}
body { background:#CBDBEA url(img/background.jpg) no-repeat center top }
div, h1, h2, img, a { behavior: url(iepngfix.htc) }
#container { 
   width: 830px;
   margin: auto;
   overflow: visible;
   }
#container #header { 
   width: 830px;
   padding-top: 20px;
   position: relative;
   }
#container #header #kontakt { 
  background: url(img/kontakt_bg.jpg);
  width: 129px;
  height: 27px;
  position: absolute;
  top: 0px;
  right: 19px;
  padding: 7px 0px 0px 20px;
   }
#container #header #kontakt a { 
 font: bold 11px arial;
 color: #fff;
 float: left;
 width: 56px;
 text-transform: uppercase;
   }        
#container #header a.logo { 
   width: 271px;
   height: 122px;
   display: block;
   background:url(img/logo.png);
   
   }   
#container #header #navigation { 
   width: 830px;
   background: url(img/nav.jpg) no-repeat bottom left;
   height: 51px;
   padding-top: 10px;
   }
#container #header #navigation ul   { 
  float: left;
  padding: 23px 0px 0px 80px;
 }    
#container #header #navigation ul li  { 
  float: left;
  display: inline;
  position: relative;
  padding-bottom: 10px;
 }
#container #header #navigation  #sub_blue {
	position: absolute;
	visibility: hidden;
	width: 113px;
	padding: 5px;
	left: -43px;
	top: 14px;
  }
#container #header #navigation  #sub_orange {
	position: absolute;
	visibility: hidden;
	width: 113px;
	padding: 5px;
	left: -28px;
	top: 14px;
  }   
#container #header #navigation  #sub_green {
	position: absolute;
	visibility: hidden;
	width: 113px;
	padding: 5px;
	left: -22px;
	top: 14px;
  }
#container #header #navigation  #sub_pink {
	position: absolute;
	visibility: hidden;
	width: 113px;
	padding: 5px;
	left: -30px;
	top: 14px;
  }
#container #header #navigation  #sub_yellow {
	position: absolute;
	visibility: hidden;
	width: 113px;
	padding: 5px;
	left: -32px;
	top: 14px;
  }        
#container #header #navigation ul.sub   {
	position: absolute;
	background: url(img/subnav_blue.jpg) repeat-y;
	width: 113px;
	padding: 20px 10px 10px 10px;
	}
#container #header #navigation ul.sub_orange   {
	background: url(img/subnav_orange.jpg) repeat-y;
	}
#container #header #navigation ul.sub_green   {
	background: url(img/subnav_green.jpg) repeat-y;
	}
#container #header #navigation ul.sub_pink   {
	background: url(img/subnav_pink.jpg) repeat-y;
	}
#container #header #navigation ul.sub_yellow   {
	background: url(img/subnav_yellow.jpg) repeat-y;
	}					
#container #header #navigation ul.sub li a { 
  display: list-item   ;
  font: 11px arial;
  color: #F0F4F9;
  padding: 0px 5px 5px 11px;
  text-decoration: none;
  width: 100px;
  text-transform: uppercase;
  background: url(img/list_img.gif) no-repeat 0px 4px;
   }      
#container #header #navigation ul li a { 
  float: left;
  font: bold 13px arial;
  color: #F0F4F9;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  text-transform: uppercase;
  }
#container #header #navigation ul li a.limac { 
 width: 93px;
  }
#container #header #navigation ul li a.programi { 
 width: 110px;
  } 
#container #header #navigation ul li a.k_programi { 
 width: 151px;
  } 
#container #header #navigation ul li a.prehrana { 
 width: 140px;
  }
#container #header #navigation ul li a.galerija { 
 width: 120px;
  }            
#container #header #navigation ul li a:hover,
#container #header #navigation ul li a.active { 
  color: #fff;
  }
#container #content { 
  background: url(img/content.png) repeat-y;
  width: 830px;
  overflow: visible;
  }                
#container #content #content_left { 
 width: 518px;
 float: left; 
 padding: 20px;
   }
#container #content #content_left img{ 
 float: right;
 padding-left: 20px;
 
   }   
#container #content #content_left h1 { 
font: bold 13px arial;
color: #fff; 
background: url(img/o_nama_h1.jpg);
text-align: center;
width: 166px;
height: 32px;
margin-left: -35px;
padding: 15px 0px 0px 0px ;
text-transform: uppercase;
margin-bottom: 20px;
   }
#container #content #content_left h1.programi { 
  background: url(img/programi_h1.jpg);
}
#container #content #content_left h1.k_programi { 
  background:  url(img/k_programi_h1.jpg);
}
#container #content #content_left h1.k_prehrana { 
  background:  url(img/prehrana_h1.jpg);
}
#container #content #content_left h1.radionice { 
  background:  url(img/radionice_h1.jpg);
}    
#container #content #content_left h2 { 
font: bold 13px arial;
color: #3A9AA5; 
padding-left: 15px;
margin-bottom: 15px;
}
#container #content #content_left h2.programi { 
color: #A26B35; 
}
#container #content #content_left a.gal { 
float: left;
border: 1px solid #CCCCCC;
padding: 2px;
margin: 10px;
width: 102px;
height: 102px;
}
#container #content #content_left img.gal2 { 
margin: 0px;
padding: 0px;
display: block;
}
#container #content #content_left a.gal:hover { 
border: 1px solid #666;
}
#container #content #content_left h2.k_programi { 
color: #667E32; 
} 
#container #content #content_left h2.prehrana { 
color: #A329A9; 
}
#container #content #content_left h2.radionice { 
color: #8C761C; 
}     
#container #content #content_left p { 
 font: 11px arial;
 color: #666;
 margin-bottom: 15px;
 padding-left: 15px;
 line-height: 17px;
   } 
#container #content #content_right { 
 width: 230px;
 float: left; 
 padding: 20px;
 background:url(img/sep.gif) no-repeat 0px 80px;
   }
#container #content #content_right h2 { 
 font: bold 13px arial;
color: #fff; 
background: url(img/novosti_h2.jpg);
text-align: center;
width: 139px;
height: 32px;
margin-right: -28px;
padding: 20px 0px 0px 0px ;
text-transform: uppercase;
margin-bottom: 20px;
float: right;
   }
#container #content #content_right h2.radionice { 
 background:  url(img/radionice_h2.png);
 width: 131px;
 height: 30px;
 padding: 27px 0px 0px 0px;
 margin-right: -33px;
 }    
#container #content #content_right h3 { 
 background: url(img/novosti_h3.gif) no-repeat;
 height: 26px;
 padding: 20px 0px 0px 10px;
 font: bold 12px georgia;
 color: #fff;
 margin-bottom: 10px; 
}
#container #content #content_right h3.radionice_h3 { 
 background: url(img/radionica_h3.gif) no-repeat;
 font: bold 12px arial;
 float: left;
 width: 94px;
 margin-right: 110px;
 text-align: center;
 padding: 20px 0px 0px 0px; 

}
#container #content #content_right p { 
 font: 11px arial;
 color: #666;
 margin-bottom: 15px;
 line-height: 17px;
   } 
#container #content #content_right a { 
 font: 11px arial;
 color: #666;
 float: right;
 text-decoration: none;
   } 
#container #content  a { 
 font: 11px arial;
 color: #666;
 text-decoration: none;
   }      
#container #content #content_right .right_wrap { 
 float: left;
 width: 230px;
 }
#container #footer { 
 float: left;
 background: url(img/footer.png) no-repeat;
 width: 830px;
 padding: 50px 0px 10px 0px;
 }
#container #footer #footer_l { 
 float: left;
 width: 400px;
 padding: 0px 0px 0px 20px;
 } 
#container #footer #footer_l span { 
 font: bold 12px arial;
 color: #fff;
 padding: 0px 0px 5px 0px;
 float: left;
 width: 150px;
 }
#container #footer  a { 
 float: right;
 margin-right: 20px;
 background:url(img/d4u.png);
 width: 55px;
 height: 44px;
 }              
.clear {clear: both;}    
input.fil {
width: 350px;
height: 15px;
font: 11px arial;
color: #666;
border: 1px solid #3A9AA5;
margin: 5px 20px 10px 15px;
padding: 5px 5px 5px 5px;
}
input.btn {
border: 0px;
cursor: pointer;
font: bold 13px arial;
color: #666; 
padding: 0px 0px 0px 20px;
background: #fff;
}
textarea {
width: 350px;
height: 150px;
font: 11px arial;
color: #666;
border: 1px solid #3A9AA5;
margin: 5px 20px 10px 15px;
padding: 5px 5px 5px 5px;
}   
.none {margin: 0px !important;  }   
#container #content #content_left table {
z-index: 1;
position: relative;
}
#container #content #content_left table td input {
height: 15px;
font: 11px arial;
color: #666;
border: 1px solid #3A9AA5;
margin: 5px 20px 10px 5px;
padding: 0px 5px 0px 5px !important;
height: 22px;
background: #fff;
}
#container #content #content_left table td b,
#container #content #content_left table td  {
 font: 11px arial;
 color: #666;
 margin-bottom: 15px;
 padding-left: 15px;
 line-height: 17px;
}
#container #content #content_left table td a {
 font: 11px arial;
 color: #666;
 margin-bottom: 15px;
 padding-left: 15px;
 line-height: 17px;
}
#container #content #content_left table td label {
 font: 11px arial;
 color: #666;
 margin-bottom: 15px;
 padding-left: 15px;
 line-height: 17px;
}