@charset "UTF-8";

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

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

body {
        margin: 0; padding: 0;
		text-align: center;
        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: underline;
}
a:hover {
        color: #CC0001;
        background-color: inherit;
}

/* headers */
h2, h3 {
        font-family: Helvetica, Arial, 'Trebuchet MS', Sans-Serif;
        font-weight: bold;
        color: #a08a51;
}
h1 {
		font-family:"Arial", Times New Roman, Times, serif;
        font-size: 120%;
        text-transform: uppercase;
		font-weight: normal;
        letter-spacing: 0px;
        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;
		font-size:12px;
}
td {
		font-size:12px;
}
legend {
	font-size: 12px;
}
input {
	font-size: 12px;
}

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;
		margin-top:-18px;
		text-align: left;
        width: 996px;
        height: 100%;
        background: #FFF;
        border: 0px solid #000000;
}

/* header */
#header {
        margin-top:-18px;
		width: 100%;
        height: 153px;
        border: 0px solid #000000;        
}
* html #header {
        margin-top:-18px;        
}
#header_top {
		height: 153px;
		background: url(../images/header_bg.jpg) no-repeat left top;
}
#logo {
        position: absolute;
        width: 517px;
        height: 138px;
        margin: 3px 0 0 260px;
        padding: 0;
        border: 0px  solid red;
		background: url(../images1/logo.jpg) no-repeat left top;
}
#perovka {
		position: absolute;
        width: 191px;
        height: 122px;
        margin: 16px 0 0 30px;
        padding: 0;	
	}
#lang {
        position: absolute;
        width: 123px;
        height: 25px;
        margin: 113px 835px;
        padding: 0;
        border: 0px  solid green;
}
#lang img{
        margin: 6px;
        border: 0px  solid green;
}
#dnesnimenu{
		clear: both;
		width: 100%;
		margin: 0;
		padding: 0 0 5px 0px;
		height: 20px;
		background: #fff url(../images/menu_bottom.gif) no-repeat bottom;
        border: 0px  solid green;
}
* html #dnesnimenu{
	margin-top: -3px;
	height: 20px;
}
#dnesnimenu p{
        margin: 0;
        padding: 1px 0;
        font-size: 12px;
        font-weight: normal;
        color: #4c3b0f;
}
.nadpis{
		width: 85px;
		margin: -17px 0 0 10px;
        padding: 2px 0 0 0;
        font-size: 12px;
        font-weight: bold;
        color: #4c3b0f;
		border: 0px solid #000000;
}
.marquee a{
	position: absolute;
		width: 825px;
		height: 20px;
		margin: -19px 0 0 100px;
        padding: 1px 0;
        font-size: 12px;
        font-weight: normal;
		text-decoration:none;
        color: #000000;
		border: 0px solid #000000;
}

.vice a{
		float: left;
		width: 40px;
		margin: -20px 0 0 935px;
        padding: 0px 0 0 15px;
		font-size: 12px;
		font-weight:bold;
        color: #4c3b0f;
		background: url(../images/sipka_zlata.gif) no-repeat left;
}
*html .vice a{
		margin: -18px 0 0 935px;
}

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

/* Horizontální navigace  */
#menu_box { 
        width: 100%;
        height: 26px;
		text-align: center;
		margin: 0; padding: 5px 0 0px 0;
        border: 0px solid #000000;
        background: url(../images/menu_bg.jpg) repeat-x left top;
}
#menu_box_en { 
        width: 100%;
        height: 26px;
		text-align: center;
		margin: 0; padding: 5px 0 0px 0;
        border: 0px solid #000000;
        background: url(../images/menu_bg.jpg) repeat-x left top;
}
*html #menu_box { 
        width: 100%;
        height: 31px;
		text-align: left;
		margin: 0; padding: 4px 0 0px 0;
        border: 0px solid #000000;
        background: url(../images/menu_bg.jpg) repeat-x left top;
}
*html #menu_box_en { 
        width: 100%;
        height: 31px;
		text-align: left;
		margin: 0; padding: 4px 0 0px 0;
        border: 0px solid #000000;
        background: url(../images/menu_bg.jpg) repeat-x left top;
}
#menu_box a { 
		font-size: 14px; 
		color: #786030; 
		font-weight: normal;
		text-decoration: none;
		padding: 0 26px;
		background: url(../images/sipka_cerna.gif) no-repeat 0px 5px;
}
#menu_box_en a { 
		font-size: 14px; 
		color: #786030; 
		font-weight: normal;
		text-decoration: none;
		padding: 0 34px;
		background: url(../images/sipka_cerna.gif) no-repeat 0px 5px;
}
#menu_box_en a { 
		font-size: 14px; 
		color: #786030; 
		font-weight: normal;
		text-decoration: none;
		padding: 0 30px;
		background: url(../images/sipka_cerna.gif) no-repeat 0px 5px;
}
#menu_box_en a:hover {
		text-decoration: underline;
		background: url(../images/sipka_zlata.gif) no-repeat 0px 5px;
}
#menu_box a:hover {
		text-decoration: underline;
		background: url(../images/sipka_zlata.gif) no-repeat 0px 5px;
}
#menu_box_en a:hover {
		text-decoration: underline;
		background: url(../images/sipka_zlata.gif) no-repeat 0px 5px;
}

* html #menu_box ul{ 
	width: 100%;
	margin: 0; padding: 0;
	border: 0px solid #333;}
	
* html #menu_box_en ul{ 
	width: 100%;
	margin: 0; padding: 0;
	border: 0px solid #333;}

#menu_box ul {
	width: 100%;
	margin: 0; padding: 0;
	border: 0px solid #333;
}
#menu_box_en ul {
	width: 100%;
	margin: 0; padding: 0;
	border: 0px solid #333;
}
#menu_box li{
        display: inline;
		height: 25px
		padding: 0 0px;
        border: 0px solid #000000;
}
#menu_box_en li{
        display: inline;
		height: 31px
		padding: 0 0px;
        border: 0px solid #000000;
}


/* Box pro Vertikální navigace  */

#side_menu_box {
        float: left;
        margin: 0;
        width: 996px;
        height: 252px;
        background: #FFF url(../images/nav_bg.jpg);
        border: 0px solid #000000;
}
* html #side_menu_box {
        float: left;
        margin: 0;
        width: 996px;
        height: 249px;
        background: #FFF url(../images/nav_bg.jpg);
        border: 0px solid #000000;
}
/* Vertikální navigace  */

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

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

#side_menu li {

        display: inline;
}

#side_menu a {

        width: 180px;
        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;
	text-decoration: none;
        color: #37270f;

}
* html #side_menu a {  
		width: 200px; 
}
	
#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: 25px 0 5px 0;
		padding:0 0 15px 0;
        border: 0px solid #000000;
		background: #FFF;
}
*html #main {
		margin: 5px 0 5px 0;
		}
		
#conteiner {
        
        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 {
       
        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: 17px;
        font-weight: normal;
        color: #333;
        text-transform: uppercase;
        letter-spacing: .0px;
}

.side_rezervace {
		margin: 0 0 0 0px;
		padding: 0;
		width: 140px;
		border: 0px solid #333;
}
*html .side_rezervace {
		width: 140px;
		margin: 0 -25px 0 -4px;
}
.side_rezervace ul{ 
margin: 0; padding: 0;
width: 90%;
}
.side_rezervace li{ 
margin: 0; padding: 0;
width: 90%;
font-size:12px;
}

.side_facebook {
		margin: 10px;
		padding: 0;
		}


/* Novinky v main */
.novinky1 {margin: 0 0 20px 0; }
.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;
}
.novinky p {margin: -5px 5px 10px 10px;}
.datum {
		width: 150px;
		height: 26px;	
		margin: -8px 6px;
		padding: 1px 4px;
		background: #fff url(../images1/datum.gif) no-repeat;
		font-size: 12px;
		color: #555555;
}


/*  Pravý bar */
#pravybar {
        float: right;
        width: 223px;
        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;
}
.side_okno { margin: 0 0 15px 0;}

/* Levý bar */
#levybar {
        float: left;
        width: 223px;
        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: 30px 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;
}

/* 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:747px;
        height:254px;
        margin-top: 0px;
        border: 0px solid #000000;
		background: url(../images/flash_bg.jpg) no-repeat;
}
* html #flash {
		margin-top: -0px;
		height:254px;
}

#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: url(../images/terasa_off.gif) no-repeat;
}
.terasa a:hover{
        position: absolute;
		width:232px;
        height:221px;
        margin: 30px 0px 0px 173px;
		background: url(../images/terasa_on.gif) no-repeat;
}
.sal a{
        position: absolute;
		width:136px;
        height:114px;
        margin: 137px 0px 0px 183px;
		background: url(../images/sal_off.gif) no-repeat;
}
.sal a:hover{
        position: absolute;
		width:136px;
        height:114px;
        margin: 137px 0px 0px 183px;
		background: url(../images/sal_on.gif) no-repeat;
}
.kaple a{
        position: absolute;
		width:78px;
        height:176px;
        margin: 75px 0px 0px 106px;
		background: url(../images/kaple_off.gif) no-repeat;
}
.kaple a:hover{
        position: absolute;
		width:78px;
        height:176px;
        margin: 75px 0px 0px 106px;
		background: url(../images/kaple_on.gif) no-repeat;
}
.recepce {
        position: absolute;
		width:252px;
        height:175px;
        margin: 85px 0px 0px 120px;
		background: #FFF url(../images/recepce.gif) no-repeat;
}
.salonek a{
        position: absolute;
		width:143px;
        height:64px;
        margin: 121px 0px 0px 120px;
		background: #FFF url(../images/salonek_off.gif) no-repeat;
}
.salonek a:hover{
        position: absolute;
		width:143px;
        height:64px;
        margin: 121px 0px 0px 120px;
		background: #FFF url(../images/salonek_on.gif) no-repeat;
}
.lobby1 a{
        position: absolute;
		width:143px;
        height:64px;
        margin: 75px 0px 0px 218px;
		background: #FFF url(../images/lobby_off.gif) no-repeat;
}
.lobby1 a:hover{
        position: absolute;
		width:143px;
        height:64px;
        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{ 
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{
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: -100px;
left: 100px; 

}

/* Balíèek */
.balicek, .balicek_akce {

        display: block;
        float:left;
        width:100%;
		margin-bottom: 8px;
        border: 0px solid #000000;
}
.balicek_akce img {
        float:left;
        width:219px;
        margin: 2px 5px 5px 0 ;
        padding:2px;
        background: #FFF;
        border: 1px solid #cebb95;
}
.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_akce p {
        display: inline;
        float:left;
        width:220px;
        margin: 0px;
        font: 11px Arial, verdana;
        border: 0px solid #cebb95;
}
.balicek h3, .balicek_akce h3 {
        margin: 0;
        font-size: 105%;
        color: #937543;
}
.balicek a, .balicek_akce a {
        font-size: 105%;
        color: #937543;
}
.balicek a:hover, .balicek_akce 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:480px;
       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;

}

/* footer */
.footer {
        clear: both;
		margin-top: 0px;
        height:250px;
        background: #b2a072  url(../images/bgfooter1.gif) repeat-x top;
		color: #f3edd3;
        padding: 5px 20px;
        text-align: normal;
        border: 0px solid #000000;
}
.footer a {
        text-decoration: none;
		color: #f3edd3;
        font-weight: normal;
}

.footer a:hover{
        text-decoration: underline;
		color: #f3edd3;
        font-weight: normal;
}
.footer_box {
	float: left;
	width: 189px;
	padding: 0px;
	margin-bottom: 15px;
	border: 0px solid #666;
}
.footer_box ul{
	display:block;
	margin: 0;
	padding: 0;	
}
.footer_box li {
	display: block;
	margin: 0 0 0 10px;
	border: 0px solid #0C6;
}
.footer h3{	
	color: #f3edd3;
}
.hr {
	clear: both;
	border-bottom: 1px solid #f3edd3;
}
#seo {
        clear: both;
		float:left;
        width:300px;
        height:15px;
        font: 10px Arial, verdana;
        text-align: left;
        color:#937543;
		margin: 10px 0 0 0;
        border: 0px solid #cebb95;
}
*html #copy {
		margin: 0px 0 0 0;
}
#copy {
        clear: both;
		float:right;
        width:300px;
        height:15px;
        font: 10px Arial, verdana;
        text-align: right;
        color:#937543;
		margin: -25px 0 0 0;
        border: 0px solid #cebb95;
}
.cleaner {clear: both;}
.print { float: left; margin: 10px 20px;}

iframe {
	margin: 0 0 0 10px;
}
.shared{
		margin-left: 20px;
}
.twtr_okno {margin: 20px 0 0 10px;padding: 0; }
.malytext { font-size:11px; color: #333;}
.formular { width: 99%; background-color:#fefceb; border:1px solid #eae3c3;}
.formular input { margin: 2px 0; padding: 2px; font-size:11px;} 
.formular textarea { margin: 2px 0; padding: 2px; font-size:11px;} 
#ddmmyy { font-size:10px; margin-right: 25px;}
#calendar {margin: 10px 0 0 0; padding: 5px 0 0 0;}

.row0{background:white;}
.row0:hover{background:#f3edd3;}
.row1{background:white;}
.row1:hover{background:#f3edd3;}

.datum_archiv {margin: -10px 0 0 10px;}
.archiv {border: 0px solid #000000; text-align: left;}

/* STRANKOVANI */

.strankovani {margin-top: 50px;}
.cislo { display: inline; text-align:center; width: 16px; height: 16px; margin: 2px; padding: 3px;
}
.cislo a{ text-decoration:none;}
.mezera { display: inline; text-align:center; width: 16px; height: 16px; margin: 2px; padding: 0px; border: 0px solid #009bfd; background: #fff;}
.aktivni { display: inline; text-align:center; font-weight: bold; width: 16px; height: 16px; margin: 2px; padding: 0px; color: red;}

.prava {text-align: right; margin: -10px 10px 0 0;}

/* VOUCHER */

.voucher_box { margin: 10px 0 20px 0; padding: 0px;}
.voucher_nazev { font-size:16px;}
.voucher_img { float: left; padding: 0px; display: inline-block; width: 310px; border: 0px solid #333;}
.voucher_img img{ border: 1px solid #cebb95; padding: 2px; display:inline-block;}
.voucher_cena { display: inline; float: right; border: 0px solid #333; margin: 35px 35px 20px 0; padding: 0;}
.cena { display: inline; font-size: 18px; font-weight: bold; color:#F00;}
.koupit { margin: 0 0 0 27px; width: 130px; height: 30px; border: 0px solid #333; background: #fff url(../images/button-koupit.png) no-repeat; cursor: pointer; cursor: hand;}
.voucher_text { clear: both; margin: 0 0 10px 0;}
.objednavka {}
.objednavka td{ padding:2px;}
.objednavka input { padding: 2px;}