*
{
	font-style:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}
body {
	font-size:76%;/*70*/
    background-color:#6d9abe;
	background-image:url(images/podklad.gif);
    background-position:center;
    background-repeat:repeat;
	text-align:center;
	margin-top:0px;
	color:black;
}
body /*prebarveni posuvniku*/
{
 scrollbar-base-color:#92b7d5; /**nejsvetlejsi barva, je zesvetlena, proto by mela byt tmavsi nez zakladni barva - svetlo shora a vysviceni sipek zprava, svetlejsi minictverecky v posuvniku*/
 scrollbar-face-color:#6d9abe; /*základní barva (stejna jako barva page), UP a DOWN ctverce, tmavsi minictverecky v posuvniku*/
 scrollbar-3dlight-color:#ffffff; /*svetlo shora a zprava vnejsi*/
 scrollbar-shadow-color: #487396; /*nejtmavsi barva - sipky, stin zdola a zleva vnitrni*/
 scrollbar-darkshadow-color:#2d080a; /*stin zdola a zleva vnejsi*/
 scrollbar-arrow-color:#203151; /*šipky - nefunguje*/
}
h1 {
    position:absolute;
	left:-1000px;	
    font-size:1.4em;
    display:none;
}
h2 {
    padding:66px 10px 10px 10px;
    /*font-size: 1.4em;*/
	font-size: 17px; /*vypada to ze sedmnactka zabira 20px... dneska 12 px :-)*/
	font-weight:normal;
}
h3 {
    padding:0px 0px;
    font-size:1em;
    font-weight: bold; 
}
a, a:visited {
    color:black;
    text-decoration:underline;
}
a:hover, a:active {
    text-decoration:underline;
}
p {
    padding:5px 10px 5px 10px;
    line-height:1.4;
}
.newPage
{
    page-break-before:always;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ------------------------------------------------------------ */
#webPage {
    margin:0 auto 0 auto;/*auto slouzi k centrovani*/
    position:relative;
    width:760px;
    height:713px;
    text-align:left;
    background-image:url(images/bg.jpg);
    background-position:0px 35px;
    background-repeat:no-repeat;
}
#webPage-in {
    padding:155px 55px 15px 374px; /*155=20(nic)+15(jazyky)+24(websites)+96(#header), 55(prostor zprava), 15(Artcomp), 374=316(menu)+58(line)*/
}
/*#webPage-in=#header+#page+#footerAddress+#footerLinks*/
/*96(#header), 39(#footerLinks)*/
#header {
    position:absolute;
    top:59px;/*59=20(nic)+15(jazyky)+24(websites)*/
    left:374;
    height:96px;/*nepretece, nastavena velikost pisma H2 v pixelech*/
    overflow:hidden;
}
#page {/*max*/
    height:504px;/*713-59-15-96(#header)=543-39(#footerLinks)*/
    overflow:auto;/*posuvnik*/
}
.cenik #page, .contactform #page {
    height:389px;/*504-115(#footerAddress)*/
}

.cenik #page-in, .contactform #page-in {
    padding:0px 10px 0px 10px;
}

/* ------------------------------------------------------------ */
#mainMenu {
    position:absolute;
    top:59px;
    left:0px;
    width:316px;
    height:639px;
    overflow:hidden;
}
#mainMenu span {
    display:none;
}
#mainMenu ul {
    border-collapse:collapse;
    display:block;
    /* display:inline; /* Pro vodorovné menu. Pro svislé vymazat */
}
#mainMenu ul li {
    list-style:none;
    float:left;
	/* display:inline; /* Pro vodorovné menu. Pro svislé vymazat */
}
#mainMenu a {
    width:316px;
    height:49px;
    background-repeat:no-repeat;
    display:block;
    /* float:left; /* Pro vodorovné menu. Pro svislé vymazat doplnit display:block; */
}
#mainMenu a:hover, #mainMenu a:active {
    background-position:-316px 0px; /* Výměna obrázků po najetí myší */
}
#mainMenu a.menu0 { height:70px; }

#mainMenu a.menu0 { background-image:url(images/cs/menu0.jpg); } 
#mainMenu a.menu1 { background-image:url(images/cs/menu1.jpg); } 
#mainMenu a.menu2 { background-image:url(images/cs/menu2.jpg); }
#mainMenu a.menu3 { background-image:url(images/cs/menu3.jpg); }
#mainMenu a.menu4 { background-image:url(images/cs/menu4.jpg); } 
#mainMenu a.menu5 { background-image:url(images/cs/menu5.jpg); } 
#mainMenu a.menu6 { background-image:url(images/cs/menu6.jpg); }
#mainMenu a.menu7 { background-image:url(images/cs/menu7.jpg); }

.de #mainMenu a.menu0 { background-image:url(images/de/menu0.jpg); } 
.de #mainMenu a.menu1 { background-image:url(images/de/menu1.jpg); } 
.de #mainMenu a.menu2 { background-image:url(images/de/menu2.jpg); }
.de #mainMenu a.menu3 { background-image:url(images/de/menu3.jpg); }
.de #mainMenu a.menu4 { background-image:url(images/de/menu4.jpg); } 
.de #mainMenu a.menu5 { background-image:url(images/de/menu5.jpg); } 
.de #mainMenu a.menu6 { background-image:url(images/de/menu6.jpg); }
.de #mainMenu a.menu7 { background-image:url(images/de/menu7.jpg); }

.en #mainMenu a.menu0 { background-image:url(images/en/menu0.jpg); } 
.en #mainMenu a.menu1 { background-image:url(images/en/menu1.jpg); } 
.en #mainMenu a.menu2 { background-image:url(images/en/menu2.jpg); }
.en #mainMenu a.menu3 { background-image:url(images/en/menu3.jpg); }
.en #mainMenu a.menu4 { background-image:url(images/en/menu4.jpg); } 
.en #mainMenu a.menu5 { background-image:url(images/en/menu5.jpg); } 
.en #mainMenu a.menu6 { background-image:url(images/en/menu6.jpg); }
.en #mainMenu a.menu7 { background-image:url(images/en/menu7.jpg); }

.es #mainMenu a.menu0 { background-image:url(images/es/menu0.jpg); } 
.es #mainMenu a.menu1 { background-image:url(images/es/menu1.jpg); } 
.es #mainMenu a.menu2 { background-image:url(images/es/menu2.jpg); }
.es #mainMenu a.menu3 { background-image:url(images/es/menu3.jpg); }
.es #mainMenu a.menu4 { background-image:url(images/es/menu4.jpg); } 
.es #mainMenu a.menu5 { background-image:url(images/es/menu5.jpg); } 
.es #mainMenu a.menu6 { background-image:url(images/es/menu6.jpg); }
.es #mainMenu a.menu7 { background-image:url(images/es/menu7.jpg); }

.nl #mainMenu a.menu0 { background-image:url(images/nl/menu0.jpg); } 
.nl #mainMenu a.menu1 { background-image:url(images/nl/menu1.jpg); } 
.nl #mainMenu a.menu2 { background-image:url(images/nl/menu2.jpg); }
.nl #mainMenu a.menu3 { background-image:url(images/nl/menu3.jpg); }
.nl #mainMenu a.menu4 { background-image:url(images/nl/menu4.jpg); } 
.nl #mainMenu a.menu5 { background-image:url(images/nl/menu5.jpg); } 
.nl #mainMenu a.menu6 { background-image:url(images/nl/menu6.jpg); }
.nl #mainMenu a.menu7 { background-image:url(images/nl/menu7.jpg); }

/* .default #mainMenu a.menu0, */
.o-nas #mainMenu a.menu1,
.nase-autobusy #mainMenu a.menu2,
.nase-hotely #mainMenu a.menu3,
.contactform #mainMenu a.menu4
{ background-position:-316px 0px; } /* Zvýraznění aktuální stránky */

/* ------------------------------------------------------------ */

#jazyky {
    position:absolute;
    right:0px;
    top:0px;
    height:35px;
    width:100%;
    overflow:hidden;
	color:#92b7d5;
	font-size:0.8em;
}
#jazyky-in {
    position:absolute;
    right:0px;
    bottom:3px;
}
#jazyky ul {
    display:inline; /* Pro vodorovné menu. Pro svislé vymazat */
}
#jazyky li {
    list-style:none;
    height:34px;
    display:inline; /* Pro vodorovné menu. Pro svislé vymazat */
}
#jazyky a, #footer a {
	font-weight:bold;
	color:#92b7d5;
	text-decoration:none;
}
#jazyky a:hover, #jazyky a:active, #footer a:hover, #footer a:active {
	text-decoration:underline;
}
#footer {
    position:absolute;
    left:0px;
    bottom:0px;
    height:15px;
    width:100%;
    color:#92b7d5;
}
#footer-in {
    text-align:right;
    font-size:0.8em;
}

/* ------------------------------------------------------------ */
/* Galerie ac:Gallery                                           */

.gallery, .gallery-open {
    background-color: #487396;
}
.gallery-in {
}
.gallery .detail {/*typ galerie se zavrenym detailem*/
    display:none;
}
.gallery-open .detail {/*typ galerie s otevrenym detailem - prehazuje to script*/
}
.gallery-open .detail-in {
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 0px;
}
.gallery .detail img { /* Detail = velky obrazek */
}
.gallery-open .detail p { /* Název obrázku v detailu */
    font-size:0.8em;
}
.gallery .thumbnails {
}
.gallery .thumbnails-in, .gallery-open .thumbnails-in {
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
}
.gallery-open .thumbnails-in {
    padding-top: 0px;
}
.gallery .thumbnails a, .gallery-open .thumbnails a { /* Náhled */
    margin-right: 10px;
}
.gallery .thumbnails img {
}
/* ------------------------------------------------------------ */
/* Styly specifické pro web                                     */
#webSites {
    position:absolute;
    top:35px;
    left:0px;
    width:100%;
    height:24px;
	line-height: 24px; /*ve spojeni s predchozim radkem dela vertikalni centrovani jednoradkoveho textu*/
    overflow:hidden;
	font-size: 0.9em;
	font-weight: bold;
	text-align:right;
	color:#487396; /*tecky mezi linky na websites*/
}
#webSites-in {
    padding-right:5px;
}
#webSites ul {
    display:inline; /* Pro vodorovné menu. Pro svislé vymazat */
}
#webSites li {
    list-style:none;
    height:24px;
    display:inline; /* Pro vodorovné menu. Pro svislé vymazat */
}
#webSites a {
	text-decoration:none;
}
#webSites a:hover, #webSites a:active {
	text-decoration:underline;
}

#footerAddress { 
    position:absolute;
    bottom:54px; /*15(bottom)+39(footerLinks)*/
    left:374px; /*316(menu)+58(line)*/
    width:331px;
    height: 115px;
    overflow:hidden;
}
#footerLinks { 
    position:absolute;
    bottom:15px; /*15(bottom)*/
    left:374px; /*316(menu)+58(line)*/
    width:331px;
    height: 39px;
    overflow:hidden;
}

#pageAddress, #pageLinks { 
    float:left;
    padding:10px 10px 0px 10px;
    font-size:0.8em;
    font-style:normal;
    overflow:auto;
}
#pagePhones { 
    float:left;
    padding:10px 10px 0px 10px;
    font-size:0.8em;
    font-style:normal;
}
#subject
{ 
    float:left;
    padding:20px 10px 0px 10px;
    font-size:0.7em;
    font-style:italic;
}
/* ------------------------------------------------------------ */
#line {
    position:absolute;
    top:59px;
    left:316px;
    width:58px;
    height:639px;
    overflow:hidden;
}
#line-in {
}
/* ------------------------------------------------------------ */
#galleryContainer { padding-left:15px; } /*kino*/
/* ------------------------------------------------------------ */
.infoNadpis
{
    padding:10px 10px 0px 10px;
    text-align: left; 
    font-weight: bold; 
    font-style: normal;
    font-size:0.8em;
}

.info
{
    padding-left:20px;
    text-align: left; 
    font-weight: normal; 
    font-style: normal;
    font-size:0.8em;
}
/******************************** C E N I K **********************************/

table.cenik
{
    margin-top:10px;
    text-align: left; 
    font-weight: bold; 
    font-style: normal;
}

td.cenikCena
{
    padding-right:4px;
    padding-bottom:2px;
    /*background-color:#ac8d5e; */
    background-color:#ffffff;
    text-align: right;
    font-size:0.9em;
}

td.cenikNadpis 
{
    padding-left:4px;
    padding-bottom:2px;
    background-color:#b25f64; 
    font-size:0.9em;
}

td.cenikTypPokoje 
{
    padding-left:4px;
    padding-bottom:2px;
    background-color:#8b4146;
    font-size:0.9em;
}

/******************************** O D E S I L A C I  F O R M U L A R **********************************/

#contactAdresa
{
    margin-top:20px;
    width: 100%;
    text-align: left; 
    font-weight: bold; 
    font-style: normal;
    font-size:0.8em;
}

#contactZprava
{
    margin-top:20px;
    width: 100%;
    text-align: left; 
    font-weight: bold; 
    font-style: normal;
    font-size:0.8em;
}

#contactSubmit
{
    margin-top:10px;
    text-align: left;
}

.chyba
{
    margin-top:10px;
    margin-left:0px;
    text-align: left; 
    font-weight: bold; 
    font-style: normal;
    font-size:0.8em;
    color: red;
}

.form_txtBox
{
    width: 98%;
    font-size: 1.1em;
    color: black; /*barva textu vyplnovanych poli kontakt. formulare*/
    background-color: Transparent; /*pozadi vyplnovacich poli kontakt. formulare*/
       
     
}

.form_button
{
    font-size:0.8em;
    height: 18px;
    color: black;
    font-weight: bold; 
    font-style: normal;
    background-color: Transparent; /*barva tlacitka "Odeslat" kontakt. formulare*/
}


/* ------------------------------------------------------------ */
@media print 
{
    #webPage-in, #page-in
    {
        margin:0px;
        padding:0px;
    }
    #mainMenu, #jazyky, .noPrint
    {
        display:none;
    }
}
@media screen
{
    .noDisplay {
        visibility:hidden;
    }
}