/* CSS Document */
@import url(mod_products.css);
@import url(mod_cart.css);

body{ margin:0; padding:0; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; text-align:center; background:#b9c8f0 url(../images/body_bg.jpg) repeat-x top;}
#page{ display:block; margin:0 auto; width:1013px; 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:160px; margin:0; position:relative;}
	#middle{ display:block; background:url(../images/middle_menu_bg.jpg) no-repeat; height:58px; position:relative;}
	#content{ display:block;margin:0; border-top:0; border-bottom:0px solid black; background:#fff url(../images/main_bg.jpg); padding:0 9px 0 8px; }
	#bottom{ background:url(../images/bottom_bg.jpg) no-repeat top; height:32px; display:block; margin:0; position:relative;}

	#logo{ display:block; position:absolute; top:10px; left:30px;}
	


/********* 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:#fff; 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:#50ffff;}
	#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-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:5px; left:18px; font-size:1.1em; color:#FFFFFF;}
	#bottom .copy_delphi{ position:absolute; bottom:5px; right:18px; font-size:1.1em; color:#FFFFFF;}
	
/*********** STREDNE MENU **************/

	#top .menu{ position:absolute; bottom:0px; left:200px; border-bottom:3px solid #e3a205; width:804px; text-align:center;}
	#top .menu ul{ margin:0; padding:0; list-style:none;}
	#top .menu ul li{ margin:0; padding:0; float:left; }
	#top .menu ul li a{ font-size:1.2em; color:#fff; font-weight:bold; font-style:normal; 
						   text-decoration:none; display:block; padding:4px 20px 5px 30px; background:#770303 url(../images/topmenu_white_arrow.gif) no-repeat 15px center; margin-left:6px; }
	#top .menu ul li a:hover{ color:#ff9999;}
	
	#top .search{ position:absolute; bottom:6px; left:190px; color:white; font-size:1.1em; text-transform:uppercase; font-weight:bold;}
	#top .search input{ font-size:1.1em; border:0; position:relative; top:1px;}

	#top .cart_info{ position:absolute; bottom:7px; right:70px; color:white; font-size:1.1em; font-weight:bold;}
	#top .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;}
*/


/****************** LEFT MENU ***********/
#left .mod_text{ padding:0 !important;}
.left_top{ margin-top:-30px; background:#F0F0F0 url(../images/leftmenu_tl_corner.jpg) no-repeat left top; display:block; position:relative; z-index:10;}
.left_top h2{ margin:0; padding:5px 20px; color:#e57100; font-size:16px;}
.left_top form{ margin:0; padding:5px 20px;}


.leftmenu{ padding:0 10px; display:block; }
.leftmenu ul{ margin:0; padding:0; list-style:none;}
.leftmenu ul li{ margin:0; padding:0; display:block; border-bottom:1px dotted silver;}
.leftmenu ul a{ margin:0; padding:0; display:block; text-align:left; padding:7px 0 7px 20px; font-size:1.2em; color:#101010; text-decoration:none; 
					  background:url(../images/leftmenu_red_arrow.gif) no-repeat 8px  center; font-weight:bold;}
.leftmenu ul a:hover{ 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);} 

/********************** panel cart ***************/

.right_panel_cart{ background:#22449c url(../images/cart_icon.jpg) no-repeat 5px 6px; display:block; height:90px; padding:3px; border-bottom:3px solid #e3a205; }
	.cart_info{ display:block; margin:3px 5px 5px 75px; text-align:center;}
	.cart_info h3{ margin:0 0 7px 0; color:#e3a205; font-size:1.6em; padding:0;}
	.cart_info .count_items{ margin:0; padding:0; color:white; font-size:1.2em;}
	.cart_info .sum_eur{ margin:0; padding:0; color:white; font-size:1.5em; font-weight:bold;}
	.cart_info .sum_skk{ margin:0; padding:0; color:white; font-size:1.2em;}