form{
	display: inline;
}
legend{
	font-weight:bold;
}
fieldset{
	padding: 4px 2px;
}
fieldset legend {
	margin: 0px 6px;
	padding: 2px;
}

textarea{

}
.red{
	color: red;
}
.top{
	vertical-align: top;
}
.top td{
	vertical-align: top;
}
.helpText{
	display: none;
}

.poznamka {
	clear: both;
	vertical-align:0px;
	margin: 4px;
	font-size: small;
}
.buttonZmeny{
	width: 500px;
	padding-left:30px;
}
.buttonZmeny input{
	width: 300px;
	height: 26px;
	color: Red;
	font-weight: bold;
	
}
.c20{
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.c40{
	padding-left: 40px;
	margin: 0px;
}
.center{
	text-align: center;
}
.right{ 
	text-align: right;
}
.row{
	padding: 5px;
	
}
.hlKategorie{
	font-weight: bold;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	width:150px;
	border-bottom: 1px solid #FF9944;	
}
.hlKategorie:hover {
	background-color: #CC0000;
	color: white;
}
.hlKategorie:hover a {
	color: white;
}

.subKategorie{
	margin-left: 15px;
	border-bottom: 1px solid #FF9944;	
	
}
.selMenu{
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}
.editBlok{
	padding: 0px;
	width:450px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/ikony-eshop/edit.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.editBlok .authInput{
	width: 150px;
}
.authBlok{
	padding: 0px;
	width:450px;
	_height: 130px;
	min-height: 130px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/ikony-eshop/auth.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.authBlok .authInput{
	width: 145px;
}

.leva{
	text-align: left;
}
.prava{
	text-align: right;
}
.fLeva{
	float: left;
}
.pulka{
	width: 46%;
}
.em5{
	height: 5.5em;
}
.cela{
	width: 100%;
}
.widthDatum{
	width: 140px;
}
.width100{
	width: 330px;
}

.clear {
	clear: both;
	width: 100%;
	height: 1px;
}
.noBorder{
	border: none;
}
.login{
	float:right;
	text-align: right;
	padding: 3px 5px 3px 5px;
	margin: 0px;
}
.login img{
	border: none;
}
.adresa{
  /*float: left;*/
  margin: 0;
  padding: 0.5em;
  /*background-color: red;*/
}
.adresa ul {
  margin: 0;
  padding: 0;
  margin-left: 0em;
  list-style: none;
  list-style-position: outside;
}
.adresa h2 {
	font-family: sans-serif;
	font-size: 120%;
	letter-spacing: -1px;
	margin: 0em;
	padding: 0;
	padding-bottom: .5em;
	font-weight: bold;
}
.howto {
list-style-position: outside;
display: block;
/*margin-top: 7em;*/
/* clear: both; */
margin-left: 2em;
padding: 0;

}
.howto li{
	background-color: transparent;
	font-size: 100%;
	margin-top: .8em;
}
.howto li ul{
font-style: italic;
}
.catlist {
list-style-position: inside;
list-style-type: none;
list-style-position: outside;
background-color: #657482;
margin: .5em 0;
padding: 1em;
margin-left: 1em;
width: 10em;
}

.catlist li{
margin-left: .5em;
}
.catlist h2{
text-align: left;
margin: 0;
padding: 0;
}
.odstavec {
padding-right: 1em;
width: 26em;
float: right;
}
.odstavec1 {
padding-right: 1em;
float: right;
}
.catt {
background-color: #657482;
border: 0px none black;
padding: 4px;
}

.mainKat {
	float: left;
	padding: 0px;
	margin: 0px;
	width:100%;
}
.mainKat img{
	margin: 0px;
	padding: 0px;
}
.linky {
	float: left;
	width: 450px;
	text-align:center;
	margin: 3px;
	padding: 7px 10px 10px 10px;
	vertical-align: baseline;
	border: 1px solid #CBD4DE;
	background-color: #718C95;
}
.nadpis{
	padding: 8px;
	font-weight:bold;	
}
.logoKategorie{
	float:left; 
	padding:2px;
}
.borderBRed{
	border-bottom: solid 1px red;
}
.hidden{
	display:none;
}
.tabulkaObjednavky{
	width: 100%;
}
.scroll {
	overflow: auto;
	padding: 0px;
	margin: 0px;
}
.objednavkaBlok{
	border: solid 1px #DDDDDD;
	text-align: left;
	height: 200px;
	display: none;
}
.sirkaObjednavky{
	width: 470px;
}
.sirka2Mista {
	width: 35px;
}

#catalogue {
background: url(../images/kolaz.jpg) no-repeat right bottom;
}

#main {
	position: relative;
	height: auto;
	min-height:100%;
	width: 750px;
	min-height: 100%;
	margin: 0px auto 100px auto;
	padding: 0px;
	/* max-width: 970px;
	width: expression(document.body.clientWidth < 1005? "auto": "970px" ); */
	color: black;
	background-color: white;
	font-family: sans-serif;
	font-size: 10pt;
}
#mainImg {
	margin: 0px;
	padding: 0px;
	height: 100%;
	/* max-width: 970px;
	width: expression(document.body.clientWidth < 1005? "auto": "970px" ); */
	color: white;
	background-color: white;
	font-family: sans-serif;
	font-size: 10pt;
	text-align: center;
}

#banner {
	margin: 0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	height: 65px;
	width: 402px;
}
#banner img{
	margin: 0px;
	padding: 0px;
	border:none;
}

#content {
	position: relative;
	height: 100%;
	background: white;
	margin: 0px 0px 0px 0px;
}
#footer {
	width: 100%;
	position: absolute;
	left: 0;
	height: 17px;
	background: white;
	border-top: 1px solid #bbb;
	padding: 0px;
	margin: 0 0 0 0;
	background-color: transparent;
	font-size: 80%;
}

#footer .leva{
	position: relative;
	float: left;
	width: 150px;
	margin-left: 10px;
}
#footer .prava{
	position: relative;
	float: right;
	text-align:right;
	width: 200px;
	margin-right: 4px;
}

#text {
	margin: 0px 0px 0px 160px;
	padding: 10px 0px 30px 10px;
	min-height:320px;
}

#sidebar {
	position: relative;
	width: 160px;
	float: left;
	margin: 0;
	padding: 0 0 38px 0;
	background: url(../images/bg_menu.png)  no-repeat right bottom;
}
#sidebar #insidebar {
	text-align: left;
	height:100%;
	background-color: yellow;
	margin: 0px auto 0px auto;
	padding: 0px;
}
#sidebar #insidebar h2{
	border: none;
	padding: 0px;
	margin: 0 0 3px 0;
	background-color: navy;
	color: white;
}

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

#insidebar h2 {
	text-transform: uppercase;
	font-size: 100%;
	margin: 1em 0 2px 0;
}
#insidebar img {
	vertical-align: top;
}

#langsel {
	padding: 3px;
	padding-left: 27px;
	padding-bottom: 5px;
	width: 450px;
}
#langsel img{
	padding: 0px;
	margin: 0px 1px 0px 0px;
}
#langsel strong {
	text-transform: uppercase;
	font-size: 80%;
}
#langsel form {
	padding: 0;
	margin: 0;
}
#loginIframe{
	text-align: right;
	padding: 3px 5px 3px 5px;
	margin: 0px;
}
#loginIframe .vlevo{
	float: left;
}

#kontakt {

	padding: .5em;
	width: 400px;
	margin: 0 auto;
}
#kontakt div{
	float:none;
}

#kontakt .data{
  width: 300px;
  margin: 0 auto;
}

#subKat {
	margin: 5px;
	padding-left: 220px;
}

.sort{
	clear:both;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.sort .popis{
	position: relative;
	float: left;
	padding: 0px;
	margin:0px;	
}
.sort .kriterium{
	position: relative;
	float: left;
	height: 22px;
	padding: 0px 15px 0px 0px;
	margin-right:10px;
}
.sort .kriterium .sortSmer{
	float: left;
	width: 13px;
	margin-left:6px;	
}
.sort .kriterium .sortSmer img{
	border: none;
}
.sort .kriterium .sortNazev{
 	white-space: nowrap;
}
.sort .kriterium .sortNazev a {
	text-decoration: none;	
}
.sort .kriterium .sortNazev .activ{
	text-decoration: none;	
	color: red;
	font-weight: bold;
}

/* cast css #detail je generovano v php */

#detail{
	position: relative;
	width: 450px;
}
#detail .objc {
	font-size: 85%;
	font-style: italic;
	color: #666666;
}
#detail .imgSeznam {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 5px;
	padding-left: 5px;
	
}
#detail .info{
	margin-top: 5px;
	border-top: 1px solid #CBD4DE;
}

#detail .foto{
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	width: 250px;
	
}

#detail .foto .lupa{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 22px;
	height: 22px;
	z-index: 10;
	margin-top: 10px;
}
#detail .vyska span{
	border: solid 1px #CBD4DE;
	background-color: #667788;
	padding: 2px 4px 2px 4px;
}
#detail .sirka span{
	border: solid 1px #CBD4DE;
	background-color: #667788;
	padding: 2px 4px 2px 4px;
}
#detail .ceny{
	position: relative;
	padding: 5px;
	margin-bottom: 45px;
}
#detail .ceny .jednaCena{
	font-size: large;
	text-align: right;
	width: 450px;
	color: #333399;
	height: 25px;
}
#detail .sleva{
	text-align: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#detail .sleva strong{
	color: red;
}
#detail .ceny .jednaCena .cenaForm{
	float: right;
	margin: 0px 0px 4px 0px;
}
#detail .ceny .cenaForm h3{
	padding: 0px;
	margin: 0px;
}
#detail .ceny .cenaForm .inputText{
	width: 3em;
}

#detail .ceny .submitButton{
	float: right;
	text-align: right;
}

#detail .ceny .submitButton input{
	margin-top: 10px;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	font-weight: bold;
}

#detail .ceny .poznamka{
}


#detail .poznamka_detail {
	position: relative;
	padding: 4px;
	font-size: small;
}
#regTable{
}
#regTable tr td{
}
#regTable .imglink{
	cursor: Pointer;
}
#registrace{
	background-image: url(../images/ikony-eshop/edit.jpg);
	background-repeat: no-repeat;
	background-position: right top;

}

#registrace .prava{
	text-align: right;
	padding: 3px 5px 3px 5px;
}
#errorText{
	color: #FFFF00;
	width: auto;
	text-align: center;
	font-weight: bold;
	background-color: #CC0000;
	background-image: url(../images/error.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 15px;
	line-height: 20px;
	opacity:0.8;
	margin-bottom: 5px;
}
.errorText{ text-align: center;}
.errorText h1{ color: #F60; }
.errorText h2{ color: #F60; }
.errorText h3{ color: #F60; }

#obsah .napln .centr #errorText div h4{
	color: #FFF;
}

#setup{
}

#setup .nazev{
	padding: 0px;
	margin:0px;
	height:2em;
}
#setup .nazev .text{
	height: 2em;
}
#setup .nazev .submitButton{
	height: 20px;
	width: 20px;
}
#setup .promenne{
	padding: 5px;	
}
#setup .promenne div{
	padding-bottom: 5px;
}
#setup .promenne input{
	text-align: right;
}

#setup .barvaPozadi input{
	width:5em;
	text-align: left;
}

#setup .barvaPozadi .fileInput{
	width:300px;
	text-align: left;
}

#setup .email input {
	text-align: left;
}

#setup .kategorie{
	width: 520px;
	margin: 5px;
}
#setup .sadaKategorii{
	padding: 5px;
	margin-left: 25px;
	width: 170px;
	min-height: 88px;
	text-align: left;
	background-color: #60707D;
	border-left: solid 1px white;
	border-top: solid 1px white;
}
#setup .jednaKategorie{
	padding: 0px;
}
#setup .marze{
	background-color: #60707D;
	border-left: solid 1px white;
	border-right: solid 1px white;
	border-top: solid 1px white;
	width:250px;
	min-height: 88px;
	padding: 5px;
	text-align: right;
}
#setup .marze input{
	width: 50px;
	text-align: right;
}
#setup .marze h3{
	height: 1em;
	padding: 0px;
	margin: 0px;
	padding-bottom: 5px;
	text-align: left;
}
#setup .marze .od{
	width: 50px;
}
#setup .marze .az{
	width: 20px;
	text-align: center;
}
#setup .marze .do{
	width: 100px;
}
#setup .marze .jednaMarze{
	width: 75px;
}
#redBox{
	padding: 5px;
	padding-bottom: 1em;
	margin: 0px;
	color: White;
	background-color: #B22222;
	border: solid 1px;
}
#redBox .sel {
	color: Yellow;
}

#strom {
	padding:0px;
	margin: 0px;
}
#ifr{
	padding: 10px 0px 10px 0px;	
	margin: 0px 0px 0px 0px;
}
#ifr .src{
	padding: 5px;
	background-color: #B22222;
	font-size: x-small;
	border: solid 1px;
}

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

#castiKatalogu{
	width: 450px;
	margin: 0px;
	padding: 1px 1px 1px 2px;
	line-height: 1em;
	vertical-align: baseline;
}
#castiKatalogu .cast{
	margin: 0px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#castiKatalogu .cast img{
	border: none;
	margin-right: 10px;
	vertical-align: text-top;
}

#hlKatMini{
	float: left;
	padding: 3px;
	padding-bottom: 0px;
	margin: 0px;
	width: 90px;
	background: url(../images/bg_hl_mini_kat.png) no-repeat right;
}
#hlKatMini .jednaMiniKat{
	float: left;	
}
#hlKatMini .jednaMiniKat img{
	padding: 0px;
	margin: 0px 2px 0px 0px;
}
#zmena {
	width: 450px;
	height: 38px;
	padding-bottom: 5px;
}
#zmena .zmenaJednotek{
	margin-left:5px;
	height: 38px;
	width: 60px;
}
#zmena .zmenaMeny{
	height: 30px;
	margin-top: 8px;
	margin-right: 0px;
}
#castiCeniku{
	margin-left:23px;
}
#castiCeniku .jednaCastCeniku{
	vertical-align:top;
	margin-bottom: 5px;
}
#ramecek{
	border: solid 1px #99AABB;
	padding: 1px;
	margin: 0px 0px 5px 0px;
	width: 520px;
	background-color: #445566;
}

#kosik{
	margin: 0px;
	text-align: right;
	width: 480px;
	padding: 0px;
	margin:0px;
	background-color: white;
}
#kosik .viceinfo{
	text-align: left;
	background-color: white;
	padding: 0px;
	margin: 0px;
}
#kosik td{
	padding: 1px 5px 1px 5px;
	margin:0px;
	background-color: #DDDDEE;
}
#kosik .bgwhite{
	background-color: white;
}	

#kosik .a{
	color:white;
	background-color: #333333;	
}
#kosik .b{
	color:white;
	width: 130px;
	text-align:left;
	background-color: #333333;	
}
#kosik .c{
	color:white;
	width: 40px;
	background-color: #333333;	
}
#kosik .d{
	color:white;
	width: 100px;
	background-color: #333333;	
}
#kosik .d input{
	color:red;
	font-weight:bold;
}

#kosik .e{
	color:white;
	width: 30px;
	background-color: #333333;	
}
#kosik .f{
	color:white;
	width: 80px;
	background-color: #333333;	
}
#kosik .g{
	text-align:left;
	color:white;
	background-color: #333333;	
}
#kosik .pocet{
	color:white;
	width: 30px;
	text-align: right;
	color:black;
}
#kosik .del{
	background-color: #DDDDFF;
	padding-top: 1px;
}
#kosik .del input{
	width: 26px;
	height:23px;
	font-weight: bold;
	color: red;
}
#kosik .cena{
	padding: 3px 5px 3px 5px;
	margin:0px;
	color: yellow;
	background-color: #774444;	
}
#kosik .cena2{
	padding: 3px 5px 3px 5px;
	margin:0px;
	color: yellow;
	background-color: #880000;	
}
#kosik .tlacitka{
	background-color: transparent;	
	padding: 0px;
	margin:0px;
}

#kosik .tlacitka .orderInput{
	width: 273px;
	color: green;
	font-weight: bold;
}
#kosik .tlacitka .clearInput{
	font-weight: bold;
	color: red;
}
#kosik .tdCenter td{
	text-align: center;
}


#obsah #objednavka{
	margin: 0px;
	text-align: center;
	width: 480px;
	padding: 0px;
	margin:0px;
	background-color: white;
}
#obsah #objednavka .viceinfo{
	text-align: left;
	background-color: white;
	padding: 0px;
	margin: 0px;
}
#obsah #objednavka td{
	padding: 1px 2px 1px 2px;
	margin:0px;
	background-color: #DDDDEE;
}
#obsah #objednavka .a{
	color:white;
	background-color: #333333;	
}
#obsah #objednavka .b{
	color:white;
	width: 130px;
	text-align:left;
	background-color: #333333;	
}
#obsah #objednavka .c{
	color:white;
	width: 40px;
	background-color: #333333;	
}
#obsah #objednavka .d{
	color:white;
	width: 100px;
	background-color: #333333;	
}
#obsah #objednavka .d input{
	color:red;
	font-weight:bold;
}

#obsah #objednavka .e{
	color:white;
	width: 30px;
	background-color: #333333;	
}
#obsah #objednavka .f{
	color:white;
	width: 80px;
	background-color: #333333;	
}
#obsah #objednavka .g{
	text-align:left;
	color:white;
	background-color: #333333;	
}
#obsah #objednavka .pocet{
	color:white;
	width: 30px;
	text-align: right;
	color:black;
}
#obsah #objednavka .del{
	background-color: #DDDDFF;
	padding-top: 1px;
}
#obsah #objednavka .del input{
	width: 26px;
	height:23px;
	font-weight: bold;
	color: red;
}
#obsah #objednavka .cena{
	padding: 3px 5px 3px 5px;
	margin:0px;
	color: yellow;
	background-color: #774444;	
}
#obsah #objednavka .cena2{
	padding: 3px 5px 3px 5px;
	margin:0px;
	color: yellow;
	background-color: #880000;	
}
#obsah #objednavka .whiteTable td{
	background-color: white;
	padding: 0px;
	margin: 0px;
}
#obsah #objednavka .bgBlack{
	background-color: black;
	color: white;
}
#obsah #objednavka .bgBlack a{
	background-color: black;
	color: yellow;
}
#obsah #objednavka .bgBlackSort{
	background-color: black;
	color: white;
}
#obsah #objednavka .bgBlackSort a{
	background-color: black;
	color: Red;
}
#obsah #objednavka .bgBlackSortDesc{
	background-color: black;
	color: white;
}
#obsah #objednavka .bgBlackSortDesc a{
	background-color: black;
	color: Green;
}

#obsah #objednavka .whiteTable .bgBlack{
	background-color: black;
	color: white;
}

#obsah #objednavka .pad0 td{
	padding: 0px;
}

#kosikLink{
	float:right;
	margin-top:15px;	
	border:none;
}
#kosikLink img{
	border:none;
}

#requestMail{
	text-align:center;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	width: 130px;
}

#sleva{
	position: relative;
	margin: 0 auto;
	width: 450px;
	height: 300px;
	padding: 5px;
	background: url(../images/shell_logo.png) no-repeat center;
}
#sleva div{
	float:none;
}
#sleva .cast1{
	position: relative;
	margin: 0 auto;
	width:170px;
	background-color:  #FFAA00;
	padding: 5px 5px 0px 5px;
	text-align: center;
	border: 1px solid #FFDDDD;
}
#sleva .cast2{
	position:absolute;
	left:306px;
	bottom:0px;
	width:170px;
	padding: 5px 5px 0px 5px;
	background-color: #FFAA00;
	text-align: center;
	border: 1px solid #FFDDDD;
}
#sleva .cast3{
	position:absolute;
	right:303px;
	bottom:0px;
	width:170px;
	background-color:  #FFAA00;
	padding: 5px 5px 0px 5px;
	text-align: center;
	border: 1px solid #FFDDDD;
}

#sleva .procento{
	position:absolute;
	top: -0.2em;
	left:0px;
	margin: 0 auto;
	text-align:center;
	position: relative;
	color: red;
}
#detailSleva{
	width:100px;
	text-align: center;
	font-weight:bold;
	padding: 5px;
	margin: 5px;
	border: 1px solid #FFDDDD;
	background-color:  #FFAA00;
	color: red;
}

#editor td{
	color: black;
	vertical-align: top;
	font-size: 90%;
}

#obsah .seznamZakazniku{
	width:100%;
}
#obsah .seznamZakazniku td{
	padding: 2px 6px ;
	vertical-align:top;
	background-color: #0066CC;
	color: #FFFFFF;
	font-size: 85%;
}

#obsah .seznamZakazniku .zaznam td{
	text-align:left;
	background-color: #EFEFEF;
	color: #333333;
}
#obsah .seznamZakazniku .zaznam2 td{
	text-align:left;
	background-color: #EFEFEF;
	color: #333333;
}
#obsah .seznamZakazniku .zaznamHidden {
	display:none;	
}
#obsah .seznamZakazniku .hiddenBlok td{
	padding: 0px;
	margin:0px;
	background-color: #FFFFCC;
	color: #333333;
}

#obsah .seznamZakazniku .viceinfo{
	text-align: left;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
/* stavy stav{id}*/
.stav1{
	background-color:red;
	color: white;
}
.stav2{
	background-color:white;
	color: red;
}
.stav3{
	background-color:yellow;
	color: green;
}
.stav4{
	background-color:green;
	color: white;
}
.stav5{
	background-color:white;
	color: black;
}