body {
	font-size: 12px;
	color: #000000;
    background-color: #EDEDE7;
	line-height: 15px;
	font-family:  Tahoma, Arial, verdana, helveticace, helvetica, arialce;
	text-align: center;
	font-weight: normal;
	margin: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
}

#outerbox {
	background-color: #ffffff;
 	padding-top: 30px;
	/* padding-right: 20px; */
	padding-bottom: 30px;
    /* padding-left: 20px; */
    width: 1000px;
    margin: auto;
    text-align: center;
}

#innerbox {
    width: 890px;
    margin: auto;
    text-align: justify; /* nastaveni z old verze */
}

#top {
    width: 890px;
    margin-bottom: 10px;
}

    #top #logo {
        width: 329px;
        height: 74px;
        float: left;
    }

    #top #heading {
        width: 299px;
        height: 74px;
        float: right;
        background-position: top right;
    }

        #top #langSwitch {
            float: right;
            width: 74px;
            height: 74px;
            padding-top: 10px;
            background-image: url('images/template/head-uvod.jpg'); /* pouzivame jen ten oblouk v levem dolnim rohu */
            background-position: top left;
        }

        html>body #top #langSwitch { height: 64px; }

            #top #langSwitch img {
                float: right;
                border: 2px solid #6f682d;
            }

            #top #langSwitch img:hover {
                float: right;
                border: 2px solid #000000;
            }

        #top #heading #langSwitch .langButton {

        }

            #top #heading #langSwitch .langButton {

            }

#main {
    width: 890px;
    border: 0px solid #FF0000;    
}

    #main #menu, #main #menu-en {
        height:115px;
        /* position: absolute; */
        width: 190px;
        float: left;
        /* z-index:1; */
        border: 0px solid #000000;
        /* background-color: #FF0000; */
    }

    #main #content_outer {
        width: 699px;
        float: left;
        background-image: url('images/template/tiled_bg.png');
    }

    #main #content_outer_fotogalerie {
        width: 699px;
        float: left;
        background-image: url('images/template/fotogalerie_bg.png');
    }

        #main #fotogalerie {
            width: 579px;
            float: left;
        }
        
        #main #question {
            width: 549px;
            float: left;
            background-color: #b8ad5b;
            padding: 15px;
            color: #000;
        } 
        
        a.fotogalerieLink:hover { color: #FFFFFF; text-decoration: underline }
        
    #main #content {
        /* padding-left: 200px; */
        width: 327px;
        float: left;
        border: 0px solid blue;
    }

        #main #content img {
            float: left;
            margin: 0px;
        }

        #main #content #imgNavigation {
            float: right;
            margin: 0px;
            padding: 0px;
        }

            #main #content #imgNavigation img {
                margin-right: 3px;
                float: none;
            }

    #main #text {
    	background-color: #B8AD5B;
        color:#ffffff;
        font-size:10px;
        LINE-HEIGHT: 15px;
        text-align:left;
        width: 252px;
        float: left;
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 20px;
        border: 0px solid red;
    }

    html>body #main #text { width: 212px; } /* FF */

        .doliv {
            background-color: #9A923F;
            color:#685D36;
            font-size:11px;
            padding-top: 0;
            padding-right: 10px;
            padding-left: 10px;
            padding-bottom: 0px;
            text-align: center;
        }
        .zelena {
            FONT-WEIGHT: bold;
            color:#625C28;
        }

    #main #images_right {
        width: 120px;
        float: left;
    }
    
#footer {
    margin-top: 10px;
    background-image: url('images/template/pata.gif');
    width: 890px;
    height: 73px;
}

#copyright {
    width: 890px;
    margin: auto;
    border: 0px solid blue;
}

#exchangeLinks {
    width: 890px;
    margin: auto;
    border: 0px solid red;
}
    #exchangeLinksInner {
        width: 870px;
        text-align: left;
        font-size: 10px;
        color: #777777;
        padding-top: 10px;
    }

        #exchangeLinksInner a {
            color: #777777;
            text-decoration: none;
        }

        #exchangeLinksInner a:hover {
            color: #414141;
            text-decoration: none;
        }

/* ######################################################################## */
/* ### Menu ############################################################### */
#menu a, #menu-en a {
    display: block;
    float: left;
    margin-bottom: 2px;
}

#menu a.item, #menu-en a.item {
    width: 183px;
    height: 32px;
}

#menu a.item:hover, #menu-en a.item:hover { background-position: 0px -32px; }

    #menu a.historie { background-image: url('images/template/menu-historie.png'); }
    #menu a.cenik { background-image: url('images/template/menu-cenik.png'); }
    #menu a.apartmany { background-image: url('images/template/menu-apartmany.png'); }
    #menu a.rezervace { background-image: url('images/template/menu-rezervace.png'); }
    #menu a.dotazy { background-image: url('images/template/menu-dotazy.png'); }
    #menu a.deni-v-okoli { background-image: url('images/template/menu-deni-v-okoli.png'); }
    #menu a.kontakt { background-image: url('images/template/menu-kontakt.png'); }    
    #menu a.fotogalerie { background-image: url('images/template/menu-fotogalerie.png'); }

    #menu-en a.historie { background-image: url('images/en/template/menu-historie.png'); }
    #menu-en a.cenik { background-image: url('images/en/template/menu-cenik.png'); }
    #menu-en a.apartmany { background-image: url('images/en/template/menu-apartmany.png'); }
    #menu-en a.rezervace { background-image: url('images/en/template/menu-rezervace.png'); }
    #menu-en a.dotazy { background-image: url('images/en/template/menu-dotazy.png'); }
    #menu-en a.deni-v-okoli { background-image: url('images/en/template/menu-deni-v-okoli.png'); }
    #menu-en a.kontakt { background-image: url('images/en/template/menu-kontakt.png'); }
    #menu-en a.fotogalerie { background-image: url('images/en/template/menu-fotogalerie.png'); }

#menu a.itemApartman, #menu-en a.itemApartman  {
    width: 183px;
    height: 26px;
}

#menu a.itemApartman:hover, #menu-en a.itemApartman:hover  { background-position: 0px -26px; }

    #menu .apartman-a { background-image: url('images/template/menu-apartman-a.png'); }
    #menu .apartman-b { background-image: url('images/template/menu-apartman-b.png'); }
    #menu .apartman-c { background-image: url('images/template/menu-apartman-c.png'); }
    #menu .apartman-d { background-image: url('images/template/menu-apartman-d.png'); }
    #menu .apartman-e { background-image: url('images/template/menu-apartman-e.png'); }
    
    #menu-en .apartman-a { background-image: url('images/en/template/menu-apartman-a.png'); }
    #menu-en .apartman-b { background-image: url('images/en/template/menu-apartman-b.png'); }
    #menu-en .apartman-c { background-image: url('images/en/template/menu-apartman-c.png'); }
    #menu-en .apartman-d { background-image: url('images/en/template/menu-apartman-d.png'); }
    #menu-en .apartman-e { background-image: url('images/en/template/menu-apartman-e.png'); }


/* ######################################################################## */
/* ### Common used elements and styles #########33333###################### */

/* SEO friendly */
/* ### http://tutorialdog.com/create-seo-friendly-text-images-headers/ */
a.SeoLink, .SeoLink {
    display: block;
    height: 19px;
    text-indent: -2000em;
    text-decoration: none;
    z-index: 1000;
    margin: 0px;
    padding: 0px;
    border: 0px solid #FF0000;
    float: left;
    overflow: hidden;
    font-size: 10px;
    border: 0px solid red;
  }

.cleaner { clear: both; height: 0px; line-height: 0px; font-size: 0px; margin: 0px }




































/* ######################################################################## */
/* ### OOOOOOLD ########################################################### */
tr{

	vertical-align: top;


}



.nowrap{
	white-space: nowrap;}



td.text {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
}
td.jazyk {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	COLOR: #cccccc;
	text-align: left;
}


td.text2 {
	padding-top: 0px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 20px;


}

td.bilaa {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	background-color: #FFFFFF;



}
.male{
	COLOR: #666666;
	FONT-SIZE: 11px;

}

A, A:active{
	COLOR: #6F682D;

	TEXT-DECORATION: underline;
}
A:visited {
	COLOR: #6F682D;

	TEXT-DECORATION: underline;
}
A:hover {
	COLOR:#000000;

	TEXT-DECORATION: none;
}


A.b, A.b:active{
	COLOR: #ffffff;

	TEXT-DECORATION: underline;
}
A.b:visited {
	COLOR: #ffffff;

	TEXT-DECORATION: underline;
}
A.b:hover {
	COLOR:#000000;

	TEXT-DECORATION: none;
}



A.c, A.c:active{
	COLOR: #ffffff;

	TEXT-DECORATION: underline;
}
A.c:visited {
	COLOR: #ffffff;

	TEXT-DECORATION: underline;
}
A.c:hover {
	COLOR:#ffffff;

	TEXT-DECORATION: none;
}


A.a, A.a:active{
	COLOR: #000000;
	FONT-SIZE: 10px;
	TEXT-DECORATION: underline;
}
A.a:visited {
	COLOR: #000000;
	FONT-SIZE: 10px;
	TEXT-DECORATION: underline;
}
A.a:hover {
	COLOR:#000000;
	FONT-SIZE: 10px;
	TEXT-DECORATION: none;
}






A.nav, A.nav:active{
	COLOR: #00CC00;
	FONT-SIZE: 11px;
	TEXT-DECORATION: underline;
}
A.nav:visited {
	COLOR: #00CC00;
	FONT-SIZE: 11px;
	TEXT-DECORATION: underline;
}
A.nav:hover {
	COLOR: #000000;
	FONT-SIZE: 11px;
	TEXT-DECORATION: underline;
}


A.navpata, A.navpata:active{
	COLOR: #195EA3;
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
}
A.navpata:visited {
	COLOR: #195EA3;
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
}
A.navpata:hover {
	COLOR: #008000;
	FONT-SIZE: 11px;
	TEXT-DECORATION: underline;
}


A.head, A.head:active {
	COLOR: #6F682D;
	FONT-SIZE: 13px;
	LINE-HEIGHT: 1.3em;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
}
A.head:visited {
	COLOR: #6F682D;
	FONT-SIZE: 13px;
	LINE-HEIGHT: 1.3em;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
}
A.head:hover {
	COLOR: #000000;
	FONT-SIZE: 13px;
	LINE-HEIGHT: 1.3em;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;

}

A.menu, A.menu:visited,A.menu:active {
	COLOR: #ffffff;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 1.3em;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: underline;
}


A.menu:hover{
	COLOR:#00CC00;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 1.3em;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
}




H1  {
	FONT-WEIGHT: bold;
	COLOR: #000000;
	FONT-SIZE: 13px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;



}
H2 {

	margin-bottom: 4px;
	margin-top: 4px;
	font-size: 12px;
	font-weight: bold;
	color: #cccccc;
	text-align: left;

}
H3 {
	margin-bottom: 5px;
	margin-top: 5px;
	FONT-WEIGHT: bold;
	COLOR: #000000;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 100%;
}
H4 {

	margin-bottom: 5px;
	margin-top: 5px;
	FONT-WEIGHT: normal;
	COLOR: #28D22B;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 100%;

  FONT-FAMILY: arial,'arial ce', 'Trebuchet MS', verdana, tahoma, helveticace, helvetica;


}
hr {
	COLOR: #dddddd;

}

IMG.onas{
	border: 2px solid #AAAAAA;
}


}


.flleft {
	float: left;
	margin: 0px;
	padding: 0px;
}
.flright {
	float: right;
	margin: 0px;
	padding: 0px;
}
.cleaner {
	CLEAR: both; BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; HEIGHT: 1px
}

td.right {
	 text-align: right;
}

td.oliv {
	background-color: #B8AD5B;
	color:#ffffff;
	font-size:10px;
	LINE-HEIGHT: 15px;
	text-align:left;
	padding-top: 10;
	padding-right: 20;
	padding-bottom: 10;
	padding-left: 20;
}
.bila {
	background-color: #ffffff;
	color:#000000;
	font-size:11px;
	padding-top: 0;
	padding-right: 10;
	padding-left: 10;
	padding-bottom: 0px;
}
.doliv {
	background-color: #9A923F;
	color:#685D36;
	font-size:11px;
	padding-top: 0;
	padding-right: 10;
	padding-left: 10;
	padding-bottom: 0px;
	text-align: center;
}
.zelena {
	FONT-WEIGHT: bold;
	color:#625C28;

}

#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	}
.vetsi{

	FONT-SIZE: 11px;

}


