/* CSS Document */
body  {
  margin: 0px; padding: 0px; 
  font-size: 0.9em;
  color: #404040; 
  font-family: 'Arial CE', Arial, 'Tahoma CE', Tahoma, 'Verdana CE', Verdana, 'Lucida Grande CE', Lucida, 'Helvetica CE', Helvetica, sans-serif;
  background-image: url('../img/body.jpg');
}
a { color : #505050; }
.clear  { clear: both; }
.left-strong-1  { font-size: 1.4em; }
.left-strong-2  { font-size: 1.2em; }
.overflow-hidden { overflow: hidden !important; }
.padding-10 {padding: 10px; }
.img-right { float: right; margin: 0px 0px 0px 10px; }
.red  { color: red; }

/* uvodni stranka - rozcestnik Renault, Dacia, Seat */

#main-intro {
  position: absolute; left: 50%; top: 50%;
  width: 851px; height: 265px; 
  margin: -150px auto 0px -425px; 
  font-size: 0.8em; text-align: center;
}
#main-intro h1      {
  font-size: 1.3em; text-align: left; margin: 20px 0px 0px 20px; padding: 25px 0px 0px 10px; background-color: #e0e0e0;
  height: 98px; 
}
#main-intro h1 span {
  display: block; position: absolute; left: 0px; top: 0px; z-index: 1;
  width: 851px; height: 265px; 
  background-image: url('../img/uvodni-pozadi.gif'); background-repeat: none;  
}
#uvodni-menu        { 
  position: absolute; left: 500px; top: 40px; z-index: 10;
  width: 345px; height: 115px;
}
#uvodni-menu ul     { margin: 0px; padding: 0px; }
#uvodni-menu li     { display: inline; list-style-type: none; }
#uvodni-menu a      { 
  position: relative; display: block; float: left; width: 109px; height: 73px; padding-top: 40px; 
  text-align: center; margin-right: 5px; background-color: #f0f0f0; cursor: hand;
}  
#uvodni-menu span   { display: block; position: absolute; left: 0px; top: 0px; z-index: 5; width: 109px; height: 113px; }
span.renault        { background-image: url('../img/renault-logo.jpg'); background-repeat: none; }
span.dacia          { background-image: url('../img/dacia-logo.jpg'); background-repeat: none; }
span.seat           { background-image: url('../img/seat-logo.jpg'); background-repeat: none; }

/* struktura ostatnich stranek s obsahem */

#main {
  position: absolute; left: 50%; top: 50%;
  width: 900px; height: 638px; overflow: hidden;
  margin: -300px auto 0px -450px; 
  background-image: url('../img/pozadi-main.jpg'); background-repeat: no-repeat; background-color: #fff;
  background-position: 1px 0px;
}
#banner { width: 900px; height: 135px; =height: 154px; border-bottom: 1px solid #fff; 
  background-color: #fff;
}
#banner h1  {
  padding: 25px 20px 0px 550px;
}
#banner span  {
  display: block; position: absolute; left: 1px; top: 0px; z-index: 5;
  width: 900px; height: 155px;
  background-image: url('../img/banner-bck.jpg'); background-repeat: none;
   
}
#menu   {
  position: absolute; left: 201px; top: 125px; z-index: 20;  
  width: 700px; height: 30px; /*background-color: #0082ca;
  background-image: url('../img/banner-bck.jpg'); background-repeat: none;
  background-position: right bottom;*/
}
/*#menu ul  {margin: 3px 0px 0px 0px; padding: 0px; width: 700px; height: 27px; }
#menu li  {/*display: inline; float: left; list-style-type: none;}*/

.horizontal  {margin: 3px 0px 0px 0px; padding: 0px; width: 700px; height: 27px; }
.horizontal-li  {display: block; float: left; list-style-type: none; position: relative;}

#menu a { font-size: 12px; text-align: center; font-weight: bold; color: #fff; text-decoration: none;}

#menu a.horizontal-a {
  display: block; float: left; width: 95px;   
}
/*#menu a.horizontal-a:hover { color: #f24534; }*/
.tight  { width: 63px !important; }

/*#menu a {
  display: block; float: left; width: 95px; text-decoration: none;
  font-size: 12px; text-align: center; font-weight: bold; color: #fff;  
}
/*#menu a:hover { color: #f24534; }
.tight  { width: 63px !important; }
*/

#content-left {
  width: 200px; height: 520px; float: left; 
  text-align: justify; overflow: hidden;
  color: #fff; font-size: 11px; 
}
#content-left p  {
  padding: 0px; margin: 10px; 
}
img.px-200  { margin-left: -10px; }

#content-right {
  width: 700px; height: 330px; float: left; 
  padding: 0px; text-align: justify; 
  color: #fff; font-size: 12px; background-color: #f0f0f0;  
  position: relative; overflow: hidden; /*overflow-y: auto; overflow: -moz-scrollbars-vertical; */ overflow: auto;
}
#content-right object {
  z-index: 5;
}
#content-right p  {
  /*width: 680px; height: 308px; */ padding: 10px; margin: 0px; color: #4f4f51; /*background-color: #f0f0f0; */
  overflow: auto; position: relative; display: block; 
}

/*ul#submenu1 {
  display: none;
  position: absolute; left: 79px; top: 31px; z-index: 45;
  width: 100px; height: 105px; 
  background-color: #0079c4;  
}
ul#submenu2 {
  display: none;
  position: absolute; left: 105px; top: -3px; z-index: 45;
  width: 100px; height: 73px; 
  background-color: #0079c4;  
}
ul#submenu1 li, ul#submenu2 li  {
  display: block !important; width: 80px; height: 23px; =height: 20px; margin: 0px; padding: 1px;  
}
ul#submenu1 a, ul#submenu2 a {
  text-align: left !important; padding: 3px 0px 3px 5px; width: 94px; 
}
ul#submenu1 a:hover, ul#submenu2 a:hover {
  background-color: #0B95EA; padding: 3px 0px 3px 5px;
}*/


/* formulare */

.cell-150           { display: block; float: left; width: 160px; _width: 140px; padding-top: 4px; text-align: left; }
.cell-100           { display: block; float: left; width: 150px; padding-bottom: 5px; }
.cell-kontakt-head  { 
  display: block; padding: 5px 5px 5px 88px; background-color: #0079c4; color: #fff;  
  position: relative;
}
.cell-kontakt-head-right  { display: block; position: absolute; right: 0px; _right: 28px; top: 0px; padding: 5px; }
.cell-kontakt       { 
  clear: both; display: block; background-color: #fff; border: 1px solid #0079c4; height: 75px;  
  border-width: 0px 1px 1px 1px; padding: 5px 5px 5px 88px; color: #808080;
}  
.kontakt-foto {
  display: block; position: absolute; left: 5px; top: 5px; z-index: 5;
  _left: -82px;   
}
.cell-left          { display: block; float: left; margin-right: 10px; width: 320px; _width: 315px;  /*_padding: 10px;*/ }
/*.cell-left input    { display: block; float: right;}*/
.cell-right         { display: block; float: left; width: 325px; _width: 305px; text-align: right; }
/*.cell-right input   { display: block; float: right;}*/
.color-important    { color: red; }
.important-info     { display: block; position: absolute; right: 0px; top: 10px; width: 145px; font-size: 11px; }

#servis, #servis form {
  border-style: none; padding: 0px; margin: 0px; margin-top: -5px;
}
form p  { padding: 0px; margin: 0px; }
#servis input {
  margin-bottom: 3px; 
}
.text-area  {
  display: block; position: relative; width: 670px; _width: 675px; =width: 675px; height: 110px; padding-top: 12px;
  _padding-top: 0px;
}
.servis-kontakt {
  padding: 10px; color: #4F4F51; font-size: 12px; background-color: #f0f0f0;
}
.servis-cenik {
  height: 275px; padding: 10px; color: #4F4F51; font-size: 12px; background-color: #f0f0f0;  overflow-y: auto;
}
.radio-area  { display: block; padding: 0px; text-align: center; _padding-top: 5px; }
.radio-area input  { position: relative; top: 4px; _position: normal;  _display: block; _float: left;}
.cell-radio         { padding: 0px 5px 0px 20px; _display: block; _float: left; _margin: 3px 5px 0px 5px; }

#servis textarea  {
  display: block; width: 426px; height: 101px; float: left; color: #606060;
  font-family: Arial; font-size: 12px; padding: 2px; _margin-top: 15px; 
}
#servis .button  {
  background-color: #0079c4; color: #fff; /*margin: 75px 0px 0px 4px;*/ width: 145px; =width: 155px; 
  position: absolute; bottom: -4px; _bottom: 0px; =bottom: 0px; right: 0px; font-size: 11px;
}

/* ceniky */

.cell-cenik-1-head {
  display: block; width: 190px; /*_width: 210px;*/ padding: 5px; float: left; font-weight: bold; 
  background-color: #0079c2; color: #fff; 
}
.cell-cenik-2-head {
  display: block; width: 50px; padding: 5px; float: left; font-weight: bold; 
  background-color: #0079c2; color: #fff; text-align: center;
}
.cell-cenik-3-head {
  display: block; width: 50px; padding: 5px; float: left; font-weight: bold; 
  background-color: #0079c2; color: #fff; text-align: center;
}
.cell-cenik-1 {
  display: block; width: 190px; /*_width: 217px;*/ padding: 4px 5px 4px 5px; float: left;
  border-left: 1px solid #0079c2; border-bottom: 1px solid #0079c2; background-color: #fff;
}
.cell-cenik-2 {
  display: block; width: 50px; padding: 2px 5px 1px 5px; float: left; 
  border-bottom: 1px solid #0079c2; text-align: center; background-color: #fff;
}
.cell-cenik-3 {
  display: block; width: 48px; padding: 2px 5px 1px 5px; =padding: 3px 5px 3px 5px; _padding: 3px 5px 3px 5px; float: left; 
  border-bottom: 1px solid #0079c2; border-right: 1px solid #0079c2; background-color: #fff;
  text-align: center;
}

/* nabidka vozu */

#nove-vozy  {
  width: 340px; _width: 360px; height: 280px; overflow: auto; padding: 10px; color: #4f4f51;
}
#nove-vozy p      { padding: 0px 0px 10px 0px; display: block; margin: 0px; position: static; }
#nove-vozy img    { border-style: none; padding: 0px 5px 0px 5px; }
p.navi-lista  {
  padding: 0px !important; margin: 0px !important; background-color: #0080c9; !important; overflow: hidden !important;
  width: 700px; height: 36px; 
}
p.navi-lista a  { color: #fff; }
.vozy-menu {
  display: block; float: left; _width: 360px; _height: 36px; _overflow: hidden; background-color: #0080c9; !important;  color: #464648; 
}
.vozy-menu a  {
  display: block; float: left; padding: 10px; width: 100px; _width: 120px; text-decoration: none; text-align: center; 
}
.vozy-menu a:hover  {
  background-color: #029AF0;
}
.symbol-pdf {
  display: block; float: left; width: 25px; height: 26px; overflow: hidden;  padding: 0px 0px 0px 5px;
  background-color: #0080c9; !important; margin-left: -10px;
}
/*.download-link {
  display: block; float: right; padding: 10px; height: 26px; overflow: hidden; 
  background-color: #0080c9; !important; color: #464648 !important; text-align: left;
}*/
.download-link {
  display: block; float: right; width: 320px; _width: 250px; padding: 10px; height: 26px; overflow: hidden; 
  background-color: #0080c9 !important; color: #464648 !important; text-align: center;
}

#bottom { _width: 697px; _height: 132px; _overflow: hidden; _position: relative; _left: -2px; _background-color: #f0f0f0;}
#bottom p { margin: 0px !important; padding: 0px !important; }



/* patka  */

#patka  {
  position: absolute; left: 0px; bottom: 0px; z-index: 20; width: 100%; _width: 900px; background-color: #0073b4;
}
#patka p  {
  padding: 5px; margin: 0px; font-size: 11px; color: #fff; text-align: center;
}
#patka a  { color: #fff; }