/* ubytovani-liberec.cz - edited by Tschikko 24/2/2010 */

body {padding: 0; margin: 0; font-family: "Arial","Verdana"; color: #fffdef; font-size: 12px;
 background: #181818 !important;}
h1 {font-size: 24px; color: #faa643; font-family:"ForgottenFuturistBold","Arial","Verdana"; font-weight: normal; margin: 0; padding: 28px 0 7px 0;
 line-height: 24px; }   
h2 {font-size: 18px; color: #faa643; font-family:"ForgottenFuturistBold","Arial","Verdana"; font-weight: normal; padding: 10px 0 5px 0; margin: 0;}
h3 {font-size: 1.0em; padding: 1.2em 0em 0.6em 0em; font-weight: bold; margin: 0;}  
.Clearer {clear: both;}
ul {padding: 0 0 0 28px; list-style: disc outside; margin: 0;}
li {padding: 3px 0;}
p {padding: 3px 0; margin: 0;}
a {text-decoration: underline; color: #ffc88a;}
a img {border: 0;}
a:hover {text-decoration: none; color: #faa643;}
iframe#OnLineRezervace {height: 600px !important; width: 430px !important; margin-bottom: 10px;}
iframe#OnLineRezervace td, iframe#OnLineRezervace th {font-size: 12px !important;}
table td img {margin-right: 15px;}
option {background: #ffffff;}

#OuterContent {background: url("../images/web/body_bg.gif") repeat; border-bottom: 1px solid #ffffff;}
#OuterContentShadows {background: url("../images/web/bg_shadow.png") repeat-y top center; width: 971px; margin: 0 auto;}
#InnerContent {}
#Centering {width: 928px; margin: 0 auto; position: relative; padding-bottom: 30px;background: url("../images/web/pozadi.jpg") repeat; }

#Top {/*background: url("../images/web/top.jpg") no-repeat; height: 206px; /*position: absolute; top: 0; left: -7px;*/
 width: 924px;}
#TopMenu {background: url("../images/web/menu.gif") no-repeat; height: 46px; width: 928px;
 position: absolute; top: 206px; margin-left: 7px;}

#menuHoriz {padding: 0 0 0 13px; margin: 0; list-style: none;}
#menuHoriz li {float: left; padding: 0 3px 0 3px; position: relative;}
#menuHoriz li a {float: left; text-decoration: none;
 color: #ffffff; font: bold 13px "Arial"; padding: 15px 6px 0 0; height: 31px; background: url("../images/web/topmenu_a.gif") right center no-repeat;}
#menuHoriz ul {background-color: #210200; display: none; margin-top:3px; position: absolute;
 left: 0; top: 2.3em; width: 21ex; _width: 31px; list-style: none; padding: 0;}
#menuHoriz li li {float: none; padding: 0;}
#menuHoriz li:hover > ul { display: block; }
#menuHoriz ul a {font-size:13px; display: block; font-weight:normal; text-align: left; width: 100%;
 color:white; padding:2px 5px 2px 35px; _padding:2px 10px 4px 35px; color:#C79469;
 background:#210200 url("../images/web/subli2.gif") no-repeat; border:0;}
#menuHoriz ul a:hover { text-decoration:underline; color:#C79469;}
#TopMenu .default{cursor:default;}

#VysledekVyhledavani {color: #FAA643;}


#menuHoriz ul {display: none; position: absolute; top: 46px; left: 4px; list-style: none; padding: 0; margin: 0;}
#menuHoriz ul ul {left: 100%; top: 0px;}
#menuHoriz li li {clear: both; float: left; padding: 0;}
#menuHoriz li:hover > ul { display: block;}
#menuHoriz ul a {display: block; text-align: left; padding: 5px 0 5px 35px; color:white; background: #210200 url("../images/web/subli2.gif") 17px 9px no-repeat;
 width: 31ex; height: auto;}
#menuHoriz ul a:hover {text-decoration: none; color:#C79469; background: #331918 url("../images/web/subli2.gif") 17px 9px no-repeat;}


#Logo a {display: block; width: 266px; height: 115px; position: absolute; margin-left: 65px;
 top: 60px;}
/*#Flash {float: right; margin-right: 52px;}*/
#Lang {float: right;margin: 5px 0;}
#Lang a {margin: 3px;}

#VypisObsahu {/*padding-top: 270px; */position: relative;}
.NoBox {margin-bottom: 12px;}
.Box {background: #6d0101; color: #faa643; margin-bottom: 12px; overflow-y: hidden;}
.Box form {padding: 0; margin: 0;}
.NoBox ul, .Box ul {list-style: none outside url("../images/web/subli2.gif");}
.Box h2, .Box h3 {color: #ffffff;}
.Box a {text-decoration: underline;}
.Box input.Text {width: 100px; height: 15px; background: #ffc88a; padding: 3px 0 0 0;
 margin-right: 5px; position: relative; top: 1px;}
.Box input.Button {width: 50px; height: 18px; background: #faa643; padding: 0 0 3px;
 position: relative; top: 0;}
.Box input.Text, .Box input.Button {font-size: 11px; border: 0;}
.Box h3, .Box h3 a {padding: 0 0 15px 0; margin: 0; font: normal 18px "Arial"; color: #fffdef;}
#Left {width: 236px; overflow: hidden; position: relative; left: -455px; float: left; padding-left: 10px; padding-top: 8px;}
.LBoxTop {background: url("../images/web/l_box_top.gif") left top no-repeat;}
.LBoxBottom {background: url("../images/web/l_box_bottom.gif") left bottom no-repeat; padding: 8px;}
#Right {width: 171px; /*overflow: hidden;*/ position: relative; right: -50px; float: left; padding-top: 8px;}
.RBoxTop {background: url("../images/web/r_box_top.gif") left top no-repeat;}
.RBoxBottom {background: transparent url("../images/web/r_box_bottom.gif") left bottom no-repeat; padding: 8px;}
#Center {width: 453px; position: relative; left: 264px; float: left;
 background: url("../images/web/oceneni.png") right top no-repeat; min-height: 400px;}
#Center table {margin: 15px 0;}
#Center table h2 {padding-top: 0;}
#Left h2, #Right h2{color:white;}

#Footer {width: 928px; margin: 0 auto; height: 83px; padding-top: 10px; color: #ffffff !important; overflow: hidden;}
#Footer p {padding: 0;}
#Footer a {text-decoration: underline;}
#patickaStred{width: 910px; margin: auto auto; text-align:left;}
#Footer .levy{float:left; width:265px; height:85px;}
#Footer .pravy2{float:right; width:950px; height:85px;}
#Footer .levy img{position:relative; top:-5px; left:130px;}
#Footer .tretimisto{display:block; text-align:center; width:227px;}
#Footer .pravy{float:left; width:460px;}

.box4-res select {background: url("../images/web/input2.gif") repeat-x; width: 155px; border: 0; padding: 0; height: 15px; margin: 2px 0 3px; font-size: 11px;}
.box4-res input.datepicker {width: 54px !important; /*background: transparent url("../images/web/input2.gif") repeat-x !important;*/
 float: left; /*padding: 0*/ !important; border: 0 !important; margin: 3px 3px 6px 0; font-size: 10px;}
.datepicker {cursor: pointer;}
.PrijezdOdjezd {border-collapse: collapse; padding: 0; margin: 0;}
.box4-res input.odeslat {background: url("../images/web/input2.gif") repeat-x; width: 150px; border: 0; padding: 0; margin: 0 0 8px 3px; font-size: 10px;}
.box4-res img {margin: 3px 0 15px 0;}
.box4-res .ubytext {color: #ffffff; font-size:11px;}

.Box .box4-res .navigation td, .box4-res .monthLabel td, .day {color: #6d0101 !important;}
.datepickerControl tr.dayLabel td {background: #FAA643; border: #faa643;}

/************ editace boxů ***************/
.Id9 {background: transparent url("../images/web/saiko.jpg") no-repeat;}
.Id9 .LBoxTop {background: none;}
.Id9 .LBoxBottom {background: none; height: 200px; padding: 0;}
.Id9 p {width: 125px; padding: 58px 8px 8px 8px;}
.Id9 a {text-decoration: none; color: #FAA643;}

.Id10 {background: transparent url("../images/web/masaze.jpg") no-repeat;}
.Id10 .LBoxTop {background: none;}
.Id10 .LBoxBottom {background: none; padding: 0; height: 147px;}

.Id11, .Id26, .Id36, .Id46  {background: transparent url("../images/web/restaurace-pytloun.jpg") no-repeat;}
.Id11 .LBoxTop, .Id26 .LBoxTop, .Id36 .LBoxTop, .Id46 .LBoxTop {background: none;}
.Id11 .LBoxBottom, .Id26 .LBoxBottom, .Id36 .LBoxBottom, .Id46 .LBoxBottom {background: none;}
.Id11 a, .Id26 a, .Id36 a, .Id46 a {text-decoration: none; color: #FAA643;}
.Id11 h2 {color: #ffffff;}
.Id11 .Odkaz {width: 160px;}
.Id11 ul {list-style: none; padding: 0; margin: 0;}
.Id11 li {background: url("../images/web/subli2.gif") 17px 6px no-repeat; padding-left: 30px;}

.Id4{background: #6d0101 url("../images/web/operatorka.gif") 87px 8px no-repeat;}
.Id28, .Id38, .Id48 {background: #6d0101 url("../images/web/operatorka.gif") 87px 8px no-repeat;}
.Id28 .RBoxTop .RBoxBottom, .Id38 .RBoxTop .RBoxBottom, .Id48 .RBoxTop .RBoxBottom {padding-top:30px;}
.Id12 {overflow: hidden;}
.Id12 h2 {margin-left: 8px;}
.Id12 .RBoxBottom {padding: 8px 8px 8px 0;}

.Id4 .text, .Id28 .text, .Id38 .text, .Id48 .text {color: #ffffff;}
.Id4 .text strong, .Id28 .text strong, .Id38 .text strong, .Id48 .text strong {color: #FAA643;}

.Id26, .Id36, .Id46  {height: 185px;}
/*********************************************/

.hotel {width: 430px; min-height: 120px; background: #740700; margin-bottom: 25px; padding: 10px; color: #ffffff;}
.hotel td {vertical-align: top;}
.hotel h2 {margin: 0;}
.hotel a {color:#FAA643; text-decoration:none;}
.hotel div {float:right; width:220px; _width:225px; margin-right:10px; text-align:left;}
.odkazHotel {width:161px; height:118px; overflow:hidden; margin-right:15px;}
.hotel p {margin:0; padding:0; min-height:65px;}
.hotel span {font-size:16px; color:#FFC88A; font-weight:bold;}
/*.hotel {width:430px; min-height:130px; _width:436px; _height:139px; background-color:#740700; margin-bottom:23px; padding:10px 10px 30px 10px; color:white;}
.odkazHotel {display:block; overflow:hidden; width:190px; height:118px; float:left;}
.odkazHotel img {padding: 1px; border: 1px solid #FAA643;}
.hotel h2 {margin-top:0;}
.hotel a {color:#FAA643; text-decoration:none;}
.hotel div {float:right; width:220px; _width:225px; margin-right:10px; text-align:left;}
.hotel p {margin:0; padding:0; min-height:65px;}
.hotel span {font-size:16px; color:#FFC88A; font-weight:bold;}*/

#MainHotel {background: #740700; padding: 10px;}
#MainHotel table {margin: 0;}
#MainHotel td {vertical-align: top;}
#MainHotel h2 {padding: 0;}
#MainHotel .span {color:#FFC88A; font-size:16px; font-weight:bold;}
#MainHotel a.minifotohotel img {width: 130px; padding: 1px; border: 1px solid #FAA643; margin: 5px;}
#MainHotel a.mapa img {width: 420px; padding: 1px; border: 1px solid #FAA643; margin: 5px;}

.Fotogalerie {background: url("../images/web/foto2.png"); width: 453px; margin-left: -6px; padding: 2px;}
.Fotogalerie a {display: block; width: 105px; height: 73px; overflow: hidden; border: 1px solid #FAA643; float: left; margin: 3px;}
.Fotogalerie img {height:75px;}


#main-nav {
	margin: 0px 0px 0px 0px;
	text-align: left;
	/*min-height: 32px;*/
    padding: 10px 0 0 0;
    display: block;
    width: 930px;
    margin: 0 auto;
    position: absolute;
    left: 125px;
    top: 0;
    text-align: center;
}



#out-nav {
	width: 100%;
    background: url(../images/web/out_menu_bg.gif) repeat-x top left;
    height: 66px;
    text-align: center;
    /*position: absolute;
    top: 206px;*/
}



#main-handle {

	width: 1180px;

    background: url(../images/web/menu_bg.gif) repeat-x top left;

    height: 66px;

    margin: 0 auto;

    position: relative;

}

#main-nav li {

	display: inline;

	list-style: none;

}

#menu-decor1 {

    width: 160px;

    height: 56px;

    display: block;

    background: url(../images/web/menu_decor.gif) no-repeat top left;

    position: absolute;

    left: 0px;

}

#menu-decor2 {
    width: 160px;
    background: url(../images/web/menu_decor.gif) no-repeat top right;
    height: 56px;
    display: block;
    position: absolute;
    right: 0px;
}

#main-nav li a {
	font-size: 14px;
	text-decoration: none;
	color: #312828;
	font-family: 'ForgottenFuturistBold', Arial, sans-serif !important;
	font-size-adjust: 0.51;
	text-transform: uppercase;
	font-weight: bold;
	margin: 10px 6px 20px 8px;
	outline: 0;
	position: relative;
	top: 0px;
}

#main-nav li a:hover {
    color: #9f0910;
}

#main-nav li.active a {
	background: url(../images/web/menu_active_left.gif) no-repeat top left;
    color: #ffffff;
    padding: 10px 10px 20px 10px;
    margin: 0px;
}

#main-nav li.active li {
    background: none !important;
    color: #9f0910;
}



#main-nav li.active a:hover {
	background: url(../images/web/menu_active_left.gif) no-repeat top left;
    color: #ffffff;
}



.sub-links {
	display: none;
	position: absolute;
	width: 100%;
	top: 45px;
	left: -27px;
    text-align: left;
    background: none !important;
    font-size: 11px;
    
}

#main-nav li .sub-links li a {
    color: #9f0910;
    background: none;
    background: url("../images/web/sublinks_border.gif") no-repeat center right;
    /*border-right: 1px solid #9f0910;*/
    padding: 5px 6px;
}

#main-nav li.active li a, #main-nav li li a {
    padding: 5px 6px;
	margin: 10px 0 20px 0;
    background: none;
    background: url("../images/web/sublinks_border.gif") no-repeat center right;    
}

#main-nav li .sub-links li.active a {
	color: #ffffff;
    background: none;
    background: url("../images/web/sublinks_border.gif") no-repeat center right;
}


#main-nav li .sub-links li a:hover{
	color: #ffffff;
    background: none;
    background: url("../images/web/sublinks_border.gif") no-repeat center right;
}

#main-nav li.active a .span2 {
    float: right;
    width: 15px;
    display: block;
    background: url(../images/web/menu_active_right.gif) no-repeat top right; 
    height: 46px;
    position: absolute;
    top: 0px;
    right: 0px;
}

#main-nav li li a .span2 {
	background: none !important;
}


#out-top {
    background: url(../images/web/body_bg.gif) repeat top center;
    width: 100%;
    text-align: center;
    height: 329px;
} 



#Top {
    margin: 0 auto;
    width: 928px;
    padding-top: 0px;
}



#Flash {
    width: 1200px;
    height: 309px;
    margin: 0 auto;
    padding-top: 20px;
    margin-left: -140px;
}



.FontItalic {
			font-weight: normal;
			font-style: normal;
			line-height:normal;
			font-family: 'ForgottenFuturistItalic', sans-serif !important;
			font-size-adjust: 0.51;
		}
.FontRegular {
			font-weight: normal;
			font-style: normal;
			line-height:normal;
			font-family: 'ForgottenFuturistRegular', sans-serif !important;
			font-size-adjust: 0.51;
		}
	
.FontBold {
		font-weight: normal;
		font-style: normal;
			line-height:normal;
			font-family: 'ForgottenFuturistBold', sans-serif !important;
			font-size-adjust: 0.51;
		}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 22, 2010 */



@font-face {
	font-family: 'ForgottenFuturistItalic';
	src: url('../images/web/font/forgotten_futurist_rg_it-webfont.eot');
	src: local('☺'), url('../images/web/font/forgotten_futurist_rg_it-webfont.woff') format('woff'), url('../images/web/font/forgotten_futurist_rg_it-webfont.ttf') format('truetype'), url('../images/web/font/forgotten_futurist_rg_it-webfont.svg#webfontdXG6iGdn') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ForgottenFuturistRegular';
	src: url('../images/web/font/forgotten_futurist_rg-webfont.eot');
	src: local('☺'), url('../images/web/font/forgotten_futurist_rg-webfont.woff') format('woff'), url('../images/web/font/forgotten_futurist_rg-webfont.ttf') format('truetype'), url('../images/web/font/forgotten_futurist_rg-webfont.svg#webfontekxQjjmd') format('svg');
	font-weight: normal;
	font-style: normal;
}



@font-face {
	font-family: 'ForgottenFuturistBold';
	src: url('../images/web/font/forgotten_futurist_bd-webfont.eot');
	src: local('☺'), url('../images/web/font/forgotten_futurist_bd-webfont.woff') format('woff'), url('../images/web/font/forgotten_futurist_bd-webfont.ttf') format('truetype'), url('../images/web/font/forgotten_futurist_bd-webfont.svg#webfonthiHLXptl') format('svg');
	font-weight: normal;
	font-style: normal;
}

.cenik-tabulka tr td{padding:7px 0 7px 1px;; vertical-align:middle;}