/* basics */

body {
	behavior: url(http://www.loutky.cz/content/javascripts/csshover2.htc);
}

* {zoom:1;}

html, body {padding: 0; margin: 0;}

body {background: #232323 url(http://www.loutky.cz/content/images/design/2008/background.png) center top repeat-x; color: #fff;  font-family: Tahoma, Arial, sans-serif; padding-bottom:20px;}

div#page {font-size:80%; width: 970px;  margin: 0 auto; background:url(http://www.loutky.cz/content/images/design/2008/page.jpg) 0px top repeat-y; position: relative;}

h1, h2, h3, h4, h5, h6 {color:#b08e30; margin:0.3em 0;}

h1 {
	font-size: 160%;
	font-weight:normal;
}

h2 {
	font-size: 140%;
	font-weight:normal;
}

h3 {
	font-size: 125%;
	font-weight: normal;
}

h4 {
	font-size: 100%;
}

h5, h6 {
	font-size: 100%;
	font-weight: normal;
}


h2 a, h2 a:hover, h2 a:visited, h2 a:active {color:#b08e30;}
h2 a:hover {text-decoration:none;}


p {line-height: 130%; margin: 0.5em 0;}

a {color: #f7d98d;}

a:visited {color: #DBC497;}

a:hover {color: #fff;}

sub, sup {vertical-align: baseline; position: relative;}

sub {top: 0.4em;}

sup {bottom: 0.4em;}

abbr, acronym {cursor: help;}

address {font-style: normal;}

table {border: 0;}

table th {padding: 5px 9px; background: #222;}

table td {padding: 5px 9px; background: #111;}

li {margin: 0.4em 0; line-height: 130%;}

form {margin: 0;}

kbd {
	padding: 0 2px;
	background: #999;
	border-top: 1px solid #777;
	border-left: 1px solid #777;
	border-bottom: 2px solid #bbb;
	border-right: 2px solid #bbb;
	color: #000;
	-moz-border-radius: 4px;
}

a img {border:0;}

.invisible {display: none;}

.cleaner {clear: both;  font-size:1px;  height:1px; }

.yellow {color:#b08e30;}

/* header */

div#header {width:970px; height:252px; background:url(http://www.loutky.cz/content/images/design/2008/header.jpg) top left no-repeat; position:relative;}

div#header.en {background-image:url(http://www.loutky.cz/content/images/design/2008/header-en.png);}

div#header h1 {margin:0; width:208px; height:154px; position:absolute; top:22px; left:47px; font-size:130%;}
div#header h1 a {text-decoration:none;}
div#header h1 a span {display:block; width:208px; height:154px; position:absolute; top:0; left:0; cursor:pointer; background: url(http://www.loutky.cz/content/images/design/2008/header.jpg) -47px -22px no-repeat;}

div#header h2 {margin:0; width:312px; height:25px; position:absolute; top:106px; left:335px; overflow:hidden;}
div#header h2 span {display:block; width:312px; height:25px; position:absolute; top:0; left:0; background: url(http://www.loutky.cz/content/images/design/2008/header.jpg) -335px -106px no-repeat;}
div#header.en h2 span {background-image: url(http://www.loutky.cz/content/images/design/2008/header-en.png);}

ul#nav {margin:0; padding:0 0 0 5px; width:450px; height:25px; position:absolute; top:182px; left:375px; background:url(http://www.loutky.cz/content/images/design/2008/nav-dot.png) left 5px no-repeat; *font-size:13px;}
ul#nav li {margin:0; padding:0 0 7px 0; list-style:none; float:left; _width:1px; _white-space:nowrap;}
ul#nav li a, ul#nav li a:visited {color: #f7d98d; display:block; text-transform:uppercase; text-decoration:none; padding-right:14px; margin-left:10px; background:url(http://www.loutky.cz/content/images/design/2008/nav-dot.png) right 5px no-repeat;}
ul#nav li a:hover {text-decoration:underline; color: #f7d98d;}
ul#nav li.menuactive {background:url(http://www.loutky.cz/content/images/design/2008/nav-arrow.png) center bottom no-repeat;}
ul#nav li.menuactive a, ul#nav li.menuactive a:hover, ul#nav li.menuactive a:visited {text-decoration:none; color:#fff; font-weight:bold;}

div#cart {color:#000;}
div#cart h3 {margin:0; width:65px; height:18px; overflow:hidden; position:absolute; top:84px; left:769px;}
div#cart h3 span {display:block; width:65px; height:18px; position:absolute; top:0; left:0; cursor:pointer; background: url(http://www.loutky.cz/content/images/design/2008/header.jpg) -769px -84px no-repeat;}
div#header.en div#cart h3 span {background-image: url(http://www.loutky.cz/content/images/design/2008/header-en.png);}
div#cart p {margin:0; position:absolute; top:115px; left:724px;}
div#cart div.readmore {margin:0; position:absolute; top:115px; left:724px; width:135px; padding-top:1.25em; text-align:right;}
div#cart a {color:#9f2924;}

div#lang a {display:block; width:22px; height:20px; position:absolute; top:0; text-decoration:none; overflow:hidden;}
div#lang a span {display:block; width:22px; height:20px; position:absolute; top:0; left:0; cursor:pointer; background:url(http://www.loutky.cz/content/images/design/2008/header.jpg) no-repeat;}

div#lang a.cz {left:848px;}
div#lang a.cz span {background-position:-848px 0;}

div#lang a.en {left:890px;}
div#lang a.en span {background-position:-890px 0;}

/* col */

div#col {width:181px; float:left; margin-left:55px; margin-top:-30px; _display:inline;}

div#col h3.col-heading {margin:5px auto 10px auto; height:23px; padding-top:3px; font-size:110%; text-align:center; position:relative; left:3px; overflow:hidden;}
div#col h3.col-heading span {display:block; height:26px; position:absolute; top:0; left:0;}

div#col h3#col-menu-cz {height:23px; width:81px;}
div#col h3#col-menu-cz span {height:23px; width:81px; background: url(http://www.loutky.cz/content/images/design/2008/h3-menu-cz.gif) top left no-repeat;}

div#col h3#col-menu-en {width:142px; position:relative; left:9px;}
div#col h3#col-menu-en span {width:142px; background: url(http://www.loutky.cz/content/images/design/2008/h3-menu-en.gif) top left no-repeat;}

div#col h3#col-search-cz {width:142px;}
div#col h3#col-search-cz span {width:142px; background: url(http://www.loutky.cz/content/images/design/2008/h3-search-cz.gif) top left no-repeat;}

div#col h3#col-search-en {width:142px; position:relative; left:2px;}
div#col h3#col-search-en span {width:142px; background: url(http://www.loutky.cz/content/images/design/2008/h3-search-en.gif) top left no-repeat;}

div#col h3#col-news-cz {width:142px;}
div#col h3#col-news-cz span {width:142px; background: url(http://www.loutky.cz/content/images/design/2008/h3-news-cz.gif) top left no-repeat;}

div#col h3#col-news-en {width:142px; position:relative; left:-2px;}
div#col h3#col-news-en span {width:142px; background: url(http://www.loutky.cz/content/images/design/2008/h3-news-en.gif) top left no-repeat;}

div#col h3#col-contact-cz {width:142px;}
div#col h3#col-contact-cz span {width:142px; background: url(http://www.loutky.cz/content/images/design/2008/h3-contact-cz.gif) top left no-repeat;}

div#col h3#col-contact-en {width:142px;}
div#col h3#col-contact-en span {width:142px; background: url(http://www.loutky.cz/content/images/design/2008/h3-contact-en.gif) top left no-repeat;}

div#col div.cards {text-align:center; margin:0.5em 0;}

span.ornament {display:block; margin:30px auto 10px auto; position:relative; left:-3px; width:192px; height:29px; background: url(http://www.loutky.cz/content/images/design/2008/ornament.gif) top left no-repeat;}

ul#menu {margin:0; padding:0;}
ul#menu li {margin:0; padding:0.5em 0 0.6em 0; list-style:none; background: url(http://www.loutky.cz/content/images/design/2008/col-dotted.png) left bottom repeat-x;}
ul#menu li a {display:block; text-transform:uppercase; padding-left:14px; background: url(http://www.loutky.cz/content/images/design/2008/col-dot-small.png) left center no-repeat;}
ul#menu li a:hover {color:#fff;}
ul#menu li.menuactive a, ul#menu li.menuactive a:hover, ul#menu li.menuactive a:visited {color:#fff; text-decoration:none; font-weight:bold; background: url(http://www.loutky.cz/content/images/design/2008/col-dot-large.png) left center no-repeat;}

form#search input#searchstring {width:166px;}
form#search select#type, form#search select#size, form#search select#author, form#search select#price {width:170px;}
form#search input.submit {display:block; margin:0 auto; letter-spacing:1px; padding:0 3px;}

/* news summary */

div.news-list-date {font-size:85%; margin-top:20px;}
h3.news-list-title {margin:0; font-size:100%; font-weight:bold; color: #dbc497;}/*dbc497 */
div.news-list-summary p {margin:0;}

/* news detail */

p.date {color:#999; font-size:85%;}
div.summary {font-weight:bold; color:#ddd; margin-bottom:1em;}

/* content */

div#content {width:633px; float:right; margin-right:55px;  _display:inline;}

div#content p {line-height:135%; text-align:justify;}

div#content li {line-height:135%; margin:0.2em 0;}

div#content ul {margin:0.7em 0; padding:0;}
div#content ul li {padding:0 0 0 40px; list-style:none; background:url(http://www.loutky.cz/content/images/design/2008/bullet-1.png) 27px 5px no-repeat;}
div#content ul li li {background-image:url(http://www.loutky.cz/content/images/design/2008/bullet-2.png);}

div#breadcrumbs {font-size:85%; margin-bottom:20px;}

a.button-cart-long, a.button-cart, a.button-detail, a.button-back {display:block; height:32px; position:relative; overflow:hidden; font-size:85%; text-decoration:none;}
a.button-cart-long span, a.button-cart span, a.button-detail span, a.button-back span {display:block; height:32px; position:absolute; top:0; left:0; cursor:pointer;}
a.button-cart-long {width:129px; text-decoration:none;}
a.button-cart-long span {width:129px; background:url(http://www.loutky.cz/content/images/design/2008/button-cart-long.png) top left no-repeat;}
div.product-box-buttons a.button-cart {width:43px; text-decoration:none;}
a.button-cart span {width:43px; background:url(http://www.loutky.cz/content/images/design/2008/button-cart.png) top left no-repeat;}
a.button-detail {width:73px;}
a.button-detail span {width:73px; background:url(http://www.loutky.cz/content/images/design/2008/button-detail.png) top left no-repeat;}
a.button-back {width:73px;}
a.button-back span {width:73px; background:url(http://www.loutky.cz/content/images/design/2008/button-back.png) top left no-repeat;}
a.button-cart-long:hover span, a.button-cart:hover span, a.button-detail:hover span, a.button-back:hover span {background-position:left -32px;}

a.button-cart-long.en span {background-image:url(http://www.loutky.cz/content/images/design/2008/button-cart-long-en.png);}
a.button-back.en span {background-image:url(http://www.loutky.cz/content/images/design/2008/button-back-en.png);}

div.box-large {margin:20px 0; padding:30px 30px 0 30px; background: url(http://www.loutky.cz/content/images/design/2008/box-large.jpg) center top no-repeat; min-height:100px; _height:100px;}
div.box-large h2 {margin-top:0;}

a.product-detail-photo {display:block; float:left;}
a.product-detail-photo img {border:1px solid #353535; display:block; margin-right:20px;}
div.product-detail-content h2 {margin:0; font-size:145%; font-weight:normal;}
div.product-detail-content h2 a, div.product-detail-content h2 a:visited  {text-decoration:none; color:#b08e33;}
strong.price {color:#b08e33;}
span.price {font-size:90%; *font-size:85%; color:#888;}
span.price strong {color:#aaa;}
div.product-detail-thumnails {height:88px;}
div.product-detail-thumnails a {display:block; float:left;}
div.product-detail-thumnails img {border:1px solid #353535; display:block; margin-right:5px;}

div.product-detail-back a.button-back {margin:0 auto;}

div.product-box {width:142px; padding:10px 30px 0 30px; height:28em; float:left; background: url(http://www.loutky.cz/content/images/design/2008/box-small.jpg) center top no-repeat; margin-top:20px; margin-right:12px;}
div.product-box.right {margin-right:0;}
div.product-box h3 {font-size:120%; margin:0 0 10px 0; text-align:center;}
div.product-box h3 a, div.product-box h3 a:visited {text-decoration:none; color:#b08e33;}
div.product-box div {text-align:center;}
div.product-box img {border:1px solid #353535;}
div.product-box-buttons {text-align:left; width:100%; height:32px; position:relative;}
div.product-box-buttons a.button-detail {position:absolute; top:0; left:0;}
div.product-box-buttons a.button-cart {position:absolute; top:0; right:0;}
div.product-box span.price {display:block; padding-left:3em; text-align:left;}
div.authors {margin:20px 0;}
div.authors a {margin: 0 7px;}
form#ordering select {background:#000; border:1px solid #BFBFBF; color:#BFBFBF;}
div#content p.pager {text-align:center; margin:1em 0;}
table.eshop {width: 100%;}
table.eshop th {text-align:left; padding-left:10px; border:1px solid #e4d5af; background: #5e201a; color: #dbc490;}
table.eshop td {text-align:left; padding-left:10px; border:1px solid #505050; background:none;}
input.short {width:45px;}

form#main p input#update {border: 0; background: #232323 url(http://www.loutky.cz/content/images/design/2008/update-price.png) no-repeat; color: #f7d98d; cursor: pointer; text-decoration:underline; padding: 0 0 0 18px; =padding: 0; margin: 0 0 0 1px;}
form#main p a#clear-cart {background: url(http://www.loutky.cz/content/images/design/2008/clear-cart.png) no-repeat; color: #f7d98d; text-decoration: none; =text-decoration: underline; padding: 0 0 0 22px; font-family: arial;}
form#main p input#update:hover, form#main p a#clear-cart:hover {color: #fff;}

input#proceed {float: right;}
p a#go-back {text-decoration: none; =text-decoration: underline;}

p.pager {font-size:90%; padding:30px;}

/* footer */

div#footer {clear:both; height:63px; background: url(http://www.loutky.cz/content/images/design/2008/footer.gif) top left no-repeat; position:relative;}
div#footer p {margin:10px 55px 0 280px; text-align:right; padding-top:10px; font-size:85%; color:#666; line-height:160%; background: url(http://www.loutky.cz/content/images/design/2008/content-dotted.png) top repeat-x;}
div#footer a#footer-top {font-size:85%; background: url(http://www.loutky.cz/content/images/design/2008/up.gif) left 5px no-repeat; padding-left:10px; position:absolute; top:10px; left:280px;}

/* obchody */

div#content div.obchod {display: block; width: 100%; float: left;}
div#content div.obchod img {margin: 5px 20px 0 0; border:1px solid #353535;}
div#content div.obchod img {display:block; float: left;}
div#content div.obchod a {*display:block; *float: left;}


div#content div.obchod div.thumbs {
 display: block;
 float: left;
 width: 100%;
 margin: 10px 0 20px 0;
}

div#content div.obchod div.thumbs img {
 margin: 0 10px 0 0;
}

/* contact form */

form#contact-form label {
	display: block;
	float: left;
	width: 6em;
}

form#contact-form p#contact_form_send {
	padding-left:6em;
}


#contact-form .vertical-resizer{
  margin-left: 0;
  width: 394px !important;
}

#contact-form textarea{
  overflow: auto;
}


#customer, #businessman {display:none; margin-top:10px;}

div#page p#custinfo-back {margin-top:-15px; margin-bottom:1em;}

#custinfoForm label {
	display: block;
	float: left;
	width: 11em;
	margin-right: 0.5em;
	text-align: left;
	clear: both;
}

#custinfoForm label.nofloatlabel {
	display: inline;
	float: none;
	width: auto;
	margin-right: 0.5em;
	clear: none;
}

#custinfoForm label.long {width: 21em;}
#custinfoForm input {padding: 2px; width: 180px;}
#custinfoForm input.long {margin-top: 5px;width: 250px;}
#custinfoForm input.submit {width: auto;}
#custinfoForm textarea {clear: both; width:90%; padding: 3px;}

#custinfoForm input#traffic-personal,
#custinfoForm input#traffic-send,
#custinfoForm input#payment-cash,
#custinfoForm input#payment-cashless {width:1em;}

#orderingForm {margin-top:1em;}

ul.author
{
	width: 250px;
	float: left;
}

a.author
{
	margin-left: 20px;
}

div#map {height: 380px; color: #000;}
#map
{	
	width:570px; 
	height:380px; 
	border: 1px solid silver;
	margin-bottom: 10px;
	background: url(http://www.loutky.cz/content/images/design/2008/map.jpg) no-repeat;
	color: #000;
}

#map table td {
	padding: 0;
	background: none;
	border: 0;
}
.vertical-resizer
{
	width: 420px;
	margin-left: 76px;
}
#custinfoForm .vertical-resizer
{
	width: 528px;
	margin-left: 0;
}