body {
	background-image:url(winter/img/background.jpg);
	background-attachment:fixed;
	background-position:left;
	background-color:#000000;
	line-height:1.5em;
	font-size:/*0.7em*/12px;
	font-family: 'Trebuchet MS';
	color: #121212;
	margin:0px;
}


/*=== HEADER ===*/
#header {
	width:100%;
	min-width:800px;
	height:148px;
	}

div.mlogo {
	position:relative;
	left:-130px;
	top:52px;
	width:327px;
	height:50px;
}

img.logo {
	border-style:none;
}

/* Obrazok maleho chopku */
#ilogo_container {
	position:absolute;
	top:20px;
	height:80px;
	width:100%;
}

#ilogo_image {
	position:relative;
	left:220px;
	height:80px;
	width:230px;
}
/* === END OF HEADER === */


/* === MENU CONTAINER ===*/
table.menu_div {
	position:relative;
	top:50px;
}

div.menu_left {
	width:9px;
	height:31px;
    background-image: url(winter/img/mleft.png);}

div.menu_left_h {
	width:9px;
	height:31px;
    background-image: url(winter/img/hleft.png);}

div.menu_right {
	width:8px;
	height:31px;
    background-image: url(winter/img/mright.png);}

div.menu_right_h {
	width:8px;
	height:31px;
    background-image: url(winter/img/hright.png);}
/* === END OF MENU CONTAINER === */

 /* === MENU ITEMS ===*/
ul#menu {
	display:inline-block;
	list-style:none;
	padding:0;
	margin:0;
	font-family:'Verdana';	
	font-size:10px;
    text-transform:uppercase;
}

ul#menu li {
	width: inherit;
    
	height:31px;
	line-height:31px;
	vertical-align:middle;
	display:block;
	float:left;
	text-align:center;
}

ul#menu li a {
	padding-left:6px;
	padding-right:6px;
    
	display:block;
	float:left;
	height:31px;
	line-height:31px;
	text-decoration:none;
	color:#09409d;
	background-image: url(winter/img/mcenter.png);
}

ul#menu li a:hover {
	background-image: url(winter/img/hcenter.png);
	color:#cedffc;
}

#menu li a.menu_cur {
	background-image: url(winter/img/hcenter.png);
    color:#cedffc;
}


/* === END OF MENU ITEMS ===*/


/* === PAGE === */
#content {
	width:100%;
	min-width:800px;
}
#content a {
	*position:relative;
}

div.page_header {
	width:790px; 
	height:25px;
    background-image: url(winter/img/pageheader.png);}
div.page_content {	
	width:790px; 
    background-image: url(winter/img/pagecontent.png);	padding:0px 0px 15px 0px;
	
}

div.page_left {
	/*background-color:#FFFFFF;*/
	float:left;
	width:525px;
	padding:5px 15px 0px 20px;
}

div.page_right {
	text-align:left;
	/*background-color:#FFFFFF;*/
	float:left;
	width: 195px;
	padding:5px 22px 0px 13px;
}

div.page_footer {
	width:790px; 
	height:16px;
    background-image: url(winter/img/pagefooter.png);}
/* ===END OF PAGE=== */


/* === ELEMENTS === */

h1 {
	font-size:1.7em;
	margin:0px 0px 15px 0px;
}

h2 {
	line-height:1.2em;
	text-align:center;
	font-size:1.2em;
	margin:5px 0px 10px 0px;
}

div.page_right h2 {
	line-height:1.2em;
	text-align:center;
	font-size:1.2em;
	margin:10px 0px 20px 0px;
}

p {
	line-height:1.5em;
	font-size:1em;
	text-indent:15px;
	margin: 5px 0px 5px 0px;
}

p.wi {
	text-indent:0px;
}

a, a:hover, a:visited, a:active {
	color:#000000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.link {
	line-height:1.5em;
	font-weight:bold;
	
}

table {
	vertical-align:middle;
}
/*===  END OF ELEMENTS ===*/


/* === ELEMENTS BY PAGE */

.home_avalanche_1 {
	color: #FFFFF;
}

.home_avalanche_2 {
	color: #FFFFF;
}

.home_avalanche_3 {
	color: #FFFFF;
}

.home_avalanche_4 {
	color: #FFFFF;
}

.home_avalanche_5 {
	color: #FFFFF;
}

.weather_icon {
	vertical-align:middle;
	width:32px;
	height:32px;
}

.weather_data {
	font-size:1.1em;
	font-weight:bold;
	line-height:1.5em;
}

.weather_camera {
	border-style: solid; 
	border-width: 1px; 
	border-color: #000000; 
	width:350px;
	height:263px;
	display:inline-block;
}

.offer_image {
	border-style: solid; 
	border-width: 1px; 
	border-color: #09409d; 
	margin:4px;
	width:165px;
	height:111px;
	display:inline-block;
}

.offer_icon {
	vertical-align:middle;
	width:50px;
	height:50px;
}

.location_image {
	border-style: solid; 
	border-width: 1px; 
	border-color: #09409d; 
	margin:4px;
	width:165px;
	height:111px;
	display:inline-block;
}

.who_photo {
	margin:5px;
	width:92px;
	height:134px;
	border-style: solid; 
	border-width: 1px; 
	border-color: #09409d; 
}

.book_input {
	border-style: solid; 
	border-width: 1px; 
	border-color: #09409d; 
	background: transparent;
	padding:4px;
	width:95%;
	margin-bottom:5px;
}

.panorama_image {
	border-style: solid; 
	border-width: 1px; 
	border-color: #09409d; 
	margin:4px;
	width:135px;
	height:85px;
}

.book_button {
	border-collapse: collapse;
	border-style: solid;
	border-width:1px;
	border-color:#09409d; 
	color:#09409d;
	background: #cedffc;
	padding:3px;
	margin-top:10px;
}

.skimount_image {
	border-style: solid; 
	border-width: 1px; 
	border-color: #09409d; 
	width:95%;
	display:inline-block;
}

ul.skimount_downhills {
	list-style:none;
	padding:0;
	margin:0;
}

ul.skimount_downhills li {
	width: inherit;
	display:block;
	float:left;
	text-align:center;
}

ul.skimount_downhills li div {
	display:none
}

ul.skimount_downhills li a:hover > div {
	display:block
}

#gallery_wrapper {
	width: 525px;
	overflow: hidden;
}

.gallery_thumb {
	width: 163px;
	height: 163px;
	float: left;
	margin-bottom: 15px;
	border: 1px solid #09409d; 
}

.gallery_middle {
	margin-left: 15px;
	margin-right: 15px;
}

#gallery_navigation {
	padding-bottom: 3px;
}

#gallery_navigation span {
	cursor: pointer;
}

#gallery_navbar_1 {
	float: left;
}

#gallery_navbar_2 {
	float: right;
}

.gslide_selected {
	text-decoration: underline;
	font-weight: bold;
}

/*=== END OF ELEMENTS BY PAGE ===*/


/*=== FOOTER ===*/
#footer {
	width:100%;
	min-width: 800px;
	color:black;
	font-size:1em;
}
/*=== END FOOTER ===*/

/*=== TABBER ===*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #09409d;;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #09409d;
 border-bottom: none;
 background: #cedffc;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #09409d; }
ul.tabbernav li a:visited { color: #09409d; }

ul.tabbernav li a:hover
{
 color: #cedffc;
 background: #09409d;
 border-color: #09409d;
}

ul.tabbernav li.tabberactive a
{
color:#cedffc;
 background-color: #09409d;
 border-bottom: 1px solid #09409d;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #cedffc;;
 background: #09409d;;
 border-bottom: 1px solid #09409d;;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #09409d;
 border-top:0;


 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/* === END OF TABBER === */

/* === TEXT HOOVER === */
.hotspot {color:#09409d; padding-bottom:1px; border-bottom:1px dotted #09409d; cursor:pointer}

#tt {position:absolute; display:block; background:url(../images/htext/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/htext/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/htext/tt_bottom.gif) top right no-repeat; overflow:hidden}
/* === END OF TEXT HOOVER === */