body {
 margin: 0;
 top: 0;
 background: url("images/new_bodybg2.jpg") center top fixed #CAD5D7;
 padding: 0;
 height: 100%;
}

#container {
 border: 0px solid #fff;
 margin: 5px auto 0px auto;
 width: 750px;
 padding: 0;
/* background: url("images/patty_bg4.jpg") no-repeat #fff; /*#E1E6E9; #FBCF59;*/*/
}


#credit {
 height:auto;
 text-align: right;
 font-size: 10px;
 color: #fff;
 padding-top: 5px;
}

#credit a{
 text-decoration: none;
 color: #fff;
 padding-top: 5px;
 font-family: "Trebuchet MS", Verdana, sans-serif;
}

#credit a:hover{
 color: #F7DB9A;
}

#head {
 height: 150px;
 width: 750px;
 background: /*url("rotate.php")*/ no-repeat 160px 0px;
 border: 0px solid red;
}

#logo {
 height: 206px;
}

.banner {
 position: absolute;
 float: left;
 border: 0px solid red;
 height: 68px;
 width: 468px;
 margin-left: 220px;
 margin-top: 41px;
}

/*html .banner { margin-left: 141px;}*/

#flag {
 background: url("images/flag_bg.jpg") no-repeat transparent; /*#0169A6;*/
 text-align: left;
 height: 25px;
 margin: 0px;
 /*border-top: 5px solid #fff;
 border-bottom: 5px solid #fff;
 border-right: 5px solid #fff;*/
}

#flag p {
 padding: 5px 1px 0px 27px;
 margin: 0px;
}

#flag a {
 padding-right: 5px;
 margin: 0px;
 border: 0px;
}


/* CSS du menu vertical, bieler batiste */


#menu{
position:absolute;
/*top:0.5em;
left:0.5em;*/
z-index:2;
width:160px;
/* padding-bottom:8em; /* To allow room for bottom dropdown */*/
float: left;
clear: left;
/*background:#fff url(images/menubg6.jpg) no-repeat;*/
}

#menu a, #menu h2{
font: 11px/16px arial,helvetica,sans-serif;
display:block;
/* border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;*/
white-space:nowrap;
margin:0;
padding: 1px 3px 0px 15px;
line-height: 25px;
width: 150px;
}

html #menu a {line-height: 25px; width: 143px;}

#menu h2{
color:#fff;
background:#000;
text-transform:uppercase; 
}

html #menu h2 {line-height: 25px;}

#menu a{
color:#00507F;
text-decoration:none;
background:#eee url(images/menubg7.jpg) no-repeat;
}

#menu a:hover{
color:#fedf39;
background:#eee url(images/menubg7.jpg) no-repeat 0px -26px;
}

#menu a:active{
background:#eee url(images/menubg7.jpg) no-repeat 0px -26px;
color:#fedf39;
/*color:#060;
background:#ccc;*/
}

#menu ul{
margin:0;
padding: 0px;
width:100%;
list-style:none;
}


/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li {
position:relative;
background: url(images/menubg7.jpg) no-repeat 0px 0px;
}

div#menu li:hover {
position:relative;
background:#eee url(images/menubg7.jpg) no-repeat 0px -26px;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
}

#menu a.x:hover{
background: url(images/blue_menubg.gif) no-repeat  0px 0px;
}

#menu a.x:active{
background:#eee url(images/menubg7.jpg) no-repeat 0px -26px;
color:#fedf39;
/*color:#060;
background:#ccc;*/
}

/*#menu a.top, #menu a.top:visited{
background: url(images/menubgtop.jpg) no-repeat  0px 0px;
}

#menu a.top:hover{
background: url(images/menubgtop.jpg) no-repeat  0px 0px;
}

#menu a.top:active{
color:#060;
background:#ccc;
}

#menu a.butt, #menu a.butt:visited{
background: url(images/menubgbutt.jpg) no-repeat  0px -24px;
}

#menu a.butt:hover{
background: url(images/menubgbutt.jpg) no-repeat  0px -24px;
}

#menu a.butt:active{
color:#060;
background:#ccc;
}*/

#meteo {
 width: 150px;
/* position: relative;*/
 float: left;
 clear: left;
 z-index: 2;
 margin: 10px 10px 0px 0px;
}

#meteo a {
 background: none;
}

#meteo a:hover {
 background: none;
}

#meteo a:active {
 background: none;
}


/*#head {

height: 150px;
 border-left: 5px solid #fff;
 border-right: 5px solid #fff;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
background: url("headbg.jpg") no-repeat;
}*/

.img-shadow {
  float: right;
  clear: both;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 15px 0 0 15px !important;
  margin: 15px 0 0 10px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

.img-shadow a:hover img  {
 border: 1px solid #2A3901;
}

.table-shadow {
 float: right;
  clear: both;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 15px !important;
  margin: 15px 0 0 10px;
  }

.table-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

.table-shadow a:hover img  {
 border: 1px solid #2A3901;
}

.sm-shadow {
 float: left;
/*  clear: left;*/
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 15px 0 0 15px !important;
  margin: 15px 0 0 10px;
  }

.sm-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

.sm-shadow a:hover img  {
 border: 1px solid #2A3901;
}

.sm2-shadow {
 float: right;
/*  clear: left;*/
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 15px 0 0 15px !important;
  margin: 15px 0 0 10px;
  }

.sm2-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }

.sm2-shadow a:hover img  {
 border: 1px solid #2A3901;
}

.img-left {
 float: left;
}

.img-right {
 float: right;
}

#bodyText{
/* min-height: 350px;*/
 border-top: 0px solid #fff;
 border-left: 0px solid #fff;
 border-right: 0px solid #fff;
 border-bottom: 0px solid red;
 padding: 5px 0px 5px 0px; 
 font-family: "Trebuchet MS", Verdana, sans-serif;
 color: #401E12;
 float: right;
 margin-top: -25px;
/* background-color: #e7f7fe;*/
}

html #bodyText {
  padding: 0px 0px 0px 1px;
}

#bodyText p{
 font-size: 80%;
 margin: 0;
}

#bodyText ul {
/*list-style-image: url("images/redbullet.gif");*/
 list-style-type: none;
}

#bodyText li{
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-size: 90%;
 padding: 5px 0px 5px 15px;
 color: #401E12;
 background: url("images/redbullet.gif") no-repeat 0px 7px;
}

#bodyText ol li {
 background: none;
 padding-left: 5px;
}

#bodyText ol li ul li{
 padding-top: 5px;
 padding-left: 15px;
 color: #401E12;
 background: url("images/redbullet.gif") no-repeat 0px 7px;
}

#bodyText a {
 color: #A90013;
 text-decoration: none;
 padding-bottom: 4px;
}

#bodyText a:hover {
 color: #2A3901;
 background: url("images/img-line.gif") repeat-x transparent 100% 100%;
 text-decoration: none;
 white-space: nowrap;
 padding-bottom: 4px;
}

#bodyText li a {
 color: #A90013;
 text-decoration: none;
}

#bodyText li a:hover {
 color: #2A3901;
 background: url("images/img-line.gif") repeat-x transparent 100% 100%;
 text-decoration: none;
 white-space: nowrap;
 padding-bottom: 4px;
} 

.white {
 background-color:white;
}

.bodyLeft {
 width: 430px;
 float: left;
 padding: 0px 0px 5px 0px;
 clear: left;
 font-size: 85%;
 margin: 0px 4px 0px 0px;
 background-color: #FAFAFA; /*#e6dfc3;*/

}

html>body .bodyLeft {
 width: 430px;
}

.bodyLeft p {
 padding: 2px 3px 5px 5px;
}

.bodyRight {
 width: 150px;
 float: left;
 font-size: 83%;
 padding: 0px 0px 5px 0px;
 background: url("images/newsbg.jpg") no-repeat #fff 100% 100%;
/* height: 510px;*/
}

.bodyRight p {
 padding: 2px 1px 5px 3px;
}

.bodyLeft1 {
 width: 580px;
 float: left;
 padding: 0px 0px 5px 0px;
 clear: left;
 font-size: 85%;
 margin-right: 3px;
 background-color: #FAFAFA; /*#e6dfc3;*/
}


.bodyLeft1 p {
 padding: 5px 5px 5px 5px;
}

p.kicsir{
 float: right;
 clear: right;
}

p.kicsil{
 float: left;
 clear: left;
}

.elderLeft {
 width: 500px;
 float: left;
 padding-right: 10px;
 clear: left;
 font-size: 85%;
 padding: 0px 5px 5px 10px;
}

.elderRight {
 width: 175px;
 float: left;
 font-size: 85%;
 padding: 0px 5px 5px 10px;
}

.plus ul{
 list-style-type: none;
}

.plus ul{
 background: url("images/plusbullet.png") no-repeat 0px 7px;
}

#div {
 width: 500px;
 text-align: left;
    font-size: 12px;
}
  
  ul.left {
    float: left;
    width: 245px; 
    margin: 0px;
    padding: 15px 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;
    position: relative;
    left: 50px;
  }
  
  ul.right {
    float: right;
    width: 245px; 
    margin: 0px;
    padding: 15px 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;
  }
  
  .no-space {
    margin: 0px;
    padding: 0px;
  }

.lime {
 background-color: lime;
}

.red {
 background-color: red;
}

.small-caps{
 font-variant:small-caps;
}

h1 {
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-size: 110%;
 font-variant:small-caps;
 /* color: #401E12; */
 color: #fff;
 padding-left: 5px;
 background: url("images/titlebg.png") repeat-x #0169A6;
 line-height: 25px;
 margin: 0px 0px 0px 0px;
}

h2 {
text-align: center;
}

h3 {
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-weight: bold;
 font-size: 13px;
 padding-left: 5px;
 margin: 0px;
 line-height: 25px;
 color: #0169a6;
 background-color: #EEF0F1;
 clear: both;
}

h4 {
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-style: italic;
 font-size: 13px;
 padding: 5px 0px 0px 5px;
}

.keret {
 border: 1px solid #ccc;
 height: auto;
 padding: 3px;
 margin: 5px 3px 0px 3px;
 /*background-color: #fff;*/
 float: left;
 clear: both;
 width: 95%;
}

html>body .keret {
 width: 97%;
}

.keret p {
 color: #401E12;
 text-align: justify;
}

.news {
 /*border: 1px solid #ccc;*/
 height: auto;
 padding: 3px;
 margin: 5px 5px 0px 0px;
 /*background-color: #fff;*/
}

.news p {
/* color: #92979C;*/
 text-align: left;
 border-top: 1px dotted #fff;
}

.bodyRight h1 {
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-size: 110%;
 font-variant:small-caps;
 /* color: #401E12; */
 color: #fff;
 padding: 1px 0px 0px 1px;
/* background-image: none;*/
 background-color: transparent;
 line-height: 25px;
 margin: 0px 0px 0px 2px;
 text-align: center;
}

.news h3 {
 font-family: "Trebuchet MS", Verdana, sans-serif;
 font-weight: bold;
 font-size: 13px;
 padding-left: 5px;
 margin: 0px;
 line-height: 20px;
 color: #0169a6;
 background-color: transparent;
}

.newsdown {
 height: 9px;
 width: 150px;
 background: url("images/newsbgdown.jpg") no-repeat 100% 0%;
 margin: 0;
 padding: 0;
}

.ado {
 text-align: center;
 padding: 0px;
}

img {
 border: 0;
}

/* jelentkezési lap */

#signup table {
 background-color: #F9FBFD;
 color: #000000;
 width: 550px;
 border: 1px solid #D7E5F2;
 border-collapse: collapse;
}

#signup td {
 border: 1px solid #D7E5F2;
 padding-left: 4px;
}

.labelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #3670A7;
 background-color: transparent;
 width: 250px;
 text-align: left;
}

.fieldcell {
 background-color: #F2F7FB;
 color: #000000;
 text-align: left;
 margin-right: 0px;
 padding-right: 0px;
} 

.fieldcell input {
 /*width: 200px;*/
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
 margin-right: 0px;
} 

.fieldcell select {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
}

.smalllabelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: transparent;
 color: #3670A7;
 text-align: left;
 /*width: 100px;*/
}

.smallfieldcell {
 background-color: #F2F7FB;
 color: #000000;
 text-align: left;
}

.smallfieldcell input {
 width: 150px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
}

.smallfieldcellzip {
 background-color: #F2F7FB;
 color: #000000;
 text-align: left;
}

.smallfieldcellzip input {
 width: 50px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
}

.smallfieldcell select {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
}

/* jelentkezési lap */

table {
width: 100%;
margin: 5px 0px 5px 0px;
border: 1px solid #D7E5F2;
border-collapse: collapse;
clear: both;
}

#smallprice {
width: 250px;
float: left;
}

td {
padding: 5px;
border: 1px solid #D7E5F2;
text-align: center;
font-size: 12px;
}

.odd {
 background-color: #F2F7FB;
}

.apt {
 text-align: left;
}

td.name {
/* width: 350px;*/
 color: #A90013;
 background-color: #F2F7FB;
 font-weight: bold;
}

tr.name {
/* width: 350px;*/
 color: #A90013;
 background-color: #F2F7FB;
}

tr.akcio {
color: #fff;
background-color: #ff0000;
}

td.akcio {
color: #fff;
background-color: #ff0000;
}

th {
width: auto;
border: 1px ridge #fff;
text-align: center;
background-color: #D7E5F2;
}

.cim {
text-align: left;
}




#footer {
 height: 70px;
 color: #941B0F;
/* background: url("images/footerbg.png") no-repeat #fff -5px 0px;*/
 font-size: 10px;
 text-align: left;
 padding-top: 5px;
 border: 0px solid green;
 font-family: "Trebuchet MS", Verdana, sans-serif;
 clear: both;
 margin: 0px 0px 0px 5px;
 /*width: 800px;*/
}

#footer p {
 color: #941B0F;
 font-size: 10px;
 text-align: center;
 padding-left: 30px;
 margin: 5px;
}

#statisztikak {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 visibility: hidden;
}

#jasna {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#strbskepleso {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#starysmokovec {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#tatranskalomnica {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#zdiar {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#chopokjuh {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#donov {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#martinskehole {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#vratna {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#velkaraca {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#kubinskahola {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#zverovka {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#certovica {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#krahule {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#skalka {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#turecka {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#malinne {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#malalucivna {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#plejsy {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#kojsovskahola {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#pezinskababa {
		position:absolute; top: 250px; left: 480px; visibility: hidden;
}

#photo {
 width: 290px;
 margin: 30px 0px 0px 40px;
 border: 0px;
}

#rent {
z-index: 0;
}