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

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



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

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

A         {color:#2f2f2f; text-decoration:underline;}
A:visited {color:#2f2f2f; text-decoration:underline}
A:hover   {color:#41801f; 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:#c0c0c0; width:100%; background-color:#c0c0c0; border:0px solid #c0c0c0;}
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-left:20px; padding:5px; border:1px solid #c0c0c0;}
.inline IMG      {display: inline;}
.inline          {display: inline; vertical-align: middle;}
TABLE.table      {clear:left; width:100%; border:1px solid #c0c0c0; font-size: 1em; background-color: #efefef; }
.table TD       {padding:15px; border:1px solid #c0c0c0; color:#000}
.table TH     {text-align:left; vertical-align:top; color:#5c5c5c; font-weight:bold; padding:15px 15px 15px 25px; background: url(../images/tablebg.png) top  right repeat-x }

/* Site	*/
#bodyinner        {background: #fff url(../images/bgin.gif) repeat-x }
#bodyindex        {background: #fff url(../images/bg.gif) repeat-x}
#site             {width:898px; margin: 0 auto; 	padding: 0; text-align:left;}
#accessible       {position:absolute;left:-1000px; top:-1000px;}
#header           {height:85px; padding-top:50px;}
#logo             {float:left; width:220px;}

#lang             {float:right; width:85px; text-align: right; }
#lang IMG         {display: inline;}


#nav              {float:left; padding:15px 0px 0px 0px; }
#nav ul           {margin:0; padding:0px; list-style: none;}
#nav li           {float:left; margin:0; padding: 0; color:#2f2f2f}
#nav li a         {display:block; 	padding:5px 10px; margin-right:12px; color:#2f2f2f;text-decoration:none;	}
#nav li a:hover   {background-color:#61ae37;	text-decoration:none;	color:#fff}
#nav li a.active  {background-color:#61ae37; text-decoration:none; color:#fff; font-weight: bold;}

#main             {line-height: 1.2em; background: url(../images/main.gif) repeat-y; width:898px; margin-top:9px }
#content          {padding:40px}

#indexsk          {float:left; background: url(../images/indextxt.jpg) no-repeat 23px 10px; width: 840px; padding:10px; }
#indexen          {float:left; background: url(../images/indextxten.jpg) no-repeat 23px 10px; width: 840px; padding:10px; }
#indexit          {float:left; background: url(../images/indextxtit.jpg) no-repeat 23px 10px; width: 840px; padding:10px; }
#indexde          {float:left; background: url(../images/indextxtde.jpg) no-repeat 23px 10px; width: 840px; padding:10px; }
#indexkontakt     {float:right; margin-right:73px; padding-top:45px}



#footer          {clear:both; height:50px;  background: url(../images/footer.gif) no-repeat; color:#afafaf; font-size:.85em; padding-top:45px; text-align: center;}
#footer A        {color:#afafaf;}
#footer A:hover  {color:#f00;}


.kontakt  {float:left; width:210px; line-height: 1.4em;}
.mapa {float:right; width:380px; border:2px solid #dddddd; line-height: 0;}

/* GALLERY */
.gallery DIV {float:left; margin:0 20px 20px 0; text-align: center;}
.gallery IMG {padding: 5px;  border:  1px solid #ccc;   background-color: #eee;}

/* FORMULARE
*/
form div             {margin:2px 0px 2px 0px; padding:5px; }
form input, textarea {border:2px solid #dddddd; padding:5px; width: 290px; background-color: #fff;}
form .formButton     {width: 100px; background-color: #a72c1d; border:none; color:#fff; font-weight: bold;}
form label            {FLOAT: left; WIDTH: 125px; padding-right:5px;}