/* -- start setup -- */

* {
font-family : Helvetica,Arial,sans-serif;
font-size : x-small;
margin : 0;	
border : none;
padding : 0;
color:#7C819F;
color:#686d88;
}

/* -- common -- */

.m2 {margin : 2px;}
.m5 {margin : 5px;}
.m10 {margin : 10px;}
.m20 {margin : 20px;}
.m30 {margin : 30px;}

.mt5 {margin-top : 5px;}
.mt10 {margin-top : 10px;}
.mt14 {margin-top : 13px;}

.mt20 {margin-top : 20px;}
.mt40 {margin-top : 40px;}

.ml5 {margin-left : 5px;}
.ml10 {margin-left : 10px;}
.ml20 {margin-left : 20px;}
.ml40 {margin-left : 40px;}

.mb5 {margin-bottom : 5px;}
.mb10 {margin-bottom : 10px;}
.mb20 {margin-bottom : 20px;}
.mb40 {margin-bottom : 40px;}

.mr5 {margin-right : 5px;}
.mr10 {margin-right : 10px;}
.mr20 {margin-right : 20px;}
.mr40 {margin-right : 40px;}

.b1red {border : 1px solid Red;}
.b1bl {border : 1px solid Black;}
.b2bl {border : 2px solid Black;}
.b1wh {border : 1px solid White;}
.b2wh {border : 2px solid White;}

.b1oranz {border : 1px solid #FE5815;}

.p2 {padding : 2px;}
.p5 {padding : 5px;}
.p10 {padding : 10px;}
.p20 {padding : 20px;}
.p30 {padding : 30px;}
.p60 {padding : 60px;}

.pt2 {padding-top : 2px;}
.pt5 {padding-top : 5px;}
.pt10 {padding-top : 10px;}
.pt20 {padding-top : 20px;}
.pt30 {padding-top : 30px;}

.pr2 {padding-right : 2px;}
.pr5 {padding-right : 5px;}
.pr10 {padding-right : 10px;}
.pr20 {padding-right : 20px;}
.pr30 {padding-right : 30px;}

.pb2 {padding-bottom : 2px;}
.pb5 {padding-bottom : 5px;}
.pb10 {padding-bottom : 10px;}
.pb20 {padding-bottom : 20px;}
.pb30 {padding-bottom : 30px;}

.pl2 {padding-left : 2px;}
.pl5 {padding-left : 5px;}
.pl10 {padding-left : 10px;}
.pl20 {padding-left : 20px;}
.pl30 {padding-left : 30px;}

.ml0 {margin-left : 0;}

/* -- text -- */
.bez_podtrz {text-decoration : none;}
.b {font-weight : bold;}
.norm {font-weight : normal;}
.i {font-style : italic;}
.u {text-decoration : underline;}
.text_doprostred {text-align : center;}
.text_blok {text-align : justify;}
.text_doleva {text-align : left;}
.vcenter {vertical-align : middle;}

/* -- colors --*/
.wh {color : White;}
.cervena {color : Red;}
.cerna {color : Black;}
.blue {color : #00A0C6;}
.green {color: #87AF12;}

/* -- display --*/
.neviditelny {visibility : hidden;}
.skryty {display : none;}

/* -- font size -- */
.mediuml {font-size : medium;}
.small {font-size : small;} /* -- start size --*/
.x_small {font-size : xx-small;}
.font_x_small {font-size : 10px;}
.xx_small {font-size : xx-small;}
.horni_index {vertical-align : super;}

/* -- float -- */
.float_left {float : left;}
.float_right {float : right;}

.clear {clear : both;}
.clearZero {
clear : both;
font-size: 1px;
height:1px;
line-height:1px;
}

.clearLeft {clear: left;}

/* -- all pages -- */
hr {display : none;}

body {
background-color : #DEE1E8;
text-align:center;
}

#container {
position:relative;
width:900px;
margin: 0 auto;
text-align:left;
}

#menuLang {
height:35px;
line-height:35px;
text-align:right;
}

#menuLang a {
margin-left:5px;
text-decoration:none;
text-transform:uppercase;
}

#menuLang a:HOVER, #menuLang a.selected {text-decoration:underline;}

#content {background-color: White;}

#header {
height:118px;
background-image: url(../pcs/pcs_layout/logo.gif);
background-position: top left;
background-repeat: no-repeat;
position:relative;
}

#homeRun {
display:block;
position:absolute;
top:20px;
left:30px;
width:160px;
height:85px;
}

#mainMenu {
position:absolute;
top: 95px;
right: 20px;
}

#mainMenu li {
display:inline;
margin-left:10px;
}

#mainMenu li a {
text-decoration:none;
text-transform:uppercase;
}

body.cz #mainMenu li a {font-size:120%;}
body.de #mainMenu li a {font-size:110%;}
body.en #mainMenu li a {font-size:100%;}
body.ru #mainMenu li a {font-size:100%;}

#mainMenu a:HOVER, #mainMenu a.selected {text-decoration:underline;}

#contentImg {
width:900px;
height:143px;
background-image: url(../pcs/pcs_layout/intro-content-img.jpg);
background-position: center;
background-repeat: no-repeat;
}

#contentImg span a {visibility: hidden;}

/*#mainContent {padding:40px 50px 50px 30px;}*/
#mainContent {padding:40px 37px 15px 30px;}

#main {
float:right;
width: 600px;
position:relative;
}

#context {width: 206px;}

/*	pokud existuje pravy sloupec	*/
#mainIn {
width:385px;
float:left;
}

/*	fotky / dalsi info v hlavnim sloupci napravo	*/
#gallery {
width:180px;
float:right;
}

#gallery a img {margin: 0 0 10px 0;}

/*	carovy oddelovac obsahu	*/
.odd, .oddBottom, .oddKarty {
margin: 2px 0 18px 0;
height:5px;
font-size:1px;
border-bottom:1px solid #637499;
}

/*	carovy oddelovac do leveho sloupce - sirka o neco vyssi nez karticka	*/
.oddKarty {width: 150px;}

h1, h2.otherH1 {
font-weight:normal;
font-size: 180%;
color:#637499;
text-transform : uppercase;
}

h2, h3 {
font-weight:normal;
font-size: 150%;
color:#637499;
margin: 0 0 5px 0;
text-transform : uppercase;
}

h2 a, h3 a {
font-size: 100%;
text-decoration:none;
}

h2 span, h3 span {
text-transform : none;
font-size: 100%;
}

/*	search form	*/
#searchForm {
background-color: #E4E6EE;
padding:8px 0;
line-height:13px;
}

.formOdd {
clear:left;
height:5px;
border-bottom:1px solid White;
margin-bottom:8px;
font-size:1px;
}

#searchForm p {padding:0 0 0 12px;}

#searchForm select {
width: 175px;
border:1px solid #637499;
margin-bottom:3px;
padding:2px;
 }
 
#searchForm input {
width: 169px;
border:1px solid #637499;
margin-bottom:3px;
padding:2px;
}

#searchForm input.submitForm {
width: 173px;
text-align:right;
border:none;
background-color : White;
font-weight:bold;
}

#searchForm label,#searchForm select,#searchForm input {}

#searchForm .smBox,.creditCardForm .smBox {width: 41px;}
#searchForm .mdBox,.creditCardForm .mdBox {width: 53px;}
#searchForm .lgBox {width: 88px;}
#searchForm .vlgBox {width: 165px; text-align: right;}
#searchForm .vlgBox2 {width: 165px;}

#searchForm .lgBoxFloat {
width: 88px;
float:left;
}

.orBetter {
padding:5px 0 0 0;
_line-height:20px;
}

#searchForm label {width: 45px;}
#searchForm .chck {width: 20px;border: none;}
 
 /*	news - colum	*/
 #columNews p.ods {padding: 3px 0 10px 0;}
 #columNews p strong {font-size: 115%;}

/*	hotel Cards	- do hlavniho obsahu i do leveho sloupce */
/* pokud je karticka v hlavni casti, floatuje se doleva, pokud ne (tzn. karticka v levem sloupci, neni tam float */  
#main .hotelCard, #main .hotelCardLast {float:left;}	/*	floatuj karticky v hl.sloupci	*/
  
.hotelCard, .hotelCardLast {
width: 133px;
margin: 0 20px 0 0;
height: 270px;
position : relative;
}

.hotelCardLast {margin: 0 0 0 0; }

/*	ruske kartickz fix - delsi	*/
body.ru .hotelCard, body.ru .hotelCardLast {height: 310px;}

.hotelCard h2, .hotelCardLast h2, .hotelCard h3, .hotelCardLast h3 {
margin: 5px 0; 
font-size: 12px;
font-weight:bold;
}  

.hotelCard p.ods, .hotelCardLast p.ods {margin: 0 0 15px 0;}  

.hotelBookHere {
position:absolute;
bottom: 12px;
right:3px;
display:block;
width: 32px;
height:32px;
background-image : url(../pcs/pcs_layout/book-here.gif);
background-position : center;
background-repeat : no-repeat;
}

.hotelSmallCard, .hotelSmallCardLast {
width:183px;
height:70px;
margin: 0 20px 5px 0;	
float:left;
}

.hotelSmallCardLast {margin: 0 0 5px 0;}

.hotelSmallCard img, .hotelSmallCardLast img {
float:left;
margin-right:10px;
}

.hotelSmallCard h3, .hotelSmallCardLast h3 {
margin: 0 0 3px 0; 
font-size: 12px;
font-weight:bold;
}  

.hotelSmallCard p, .hotelSmallCardLast p {font-size: 90%;}  

.hotelHeader {
position:relative;
font-size: 140%;	
}

.hotelHeader a, .hotelHeader strong {font-size: 100%;	}

.hotelHeaderBook {
float:right;
margin-top:35px;

display:block;
width: 50px;
height:50px;
background-image : url(../pcs/pcs_layout/book-here-detail.gif);
background-position : center;
background-repeat : no-repeat;
}

/*  db pcs box  */
.hotelSmallPcs,.hotelMeddiumPcs,.hotelBigPcs {
background-position : 50% 50%;
background-repeat : no-repeat;
}

.hotelSmallPcs {
display: block;
width: 60px;
height: 40px;
float:left;
margin-right:10px;
}

.hotelMeddiumPcs {
width: 132px;
height: 86px;
}

.hotelMeddiumPcs a {
display: block;
width: 132px;
height: 86px;
}

.hotelBigPcs {
width: 181px;
height: 118px;
}

/*	txt	*/ 
.ods {
margin: 0 0 25px 0;
font-size:120%;
}

.ods * {font-size:100%;}

#credits {
margin-top:5px;
text-align:right;
}

#credits a {text-decoration:none;}

a.noUnderline {text-decoration:none;}

.hotelItems {margin:5px 0 35px 15px;}

.hotelItems li {
color:#F7C00E;
list-style-type: square;
}

.hotelItems span {color:#7C819F;}

/*  pricelist & calendar  */
table.priceList,table.calendar {width: 100%; border-collapse: collapse;}

table.priceList th, table.priceList td { 
border-bottom: 1px solid #B0B8CB; 
padding: 3px 15px 3px 3px;
text-align: left;
font-weight: normal;
}

table.calendar th, table.calendar td {
border-bottom: 1px solid #B0B8CB;
border-right: 1px solid #B0B8CB;
padding: 2px 3px;
text-align: center;
}

tr.boldLine td, tr.boldLine th {
border-bottom: 2px solid #637499;
}

table.priceList td { font-weight: bold; }
table.priceList td.textMiddle { text-align: center; }
table.calendar th.textLeft { text-align: left; }

table.calendar th { font-size: 1.1em; font-weight: bold; }
table.calendar td { font-size: .9em; }

.calendar td.actionPrice {
font-size: 1.1em;
color: #000;
background-color: #F7BF0B;
}

.calendarHelp {
width: 15px;
height: 15px;
background-color: #F7BF0B;
margin-right: 5px;
}

.weekNav {
padding: 10px 0 5px 0;
text-align: center;
font-size: 1.2em;
font-weight: bold;
color: #637499;
text-transform: lowercase;
border-bottom: 2px solid #637499;
}

.weekNav .weekNum { 
font-size: 2.4em;
color: #637499;
}

.weekNav sub {
font-size: 1.2em;
font-weight: normal;
}

a.arrow	{
text-decoration: none;
font-weight: bold;
color: #637499;
font-size: 1em;
}

/*	highlight - 3sloupce	*/
.highlight {
float:left;
padding-left:12px;
background-image: url(../pcs/pcs_layout/dot.gif);
/*background-position: left top;*/
background-position: 0 4px;
background-repeat: no-repeat;
margin-right:10px;
width:102px;
}

/*	form	*/
label, input {
display: block;
float: left;
margin-bottom: 5px;
}

label {width: 110px;}
label {width: 146px;}

input, select, textarea {
margin-bottom: 5px;
border : 1px solid #637499;
}

input.error, select.error, textarea.error  {border : 1px solid red;}

textarea.komplet {
width: 300px;
height : 90px;
}

select {
width: 260px;
_margin-left: -3px;
}

select.short {
width: 136px;
}

input {padding : 2px;}
input.short {width: 80px;}
input.long {width: 150px;}
input.submit {width: 260px;}

option {
padding : 2px;
}

legend {
text-align: left;
font-weight : bold;
padding-top: 10px;
_margin-left: -6px;
font-size:120%;
}

label {
text-align: left;
padding-top : 4px;
}

#objednavkovy_form p {margin-top : 0;}
#objednavkovy_form br {
clear: left;
line-height : 8px;
}

.povinne {
font-size : xx-small;
color:Red;
}

input.submit {
background-color : #637499;
font-weight : bold;
width:156px;
color:White;
border : none;
line-height:20px;
height:24px;
text-transform:uppercase;
}

#chybove_odeslani, #uspesne_odeslani {
margin: 20px 0;
font-weight: bold;
color: #425056;
}

/*	gb - vypis	*/
.vypisGb {margin:25px 0;}
.nadpisGb {
font-size:125%;
margin-bottom:2px;
}

.datumGb {
float:left;
margin-right:5px;
color:#A5AAC6;
}

.autorGb a {text-decoration:none;}
.autorGb a:HOVER {text-decoration:underline;}

.textGb {
margin-top:5px;
font-size:90%;
padding-bottom:5px;
border-bottom:1px solid #A5AAC6;
}

.listovani  {font-size:120%;}

.listovani a {
text-decoration:none;
color: #A5AAC6;	
font-size:100%;
}

.listovani a:HOVER { color:#5B6184;}

.actionText,.actionText * { color: #F7BF0B; font-weight: bold; }

/*	form - kreditni karty	*/
.creditCardForm {
width:260px;
width:270px;
padding:8px 5px 5px 5px;
/*text-align:center;	*/
border:1px solid #D7D9E2;

float:left;
margin-right:5px;
}

.creditCardForm label {
text-align:right;	
width: 110px;
margin-right:10px;
}

.creditCardForm input {width: 130px;}

.creditCardForm select {
width: 137px;
margin-right:2px;
}

.creditCardForm select.creditCardExpire, .creditCardForm select.creditCardExpireSec {
width: 66px;
margin-right:5px;
_margin-right:7px;
float:left;
}

.creditCardForm select.creditCardExpire {margin-left:0px;}
.creditCardForm select.creditCardExpireSec {margin-right:0;}
.creditCardForm textarea {
width:134px;
height:45px;
_height:39px;
_margin-left:-2px;
}

input.hid	{ border: 0; margin: 0; padding: 0; }

/*   terminy rezervaci   */
.roomDeparture, .roomFull, .roomEmpty	{
float: left;
width: 100px;
height: 60px;
margin: 0 5px 5px 0;
border: 1px solid #000;
}

.roomDeparture { background-color: #FFF; }
.roomEmpty { background-color: #0FF; }
.roomFull { background-color: #F00; }

.creditCardForm input.numField { width: 50px; }

/*	googleMaps	*/
.googleMapsForm	{ width: 380px; position: relative; }
.googleMapsForm label,.googleMapsForm input	{ float: left !important;  }
.googleMapsForm .fromAddress	{ width: 220px; }
.googleMapsForm .smBox	{ width: 40px; text-align: right; }
.submitMap	{
position: absolute;
top: 0; 
right: 0;
background-color : #637499;
font-weight : bold;
width:106px;
color:White;
border : none;
line-height:20px;
height:24px;
text-transform:uppercase;
}

/*	kontakty	*/
.itemContact {
height:95px;
float:left;
width:190px;
}

.itemContact strong {font-size:140%;}

/* pocasi */
.weatherLoc {display: block; width: 95%; height:21px;}

.weatherTable { border: none; margin: 0; width: 95%; }
.weatherTable td	{ padding: 2px 0; font-size: 13px; text-align: left; width: 30%; }
.weatherTable td.toRight	{ text-align: right; width: 20%; }
.weatherTable td strong		{ font-size: 1.1em; }
.weatherTable .f14e {font-size: 1.2em;}

#weaterDayNight {
height: 14px;
background-image: url(../pcs/pcs_layout/daynight.gif);
background-position: 95px 0px;
background-repeat: no-repeat;
}

/* restaurace - mapa */
#restauraceMapa {
position:relative;
width:584px;
height:390px;
}

.restBox {
position:absolute;
width:250px;
top: -2000px;
right: 1px;
}

.restBoxHead {
height: 25px;
background-image: url(../pcs/pcs_layout/buble_top_left.gif);
background-position: 0 0;
background-repeat: repeat;
padding: 10px 10px 0 35px;
}

.restBoxHead h2 {font-size: 1em; font-weight: bold;}

.restBoxData {
background-image: url(../pcs/pcs_layout/buble_down_left.gif);
background-position: 0 100%;
background-repeat: repeat;
padding: 0 5px 10px 35px;
}

.rightRestBox .restBoxHead {
background-image: url(../pcs/pcs_layout/buble_top_right.gif);
padding: 10px 35px 0 10px;
}

.rightRestBox .restBoxData {
background-image: url(../pcs/pcs_layout/buble_down_right.gif);
padding: 0 35px 10px 10px;
}


#footerMail  {
margin-top:5px;
float:right;
width:600px;
}

#footerMail a {text-decoration:none;}

#loga {
text-align:center;
margin: 25px auto;
}

#loga a {
height: 50px;
background-position : center;
background-repeat : no-repeat;
display:block;
float:left;
}

.logo1 {
width:115px;
background-image : url(../pcs/pcs_layout/logo_01.gif);
}

.logo2 {
width:61px;
width:55px;
background-image : url(../pcs/pcs_layout/logo_02.gif);
}

.logo3 {
width:93px;
background-image : url(../pcs/pcs_layout/logo_03.gif);
}

.logo4 {
width:62px;
width:55px;
background-image : url(../pcs/pcs_layout/logo_04.gif);
}

/* banner */
.banner-layer {
position: absolute;
top: 270px;
left: 222px;
width: 580px;
}

.banner {
position: relative;
background-image: url(../pcs/pcs_layout/banner_bg.png);
background-position: bottom right;
background-repeat: no-repeat;
margin-bottom: 20px;
}

.banner-line {
width: 556px;
height: 1px;
border-top: 3px solid #7488ab;
}

.banner-close {
position: absolute;
display: block;
top: 11px;
right: 31px;
width: 300px;
text-align: right;
padding-right: 20px;
font-size: 9px;
line-height: 14px;
text-decoration: underline;
background-image: url(../pcs/pcs_layout/banner_close.gif);
background-position: top right;
background-repeat: no-repeat;
}

.banner-box {
width: 468px;
background-position: 100% 35px;
background-repeat: no-repeat;
position: relative;
padding: 35px 30px;
}

.banner-box p {
width: 300px;
font-size: 1.3em;
line-height: 1.5em;
padding-bottom: 12px;
}

.banner-box strong {
text-transform: uppercase;
font-size: 1.5em;
}