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

/* Import pluginu */
@import "./thickbox.css";

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


H1     {font-size:2em; margin:0; padding:0px 0 10px 0; color:#666; letter-spacing: -1px; word-spacing: 1px; font-weight: normal;}
H2     {font-size:1.3em; margin:0px 0px 7px 0px; padding-top:10px; color:#004496; letter-spacing: -1px; word-spacing: 1px; }
H3     {font-size:1.1em;  padding:5px 5px 5px 0; }


A         {color:#004496; text-decoration:underline; }
A:visited {color:#004496; text-decoration:underline}
A:hover   {color:#f00; 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:#e5dbc9; color:#000; font-weight:bold; padding:3px;}

/* Standards */
.red             {color:#f00; font-weight:bold }
.fontsmall       {font-size:.95em; font-weight:normal; color:#444444;}
.fontsmall A     {color:#616161; text-decoration:underline;}
.fontbig         {font-size:2em; font-weight:bold;}
.clear           {clear:both;}
.fleft           {float:left}
.center          {text-align: center;}
.fright          {float:right; margin:10px}
.inline IMG      {display: inline;}
.inline          {display: inline; vertical-align: middle;}
TABLE.table      {clear:left; width:910px; border:1px solid #e5dbc9;}
.table TD        {padding:5px; border:1px solid #e5dbc9;color:#000}
.none            {display: none;}
.green           {color: rgb(0,153,51);}
.orange          {color: rgb(255,102,0);}

/* Site	*/
#site             {width:966px; margin: 0 auto; 	padding: 0; text-align:left;}
#accessible       {position:absolute;left:-1000px; top:-1000px;}
#header           {height:77px; }
#logo             {float:left; width:142px; padding:10px 0 0 10px; }
#infobox          {float:right;  width: 500px; font-size:0; padding-top:15px}
#infobox IMG      {display: inline;}

#nav            {clear:left; padding:0px 0 0  0; background: #e4cd35 url(../images/nav.jpg) no-repeat top right; height:33px;}
#nav ul         {padding:0px 0px 0 10px;margin:0;list-style-type:none; width:auto;}
#nav ul li      {float:left; font-size: 1.2em; line-height: 17px;}
#nav ul li a    {float:left; display: block; color:#8b3e60; text-decoration:none; padding:7px 15px 0 10px; 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}

#main           {float:left; line-height: 18px; background: url(../images/main.gif) no-repeat; padding:0 7px}
#indexbox div   {float:left; }
#indexbox OBJECT {float:left; font-size: 0px; line-height: 0px; display: block; margin:0; padding:0; border:0}

#content        {padding:26px 26px 0 26px}
#left           {float:left; width: 574px;}
#right          {float:left; width: 274px; }

#footer         {clear:both; padding-top:10px; background: url(../images/footer.jpg) repeat-x; font-size: .95em; color:#5a5a5a}
#footer A       {color:#5a5a5a}
#footer A:hover {color:#8b3e60}
#le             {display: block; float: left; padding:8px 8px 8px 10px}
#ri             {display: block; float: right; padding:8px 8px 8px 10px}




/* CONTENT
*/
.kontaktremax {float:left; width:360px}
.kontakt {float:left; width:200px}
#map   {width: 861px; height: 400px}
#maps DIV {float:left; margin:20px 20px 10px 0; }
.projekt {float: left; width:200px; margin:25px; }
.projekt IMG {border:1px solid #ddd; display: inline; padding:4px}
#parking {clear: left; margin-left:25px}

td.hover, tr.hover  {background-color: #f2ede4;}
th.hover, tfoot td.hover{	background-color: ivory;}

#garaze {float:right; margin-bottom:10px}
#boxbyty {position:absolute;display:none;top:-20px; margin:60px 0 0 110px; z-index:1000; border: 4px solid #525252;}
/* GALLERY */
#gallery     {}
#gallery DIV {float:left; margin:0 20px 10px 0;  text-align: center;}
#gallery IMG {border:1px solid #ddd; display: inline; padding:4px}



/* FORMULARE
*/
FIELDSET   {border:none; margin:0; padding:0}
legend     {display: none;}
FORM label {FLOAT: left; WIDTH: 115px; padding-right:5px;}
FORM div   {margin:2px 0px 2px 0px; background-color: #f2ede4; padding:9px}


FORM .formContactText {border:1px solid #94866c; width: 400px; border: 1px solid #94866c; 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;}