/* CSS (c) www.hattas.sk */

/* Elements */
HTML   {margin: 0; padding:0;}
BODY   {color:#fff;  background: #df7126; font: normal 80% "Trebuchet MS", "Geneva CE", lucida, sans-serif;  margin: 0; padding:0; 	text-align:center;}


H1     {font-size:1.9em; margin:0; padding:0px 0 30px 0; color:#659152;}
H2     {font-size:1.3em; margin:0px 0px 7px 0px; padding-top:15px; color:#fff}
H3     {font-size:1.1em;  padding:5px;  color:#fff; background-color: #e99c68;}

H2 A:visited {color:#e37a06; text-decoration:underline;}
H2 A:hover   {color:#81c030; text-decoration:underline}

A         {color:#fff; text-decoration:underline;}
A:visited {color:#fff; text-decoration:underline}
A:hover   {color:#354258; text-decoration:underline}


IMG    {border:none; display: block; margin:0px;}
FORM   {margin:0px;padding:0px}
P      {margin-top: 0; line-height: 1.45em;}
UL,OL  {padding: 10px 0px 10px 20px; margin: 0px;}
HR     {height:1px; color:#efbb98; width:100%; background-color:#efbb98; border:0px solid #efbb98;}
acronym{border-bottom: 1px dotted gray; cursor: help;}

TABLE  {BORDER-COLLAPSE: collapse; border-spacing:0px; line-height:15px; font-size: 100%; }
TD     {vertical-align:top;}
TH     {text-align:left; vertical-align:top; background-color:#b3cc80; color:#fff font-weight:bold; padding:3px;}

/* Standards */
.red             {color:#cd6a00; font-weight:bold }
.fontsmall       {font-size:0.9em; font-weight:normal; color:#efbb98;}
.fontsmall A     {color:#6e6e6e; text-decoration:underline;}
.fontbig         {font-size:14px; font-weight:bold; color:#dd117a;}
.clear           {clear:both;}
.fleft           {float:left}
.fright          {float:right; margin:10px}
.inline IMG      {display: inline;}
.inline          {display: inline; vertical-align: middle;}
.bg              {padding:10px; background: #e5f6ca url(../images/bglistky.jpg) no-repeat top right;  }
TABLE.table      {width: 590px;}
.table TD        {padding:5px; border:1px solid #b3cc80; background-color: #fff; color:#000}
.table a         {color:#354258;}
.table A:visited {color:#354258;}
.table A:hover   {color:#000}
.white           {color:#fff}
.pink            {color:#821442}


/* Site	*/
#site             {width:768px; margin: 0 auto; 	padding: 0; text-align:left;}
#accessible       {position:absolute;left:-1000px; top:-1000px;}
#header           {height:110px;}
#logo             {float:left; width:280px; }
#headerright      {float:right; width:399px; height:110px; padding:15px 15px 0 0}
#lang             {float:right; width:105px; text-align: right; margin-bottom:50px}
#lang IMG         {display: inline;}

#headline         {clear:both; margin:0px 0 0 0px; width:399px; height:29px; background:url("../images/headline.gif") top left no-repeat;}
#headline span    {display:none; position:absolute; top:0px; left:0px; z-index:1; }
#headlineen         {clear:both; margin:0px 0 0 0px; width:399px; height:29px; background:url("../images/headlineen.gif") top left no-repeat;}
#headlineen span    {display:none; position:absolute; top:0px; left:0px; z-index:1; }
#headlinede         {clear:both; margin:0px 0 0 0px; width:399px; height:29px; background:url("../images/headlinede.gif") top left no-repeat;}
#headlinede span    {display:none; position:absolute; top:0px; left:0px; z-index:1; }


#nav              {padding:25px 0px 40px 2px; font-weight:bold; }
#nav ul           {margin:0; padding:0px; list-style: none;}
#nav li           {margin:0; padding:4px 0 2px 0;}
#nav li a         {display:block; width:110px; height:27px; line-height:26px; 	padding-left:5px; color:#fff; background:url(../images/bg-nav.gif) no-repeat 0 -100px; text-decoration:none;	}
#nav li a:hover   {background-position:0 0;	background-color:#576278;	text-decoration:none;	}
#nav li a.active  {background-position:0 -27px !important;	background-color:#303c52;text-decoration:none;}

#main             {float:left; line-height: 18px;}
#left             {float:left; width:130px; }
#right            {float:left; width:638px; }
#content          {margin:-60px 20px 20px 20px}
#index            {padding:10px 0 0px 18px}
#index IMG        {float:left; margin-right:0px}

.cennik           {padding:15px}

#footer          {clear:both; height:40px; margin:20px 10px 0 150px; background: url(../images/line.gif) no-repeat; color:#efbb98; font-size:.9em; padding-top:5px; }
#footer A        {color:#efbb98;}
#footer A:hover  {color:#fff;}
#footer .none    {text-decoration: none;}
.kontakt  {float:left; width:190px;}
#rezervacia  {float:left; width:350px}
#rezervaciakontakt {float:left; width:200px}

#aktivityleto {float:left; width:284px; margin-right:30px}
#aktivityzima  {float:left; width:284px}

.tableCennik {margin-top:30px; width: 99%;}
.tableCennik TD {border-bottom:2px solid #e58747; padding:5px}
.tableCennik TH {background-color: #e58747; padding:5px}
.tableCennik span {font-size: 1.1em; font-weight: bold;}

/* FORMULARE
*/

legend     {display: none;}
label {float:left; width:120px}
FORM DIV {padding-bottom:5px}

FIELDSET { background: #e5f6ca url(../images/bglistky.jpg) no-repeat top right; border: none; 	PADDING: 20px 5px 20px 10px; 	margin-bottom:10px;}
FIELDSET label {	float:left;	WIDTH: 145px;	padding:2px 4px 2px 4px}
LEGEND {	FONT-WEIGHT: bold; 	MARGIN-BOTTOM: 10px; 	color: #c39;}

/* OBLINKA
*/
.obal-kul-roh {position:relative; margin:40px 0 0 0px; padding:.5em;  color:#000; background:#E99C68; border:15px solid #E99C68; text-align:left; width:450px}
.horlev       {position:absolute; top:-15px; left:-15px; background:url('../images/kul_roh1.gif') left top no-repeat #df7126;}
.horprav      {position:absolute; top:-15px; right:-15px; background:url('../images/kul_roh1.gif') right top no-repeat #df7126;}
.dollev       {position:absolute; bottom:-15px; left:-15px; background:url('../images/kul_roh1.gif') left bottom no-repeat #df7126;}
.dolprav      {position:absolute; bottom:-15px; right:-15px; background:url('../images/kul_roh1.gif') right bottom no-repeat #df7126;}
.horlev, .horprav, .dollev, .dolprav {width:15px; height:15px; font-size:0px; line-height: 0;}
.obal-kul-roh h2 {padding:0 0 10px 0; margin:0;}
.obal-kul-roh A  {color:#000}
.obal-kul-roh A:hover  {color:#fff}

#gallery {margin-top:30px}
.photo {margin:0 20px 20px 0;	position: relative;	width: 170px;	height: 130px;	float: left;}
.photo img {border: none;	padding: 0;}
.photo span {width: 171px;	height: 134px;	display: block;	position: absolute;	top: 0px;	left: 0px;	background: url(../images/brush-border.png) no-repeat;}
.photo a {
	text-decoration: none;
}
#image-big {margin:10px 0}