@import url("layout.css");
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	background:top left url(../graph/body-bg.gif) #fff;
	padding:0px;
}

#obsah h1{
	font-size:130%;
	margin:12px 10px 8px 0px;
}

h2{
	font-size:110%;
	margin:10px 0px 3px 0px;
}

p{
	font-size:90%;
	line-height:130%;
	margin:7px 20px 10px 0px;
}

p#pagehistory{
	font-size:80%;
}

a{
	color:#f71000;
}

a:hover{
	color:#999;
}

#obsah{
	background:20px 0px url(../graph/obsah-bg.gif) repeat-y;
	padding:0px 0px 50px;
	margin:0px;
}

#zahlavi{
	background:top center url(../graph/zahlavi-bg.jpg) no-repeat;
	height:150px;
}

#logo a{
	color:#1599db;
	position:absolute;
	top:0px;
	left:36px;
	width:282px;
	height:139px;
	margin:0px;
	overflow:hidden;
}

#logo span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:url(../graph/logo.jpg) 0 0 no-repeat;
	cursor:pointer;
}

form#search{
	float:right;
}

#reg-search{
	position:absolute;
	bottom:5px;
	left:0px;
	width:100%;
	padding-top:10px;
}

#reg-search form{
	margin:0px 20px 5px;
}

#reg-search input{
	width:70px;
	border:1px solid #e2e2e2;
}
/*------------	VERTIKALNE CENTROVANE MENU    ---------------*/
#mainmenu{
	background:top left url(../graph/mainmenu-bg.jpg) no-repeat;
	padding:0px;
	margin:0px 20px;
	height:140px;
	width:900px;
	border-bottom:1px solid #D8D8D8;
	position:relative;
}

#mainmenu ul{list-style:none;
	height:100px;
	padding:25px 0px 0px;
	width:900px;
	margin:0px;
}

#mainmenu ul li{
	float:left;
	width:100px;
	height:40px;
	margin-left:5px;
	border:0px solid green;
}

.obalovy {
	width:100px;
	height: 45px;
	overflow: hidden;
	position: relative;
	margin:0px 1px 0px 0px;
	background:top left url(../graph/menu-li-bg.gif) no-repeat;
	cursor:pointer;
	text-decoration:none;
	display:block;
}

.obalovy[class] {display: table; position: static;}
		
.prostredni[class] {
	display: table-cell;
	vertical-align: middle;
	position: static;
}

.vnitrni[class] {
	position: static;
	text-align:center;
}
		
.prostredni{
	font-size:70%;
	display:block;
	border:0px solid red;
	text-align:center;
	margin:0px;
	text-decoration:none;
	line-height:140%;
}

#mainmenu a{
	color:#000;
}

#mainmenu a:hover{
	color:#f71000;
}
/*----------------	LEVE MENU   -----------------*/
.leve-menu{
	width:251px;
	padding:10px 0px 0px 0px;
	margin:0px;
	background:0px 2px url(../graph/leve-menu-bg.jpg) no-repeat;
}

.leve-menu a{
	font-size:80%;
	text-decoration:none;
	color:#787878;
	display:block;
	margin:0px 0px 2px;
	padding-left:20px;
	background:bottom left url(../graph/leve-menu-li-bg.jpg) no-repeat;
}

.leve-menu a:hover{
	color:#f71000;
}

.leve-menu h3{
	background:top left url(../graph/leve-menu-nadpis-bg.jpg) no-repeat #DB0F00;
	margin:0px 10px 1px 20px;
	padding:10px 10px 10px 20px;
	color:#fff;
	width:180px
}

.leve-menu .leve-menu-in{
	background:right bottom url(../graph/leve-menu-bottom-bg.jpg) no-repeat;
	padding:0px 0px 20px 0px;
}

.leve-menu ul.ul-lev0{
	padding:5px 0px 0px 0px;
	list-style:none;	
	line-height:150%;
	width:245px;
	margin:0px;
}

.leve-menu ul.ul-lev0 li.li-lev0 a{
	margin:0px 3px 0px 20px;
	padding-bottom:2px;
	width:194px;
}

.leve-menu ul.ul-lev0 li.li-lev0 strong{margin-left:40px;}

.leve-menu ul.ul-lev0 li.li-lev1 a{
	padding-left:40px;
	display:block;
	width:195px;
}

ul.ul-lev1{
	list-style:none;
	padding:0px;
	margin:0px;
}
/*--------------------------------------------------------------------------
				KATALOG
---------------------------------------------------------------------------*/
.card-obal{
	float:left;
	width:200px;
	min-height:300px;
	background:top right url(../graph/card-obal-bg.jpg) no-repeat;
	margin:0px 16px 15px 0px;
}

.card{
	border:1px solid #d1d1d1;
	width:184px;
	min-height:330px;
	margin:14px 16px 0px 0px;
	background-color:#fff;
	position:relative;
}

.card h2, .card h3{
	color:#d00e00;
	margin:10px;
}

.card h2{
	color:#000;
	font-size:90%;
}

.card a{
	text-decoration:none;
}

.card .cena, .card .kod{
	display:block;
	text-align:center;
}

.card .cena{
	color:#d00e00;
	background:left bottom url(../graph/card-cena-bg.jpg) no-repeat #e9e9e9;
	font-weight:bold;
	padding:5px 0px 15px;
	height:29px;
}

.card .kod{
	color:#fff;
	background:top left url(../graph/card-kod-bg.jpg) no-repeat #CF0E00;
	padding:5px 10px;
}

.card div{
	text-align:center;
	width:182px;
	display:table;
}

.card p{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	margin-bottom:0px;
}

.card .obr{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:150px;
	height:160px;
	margin:auto;
	cursor:pointer;
}
/*---------------------------	DETAIL VYROBKU     ----------------------*/
#detail{
	border:1px solid #f1f0f0;
	margin:20px 10px 0px 0px;
}

#detail h2{
	color:#f71000;
	margin:10px 10px 10px 0px;
}

#detail img{
	float:left;
	margin:20px 30px;
}

#parametry{
	margin:0px 10px 0px 300px;
	line-height:140%;
	font-size:80%;
	font-weight:bold;
	width:320px;
}

#parametry p{
	padding:5px;
}

#detail table{
	width:100%;
}

#detail table th, #detail table td{
	background-color:#f2f2f2;
	padding:3px 5px;
}

#detail table th{
	color:#f71000;
	text-align:left;
}

#detail table th.nadpis{
	color:#939393;
}

#obrazky{
	margin-top:10px;
}

#obrazky h3{
	color:#939393;
	padding-bottom:4px;
	margin:0px 10px;
	border-bottom:1px solid #f1f0f0;
}

.ouska{
	float:left;
	width:200px;
	margin: 0px 5px 0px 0px;
}
.ouska h3{
	color:#fff;
	padding:5px 10px;
	text-align:center;
	background: left bottom url(../graph/ousko-h3-bg.jpg) no-repeat #f71000;
}

.ouska h3 a{
	text-decoration:none;
	color:#fff;
}

#send2firm-box, #send2user-box{
	padding:5px;
	background-color:#f2f2f2;
	border-left:1px solid #f71000;
	border-right:1px solid #f71000;
}

#send2firm-box input, #send2firm-box textarea, #send2user-box input, #send2user-box textarea{
	border:1px solid #f1f0f0;
	margin:2px 0px;
	width:180px;
}
/* --------------------------------------------------------------------------------
								STRANKOVANI
 ----------------------------------------------------------------------------------*/
.strankovani{
	height:2em;
	padding:3px;
	margin:10px 10px 10px 80px;
	text-align:right;
	width:500px;
}
 
.strankovani a.navig, .strankovani strong{
 	padding:3px 5px;
	font-size:70%;
	border:1px solid #d1d1d1;
	background-color:#fff;
	text-decoration:none;
	color:#f71000;
	height:1em;
}

.strankovani a.r-sipky, .strankovani span.r-sipky{
	margin-left:10px;
}

.strankovani a.l-sipky, .strankovani span.l-sipky{
	margin-right:10px;
}

.strankovani strong{
	padding:3px 6px;
	font-size:70%;
	border:1px solid #f71000;
	background-color:#f71000;
	text-decoration:none;
	color:#fff;
}

.strankovani span{
	color:#DC4E44;
	font-size:90%;
	font-weight:bold;
}

.cisla{
	float:left;
	margin-top:0px;
}

#NavigationSelect select{
	border:1px solid #d1d1d1;
	color:#000;
}

#NavigationSelect label{
	color:#f71000;
}

.invisible{
	visibility:hidden;
}

/*---------------	NOVINKY    -----------------*/
.novinka{
	background:top left url(../graph/novinka-bg.jpg) no-repeat #fff;
	margin:10px 40px 20px 20px;
	padding-top:1px;
	width:220px;
}

.novinka h4{
	margin:10px 20px;
	color:#787878;
	font-size:90%;
}

.novinka p{
	color:#000;
	margin:0px 15px 5px 20px;
	line-height:120%;;
	font-size:85%;
}

.novinka .uvodnik{
	color:#DC4E44;
	display:block;
	font-weight:bold;
}
/*---------------	ZAPATI    ----------------*/

#zapati{
	background:top center url(../graph/zapati-bg.jpg) repeat-y;
}

#zapati p{
	margin:10px 30px;
	font-size:80%;
}

#mapa_kraju img { 
	border: 0px none; 
	padding: 0px; 
	margin: 0px;
}

#mapa_kraju {
	padding:0px; 
	background: #747B8A url(../graph/kraje.gif) top left no-repeat; 
	width: 273px; 
	font-size: 1px; 
	float:right;
}

.shopping-cart{
	display:block;
	position:absolute;
	bottom:10px;
	right:10px;
	height:60px;
	width:300px;
	padding:0px;
	margin:0px;
	text-align:center;
}

.shopping-cart a{ display:block; height:60px; padding-top:15px;}
#full{background:url(../graph/shopping_cart_full.gif) top right no-repeat; text-align:left; padding-left:100px; padding-right:60px;}
#empty{background:url(../graph/eshop-animace.gif) top right no-repeat; padding-right:210px;}

.do-kosiku{ background:#fff url(../graph/shopping_cart_small.gif) right center no-repeat; padding:9px 35px 9px 5px; cursor:pointer; border:1px solid #e10c00; -moz-border-radius:5px; margin-top:3px; font-weight:bold;}

#top-user{
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	height:50px;
	padding:0px 0px 0px 10px;
	text-align:left;
	font-size: 12px;
}

#top-reklama{
	display:block;
	position:absolute;
	bottom:20px;
	left:200px;
	height:50px;
	padding:0px 0px 0px 0px;
	text-align:left;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------
				POSTUP NAKUPU
-------------------------------------------------------------*/
#postup{
	width:620px;
	padding:1px;
	margin:0px 0px 10px;
}

.steps{
	float:left;
	width:205px;
	height:60px;
	display:block;
	padding-top:10px;
}

.steps p{
	text-align:center;
	padding:20px 0px;
	background:none;
}

.steps a{
	display: block;
	text-align:center;
	padding:22px 0px 23px;
	background:#000;
	color:#000;
}

.steps a.aktivni{
	background: url(../graph/steps-bg.jpg) right center no-repeat;
	color:#990b00;
}

.steps a.posledni{
	background: url(../graph/steps-bg-last.jpg) right center no-repeat;
}

#step1{background:#fff url(../graph/shopping_cart_small.gif) top center no-repeat;}
#step2{background:#fff url(../graph/doprava.gif) top center no-repeat;}

#w3shop-order fieldset, #Registration fieldset{
	margin:5px 10px 15px 0px;
	font-size:80%;
}

#w3shop-order legend, #Registration legend{
	padding:0px 0px 10px 10px;
	font-weight:bold;
}

#w3shop-order label{
	float:left;
	width:10em;
	margin:0px 0px 5px 10px;
}

#w3shop-order label.dlouhy, #Registration label.dlouhy{
	width:12em;
}

#w3shop-order input, #w3shop-order select, #Registration input, #Registration select{
	margin-bottom:5px;
	border:1px solid #990b00;
}

span.required-mark, span.formgen-required-mark{
	float:left;
	width:0px;
}

/*-----------------------------------------------------------
				REGISTRACE
-------------------------------------------------------------*/
#Registration label{
	float:left;
	width:10em;
	margin:0px 5px 5px 10px;
}

/*-----------------------------------------------------------
				LOGIN
-------------------------------------------------------------*/
#logform{
	line-height:120%;
}

#logform fieldset{
}

#logform label{
	float:left;
	width:9em;
	margin:0px 1em 5px 0px;
}

#logform input{
	margin:0px;
	border:1px solid #990b00;
	color:#990b00;
	width:4em;
}

#logform input#log{
	width:5em;
	background:#990b00;
	color:#fff;
	font-weight:bold;
	-moz-border-radius:3px;
}

#w3shop-order ul{font-size:90%;}
#w3shop-order ul li{line-height:140%;}
/*-----------------------------------------------------------
				USER INFO
-------------------------------------------------------------*/
#user-info{
	background:url(../graph/userinfo-bg.png) right bottom no-repeat;
	width:250px;
	padding:10px 28px 23px 10px;
	position:absolute;
	top:0px;
	left:0px;
	line-height:130%;
	text-align:right;
	color:#BEA664;
}

/*-----------------------------------------------------------
				OBSAH KOSIKU PRI NAKUPU
-------------------------------------------------------------*/
#w3mshop-basket-content{
	width:640px;
	margin-bottom:25px;
	font-size:80%;
}

#w3mshop-basket-content th, #w3mshop-basket-content td{
	padding:5px 10px;
	font-weight:normal;
	border-bottom:1px solid #990b00;
}

#w3mshop-basket-content tr.lichy{
	background:#eee;
}

#w3mshop-basket-content tr.sudy{
	background:#ffefef;
}

/*--------------------------------------------------------------------------------------------------------------------------
											 FORMAT DOPRAVY A PLATBY
---------------------------------------------------------------------------------------------------------------------------*/
.doprava-platba{
	width:620px;
	margin:10px 0px;
}

.doprava-platba label{
}

.doprava-platba textarea{
	width:588px;
	margin:0px 8px 5px;
}

.doprava-platba td{
	text-align:left;
	vertical-align:baseline;
	padding:5px;
	font-size:90%;
}

.doprava-platba td h4{
	font-weight:bold;
	font-size:110%;
	margin:5px 5px 5px 0px;
	padding-left:0px;
}

.doprava-platba td p{
	margin:5px;
	width:90%;
	float:none;
}

.doprava-platba{
	border:1px solid #990b00;
}

#w3shop-order .doprava-platba label{
	color:#990b00;
	float:none;
	margin-left:0px;
	padding-left:0px;
	font-weight:normal;
}

.doprava-platba tr:first-child td, .doprava-platba tr:first-child th{
	border-top:1px solid #990b00;
}

.doprava-platba td{
	border-top:1px solid #990b00;
}

.doprava-platba tr.lichy td{
	background:#eee none repeat scroll 0 0;
}

.doprava-platba tr.sudy td{
	background:#ffefef none repeat scroll 0 0;
}

.thumbwrapper{
	width:150px;
	float:left;
	margin:5px;
	text-align:center;
}

#folders .thumbwrapper a{text-decoration:none; font-size:80%;}
/*------------------------------------------------------------------
					NOVINKY
---------------------------------------------------------------------*/
.aktualita{margin-bottom:1.7em;}

.aktualita p.rozbalit{ text-align:right;}

.with-picture p{margin-left:165px;}

.news-pic{ width:160px; float:left;}

p.vlozeno{color:#666; font-size:75%;}

#w3shop-order-errorcontainer{ position:fixed; top:100px; left:100px; border:1px solid #990b00; background:#eee; padding:20px;}
#w3shop-order-errorcontainer ul li{ line-height:130%;}

/*------------------------------------------------------------------
					KONTAKT
---------------------------------------------------------------------*/
#map{
	width:300px;
	height:300px;
	border:1px solid #990b00;
}