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

/* Import pluginu */
@import "./jquery.lightbox-0.5.css";

/* Elements */
HTML   {margin: 0; padding:0;}
BODY   {color:#fff;  background: #456888 url(../images/bg.gif) repeat-x ; font: normal 75% "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;  margin: 0; padding:0; 	text-align:center;}


H1     {font-size:1.9em; margin:0; padding:0px 0 30px 0; color:#fff; letter-spacing: -1px; word-spacing: 1px; }
H2     {font-size:1.3em; margin:0px 0px 15px 0px; padding-top:15px; color:#fff; letter-spacing: -1px; word-spacing: 1px}
H3     {font-size:1.2em;  padding:5px 5px 5px 0; }


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


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

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

/* Standards */
.red             {color:#f00; font-weight:bold }
.fontsmall       {font-size:.95em; font-weight:normal; color:#fff;}
.fontsmall A     {color:#ced7e0; text-decoration:underline;}
.fontbig         {font-size:2em; font-weight:bold;}
.clear           {clear:both;}
.fleft           {float:left}
.fright          {float:right; margin:0px 0 20px 40px}
.inline IMG      {display: inline;}
.inline          {display: inline; vertical-align: middle;}
TABLE.table      {width:100%; border:1px solid #66839d;}
.table TD        {padding:5px; border:1px solid #66839d;}
.none            {display: none;}
.center          {text-align: center;}

/* Site	*/
#site             {width:950px; margin: 0 auto; 	padding: 0; text-align:left;}
#accessible       {position:absolute;left:-1000px; top:-1000px;}
#header           {height:60px; background: url(../images/nav.gif) no-repeat }
#logo             {width:164px; height:36px; padding:11px 0 0 8px}

#nav            {padding:10px 0 0  0; }
#nav ul         {margin:0 0px 0 0px;padding:0;list-style-type:none;}
#nav ul li      {float:left; font-size: .95em;}
#nav span       {display: block;  width:75px}
#nav span#menulab {width:90px;}
#nav ul li a    {float:left; display: block; color:#fff; text-decoration:none; padding:4px 15px 0 8px; font-weight: bold;}
#nav ul li a:hover, #nav ul li a.current{color:#ea701f;}
#nav .none      {border:none}
#nav ul li a.active {color:#ea701f}


#navhvert ul          {margin:0; padding:65px 10px 30px 10px; list-style:none;}
#navhvert li          {margin:0; font-weight:bold; color:#464241; padding:0; background: url(../images/homeodr.gif) no-repeat 2px 10px;}
#navhvert li DIV A    {color:#a90533; font-weight:bold }
#navhvert a           {display: block; text-decoration:none; min-height: 17px; _height: 17px; padding: 5px 5px 5px 10px; border-bottom:1px solid #ddd }
#navhvert a:hover     {text-decoration: underline;}
#navhvert ul li ul    {margin:0; padding:5px 0 5px 10px; list-style:none;}
#navhvert ul li ul li {background: url(../images/leftodr.gif) no-repeat 2px 10px; font-weight:normal}

#main           {float:left; line-height: 18px; }
#content        {padding:25px 25px 25px 10px}
#left           {float:left; width: 200px;}
#right          {float:left; width: 750px;}
#footer         {clear:both; padding-top:10px; background: url(../images/horiz.gif) repeat-x; font-size: .95em; color:#ced7e0}
#footer A       {color:#ced7e0}
#footer A:hover {color:#d3e000}
#le             {display: block; float: left; padding:8px 8px 8px 10px}
#ri             {display: block; float: right; padding:8px 8px 8px 10px}


#indexbox  {float:left; font-size: .95em; line-height: 1.2em; margin-top:10px; background: url(../images/horiz.gif) repeat-x; }
#indexbox H2 {color: #d3e000; font-weight: normal; }
#indexbox A {color: #d3e000;}
#indexbox A:hover {color: #fff;}
#box1     {float: left; width:165px; padding:10px 16px 0 0; background: url(../images/verti.gif) repeat-y top right; height: 195px;}
#box2     {float: left; width:165px; padding:10px 16px 0 10px; background: url(../images/verti.gif) repeat-y top right}
#box3     {float: left; width:165px; padding:10px 16px 0 10px; background: url(../images/verti.gif) repeat-y top right}
#box4     {float: left; width:165px; padding:10px 16px 0 10px; background: url(../images/verti.gif) repeat-y top right}
#box5     {float: left; width:165px; padding:10px 16px 0 10px; }
#box1 P, #box2 P, #box3 P, #box4 P, #box5 P {width:165px}

#box1 UL {padding-top:0;}

#infobox {float: left; margin-left:10px; padding:10px 0px 0 0px; width:390px}
#media {float:left; width:165px; background: url(../images/verti.gif) repeat-y top right}
#hydrotect {float: left; width:190px; padding:0 0 20px 10px;}
#sponsor {clear:left; background: url(../images/horiz.gif) repeat-x; padding-top:10px}


#keyindex {float:left; width: 540px; margin:10px 0px 0 0}
#keyindex  h1 {line-height: 1.2em; padding:0 0 10px 0}
#keylist {float:left; width: 200px; line-height: 1.5em;}
#keylist ul {padding:0px 0 0px 20px; margin-top:10px; }
#keylist li {padding:0px 0 7px 0px; }
#keylist a {text-decoration: none;}

#keylist2 {float:right; width: 190px; margin-top:5px}
#keylist2 P {padding-bottom:10px; }
#keylist2 a:hover, #keyindex a:hover, #keylist a:hover {text-decoration: underline; color:#d3e000}
 
/* CONTENT
*/
#leftFirma {float:left; width:630px;}
#rightFirma {float:right; padding-top:43px}
.firmatxt { background-color: #66839d; color:#fff; margin-bottom:15px; font-size: 1.2em; height:67px; padding:10px 0 0 10px}
.firmaimg IMG {float:left; display: block; margin:0px 10px 0 10px}

#hydrotectvideo {float: right; margin:15px 30px 30px 70px}
#stilla {float: right; margin:0 0 0 30px; background-color: #fff; color:#666666; padding:25px; height:250px}
#stilla IMG {margin-bottom:5px}
#stilla a {color:#666666;}
#stilla A:hover   {color:#ea701f; text-decoration:underline}
#kontakt {float: left; width:350px; margin-right:50px}
#map   {float: left; width: 480px; height: 250px}
#phone2 {margin-left:43px}
#kontaktright {padding:15px; float:right; background-color: #66839d; color:#fff; height:450px}
#kontaktright A {color:#fff}
#kontaktright A:hover   {color:#ced7e0; text-decoration:underline}

#tablepizza {background-color: #fff; color:#666; text-align: center; width: 700px; }
#tablepizza IMG {display: inline}
#tablepizza TD {padding:15px}

.bezboxleft {float:left; width: 300px ; margin-right:25px;  margin-bottom:50px; background-color: #fff; padding:8px; color:#000}
.bezboxleft SPAN {color:#000}
.bezboxright {float:left; width: 350px}
#ceny {padding-left:20px}
#ceny DIV {float:left; margin:0 10px 0px 0; width:120px}
.ref {float:left; width:450px}
.ref2 {float:left; width:450px; margin-left:15px}
.ce463 {float:left;  margin-bottom:15px; background-color: #66839d; width:900px}
.ce463 IMG {float:left; margin:10px}


/* GALLERY */
.gallery     {padding:30px 0 0 0px}

.gallery DIV {float:left; margin:0 22px 25px 0;  text-align: center;font-weight: bold; }
.gallery IMG {border:3px solid #fff; display: block; margin-bottom:5px; }

.gallery-mozaika {padding:10px 0 10px 10px; background-color: #fff; float:left;  width: 871px;}
.gallery-mozaika DIV {float:left; margin:0 30px 10px 0}

.gallery175 DIV {float:left; margin:0 0px 25px 0;  text-align: center;font-weight: bold; width:175px}
.gallery175 IMG {border:1px solid #fff; display: block; margin-bottom:5px; }

/* VIDEO SECTION */
.vid { float: right; width: 320px; margin:15px 30px 30px 70px}
/*
	.left-vid { float: left; width: 342px; padding: 15px 19px; }
	.left-vid object, .left-vid embed { width:340px; }*/
	.vid  p { padding: 0; }
	.vid ul{ float: right; position: relative; width: 259px; list-style: none; margin: 0 0 0 -1px; }
	.vid ul li { padding: 5px; }
	.vid ul li.ui-tabs-selected a { font-weight: 900; text-decoration: none; }
	.vid ul li a.go { right: 19px; position: absolute; float: right; text-indent: -9999em; width: 13px; height: 18px; }
	.ui-tabs-hide { display: none; }

/* JASBA */
.downloads DIV {float:left; margin:0 22px 25px 0;  text-align: center;font-weight: bold; width:200px}
.downloads IMG {border:3px solid #fff;margin-bottom:5px; display: inline; }

/* FORMULARE
*/
FIELDSET   {border:none; margin:0; padding:0}
legend     {display: none;}
FORM  label {FLOAT: left; WIDTH: 125px; padding-right:5px; font-weight: bold;}
FORM  div   {margin:2px 0px 2px 0px; padding:5px 0px 5px 0px}
FORM .formContactText {border:1px solid #94866c; width: 400px; border: 1px solid #0a408a; background-color: #fff; font-size: 13px; padding: 4px;}
FORM .formButton  {padding: 4px 5px 4px 5px; width: 80px; margin: 10px 0 0 0; background-color: #fff; border: 1px solid #0a408a; color: #000;  font-size: 14px; font-weight: normal;}


 .feedback-panel {
	       padding:20px;
	       width: 300px;
	       background: #29216d;
	       border: #29216d 1px solid;
	       position:absolute;
	       top:200px;
	       left:-344px;
	       text-align: center;
	   }

	   .feedback-panel a.feedback-tab {
           background:transparent url(../images/feedback.png) no-repeat scroll 0 0;
           border-width: 1px 1px 1px 0;
           display:block;
           height:120px;
           left:51px;
           bottom:21px;
           position:relative;
           float:right;
           text-indent:-9999px;
           width:30px;
           outline:none;
	   }
    .feedback-panel label{float:left; width:110px; text-align: right; padding-top:4px }
    .feedback-panel input {float:left; width:140px; vertical-align: middle;}
    .feedback-panel DIV {clear:left; margin-bottom:10px}
    .feedback-panel #submit {width:80px;margin-left:110px}
	   .feedback-panel textarea {
	       width:260px;
	       padding:5px;
	   }

       #response-message {
          font-size: 2em;

           padding:50px;
           color:#ea701f
	   }