/* CSS Document */
@import url(mod_products.css);
@import url(mod_cart.css);
@import url(/cms/styles/cms_eshop_cart.css);
body{ margin:0; padding:0; font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:center; background:url(../images/body_bg.gif);}
#page{ display:block; margin:0 auto; width:1015px; text-align:left; position:relative; }
  #top_info{ display:block; height:25px; position:relative;}
  #top{ display:block; background:url(../images/top_banner.jpg) no-repeat; height:164px; margin:0 8px 0 5px;}
  #middle{ display:block; background:url(../images/middle_menu_bg.jpg) no-repeat; height:58px; position:relative;}
  #content{ display:block;margin:0 8px 0 5px; border:4px solid black; border-top:0; border-bottom:0; background:#f2F2F2; }
  #bottom{ background:url(../images/bottom.jpg) no-repeat left -30px; height:77px; display:block; margin:0 8px 0 5px; position:relative;}




/********* UPLNY TOP **********/

  #top_info .menu{ position:absolute; bottom:5px; right:8px;}
  #top_info .menu ul{ margin:0; padding:0; list-style:none;float:left;}
  #top_info .menu ul li{ margin:0; padding:0; float:left;}
  #top_info .menu ul li a{ font-size:1.1em; color:#ff9999; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;
               font-style:normal; text-decoration:none; display:block; margin:0 10px;}
  #top_info .menu ul li a:hover{ color:#800000;}
  #top_info .info{ position:absolute; bottom:5px; left:18px; font-size:1.1em; color:#FFFFFF;}
  #top_info .menu ul.login_info{}
  #top_info .menu ul.login_info li div{ font-size:1.1em; color:#EEEEEE; font-weight:bold;}
  #top_info .menu ul.login_info li div span{ color:white;}
  
  
  
/********* BOTTOM **********/

  #bottom .menu{ position:absolute; top:13px; left:25px;}
  #bottom .menu ul{ margin:0; padding:0; list-style:none;}
  #bottom .menu ul li{ margin:0; padding:0; float:left;}
  #bottom .menu ul li a{ font-size:1.1em; color:#ff9999; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;
               font-style:normal; text-decoration:none; display:block; margin:0 10px;}
  #bottom .menu ul li a:hover{ color:#800000;}
  #bottom .copy_company{ position:absolute; bottom:8px; left:18px; font-size:1.1em; color:#FFFFFF; }
  #bottom .copy_delphi{ position:absolute; bottom:20px; right:18px; font-size:1.1em; color:#FFFFFF; }
  #bottom .copy_delphi a,
  #bottom .copy_delphi a:hover { color: white; }
  
/*********** STREDNE MENU **************/

  #middle .menu{ position:absolute; top:6px; left:220px; border:0px solid white; width:750px; text-align:center;}
  #middle .menu ul{ margin:0; padding:0; list-style:none;}
  #middle .menu ul li{ margin:0; padding:0; float:left; }
  #middle .menu ul li a{ font-size:1.1em; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; 
               text-decoration:none; display:block; padding:3px 20px 6px 20px; background:url(../images/middle_menu_arrows.gif) no-repeat left; }
  #middle .menu ul li a:hover{ color:#ff9999;}
  
  #middle .search{ position:absolute; bottom:6px; left:190px; color:white; font-size:1.1em; text-transform:uppercase; font-weight:bold;}
  #middle .search input{ font-size:1.1em; border:0; position:relative; top:1px;}

  #middle .cart_info{ position:absolute; bottom:7px; right:70px; color:white; font-size:1.1em; font-weight:bold;}
  #middle .cart_btn{ position:absolute; bottom:0px; right:0px; background:none; display:block; width:60px; height:60px; text-decoration:none; margin:0; padding:0; overflow:hidden;}
  



/************** HLAVNY OBSAH ****************/


.main_wrapper { width: 100%; float: left;margin-left: 0px; margin-right: 0px; }
.main_inner { margin-left: 0px; margin-right: 0px; }
.main_wrapper_fr{ float:right; }

/*#left{ width: 0px;float: left; display:block;}
#right{ width: 0px;float: right; display:block;}
*/


/****************** CIERNE LEFT MENU ***********/
#content{ background:#fff url(../images/leftmenu_black_bg.jpg) repeat-y 0px 0 !important;}

.leftmenu_black{ background:url(../images/leftmenu_black_top.jpg) no-repeat top; padding:26px 0 30px 0; display:block; }
.leftmenu_black ul{ margin:0; padding:0; list-style:none;}
.leftmenu_black ul li{ margin:0; padding:0; display:block;}
.leftmenu_black ul a{ margin:0; padding:0; display:block; text-align:center; padding:10px 0; font-size:1.4em; color:white; text-decoration:none; 
            background:url(../images/leftmenu_black_line.jpg) no-repeat bottom; font-weight:bold;}
.leftmenu_black ul a:hover{ background-image:url(../images/leftmenu_black_redline.jpg);color:#ff0000;}


/**************** UVODNE MENU *********************/

.uvodne_menu{ display:block; width:993px; overflow:hidden; }
.uvodne_menu ul{ margin:0; padding:0; list-style:none; display:block;}
.uvodne_menu ul li{ margin:0; padding:0; display:block; float:left;}
.uvodne_menu ul a{ background-repeat:no-repeat; background-position:center; display:block; width:331px; height:395px;}
.uvodne_menu ul a span{ display:none;}

.uvodne_menu ul li.pneu a{background-image:url(../images/uvod_pneu.jpg);}
.uvodne_menu ul li.aludisky a{background-image:url(../images/uvod_aludisky.jpg);}
.uvodne_menu ul li.oceldisky a{background-image:url(../images/uvod_oceldisky.jpg);}

.uvodne_menu ul li.pneu a:hover, .uvodne_menu ul li.pneu a span{background-image:url(../images/uvod_pneu_over.jpg);}
.uvodne_menu ul li.aludisky a:hover, .uvodne_menu ul li.aludisky a span{background-image:url(../images/uvod_aludisky_over.jpg);}
.uvodne_menu ul li.oceldisky a:hover, .uvodne_menu ul li.oceldisky a span{background-image:url(../images/uvod_oceldisky_over.jpg);}





hr.dotted_white{ display:block; margin:10px 0; background:url(../images/white_dott1_transp2.gif) repeat-x; border:0;height:1px; }




/******************* TEXT MODUL *******************************/
.mod_text{ font-size:1.2em; clear:both; display:block; padding:10px; }
.mod_text .clearimages img{ clear:both; display:block;}
.mod_text .mod_text_images img{ border:1px solid #BB2929; background:#F0F0F0; padding:2px; margin:3px; }
.mod_text .img_mr img{ margin:3px 10px 3px 0;}
.mod_text .img_ml img{ margin:3px 0 3px 10px;}
.mod_news{ font-size:1.2em; }
.mod_news .clearimages img{ clear:both; display:block;}
.mod_news .mod_text_images img{ border:1px solid #BB2929; background:#F0F0F0; padding:2px; margin:3px; }
.mod_news .img_mr img{ margin:3px 10px 3px 0;}
.mod_news .img_ml img{ margin:3px 0 3px 10px;}
.mod_news .item{ margin:5px 0;}

.mod_photogallery{ font-size:1.2em; }
.mod_photogallery .clearimages img{ clear:both; display:block;}
.mod_photogallery img{ border:1px solid #BB2929; background:#F0F0F0; padding:2px; margin:3px; }


.img_topmenu_theme{ display:inline-block;height:8px; width:8px; border:1px solid black; position:relative; top:2px; }

.reset{ clear:both; height:0px; display:block;}
.notfloat:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}






/******************* PAGING *******************************/
.mod_paging{ clear:both; display:block; overflow:hidden; font-size:1.1em; border-top:1px solid #999; padding:5px 0; margin:10px 0;} 
.mod_paging select{ font-size:0.8em; border:1px solid #666666; margin:0; padding:0;} 
.mod_paging .per_page{ float:left; display:block; margin:3px 0;} 
.mod_paging .pages{ float:right; display:block; margin:3px 0;} 
.mod_paging .pages select{ float:left;} 
.mod_paging .pages a{ display:block; float:left; overflow:hidden; width:16px; height:16px; text-decoration:none;} 
  .mod_paging .pages a.first_page{ background-image:url(../images/icons/resultset_first.png);} 
  .mod_paging .pages a.last_page{ background-image:url(../images/icons/resultset_last.png);} 
  .mod_paging .pages a.next_page{ background-image:url(../images/icons/resultset_next.png);} 
  .mod_paging .pages a.previous_page{ background-image:url(../images/icons/resultset_previous.png);}