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

/* Elements */
HTML   {margin: 0; padding:0;}
BODY   {color:#333333;  background: #2c2c2c; font: normal 75% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;  margin: 0; padding:0; 	text-align:center;}


H1     {font-size:3em; margin:0; padding:0px 0 20px 0; letter-spacing: -1px; word-spacing: 1px}
H2     {font-size:1.3em; 	font-weight: bold; 	padding: 15px 0 0 0;	margin: 0 0 0 0;	line-height:25px}
H3     {font-size:1.2em;  padding:15px 5px 5px 0; margin: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;}
object {display: block;}
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:#db6400; color:#fff; font-weight:bold; padding:3px;}
iframe {display: block; }

/* Standards */
.red             {color:#bc3a16; font-weight:bold }
.fontsmall       {font-size:0.9em; font-weight:normal; color:#616161;}
.fontsmall A     {color:#616161; text-decoration:underline;}
.fontbig         {font-size:2em; font-weight:bold;}
.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:99%; border:2px solid #fff;}
.table TD        {padding:5px; border:2px solid #fff; background-color: #e9f0f8; color:#000}
.none            {display: none;}
.white           {color:#fff}

/* Site	*/
#site             {width:850px; margin: 0 auto; 	padding: 0; text-align:left;}
#accessible       {position:absolute;left:-1000px; top:-1000px;}
#header           {background: url(../images/header.jpg) no-repeat  85px 0; height: 110px;}
#logo             {float:left; width: 218px;  padding:20px 0 0 25px}

#nav              {padding: 0 0 0 0; float:right;}
#nav ul           {font: bold 1.0em Arial, Verdana, sans-serif; margin:0;padding:45px 0 0 0px;list-style:none;}
#nav li           {display:inline;margin:0 2px 0 0;padding:0;text-transform:uppercase;}
#nav a            {float:left;color: white;background: #db6400; margin:0 2px 0 0;padding:0 0 1px 3px;text-decoration:none;letter-spacing: 1px;}
#nav a span       {float:left;display:block;padding:4px 9px 2px 6px;}

#nav a span       {float:none;}
#nav a:hover      {background-color: #b1b6ba;}
#nav a:hover span {background-color: #b1b6ba;}
#nav #current a, #nav #current span{ /*currently selected tab*/background-color: #b1b6ba;}
#navline          {clear: both;padding: 0;width: 100%;height: 3px;line-height: 3px; font-size:0; background: #0081c8; border-top: 1px solid #0081c8; /*Remove this to remove border between bar and tabs*/}


#boxleft      {float: left; width:425px; background-color: #000;}
#boxright     {float: left; width:425px; background-color: #edeae2;}

#boxkontakt h1 {font-size: 1.9em;}
#boxkontakt {float: left; padding:15px 25px 25px 25px; }
.boxkon     {float: left; width:170px}
#boxinfo    {padding:0px 25px 36px 25px; color:#fff}



#main             {float:left; line-height: 18px; background-color: #fff;}
#content          {padding:26px 26px 15px 26px;  background-color: #fff;}
#footer           {clear:both; font-size:.95em; color:#646361}
#footer A         {color:#646361}
#footer A:hover   {color:#fff}

#le       {display: block; float: left; padding:8px 8px 8px 10px}
#ri       {display: block; float: right; padding:8px 10px 8px 8px}



/* CONTENT
*/
.txt {float:left; width:300px}
.nakladne {float:left; width:380px; margin-left:30px}
.osobne {float:left; width:380px}
.napistenam {float:left; width:450px; background-color: #f1f1f1; }
.napistenam  h2 {padding:10px 0 0 10px}
#services {background: url(../images/servi.jpg) no-repeat top right}
/* FORMULARE
*/
FIELDSET   {border:none; margin:0; padding:0;}
legend     {display: none;}
FORM label {FLOAT: left; WIDTH: 120px;  padding-right:10px}
FORM div   {margin:10px;}
FORM input, textarea {border:1px solid #7f9db9}