/********************************************
   HTML ELEMENTS
********************************************/

/* top elements */
* { margin: 0;        padding: 0; }

body {
        margin: 0; padding: 0;
        font: 75%/1.5 Arial, Helvetica, sans-serif;
        color: #555555;
        background: #f3edd3 url(../images/bg.gif) repeat-x;
}

/* links */
a {
        color: #003366;
        background-color: inherit;
        text-decoration: none;
}
a:hover {
        color: #CC0001;
        background-color: inherit;
}

/* headers */
h1, h2, h3 {
        font-family: Helvetica, Arial, 'Trebuchet MS', Sans-Serif;
        font-weight: bold;
        color: #a08a51;
}
h1 {
        font-size: 120%;
        text-transform: uppercase;
        letter-spacing: .3px;
        color: #a08a51;
}
h2 {
        font-size: 115%;
        color: #937543;
}
h3 {
        font-size: 115%;
        color: #937543;
}

/* images */
img {
        border: 0px solid #CCC;
}

h1, h2, h3, p {
        padding: 0;
        margin: 10px;
}

ul, ol {
        margin: 10px 20px;
        padding: 0 20px;
}

table {
        margin: 10px;
}




code {
  margin: 10px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;
  border-left: 4px solid #CC0000;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
        margin: 10px;
         padding: 0 0 0 32px;
          background: #FAFAFA url(../images/quote.gif) no-repeat 5px 10px !important;
        background-position: 8px 10px;
        border: 1px solid #f2f2f2;
        border-left: 4px solid #CC0000;
        font-weight: bold;
}





/**********************************
  LAYOUT
***********************************/
#wrap {
        margin: 0 auto;
        width: 996px;
        height: 100%;
        background: #FFF;
        border: 0px solid #000000;
}

/* header */


#header {
        width: 996px;
        height: 153px;
        border: 0px solid #000000;
        background: url(../images1/header.jpg) no-repeat left top;
}

#logo {
        position: absolute;
        width: 430px;
        height: 110px;
        margin: -132px 0 0 360px;
        padding: 0;
        border: 0px  solid red;
}

#lang {
        position: relative;
        width: 120px;
        height: 25px;
        margin: -35px 848px;
        padding: 0;
        border: 0px  solid green;
}
#lang img{
        margin: 6px;
        border: 0px  solid green;
}
#dnesnimenu{
        clear: both;
		margin: 0;
		padding: 0 0 5px 255px;
		height: 20px;
		background: url(../images/menu_bottom.gif) no-repeat bottom;
        border: 0px  solid green;
}
#dnesnimenu p{
        margin: 0;
        padding: 1px 0;
        font-size: 12px;
        font-weight: normal;
        color: #4c3b0f;
}
.nadpis{
        float: left;
		width: 85px;
		margin: 0;
        padding: 2px 0 0 0;
        font-size: 12px;
        font-weight: bold;
        color: #4c3b0f;
		border: 0px solid #000000;
}
.marquee{
        float: left;
		width: 530px;
		margin: 0;
        padding: 1px 0;
        font-size: 12px;
        font-weight: normal;
        color: #4c3b0f;
		behavior: scroll;
		direction:left;
		scrollamount: 10px;
		border: 0px solid #000000;
}
.vice a{
        float: left;
		width: 85px;
		margin: 0 0 0 20px;
        padding: 3px 0 0 15px;
		font-size: 12px;
        font-weight: bold;
        color: #4c3b0f;
		border: 0px solid #000000;
		background: url(../images/sipka_zlata.gif) no-repeat left;
}

.vice a:hover{
        text-decoration: underline;
}


/* Horizontální navigace  */

#menu_box {
        margin: 0 auto;
        width: 1024px;
        height: 31px;
        border: 0px solid #000000;
        background: url(../images/menu_bg.jpg) repeat-x left top;
}

#menu_box ul{
        float: left;
        height: 31px;
        margin: 0 0 0 -20px;
}

* html #menu_box ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#menu_box ul li{
        float: left;
        height: 31px;
        display: inline;
        border: 0px solid #000000;
}


/* Box pro Vertikální navigace  */

#side_menu_box {
        float: left;
        margin: 0 auto;
        width: 996px;
        height: 254px;
        background: #FFF url(../images/nav_bg.jpg);
        border: 0px solid #000000;
}

/* Vertikální navigace  */

#side_menu {
        float: left;
        width: 234px;
        height: 254px;
        margin-top: 0px;
        margin-left: 15px;
        border: 0px solid #C0C0C0;
}

#side_menu ul {

        margin: 0;
        list-style: none;
        line-height: normal;
        font: 11px Arial, verdana;
}

#side_menu li {

        display: inline;
}

#side_menu a {

        width: 168px;
        margin: 0 -19px;
        display: block;
        padding: 5px 0 8px 30px;
        background: url(../images/sipka_cerna.gif) no-repeat 15px 8px;
        border-bottom: 1px solid #d7c390;
        font-weight: normal;
        color: #37270f;

}

#side_menu a:hover, #menu .active a {

        background: transparent;
        text-decoration: underline;
        font-weight: normal;
        color: #37270f;
        background: url(../images/sipka_zlata.gif) no-repeat 15px 8px;
}


/* main column */
#main {
		margin: 0; padding:0;
        border: 0px solid #000000;
}

#conteiner {
        /*display: inline;*/
        float:left;
        margin: 0 auto;
        margin-top: 0px; padding: 0;
        width: 746px;
        background: #FFF url(../images1/background_pright.gif) right top no-repeat;
        border: 0px solid #000000;
}

#content {
        /*display: inline;*/
        float:right;
        margin: 0 auto;
        margin-top: 0px; padding: 0;
        width: 495px;
        background: #FFF url(../images1/background_pright.gif) right top no-repeat;
        border: 0px solid #000000;

}
#content p{
		text-align:justify;
}
#content h1 {
        margin: 5px 0;
        padding: 4px 0 4px 8px;
        font-size: 13px;
        font-weight: bold;
        color: #937543;
        text-transform: uppercase;
        letter-spacing: .0px;
}

/* Novinky v main */

#novinky1 {
        float: left;
        width: 475px;
        margin: 10px;
        padding: 0;
        background-color: #FFF;
        border: 0px solid #decca9;
}
#novinky h2{
        font-size: 105%;
        color: #937543;
}
#novinky a{
        font-size: 105%;
        color: #937543;
}
#novinky a:hover{
        font-size: 105%;
        color: #937543;
		text-decoration: underline;
}



/*  Pravý bar */
#pravybar {
        float: right;
        width: 224px;
        margin: 10px 12px 0 12px;
        padding: 0;
        background-color: #FFFFFF;
        border: 0px solid #000000;
}



#pravybar h1 {
        margin: 10px 0 0 0;
        padding: 4px 0 4px 8px;
        font: bold 105% Arial, Sans-Serif;
        color: #FFF;
        text-transform: uppercase;
        background: #333;
        letter-spacing: 1px;
}
#pravybar .left-box {
        border: 1px solid #EBEBEB;
        margin: 0 0 5px 0;
        background: #FFF;
}
#pravybar ul.sidemenu {
        list-style: none;
        text-align: left;
        margin: 3px 0px 8px 0; padding: 0;
        text-decoration: none;
}
#pravybar ul.sidemenu li {
        border-bottom: 1px solid #f2f2f2;
        background: url(../images/bullet.gif) no-repeat 3px 2px;
        padding: 3px 5px 3px 25px;
        margin: 0;
}
#pravybar ul.sidemenu a {
        font-weight: bolder;
        padding: 3px 0px;
        background: none;
}


/* Levý bar */
#levybar {
        float: left;
        width: 224px;
        margin: 10px 12px 0 12px;
        padding: 0;
        background-color: #FFFFFF;
        border: 0px solid #000000;
}



#levybar h1 {
        margin: 10px 0 0 0;
        padding: 4px 0 4px 8px;
        font: bold 105% Arial, Sans-Serif;
        color: #FFF;
        text-transform: uppercase;
        background: #333;
        letter-spacing: 1px;
}
#levybar .left-box {
        border: 1px solid #EBEBEB;
        margin: 0 0 5px 0;
        background: #FFF;
}
#levybar ul.sidemenu {
        list-style: none;
        text-align: left;
        margin: 3px 0px 8px 0; padding: 0;
        text-decoration: none;
}
#levybar ul.sidemenu li {
        border-bottom: 1px solid #f2f2f2;
        background: url(../images/bullet.gif) no-repeat 3px 2px;
        padding: 3px 5px 3px 25px;
        margin: 0;
}
#levybar ul.sidemenu a {
        font-weight: bolder;
        padding: 3px 0px;
        background: none;
}


/* Menu Bottom */
#menu_bottom {
        clear: both;
        margin: 0 auto;
        background: #FFF;
        padding: 1px;
        text-align: center;
        border: 0px solid #000000;
}
#menu_bottom a {
        text-decoration: none;
        font-weight: normal;
        color:#937543;
}

#menu_bottom a:hover {
        text-decoration: underline;
        font-weight: normal;
}

.objednat {
	position: relative;
	margin: 10px 0 20px 400px;
        padding: 0;
	width: 77px;
	height: 22px;
}

/* footer */
.footer {
        clear: both;
        margin: 0 auto;
        width:980px;
        height:35px;
        background: #FFF  url(../images/bgfooter.gif) repeat-x top;
        padding: 1px;
        text-align: right;
        border: 0px solid #000000;
}
.footer a {
        text-decoration: none;
        font-weight: normal;
}

.footer a:hover {
        text-decoration: underline;
        font-weight: normal;
}

#copy {
        float:right;
        width:250px;
        height:15px;
        font: 10px Arial, verdana;
        text-align: right;
        color:#937543;
        border: 0px solid #cebb95;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes  */
.clear {        clear: both; }
.red   { color: #CC0000; }
.comments {
        margin: 20px 10px 5px 10px;
        padding: 3px 0;
        border-bottom: 1px dashed #EFF0F1;
        border-top: 1px dashed #EFF0F1;
}


/* Flash */
#flash {
        position:relative;
        display: inline;
        float: left;
        width:430px;
        height:254px;
        margin-top: 0px;
        border: 0px solid #000000;
}
#static_flash {
        position:absolute;
        float: left;
        width:430px;
        height:254px;
        margin-top: -254px;
        margin-left: 1px;
        border: 0px solid #000000;
}

/* Mapa v kontaktech */
#mapa {
        float: left;
        width:472px;
        height:299px;
        margin: 13px;
        border: 0px solid #000000;
}

/* Konferencni prostory */

.terasa a{
        position: absolute;
		width:232px;
        height:221px;
        margin: 30px 0px 0px 173px;
		background: #FFF url(../images/terasa_off.gif) no-repeat;
}
.terasa a:hover{
        position: absolute;
		width:232px;
        height:221px;
        margin: 30px 0px 0px 173px;
		background: #FFF url(../images/terasa_on.gif) no-repeat;
}
.sal a{
        position: absolute;
		width:136px;
        height:114px;
        margin: 137px 0px 0px 183px;
		background: #FFF url(../images/sal_off.gif) no-repeat;
}
.sal a:hover{
        position: absolute;
		width:136px;
        height:114px;
        margin: 137px 0px 0px 183px;
		background: #FFF url(../images/sal_on.gif) no-repeat;
}
.kaple a{
        position: absolute;
		width:78px;
        height:176px;
        margin: 75px 0px 0px 106px;
		background: #FFF url(../images/kaple_off.gif) no-repeat;
}
.kaple a:hover{
        position: absolute;
		width:78px;
        height:176px;
        margin: 75px 0px 0px 106px;
		background: #FFF url(../images/kaple_on.gif) no-repeat;
}
.recepce {
        position: absolute;
		width:176px;
        height:175px;
        margin: 75px 0px 0px 150px;
		background: #FFF url(../images/recepce.gif) no-repeat;
}
.salonek a{
        position: absolute;
		width:68px;
        height:63px;
        margin: 122px 0px 0px 150px;
		background: #FFF url(../images/salonek_off.gif) no-repeat;
}
.salonek a:hover{
        position: absolute;
		width:68px;
        height:63px;
        margin: 122px 0px 0px 150px;
		background: #FFF url(../images/salonek_on.gif) no-repeat;
}
.lobby a{
        position: absolute;
		width:73px;
        height:91px;
        margin: 75px 0px 0px 218px;
		background: #FFF url(../images/lobby_off.gif) no-repeat;
}
.lobby a:hover{
        position: absolute;
		width:73px;
        height:91px;
        margin: 75px 0px 0px 218px;
		background: #FFF url(../images/lobby_on.gif) no-repeat;
}
.suite a{
        position: absolute;
		width:100px;
        height:176px;
        margin: 75px 0px 0px 215px;
		background: #FFF url(../images/suite_off.gif) no-repeat;
}
.suite a:hover{
        position: absolute;
		width:100px;
        height:176px;
        margin: 75px 0px 0px 215px;
		background: #FFF url(../images/suite_on.gif) no-repeat;
}
.thumbnail{
float: left;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
float: left;
background-color: lightyellow;
padding: 1px;
margin: -20px 0 0 20px;
left: 0px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: 100px; /*position where enlarged image should offset horizontally */

}




/* Balíček */
.balicek {

        display: block;
        float:left;
        width:100%;
        height:100px;
        margin-top: 5px;
        border: 0px solid #000000;
}
.balicek img {
        float:left;
        width:95px;
        height:70px;
        margin-right: 5px;
        margin-top: 2px;
        padding:2px;
        background: #FFF;
        border: 1px solid #cebb95;
}
.balicek p {
        display: inline;
        float:left;
        width:115px;
        margin: 0px;
        font: 11px Arial, verdana;
        border: 0px solid #cebb95;
}
.balicek h3 {
        margin: 0;
        font-size: 105%;
        color: #937543;
}
.balicek a {
        font-size: 105%;
        color: #937543;
}
.balicek a:hover{
        font-size: 105%;
        color: #937543;
		text-decoration: underline;
}

/* Formulář */

.required label {
  color: darkred;
}


/* this is not much important and could be removed */
input, select, textarea {
  margin-right: 0.2em;
}


/* prevents IE stretched button bug on WinXP  */
input.button {
  width: 0;
  overflow: visible;
}
input.button[class] { width: auto }

/* Galerie */
#galerie {
       width:472px;
       padding:10px;
       align: center;
       background: #FFF;
       border:0px solid #cebb95;
}

#galerie img {
       margin: 7px;
       padding:2px;
       background: #FFF;
       border: 2px solid #cebb95;
}



/**** stylovani on-line formulare ****/

# formResys {
background: #f3edd3;

}