/* --------- /stylesheets/v1/main.css --------- */ 
body {
  margin: 0px;
  font-family: "Trebuchet MS";
  font-size: 11px;
  text-align: center;
  background: url(/images/v1/site-outer-bg.jpg) repeat-y top center;
  background-color: #EEEEEE;
}

A, A:hover       { text-decoration: none; }
P { margin: 0px 0px 1em 0px; }
SMALL { color: #646464; }
IMG { border: 0px; }
/* forms */
form br { display: none; }
form label { width: 140px; float:left; font-weight: bold; padding: 2px 10px 0px 0px; text-align: right;}
form p { margin: 2px; border: none; }


.heading {
  text-align: center;
  width: 950px;
  margin: auto;
  height: 285px;
  background-repeat: no-repeat;
  background-position: top center;
}
.heading ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.heading ul li {
display: block;
float: left;
}

.heading ul li a {
display: block;
width: 81px;
height: 205px;
text-decoration: none;
padding: 0px;
background-repeat: no-repeat;
background-position: center center;
}

.heading a.link-liptov {
  background: url(/images/v1/top/liptov.png) no-repeat top left;
}

.heading a.link-orava {
  background: url(/images/v1/top/orava.png) no-repeat top left;
}

.heading a.link-tatry {
  background: url(/images/v1/top/tatry.png) no-repeat top left;
}
.heading a.link-lhradok {
  width: 37px;
  background: url(/images/v1/top/liptovsky-hradok.png) no-repeat top left;
}
.heading DIV.link-travel {
  display: block; 
  width: 22px;
  height: 130px;
  margin-right:60px;
  background: url(/images/v1/top/travel-network.png) no-repeat top left ;

}

.heading a.link-webcam {
  background: url(/images/v1/top/webcam.png) no-repeat top left;
  width: 60px; height: 50px; 
}
.heading a.link-contact {
  background: url(/images/v1/top/contact.png) no-repeat top left;
  width: 60px; height: 50px; 
}

.heading a.link-lang-sk-on {
  margin-top: 220px; 
  margin-left: 270px; 
  height: 10px; 
  width: 30px; 
  background: url(/images/v1/top/lang-sk.gif) no-repeat top left;
}

.heading a.link-lang-sk {
  margin-top: 220px; 
  margin-left: 270px; 
  height: 10px; 
  width: 30px; 
  background-image: url(/images/v1/top/lang-sk.gif);
  background-repeat: no-repeat;
  background-position: -10px left;
}


.heading a.link-lang-en-on {
  margin-top: 220px; 
  height: 10px; 
  width: 30px; 
  background: url(/images/v1/top/lang-en.gif) no-repeat top left;
}

.heading a.link-lang-en {
  margin-top: 220px; 
  height: 10px; 
  width: 30px; 
  background-image: url(/images/v1/top/lang-en.gif);
  background-repeat: no-repeat;
  background-position: -10px left;
}

.heading a.link-lang-pl-on {
  margin-top: 220px; 
  height: 10px; 
  width: 30px; 
  background: url(/images/v1/top/lang-pl.gif) no-repeat top left;
}

.heading a.link-lang-pl {
  margin-top: 220px; 
  height: 10px; 
  width: 30px; 
  background-image: url(/images/v1/top/lang-pl.gif);
  background-repeat: no-repeat;
  background-position: -10px left;
}

.heading SPAN { display: none; }

.container {
  width: 950px;  
/* Centering for IE6+ in strict mode,
Firefox, and other modern browsers */
margin: auto;
/* Don't center every line of text -
we inherited this setting from body */
text-align: left;

}
  
.left {
  float: left;
  padding: 0px 5px 0px 0px;
  width: 155px;
}

.middle {
  top: 10px;
  margin-left: 170px;
  margin-right: 170px;
}

.right {
  float: right;
  padding: 0px 10px 0px 10px;
  width: 150px;
}

.footer {
  padding-top: 0px;
  height: 183px; 
  text-align: center;
  clear: both;
  width: 950px;
  margin: auto;
  background: url(/images/v1/bottom/background.jpg) no-repeat top center;
}

.menu_travel_info, .menu_site_travel {
  padding-top: 10px; 
}

.menu_travel_info ul, .menu_site_travel ul {
margin: 0;
padding: 0px 0px 0px 10px;
list-style-type: none;
}

.menu_travel_info ul li a, .menu_site_travel ul li a  {
width: 150px;
height: 22px;
text-decoration: none;
padding: 0px 0px 0px 5px;
background-repeat: no-repeat;
background-position: top right;
}

.l0 { PADDING-LEFT: 0px; 
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
.l1 { PADDING-LEFT: 0px; 
  text-transform: none;
  font-weight: normal;
  font-size: 11px;
}
.l2 { PADDING-LEFT: 20px; 
  text-transform: none;
  font-weight: normal;
  font-size: 11px;
}
 

H1 {   font-size: 12px; }


/* LETO */
H1 { color: #0b9444; font-size: 14px; }
H2 { color: #0b9444; }
HR { height: 0px; } 
H6 { display: inline; color:#0B9347; font-size: 11px; font-weight: normal; margin: 10px 0px ;  padding: 0px}
.middle A { color:#0b9444 }


.menu_site_travel ul li a  {
	color: #0b9444;
}
.menu_site_travel li  {
	border-bottom: 1px solid #0b9444;
}

.menu_site_travel  li .l1  {
   border-bottom: none;
}

.menu_travel_info ul li a {
	color: #90b03e;
}
.menu_travel_info li  {
	border-bottom: 1px solid #90b03e;
}

.headtext { margin-top:15px; }


.col1 { float: left; width: 375px; margin-bottom: 20px;}
.col2 { float:right; width:210px; margin-bottom: 20px;}


.page_tabs  { border-top: 1px solid #969696;  border-bottom: 1px solid #969696; margin: 10px 0px; text-transform: uppercase; font-size: 12px;}
.page_tabs A { color:#969696 }

.objects { width:100%;  border-spacing: 0; border-collapse: collapse;}
.objects TD { padding: 4px; }
.object_list { padding: 10px;  border-bottom: 1px solid gray; vertical-align: top; }
.object_list H2 { font-size: 11px; } 
.object_list  H2 A { color: black; } 
.object_list .cola {  width: 160px;  }
.object_list .colb {  width: 100px; }
.object_list .colc{  width: 310px;  }
.object_list .colc P { margin: 0px; padding: 0px; line-height: 1.2em; }
.object_list  .main_image { width: 100px;  height: 77px; padding: 1px; margin: 0px ; border: 1px solid gray; }


.main_image { padding: 1px; margin: 0px ; border: 1px solid gray; }
.subtitle {  font-style: italic; }

.pager { padding: 5px; border-bottom: 1px solid #0b9444  } 

.pager_links { text-align: center; margin-top: 10px;   }
.pager_links A { color: #646464  }
.pager_links SPAN { font-weight: bold; color: #646464 }

.inc-flash {
  width: 595px; height: 185px;
  float:left;
}

.inc-atrakcie{
 float: left; width: 290px; padding: 2px ;
}

.inc-aktivity {
 float: left; width: 290px;  padding: 2px 10px; 
}

.inc-mapy {
  float: left; width: 290px; height: 210px; 
}
.inc-mapy .mapa { padding: 5px; } 

.inc-ltt {
  width: 150px; height: 210px; float: left; 
}
.inc-ltt .headtext { 
  margin-left: 10px; 
}
.inc-ltt .banner {   
position: relative;
left: -8px;
top: 5px; 
}

.inc-top-restauracie {
  width: 150px; height: 210px; float: left; margin-left: 10px; 
}

.list_item_14 { padding: 8px 0px; } 
.list_item_14 .rate_image { display:block; padding-right: 5px; float: left; height: 40px; }
.list_item_14 .text { padding-bottom: 2px ; } 
.list_item_14 A { color: black; font-weight: bold; }

.inc-aktivity-list {
  width: 140px; height: 210px; float: left; 
}
.inc-atrakcie-list, .inc-hotely-list, .inc-penziony-list, .inc-restauracie-list {
  width: 140px; height: 210px; float: left; margin-left: 10px;
}

.greenlist, .greenlist A { 
  color: #90b03e; 
}

.greenlist .headtext { 
  padding: 5px 0px;
}

.greenlist ul {
  list-style: none; padding: 0px ; margin: 0px ; 
}
.greenlist li {
  padding-left: 8px;
  background: url(/images/v1/delim-ad05.jpg) no-repeat bottom left;
}

.foot-pocasie {
  width: 300px; height: 105px; float: left; text-align: left; padding: 0px 10px;
}
.foot-pocasie .headtext { margin-bottom: 10px; } 

.foot-kurzy {
  width: 310px; height: 105px; float: left; text-align: left; padding: 0px 10px; 
}
.foot-kurzy .headtext { margin-bottom: 25px; } 

.foot-partneri {
  width: 275px; height: 105px; float: left; text-align: left; padding: 0px 10px; 
}

.footer .headtext {
  margin-top: 0px;
}

.shortlist { display: block;  margin: 7px 2px; }
.shortlist .main_image { display: block;  float: left; margin-left: 2px; margin-right: 8px; margin-bottom: 2px; }
.shortlist A { padding: 0px;  margin: 0px; color:black; font-size: 14px; font-weight: bold }
.shortlist .text  {  padding-bottom: 4px; }
.shortlist .text .subtitle {  display: block; font-size: 10px; font-style: normal; line-height: 1.2em; }

.inc-lastm { display: block;  margin: 7px 2px; }
.inc-lastm .img_price { display: block;  float: left; margin-left: 2px; margin-right: 8px; margin-bottom: 2px; }
.inc-lastm .main_image { display: block;   margin-bottom: 5px; }
.inc-lastm .price { color: red; font-size: 14px; font-weight: bold; }
.inc-lastm A { padding: 0px;  margin: 0px; color:black; font-size: 12px; font-weight: bold }
.inc-lastm .text  {  padding-bottom: 4px; }
.inc-lastm .text .subtitle {  display: block; font-size: 10px; font-style: normal; line-height: 1.2em; }

.weather { width: 95px; float: left; margin-right: 5px; padding-top: 15px; }
.weather .region IMG { padding-top: 5px;  }
.weather .condition { float: left; padding-top: 5px; padding-right: 10px; padding-left: 5px;  height: 32px; width: 32px; } 
.weather .temp { height: 32px;  font-size: 14px; padding-top: 0px; padding-right: 10px; color: white; font-weight: bold; text-align: right; line-height: 1.4em; }

.exchange_rates  { width: 150px ; float: left; display: block; margin-top:5px;}
.exchange_rates  IMG { float: left; padding-left: 5px; }
.exchange_rates  .currency { float: left; width: 60px; height: 18px;  font-size: 14px; color: #c2c2c2; padding-left:5px; font-weight: bold;}
.exchange_rates  .rate { height: 19px; font-size: 14px; color: white; font-weight: bold;}

.partners_list {   margin-top: 22px; }
.partners_list  IMG { margin-left: 10px; margin-right: 10px; } 

.ltt-maly { margin: 5px; }
.ltt-maly .title { margin-left: 10px; } 
.ltt-maly .headtext { margin-left: 5px; } 
.ltt-maly IMG { left: -5px; border: 0px;  position: relative; } 
.inc-ltt-maly .link { color: black;  }
.inc-ltt-maly IMG { margin: 0px;}

.inc-actionnews { padding: 4px 8px; }
.inc-flashnews { padding: 4px 8px; }

.link A { color: #646464 }
.link .index { font-weight: bold; }

.footer-portals A { color: black;  }

.footer-links A { color: #646464; text-transform:lowercase; }

.footer-copyright { font-size: 10px;  margin-top: 15px; text-align:right ;color: #646464;padding: 5px; }
.footer-copyright A { color: black; }

.contact .col1 {  width: 180px ;}
.contact .col2 {  width:405px; }

.list2c { float: left; width: 295px;  height: 85px; display: block;  margin: 2px 0px; } 
.list2c .logo { display: block;  float: left; margin-left: 2px; margin-right: 8px; margin-bottom: 2px;  width: 98px; height: 71px; } 
.list2c .main_image { display: block;  float: left; margin-left: 2px; margin-right: 8px; margin-bottom: 2px;  width: 98px; height: 71px; } 
.list2c H3 { color: black; font-size: 16px; margin: 0px;  }

.list1cc { text-align:center; }
.list1cc IMG { margin: 10px; } 

.filter  { padding: 5px; border-bottom: 1px solid #0b9444  }
.filter .value { width: 210px;} 
.filter .label { width: 70px; }
.filter .btn { text-align: right; }

.link-last-minutes { color: red; padding-top:5px; padding-left: 70px; font-weight: bold}

.fotoprofil H2 { margin-top: 0px; color: black; } 
.fotoprofil .colA { vertical-align: top; padding-right:10px; } 
.fotoprofil .colB { vertical-align: top; padding-right:20px; }

.fotoprofil .photos { padding: 20px; float: left;  }
.fotoprofil IMG {  width: 98px; height: 71px; } 

.booking { padding: 5px; }
.booking form br { display: none; }
.booking form label {  font-weight: bold; padding: 2px 0px 0px 5px; text-align: left;}
.booking form p { margin: 2px; border: none; }
.booking .submit { width: 150px; text-align: right; }
/* --------- /stylesheets/tabs.css --------- */ 
ul#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#toc li {
    float: left;
    margin: 0 2px 0 0;
}

ul#toc a:hover {
}

ul#toc a {
    border: none; 
	text-decoration: none; 
    display: block;
    float: left;
    height: 2em;
    line-height: 2em;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
}

ul#toc li.current {
}

ul#toc li.current a {
    font-weight: bold;
}

div.tab_content {
}/* --------- /stylesheets/v1/rater.css --------- */ 

/* ======= STAR-RATER ======== */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(/images/v1/rating.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:70px;
height:14px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:14px;
line-height:14px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}

.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display: inline-block;
vertical-align: middle;
}

.small-star{
width:50px;
height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
background-image: url(/images/v1/star_small.gif);
line-height: 10px;
height: 10px;
}
/* ======= /STAR-RATER ======== *//* --------- /stylesheets/calendar.css --------- */ 
/* The main calendar widget.  DIV containing a table. */

img.calendar-trigger {
    cursor: pointer;
    vertical-align: middle;
    margin-left: 4px;
}

div.calendar { position: relative; z-index: 30;}

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #fafbfc;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #467aa7;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #467aa7;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #bdf;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #80b0da;
  color: #000;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #bdf;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #80b0da;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #80b0da;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #f00;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #667;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
/* --------- /stylesheets/lightbox.css --------- */ 
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #000;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #000;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}