/*Definovani Layoutu a absolutnich bloku layoutu*/
body {
    text-align:center;
    margin: 0px 0px 40px 0px;
    padding: 0px;
    background: #0C0B07;
    font-family:  Arial,Tahoma, Verdana, Helvetica, sans-serif;
    color: #636059;
    background-image: url("pict/bg_body.jpg");
    background-repeat: repeat-x;
    background-position: 0px 0px;
}


#stranka {
    margin:0px auto;
    position:relative;
    text-align:left;
    width:960px;
    padding:490px 0px 0px 0px;
    background:#000000;
    background-image: url("pict/bg_page.gif");
    background-repeat: repeat-y;
    background-position: 0px 0px;
}


#context {
    width:960px;
}


.bgrpartystany2 {
    background-image: url("images/party-stany/bgr_stany.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}
.bgrpartystany3 {
    background-image: url("images/party-stany/bgr_stany3.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}
.bgrstanykulturniakce {
    background-image: url("images/party-stany/bgr_stany_kulturni_akce.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}
.bgrdvoupodlaznistany {
    background-image: url("images/party-stany/bgr_dvoupodlazni_stany.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}
.bgrmultilight {
    background-image: url("images/party-stany/bgr_stany_multilight.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}
.bgrpagody {
    background-image: url("images/pagody/bgr_pagody.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}
.bgrparovypavilon {
    background-image: url("images/barovy-pavilon/bgr_barovypavilon.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}
.bgrocelovehaly {
    background-image: url("images/skladove-haly/bgr_ocelove_haly.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}
.bgrcaliber {
    background-image: url("images/caliber/bgr_caliber.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}
.bgrinteriery {
    background-image: url("images/interiery/bgr_interiery.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
}



#teloobal {
    float:right;
    width:702px;
    /*background:#F0F9DD;*/
}
#telo {
    width:auto;
    padding:10px 20px 20px 30px;
}

#vlevo {
    float:left;
    width:258px;

}

#hlavicka {
    position:absolute;
    top:0px;
    width:960px;
    height:490px;
    background: #000000;
}


#topheaderabsolut {
    top:0px;
    left:0px;
}


#topmenuabsolut {
    position:absolute;
    top:96px;
    left:0px;
    font-size:9pt;
    color:#333333;
    font-weight:bold;
}

#topmenuabsolut a {
    display:block;
    float:left;
    padding:23px 18px;
    color:#666666;
    text-decoration:none;
    font-size:12pt;
    text-align:center;
    background:#000000;
}
#topmenuabsolut a:hover {
    color:#ffffff;
    text-decoration:underline;
    background:#222222;
}
#topmenuabsolut a.selected {
    color:#ffffff;
    text-decoration:none;
    background:#F18C00;
}
#toplogoabsolut {
    position:absolute;
    top:163px;
    left:0px;
    font-size:9pt;
    color:white;
    font-weight:bold;
}

#toplogoabsolutbutton1 {
    position:absolute;
    top:420px;
    left:310px;
    font-size:9pt;
    color:white;
    font-weight:bold;
}
#toplogoabsolutbutton2 {
    position:absolute;
    top:420px;
    left:794px;
    font-size:9pt;
    color:white;
    font-weight:bold;
}

#hlavicka img {
    border:none;
}

#toplogolanguage {
    position:absolute;
    top:5px;
    right:100px;
}
#toplogolanguage img {
    border:1px solid #666666;
}
#paticka {
    position:relative;
    width:960px;
    clear:both;
    background:#0C0B07;
}
#patickaabsolut {
    position:absolute;
    top:6px;
    right:10px;
    font-size:9pt;
    color:#666666;
}

div.clear, div.reset {
    clear:both;
}






















div.menuheader {
    background:#ffffff;
    width:100%;
    height:3px;
    padding:0px;
    margin:0px;
    font-size:1px;
}

div.menuhlavicka {
    width:100%;
    padding:20px 10px 10px 25px;
    margin:0px;
    font-size:20px;
}


div.menublok {
    text-align:left;
    font-family:  Arial, Trebuchet MS, Helvetica, Verdana, Tahoma, sans-serif;
    font-size:10pt;
    font-weight: normal;
    color:#62615D;
    padding:0px 0px 0px 31px;
    text-decoration:none;
    background-image: url("pict/li_sipka.gif");
    background-repeat: no-repeat;
    background-position: 20px 8px;    
}

div.menublokclear {
    text-align:left;
    font-family:  Arial, Trebuchet MS, Helvetica, Verdana, Tahoma, sans-serif;
    font-size:10pt;
    font-weight: normal;
    color:#62615D;
    padding:0px 0px 0px 18px;
    text-decoration:none;
}

div.menublokselect {
    text-align:left;
    font-family:  Arial, Trebuchet MS, Helvetica, Verdana, Tahoma, sans-serif;
    font-size:10pt;
    font-weight: normal;
    color:#62615D;
    padding:0px 0px 0px 31px;
    text-decoration:none;
    background-image: url("pict/li_sipka.gif");
    background-repeat: no-repeat;
    background-position: 20px 8px;    
}



.menunadpisobal {
}

.menunadpis {
	font-family:  Arial,Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif;
	width:auto;
	font-size : 10pt;
	font-weight: normal;
	text-decoration:none;
	padding: 2px 0px;
	margin-bottom:1px;
	color:#666;
	text-align:left;
}
.menunadpisselect {
	font-family:  Arial,Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif;
	width:auto;
	font-size : 10pt;
	font-weight: normal;
	text-decoration:none;
	padding: 2px 0px;
	margin-bottom:1px;
	text-align:left;
	color:#FF6600;
}

.menunadpisselect a {
    color:#FF6600;
    text-decoration: none;
}

.menunadpis a {
	color:#666;
        text-decoration:none;
}
.menunadpis a:hover {
	color:#ff0000;
        text-decoration:none;
}


div.menuitem {
    font-family:  Arial, Verdana, Tahoma, Helvetica, sans-serif;
    display:block;
    margin-bottom:1px;
}
div.menuitem a {
    display:block;
    font-size:9pt;
    font-weight: normal;
    color:#62615D;
    text-decoration:none;
    margin:0px 0px 0px 0px;
    padding:2px 3px 2px 15px;
}

div.menuitem a:hover {
	color:#FF9900;
}

div.menuitemselected {
    display:block;
    font-size:9pt;
    font-weight: normal;
    color:#FF6600;
}

div.menuitemselected a {
    display:block;
    font-size:9pt;
    font-weight: bold;
    color:#FF6600;
    text-decoration:none;
    margin:0px 0px 0px 0px;
    padding:2px 3px 2px 15px;
}






















/*Obecne definice odstavcu a nadpisu*/
p {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
        color:#62615D;
	margin-top:0.5em;
	font-size: 10pt;
	line-height: 130%;
}

strong {
    color:#dddddd;
    font-weight:normal;
}

p.drobky {
    font-size:8pt;
    margin:0px 0px 20px 0px;
}



h1 {
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    margin:0px 0px 2px 0px;
    padding:0px;
    color:#ffffff;
    font-size:22pt;
    font-weight:normal;
}

h2 {
    font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
    margin:20px 0px;
    color:#bbbbbb;
    font-size:16pt;
    font-weight:normal;
}
h3 {
    font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
    margin:10px 0px;
    /*color:#3C4F77;*/
    color:#666666;
    font-size:14pt;
    font-weight:normal;
}

h1.kategorie {
    font-size:28pt;
}

.bezokraje {
    margin:0px;
}

.okraj {
    border:1px solid #cccccc;
    margin:5px;
}

.rm20 {
    margin-right:20px;
}
.rm10 {
    margin-right:10px;
}

a img.bw {
    filter: none;
}

a:hover img.bw {
    filter: none;
}

img.bwimg {
    filter: none;
}
img.bwimg:hover {
    filter: none;
}

hr {
    border-width:0;
    border-top:1px solid #cccccc;
    height:1px;
}

a {
	color:#FF6600;
	/*color:#FFBE93;*/
}
a:hover {
	/*color:#FF6600;*/
	color:#FF9900;
}


td {
	color: #666666;
	margin-top:0.5em;
	font-size: 10pt;
}

li {
	color: #666666;
	font-size: 0.8em;
	margin-bottom:5px;
}

ul {
	margin-top:3px;
}
table.kontakt {
	margin: 0px;
	padding:0px;
}
table.kontakt tr {
	padding: 0px;
}

table.kontakt tr td {
	padding: 10px;
	margin: 0px;
	font-size: 1em;
	padding: 10px;
}

table.minimum td {
	font-size: 8pt;
}

table.info tr td {
	color: #333333;
	margin-top:0.5em;
	font-size: 0.6em;
	font-family: Verdana, Arial, Tahoma, Trebuchet MS, Helvetica, sans-serif;
}


.red {
	color:#FF0000;
}
.green {
        color:#009900;
}
.reddark {
	color:#990000;
}
.blue {
	color:#000099;
}
.minimum {
	font-size:8pt;
}
.bold {
	font-weight:bold;
}
.right {
	text-align:right;
	align:right;
}
.center {
	text-align:center;
	align:center;
}

img.okrajc {
	border: 1px solid #333333;
	margin:5px;
}



/*zarovna obrazek vertikalne na stred*/
img.ikona {
	border:0;
	vertical-align:middle;
}




table.poptavka {
    background: #151515;
    padding: 10px 30px;
}

.formtext {
	font-weight: normal;
	padding: 2px;
	width: 280px;
	color: #ffffff;
	border: none;
        background: #333;
}
.formtextsmall {
	font-weight: normal;
	padding: 2px;
	width: 50px;
	color: #ffffff;
	border: none;
        background: #333;
}
.formselect {
	font-weight: normal;
	padding: 5px;
	width: 280px;
	color: #ffffff;
	border: none;
        background: #333;
}

.formtextarea {
	font-weight: normal;
	color: #ffffff;
	border: none;
        background: #333;
	padding : 0px 0px 0px 0px;
	width: 280px;
	height: 100px;
}
input.tlacitko {
        font-family:  Calibri,Arial,Tahoma, Verdana, Helvetica, sans-serif;
	background-color: #F18C00;
	color: #ffffff;
	font-weight: normal;
	font-size: 14pt;
        padding:3px 15px;
        border: none;
}








/*zarovna obrazek vertikalne na stred*/
img.ikona {
	border:0;
	vertical-align:middle;
}








div.foto {
	position: relative;
	float: left;
	width: 200px;
	height: 131px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	overflow:hidden;
	border: none;
}

div.foto div.img  {
	height:105px;
	text-align:center;
	overflow:hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	border:1px solid #000000;

}

div.foto div.parametry {
	text-align:center;
	position:absolute;
	top:108px;
	left:2px;
	font-size:8pt;
}






div.karta {
	position: relative;
	float: left;
	width: 300px;
        margin:0px;
        border: none;
	height: 100px;
}
div.karta h2 {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	position: absolute;
	font-style:normal;
	top: 0px;
	left: 60px;
	font-size: 14pt;
	color: #cccccc;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

div.karta h2 a {
	text-decoration:none;
	color: #cccccc;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

div.karta h2 a:hover {
	text-decoration:underline;
	color: #FF9900;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

div.karta div.popis {
	position: absolute;
	top: 22px;
	left: 62px;
	padding: 0px 15px 0px 0px;
	font-size: 8pt;
	line-height:110%;
	font-family:  Arial, Verdana, Tahoma, Trebuchet MS,Helvetica, sans-serif;
}

div.popis a {
	font-family: Tahoma, Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #666666;
}

div.popis a:hover {
	font-family: Tahoma, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #FF9900;
}


div.karta img  {
	position: absolute;
	top: 4px;
	left: 0px;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: center;
	background-y-position: top;
}

div.sloupecbanner {
    width:200px;
    height:300px;
    position:relative;
    float:left;
    margin-right:10px;
}
div.sloupecbanner p.nadpis {
    position:absolute;
    top:10px;
    left:5px;
    font-size:11pt;
    font-weight:bold;
    color:#ffffff;
}
div.sloupecbanner p.nadpis img {
    vertical-align:middle;
}
div.sloupecbanner p.popis {
    position:absolute;
    top:45px;
    left:5px
}
div.sloupecbanner p.popis img {
    margin:5px 0px;
}
div.sloupecbanner div.tlacitko {
    position:absolute;
    top:220px;
    left:5px;
    background:#ff9900;
    color:#ffffff;
    padding:5px 10px;
    font-size:10pt;
    font-weight:bold;
}
div.sloupecbanner div.tlacitko a {
    color:#ffffff;
    text-decoration:none;
}
div.sloupecbanner div.tlacitko a:hover {
    color:#000000;
}







div.minigalerie {
    background:#1a1a1a;
    padding:15px 10px;
    margin:15px 0px;
}
div.minigalerie a img {
    filter: gray;
    margin:0px 5px;
    border:1px solid #aaaaaa;
}
div.minigalerie a:hover img {
    filter: none;
}



a.buttoncat {
    padding: 5px 10px;
    font-weight: normal;
    background: #ff9900;
    color: #ffffff;
    text-decoration: none;
    margin-right: 10px;
    font-size: 12pt;
}
a.buttoncat:hover{
    padding: 5px 10px;
    background: #ff6600;
    color: #ffffff;
    text-decoration: none;
}





.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width:960px; /*Width of Carousel Viewer itself*/
height: 312px; /*Height should enough to fit largest content's height*/
background: #000;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

div.panel {
    width:960px;
}

.stepcarousel .belt img {
border:none;
margin:0px;
} 





div.submenuright {
    float: right;
    padding: 10px;
    margin: 0px 0px 15px 15px;
    background: #333333;
}

div.submenuright h2 {
    color:#999999;
    font-size:13pt;
    margin: 0px 0px 5px 0px;
}

div.submenuright a {
    color:#62615D;
    font-size:10pt;
}
div.submenuright a:hover {
    color:#FF6600;
}
div.submenuright span.select {
    font-size:10pt;
    color:#FF9900;
}





#dialoganimace {
    display:none;
    text-align: center;
}
#dialog {
    display:none;
    text-align: left;
}
#dialog strong {
    color:#222222;
    font-weight: bold;
}
#dialog h3 {
    font-size: 14pt;
    font-family: Calibri,Arial,Verdana,Helvetica,sans-serif;
    margin: 20px 0px;
}
.bgwh {
    display:none;
    text-align: left;
}
.bgwh strong {
    color:#222222;
    font-weight: bold;
}
.bgwh h3 {
    font-size: 14pt;
    font-family: Calibri,Arial,Verdana,Helvetica,sans-serif;
    margin: 20px 0px;
}





/*Dynamicka galerie v článku*/
.dyngallery{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width:650px; /*Width of Carousel Viewer itself*/
height: 150px; /*Height should enough to fit largest content's height*/
background: none;
}

.dyngallery .nadpis{
position: absolute; /*leave this value alone*/
left: 5px;
top: 8px;
font-size: 11pt;
font-weight: normal;
color: #aaaaaa;
font-family: Tahoma,Arial,Verdana,Helvetica,sans-serif;
}


.dyngallery .belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 35px;
}

.dyngallery div.panel {
height: 100px;
width: 170px;
overflow: hidden;
}

.dyngallery .belt img {
border:none;
margin:0px 5px;
}