/* obecne */

body {background-color: white;background-image: url('img/bg.jpg');background-repeat: repeat-x; background-color: #878787; background-position: center top; font-family:  Arial,sans-serif;font-size: 13px;color:black;border: 0px;margin: 0px;padding: 0px; line-height: 130%;}
input,textarea,select,table,th,td {font-family: Arial, sans-serif;font-size: 13px;}
p, img, form, table, h1, h2, h3, h4, h5, h6, th, td {margin: 0;padding: 0;border: 0;}
table {border-collapse: collapse;}

.cleaner {clear: both;height: 1px;font-size: 1px;line-height: 1px;}
.f-right{float: right !important;}
a {text-decoration: underline; color: #d40050;}
a:hover {text-decoration: none;}
a.vice {background-image: url(img/vice.png); background-repeat: no-repeat; background-position: left 6px; white-space: nowrap; padding-left: 11px;}
p {line-height: 17px; margin: 0 30px 0 0; padding-bottom: 11px;}
h1,h2,h3 {font-family: "trebuchet MS",Arial,sans-serif; font-size: 23px; line-height: 1.05em; color: #363636; font-weight: normal;}
h1:first-line,h2:first-line {color: #d40050;}
h1 {margin: 0 0 11px 0; padding-bottom: 8px; border-bottom:1px solid #8e9da2;}
h2 {margin: 0 30px 6px 0; padding-top: 12px;clear: both;}
h3 {font-size: 13px; margin-top: 14px; color: #6B0129; font-weight: bold;}


input[type="submit"] {width: 200px; height: 24px; margin:0; border:0; background: none; background-image: url(img/submit.png);  padding: 0 0 0 20px; font-family: "trebuchet MS",Arial,sans-serif; font-size: 14px; color: white; font-weight: bold; position: relative; top: 0px;}
input[type="text"] {border: 1px solid #a0a0a0; padding: 2px 6px; }
input[name="pocet"] {width: 20px;margin-right: 6px;}

/* layout  */
#hlavicka {margin: auto; width: 941px; height: 424px; padding: 22px 0 0 19px; background-image: url(img/obsah_top.png); background-repeat: no-repeat; background-position: 19px bottom; position: relative;}
#hlavicka2 {margin: auto; width: 941px; height: 413px; padding: 22px 0 0 19px;  position: relative;}
#obsah_container {margin:auto; width: 920px; padding: 0 20px 0 20px;}
#obsah {background-color: #dcdcdc; background-image: url(img/pani.png); background-repeat: no-repeat; background-position: left bottom; min-height: 171px;padding: 10px 0 0 171px;}
#paticka {width: 946px; margin: auto; padding: 39px 0 10px 14px; background-image: url(img/obsah_bottom.png); background-position: 19px top; background-repeat: no-repeat;position: relative;}


#proklik {display: block; width: 345px; height: 100px; background-image: url(img/logo.png); text-decoration: none; margin-bottom: 16px; margin-top: -3px;}
#menu a {display: block; width: 270px; height: 35px; padding: 9px 0 0 69px; background-image: url(img/menu.png); font-family: "trebuchet MS",Arial,sans-serif; font-size: 20px; &line-height: 26px; &padding-top: 5px; &height:39px; color: white; text-decoration: none;}
#menu a:hover {background-image: url(img/menu_sel.png);}
#menu a.facebook {background-image: url(img/facebook.png);}
#menu a.facebook:hover {background-image: url(img/facebook_sel.png);}
#menu a.koupit {background-image: url(img/koupit.png); height:42px; padding-top: 14px; &padding-top: 10px; &height:46px;}
#menu a.koupit:hover {background-image: url(img/koupit_sel.png);}

#flash {background-image: url(img/bg_flash.png); width: 554px; height: 412px; padding: 0 0 0 48px; position: absolute; left: 359px; top: 22px;}

#obsah h1 {margin-right: 30px;}

#paticka a {color: black; line-height: 22px;}
#paticka > img {position: absolute; right:20px; top:35px;}
#paticka > .odkazy {word-spacing: 5px; text-align: left; }
#paticka > .odkazy a {word-spacing: 0; }
#paticka > .odkazy a.facebook {background-image: url(img/facebook_paticka.png); background-position: left 2px; background-repeat: no-repeat; font-weight: normal; padding: 3px 0 2px 23px;}
#paticka > .odkazy td{vertical-align: top;}

#obsah a.galerie {width: 230px; margin-right: 9px; margin-bottom: 8px; min-height: 102px; display: inline-block;  vertical-align: top; text-align: center; font-size: 11px; line-height: 14px;}
#obsah a.galerie img {padding: 2px; border: 1px solid #b4b4b4; display: block;}
#obsah a:hover img {border: 1px solid #C35862;}
#obsah p > a.galerie {display: block; float: left;}

#produkt {width: 300px; float: left;}
#produkt a img {display: block; float: left; padding: 1px; background-color: white; border: 1px solid #a0a0a0;}
#produkt a:first-child img {display: block; margin-bottom: 7px;}

form#popis {width: 425px;float: left;margin-left: 12px;}
form#popis table {margin-top: 0px;}
form#popis table tr th,form#popis table tr td {padding: 8px; border-bottom: 1px solid #a0a0a0; text-align: left; vertical-align: middle; font-weight: normal;}
form#popis table tr td {text-align: right;}
form#popis table tr td strong {font-weight: bold; color: #008000;}
form#popis table tr.cena th {font-weight: bold;}
form#popis table tr.cena td {font-size: 22px; font-weight: bold; color: #d40050;}
form#popis table tr.cena td small {font-size: 17px; font-weight: normal;}
form#popis table tr.kosik td, form#popis table tr.kosik th {padding-top: 12px;border-bottom: 0;}

table.udaje {width: 360px; float: left; }
table.udaje tr td {padding: 2px 6px 2px 6px; min-width: 100px; text-align: left; vertical-align: middle;}
table.udaje tr td input[name="txtZipCode"] {width: 70px;}

table.udaje tr td select {width: 222px;border: 1px solid #a0a0a0;}
table.udaje tr td.napiste {vertical-align: top; padding-top:3px;}
table.udaje tr td textarea {width: 220px; height: 130px; border: 1px solid #a0a0a0;}

table.kosik {width: 720px; clear: both; margin-top: 20px;}
table.kosik tr th,table.kosik tr td {padding: 2px 6px; border-bottom: 1px solid #a0a0a0; text-align: left;}
table.kosik tr th {background-color: #909090;}
table.kosik tr td.mnozstvi {width: 80px;}
table.kosik tr td.mnozstvi input {width: 60px; text-align: right;}
table.kosik tr .cena {text-align: center;}

.odeslat {margin-top: 20px; text-align: right; margin-right: 30px; padding-bottom: 4px;}

div.koule { background-color: #ED93B5; margin: 0 30px 15px 0;}
div.koule p {padding: 15px 14px 10px 20px; margin:0;}
div.koule p strong {font-size: 22px; font-weight: normal; display:block; margin-bottom:8px;}
p strong:first-child {font-size: 13px; font-weight: bold;}
div.koule p em {font-weight: bold; font-style: normal;}
div.koule p.cisty {padding-top: 10px;}

.levy_sloupec,.pravy_sloupec {width: 360px; float: left; padding-right: 14px; border-right: 1px solid #a0a0a0; margin-bottom: 10px;}
.levy_sloupec p,.pravy_sloupec p {margin:0; padding:0;}
.pravy_sloupec {border:0; margin-right:0; width: 320px;padding-left: 16px;border-left: 1px solid #a0a0a0;position: relative;left: -1px;}

p.unimportant {font-size: 12px; color: #505050;}

.body {float: left; width: 584px;}

.obrazky {float: left; width: 160px;}

ul.seznam {list-style-type: none; margin:3px 0 0 0; padding:0 0 6px 0;}
ul.seznam li {margin:0; padding: 0 0 0 11px;background-image: url(img/vice.png); background-repeat: no-repeat; background-position: left 7px; white-space: nowrap;}

ol.seznam { margin:3px 0 0 0px; padding-left: 25px; padding-right: 15px; }
ol.seznam li {margin:0 0 5px 0; padding: 0 0 0 0px; }
.ruzova {color: #d40050;}
table.kontakty td{padding-right: 50px; vertical-align: top;}

img.napsali{

	height: 50px;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
}
div.napsali-cela{
	width: 710px;
	float: left;
	margin-top: 3px;
}
#obsah div.napsali-cela a:hover img,
#obsah div.napsali-prava a:hover img,
#obsah div.napsali-leva a:hover img{
		border: none;
}
.napsali-leva{
	width: 355px;
	float: left;
	margin-top: 5px;
}
.napsali-prava{
	width: 355px;
	float: right;
	margin-top: 5px;
}

.napsali-leva p, .napsali-prava p{
	margin-top: 10px; 
}
#podmenu{
	margin: 24px 0px 10px 1px;
	width: 920px;	
	/* height: 34px; */
	height: 43px;	
	float: left;
	margin-left: 1px;
}
#podmenu div.left{
	width: 15px;
	height: 43px;
	/* height: 34px; */
	float: left;
	background-image: url(img/podmenu-left2.png);
}
#podmenu div.right{
	width: 15px;
	height: 43px;
	/* height: 34px; */
	float: left;
	background-image: url(img/podmenu-right2.png);
}
#podmenu div.middle{
	width: 890px;
	height: 43px;
	/* height: 34px; */
	float: left;
	background-image: url(img/podmenu-middle2.png);
	background-repeat: repeat-x;
	background-position: top;
	/* background-color: #D3004F; */
}
#podmenu div.middle2{
	margin-left: 138px;
}
#podmenu div.podmenu{
	float: left;
	/* color: white; */
	color: #BE034A;
}
#podmenu div.cara{
	width: 1px;
	/* height: 30px; */
	height: 39px;
	margin-top: 2px;
	/* background-color: #FF9FC3; */
	background-color: #690028;
	float: left;
}
#podmenu div a{
	text-decoration: none;
	font-family: "trebuchet MS",Arial,sans-serif;
	font-size: 16px;
	color: white;
	display: block;
	/* height: 26px; */
	/* padding-top: 8px; */
	height: 30px;
	padding-top: 15px;
	
	padding-left: 20px;
	padding-right: 20px;
}
#podmenu div a:hover{
	/* background-color: #690028; */
	background-color: #D3004F;
}
#podmenu div.active{
	/* background-color: #690028; */
	background-color: #D3004F;
}
div.otazka div.odpoved{
	margin-left: 17px;
	margin-top: 3px;
}
div.otazka h3{
	font-size: 18px;
}
div#pruh{
	float:left;
	width: 920px;
	margin: auto;
	height: 2px;
}
div#pruh div.prouzek{
	height: 2px;
	background-color: #D40050;
	float: left;
}
div.sloupec{
	width: 330px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div.sloupec2{
	width: 350px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div.sloupec h3,div.sloupec2 h3{
	margin-top: 0px;
	font-size: 18px;
	background-image: url(img/odrazka.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	font-weight: normal;
}
div.sloupec ul,div.sloupec2 ul{
	margin-top: 5px;
	padding-left: 0px;
	list-style-type: none;
}

div.sloupec ul li,div.sloupec2 ul li{
	padding-left: 20px;
	margin-bottom: 3px;
}

input[name="voucher_code"]{width: 186px;margin-bottom: 5px;}

span.strike {text-decoration: line-through; color: #808080;}
span.cenaTitle {font-weight: normal;}
span.sleva { position: absolute; font-weight: normal; color: #D40050; padding-left: 15px;}
span.sleva em {font-weight: bold; font-size: 22px; font-style: normal;}