@import url("layout.css");
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	background:top center url(../graph/bg-950.png) repeat-y #fff;
}

#page{
	background:top left url(../graph/page-bg.gif) repeat-y;
}

#zahlavi{
	background: top left url(../graph/zahlavi-bg.jpg) no-repeat;
}

#obsah{
	background:bottom left url(../graph/obsah-bg.jpg) no-repeat;
	padding-bottom:60px;
}

p{
	line-height:150%;
	font-size:90%;
	margin-bottom:1.5em;
}
/*--------------------------------------------------------------------------------------------------------------------------
													NADPISY
---------------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3{
	color:#3A386B;
}

h1, h2{
	background:left center url(../graph/nadpis-h2-bg.gif) repeat-x #fff;
	font-style:italic;
	font-size:140%;
	padding-bottom:1%;
}

h3{
	padding-bottom:1%;
}

h1{
	font-size:150%;
}

#logo a{
	color:#1599db;
	position:absolute;
	top:31px;
	left:12px;
	width:340px;
	height:69px;
	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;
}
/*------------------------------------------------------------------------------------------------------------------------*/

#login{
	position:absolute;
	bottom:10px;
	left:18px;
	width:180px;
}

#login fieldset{
	border:none;
	padding:0px;
	margin:0px;
}

#login legend{
	display:none;
}

#login label{
	display:none;
}

#login input{
	width:80px;
}

#login a{
	color:#3A386B;
	font-weight:bold;
	font-size:0.8em;
}

#login input#log{
	position:absolute;
	top:0px;
	right:10px;
}

#v-menu{
	background:#3A386B top left url(../graph/v-menu-bg.jpg) repeat-y;
	color:#fff;
	padding:4px 10px 4px 230px;
}

#v-menu a{
	color:#fff;
	text-decoration:none;
	font-style:italic;
	font-weight:bold;
	margin-right:15px;
	font-size:0.9em;
}

#kosik, #kosik-plny{
	background: left center url(../graph/kosik-ico.gif) no-repeat;
	float:right;
	display: block;
	width:105px;
	height:100%;
	text-align:right;
	color:#B7B5FB;
	font-weight:bold;
}

#kosik-plny{
	background: left center url(../graph/kosik-plny-ico.gif) no-repeat;
}
/*--------------------------------------------------------------------------------------------------------------------------
											STROM KATEGORII
---------------------------------------------------------------------------------------------------------------------------*/
#menu-katalog ul{
	width:220px;
	text-align:right;
	font-weight:bold;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	list-style:none;
}

#menu-katalog ul li{
	text-align:left;
	border-bottom:1px solid #B4CBD3;
}

#menu-katalog ul li a{
	display:block;
	padding:3px 0px 3px 18px;
	text-decoration:none;
}

#menu-katalog ul li a:hover{
	border-right:5px solid #507F90;
}

#menu-katalog ul li.level0{
	background-color:#427F91;
}

#menu-katalog ul li.level0 a{
	color:#fff;
}

#menu-katalog ul li.level0 ul{
	background:#fff top left url(../graph/menu-strom-bg.jpg) no-repeat;
}

#menu-katalog ul li.level0 ul li a{
	color:#3A386B;
	font-weight:normal;
	display:block;
}

#menu-katalog ul li.level0 ul li.level1{
	width:220px;
}

#menu-katalog ul li.level0 ul li.level1 ul li.level2 a{
	padding-left:30px;
	display:block;
}
/*--------------------------------------------------------------------------------------------------------------------------
													DROBECKOVA NAVIGACE
---------------------------------------------------------------------------------------------------------------------------*/
#drobecky{
	color:#427F91;
	font-weight:bold;
	font-size:0.8em;
	margin-bottom:10px;
}

#drobecky a{
	color:#3A386B;
}

#zapati{
	background: #427F91;
}

#zapati p{
	margin:3px;
	color:#E6E6E6;
	text-align:center;
	font-weight:bold;
	font-size:0.8em;
}

#zapati p a{
	color:#e6e6e6;
	text-decoration:none;
}
/*--------------------------------------------------------------------------------------------------------------------------
													FILTR VYROBCU
---------------------------------------------------------------------------------------------------------------------------*/
#filter{
	line-height:1.5em;
}

#filter legend{
	font-weight:bold;
	border:none;
}

label.filter{
	float:left;
	margin-right:20px;
	font-size:80%;
}
/*--------------------------------------------------------------------------------------------------------------------------
											 KATALOG
---------------------------------------------------------------------------------------------------------------------------*/
.shop_small{
	float:left;
	width:330px;
	min-height:200px;
	color:#3A386B;
	margin: 0px 5px 20px;
}

.shop_small img{
	float:left;
	margin:0px 5px 5px;
	width:100px;
}

.shop_small div.popis{
	margin:0px 10px 10px 120px;
	position:relative;
	border:1px solid #fff;
}

.shop_small div.popis h3 a{
	color:#3A386B;
	text-decoration:none;
	line-height:1.3em;
}

div.popis a{
	display:block;
	color:#000;
	line-height:1.3em;
	text-decoration:none;
}
 
.shop_small div.popis p, .shop_small div.popis div{
	font-size:0.8em;
	line-height:1.2em;
}

.shop_small div.popis form{
	position:absolute;
	top:110px;
	left:-100px;
}

.shop_cena{
	margin:10px 0px;
	color:#f00;
}

.shop_cena span.puvodni_cena {
	font-size: 90%;
	color: #666;
}

.shop_cena span.puvodni_cena span {
	text-decoration: line-through;
}

/*--------------------------------------------------------------------------------------------------------------------------
											 POSTUP NAKUPU A JEHO FORMATOVANI
---------------------------------------------------------------------------------------------------------------------------*/
.steps{
	padding: 0px;
	margin:0px 2px;
	float:left;
	height:50px;
	width:120px;
}

#customer label{
	float:left;
	width:6em;
	height:1em;
	color:#3A386B;
	margin-bottom:5px;
}

#customer input{
	margin-bottom:5px;
}

#obsah-kosiku{
	width:95%;
}

#obsah-kosiku td,#obsah-kosiku th{
	font-size:90%;
	padding:3px;
}

#doprava label, #platba label{
	font-size:90%;
	line-height:130%;
}

table td, table th{
	padding:3px;
	font-size:90%;
}
/*--------------------------------------------------------------------------------------------------------------------------
											 KOSIK HIGSLIDE
---------------------------------------------------------------------------------------------------------------------------*/
.highslide-body {
	text-align:left;
}

.highslide-body table{
	margin-bottom:10px;
}

.highslide-body table td, .highslide-body table th{
	padding:3px 5px;
}

.highslide-body table td{
	font-size:80%;
	line-height:1.3em;
}

td.vpravo{
	text-align:right;
}

tr.lichy td{
	background:#C7D9DF;
}

tr.sudy td{
	background:#fff;
}

/* --------------------------------------------------------------------------------
								STRANKOVANI
 ----------------------------------------------------------------------------------*/
.strankovani{
	height:2em;
	padding:3px;
	margin:10px 10px 10px 80px;
	text-align:right;
	width:600px;
}
 
.strankovani a.navig, .strankovani strong{
 	padding:3px 5px;
	font-size:70%;
	border:1px solid #3A386B;
	background-color:#fff;
	text-decoration:none;
	color:#3A386B;
	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 #3A386B;
	background-color:#3A386B;
	text-decoration:none;
	color:#fff;
}

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

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

.NavigationSelect select{
	border:1px solid #3A386B;
	color:#3A386B;
}

.NavigationSelect label{
	color:#3A386B;
}

.NavigationSelect fieldset{
	border:none;
	margin:0px;
	padding:0px;
}

.invisible{
	visibility:hidden;
}
/*--------------------------------------------------------------------------------------------------------------------------
													DETAIL POLOZKY
---------------------------------------------------------------------------------------------------------------------------*/
#detail-obal{
	margin:1em 0em;
}

#detail{
	margin:2px 0px;
	position:relative;
}

.cena-koupit{
	float:right;
	margin:0px 20px 0px;
	width:120px;
	text-align:center;
}

#tabs{
	margin-top:1em;
	padding-bottom:3px;
	border-bottom:1px solid #999;
}

#tabs a{
	border:1px solid #999;
	border-width:1px 1px 0px 1px;
	margin:0px 3px 2px 0px;
	padding:2px 5px;
	background-color:#fff;
	text-decoration:none;
}

#tabs a#tabpopis.noactive, #tabs a#tabparam.noactive, #tabs a#tabdiskuse.noactive{
	border-bottom:1px solid #999;
}

#tabs a#tabpopis.active, #tabs a#tabparam.active, #tabs a#tabobrazky.active, #tabs a#tabdiskuse.active{
	border-bottom:1px solid #fff;
}

#popis, #param, #obrazky, #diskuse{
	margin:-2px 0px;
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
	padding:1em;
	line-height:1.5em;
	font-size:0.8em;
	border:solid #999;
	border-width:0px 1px 1px 1px;
	width:682px;
}

#param table{
	width:500px;
}

#param table th{
	padding:3px 5px;
	text-align:left;
	width:10em;
}

#param table td, #param table th{
	padding:3px 5px;
	text-align:left;
}

#detail div img{
	margin:0px 10px 10px 10px;
	float:right;
}

#detail div#obrazky img{
	margin:0px 10px 10px 0px;
	float:left;
}

.nodisp{
	display:none;
}

.disp{
	display:block;
}

.kup-s{
	margin:0px;
	padding:0px;
}

.kup-s li{
	float:left;
	list-style:none;
	margin:10px;
	width:130px;
	text-align:center;
	text-decoration:none;
}

.kup-s li a{
	text-decoration:none;
}

.kup-s li a img{
	float:none;
}

#parametry{
	margin:10px 10px 20px 0px;
}

#parametry p{
	line-height:140%;
	font-size:90%;
}

a.odkaz{
	background:top left url(../graph/odeslat-odkaz.jpg) no-repeat;
	display:block;
	height:32px;
	width:72px;
	margin:0px auto;
	padding:0px;
	text-align:center;
	text-decoration:none;
}

a.odkaz span{
	visibility:hidden;
}


.prispevek{
	background:bottom left url(../graph/prispevek-bg.jpg) repeat-x;
	padding:10px;
}

.prispevek p{
	margin:3px 0px 6px;
}

.prispevek p.ins{
	color:#666;
}

.prispevek p.ins strong{
	color:#3A386B;
}

#diskusni-prispevek legend{
	padding:2px 10px;
	font-weight:bold;
}

#diskusni-prispevek label{
	float:left;
	width:7em;
	margin-bottom:5px;
}

#diskusni-prispevek input, #diskusni-prispevek textarea{
	margin-bottom:5px;
	border:1px solid;
}

a.smaz-prispevek{
	float:right;
	width:20px;
	height:20px;
}

.prispevek-uvod{
	float:left;
	width:230px;
	height:100px;
	overflow:hidden;
	font-size:75%;
}

.prispevek-uvod strong{
	font-size:120%;
	color:#000;
}

.prispevek-uvod p.ins{
	color:#999;
}

.prispevek-uvod p{
	margin:0px 0px 2px;
}
/*-------------------------------------------------------------------------------------------------------------------
										KONTAKTY -- ADRESY
----------------------------------------------------------------------------------------------------------------------*/
address{
	line-height:1.5em;
	font-size:90%;
	font-style:normal;
}

address.prava{
	margin-right:220px;
}

address.leva{
	float:left;
	width:250px;
	margin:0px;
	height:20em;
}

#kontakt label{
	float:left;
	width:7em;
	margin:3px 0px;
}

#kontakt input, #kontakt textarea{
	margin:3px 0px;
}

#kontakt fieldset{
	padding:10px;
	border:1px solid #000;
	width:550px
}

/*------------------------------------------------
					FORMULARE
--------------------------------------------------*/

fieldset {
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin: 5px;
}
fieldset legend {
	border: 1px solid #CCCCCC;
	padding: 5px;
}
.error-field {
	background-color: #FFCCFF;
}

#RegistrationForm label{
	float:left;
	width:8em;
}