html, body {
height: 100%; /* stoprocentni vyska */
}

body {
	margin: 0;
	padding: 0;
	text-align: center; /* kvuli centrovani cele stranky */
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	background-color: #FFE99B;
}

#layer1 {
	width: 780px;
	margin-left: auto; /* kvuli centrovani cele stranky */
	margin-right: auto; /* kvuli centrovani cele stranky */
	text-align: left;
	padding: 0;
	background-image: url(img/back_all.gif);
	min-height: 100%; /* kvuli usazeni paticky na spodku stranky thx. to plavacek http://weblog.plavacek.net/2005-02.html*/
	height: 100%; /* kvuli usazeni paticky na spodku stranky */
	position: relative; /* kvuli usazeni paticky na spodku stranky */
}




body>#layer1 {
 height: auto; /* kvuli usazeni paticky na spodku stranky */
 }

#top {
	background-image: url(img/top.jpg);
	width: 780px;
	height: 127px;
}

#footer {
	/* paticka je absolutne pozicovana na spodni okraj materskeho relativniho bloku */
	height: 24px;
	font-size: 11px;
	color: white;
	text-align: right;
	width: 780px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(img/back_footer.gif);
	margin:0; padding:0;
	font-family:  Arial, Helvetica, sans-serif;
	
}	 

#cepice {
		
		width: 780px;
		background-image: url(img/back_text.gif);
	background-repeat: repeat-y;
	background-position: right top;
	height: 100%;
}

#footer div {
	
margin-right:25px;
margin-top:8px;
}

#footer div a:link, #footer div a:hover, #footer div a:visited {
color:white;
}

.logo {
	margin-left:50px;
	margin-top:6px;
}

#menu {
	width: 780px;
	height: 53px;
	background-image: url(img/back_menu.gif);
	font-size:12px;

}
#menu div {
	margin-left: 35px;
	padding-top: 17px;
	word-spacing: 30px;
}

#layer2 {
	width: 780px;
	}

#layer2-left {
	width: 206px;
	float: left;
}

#layer2-right {
	width: 574px;
	float: right;

	
}

#layer2-right-content {
	margin-left: 40px;
	margin-right: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}


h2.leftbox {
	background-image: url(img/back_leftbox_top.gif);
	width: 206px;
	height: 36px;
	font-size:13px;
	margin-top: 35px;
	margin-bottom: 0px;
	color:White;
}

h2.leftbox div {
margin-left:28px;
padding-top:8px;
}

div.leftbox-text {
	width: 206px;
	font-size:11px;
	background-image: url(img/back_leftbox.gif);
}

div.leftbox-text-content {
	margin-left:33px;
	padding-top:10px;
	margin-right:10px;
}

div.leftbox-bottom {
	width: 206px;
	height:13px;
	font-size:5px;
	background-image: url(img/leftbox_bottom.gif);

}


.clearer {
	clear:both;
}

#menu a {
	text-decoration:none;
	color: White;
	font-weight: bold;
	word-spacing: 0px;
}

#menu a:hover {
	color:#FFC600;
}

.sortiment a {
	text-decoration:none;
	color:black;
}

.sortiment a:hover {
	color:#BA1100;
}



.nodisplay {
	display:none;
}

p {
	line-height:18px;
	margin-top:5px;
	margin-bottom:5px;
}

h1 {
	font-size:20px;
	color:#BA1100;
	margin-bottom:20px;
	margin-top:25px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
}

h2 {
	font-size:15px;
	color:#051C52;
	margin-top:24px;
	margin-bottom:8px;
	font-weight:bold;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
}

ul {
	margin:0; padding:0;
	padding-top:7px;
		padding-bottom:7px;
}

ul.sortiment {
font-weight: bold;
font-size:13px;
}

li {
	list-style-image: url(img/odrazka.gif);
	margin-left:25px;
		margin-top:2px;
		margin-bottom:2px;
}

ul.sortiment li {
list-style-image: url(img/odrazka2.gif);;
}


form {
	margin:0; padding:0;
}

/*
div.input {
	width: 147px;
	height: 24px;
	background-image: url(img/input_box.gif);
	margin:0; padding:0;
}
*/
input.obchodnici {
	border: 0px;
	_width: 147px;
	
	height: 19px;
	_height: 24px;
	font-size: 11px;
	margin: 0;
	padding: 0;
	background-image: url(img/input_box.gif);
	_padding-top:5px;
	_padding-left:15px;
	_padding-right:15px;
	padding-top:5px;
	padding-left:15px;
	padding-right:15px;
	margin-top:7px;
	margin-bottom:7px;
	
}

input.vyhledat {
	margin-top:10px;
	margin-left:12px;
}

a {
	color:#BA1100;
}

a:hover {
	color:#051C52;
}

div.vstupte {
	text-align:right;
	margin-right:15px;
}


/* ZACATEK STYLU POUZIVANYCH PRO SEZNAM PRODUKTU */

div.produkt {
	background-color: #FFFBAA;
	border: 2px solid White;
	width:493px;
	margin-bottom:20px;
}

div.produkt-content {
	margin: 15px 20px 15px 20px;
}

div.produkt-left {
	width:130px;
	float:left;
}

div.produkt-right {
	width:310px;
	float:right;
}

div.produkt-left img {
	border: 2px solid #FFCD28;
}

h2.produkt {
	font-size:13px;
	color:#B5162B;
	margin-top:0px;
	margin-bottom:5px;
}

table.pocet-kusu {
	background-color: #FFFCC1;
	padding-bottom:4px;
	margin-bottom:15px;
}

th {
	color:#B5162B;
	font-size:11px;
	font-weight:bold;
	padding: 10px 10px 6px 10px;
	text-align:left;
}

th.objednavka {
	font-size:12px;
}

td.obj {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 6px 15px 6px 15px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}


input.kusy {
	background-color: White;
	border: 1px solid #FFC600;
	width:40px;
	height:18px;
	margin:0; padding:2px;
	font-size:11px;
}

td.pozadi, th.pozadi {
	background-color: #FFFCC1;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}

input.objednavka {
	background-color: White;
	border: 1px solid #FFC600;
	width:320px;
	height:20px;
	margin:0; padding:2px;
	font-size:11px;
}

textarea.objednavka {
	background-color: White;
	border: 1px solid #FFC600;
	width:320px;
	height:100px;
	margin:0; padding:2px;
	font-size:11px;
}

div.cena {
	font-size:13px;
	color:#B5162B;
		font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
		text-align:center;
		font-weight:bold;
		margin-top:10px;
		width:120px;
}

img {
	border: 2px solid #FFCD28;
}