/*                                LAYOUT                                     */

/****************   MAIN  ****************************/ 
html,body {    text-align:center;   padding: 0px; }   
#MAIN {  margin: 0px auto 0px auto;  width: 980px; position: relative; top: 0px; border: 1px solid white; }
 
/*******************  CENTER **********************/
#centerContent{   width: 485px;  height: auto;   text-align:left; position: absolute;  top:  210px;  left: 245px; margin: 0; }
    
/*******************     TOP & BOTTOM  **********************/
#topHeader  {  position: absolute;  top: 35px;  left: 250px;  width: 485px;  height: 180px;  }  
#topMenu  {  background: url('../images/top_back.gif') no-repeat;  width: 735px;  height: 35px;  padding-right: 5px; padding-top: 10px; text-align: right;  position:absolute;  top: 0px;  left: 250px;  }  
#topMenu ul li, #bottomMenu ul li  {  display: inline;  font-weight:bold;  }  
#topMenu ul li img, #bottomMenu ul li img  {  margin-bottom: -5px;  }  

#bottomMenu{clear:both;}
/*******************  LEFT **********************/  
#leftLogo  {  width: 245px;  height: 210px;  text-align: center;  position: absolute;  top:  0px;  left: 0px;  margin: 0;  }  
#leftMain  {  width: 245px;  height: auto;  text-align: left;  position: absolute;  top:  210px;  left: 0px;  margin: 0;  }  

/*******************  RIGHT **********************/  
#rightLogin  {  height: 180px;  width: 250px;  position: absolute;  top:  55px;  left: 735px;  }  
#rightMain  {  width: 250px;  height: auto;  text-align: left;  position: absolute;  top:  210px;  left: 735px;  }



/*                                CONTENT                                    */


/*********     BOX       **********/     
.box {  position:relative; overflow:hidden;}
.box_header{ height: 34px; padding-left: 40px; color: #666666; font-size: 12px; font-weight: bold; line-height: 27px; font-family: verdana, helvetica, sans-serif, arial; text-decoration: none;}
.box_content { padding: 0 20px; }
.box_footer { height:13px;  width:490px; clear:both;}  
.box_hr{ margin:0 auto; width: 454px; height:11px; clear:both; background: url('../images/hr_box.jpg') no-repeat; }

/*********   ZELENA     **********/
#zelena {background: url('../images/zelena_border.jpg') repeat-y;} 
#zelena .box_header { background: url('../images/zelena_header.jpg') no-repeat;} 
#zelena .box_footer { background: url('../images/zelena_footer.jpg') no-repeat; }

/*********   ZLUTA     **********/
#zluta {background: url('../images/zluta_border.jpg') repeat-y; width:100%} 
#zluta .box_header { background: url('../images/zluta_header.jpg') no-repeat;} 
#zluta .box_footer { background: url('../images/zluta_footer.jpg') no-repeat; }

/******   SEDY UZKY BOX   *******/
#seda {width: 245px; height: 145px; background: url('../images/seda_whole.jpg') no-repeat;}
#seda .box_header { line-height: 35px; }
#seda .box_content { padding:15px;}

/******   MODRY UZKY BOX   *******/
#modra {width: 245px; background: url('../images/modra_border.jpg') repeat-y;}
#modra .box_header { background: url('../images/modra_header.jpg') no-repeat;}
#modra .box_footer { background: url('../images/modra_footer.jpg') no-repeat;}
#modra .box_content{ padding: 0px;}
#modra .list_item {background: none; margin-left: 20px;}

/*********   SEZNAM ZBOZI     **********/
.list_item { width: 200px; margin:10px; float:left; padding-top: 10px;background: url('../images/hr.jpg') repeat-x;}
.list_item_header a {color: #fd9203; font-size: 12px;}

#even{clear:left;}