/* CSS DOCUMENT */

* {margin: 0; padding: 0; border: 0; font-family: "Trebuchet MS", Trebuchet, "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;}

body{
font-size: 78%;
text-align: center;
color: #000;
background: #F6C24C;
}

/* LINKS */
a{color: #4D84E8; text-decoration: underline; font-weight: bold}
a:hover{color: #07035D}
.shop a:hover, .shop a, #foot a{color: #4D84E8; text-decoration: none}
.ilinks a, #foot a{font-weight: normal; color: #07035D; text-decoration: underline}
.ilinks a:hover, #foot a:hover{color: #4D84E8}

/* HEADINGS //{{{ */

h1, h1 span{
position: absolute;
bottom: 0;
left: 0;
width: 203px;
height: 21px;
font-size: 20px;
font-weight: 900;
font-style: italic;
cursor: hand;
cursor: pointer;
overflow: hidden;
text-align: center;
}

h1 span{
display: block;
top: 0;
left: 0;
background: url('./harlequin/hampson.gif') 0 0 no-repeat;
}

#kostra #head h2, #kostra #head h2 span{
position: absolute;
top: 60px;
right: 50px;
width: 183px;
height: 35px;
margin: 0;
font-size: 22px;
font-weight: 600;
color: #F9E6BA;
overflow: hidden;
text-align: center;
z-index: 9;
}

#kostra #head h2 span{
display: block;
top: 0;
right: 0;
background: url('./harlequin/ucime_jinak.gif') 0 0 no-repeat;
}
#kostra #head h2.en, #kostra #head h2.en span{
width: 210px;
}

#kostra #head h2.en span{
display: block;
top: 0;
right: 0;
background: url('./harlequin/ucime_jinak_en.gif') 0 0 no-repeat;
}

#kostra h2{
clear: right;
margin: 1.5em 30px 0.6em 30px;
font-weight: 700;
font-size: 1.8em;
color: #07035D;
}

#kostra h2 span{font-size: 0.6em}

#menu h2, .order legend{
clear: both;
margin: 1em 10px 0.15em 10px;
font-size: 1.25em;
font-weight: bold;
color: #F9E6BA
}
h2 small{
display: block;
font-size: 0.6em
}

h3{
margin: 1em 30px 0.5em 30px;
font-size: 1.5em;
text-decoration: none;
font-weight: 500;
color: #07035D
}
h3 small{
position: relative;
top: -0.3em;
font-weight: bold;
font-size: 0.7em;
}

h4{
margin: 0.66em 30px 0.33em 30px;
font-size: 1.1em;
font-weight: bold
}

/* //}}} */

/* IDENTIFICATORS AND CLASSES */

#iebody{
margin: 87px 0 40px 0;
width: 100%;
border-top: 1px solid #07035D;
border-bottom: 1px solid #07035D;
}

#kostra{
position: relative;
width: 720px;
height: 100px;
margin: 0 auto -40px auto;
padding: 0 0 70px 0;
font-size: 0.98em;
text-align: left;
background: #F9E6BA url('./harlequin/kostra_bg.gif') 128px 0 no-repeat;
border-left: 201px solid #07035D;
border-right: 1px solid #07035D;
/*overflow: visible*/
}
#kostra[id]{width: 520px; height: auto;}

	/* HEAD ITEMS //{{{ */
#head{
position: absolute;
top: -88px;
left: -201px;
width: 737px;
height: 87px;
padding: 0;
background: url('./harlequin/head_bg.png') 100% 100% no-repeat;
overflow: visible;
}

#head_puzzle{
position: absolute;
bottom: -1px;
width: 197px;
height: 87px;
left: 305px;
z-index: 3;
}
#head_puzzle[id]{bottom: 0}
/* //}}} */

	/* MENU ITEMS //{{{ */
#menu{
position: relative;
left: -200px;
float: left;
width: 200px;
margin: 0 -200px 0 0;
color: #F9E6BA;
z-index: 8
}

#navigace{
list-style-type: none;
letter-spacing: 0.04em;
}
#navigace ul{display: none; list-style-type: none; width: 200px}

#navigace li{
clear: both;
position: relative;
width: 200px;
height: 30px;
line-height: 30px;
border-bottom: 1px solid #F9E6BA;
overflow: visible;
visibility: expression(
	this.onmouseover = new Function("this.className += ' hover';"),
	this.onmouseout = new Function("this.className = this.className.replace(' hover', '')"));
}

#navigace li.hover{float: left}
#navigace li.hover li{float: none}

#navigace li:hover ul, #navigace li.hover ul{
float: right;
display: block;
position: absolute;
left: 200px;
top: 0;
letter-spacing: 0;
background: #07035D;
z-index: 9
}
#navigace li:hover ul li, #navigace li.hover ul li{
width: auto;
height: 30px;
}

#navigace li:hover ul a, #navigace li.hover ul a{
background: none;
font-size: 11px
}

#navigace a{
/* position: relative */
display: block;
height: 30px;
padding-left: 10px;
font-size: 15px;
font-weight: bold;
text-decoration: none;
color: #F9E6BA;
background-color: transparent;
background-position: 0 0;
background-repeat: no-repeat
}
#navigace a:hover{color: #F6C24C; background-position: 0 -30px}

#navigace .hampson a{background-image: url(./harlequin/nav_hampson.gif)}
#navigace .ucime a{background-image: url(./harlequin/nav_ucime.gif)}
#navigace .vybrat a{background-image: url(./harlequin/nav_vybrat.gif)}
#navigace .kurzy a{background-image: url(./harlequin/nav_kurzy.gif)}
#navigace .kontakt a{background-image: url(./harlequin/nav_kontakt.gif)}
#navigace .onas a{background-image: url(./harlequin/nav_onas.gif)}
#navigace .cleni a{background-image: url(./harlequin/nav_cleni.gif)}

.shop{
margin: 5px 10px;
height: 80px;
color: #07035D;
background: #F9E6BA;
overflow: hidden;
}
.shop div{
height: 100%;
position: relative;
font-size: 0.85em;
border: 3px double #07035D;
overflow: hidden;
}
.shop[class] div{
height: 74px
}

.shop .thumb{
position: relative;
display: inline;
float: left;
width: 70px;
margin: 2px 3px 2px 2px;
z-index: 6
}
.shop p{margin-left: 3px}
.shop .link{
position: absolute;
bottom: 1px;
right: 3px;
width: 95%;
text-align: right;
background: #F9E6BA;
z-index: 5
}

.shop .desc{
display: inline;
float: right;
width: 90px;
margin: 2px 2px 2px 0
}

.fb {
margin: 20px 11px 10px 11px;
font-size: 1.2em;
color: #07035D;
background: #F9E6BA;
overflow: hidden;
}

.fb div {
margin: 1px;
position: relative;
font-size: 0.85em;
background: url('./harlequin/facebook.png') 9px 50% no-repeat;
border: 1px double #07035D;
overflow: hidden;
}

.fb a {
	font-weight: bold;
}

.fb p {
	margin: 10px 5px 10px 72px;
}

.order fieldset{
position: relative;
width: 180px;
margin: 5px 10px;
}
.order legend{
position: absolute;
top: 0;
left: 0;
display: block;
}
.order select{
float: left;
width: 130px;
font-size: 0.9em;
height: 20px;
padding: 2px 0;
background: #F9E6BA;
vertical-align: middle;
}
.order .sdiv{float: right; width: 40px; height: 22px; background: #F9E6BA;}
.order .submit{
width: 38px;
height: 20px;
line-height: 16px;
font-size: 0.9em;
font-weight: bold;
color: #4D84E8;
background: transparent;
border: 1px solid #07035D;
margin: 1px;
}
/* //}}} */

	/* CONTENT ITEMS //{{{ */
#navbar{
position: relative;
width: 100%;
height: 3em;
min-height: 30px;
font-size: 0.9em;
font-weight: bold;
border-bottom: 1px solid #07035D;
background: url('./harlequin/kostra_bg.gif') 128px 0 no-repeat;
z-index: 5
}
#navbar[id]{border-top: 1px solid #F9E6BA;}

#navbar #lang{
position: absolute;
right: 0;
top: 0;
}

#content #navbar p{
margin: 6px 30px 0 30px;
font-size: 1.1em;
text-indent: 0
}

#content{font-size: 0.92em}

#content p, #content address, #content table{
margin: 0.3em 30px;
text-indent: 1em;
line-height: 1.6em;
text-align: justify
}

#content blockquote {
	margin: 0.5em 30px;
	padding: 0.5em 0;
	border: 1px solid #F6C24C;
	background: #FBEFD1;
}

#content address{
font-style: normal;
text-indent: 0;
}

#content p.perex{
margin: 1em 30px;
font-weight: bold
}

#content ol, #content ul{
margin: 0.3em 30px 0.3em 50px;
line-height: 1.6em;
list-style-position: outside
}
#content ol{margin: 0.66em 30px 0.66em 50px}

#content ul{
list-style: none;
}
#content ul li{
list-style: url('./harlequin/bullet.gif');
/*background: url('./harlequin/bullet.gif') 0 1px no-repeat;*/
padding-left: 2px;
}
#content ul li.inverse{
list-style: url('./harlequin/bullet-inverse.gif');
}

#content ul.doubleline li, #content ol.doubleline li{
margin: 1em auto;
}

#content li p, #content li *, #content table p{
margin: 0.1em 0;
text-indent: 0
}

#content ul.sitemap ul li{
list-style: none;
list-style-image: none
}
#content ul.sitemap ul{margin: 0.3em 2em}

#content table{text-indent: 0; font-size: 1em; border-collapse: collapse}
#content table th, #content table td{padding: 3px 2px}
#content table th{font-weight: normal; text-align: right; width: 9em;}

#index_puzzle_div{
position: relative;
margin: 4em 0 0 0;
border: 1px solid #F9E6BA;
}
#index_puzzle_img{
position: relative;
right: 10px;
}
#index_puzzle_ul, #index_puzzle_ul li{
color: #07035D;
list-style: none !important;
}
#index_puzzle_ul strong{
font-size: 0.9em
}
#index_puzzle_ul h4{
font-size: 1.2em;
font-weight: bold;
}
#intense{
position: absolute;
left: 305px;
/*bottom: 305px;*/
top: -6px;
}
#ptyrov{
position: absolute;
right: 347px;
/*bottom: 250px;*/
top: 47px;
text-align: right
}
#mboleslav{
position: absolute;
right: 285px;
top: 250px;
}

.imgright, .imgleft{
float: right;
margin: 0 15px 15px 15px;
border: 1px solid #07035D;
}
.imgleft{
float: left;
}

div.iefix{
border-bottom: 1px solid #F9E6BA;
}

.gallery{text-indent: 0 !important; text-align: center !important}
.gallery a{text-decoration: none !important}
.gallery img{
margin: 8px;
border: 1px solid #07035D;
}

.sidebar{
float: right;
width: 282px;
}
/*.sidebar[class]{width: auto}*/
/* //}}} */

	/* FORMS //{{{ */
form *{font-size: 1em;}

.input, textarea{
width: 280px;
padding: 1px 3px;
border: 1px solid #F6C24C
}
textarea{height: 8em; line-height: 1.33em}
.forced{border-left: 3px solid #07035D}

/* //}}} */

/* FOOT ITEMS //{{{ */

#foot{
clear: both;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 40px;
font-size: 11px;
background: #F9E6BA;
/*border-top: 1px solid #07035D;*/
overflow: visible;
}
#foot div.inner{
border-top: 1px solid #07035D;
/*position: relative;
margin-top: 1px;
height: 40px !important;
background: #F9E6BA;*/
}

#foot p{margin: 2px auto 0 5px}
#foot p.menu{
position: absolute;
right: 100%;
bottom: 3px;
width: 200px;
margin: 2px 5px 0 auto;
text-align: right;
font-weight: bold;
color: #F9E6BA;
z-index: 6;
}

#foot .skypeme {
	margin: 7px 10px 5px 0;
	float: right;
}

/* //}}} */

/* UNIVERSAL */

.sep, .hr{
clear: both;
display: block;
margin: 20px;
font-size: 1px;
border-bottom: 2px solid #E5EDF3;
}

.info{
display: inline;
float: right;
text-align: right !important;
text-indent: 0 !important;
}

.disabled, .disabled * { color: #999 !important; }
.error { color: #C11C1C !important; }
.success { color: #098017 !important; }
.important { color: #C11C1C !important; }

hr, .noscreen{display: none}
.clear{clear: both}
.rclear{clear: right}
.center{text-indent: 0 !important; text-align: center !important}
.vcenter{vertical-align: middle}
.th_right th, .ta_right{text-align: right !important}
.aw{width: auto}
.left{float: left; width: auto;}
.right{float: right; width: auto;}
.noindent{text-indent: 0 !important}
.border{border: 1px solid #07035D}
.red{color: #D11}
.green{color: #181}
/* CSS DOCUMENT */