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

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

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


H1     {font-size:1.8em; margin:0; padding:10px 0 7px 0; color:#e71f62; line-height: 25px;}
H2     {font-size:1.3em; margin:0px 0px 7px 0px; padding-top:15px; color:#e71f62;}
H3     {font-size:1em; margin:0px 0px 0px 0px; padding-top:15px;  color:#e71f62;}

H1 A:visited {color:#e71f62; text-decoration:underline;}
H1 A:hover   {color:#000; text-decoration:underline}
H2 A:visited {color:#e71f62; text-decoration:underline;}
H2 A:hover   {color:#000; text-decoration:underline}

A         {color:#000; text-decoration:underline;}
A:visited {color:#353535; text-decoration:underline}
A:hover   {color:#0066cc; 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:#c4c3be; width:100%; background-color:#c4c3be; border:0px solid #c4c3be;}
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:#f5b803; color:#000; font-weight:bold; padding:3px;}

/* Standards */
.red             {color:#e71f62; font-weight:bold }
.fontsmall       {font-size:11px; font-weight:normal; color:#6e6e6e;}
.fontsmall A     {color:#6e6e6e; text-decoration:underline;}
.fontsmall A:hover {color:#0066cc; 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; vertical-align: middle;}
.bg              {background-color: #fdf2d1; padding:5px; border-top:2px solid #f5b803;}
.table TD        {padding:5px; border:1px solid #aeb8c8;}

/* Site	*/
#site             {width: 812px; margin: 0 auto; padding: 0px; text-align:left;}
#accessible       {position:absolute;left:-1000px; top:-1000px;}
#header           {height:115px; background:url("../images/header.jpg") no-repeat 150px 0;}
#headeren         {height:115px; background:url("../images/headeren.jpg") no-repeat 150px 0;}
#logo             {float:left; width:139px;}
#search           {float:right; padding-top:25px; color:#757784}
#search span      {font-size: .9em; color:#91939d; display: block; padding:3px}
#navhor           {clear:left; font-size:93%; width:100%; line-height:normal; font-weight: bold;}
#flash            {display: block; line-height:0; margin-bottom:11px }

#navhor ul     {margin:0; padding:4px 0px 0 139px; list-style:none;}
#navhor li     {display:inline; margin:0; padding:0; }
#navhor a      {float:left; background:url("../images/tableftC.gif") no-repeat left top; margin:0;  padding:0 0 0 4px;   text-decoration:none;}
#navhor a span {float:left; display:block; background:url("../images/tabrightC.gif") no-repeat right top;  padding:5px 15px 4px 6px;  color:#464E42;}
#navhor a span {float:none;}/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navhor a:hover span {color:#FFF; text-decoration: underline;} /* End IE5-Mac hack */
#navhor a:hover {background-position:0% -42px;}
#navhor a:hover span {background-position:100% -42px;}  

#lang {vertical-align: middle;}
#lang IMG {margin-left:5px; vertical-align: middle;}
#lang a {background:url("none"); color:#fff; vertical-align: middle;}
#lang a:hover {background:url("none"); color:#e71f62; text-decoration: underline;}
	
#main            {clear:left; width: 100%;	 overflow: hidden; background-color:#e7e8ea; margin-bottom:20px }


#left            {float:left; width: 627px;	}
#right           {float:left; width: 185px;}
#content         {clear:both; padding:15px; line-height: 18px;}

.kotant {float:left; width:240px}
.kotantf {float:left; margin-left:25px}
.pobocky {float:left; width: 260px;}
.pobocky IMG {float:left; margin-right:10px; border: solid 1px #0f1329;}

#rightkon              {float:left; width: 172px; padding:9px 0px 12px 12px; background: #ededef url("../images/rightkon.gif") no-repeat 10px 10px;}
#rightkon DIV          {padding-left:17px}
#rightkonpneu          {float:left; width: 172px; padding:9px 0px 12px 12px; background-color: #ededef}

#footer           {clear:left; height:40px; text-align: center; color:#0f1329; font-size:.95em; border-top:1px solid #99c8dd; padding:7px; line-height: 18px;}
#navfoo           {margin-bottom:5px}
#navfoo A         {padding-left:10px}
#footer A         {color:#0f1329;}
#footer A:hover   {color:#0066cc;}


/* CONTENT
*/
#index {border-bottom: 2px solid #9ecbdf}
#box1 {float:left; padding: 0  0px 0px 0; width: 260px;}
#box2 {float:left; padding: 0  0px 0px 0; width: 355px; }
#box3 {float:left; padding: 0;  background-color: #ededef; width: 197px;}
.boxtxt {padding:11px 10px 4px 10px}

#sortiment {float:left; width: 400px;}
#produkty  {float:right; width: 300px;}
#produkty DIV {float:left; margin:0 15px 15px 0px; width:126px}
#produkty A {display: block; background-color: #0f1329; color:#fff; padding:3px; text-align: center;}
#produkty A:hover   {color:#f00;}
#produkty A.pneubox {background-color: #61922d;}

#pneu DIV {float:left; margin:0 20px 20px 0; width: 225px; height:218px; background-color: #61922d; color:#fff; padding:8px; line-height: 20px;} 
#pneu A   {color:#fff;}
#pneu A:hover   {color:#000;}

#pneu .margin15 {margin-top:15px}

#gallery DIV {float:left; margin:0 10px 15px 0px; text-align: center; font-weight: bold; background-color: #61922d; color:#fff; padding:3px; width:136px}
#gallery A {display: block; background-color: #61922d; color:#fff; padding:3px; text-align: center;}

#team DIV {float:left; margin:0 5px 10px 0px; text-align: center; height: 155px;}


#katalogy DIV       {float:left; margin:0 28px 28px 0px; width:146px;}
#katalogy A         {display: block; background-color: #0f1329; color:#fff; padding:3px 3px 6px 3px; text-align: center;}
#katalogy A:hover   {color:#f00;}

.skolenie div {float:left; margin:0 9px 9px 0}


/* FORMULARE
*/
FIELDSET   {border:none; margin:0 0 25px 0; padding:10px; border:1px solid #aeb8c8}
legend     {font-weight: bold; color:#e71f62}
FORM label {FLOAT: left; WIDTH: 120px;}
FORM div   {margin:5px 0px 5px 0px;}

/* POP UP*/

/* POP UP*/

#blanket {
background-color: #333332;
filter:alpha(opacity=60);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
width: 100pc;
height: 100pc;
position: absolute;
z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
top: 0%;
left: 0%;
}
#popUpDiv {
position:absolute;
top:150px;
left:375px;
background-color:#ffffff;
width:374px;
height:300px;
z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
border:1px solid #ccc
}


#popUpDivContent {	padding:15px;}
#popUpDivContent h2 {margin:0; padding:0  }
#popUpDivContent P {margin-top:10px  }
input.btn {
  color:ffffff;
  font-weight: bold;
  background-color:#f47325;
  border:1px solid;
  border-color: #000000;
  padding:0px;
  margin:0px 0 0 70px;
  white-space:nowrap;
  width:200px;
}