/*
 *  CSS - zakladni casti indexu
 *  Copyrighted by www.LTweb.cz
 */

/*HLAVNI DIV -----------------------------------------------------------------*/
#page {
  position: relative;
  width: 955px;
  margin: 0 auto;
  height: 100%;
  min-height: 100%;
  background: #d3d7d8 url(../img/page-pozadi.jpg) repeat-y center;
}

body>#page {
 	height: auto;
}

#ram-pata {
  width: 955px;
  padding-bottom: 3px;
}

/*HEADER - hlavicka stránky---------------------------------------------------*/
#header {
  width: 939px;
  height: 146px;
  margin: 0 auto;
  margin-top: 0;
  background: url(../img/index/header/hlavicka-leva.jpg) no-repeat;
}

#header .mezera {
  width: 744px;
  background: url(../img/index/header/pruh.jpg) repeat-x;
  height: 29px;
  margin-top: 0;
  margin-right: 195px;
}

#header .mezera .path {
  position: relative;
  color: #536563;
  text-align: right;
  display: block;
  padding-top: 5px;
  font-weight: bolder;
  margin-left: 15px;
  margin-right: 15px;
  font-family: tahoma;
  font-size: 13pt;  
}

#header .mezera-1 {
  width: 195px;
  height: 29px;
}

#header .odkaz-logo {
  width: 560px;
  height: 77px;
  position: relative;
  display: block;
}

#header .logo {
  width: 272px;
  height: 77px;
  display: block;
  position: relative;
  float: left;
}

#header #topmenu {
  width: 100%;
  height: 40px;
  position: relative;
}

#header #topmenu .hot-info {
  margin-top: 2px;
  height: 38px;
  width: 300px;
  position: absolute;
  left: 0;
  background: url(../img/topmenu-phone.jpg) no-repeat left center;
  margin-left: 210px;
  padding-left: 30px;
  color: #ff9a00;
}
#header #topmenu .hot-info span {
  display: block;
  text-align: left;
  font-weight: bolder;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  margin-top: 12px;
}

#header #topmenu .text-odkaz {
  width: 191px;
  margin: 0;
  text-align: center;
  float: left;
  height: 40px;
}

#header #topmenu .text-odkaz span {
  color: #bfcbcb;
  font-weight: bolder;
  font-size: 1.1em;
  padding-top: 13px;
  display: block;
  font-family: 'Verdana CE', 'Arial CE', 'Lucida Grande CE', 'Helvetica CE', Verdana, Arial, lucida, sans-serif;
}

#header #topmenu .vlajecky-odkaz {
  width: 554px; 
  margin: 0;
  text-align: right;
  float: left;
  position: relative;
  height: 40px;
}

#header #topmenu .vlajecky-odkaz ul {
  margin: 0;
  padding: 0;
  margin-top: 12px;
  vertical-align: top;
  float:right;
}

#header #topmenu .vlajecky-odkaz a {
  text-decoration: none;
}

#header #topmenu .vlajecky-odkaz ul li {
  display: block;
  float: left;
  margin-right: 10px;
}

#header #topmenu .vlajecky-odkaz ul li .textinvisible {
  position: absolute;
  visibility: hidden;
}

#header #topmenu .vlajecky-odkaz ul li #lang-en {
  background: url(../img/index/header/vlajecky/ang.jpg) no-repeat;
  width: 16px;
  height: 16px;
  display: block;
}

#header #topmenu .vlajecky-odkaz ul li #lang-cs {
  background: url(../img/index/header/vlajecky/cze.jpg) no-repeat;
  width: 16px;
  height: 16px;
  display: block;
}

#header #topmenu .vlajecky-odkaz ul li #lang-de {
  background: url(../img/index/header/vlajecky/deu.jpg) no-repeat;
  width: 16px;
  height: 16px;
  display: block;
}

#header #topmenu .vlajecky-odkaz ul li #lang-fi {
  background: url(../img/index/header/vlajecky/fin.jpg) no-repeat;
  width: 16px;
  height: 16px;
  display: block;
}

#header #topmenu .vlajecky-odkaz ul li #lang-fr {
  background: url(../img/index/header/vlajecky/fra.jpg) no-repeat;
  width: 16px;
  height: 16px;
  display: block;
}

#header #topmenu .vlajecky-odkaz ul li #lang-it {
  background: url(../img/index/header/vlajecky/ita.jpg) no-repeat;
  width: 16px;
  height: 16px;
  display: block;
}

#header #topmenu .vlajecky-odkaz ul li #lang-ru {
  background: url(../img/index/header/vlajecky/rus.jpg) no-repeat;
  width: 16px;
  height: 16px;
  display: block;
}

#header #topmenu .vlajecky-odkaz ul li #lang-sp {
  background: url(../img/index/header/vlajecky/spa.jpg) no-repeat;
  width: 16px;
  height: 16px;
  display: block;
}

.pomocny-layout {
  float: right;
  width: 199px;
  position: relative;
  height: 40px;
}

/*MAINPART - stredni cast-----------------------------------------------------*/
#mainpart {
  width: 939px;
}

#layout {
  width: 744px;
  float: left;
}
/*CONTENT - obsah stranky ----------------------------------------------------*/
#content {
  float: right;
  position: relative;
  width: 551px;  
}

/*LEFTMENU -------------------------------------------------------------------*/
#leftmenu {
  float: left;
  position: relative;
  width: 193px;
}

#leftmenu #menu .praha-pohled-2 {
  width: 192px;
  height: 222px;
  background: url(../img/index/leftmenu/praha-pohled-2.jpg) no-repeat;
}

#leftmenu #menu .praha-pohled-1 {
  width: 192px;
  height: 152px;
  background: url(../img/index/leftmenu/praha-pohled-1.jpg) no-repeat;
}

#leftmenu #menu ul {
  text-align: left;
  margin: 0;
  padding: 0;
  list-style: none url();
  background: #526563;
  border-right: 1px solid #33423f;
}

/*zvyraznene odkazy*/
#leftmenu #menu .vyrazne-odkazy {
  border-bottom: 3px #ffffff solid;
  border-top: 3px #ffffff solid;
  width: 191px;
}

#leftmenu #menu .vyrazne-odkazy a {
  width: 191px;
}

/*konec zvyraznenych odkazu*/

#leftmenu #menu ul li {
  background: #526563 url(../img/index/leftmenu/tlacitko-repeat.jpg) repeat-y left;
  width: 100%;
}
/*druhe menu*/
#leftmenu #menu .druhe-left-menu li {
  background: #d3d7d8 url(../img/index/leftmenu/tlacitko-repeat.jpg) repeat-y left;
  width: 100%;
  color: #000002;
}
#leftmenu #menu .druhe-left-menu li a {
  color: #000002;
}

#leftmenu #menu ul li a {
  width: 192px;
  height: 23px;
  display: block;
  background: url(../img/index/leftmenu/tlacitko.jpg) no-repeat left top; 
  color: #fffdff;
  font-size: 9pt;
  text-decoration: none;
  border-bottom: 1px #ffffff solid;
}

#leftmenu #menu ul li a:hover, #leftmenu #menu ul li a:active {
  width: 192px;
  height: 23px;
  background: #f3d5af url(../img/index/leftmenu/tlacitko-active.jpg) no-repeat left top;
  color: #000000;
  font-weight: bolder;
}

#leftmenu #menu ul li a span {
  display: block;
  padding-left: 25px;
  padding-top: 4px;
  text-transform: uppercase;
}

/*My rezervation*/
#leftmenu #menu .my-rezervation li {
  background: #f3d5b1;
  width: 100%;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

#leftmenu #menu .my-rezervation li a {
  width: 192px;
  height: 26px;
  display: block;
  background: url(../img/index/leftmenu/tlacitko-active.jpg) no-repeat left top; 
  color: #000002;
  font-size: 10pt;
  text-decoration: none;
  font-weight: bolder;
}

#leftmenu #menu .my-rezervation li a:hover, #leftmenu #menu .my-rezervation li a:active {
  width: 192px;
  height: 26px;
  background: #f3d5af url(../img/index/leftmenu/tlacitko-active-rezervation.jpg) no-repeat left top;
  color: #000000;
  font-weight: bolder;
}

#leftmenu #menu .my-rezervation li a span {
  display: block;
  padding-left: 25px;
  padding-top: 4px;
  text-transform: none;
}
/*CALL CENTRUM*/

#leftmenu #menu .call-centrum li {
  background: #f3d5b1;
  width: 100%;
  border-top: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
}

#leftmenu #menu .call-centrum li a {
  width: 192px;
  height: 28px;
  display: block;
  background: #f3d5af url(../img/index/leftmenu/tlacitko-telefon.jpg) no-repeat left top; 
  color: #000002;
  font-size: 10pt;
  text-decoration: none;
  font-weight: bolder;
  border-top: 1px #808c8c solid;
  border-bottom: 1px #808c8c solid;
}

#leftmenu #menu .call-centrum li a span {
  display: block;
  padding-left: 25px;
  padding-top: 5px;
  text-transform: none;
}

#leftmenu #menu .call-centrum li a:hover, #leftmenu #menu .call-centrum li a:active {
  background: #f3d5af url(../img/index/leftmenu/tlacitko-telefon-active.jpg) no-repeat left top;
  height: 28px;
}
/*RIGHTMENU ------------------------------------------------------------------*/
#rightmenu {
  float: right;
  position: relative;
  width: 194px;
}

/*Vyhledani hotelu*/
#rightmenu .vyhledani-hotelu {
  width: 194px;
  background: #f7f0e7;
  border-bottom: 4px #536563 solid;
}

#rightmenu .vyhledani-hotelu span {
  display: block;
  text-align: left;
  font-size: 8pt;
  font-weight: bolder;
  padding: 15px 15px 15px 15px;
  border-bottom: 2px #ffffff solid;
}

#rightmenu .vyhledani-hotelu ul {
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 10pt;
  list-style: none;
}

#rightmenu .vyhledani-hotelu ul li {
  margin: 0;
  padding: 0;
  background: #f2d5b0;
  text-decoration: none;
  color: #000000;
  border-bottom: 1px #ffffff solid;
}

#rightmenu .vyhledani-hotelu ul li span {
  padding: 0;
  margin: 0;
  width: 176px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 5px;
  border: none;
  margin-left: 18px;
}
/*konec VYHLEDANI HOTELU*/

/*pocasi*/
#weather {
  width: 194px;
  background: #ffffff;
  text-align: left;
}

/*pouzite nadpisy v pravem menu*/
#rightmenu .nadpis {
  background: #96a9a7 url(../img/index/rightmenu/nadpisy-pozadi.jpg) no-repeat left center;
  font-weight: bolder;
  color: #ffffff;
  height: 31px;
  border-top: 1px #ffffff solid;
  border-bottom: 1px #ffffff solid;
}

#rightmenu .nadpis span {
  display: block;
  padding-top: 5px;
  padding-left: 45px;
  font-size: 12pt;
}
/*konec nadpisy v pravem menu*/

#weather table .day {
  width: 37px;
  text-align: right;
  padding-right: 8px;
  color: #000000;
  text-decoration: underline;
  font-size: 11pt;
}

#weather table .day a {
  color: #000000;
}

#weather table .day a:hover, #weather table .day a:active {
  text-decoration: none;
  color: #808c8b;
}

#weather table .image {
  width: 39px;
  height: 41px;
}

#weather table .teplota {
  padding-left: 10px;
  color: #808c8b;
  display: block;
  font-weight: bolder;
  font-size: 9pt;
}

#weather table .teplota span {
  display: block;
  margin-left: 8px;
  padding-right: 5px;
}
/*konec WEATHER*/

/*Novinky*/
#news {
  width: 194px;
  background: #808c8b;
  text-align: left;
}

#news table {
  width: 170px;
  font-size: 8pt;
  margin: 0;
  padding: 0;
  margin-left: 12px;
  margin-top: 10px;
  color: #ffffff;
}

#news table .nadpis-zpravy {
  text-decoration: underline;
  color: #e8ebeb;
  font-weight: bolder;
  font-size: 9pt;
  padding-bottom: 5px;
}

#news table a {
  color: #ffffff;
}

#news table .zobraz-novinku {
  display: block;
  text-align: right;
}


#news table a:hover, #news table a:active {
  color: #ff9a00;
  text-decoration: none;
}
/*konec NEWS*/

/*bez table NOVE POUZITO*/
#news .nadpis-zpravy {
  width: 170px;
  font-size: 8pt;
  margin: 0;
  padding: 0;
  margin-left: 13px;
  margin-right: 5px;
  margin-top: 10px;
  color: #ffffff;
}

#news .nadpis-zpravy .titulek {
  text-decoration: underline;
  color: #e8ebeb;
  font-weight: bolder;
  font-size: 9pt;
  display: block;
  padding-bottom: 7px;
}

#news a {
  margin-top: 5px;
  display: block;
  color: #ffffff;
}

#news .zobraz-novinku {
  display: block;
  text-align: right;
}


#news a:hover, #news a:active {
  color: #ff9a00;
  text-decoration: none;
}
/*PATICKA --------------------------------------------------------------------*/
#footer {
	position: relative;
	overflow: hidden;
  width: 955px;
  height: 240px;
  margin: 0 auto;
}

#footer .vnitrni-div {
  width: 939px;
  height: 240px;
}

#footer .vnitrni-div .d_left {
  width: 192px;
  float: left;
  background: #ffffff url(../img/index/footer/pozadi-top.jpg) repeat-x top;
  height: 240px;
}

/*leva cast*/
#footer .vnitrni-div .d_left a {
  display: block;
  text-align: left;
  margin-top: 30px;
  margin-left: 20px;
}

#footer .vnitrni-div .d_left .ave {
  font-weight: bolder;
  font-size: 8pt;
}

/*pomoc pri vytvareni border*/
#footer .vnitrni-div .d_left-helper {
  width: 1px;
  float: left;
  height: 240px;
  background: #33413f;
}

#footer .vnitrni-div .d_left .design {
  display: block;
  font-size: 8pt;
  text-align: left;
  margin-top: 20px;
  margin-left: 20px;
}

/*konec d_left*/

#footer .vnitrni-div .d_right {
  width: 551px;
  height: 240px;
  float: left;
  background: url(../img/index/footer/pozadi-top.jpg) repeat-x top;
}

#footer .vnitrni-div .d_right span {
  font-size: 9pt;
  display: block;
}

#footer .vnitrni-div .d_right .prava-vyhrazena {
  margin-top: 50px;
}

#footer .vnitrni-div .d_right .dalsi-odkazy {
  margin-top: 20px;
}

#footer .vnitrni-div .d_right .dalsi-odkazy a {
  color: #000000;
  text-decoration: none;
}

#footer .vnitrni-div .d_right .dalsi-odkazy a:hover, #footer .vnitrni-div .d_right .dalsi-odkazy a:active {
  text-decoration: underline;
  color: #ff9a00;
} 

#footer .vnitrni-div .d_right .dalsi-odkazy img {
  margin-bottom: 2px;
}

#leftmenu .tourism-link {
 display: block;
 margin-top: 30px;
}