@import url("./classes.css");
html,body		{ height: 100%; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
td				{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; vertical-align: top; }

h1	 			{ font-size: 14px; margin-top: 0px; margin-bottom: 20px; padding-bottom: 2px; border-bottom: 1px solid #76B527; text-transform: uppercase;}
#facTitle		{ font-size: 14px; margin-top: 0px; margin-bottom: 20px; padding-bottom: 2px; border-bottom: 1px solid #76B527; float: right; color: #808080;}
h2				{ font-size: 14px; margin-top: 30px; margin-bottom: 15px; padding-bottom: 2px; border-bottom: 1px solid #76B527; }
h3				{ font-size: 13px; margin-top: 30px; margin-bottom: 15px; }
input,textarea	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
select          { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
sup             { color:#808080; font-size:9px;}

a:link,a:visited	{ text-decoration: none; color: #63A800; }
a:hover         { text-decoration: none; color: black; }
.external       { background: transparent url('../_img/external_link.gif') no-repeat 100% 0; padding: 0 10px 0 0; }
.external-blue       { background: transparent url('../_img/external_link_blue.gif') no-repeat 100% 0; padding: 0 10px 0 0; }
.external-blue-lp       { background: transparent url('../_img/external_link_blue_lp.gif') no-repeat 100% 0; padding: 0 10px 0 0; }
.external-green-lp       { background: transparent url('../_img/external_link_green_lp.gif') no-repeat 100% 0; padding: 0 10px 0 0; }

.object ul      { list-style-type: none; list-style-image: none; }

hr.event        { height: 1px; border: none; border-bottom: 1px dashed #a4a86d; background-color: transparent; color: transparent; margin-bottom: 5px; }

#maintable      { width: 100%; height: 100%; border-collapse: collapse; text-align: left; }
#null           { margin: 0; padding: 0; height: 1px; width: 180px; }
#tablehead      { height: 133px; background: transparent url('../_img/topBgr.jpg') top left repeat-x; }
#topLogo        { height: 42px; border: none; position: absolute; top: 16px; left: 10px; }
#left-panel     { width: 180px; padding: 0 0 0 10px; }

#content        { padding: 7px 20px 20px 20px; }
#content a		{text-decoration: underline;}

#right-panel    { width: 180px; padding: 0 10px 0 0; }
.tableFoot      { background-color: #c2c7c3; text-align: center; vertical-align: middle; height: 20px; border-top: 1px solid #9a9c99; font-size: 11px; }
#tableFootLeft	{ text-align: left; padding-left: 10px;}
#tableFootRight	{ text-align: right; padding-right: 10px;}
.tableFoot a	{ color: #000;}

#navigationmenu { list-style-type: none; margin: 0; padding: 0; position: absolute; top: 104px; left: 0; font-weight: bold; font-size: 11px; letter-spacing: 0.5px;}
#navigationmenu a { color: #ffcc00; text-decoration: none; }
#navigationmenu a:hover { color: #c3cac3; }
#navigationmenu ul { white-space: nowrap; }
#navigationmenu li { list-style-type: none; padding: 0 10px; float: left; border-right: 1px solid #93a193; color: #fff; font-weight: bold; }
#navigationmenu .foot { border: none; }
#navigationmenu .sel { color: #c3cac3; }

#submenu        { margin: 5px 0 0 0; padding: 0; }
#submenu .head  { list-style-type: none; list-style-position: outside; border: 0; font-weight: bold; background: #76b527 url('../_img/arrowWhiteD.gif') 165px 9px no-repeat; color: #fff; padding: 2px 0 2px 3px; }
#submenu .foot  { border: none; }
#submenu a		{ color: #000; text-decoration: none;}
#submenu a:hover	{ color: #53860A; text-decoration: none;}
#submenu li		{ color: #76b527; background-color: #f0f7e7; padding: 1px 0 1px 3px; border-bottom: 1px solid #BDDB96; list-style-position: inside; }
#submenu .sel   { background-color: #808080; color: #fff; }
#submenu .sel a { color: #fff; }
.submenufooter  { background-color: #76B527; padding: 2px; margin-bottom: 7px; }

#languagemenu { list-style-type: none; margin: 0; position: absolute; top: 0; right: 0; }
#languagemenu a { color: white; text-decoration: none; }
#languagemenu a:hover { color: black; }
#languagemenu ul { white-space: nowrap; }
#languagemenu li { list-style-type: none; padding: 26px 10px 0 4px; float: left; display: inline; height: 10px; border-left: 1px dashed white; color: #fff; font-size: 10px; font-weight: bold; font-family: Verdana; }
#languagemenu li.activelang { border-left: 1px dashed black; }

#searchTitle    { position: absolute; top: 83px; right: 10px; height: 20px; color: #c3cac3; font-size: 10px; font-weight: bold; background: transparent url('../_img/arrowGrayD.gif') 33px 14px no-repeat; }
#searchForm     { position: absolute; top: 104px; right: 10px; }
#searchForm .inputPhrase { font-size: 10px; width: 140px; border: 0; }
#searchForm .submitButton { font-size: 10px; border: 0; color: #c5c5c5; background-color: #808080; font-weight: bold; width: 27px; height: 15px; padding-bottom: 2px; }

.tipBox         { text-align: center; padding: 2px; font-size: 11px; }
.tipBox p		{text-align: left; padding: 5px; margin: 0;}
.blue           { background-color: #e1e9f6; }
.blue a         { color: #5E85B0; text-decoration: underline;}
.blue a:visited { color: #5E85B0; }
.blue a:hover   { color: #000; }
.brown          { background-color: #f5f5ed; }
.brown a        { color: #939660; text-decoration: underline; }
.brown a:visited { color: #939660; }
.brown a:hover  { color: #000; }
.darkgreen      { background-color: #76b527; }
.darkblue       { background-color: #7394bd; }
.darkbrown      { background-color: #a4a86d; }
.green          { background-color: #f0f7e7; }
.green a		{color: #000; text-decoration: underline;}
.green a:hover	{color: #76b527;}
.udalosti		{font-weight: bold; font-size: 11px;}
.udalosti a		{color: #000;}
.udalosti a:hover	{color: #939660;}

.tipHead        { height: 20px; margin-top: 5px; border-bottom: 1px solid white; }
.headBrown      { background: transparent url('../_img/divTopBrown.gif') top left no-repeat; }
.headGreen      { background: transparent url('../_img/divTopGreen.gif') top left no-repeat; }
.headGreen a    { color: #000; text-decoration: underline;}
.headBlue       { background: transparent url('../_img/divTopBlue.gif') top left no-repeat; }
.headDarkBlue   { background: transparent url('../_img/divTopDarkBlue.gif') top left no-repeat; }
.headBrown      { background: transparent url('../_img/divTopBrown.gif') top left no-repeat; }

.boxHL			{ font-size: 11px; margin: 0; padding: 3px 0 0 0; color: #fff; text-align: center;}

#snowBox        { width: 100%; background-color: #F1F5FF; }
#snowBox td     { font-size: 10px; text-align: left; padding: 2px 3px; }
#snowBox .head  { color: #3a639f; }
#snowBox tr.even td  { background-color: #cedeef; }

#centermenu         { text-align: center; margin-top: 3px; }
#centermenu table   { width: 585px; text-align: center; margin: 0 auto; }
#centermenu td      { width: 33%; }
#centermenu .col    { background-color: #76B527; height: 6px; }
#centermenu .tdhead { background: transparent url('../_img/centerGreen.gif') top center no-repeat; height: 20px; font-weight: bold; color: #76b527; padding-top: 3px; font-size: 11px; }
#centermenu ul      { list-style-type: none; list-style-position: outside; margin: 3px 0; padding: 0; line-height: 16px; }
#centermenu a       { text-decoration: none; color: black; }
#centermenu a:hover { color: #76b527; }

#slider         { background: transparent url('../_img/arrowGrayD.gif') no-repeat; position: absolute; display: none; font-weight: bold; color: #c3cac3; text-transform: uppercase; font-size: 10px; text-align: center; height: 20px; }
#sliderx        { background: transparent url('../_img/arrowGrayD.gif') no-repeat; position: absolute; display: none; font-weight: bold; color: #c3cac3; text-transform: uppercase; font-size: 10px; text-align: center; height: 20px; }
#mapFlag        { position: absolute; display: none; background: transparent url('../_img/mapFlag.gif') center no-repeat; width: 15px; height: 15px; }

div.event		{clear: left; overflow: hidden; margin-bottom: 25px;}
h3.event		{color: #808080; margin: 0 0 10px 0;}

.boxHotel { overflow: hidden; float: left; margin: 10px 20px 10px 0; }
/* .boxHotel { width: 280px; height: 215px; } */
.boxHotel { width: 32%; min-width: 320px; _width: expression(document.body.clientWidth < 1000 ? '97%' : '48.5%' ); height: 140px;}
.boxHotel .title {color: #fff; font-weight: bold; padding: 3px; }
.boxHotel .title a {color: #fff; text-decoration: none !important;}
.boxHotel .title a:hover {text-decoration: none;}
.boxHotel table {width: 100%; }
.boxHotelTable td	{padding: 2px; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
.boxHotel .photo     { width: 121px; padding: 0px; border: none; }
.boxHotel .line1a {background-color: #f6f6f6;}
.boxHotel .line1b {background-color: #f0f7e7; text-align: right;}
.boxHotel .line2a {background-color: #e1e9f6;}
.boxHotel .line2b {font-weight: bold; background-color: #e1e9f6; text-align: right;}
.boxHotel .line3a {background-color: #e1e9f6;}
.boxHotel .line3b {font-weight: bold; background-color: #e1e9f6; text-align: right;}
.boxHotel .line4a {background-color: #e1e9f6; border-bottom: none;}
.boxHotel .line4b {font-weight: bold; background-color: #e1e9f6; text-align: right;}
.boxHotel .line4a a {color: #000; text-decoration: none;}
.boxHotel .line4a a:hover {color: #00337a; text-decoration: none;}
.boxHotel .line4b {background-color: #e1e9f6; border-bottom: none;}
.boxHotel .line4b a {color: #000; text-decoration: none;}
.boxHotel .line4b a:hover {color: #00337a; text-decoration: none;}
.boxHotel .text {text-align: justify; }
.boxHotel h3		{margin: 0; text-align: right; font-size: 12px; color: #fff;}

.buttonOn           { border: 1px solid #434343; color: #fff;    background-color: #76b527; padding:0; font-size:10px; font-weight:bold; width:20px; }
.buttonOff          { border: 1px solid #8F968E; color: #8F968E; background-color: #fff;    padding:0; font-size:10px; font-weight:bold; width:20px; }
.langOn             { border: 1px solid #434343; color: #fff;    background-color: #76b527; padding:0; font-size:10px; font-weight:bold; width:16px; float:left; margin-right:2px; }
.langOff            { border: 1px solid #8F968E; color: #8F968E; background-color: #fff;    padding:0; font-size:10px; font-weight:bold; width:16px; float:left; margin-right:2px; }
.adminLangSwitch    { float:left; border: 1px solid #434343; background-color: #76b527; padding:0; margin:0 5px; }
.adminLangSwitch .alabel { float:left; padding:3px 0 0 4px; color: #fff; font-size:10px; font-weight: bold; }

.tip				{color: #808080; margin: 15px 0;}

#ul-facility    { list-style-type: none; list-style-image: none; margin-top: 25px;}
#ul-facility li { background: url('../_img/li-logo.gif') top left no-repeat; padding-left: 30px; padding-top: 3px; _margin-bottom: 3px; height: 30px; }

#ul-faq    		{list-style-type: none; list-style-image: none;}
#ul-faq li		{background: url('../_img/li-logo.gif') top left no-repeat;padding-left: 30px; padding-top: 3px; padding-bottom: 20px;}
#ul-faq h3		{margin: 0; margin-bottom: 5px;}

#facility td	{vertical-align: middle; padding: 4px;}

a.slink         { color: gray; }
a.slink:hover   { color: black; }
.velikost		{color: gray;}

.alert			{ font-weight: normal; background-color: #FFEA9F; border: 1px dashed #808080; padding: 15px; }

fieldset		{ padding: 15px; margin: 20px 0 20px 0; border: 1px solid #808080; }
legend			{ font-weight: bold; _margin-bottom: 10px; padding: 2px 10px 2px 10px; background-color: #FFF3CB; border: 1px solid #808080; }
.highlight      { font-weight: bold; }

#skiinfo        { }
#skiinfo th     { width: 12em; text-align: center; padding-right: .5em; font-size: 9pt; background-color: #7394BD; color: #fff; white-space: nowrap; }
#skiinfo tr.odd td { background-color: #f3f3f3; }
#skiinfo td  { text-align: center; vertical-align: middle;}
#skiinfo td.left  { text-align: left; white-space: nowrap; }

div.lastbox {
	width: 288px;
	margin: 10px 0; 
	padding: 0;
	border-top: 3px solid #7493BD;
	background: #F8F8F8;
	text-align: center;
	float: left;
}
div.lastbox a.image {
    width: 120px;
    height: 80px;
	float: left;
	overflow: hidden;
}
div.extend {
    height: 74px;
    _height: 80px;
    line-height: 1.55em;
	margin: 10px 0; 
	padding: 2px .5em;
	border: 3px solid #7493BD;
	background: #FFF;
	text-align: center;
	float: left;
}
.box_info {
    height: 76px;
    _height: 80px;
    padding: 2px; 
    text-align: center; 
    margin-left: 120px;
    background-color:#F6F6F6;
}
.box_info span.town { font-size: 90%; }
.box_info table { width: 100%; }
.box_info td.date { color: #808080; }
.box_info td.price { color: #FF6600; }


.box  {
    width: 320px;
    height: 140px;
    overflow: hidden;
    float: left;
    margin: 10px 20px 10px 0;
    border-top:5px solid white;
    padding:0;
}

.box .boxInfo {
    text-align:center;
    height:75px;   
    padding-top:5px;
    background-color:#F6F6F6;
}
 
.box .description {
    font-size: 11px;
    margin-top: 2px;
    text-align:justify;
    clear:both;
}

.box .boxInfo a:hover {color:black}
.box .item1 {font-size:10.8px;padding:4px 0;}
.box .item2 {padding-bottom:4px;color:#606060;}
.box img {border: none; float: left;width:120px;height:80px;margin:0;padding:0}


.schemeBlue {border-top-color:#7493BD;}
.schemeBlue a, .schemeBlue span {color: #4C71A4;}

.schemeGray {border-top-color:#666701;}
.schemeGray a, .schemeGray span {color: #666701;}

.schemeRed {border-top-color:#DF4801;}
.schemeRed a, .schemeRed span {color: #DF4801;}


.weatherTable {display:inline-block;margin:0 40px 0 40px;}
.weatherTable .weatherDay {font-size:13px;font-weight:bold;text-align:center}
.weatherTable .weatherDate {color:#808080;padding:3px 0 5px 0;text-align:center;font-size:10.2px}
.weatherTable .weatherField {padding:0 3px;height:150px;text-align:center}
.weatherTable .weatherField img {margin:3px 0}
.weatherTable .weatherField .wfSpan {color:#FF8D13;font-size:14px}

.weatherDiv {width:80px;text-align:center;margin:0px 20px 0 20px}
.weatherDiv .weatherDay{color:#808080;margin:5px 0}
.weatherDiv span {color:#FF8D13;font-size:14px;font-weight:bold}

a.highslide { margin: 0 5px 0 0; padding: 2px !important; border: 1px solid #EFEFEF;float: left; }
a.highslide:hover { border: 1px solid #666; }
.highslide img {margin:0 !important;padding:0 !important;float:none !important;display:block;}