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

@import "./thickbox.css";

/* Elements */
HTML   {margin: 0; padding:0;}
BODY   {background-color: #afb3bd; color:#38425a; font: normal 75% "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; margin: 10px 0 0 0; padding:0; 	text-align:center;}

H1     {font-size:1.5em; margin:0px 0px 15px 0px; line-height:25px; font-weight: normal; color: #e4492d;}
H2     {font-size:1.2em; margin:0px 0px 7px 0px; padding-top:15px; color: #e4492d;}
H3     {font-size:1em; margin:0px 0px 0px 0px; font-weight:bold; color: #e4492d;}

A         {color:#514d54; text-decoration:underline;}
A:visited {color:#697187; text-decoration:underline}
A:hover   {color:#e4492d; 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:#d9ded9; width:100%; background-color:#d9ded9; border:0px solid #d9ded9; font-size:0px;}

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:#f5b803; font-weight:bold; padding:3px;}

/* Standards */
.pda             {display: none;}
.red             {color:#e4492d; font-weight:bold }
.fontsmall       {font-size:0.85em; font-weight:normal; color:#6e6e6e; }
.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}
.inline IMG      {display: inline;}
.inline          {display: inline;}
.bg              {background-color: #fdf2d1; padding:5px; border-top:2px solid #f5b803;}
.table TD        {padding:5px; border:1px solid #d6d9d0;}
TABLE.table      { border:1px solid #d6d9d0; width:480px}

/* Site	*/
#site             {width:768px; margin: 0 auto; 	padding: 0; text-align:left; background-color:#38425a;}
#accessible       {position:absolute;left:-1000px; top:-1000px;}
#header           {height:71px;  background: #fff url(../images/bg-header.gif) no-repeat top right }
#logo             {float:left; width: 262px;}


#nav              {float:right; text-align: right;  font-weight: bold; color:#1c226e}
#nav ul           {padding: 0px; margin: 35px 20px 0 0; list-style: none; display: block;}
#nav li           {margin:0; padding:0px 7px 5px 7px; float:left;  background: url(../images/od-nav.gif) no-repeat 0px 0px}
#nav li A         {color:#1c226e; text-decoration:none}
#nav li A:hover   {color:#e4492d; text-decoration:underline}
#nav li A.active  {text-decoration:none; color:#000}
#nav li.none      {background: none}
#nav li A.active  {text-decoration:none; color:#e4492d}
#lang             {position: relative; top:-28px; left:-9px}
#lang IMG         {display: inline;}

#main             {background-color: #fff;  line-height: 18px;}
#flash            {display: block; line-height:0}
#left             {float:left; width:520px; margin-right:20px}
#right            {float:left; width:210px; padding:40px 15px 0 0}
#content          {padding:15px;}
#bottombox        {float:left; padding:15px 15px 5px 15px; line-height: 18px; color:#cfd1d7; background-color: #38425a;}

#footer           {clear:left; border-top:1px solid #323b52; color:#2b2c2e; height:30px; margin-top:15px; padding:8px; font-size:0.9em; background-color:#afb3bd; text-align: center;}
#footer A         {color:#2b2c2e; text-decoration:underline;}
#footer A:visited {color:#2b2c2e; text-decoration:underline}
#footer A:hover   {color:#e0e0e0; text-decoration:underline}

/* CONTENT
*/

#chapter-one       {margin:0; padding:0; width:768px; height:84px; background:#000e22 url("../images/uzitkove-nadstavby.gif") top left no-repeat;}
#chapter-one span  {display:none; position:absolute; top:0px; left:0px; z-index:1; }
#chapter-one-en       {margin:0; padding:0; width:768px; height:84px; background:#000e22 url("../images/uzitkove-nadstavby-en.gif") top left no-repeat;}
#chapter-one-en span  {display:none; position:absolute; top:0px; left:0px; z-index:1; }

#start-left       {float: left; margin-right:15px; width:185px}

#start-left A, #start-middle A         {color:#cfd1d7; text-decoration:underline;}
#start-left A:visited,  #start-middle A:visited {color:#cfd1d7; text-decoration:underline}
#start-left A:hover, #start-middle A:hover    {color:#ffbb2c; text-decoration:underline}
#start-middle     {float: left; margin-right:15px;  width:300px}
#start-right      {float: left; width: 200px;}
#start-right IMG  {display: inline;}
#hotovevozidla    {padding:15px}



.list ul        {padding: 0px; margin: 0 0 15px 0px; list-style: none;}
.list li        {margin:0; padding:0 0 0 14px; background: url(../images/od-trojholnik.gif) no-repeat 0px 5px}

#kontaktleft      {float: left; width: 170px;}
#kontaktmiddle    {float: left; width: 170px;}
#kontaktright     {float: left; width: 398px;}
#kontaktright FORM    {border-left:1px solid #afb3bd; padding: 0 0 15px 15px}
#kontaktright h2  {padding:0; margin:0}

#partneri DIV  {float:left; margin-right:15px}
#aviabg        {background: url(../images/avia/d60_2.jpg) no-repeat top right; padding-top:65px}

.fotografie DIV  {float:left; margin:0 5px 5px 0}
#sortiment DIV   {float:left; margin:0 5px 5px 0; text-align: center;}
#sortiment IMG   {margin-bottom:5px}
.fotografiespecialne DIV  {float:left; margin:0 5px 5px 0; width:150px; height:180px}
.fotografiespecialne SPAN {padding:3px; display: block;}

#viewimages      {margin:5px 0}
#hydraulickeruky {background: url(../images/ruky/ruky.jpg) no-repeat 325px 0px }

#prihlasenie     {text-align:left; width:300px; padding:30px; margin:100px; background-color: #fff;}
.zakazkova_kovovyroba1 {float:left;  width:250px; margin-right:15px}
.zakazkova_kovovyroba2 {float:left;  width:180px; margin-right:35px}
.zakazkova_kovovyroba3 {float:left;  width:203px; padding-top:20px}
/* OBLINKA
*/
.obal-kul-roh h2 {margin:0; padding:0}
.obal-kul-roh {position:relative; margin:10px; padding:.5em;  color:#000; background:#EDF6EC; border:15px solid #EDF6EC; text-align:left; }
.horlev       {position:absolute; top:-15px; left:-15px; background:url('../images/kul_roh1.gif') left top no-repeat #fff;}
.horprav      {position:absolute; top:-15px; right:-15px; background:url('../images/kul_roh1.gif') right top no-repeat #fff;}
.dollev       {position:absolute; bottom:-15px; left:-15px; background:url('../images/kul_roh1.gif') left bottom no-repeat #fff;}
.dolprav      {position:absolute; bottom:-15px; right:-15px; background:url('../images/kul_roh1.gif') right bottom no-repeat #fff;}
.horlev, .horprav, .dollev, .dolprav {width:15px; height:15px; font-size:0px;}

/* FORMULARE
*/
form label {FLOAT: left; WIDTH: 120px;}
form div   {margin:5px 0px 5px 0px;}
fieldset   {border:none; margin:0; padding:0}