@import url("layout.css");
body {
	background:white url(../images/pozadi.gif);
	margin: 0px;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #707070;
	/*#9B989C*/
	}
h1,h2,h3,h4,h5{
	color: #BD3021;
	margin: 0px;
	margin-bottom: 1em;
	font-size: 12px;
}
h5.sekce{
	background: url(../images/sipkavelka.gif) no-repeat left;
	padding-left: 15px;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 0.5em;
}
h6{
	padding: 0px;
}
.nadpis{
	margin-bottom: 0.5em;
}


input{
	/*width: 200px;*/
	border: 1px solid #B5BEBD;
}
a{
	text-decoration: none;
	color: Black;
	cursor: pointer;
}
a:hover{
	color: #BD3021;
	text-decoration: underline;
}

p a{
	color: #BD3021;
}

form{
	margin: 0px;
}
table{
	border-collapse: collapse;
}


label{
	cursor: pointer;
}
label.montaz {
  float: left; width: 20em
}

div#hlavicka div#banner{
	width: 468px;
	height: 60px;
	border: 1px solid #B5BEBD;
	margin-top: 1em;
}

span#svatek{
	padding-left: 25px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 80%;
	float: left;
}



ul#hmenu{
	padding: 0px;
	margin: 0px;
	list-style: none;
	/*border: 1px solid Fuchsia;*/
	float: right;
	position: relative;
}
ul#hmenu li{
	float: left;
	display: block;
	width: auto;
	width: 100px;
	padding: 0px;
/*	padding-left: 5px;
	padding-right: 5px;
	*/
}
ul#hmenu li a{
	padding-left: 5%;
	padding-right: 5%;
	font-size: 90%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-weight: bold;
	text-align: center;
	display: block;
	width:90%;
	margin: 0px;
	color: #9B989C;
}
ul#hmenu li a:hover{
	text-decoration: none;
}
ul#hmenu li li a{
	text-align: left;
		font-size: 100%;
}
ul#hmenu li#login{
	width: 141px;
	/*margin-left:100px;*/
}
ul#hmenu li#login a{
	background: transparent url(../images/sipkavelka.gif) no-repeat left;
	background-position:5px;
	text-align: right;
}
ul#hmenu li a:hover,#hmenu li#login a:hover,ul#hmenu li a.red:hover{
	background: #BD3021;
	color: White;
}

ul#hmenu li ul { /* second-level lists */
		position : absolute;
		padding: 0px;
		left: -999em;
		margin: 0px;
		margin-top:1px;
		background:white;
		border: 1px solid #B5BEBD;	
		border-top: none;
		border-bottom: none;
		width:250px;
		/*_width:201px;*/
		z-index: 1500;
}
ul#hmenu li li {
	padding: 0px;
	margin: 0px;
	width: 100%;
	border-bottom: 1px solid #B5BEBD;
	float: none;
}
/*Postupne pridavat UL*/
#hmenu li:hover ul ul, #hmenu li:hover ul ul ul,#hmenu li:hover ul ul ul ul, #hmenu  li.hover ul ul,#hmenu li.hover ul ul ul,#hmenu  li.hover ul ul ul ul {
	left: -999em;
}
/*Postupne pridavat LI*/
#hmenu li:hover ul, #hmenu  li li:hover ul, #hmenu  li li li:hover ul,#hmenu  li li li li:hover ul, #hmenu  li.hover ul, #hmenu  li li.hover ul, #hmenu  li li li.hover ul,#hmenu  li li li li.hover ul { /* lists nested under hovered list items */
left: auto;
z-index: 1500;

}

/*Leve menu*/
div#levy ul{
	margin: 0px;
	margin-top: 1em;
	padding: 0px;
	list-style: none;
}
div#levy ul ul{
	margin: 0px;
}
div#levy ul li{
	width:150px;
	margin-left:10px;
	margin-top:2px;
}
div#levy ul a{
	color: #707070;
	width: 100%;
	display: block;
	text-decoration: none;
	padding:2px;
	padding-left: 5px;
}
div#levy ul a.first{
	background: #F7F7F7;
	color:black;
}

div#levy ul a:hover{
	color:#BD3021;
	background: white url(../images/sipkamala.gif) no-repeat center;
	background-position: 95%;
}

div#levy div.leftMenuButton{
	width: 181px;
	height: 62px;
	text-align: right;
	margin-top: 0.5em;
}
div#levy div.leftMenuButton a.ico{
	float:left;
	width:62px;
	height: 62px; 
	display: block;
	text-decoration: none;
}
div#levy div.leftMenuButton a.text{
	float:right;
	width:119px;
	height: 62px; 
	display: block;
}
div#levy div.leftMenuButton a.text strong{
	display: none;
}
div#sedniSi{
	background: url(../images/sednisiText.gif) no-repeat right;
}
div#sedniSi a.ico{
	background: url(../images/sednisiIco.gif) no-repeat left;
}
div#sedniSi a.ico:hover{
	background: url(../images/sednisiIcoOver.gif) no-repeat left;
}

div#lehniSi{
	background: url(../images/lehnisiText.gif) no-repeat right;
}
div#lehniSi a.ico{
	background: url(../images/lehnisiIco.gif) no-repeat left;
}
div#lehniSi a.ico:hover{
	background: url(../images/lehnisiIcoOver.gif) no-repeat left;
}

div#prostriSi{
	background: url(../images/prostrisiText.gif) no-repeat right;
}
div#prostriSi a.ico{
	background: url(../images/prostrisiIco.gif) no-repeat left;
}
div#prostriSi a.ico:hover{
	background: url(../images/prostrisiIcoOver.gif) no-repeat left;
}

div#odlozSi{
	background: url(../images/odlozsiText.gif) no-repeat right;
}
div#odlozSi a.ico{
	background: url(../images/odlozsiIco.gif) no-repeat left;
}
div#odlozSi a.ico:hover{
	background: url(../images/odlozsiIcoOver.gif) no-repeat left;
}

div#doplnSi{
	background: url(../images/doplnsiText.gif) no-repeat right;
}
div#doplnSi a.ico{
	background: url(../images/doplnsiIco.gif) no-repeat left;
}
div#doplnSi a.ico:hover{
	background: url(../images/doplnsiIcoOver.gif) no-repeat left;
}

div#navrhniSi{
	background: url(../images/navrhnisiText.gif) no-repeat right;
}
div#navrhniSi a.ico{
	background: url(../images/navrhnisiIco.gif) no-repeat left;
}
div#navrhniSi a.ico:hover{
	background: url(../images/navrhnisiIcoOver.gif) no-repeat left;
}

div#vydelejSi{
	background: url(../images/vydelejsiText.gif) no-repeat right;
}
div#vydelejSi a.ico{
	background: url(../images/vydelejsiIco.gif) no-repeat left;
}
div#vydelejSi a.ico:hover{
	background: url(../images/vydelejsiIcoOver.gif) no-repeat left;
}
/*End leve menu*/

div#dropty{
	margin-bottom: 2em;
} 
div#dropty a,select{
 font-size: 10px;
 text-decoration:none;
}
div#dropty a{
	color: #707070;
}
div#dropty a:hover{
	text-decoration: underline;
	color: #BD3021;
}

div#homePage{
	padding-top: 2em;
}


div#homePage  a{
	background: url(../images/sipkamala.gif) no-repeat left;
	padding-left:10px;
	color: #707070;
	text-align: center;
	padding-right: 10px;
}

div#homePage #im{
	width: 500px;
	float: left;
	margin: 0 0 0 2px;
}
div#homePage #navigace{
	float: right;
	width: 100px;
	margin-right: 1em;
	line-height: 4em;
}

div#homePage #navigace td a{
	text-decoration: none;
	width: 100%; height: 100%; text-align: center; background-color: white; display: block }
	#homePage #navigace td a:hover { background-color: #BD3021; color: white }
}

div#homePage #navigace a{
	background: url(../images/sipkamalaR.gif) no-repeat right;
	padding-right:20px;
	display: block;
	color: #BD3021 ;
	text-decoration: none;
	text-align: right;
}

div.cenovaKategorie{
	/*border: 1px solid red;*/
	margin-top: 1.5em;
	width: 230px;
	text-align: center;
}
div.cenovaKategorie img{
	margin-bottom: 0.5em;
}
div.kartaSekce{
	width:240px;
	height:210px;
	text-align: center;
	margin-bottom: 1em;
	/*border: 1px solid red;*/
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	z-index: 500;
}
div.kartaSekce img{
	border:none;
	margin-bottom: 1em;
}
div.kartaSekce div.produktSmallImg{
/*	position: absolute;*/
	left: 0px;
/*	top: 1em;*/
	/*border: 1px solid blue;*/
	width: 100%;
	z-index: 500;
}
div.kartaSekce div.produktSmallInfo{
	position: absolute;
	bottom: 0px;
	left:0px;
	width: 100%;
	background: White;
	/*border: 1px solid green;*/
}
div.kartaSekce a,div.cenovaKategorie a{
	color:#BD3021; 
}
div.kartaSekce span{
	color: #707070; 
}

div.produktTr2,div.produktTr3{
	border:none;
	border-top: 1px solid white;
	padding: 0px;
	margin:0px;
}
div.produktTr3 div.kartaSekce{
	width:160px; 
}

div#pravy a.vice{
	display: block;
	background: url(../images/lupa.gif) no-repeat left;
	padding-left:30px;
	border-bottom:1px solid #B5BEBD;
	border-top:1px solid #B5BEBD;   
	color: #707070;
	background-position:10px;
	text-align: left;
	margin-top: 1em;
}

div#pravy a.vice:hover{
	color: #BD3021;
	text-decoration: none;
}
div#pravy img{
	margin-top: 0.5em;
}
h3#vybirame{
	background: #EFEBEF;
	color: #BD3021;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	word-spacing: 2px;
	letter-spacing:1px;
}
h5#vyprodej, h5#vaseCena{
	background: #BD3021;
	color: White;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	word-spacing: 2px;
	letter-spacing:1px;
	margin-bottom: 0.5em;
}
.cenikNadpis{
	background: #ADAAAD;
	color: White;
	padding: 0.2em 0.5em 0.2em 0.5em;
   margin-bottom: 0.3em;
/*	margin-top: 0.5em; */
}
div.content{
	text-align: left;
	padding: 0.2em 0.5em 0.2em 0.5em;
}

label#lcena,input#cena{
border:none;
color: #BD3021;
font-size: 20px;
font-weight: bold;
vertical-align: middle;
text-align: center;
/*border: 1px solid red;*/
}

label#lcena_cenask,input#cena_sk{
border:none;
vertical-align: middle;
text-align: center;
	color: #707070;
/*border: 1px solid red;*/
font-size: 11px;
}


input#cena{
	width: 95%;
	margin-left: 3px;
	margin-right: 3px;
	text-align: center;
}

a.cssButton{
	color: #BD3021;
   border: 1px solid #B5BEBD;
	text-align: center;
	clear: both;
	margin-bottom: 2px;
	display: block;
	width: 100px;
}
a.cssButton:hover,a.cssRightButton:hover{
	text-decoration: none;
	color: #707070;
}
a.cssButton span{
	border-right: 1px solid #B5BEBD;
	padding-left: 5px;
	padding-right: 5px;
	width: 10px;
	display: block;
	float: left;
}

a.cssRightButton{
	border-bottom: 1px solid #B5BEBD;
	padding-left:20px;
	text-align: left;
	display: block;
	/*width: 100%; */
	line-height: 15px;
	font-size: 11px;
	height: 15px;
	color: #707070;
}
a#vzornik{
	background:url(../images/ico.vzornik.gif) no-repeat left;
}
a#zeptej{
	background:url(../images/ico.zeptejse.gif) no-repeat left;
}
a#vzpomen{
	background: url(../images/ico.vzpomensi.gif) no-repeat left;
}
a#tisk{
	background: url(../images/ico.tisk.gif) no-repeat left;
}
a#openPopup{
	background: url(../images/lupa.gif) no-repeat left;
	background-position:5px;
	color: #707070;
	display: block;
	width: 130px;
}

a#triD{
	background: url(../images/ico.3d.gif) no-repeat left center;
	background-position:6px;
	color: #707070;
	display: block;
	width: 130px;
}

a#mov{
	background: url(../images/ico.mov.gif) no-repeat left center;
	background-position:4px;
	color: #707070;
	display: block;
	width: 130px;
}

table.volby{
/*	width: 50%;*/
	border-collapse: collapse;
	empty-cells: show;
}
table.volby td{
	/*border: 1px solid black;*/
	vertical-align: middle;
}
table.volby td.foto{
	width:30px;
}
table.volby td.nazev{
	width:100px;
}

/*Vzorniky*/
div.vzorPreview{
	width: 100px;
	float: left;
}
div#vzorNazev{
	text-align: center;
}
div.vzornikObsah{
	position: relative;
	float: left;
	width:360px;
	/*border:1px solid red;*/
	padding-left: 10px;
	margin-bottom: 0px;
}
div.vzornikNazev{
	color:#BD3021;
	margin-bottom: 0.5em;
}
div.vzornikNazev strong{
	font-weight: normal;
}
div.vzornikVzor{
	float: left;
	width: 50px;
	text-align: center;
}
div.files{
	padding-left:15px; 
}
div.cleaner,br.cleaner{
	clear: both;
	line-height: 0px;
	/*border: 1px solid blue;*/
	margin: 0px;
	padding: 0px;
	float: none;
}
div#obsahLarge ul,div#obsah ul{
 padding: 0px;
 margin: 1em;
}

/*SEARCH*/

div.vyber{
	background:#F7F7F7;
	color: black;
	vertical-align: middle;
	text-align: left;
	font-size: 80%;
	margin-bottom:1em;
	margin-top: 0.5em;
	padding-left: 1em;
}
div.vyber select,input{
		vertical-align: middle;
}
div.vyber input{
	width: 23px;
	text-align: center;
	font-size: 12px;
	margin: 0.5em;
	margin-right:2px;
	border: 1px solid black;
}
div.vyber select{
	margin-right:1em;
}

button#searchButton{
	border: 1px solid #B5BEBD;
	background: White url(../images/sipkavelka.gif) no-repeat left;
	padding: 0px;
	background-position: 4px;
	float: right;
	/*height: 15px;*/
}
button#searchButton span{
	border-left: 1px solid #B5BEBD;
	padding-left: 15px;
	margin-left: 5px;
	color: #BD3021;
}

 div.searchKarta{
 	width: 243px;
	margin-top: 1em;
/*	border:1px solid red;*/
 }
 div.searchKarta div.foto{
 	float: left;
	width:100px;
	text-align: center;
	/*border: 1px solid green;*/
 }
 div.searchKarta div.obsah{
	padding-bottom: 1em;
	width: 120px;
/*	border: 1px solid red;*/
	float: right;
 }
 div.searchKarta strong{
 	color: Black;
	font-weight: normal;
	font-size: 150%;
 }
  div.searchKarta div.rozmery{
  	margin-top: 1.5em;
	margin-bottom: 1em;
  }
  
  div.searchKarta a.vice{
  	 color: #BD3021;
	 background: url(../images/i.gif) no-repeat left;
	 font-size: 10px;
  }
  
/*END SEARCH*/
table#kos{
	font-size: 10px;
	width: 100%;	
	text-align: center;
	margin-top: 1em;
}
table#kos th , table#kos strong{
	font-size: 11px;
	color: Black;
}
table#kos input{
	width: 20px;
	border: 1px solid #B5BEBD;
}
/* Uprava vzhledu formulare fakturacni a dodaci adresy */
table.rozpal input.edit {
	width: 200px;
	border: 1px solid #B5BEBD;
}
table.rozpal select.width {
	border: 1px solid #B5BEBD;
	width: 145px;
}
table.rozpal input.mesto {
	width: 140px;
}
table.rozpal input.psc {
	width: 50px;
	margin-left: 6px;
}
table.rozpal td.poznamka {
	vertical-align: top;
}
table.rozpal textarea{
	width: 200px;
	height: 90px;
	border: 1px solid #B5BEBD;
}

 button{
	border: none;
	background: transparent;
	vertical-align:middle;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
}
button img{
	float: none;
	vertical-align: text-bottom;
	margin-right:3px;
}
div.error{
	font-size: 120%;
	color: red;
	text-align: center;
	font-weight: bold;
}
 tr.even{
 	background: #FBFBFB;
 }
  tr.odd:hover,tr.oddHover,tr.even:hover,tr.evenHover{
 	background: #F7F7F7;
 }
 tr.dark{
 	background: #F7F7F7;
 }
 
 td.white{
 	background: White;
 }

table.rozpal td{
	padding: 3px;
} 
.hidden{
	display: none;
}
.red ,ul#hmenu li a.red{
	color: #BD3021;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}

.ram{
	border: 1px solid #B5BEBD;
}

.btop{
	border-top: 1px solid #B5BEBD;
}
.bleft{
	border-left: 1px solid #B5BEBD;
}

.rossi{
	border-left: 1px solid #B5BEBD;
	border-top: 1px solid #B5BEBD;
}

.bdown {
	border-bottom: 1px solid #B5BEBD;
}
.bdown a{	
	cursor: pointer;
}
.bdown a strong{
	display: block;
	background: url(../images/lupa.gif) no-repeat left;
	text-decoration: none;
	color: #707070;
}



.rossiText a{
	text-transform: none;	
	color: #707070;
	font-size: 10px;
}

.bright{
	border-right: 1px solid #B5BEBD;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
.justify{
	text-align: justify;
}
.noBorder{
	border: none;
}
a img{
	border: none;
}
div#produktPanel.docked{

	position: fixed;
	border-left: 1px solid #B5BEBD;
	width: 142px;
	margin-left: -1px;
	background: White;
}

table.platby td{
	text-align: center;
}
.nowrap{
	white-space: nowrap;
}
img.left{
	float:left;
	clear: left;
}
img.right{
	float:right;
	clear: right;
}
h1.hidden{
	display: block;
	position: absolute;
	top: -5em;
}

/* added by Rossi /*

ul#dmenu{
	padding: 0px;
	margin: 0px;
	list-style: none;
	/*border: 1px solid Fuchsia;*/
	float: right;
	position: relative;
}
ul#dmenu li{
	float: left;
	display: block;
	width: auto;
	width: 33%;
	padding: 0px;
	padding-top: 0em;
	padding-bottom: 0em;
/*	padding-left: 5px;
	padding-right: 5px;
	*/
}
ul#dmenu li a{
	padding-left: 5%;
	padding-right: 5%;
	font-size: 90%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-weight: bold;
	text-align: center;
	display: block;
	width:90%;
	margin: 0px;
	color: #9B989C;
}
ul#dmenu li a:hover{
	text-decoration: none;
}
ul#dmenu li li a{
	text-align: left;
		font-size: 100%;
}
ul#dmenu li#login{
	width: 141px;
	/*margin-left:100px;*/
}
ul#dmenu li#login a{
	background: transparent url(../images/sipkavelka.gif) no-repeat left;
	background-position:5px;
	text-align: right;
}
ul#dmenu li a:hover,#hmenu li#login a:hover,ul#hmenu li a.red:hover{
	background: #BD3021;
	color: White;
}

ul#dmenu li ul { /* second-level lists */
		position : absolute;
		padding: 0px;
		left: -999em;
		margin: 0px;
		margin-top:1px;
		background:white;
		border: 1px solid #B5BEBD;	
		border-top: none;
		border-bottom: none;
		width:250px;
		/*_width:201px;*/
		z-index: 1500;
}
ul#dmenu li li {
	padding: 0px;
	margin: 0px;
	width: 100%;
	border-bottom: 1px solid #B5BEBD;
	float: none;
}
#HomePage
{
  width:95%; 
  text-align:justify;
  padding:20px 15px 0 20px;
}
#HomePage strong
{
  font-weight:100;
}