/*
------------------------------------------------------
GULIWER s.r.o.

General Screen Styles
Created by the Guliwer s.r.o. ,  2007
http://www.guliwer.sk

------------------------------------------------------
*/


/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; }

body { font-size:62.5%; color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; background: #020b37 url(../images/bg.jpg)  top left; background-attachment:fixed;}

h1 { font-size: 2.6em; line-height: 2.2em; margin-bottom: 1em;  color:#fff; font-weight:700;font-family:Arial, Helvetica, sans-serif; }
h2 { font-size: 2.2em; line-height: 2em; color:#fff;  margin-bottom: .8em; font-family:Arial, Helvetica, sans-serif; }
h3 { font-size: 1.6em;    line-height: 1.5em; color:#000; }
h4 { font-size: 1.2em;    line-height: 1.2em; color:#000; }



em {font-size:1.2em; margin-bottom:1.5em;}
p { margin-bottom: 1.5em; line-height:1.5em; font-size:1.2em; }
.anchor {padding:0; margin:0;}
 ul, ol, dd { font-size: 1em; margin-bottom: 1.5em;}

img { border: none; }
a img {border:2px solid #175997; padding:1px;}
a:hover img {border:2px solid #4d8aba; padding:1px;}

#left a img {border:none; padding:0;}
#left a:hover  img {border:none; padding:0;}

.clear { clear: both; }
.hide { display:none;}
.left {float:left;}
.right {float:right;}

textarea:focus,input:focus {border:2px solid #ff6600;}

.req {color:#FF0000; font-weight:bold;}
.go {color:#009900; font-weight:bold;}
.line {border-bottom:1px dotted #fff;}
a:link, a:visited {color:#fff; text-decoration:underline;  font-weight:bold; }
a:hover {text-decoration:none;}

a.link_white_arrow, a.link_white_arrow:visited   {background: transparent url(../images/sipka.gif) no-repeat left 5px; padding-left:10px; line-height:1.2em; }
a.link_blue_arrow, a.link_blue_arrow:visited   { color:#175997;background: transparent url(../images/sipka_blue.gif) no-repeat  left 5px; padding-left:10px;}
a.link_blue, a.link_blue:visited   { color:#175997;line-height:1.2em; }

a.pdf, a.pdf:visited   { color:#175997;background: transparent url(../images/icons/pdf.gif) no-repeat  center left; padding-left:25px; height:20px;}

.help {position:absolute; right:0; }
.info {font-size:1.2em; color:#FF0000; font-weight:bold; display:block; text-align:center; margin:0 auto; padding:5px; }
/*-------------------------------------------   
    Container
-------------------------------------------*/
*html #container {margin:0 auto; width:930px; padding:0; position:relative;  background: #fff; border-left:2px solid #175997; border-right:2px solid #175997;}
#container {margin:0 auto; width:930px; padding-left:16px; padding-right:16px; position:relative; z-index:0;  background: transparent url(../images/container_back.png) repeat-y top left;}
/* border:1px solid #000; */

/*-------------------------------------------    
    Header
-------------------------------------------*/

#header { height:66px; width:930px;background: #175997  url(../images/header_back.jpg)  top left repeat-x; position:relative;}
#header #logo {  position:relative;}
#header #language { position:absolute; z-index:10000; left:850px; top:0px; }
#header #language a img { border:none;}
#header #plaketa_top { width:133px; height:66px; position:absolute; top:0px; right:17px;background: url(../images/plaketa_top.jpg) no-repeat;}
#header #logo h1, #header #logo h1 span {background: transparent url(../images/logo.jpg) no-repeat; cursor:pointer;  position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; width:170px; height:51px;  color: #fff; font-size:1.4em; }
#header #login { margin-left:200px;   height:100px;width:430px; float:left; }
#header #login span { float:left; display:block; clear:both; margin-left:5px;}
#header #login input { color:#000;width:100px; padding:1px;  margin-left:5px; background-color:#ccc;  border:1px double #666;}
#nav {text-align:right; background: #175997 url(../images/nav_bg.gif) repeat-x top left; height:25px; width:920px; padding:0px 10px 0px 0; line-height:2em; }
#header #login .button {width:17px; height:20px; background: #175997 url(../images/icon_log_on.gif) no-repeat top left; border:0;}
#header #login div {float:left; clear:left;}
#header #login label {float:left; margin-left:5px;}
#header #login label.heslo {margin-left:75px;}
 #intro_header { position:relative; height:173px; width:930px;}
 #intro_header h2  { position:absolute; top:30px; left:50px; font-size:3em; line-height:1.2em;}

/*-------------------------------------------    
    Navigation and Sub-Navigation
-------------------------------------------*/
/* Automatic Page Highlighting */

 #left  ul{list-style:none; margin:10px 0 10px 0px; padding:0; font-size:12px;}
 #left  li {display:inline; margin:0; padding:0; }
 #left  ul a { font-weight:bold;background:url(../images/sipka.gif) no-repeat 10px center ;   padding:5px 10px 5px 20px; display:block;}
 #left  ul li a:hover { background-color:#4d8aba;  }
 #left li ul {margin:1px 0 0 20px;}
 #left li.selected a, #left li.selected  ul li.selected a {background-color:#4d8aba;  text-decoration:none; }
 #left li.selected  ul li a { background-color:#175997;   padding:5px 10px 5px 20px;text-decoration: underline;font-weight: normal;}
 #left li.selected  ul li a:hover {  background-color:#4d8aba;text-decoration: none;}


/*-------------------------------------------    
    Structure
-------------------------------------------*/
#banner {position:absolute; z-index:500; cursor:pointer; top:-600px; left:180px;}
#popup-1, #popup-2 { padding:10px; background-color:#FFFFFF; color:#000000; width:0px; height:0px; border:2px solid #175997; display:none; position:absolute; z-index:5000000; top: 150px; left:50%; margin-left:-275px; }
#popup-1 a:link,  #popup-1 a:visited {color:#175997;}
.topbanners {padding: 5px 0 5px 0; color:#000000;  }
.topbanners h3,  .topbanners p {padding:10px; margin:0;}
.topbanners .left a:link, .topbanners .left a:visited, .topbanners .right a:link, .topbanners .right a:visited {color:#175997;}
.topbanners a img {border:1px solid #175997; margin-left:10px;}
#left { width:230px; float:left; background-color:#175997; } 
#left  h2, #right  h2 {background:url(../images/h1_back.gif) repeat-x bottom left; }

#right  h2 {color:#000000; font-size:2.2em; text-transform:uppercase;}
#right  h2 span { text-transform:none;font-size:20px;  }
#right  { width:700px; float:left; color:#000000; background-color:#FFFFFF; }
#right .column {float:left; width:189px; margin:10px; }


#content  { margin:10px 0px 0px 0px; clear:left; float:left; background: #175997 url(../images/back.gif) repeat-y top left;color:#000000;  }

#home #content {background: #175997 url(../images/content_back.gif) repeat-y top left; color:#FFFFFF; float:left; clear:left; }
#forum #content,#kontakt #content , #cennik #content, #kamery #content, #faq #content {  background-color:#FFFFFF; background:none;  }
.inner {padding:15px; }

#header  #error { position:absolute; top:35px; left:205px; color:#FFcc00; font-weight:bold;}

ul.list {margin-left:10px; font-size:12px; list-style:none;}
ul.list li {padding:0px 3px 3px 10px; background: url(../images/sipka_blue.gif) no-repeat left 5px ;}

ul.sipka {margin-left:10px; font-size:14px; list-style:none;}
ul.sipka li {padding:3px 3px 10px 29px; background: url(../images/sipka_red.jpg) no-repeat  left 5px;}


table#prihlasenie {width:250px; color:#000000; margin-bottom:20px; border:1px solid #ccc; margin:0 auto;}
table#prihlasenie   td { padding:3px; border:0; }
table#prihlasenie  th  {background-color:#175997; text-align:left; padding:2px 0 2px 3px; color:#FFFFFF; border:1px solid #fff; line-height:1.5em; font-weight:bold; font-size:1.2em;}
table#prihlasenie input {width:150px;}

#cennik .inner h2, #kamery .inner h2 , #forum .inner h2, #faq .inner h2, #kontakt .inner h2 {color:#000000; background:url(../images/h1_back.gif) repeat-x bottom left;}



/* HOME ------------------------------------   */ 
#home #intro_header {float:left; position:relative; width:930px; height:305px;}
#home #intro_header h2  {margin:0;text-indent:-32697px; width:0; height:0; padding:0; overflow:hidden; }



#index_left { width:303px; float:left; background-color:#175997; }
#index_left .inner {padding:10px; }
#index_left h2, #index_right h2 {background:url(../images/h1_back.gif) repeat-x bottom left; font-size:2em;}
#index_right { width:627px; float:left; }

#index_right a img { margin-left:5px;}
#index_right .column {float:left; width:189px; margin:10px; display:inline; }
#index_right .column p {margin:5px 5px;}


ul#tabs { list-style:none; margin:0 0 0 5px; padding-bottom:4px; font-size:12px;}
ul#tabs  li {display:inline; }
ul#tabs  li a { padding: 0.3em .3em; background-color:#175997; text-decoration:underline; }
ul#tabs  li a:hover {text-decoration:none;}


#actual , #predpoved {  margin-left:5px; background:#4d8aba;}
#actual table {background-color:#4d8aba;}
#predpoved  a img {margin:10px 0 10px 20px;  }
/* REGISTRACIA ------------------------------------   */ 

#user_top {position:absolute; right:196px; top:13px; z-index:10; width:143px; height:53px; background: transparent url(../images/user_top.jpg) no-repeat top left; }
#registracia input, #registracia textarea {width:200px}

/* CENNIK   ------------------------------------   */ 


.table {font-size:1.2em; border-left:1px solid #ccc;}
.table  td {padding:5px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:left;}
.table  .even {background-color:#b9dff6;}
.table  tr.even:hover {background-color:#175997;color:#FFFFFF;}
.table  th  {background-color:#175997; text-align:center; padding:5px 0 2px 0px; color:#fff; border:1px solid #fff; line-height:1.5em; font-weight:bold; font-size:12px;}


#cards img {margin:5px; float:left;}
#cennik .inner { width:900px;}

/* O STREDISKU ------------------------------------   */ 

#map-text h2 {background:none; border-bottom:1px solid #333; margin:0; padding:0;}

/* GALERIA   ------------------------------------   */ 




#galeria #right img { margin:5px;}
#galeria #right a img {color:#0066FF;}


/* LYZOVANIE  ------------------------------------   */ 

#lyzovanie #user_top {position:absolute; right:233px; top:25px; z-index:10; width:100px; height:41px; background: transparent url(../images/lyzovanie_top.jpg) no-repeat top left; }
#snowpark #user_top {position:absolute; right:255px; top:26px; z-index:10; width:88px; height:40px; background: transparent url(../images/snowpark_top.jpg) no-repeat top left; }
#kids #user_top {position:absolute; right:166px; top:12px; z-index:10; width:180px; height:54px; background: transparent url(../images/kids_top.jpg) no-repeat top left; }

/* SLUZBY  ------------------------------------   */ 

#right h3 {background-color:#175997; color:#FFFFFF; font-weight:500; padding: 0 0 0 5px; margin-bottom:5px; position:relative;}
#right h3 span { position:absolute; right:10px;}
#right .preview {margin-bottom:10px;}
#sluzby .img {margin:10px; border:1px solid #000; padding:1px; float:right;}

/* UBYTOVANIE   ------------------------------------   */ 

.ubytovanie-box { width:190px; float:left; margin-right:30px; display:inline;}
.ubytovanie-box p {margin:0px 5px 10px 5px;}
.ubytovanie-box img {  margin:10px;}
.ubytovanie-box h4 { background: #fff url(../images/box_head.jpg) no-repeat bottom left; color:#FFFFFF; font-size:14px; padding:8px 5px 5px 10px; line-height:12px; margin:0;}
.body-box {background: #d0e8ff url(../images/box_bottom.jpg) no-repeat bottom left; margin:0; padding:0;}
.kontakt-box p a {font-size:10px;}
.kontakt-box { border-top: 1px solid #b6dafb; background: #4d8aba url(../images/box_bottom.jpg) no-repeat bottom left; padding-bottom:10px;}
a.mail  {background: url(../images/icons/emial.gif) no-repeat center left; margin:0; padding-left:18px; padding-bottom:2px;}
a.web  {background: url(../images/icons/web.gif) no-repeat center left; margin:0; padding-left:18px; padding-bottom:2px; }
.obal {float:left; margin-bottom:20px; }

.cat-box { width:158px; height:161px; margin:0 5px 20px 0; float:left; background: transparent url(../images/ubyt_box.jpg) no-repeat top left; }
#right .cat-box h2 { background:none; margin:0; line-height:1.8; padding:0 0 0 10px; font-size:16px; text-transform:none; }
#right .cat-box img {margin-left:2px;}
#right .cat-box a img {border:none;}
#right .cat-box p {text-align:right;  padding:10px 10px 0 0;}

#sluzby .view-box { width:653px; margin:0 0 20px 0; position:relative; }
#sluzby .view-box h2 {background: url(../images/ubyt-title.gif) no-repeat center left; text-transform:none; font-size:16px; margin:0; height:28px; padding:0px 0  0px 15px;  }
#sluzby .view-box h2 a {color:#175997; }
.view-box .view-inn { border-left:2px solid #d7d7d7; border-right:2px solid #d7d7d7; }
.view-content { padding:10px; font-size:12px;  line-height:1.5em; }
.view-content p {font-size:12px;}
.view-box  div img {float:left; margin:10px;}
.view-box .bottom { clear:left;background: url(../images/ubyt-bottom.gif) no-repeat top left; width:653px; height:8px; padding:0; margin:0; border:none; }
.view-box .more { width:150px; float:right; padding-right:10px;}
.view-box .more p {text-align:right;}

.det-content { font-size:12px; padding:10px;  line-height:1.5em;  }
.det-content p {font-size:12px;}
.det-content ul {margin-left:20px; list-style:none;}
.det-content ol { margin-left:40px; }
.det-content ul li {padding:3px 3px 3px 10px; background: url(../images/sipka_blue.gif) no-repeat center left;}

.det-pictures {padding:10px; }
.det-pictures img {margin: 0 2px 5px 0;}

#formular {position:relative; padding-top:10px;}
#response  h2 { background:transparent url(../images/info.png) no-repeat scroll left center; border:1px solid #CCCCCC; text-transform:none; padding:10px 0 10px 50px; color:#FF0000; font-size:18px; width:90%; margin:20px auto; display:block;  }
#formular  h4 {border-bottom:1px solid #666; display:block; margin-bottom:10px;}
#rezervacia {width:550px;}
#rezervacia label { font-size:12px; display:block; width:100px; float:left; }
#rezervacia input, #rezervacia textarea  {float:left; width:200px;}
#rezervacia div { margin-bottom:5px;}
#rezervacia .button {width:80px;}
#send {margin-left:220px;}
#rezervacia br {clear:both;}
#rezervacia span {margin-left:5px;}
/* KONTAKT   ------------------------------------   */ 

#kontakt input, #kontakt textarea, #input textarea, #input input {border:1px solid #4d8aba; margin-bottom:5px; padding:2px; background: #edece9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

#input textarea:focus, #input input:focus,#kontakt textarea:focus,#kontakt input:focus {border:2px solid #ff6600;}

address {font-size:1.2em; font-style:normal; margin-bottom:10px; background-color:#CCCCCC; padding:5px; border:2px solid #999;}
#kontakt #left {background-color:#FFFFFF; width: 350px; }
#kontakt #right { width: 500px; float:left; margin-left:20px;}
#kontakt #content h2 {color:#000;}
#kontakt #right h3, #kontakt #left h3 {color:#666; border-bottom:1px solid #666; font-weight:bold; background:none; margin-bottom:10px; padding:0;}

#kontakt #right form {width:350px;}
#kontakt #right filedset {background-color:#333; border:1px solid #ccc; margin:2em 0; padding:1em;}
#kontakt #right form legend {font-size:1.4em; color:#999999;}
#kontakt #right form  label {font-size:1.2em; font-weight:bold; }
#kontakt #right form br {clear:both;}
#kontakt #right form .field {width:300px; padding:3px; font-weight:bold; margin-bottom:.5em; }
#kontakt #right form .cek  {}

/* Web Kamery   ------------------------------------   */ 
#kamery #user_top {position:absolute; right:203px; top:35px; z-index:10; width:155px; height:31px; background: transparent url(../images/kamera_top.jpg) no-repeat top left; }
#kamery iframe {margin:5px; width:380px; height:370px; padding:0; overflow:hidden; background: transparent url(../images/icons/icn_loading_animated.gif) no-repeat center center;}

/* FORUM  + FAQ  ------------------------------------   */ 

#forum #user_top, #faq #user_top {position:absolute; right:265px; top:33px; z-index:10; width:62px; height:33px; background: transparent url(../images/forum_top.jpg) no-repeat top left; }
#input {margin-bottom:20px;}


ul.forum-box { list-style:none; border:1px solid #b9b9b9; padding:1px; clear:left; }
ul.forum-box li  { padding:1px 5px; }
ul.forum-box li a {font-size:1.2em; color:#4d8aba;}

#forum #load .forum-box  h2.user {margin:0; font-size:1.5em; padding-left:30px; color:#4d8aba; background: transparent url(../images/icons/user.png) no-repeat center left!important;background: transparent url(../images/icons/user_ie.jpg) no-repeat center left;}
#forum  #load .forum-box h2.admin {margin:0; font-size:1.5em; padding-left:30px;  background: transparent url(../images/icons/admin.png) no-repeat center left!important;background: transparent url(../images/icons/admin_ie.jpg) no-repeat center left;}
#forum #load .forum-box  h2.admin a { color:#db260c;}

#faq .forum-box h2 {margin:0; padding-left:5px; color:#4d8aba; background:none;}
#faq .forum-box p { margin:0; font-size:1.4em;}

ul.forum-box li.title {background-color:#edece9;  position:relative; padding:1px; }
ul.forum-box li span { display:block; padding:3px 0 3px 25px; width:80px;  position:absolute; right:5px; top:10px; background: transparent url(../images/icons/date.png) no-repeat center left!important; background: transparent url(../images/icons/date_ie.jpg) no-repeat center left;}
ul.forum-box p { margin:0;}
.forum-nav {position:relative; font-size:1.2em;}
.forum-nav  .aktual {position:absolute; right:10px; font-weight:bold; font-size:1.6em; color:#999999;}
.forum-nav span { }
.forum-nav span  a {border:1px solid #b9b9b9; padding:4px;}
.forum-nav span  a:hover {background-color:#4d8aba; color:#FFFFFF; }


#forum .inner, #faq .inner { width:800px; margin:0 auto;}
#loading, #loading_down {  display:inline; margin:0px 0px 0px 10px; padding:0; font-weight:bold; color:#666666;}
/* AKCIE ------------------------------------   */ 

#akcie-box p span {color:#666666; }

/* MAPA STRANOK  ------------------------------------   */ 

#site_map {  width:100%!important; width:900px; float:left; background: #8b8a8a url(../images/site_map_back.gif) repeat-y top left;  }
#site_map .inner {margin:0; width:100%;}

#site_map  .clear {height:21px; background: #8b8a8a url(../images/site_map_bottom.jpg) no-repeat bottom left; }
#site_map .last, #site_map .first, #site_map .second, #site_map .third {display:inline; float:left; }

#site_map .first { margin:0 20px 0 20px;width:160px;}
#site_map .second { margin:0 20px 0 45px;width:180px;}
#site_map .third {margin:0 20px 0 30px;width:190px;}
#site_map .last {margin:0 10px 0 30px; width:120px;}


#site_map ul h3 {font-size:16px;font-weight:bold; margin-bottom:5px; border:none; color:#FFFFFF; background:none;}
#site_map ul h3 a  { }
#site_map ul {list-style:none; }

*html #site_map ul li ul li {display:inline;}
#site_map ul li ul li a {font-size:12px; display:block;background: transparent url(../images/sipka.gif) no-repeat left 5px; padding-left:10px; margin-bottom:3px;}
#site_map ul li ul li ul li a {margin-left:10px;}

/*-------------------------------------------    
    Footer
-------------------------------------------*/

#partners { background: #FFF url(../images/partneri_back.gif) repeat-x bottom left; height:195px;  width:930px; clear:both; padding-bottom:5px; }

#represent, #module, #autocar, #partners a img  {float:left; margin: 3px 10px 0px 10px;}
 #partners a img  { margin: 3px 10px 0px 20px;}

#footer {background-color: #494949; height:80px;width:100%; padding-top:10px; }
#footer .center {text-align:center; padding:20px;}
#footer ul {list-style:none; margin-bottom:20px; }
#footer ul li { display:inline;}
#footer ul li a {padding:2px 10px 2px 10px; color:#CCCCCC;}
#footer ul li a:hover {color:#FFFFFF;}
#footer #credits {}



/*-------------------------------------------    
    MISC
-------------------------------------------*/


.clearfix ul:after {
    content:"."; 
    display:	block; 
    height:0; 
    clear:	both; 
    visibility:hidden;	}

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 



.tool-tip {
	color: #fff;
	padding:5px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #fff;
	padding: 8px 8px 4px;
	background: #1b5793;
	border-bottom: 1px solid #8fbddb;
}
 
.tool-text {
	font-size: 12px;
	padding: 8px;
	font-weight: bold;
	background: #93c0dd;
}
 

#overlay{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	min-height:100%;
	_height:100%;
	background: #000;
	z-index:10;
	cursor:pointer;
}

#loading  {
background:#FFFFFF url(../images/preloader.gif) no-repeat scroll center;
border:2px solid #999;
color:#666666;
display:inline;
font-weight:bold;
height:120px;
left:50%;
margin:-62px 0px 0px -62px;
padding:0pt;
position:absolute;
top:50%;
width:120px;
}
.kalendar {background: transparent url(../images/icons/kalendar.gif) no-repeat right 2px; border:1px solid #ccc;}
#loading .span {display:block; text-align:center; width:210px;}