/* CSS Document */

body
{
    margin: 0px;
    padding: 0px;
    background-position: center top;
    background-repeat: repeat-y;
    background-image: url("background.jpg");
    background-color: #712c27;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    text-align: center;
    height: 100%;
}

#relative-contents
{
    position: relative;
    top: 0px;
    width: 918px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: White;
}

#hlavicka
{
    position: absolute;
    background-image: url("hlavicka.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    width: 918px;
    height: 586px;
    top: 0px;
    left: 0px;
}

#mutace
{
    position: absolute;
    width: auto;
    height: auto;
    top: 20px;
    right: 0px;
}

#mutace a img
{
    border: none;
}

#nadpis
{
    position: relative;
    width: 277px;
    height: 138px;
    left: 30px;
    top: 20px;
    z-index: 5;
}


#contents-text
{
    position: relative;
    top: 586px;
    left: 0px;
    width: 918px;
    height: auto;
    color: #360404;
    background-repeat: no-repeat;
    background-color: White;
    text-align: justify;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 100px;
    z-index: 1;
}

#contents-text p.MyClass
{
	width: 600px;
	left: 50px;
	top: 50px;
	position: relative;
	line-height: 135%;
	font-size: 15px;	
    margin: 0px;
    padding: 0px;
	color: #2d2d2d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

#contents-text p
{
    position: relative;
    left: 50px;
    width: 600px;
    height: auto;
    font-size: 15px;
    top: 50px;
    line-height: 25px;
}

#contents-text p a
{
    color: #5b5b5b;
    text-decoration: none;
}

#contents-text p a:hover
{
    text-decoration: underline;
}

#formular2
{
    position: relative;
    left: 50px;
    width: 600px;
    height: auto;
    font-size: 15px;
    top: 50px;
    font-family: Arial;
    font-size: 12px;
}

a#mapka
{
    width: 400px;
    left: 50px;
    border: none;
    position: relative;
    top: 60px;
}

a#mapka img
{
    width: 400px;
    border: none;
}
/*-------------------------------------------------------------------------------------------*/

ul#menu
{
    position: absolute;
    top: 535px;
    left: 10px;
    width: 900px;
    height: 25px;
    z-index: 1;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: block;
    text-align: left;
}

ul#menu li#menu-item1 a
{
    left: 15px;
    top: 0px;
    position: absolute;
    text-decoration: none;
    height: 18px;
    width: 73px;
    background-image: url( "aktuality.gif" );
}



ul#menu li#menu-item1 a:hover
{
    border-bottom: 1px solid white;
}

ul#menu li#menu-item2 a
{
    left: 130px;
    top: 0px;
    position: absolute;
    text-decoration: none;
    height: 17px;
    width: 65px;
    background-image: url( "historie.gif" );
}



ul#menu li#menu-item2 a:hover
{
    border-bottom: 1px solid white;
}

ul#menu li#menu-item4 a
{
    left: 330px;
    top: 0px;
    position: absolute;
    text-decoration: none;
    height: 18px;
    width: 91px;
    background-image: url( "fotogalerie.gif" );
}



ul#menu li#menu-item4 a:hover
{
    border-bottom: 1px solid white;
}


ul#menu li#menu-item5 a
{
    left: 460px;
    top: 0px;
    position: absolute;
    text-decoration: none;
    height: 18px;
    width: 82px;
    background-image: url( "ubytovani.gif" );
}



ul#menu li#menu-item5 a:hover
{
    border-bottom: 1px solid white;
}

ul#menu li#menu-item6 a
{
    left: 590px;
    top: 0px;
    position: absolute;
    text-decoration: none;
    height: 18px;
    width: 146px;
    background-image: url( "chalupa.gif" );
}



ul#menu li#menu-item6 a:hover
{
    border-bottom: 1px solid white;
}

ul#menu li#menu-item7 a
{
    left: 780px;
    top: 0px;
    position: absolute;
    text-decoration: none;
    height: 15px;
    width: 64px;
    background-image: url( "kontakt.gif" );
}



ul#menu li#menu-item7 a:hover
{
    border-bottom: 1px solid white;
}

/**********************************************************************/
ul#mainMenu5
{
	position: absolute;
	top: 535px;
	left: 348px;
	width: 56px;
	height: 18px;
	z-index: 10;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	text-align: left;
}

ul#mainMenu5, ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

ul#mainMenu5 ul
{
	margin: 0px;
}

ul#mainMenu5 li.menu-item5
{
	background-image: url( "sluzby.gif" );
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	position: absolute;
	text-decoration: none;
	height: 18px;
	width: 56px;
}

ul#mainMenu5 li.menu-item5:hover
{
	border-bottom: 1px solid white;
}

ul#mainMenu5 li
{
	float: left;
}

ul#mainMenu5 a
{
	text-decoration: none;
	display: block;
	text-decoration: none;
	padding-bottom: 7px;
	width: 100px;
	font-weight: bold;
}

ul#mainMenu5 ul a
{
	color: White; /* bila hlavni pismo */
	text-decoration: none;
	font-size: 8pt;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 5px;
	border-top: 1px solid White;
	font-weight: bold;
	border-bottom: 1px solid #500302;
	border-right: 1px solid #500302;
	border-left: 1px solid #500302;
	width: 100px;	
}

ul#mainMenu5 ul a:hover
{
	color: White; /*  pismo pri najeti v podmenu */
	background-color: #7a4a4a; /* svetle hneda */
}

ul#mainMenu5 li a:hover
{
	text-decoration: none;
}

ul#mainMenu5 ul
{
	position: absolute;
	visibility: hidden;
	background-color: #500302; /* hneda */
	width: 111px;
	top: 18px;
}

ul#mainMenu5 li:hover ul, ul#mainMenu5 li.hover ul
{
	visibility: visible;
}

ul#mainMenu5 li li
{
	float: none;
	border: none;
}

ul#mainMenu5 li
{
	behavior: url(hover.htc); /* ProtoĚe IE nedodrĚuje CSS standarty, aby bylo °eĹenÝ funkŔnÝ, pouĚijeme tento *.htc soubor */
}

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

#sloupec
{
    position: absolute;
    width: 293px;
    height: 692px;
    background-image: url( "sloupec.png" );
    _background-image: url( "sloupec.gif" );
    top: 600px;
    left: 700px;
    z-index: 5;
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
}

#sloupec2
{
    position: absolute;
    width: 293px;
    height: 692px;
    background-image: url( "sloupec2.png" );
    _background-image: url( "sloupec2.gif" );
    top: 600px;
    left: 700px;
    z-index: 5;
    padding: 0px;
    margin: 0px;
    background-repeat: no-repeat;
}

p#rychly-kontakt
{
    top: 320px;
    left: 0px;
    width: 200px;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    color: White;
    margin-left: auto;
    margin-right: auto;
}

p#rychly-kontakt a
{
    color: #f9d301;
}

p#rychly-kontakt a:hover
{
    text-decoration: none;
}

p#aktuality-text
{
    top: 320px;
    left: 0px;
    width: 200px;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: left;
    color: White;
    margin-left: auto;
    margin-right: auto;
}

p#aktuality-text a
{
    color: #f9d301;
}

p#aktuality-text a:hover
{
    text-decoration: none;
}

p#linkChange
{
    position: relative;
    left: 240px;
    color: #500302;
    top: 100px;
    width: 300px;
}

p#linkChange a
{
    color: #500302;
    text-decoration: underline;
}


#footer
{
    position: relative;
    height: 70px;
    left: 0px;
    top: 570px;
    width: 918px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    z-index: 4;
    color: Gray;
    background-color: White;
}

#footer p
{
    position: absolute;
    font-size: 10px;
    color: gray;
    font-family: arial, "Book Antiqua" , palatino, serif;
    margin: 0px;
    padding: 0px;
    left: 70px;
    top: 0px;
}

#footer p a
{
    color: Gray;
}

#footer p a.linkObjednavka 
{
   font-size: 12px;
   color: #4f0303; 
}

#jidelak
{
    position: relative;
    left: 100px;
    top: 50px;
}

#jidelak a img
{
    border: none;
    padding: 0px;
    margin-top: 40px;
    border: 2px solid #500302;
}

#formular
{
    position: relative;
    top: 50px;
    left: 50px;
}

#ubytovani
{
    position: relative;
    top: 0px;
    left: 0px;
}

#ubytovani table 
{
    position: relative;
    top: 50px;
    left: 50px;
    color: #500302;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
}

.gallery a img
{
    position: relative;
    margin: 0px;
    padding: 3px;
    left: 12px;
}

.gallery a
{
    position: relative;
    margin: 0px;
    padding: 0px;
}

p#Legend
{
    position: relative;
    top: -35px;
    left: -320px;
    color: #500302;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    background-color: #fffed7;
    width: 110px;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}

p#Legend2
{
    position: relative;
    top: -35px;
    left: -320px;
    color: #500302;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    background-color: #caf093;
    width: 110px;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}

#animace
{
    position: relative;
    width: 400px;
    height: 250px;
    left: -60px;
    padding: 30px 0px 30px 0px;
    margin-left: auto;
    margin-right: auto;
}


/*Stylovani ASP.NEt controlu*/





.gallery a:hover
{
    text-decoration: none;
}

.hyperLinkWeb a:hover
{
    text-decoration: none;
}

.clanekAktuality
{
    position: relative;
    height: auto;
    left: 25px;
    top: 35px;
    padding: 25px 25px 0px 25px;
    text-align: justify;
    width: 600px;
}

.clanekAktuality a
{
    color: #dc291d;
}

.titulekAktuality
{
    color: #4f0303;
    font-size: 16px;
    font-weight: bold;
    text-decoration: undelrine;
}

.datumAktuality
{
    font-weight: bold;
    color: #4f0303;
}

.descriptionAktuality
{
    color: #360404;
    font-size: 15px;
    line-height: 145%;
}

a.smallImageAktuality img
{
    width: 110px;
    height: 80px;
    position: relative;
}

.SEOListaClass
{
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 100%;
    height: 35px;
    background-color: #500302;
    top: 570px;
}

#paragraphRepeater
    {
        position: relative;
        left: 50px;
        width: 600px;
        height: auto;
        font-size: 15px;
        top: 50px;
        line-height: 25px;
    }
    
    #paragraphRepeater a
    {
        color: #5b5b5b;
        text-decoration: none;
    }
    
    #paragraphRepeater a:hover
    {
        text-decoration: underline;
    }