/* CSS Document */
* {
margin: 0; padding: 0; border: 0;
}


h3 {
clear: both;
}

/*

	###___LAYOUT___###

*/

/* GENERAL */

body {
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	background: url(images/gradient.png) #FFF repeat-x;
	color: #FFF;
	font-size: 100%;
	text-align: center;
}

form {
	color: #000;
	clear: both;
}


#web {
	margin: 0 auto 0 auto;
	width: 934px; height: 1000px;
	position: relative;
	background: #09abda;
	min-height: 1200px;
}

#background
{
	background: #09abda url('images/stripes-bg.png') repeat top left;
	clear: both;
	padding: 0;

}

/* HLAVICKA a LOGO */
#header {
	background-image: url(images/header.png);
	width: 934px; height: 181px;
	margin: 0;
	text-align: left;
}

#logo {
	display: block;
	width: 256px; height: 35px;
	position:absolute; left:0; top:20px;

	overflow:hidden;
}
#logo span {
	display: block;
	width: 256px; height: 35px;
	background-image: url(images/logo.png);
	position:absolute; left:0; top:0px;
}
#header #email {
	display: block;
	width: 94px; height: 26px;
	position:absolute; right:383px; top:42px;
	/*margin-left: 383px; margin-top: 42px;*/
	overflow:hidden;
}

#header #email span {
	width: 94px; height: 26px;
	background: url('images/email.png') no-repeat;
	position:absolute; left:0; top:0px;
}

#psipotreby
{
	display: block;
	position: absolute; top: 0; left: auto; right: 0;
	width: 119px; height: 113px;
	z-index: 1;
}

body > div#psipotreby
{
	position: fixed;
}

#psipotreby span {
	display: block;
	position: absolute; left:0; top:0; z-index:1;
	width: 119px; height: 113px;
	margin:0; padding:0;
	background-image: url('images/psipotreby.png');
}

#header ul {
	list-style-type: none;
}

#header li {
	float: left;
	width: 120px; height: 28px;
	background-image: url(images/header_button.png);
	margin-right: 12px;
}
#header li#slogan
{
	width: auto;
	background: transparent;
	text-align: center;
	margin-left: 150px;
}
#slogan h2
{
padding-top: 10px;
font-size: 20px;
text-transform: none;
}

#header li a, #content li a, #info a, #inzerce a, #menu_left a, #action li a, #order a {
	display: block;
	color: #451f00; font-size: 1em; text-decoration: none;
	font-size: 0.9em;
}

#header li a {
	margin-left: 13px; margin-top: 5px;
}

#header li a:hover, #content li a:hover, #info a:hover, #inzerce a:hover. #action li a:hover, #order a:hover, #preview input[type=submit]:hover {
	text-decoration: underline;
}

/* VEDLEJSI NAVIGACE */
#left {
	position: absolute; left: 12px; top: 128px;
}

#right {
	position: absolute; right: 0px; top: 128px;
}

/* HLAVNI NAVIGACE */
#menu_left {
	width: 304px;
	float: left; clear: left;
	margin: 0 0 0 14px;
	padding-bottom: 50px;
	background: url(images/menu_left_gradient.png);
	text-align: left;
	display: inline;
}

#menu_left h2
{
	display: block;
	position:relative;
	overflow:visible;
	width: 304px; height: 50px;
	text-align: left;
	margin: 0;
}

#menu_left h2 span
{
	display: block;
	position:absolute; left: 0; top: 0;
	width: 304px; height: 50px;
	overflow:visible;
	background: url('images/menu_left_head.png') top left no-repeat;
}

#menu_left ul, #info ul, #inzerce ul
{
	list-style-type: none;


}

#menu_left ul
{
	background: url('images/menu_left_head.png') 0 -50px no-repeat;
	height: 700px; min-height: 700px;
}

#info ul
{
	background: url('images/menu_left_head.png') 0 -50px no-repeat;
	height: 200px; min-height: 200px;
}

#inzerce ul
{
	background: url('images/menu_left_head.png') 0 -50px no-repeat;
	height: 150px; min-height: 150px;
}



#menu_left li
{
	float: left;
	margin-left: 20px;
	margin-bottom: 1em;
	display: inline;
}

#menu_left ul li a
{
	display: block;
	width: 123px; height: 40px;
	line-height: 40px;
	text-indent: 25px;
	background: #ff8530 url('images/menu_left_button.png');
	font-size: 0.9em;
}

#menu_left ul li a:hover
{
	background: #ff8530 url('images/menu_left_button.png') 0 -42px;
}

a.menu_left_button2
{
	display: block; float: left;
	width: 233px; height: 30px;
	position: relative; top: 54px;
	background: url(images/menu_left_button2.png);
	margin-bottom: 11px; padding-left: 32px; padding-top: 12px;
	margin-top: 12px;
}
.menu_left_button3
{
	width: 267px; height: 54px; line-height: 54px;
	margin-left: 20px; margin-top: 20px;
	background: url(images/menu_left_button3.png);
	margin-bottom: 11px; text-indent: 90px; padding-top: 12px;
	font-weight: bold;
	display: inline;
}

/* INFORMACNI PANEL */
#info, #inzerce
{
	width: 304px;
	float: left;
	clear: left;
	background: url(images/menu_left_gradient.png);
	margin: 0 9px 0 14px;
	display: inline;
	text-align: left;
}



#info h2, #inzerce h2
{
	display: block;
	width: 304px; height: 70px;
	position: relative;
}
#info h2 span
{
	display: block;
	position:absolute; left:0; top:0px;
	width: 304px; height: 70px;
	background: url('images/info_head.png');
}

#inzerce h2 span
{
	display: block;
	position:absolute; left:0; top:0px;
	width: 304px; height: 70px;
	background: url('images/inzerce_head.png');
}

#info ul, #inzerce ul
{
	list-style-type: none;
	padding-bottom: 80px;
}

#info ul li
{
	float: left;
	margin-left: 20px;
	display: inline;
	margin-bottom: 18px;
}


.inzerat
{
	background: #b7e6f2;
	margin: 10px;
	padding-top: 10px;
}
.inzerat h3
{

}
.inzerat .kontaktni-osoba
{
	display: block;
	padding-left: 21px;
	/*background: #09809f;*/
	color: #000;
}
.inzerat .prispevek
{
	border-bottom: 1px solid #09809f;;
	padding-bottom: 5px;
}
.inzerat span span, .inzerat .label
{
	font-weight: bold;
}

#info li a
{
	width: 265px; height: 40px;
	line-height: 40px; text-indent: 25px;
	background: url('images/info_button.png');
}

#inzerce li
{
	float: left;
	margin-left: 20px;
	margin-bottom: 1em;
	display: inline;
}

#inzerce ul li a, #inzerce-pridej li a
{
	display: block;
	width: 123px; height: 40px;
	line-height: 40px;
	text-indent: 25px;
	background: #ff8530 url('images/menu_left_button.png');
	font-size: 0.9em;
}
ul#inzerce-pridej
{
	margin-left: 10px;
	list-style-type: none;
}

/* COPYRIGHT */
#footer {
	font-size: 13px;
	width: 934px; height: 15px;
	text-align: left;
	clear: both;
	padding: 19px;
}
#footer a, #login a {
	color: #FFF;
}
#footer a:hover, #login a:hover, #content p a:hover, #pagination a:hover {
	text-decoration: none;
}
/*

### KONEC LAYOUT ###
-->
*/

/* PRODUKTY */


/* POKLADNA A NAKUPNI KOSIK */
.pocet_kusu {
	padding: .3em;
	margin: 0;
	text-align: center;
}
#cart
{
	width: 300px; height: 185px;
	text-align: left;
	background: url(images/cart.png) top left no-repeat;
	float: left;
}

#cart h3
{
	font-size: 18px; font-weight: normal;
	margin-left: 105px;
	margin-top: 10px;
}

#cart p
{
	font-size: 12px;
	margin-left: 105px;
}

#cart h2
{
	margin-top: 10px;
	margin-bottom: 40px;
	margin-left: 25px;
}

/* PANEL - AKCNI NABIDKA */
#action
{
	width: 410px; height: 185px;
	background: url('images/action.png') top left no-repeat;
	float: left;
	position: relative;
	font-size: .9em;
	text-align: left;
}
#action img {
	width: 90px; height: 71px;
	margin-left: 25px;
	background-image: url('images/action_image.png');
}
#action strong {
	display: block;
}
#action h2 {
	margin-left: 25px;
}
#action h3, #action strong, #action em {
	margin-left: 10px;
}
#action em, #action strong {
	font-weight: normal; font-style: normal;
}
#action em {
	display: block;
	margin-top: 5px;
 	padding-right: 8px;
	background-image: url(images/action_price.png);
}
#action ul {
	list-style-type: none;
	position: absolute; top: 55px; right: 28px;
}
#action form {
	margin: 0;
}


#action .vice-informaci {
	background-image: url(images/content_button1.png);
	margin-bottom: 20px;
	margin-left: 10px;
	width: 120px;
}

#action #vlozit-do-kosiku {
	width: auto;
	margin: 0;
	width: 120px;
	font-size: 12px;
	margin-left: 10px;
	background-image: url(images/content_button2.png);
}
#action h3 {
	font-size: 15px; font-weight: normal;
	margin-top: 12px;
}
#action h2 {
	margin-top: 10px;
}
/* KONEC AKCNIHO PANELU */

/* KLIENTSKE CENTRUM */
#login {
	width: 218px; height: 185px;
	background-image: url(images/login.png);
	float: left;
	text-align: left;
}

#login h2 {
	margin-top: 10px;
	margin-left: 20px;
}

#login form {
	margin-top: 10px;
	margin-left: 20px;
}
#login input[type=text], #login input[type=password] {
	width: 167px; height: 20px;
	background-image: url(images/login_input_text.png);
	color: #14a1c6; font-size: 12px;
	padding-left: 8px; padding-top: 5px; margin-bottom: 5px;
}
#login input[type=submit] {
	width: 78px; height: 20px;
	background-image: url(images/login_input_submit.png);
	font-size: 0.9em; color: #736969; text-align: left;
	padding-left: 10px; margin-right: 10px;
}
#login label {
	display: block;
}
#login a {
	font-size: 12px;
}

#content p {
	color: #000;
	font-size: 0.9em;
	margin-top: 10px;
}
address {
	color: #000;
	margin-left: 21px;
	margin-top: 10px;
}
.neplati {
	text-decoration: line-through;
}
table form {
	margin: 0;
}




h2
{
font-size: 18px; text-transform: uppercase; font-weight: normal;
}

#content
{
	background: #e1f3f8 url(images/content_gradient.png) repeat-x;
	width: 593px; min-height: 1200px;
	display: inline;
	margin-right: 14px;
	float: right; clear: right;
	text-align: left;
}

#content h2
{
	height: 33px; width: 573px;
	color: #09809f; text-transform: none;
	padding-left: 20px; padding-top: 10px;
	border-bottom: solid 1px #c2e3ed;
}
ul#seznam-vyrobcu
{
	display: block;
	clear: both;
	margin-top: 1em;
	margin-left: 21px;
	width: 551px;
	list-style-type: none;
}
ul#seznam-vyrobcu li
{
	float: left;
	width: 6em; margin-right: 10px;
	margin-bottom: 1em;
	text-align: left;
	padding: 1em;
	background: #3dbcdd;
	font-size: 90%;
}

#content p a, #strankovani a {
color: #ff8a33;
}
/*
.produkt {
	clear: both;
	width: 551px; height: 10em;
	border-top: 1px solid #cce7f0;
	padding-top: 14px;
	margin-right: 50px;
	margin-left: 21px;
}
*/
.vice-informaci {
	width: 127px; height: 23px; line-height: 23px;
	display: block;
	margin-bottom: 12px;
	text-indent: 21px;
	background-image: url(images/content_button1.png);
	text-decoration: none;
	color: #000;
 	margin-top: 2em;
	font-size: 14px;
}

td.produkt-navigace {
	vertical-align: middle;
}

.produkt form {
	margin: 0;
}




#seznamProduktu {
	margin-left: 21px;
	clear: both;
}

#seznamProduktu td {
	border-top: 1px solid #cce7f0;

}
#seznamProduktu td{
	margin: 0;
	padding-top: 0;
	vertical-align: top;
	padding-top: .5em;
	padding-bottom: 1em;

}
.produkt img {
	width: 134px; height: 103px;
	background-image: url(images/item_preview.png);
	float: left;
}

.produkt .popis {
	margin: 0; padding: 0;
	color: #000;
}


.produkt h3 a {
color: #ff9d3e;
font-size: 0.9em;
}

.price {
	height: 2em; line-height: 2em; width: 100px;
	margin-left: 150px;
	padding-left: 5px;  padding-top: 0; padding-bottom: 0;
	background: #FFF;
	font-size: 13px;  font-weight: normal;
}

p.akcni {
	background: #cc0000;
}

.content_button1  {
background-image: url(images/content_button1.png);
}
.content_button2, input[type=submit], #kosik-prepocitat, #pokladna-prihlasit, #registrovat-zakaznika, #pokladna-osobni-udaje input[type=submit]  {
background-image: url(images/content_button2.png);
}
.content_button1:hover, .content_button2:hover, a.menu_left_button2:hover, #info li:hover, #preview input[type=submit]:hover  {
background-position: bottom;
}

#content h2#nadpis-produktu {
	color: #09809f;
}
#pagination {
width: 519px; height: 50px;
color: #000000;
background: #e1f3f8;
float: left;
text-align: center;
}


/*Košík*/
ul#pokladna-kroky {
list-style-type: none;
width: 100%; height: 98px;
border-top: solid 1px #c2e3ed; border-bottom: solid 1px #c2e3ed;
clear: both; display: block;
}
ul#pokladna-kroky li {
float: left;
width: 117px; height: 58px;
border-left: solid 1px #c2e3ed;
text-align: center; color: #39adcc; font-size: 24px;
padding-top: 20px; padding-bottom: 20px;
background: #e1f3f8 url(images/order_gradient.png) no-repeat;
}
ul#pokladna-kroky #active {
background: url(images/content_gradient.png) repeat-x;
color: #0f9cc1;
}

table#kosik-prehled-zbozi {
width: 551px;
margin-left: 21px;
margin-right: 50px;  margin-top: 30px;
border-spacing: 0px 10px;
}
#kosik-prehled-zbozi td, #kosik-prehled-zbozi th {
	height: 29px;
	color: #000000; text-align: left; font-size: 14px; font-weight: normal;
	border-top: 1px solid #b7e1ed; border-bottom: 1px solid #b7e1ed;
	background: #FFF;
	padding-left: 5px;
}
#kosik-prehled-zbozi th {
	width: 306px;
	color: #0f9cc1;
	border-left: 1px solid #b7e1ed; border-right: 1px solid #e5e5e5;
}

table#pokladna-osobni-udaje, table#pokladna-dorucovaci-adresa, table#pokladna-fakturacni-adresa {
	margin-left: 21px;
}

table#suma {
width: 551px;
margin-top: 10px;
margin-left: 21px;
}
table#suma td, table#suma th {
	text-align: left;
	padding-left: 5px;
}
.nazev {
	width: 60%;
}
.kategorie {
	width: 35%;
}
td.pocet input {
	border: 1px solid #ccc;
}
td.smazat {
	text-align: center;
}
table#suma td, table#suma th {
	background: #ff8e35;
	border: 1px solid #c16f19;
	text-align: left;
}
#kosik-prepocitat {
	margin-left: auto;
	width: 150px;
}

#kosik-pokracovat {
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: 10px;
	padding: 10px;

}
#kosik-objednat, #pokladna-pokracovat, #inzerce-form input[type=submit] {
	width: 200px;
	padding: 10px;
	margin-top: 10px;
	background: url(images/order_submit.png);
}
#inzerce-form input[type=submit]
{
	margin-left: 25px;
}
#inzerce-formular-chyba
{
	font-weight: bold;
	font-style: italic;
	border-top: 1px solid #09809f;
	border-bottom: 1px solid #09809f;
	padding-top: 10px;
	padding-bottom: 10px;
}

table#pokladna-osobni-udaje, table#pokladna-dorucovaci-adresa, table#pokladna-fakturacni-adresa {
	width: 551px;
}
#formular-pokladna {
	clear: both;
	padding-top: 10px;
}
#pokladna-osobni-udaje td, #pokladna-osobni-udaje th{
	color: #000;
	text-align: left;
}

table.zasilka {
	width: 551px;
	margin-top: 1em;
	margin-left: 21px;
	margin-bottom: 10px;
}
table.zasilka td, table.zasilka th {
	background: #ff8e35;
	border: 1px solid #c16f19;
	text-align: left;
}

input#zpet {
	background: #e4e4e4;
	width: 100px;
	padding: 10px;
	border: 1px solid #ccc;
	margin-top: 10px;
}

#strankovani {
	margin-left: 21px;
	clear: both;
	color: #000;
}

#preview {
font-size: 14px; color: #000000;
width: 100%;
padding: 22px;
}

img.nahled {
display: block;
float: left;
width: 191px; height: 146px;
background: url(images/item_nahled_big.png);
margin-right: 20px;
}

#content p {
	margin-left: 21px;
}
#product-gallery {
	margin-left: 21px;
}
table#parametry {
	clear: both;
	margin-top: 10px;
	margin-left: 21px;
	margin-bottom: 10px;
	width: 200px;
}
table#parametry th {
	color: #09809f;
	text-align: left;
}
table#parametry td {
	color: #000;
}

#content h3 {
	margin-left: 21px;
	color: #09809f;
}
#content h3 a {
	color: #ff9d3e;
	font-size: 0.9em;
}

table#popisProduktu {
margin-top: 10px;
margin-left: 21px;
margin-bottom: 5px;
width: 200px;
font-size: 90%;
}
table#popisProduktu th {
color: #09809f;
text-align: left;
}
table#popisProduktu td {
	color: #000;
}
table#platba {
	margin-left: 21px;
	color: #000;
}
table#platba th {
	color: #09809f;
}

#preview input[type=text] {
width: 43px;
background: #ebf7fa;
border: 1px solid #9ccedb;
}

label#heslo, label#email {
	width: 4em;
	float: left;
}
form#registrace-zakaznika label {
	float: left;
	width: 5em;
}

form#inzerce-form label {
	float: left;
	width: 10em;
}



input#vlozit-do-kosiku, #kosik-prepocitat, #pokladna-prihlasit, input#registrovat-zakaznika, #pokladna-osobni-udaje input[type=submit] {
paddding-top: 0;
padding-left: 15px;
width: 127px;
height: 26px;
line-height: 26px;
}




#preview p {
margin-top: 0px; margin-left: 0; margin-bottom: 20px;
}