@charset "utf-8";
/* CSS Document - GOLDENCITY */

/******************************

	global

******************************/
* { padding: 0; margin: 0; }
body { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #464646; background: #b2c0d4 url(../img/body-bg.png) 0 0 repeat-x; padding: 0 0 30px; }

a { color: #3f6394; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; }
.hidden { display: none; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }
.red { color: #FF3333 !important; }
.blue1 {color: #336699 !important;}
.blue2 {color: #6699FF  !important;}
.blue3 {color: #9999FF !important;}
.white {color: #fff !important;}

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }


/******************************

	layout

******************************/
#page-wrapper { width: 984px; padding-left: 6px; margin: auto; position: relative; }
#column-wrapper { background: url(../img/column-wrapper-bg.png) 0 0 no-repeat; width: 990px; margin-left: -6px; padding-top: 23px; overflow: auto; }
#right-wrapper { float: right; width: 735px; }
#content { float: left; width: 450px; padding: 10px 20px 20px 15px; }
#right-column { float: right; width: 243px; padding: 7px 0 10px; }
#left-column { width: 225px; padding: 10px 5px 10px 21px; }

.no-rcolumn { background: url(../img/column-wrapper-bg2.png) 0 0 no-repeat !important; }
.no-rcolumn2 { width: 695px !important; }
/******************************

	homepage

******************************/
#hp #column-wrapper { background-image: url(../img/hp-column-wrapper-bg.png); padding-top: 0; }
#hp #boxes { top: 348px; height: 378px; padding-top: 4px; }
#hp #boxes .box { height: 167px; }
#hp #boxes .box.goldencity { background-image: url(../img/hp-box-hotel-goldencity-bg.jpg); }
#hp #boxes .box.tabor { background-image: url(../img/hp-box-hotel-tabor-bg.jpg); }
#hp #boxes .box.bene { background-image: url(../img/hp-box-residence-bene-bg.jpg); }
#hp #boxes .box.apartments { background-image: url(../img/hp-box-apartments-bg.jpg); margin-right: 0; }
#hp #boxes .goldencity h2 span { background-image: url(../img/hp-box-title-hotel-goldencity.png); }
#hp #boxes .tabor h2 span { background-image: url(../img/hp-box-title-hotel-tabor.png); }
#hp #boxes .bene h2 span { background-image: url(../img/hp-box-title-residence-bene.png); }
#hp #boxes .apartments h2 span { background-image: url(../img/hp-box-title-apartments2.png); }
#boxes .box .prices { height: 40px; padding: 5px 0 0 9px; overflow: hidden; }
#boxes .box .more { height: 20px; padding: 0 0 0 9px; font-size: 12px; }
#boxes .box .more a { font-weight: bold; }
#hp #boxes .box .book { padding: 10px 0 0 15px; }
/*#hp #boxes .box .book a span { background-image: url(../img/hp-box-button-book.png); }*/
#hp #boxes .box .book a span { background-image: url(../img/hp-box-button-book-cz.png); }
/*#hp #boxes .box.apartments .book a span { background-image: url(../img/hp-box-button-select-apartment.png); }*/
#hp #boxes .box.apartments .book a span { background-image: url(../img/hp-box-button-select-apartment-cz.png); }

#hp #visual { height: 240px; margin-bottom: 380px; }
#hp #visual img { margin-top: 0; }

#hp #breadcrumbs { display: none; }

#hp #reservation { background-image: url(../img/hp-block-reservation-bg.jpg); }


/******************************

	header, languages, visual

******************************/
#header { height: 107px; background: #34577b url(../img/header-bg.png) 0 0 no-repeat; margin-bottom: 1px; }
#logo { width: 240px; height: 95px; padding: 5px 0 0 15px; font-size: 18px; }
#logo a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; }

#languages { position: absolute; top: 8px; right: 25px; font-size: 11px; color: #98a3b0; }
#languages a { color: #98a3b0; padding: 2px 0 2px 28px; margin: 0 5px; }
#languages .en { background: url(../img/flag-en.png) 0 2px no-repeat; }
#languages .cz { background: url(../img/flag-cz.png) 0 2px no-repeat; }


/******************************

	visual, hotel boxes

******************************/
#visual { height: 88px; background-color: #f5f5f5; margin-bottom: 350px; overflow: hidden; }
#visual img { display: block; margin-top: -30px; }
#boxes { position: absolute; top: 196px; right: 0; width: 984px; height: 135px; background: #f5f5f5 url(../img/hp-boxes-bg.png) 0 0 repeat-x; padding-top: 3px; }
#boxes,
#boxes a { color: #d7e0e9; font-size: 11px; }
#boxes .box { float: left; position: relative; height: 117px; width: 228px; background-color: #34577b; background-position: 0 0; background-repeat: no-repeat; margin-right: 4px; padding: 15px 10px 0 5px; }
#boxes .box.goldencity { background-image: url(../img/box-hotel-goldencity-bg.jpg); }
#boxes .box.tabor { background-image: url(../img/box-hotel-tabor-bg.jpg); }
#boxes .box.bene { background-image: url(../img/box-residence-bene-bg.jpg); }
#boxes .box.apartments { background-image: url(../img/box-apartments-bg.jpg); margin-right: 0; }
#boxes .box h2 { width: 213px; height: 40px; font-size: 18px; font-weight: normal; color: #fff; line-height: 1.1; padding-left: 5px; }
#boxes .box h2 em { display: block; font-size: 12px; }
#boxes .goldencity h2 span { background-image: url(../img/box-title-hotel-goldencity.jpg); }
#boxes .tabor h2 span { background-image: url(../img/box-title-hotel-tabor.jpg); }
#boxes .bene h2 span { background-image: url(../img/box-title-residence-bene.jpg); }
#boxes .apartments h2 span { background-image: url(../img/box-title-apartments2.jpg); }
#boxes .box .type { width: 76px; height: 30px; padding: 12px 0 0 0; text-align: center; color: #e4cf84; position: absolute; top: -16px; right: 5px; }
#boxes .box .type.historical span { background-image: url(../img/box-type-historical.png); }
#boxes .box .type.central span { background-image: url(../img/box-type-central.png); }
#boxes .box .type.economical span { background-image: url(../img/box-type-economical.png); }
#boxes .box .book { height: 25px; padding: 25px 0 0 15px; font-size: 12px; text-transform: uppercase; }
#boxes .box .book a { display: block; height: 25px; width: 86px; color: #755c09 !important; }
#boxes .box .book a strong { background-color: #e4cf84; padding: 0 2px; }
/*#boxes .box .book a span { background-image: url(../img/box-button-book.png); }*/
#boxes .box .book a span { background-image: url(../img/box-button-book-cz.png); }
#boxes .box.apartments .book a { margin-left: 3px; width: 160px; }
/*#boxes .box.apartments .book a span { background-image: url(../img/box-button-select-apartment.png); }*/
#boxes .box.apartments .book a span { background-image: url(../img/box-button-select-apartment-cz.png); }


/******************************

	menu

******************************/
#menu { position: absolute; top: 63px; right: 16px; width: 648px; }
#menu ul { list-style: none; }
#menu ul li { float: left; position: relative; }
#menu ul li a { display: block; float: left; height: 26px; line-height: 26px; color: #fff; font-size: 14px; letter-spacing: -1px; text-align: center; overflow: hidden; }
#menu ul li a:hover span { background-position: 0 -26px; }
/* menu EN */
/*
#menu .m1 a { width: 62px; }
#menu .m1 a span { background-image: url(../img/menu-home.png); }
#menu .m2 a { width: 150px; }
#menu .m2 a span { background-image: url(../img/menu-hotels.png); }
#menu .m3 a { width: 110px; }
#menu .m3 a span { background-image: url(../img/menu-special-offers.png); }
#menu .m4 a { width: 78px; }
#menu .m4 a span { background-image: url(../img/menu-services.png); }
#menu .m5 a { width: 96px; }
#menu .m5 a span { background-image: url(../img/menu-prague-tips.png); }
#menu .m6 a { width: 80px; }
#menu .m6 a span { background-image: url(../img/menu-about-us.png); }
#menu .m7 a { width: 72px; }
#menu .m7 a span { background-image: url(../img/menu-contact.png); }
*/
/* menu CZ */
#menu .m1 a { width: 113px; }
#menu .m1 a span { background-image: url(../img/menu-cz-home.png); }
#menu .m2 a { width: 146px; }
#menu .m2 a span { background-image: url(../img/menu-cz-hotels.png); }
#menu .m3 a { width: 103px; }
#menu .m3 a span { background-image: url(../img/menu-cz-special-offers.png); }
#menu .m4 a { width: 68px; }
#menu .m4 a span { background-image: url(../img/menu-cz-services.png); }
#menu .m5 a { width: 54px; }
#menu .m5 a span { background-image: url(../img/menu-cz-prague-tips.png); }
#menu .m6 a { width: 62px; }
#menu .m6 a span { background-image: url(../img/menu-cz-about-us.png); }
#menu .m7 a { width: 72px; }
#menu .m7 a span { background-image: url(../img/menu-cz-contact.png); }

/* submenu */
#menu ul li.m2 { overflow: visible; }
#menu ul li ul { display: none; position: absolute; top: 26px; left: 0; width: 200px; background: url(../img/submenu-bg.png) 0 0 repeat; border-top: 1px solid #30587c; }
#menu ul li:hover ul { display: block; }
#menu ul ul li { float: none; }
#menu ul ul li a { float: none; height: auto; width: 190px !important; padding-left: 10px; text-align: left; font-size: 13px; text-decoration: none; border-bottom: 1px solid #000; }
#menu ul ul li a:hover { text-decoration: underline; }

/******************************

	breadcrumbs

******************************/
#breadcrumbs { position: absolute; top: 525px; left: 21px; width: 959px; height: 16px; font-size: 11px; line-height: 16px; overflow: hidden; }
#breadcrumbs a { color: #485464; }


/******************************

	left column

******************************/
#left-column h2 { font: bold 14px Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -1px; color: #475363; padding: 10px 0; }
#hp #left-column h2 { font-size: 15px; }

/* left submenu */
#left-menu ul { list-style: none; padding-bottom: 10px; }
#left-menu ul li { }
#left-menu ul li a { display: block; color: #464646; font-weight: normal; background: #cec19d url(../img/arrow-blue.png) 17px 11px no-repeat; border-top: 1px solid #f2f5f6; font-size: 13px; line-height: 28px; margin-left: -15px; padding-left: 27px; width: 214px; }
#left-menu ul li a:hover,
#left-menu ul li.active a { color: #010101; background-color: #cbb47f; border-color: #fff; text-decoration: underline; }

/* common block */
#left-column .block { padding-bottom: 5px; }
#left-column .block ul { list-style: none; }
#left-column .block ul li { background: url(../img/arrow-blue.png) 1px 5px no-repeat; padding: 0 0 6px 11px; }


/*****************************

	right column

******************************/
#right-column h2 { font: bold 15px Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -1px; color: #fff; padding: 10px 0; }
#reservation { width: 223px; height: 180px; padding: 3px 5px 5px 15px; color: #d1dce7; background: #34577b url(../img/block-reservation-bg.jpg) top right no-repeat;}
#reservation a { color: #fff; }


/******************************

	content

******************************/
#content .small { font-size: 12px; }
#content h1 { font: bold 26px Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -1px; color: #475363; padding: 10px 0 5px; line-height: 1.1; }
#content h2 { font: bold 20px Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -1px; color: #475363; padding: 10px 0 5px; line-height: 1.1; }
#content h3 { font: normal 16px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #CC6600 !important; font-weight: bold; padding: 10px 0 5px; line-height: 1.1; }
#content h1 em { display: block; font-size: 15px; font-style: normal; }
#content p { font-size: 13px; line-height: 1.5; margin: 10px 0; }
#content img.right { margin: 3px 0 3px 10px; }
#content img.left { margin: 3px 10px 3px 0; }
#content ul { list-style: none; margin: 10px 5px; }
#content ul li { background: url(../img/arrow-blue.png) 1px 5px no-repeat; padding: 0 0 4px 11px; }


/******************************

	forms, tables

******************************/
form fieldset { border: none; }
input.input,
textarea,
select { font: 12px Arial, Helvetica, sans-serif; border: 1px solid #b9b9b9; vertical-align: middle; }
input.checkbox,
input.radio { vertical-align: middle; }

/******************************

	tabulka      

******************************/ 
.table{border-collapse: collapse; border: 1px black solid;}
.table tr{}
.table td{border: 1px black solid; padding: 2px 4px;}

/* reservation */
#reservation-form table { border-collapse: collapse; width: 100%; }
#reservation-form td { border-collapse: collapse; padding: 0; }
#reservation-form #accommodation-type { width: 205px; margin-bottom: 12px; }
#reservation-form .dates img { vertical-align: middle; }
#reservation-form .submit { margin: 18px 0 0 -10px; }

/* common form */
#content .common-form { font-size: 13px; line-height: 1.5; }
#content .common-form table td { padding: 2px 3px; }
.common-form .input,
.common-form textarea { padding: 1px 2px; }
.common-form .captcha { border:1px solid #B9B9B9; } 
.common-form .submit { color:#000; border:none; background: #B9B9B9; font-weight: bolder; padding: 1px 2px; cursor: pointer; cursor: hand; overflow: visible; }
p.info { color:#a00; font-weight: bolder; }

/******************************

	footer

******************************/
#footer { background-color: #304661; padding: 20px 15px; text-align: right; font-size: 12px; color: #fff; }
#footer a { color: #fff; }
#footer a:hover { text-decoration: none; }
#footer #copy { float: left; }

/* Galerie */
.stepcarousel { position: relative; /*leave this value alone*/ border: 0px solid black; overflow: scroll; /*leave this value alone*/ width: 450px; /*Width of Carousel Viewer itself*/ height: 299px; /*Height should enough to fit largest content's height*/ }
.stepcarousel .belt { position: absolute; /*leave this value alone*/ left: 0; top: 0; }
.stepcarousel .panel { float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 10px; /*margin around each panel*/ width: 430px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ } 
.stepcarousel .panel div { position: absolute; top: 271px; float: left; width: 420px; margin: 0 auto; text-align: center; color: white; font-weight: bold; border: 0px red solid; }
    
#foto-scroller { width:99%; margin-top: 2px; margin-left: auto; margin-right: auto; padding-left: 18px; font-size: 13px;}
#foto-scroller img { margin:0 1px 0 0px; border: 2px solid #F2F2F2; }
#foto-scroller a:hover img { border: 2px solid #e3b760; }
#foto-scroller span { padding: 0px; cursor:pointer;}
#foto-scroller span img { border: 0px !important; }
#foto-scroller span:hover { border-color: #CC0000; color: #CC0000; }
#foto-scroller span.previous { display:block; float: left; margin:12px 10px 0 0; font-size: 10px; }
#foto-scroller span.next { display:block; float:left; margin:12px 0 0 10px; font-size: 10px; }
#foto-scroller-items {	width:375px; overflow:hidden; float:left; }
#foto-scroller-items-inner { white-space:nowrap; }
#foto-scroller-items-inner img { cursor:pointer; }

.share-this a { color: #98A3B0; padding: 2px 0 2px 2px; background: url(../img/ico-share-this.png) left 50% no-repeat; text-decoration: none; display: inline-block; }
.share-this a:hover { text-decoration: underline; }

.toolbox{
    float:left;
    border: 2px solid #01619F;     
    background-color: #fff; 
    padding: 8px;    
    font-size: 11px;
    font-weight: normal;
}  

.toolbox a{padding-left:1.6em; line-height:1.6em; padding-bottom:2px;text-decoration:none;margin: 0 3px 0 0;}
.toolbox a:hover{text-decoration:underline;}
.toolbox a.close{padding: 0; margin: 0 0 0 85px; color: #01619F; }
.toolbox #facebook {background:url("/img/social-bookmarking/facebook.gif") left top no-repeat}
.toolbox #twitter {background:url("/img/social-bookmarking/twitter.gif") left top no-repeat}
.toolbox #google {background:url("/img/social-bookmarking/google.gif") left top no-repeat}
.toolbox #jagg {background:url("/img/social-bookmarking/jagg.gif") left top no-repeat}
.toolbox #linkuj {background:url("/img/social-bookmarking/linkuj.gif") left top no-repeat}
.toolbox #vybrali-sme {background:url("/img/social-bookmarking/vybrali-sme.gif") left top no-repeat}
.toolbox #delicious {background:url("/img/social-bookmarking/delicious.gif") left top no-repeat}
.toolbox #digg {background:url("/img/social-bookmarking/digg.gif") left top no-repeat}
.toolbox #pridateu{background:url("/img/social-bookmarking/pridateu.gif") left top no-repeat}
.toolbox #reddit {background:url("/img/social-bookmarking/reddit.gif") left top no-repeat}
.toolbox #newsvine {background:url("/img/social-bookmarking/newsvine.gif") left top no-repeat}
.toolbox #stumbleupon {background:url("/img/social-bookmarking/stumbleupon.gif") left top no-repeat}

#b_editDates { float: left; width: 238px; margin-right: 7px;}