@import url("tabs.css");
@import url("thickbox.css");
@import url("gallery.css");

/* ---------------------------------------------------------------
Main Style Sheet
author: Martin Vach
email: info@vades.cz
website: www.vades.cz
--------------------------------------------------------------- */
*
{
	margin: 0;
	padding: 0;
}

/* ... Body ... */
body
{
	font-family: "verdana", "arial ce", "helvetica ce", verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #700D0C; 
	background: #A47A51 url(../images/layout/bcg-body.jpg) repeat-x;
	text-align: center;
	margin: 0;
	
}

body#PageIndex
{
	
	background: #EBD7BC url(../images/layout/bcg-index-body.jpg) repeat-x;
	
	
}



table
{
	width: 98%;
}

table, th, td
{
	font-size: 100%;
}

td
{
	vertical-align: top;
}

h1
{
	
	font-family: "Times New Roman CE", "Times Roman CE", "Times CE", "Times New Roman" times, serif;
	color: #F1BB70;
	font-size: 200%;
	margin-bottom: 10px;
	padding-bottom: 18px;
	border-bottom: solid 1px #86643A;
	font-style:italic;
	margin-right: 50px;
	margin-bottom: 40px;
}
#PageIndex h1
{
	padding-top: 5px;
	background: url(../images/layout/bcg-index-h1.gif) no-repeat;
	padding-left: 50px;
	margin-bottom: 10px;
	
}

h2
{
	font-size: 120%;
	color: #BF302C;
	margin-top: 20px;
}




/* ... Links ... */
a
{
	color: #BD2E2A;
}

a:hover
{
	
}

.MoreInfo
{
	text-align: right;
	margin-top: 10px;
	padding: 5px;
	
	
}
.MoreInfo a
{
	color: #FFF;
	padding-right: 10px;
	
	
}

.MoreInfo a:hover

{
	color: #681411;
	
	
}


/* ... Text ... */
#ContentIn
{
	line-height: 1.6em;
	margin: 30px 20px;
}

#ContentIn p
{
	margin-top: 10px;
}

#PageCenik p, #PageUbytovani p, #PageSluzby p
{
	text-align: justify;
}

.Perex
{
	font-weight: bold;
	margin-bottom: 20px;
}

.BoldText
{
	font-weight: bold;
	color: #005725;
}

.CenterText
{
	text-align: center !important;
}

/* ... List ... */
#Content ul li
{
	margin-left: 15px;
}

/* ... Help ... */
.NoScreen
{
  display: none;
}

hr.Cleaner
{
	clear:both;
	height:1px;
	margin: -1px 0 0 0; padding:0;
	border:none;
	visibility: hidden;
}
#Counter
{
	display: none;
	text-align: center;
}


/* ... Messages ... */

.ErrorList
{
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
	border: solid 2px red;
	background-color: #FFE1E1;
}

.ErrorList h2
{
	font-size: 120%;
	color: #FFF;
	background: red;
	padding: 5px;
	margin-bottom: 5px;
}

.ErrorMessage
{
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
	border: solid 2px red;
	background-color: #FFE1E1;
	text-align: center;
}


.DeleteForm
{
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
	border: solid 2px red;
	background-color: #FFE1E1;
	text-align: center;
}

.WarMessage
{
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
	border: 2px solid #FF9900;
	background-color: #FFEACA;
	text-align: center;
}

.OkMessage
{
	margin: 20px 0;
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
	border: 2px solid #009966;
	background-color: #D7FFD7;
	text-align: center;
}

/* ... Images ... */

a img
{
	border: 0 none;
}


.img-left
{
	float: left;
	margin-right: 15px;
	border: solid 4px #BD7A4C;
}
.img-right
{
	float: right;
	margin-left: 15px;
}



/* //////////////////////////////// LAYOUT //////////////////////// */

#Page, #Header, #Navigation, #FooterIn
{
	width: 960px;
	margin: 0 auto;
}


/* ... Page ... */

#PageIndex #Page
{
	
	width:auto !important;
	background: url(../images/layout/bcg-index-page.jpg) repeat-x 50% 0;
	
}
#PageIndex #PageIn
{
	width: 980px;
	margin: 0 auto;
	background: 0 none;

}
#Page
{
	
	
	background: #E5CCA8 url(../images/layout/bcg-right-culumn.jpg) repeat-y 0 100%;
	
}

#PageIn
{
	
	text-align: left;
	/*padding: 0 10px;*/
	background: url(../images/layout/bcg-page.jpg) no-repeat;
}



/* ... Header ... */
#Header
{
	background: url(../images/layout/bcg-header.jpg) no-repeat 50% 0;
	height: 196px;
	
	
}
#HeaderIn
{
	text-align: left;
}


#LangBar
{
	/*position: relative;*/
	width:68px;
	height: 32px;
	top: 148px;
	left: 901px;
	cursor: pointer;
	float:right;
}
#LangBar a
{
	/*display: block;
	width:20px;
	height: 33px;*/
	margin-right: 10px;
	position: relative;
	top: 90px;
	
}


#Slogan
{
	font-family: "Times New Roman CE", "Times Roman CE", "Times CE", "Times New Roman" times, serif;
	position: relative;
	left: 20px;
	top: 123px;
	color: #E2C69F;
	font-weight: bold;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	font-style: italic;
	line-height: 1.4em;
}
#Slogan strong
{
	font-size: 26px;
	font-style: normal;
	color: #F1BB70;
	padding-left: 40px;
}

/* ... Navigation... */
#Navigation
{
	width: 980px;
	
	background: url(../images/layout/bcg-navigation.jpg) no-repeat 50% 50%;
	
	
}
.navigationUl
{
    height: 60px;
	margin: 0 35px;
}

.navigationUl li 
{
    list-style: none;
    float: left;
    white-space: nowrap;
    text-align: center;
	background: url(../images/layout/bcg-navi-li.jpg) no-repeat 0 50%;
	height: 60px;
	line-height: 60px;	
	width: 113px;
	
}

.navigationUl a 
{
	font-family: "Times New Roman CE", "Times Roman CE", "Times CE", "Times New Roman" times, serif;
	display: block;
    float: left;
	text-align: center;
	text-transform: uppercase;
	color: #630E0E;
	font-size: 110%;
	font-weight: bold;
	text-decoration:none;
	height: 60px;
	width: 113px;
	line-height: 60px;	
	
	
}

.navigationUl a:hover 
{
   color: #654B30;
   text-decoration: underline;
}

.navigationUl .CurPage
{
    
}

.navigationUl .CurPage a 
{
    color: #654B30;
	text-decoration: underline;
	cursor:default;
	
}
.navigationUl .CurPage a:hover
{
    /*color: #FFF;*/
}

#LastNaviLi a
{
   background: url(../images/layout/bcg-navi-li.jpg) no-repeat 100% 50%;
}


/* ... Content ... */

#IndexMain
{
	background: #A37A50 url(../images/layout/bcg-index-main.jpg) repeat-x;
	color: #E2C69F;
	/*text-align: center;*/
	padding-top: 5px;
	font-size: 120%;
	font-weight: bold;
	
}

#IndexMainIn
{
	margin: 0 auto;
	padding-top: 10px;
	width: 960px;
	text-align: left;
	border-top: 1px solid #E2C69F;
	background: url(../images/layout/bcg-index-main-2.jpg) no-repeat 0 -10px;
	
}

#IndexMainText
{
	line-height: 1.6em;
	padding: 10px 10px 10px 20px;
	float: left;
	width: 500px;
	
	
}
.obrys
{
	border: solid 4px #A47A51;
}

#IndexImg
{
	float: right;
	width: 340px;
	padding-top: 10px;
}
#ContentBox
{
	float: right;
	width: 650px;
}

#Content
{
	
	float: left;
	width: 650px;
	
	
}

.Layout_c #Content
{
	
	width: 950px;
	float: left;
	
}

#ContentIn
{
	
	/*margin: 30px;*/
	
}
#ContentText
{
	
	margin: 30px;
	
}

#BreadCrumb
{
	font-size: 85%;
	color:#666666;
	text-transform:lowercase;
}

.IconBlock 
{
	float: left;
	margin: 20px 0;
}


.IconBlock div {
	padding: 0;
	margin: 20px;
	float: left;
	position: relative;
	text-align: center;
	width: 70px;
	cursor:help;
}

.IconBlock div p {
	background: #F6E5CD;
	width: 170px;
	position: absolute;
	top: -80px;
	left: -60px;
	text-align: center;
	padding: 10px;
	font-style: normal;
	z-index: 2;
	display: none;
	border: solid 2px #853212;
	font-size: 90%;
	text-align: center !important;
}

/* ... News ... */

.NewsBlock
{
	background: #E2C69F;
	padding: 10px;
}

.NewsBlock img
{
	border: solid 4px #BD7A4C;
}
 
.NewsBlock h2
{
	margin-top: 0;
	font-size: 110%;
}
.NewsDate
{
	font-style: italic;;
}

.ToCollapse
{
	font-weight: bold;;
}
.CloseBlock
{

	background: url(../images/layout/down-16x16.png) no-repeat 0 50%;
	margin: 10px 0;
	color: #BF3044;
	cursor: hand;
	cursor: pointer;
	padding-left: 20px;
	line-height: 16px;
	border-bottom: dotted 1px;


}
.OpenBlock
{
	background: url(../images/layout/up-16x16.png) no-repeat 0 50%;
	color:  #700D0C;
	cursor: hand;
	cursor: pointer;
	margin: 10px 0;
	line-height: 16px;
	border-bottom: 0 none !important;
}



/* ... SecondaryContent ... */
#SidebarRight
{
	float: right;
	width: 300px;
}
#SidebarRightIn
{
	
	
	
}
#ReservationPhone
{
	font-size: 130%;
	color:#E2C8A3;
	background: url(../images/layout/bcg-phone.gif) no-repeat 0 60%;
	padding-left: 60px;
	margin: 20px 0;
	height: 35px;
}

#Reservation
{
	margin-left: 20px;
}

#PageIndex #Reservation
{
	margin-top: 20px;
}

#LogoEurobillboard
{
	margin-left: 20px;
}


/* ... Footer ... */
#Footer
{
	
	font-size: 11px;
	clear: both;
	background: #CCC url(../images/layout/bcg-footer.jpg) repeat-x;
	color: #D8CBB8;
	height: 60px;
	text-align: left;
	
	line-height: 60px;
	
	
}

#FooterIn
{
	height: 60px;
	background: url(../images/layout/bcg-footer-in.jpg) no-repeat 100% 50%;
}
#Copyright
{
	float: left;
}
#FooterPanel
{
	float: right;
	margin-right: 150px;
}

#Footer a
{
	color: #D8CBB8;
	text-decoration: none;
}

#Footer a:hover
{
	color: #681411;
	text-decoration: underline;
}




#Created
{
	margin-top: 10px;
	
}

/* ... Form ... */

.ReservationTable
{
	width: 260px;
	
	
}
#ReservationForm 
{
	background: #E2C69F;
}

#ReservationForm fieldset 
{
	width: 260px;
	font-size: 90%;
	border: 0 none;
}

#ReservationForm input
{
	width: 120px;
}

#ReservationForm #ryourname
{
	width: 255px;
}

#ReservationForm textarea
{
	width: 255px;
	height: 80px;
	
}

#ReservationForm fieldset input, textarea, select
{
	border: solid 1px #CBAC81;
	background: #F6E5CD;
}

#ReservationForm fieldset option
{
	font-size: 90%;
	color: #700D0C;
	
}

.BtnSubmit
{
	width: 90px !important;
	height: 30px !important;
	border: 0 none;
	background: url(../images/layout/bcg-submit.jpg) no-repeat 100% 50%;
	color: #FFF;
	font-weight: bold;
	text-transform:lowercase;
	margin-bottom: 5px;
	cursor:pointer;
	line-height: 30px;
}

#ReservationHead
{
	background: #E2C69F;
	margin-bottom: -30px;
}

#ReservationHead img
{
	position: relative;
	left: -20px;
	top: -20px;
}

#ReservationHead h5
{
	position: relative;
	left: 50px;
	top: -40px;
	font-family: "Times New Roman CE", "Times Roman CE", "Times CE", "Times New Roman" times, serif;
	text-transform:uppercase;
	letter-spacing: 0.3em;
	word-spacing: 0.6em;
}


fieldset
{
	border: 0 none;
	
}

#Content form fieldset
{
	border-top: 1px solid  #CBAC81;
  border-bottom: 4px solid  #CBAC81;
  margin: 20px 0;
	
}

#Content form fieldset legend {
  padding: 0 2px;
  font-weight: bold;
  font-size: 110%;
   color: #666;
}



#Content form fieldset ol {
  margin: 0;
  padding: 0;
}
#Content form fieldset li {
  list-style: none;
  padding: 10px 5px;
  margin: 0;
  border-top: 1px solid  #CBAC81;
  
}

#Content form li textarea, #Content form li input
{
	width: 250px;
	border: solid 1px #CBAC81;
	background: #F6E5CD;
	
}

#Content form li label
{
	float: left;
	width: 150px;
	padding: 0 2px 0 15px;
	/*text-align: right;*/
	
}

.IsRequired {
  font-weight: bold;
 	color: #B02E3F;
  background: url(../images/layout/icon-required.gif) no-repeat 0 50%;
}



label.error {
	
	margin-left: 10px;
	width: 500px !important;
	color: red;
	font-weight: bold;
	font-style: italic;
	float: left;
	
}

#Reservation label.error {
	
	margin-left: 10px;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	font-style: italic;
	float: left;
	display: block;
	width: auto !important;
	
}

/* ... Tebles... */

#PageCenik #Content table
{
	width: 600px;
	margin-top: 10px;
	
	
}

#PageCenik #Content table td
{
	width: 300px;
	border-bottom: solid 1px #A47A51;
	padding: 3px;
	
	
}




/* ... Index... */

.homepageBox
{
	float: left;
	width: 300px;
}

.homepageBox h4
{
	font-family: "Times New Roman CE", "Times Roman CE", "Times CE", "Times New Roman" times, serif;
	text-transform:uppercase;
	letter-spacing: 0.1em;
	word-spacing: 0.4em;
	text-transform: uppercase;
	text-align: center;
}
#IndexGallery
{
	border-right: solid 1px #BD7A4C;
}

#IndexGallery h4
{
	height: 54px;
	background: url(../images/layout/bcg-index-gallery.gif) no-repeat ;
}

#IndexGallery p
{
	text-align: center;
	margin-bottom: 5px;
}

#IndexGallery img
{
	border: solid 4px #BD7A4C;
}

#IndexContact
{
	width: 260px;
	text-align: center;
	font-size: 120%;
	margin-left: 40px;
}