* {
        padding: 0;
        margin: 0;
        }
  body {
        height: 100%;
        background-color: #F2F2F2;
        font: normal 70% Arial, Times New Roman, serif;
        color: #666;
        margin-top:0px;
        background-image: url(imagenes/fondomar.png);
  }

  #todo {
        width: 780px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        border: solid 1px #000;
        background-color: #000;

  }

  #topcabecera {
        position: relative;
        width: 780px;
        height: 141px;
        margin-top 100px;
        text-align: left;
        background-color: #fff;
        background-image: url(imagenes/cabecera1.jpg);
        background-repeat: no-repeat;
        z-index:1;
  }
   #logogyg{
        position: absolute;
        left: 180px;
        top: 30px;
        width: 250px;
        height: 69px;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/logogyg.png',sizingMethod='scale');
        background-repeat: no-repeat;
        z-index: 1;
   }
  div>#logogyg {
       background-image: url(imagenes/logogyg.png);
  }

   #logohertz{
        position: absolute;
        left: 600px;
        top: 30px;
        width: 173px;
        height: 69px;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/logohertz.png',sizingMethod='scale');
        background-repeat: no-repeat;
        z-index: 1;
   }
  div>#logohertz {
      background-image: url(imagenes/logohertz.png);
  }

   #menux{
        position: relative;
        float:left;
        left:140px;
        margin: -18px 0 0 0px;
        padding: 0px;
        z-index:2;

   }

   #navlist {
        list-style: none;
        margin: 0px 0 0 0px;
        padding: 0 0 0 0px
        background-color: #fff;
   }
   #navlist li  {
        display: inline;
        position: relative;
        padding: 0px 0px 0px 0px;
        top: 0px;
        left: 0px;
        border: solid 0px #000;
        margin: 0px;


   }

   #navlist li a  {
        font: bold 11px Arial,Verdana;
        color: #fff;
        text-decoration: none;
        padding: 2px 10px 4px 10px;
   }
   #navlist li a:hover  {
        font: bold 11px Arial,Verdana;
        color: #000;
        text-decoration: none;
        background-color: #FFD607;
   }

   #post{
        position: absolute;
        left: -50px;
        top: 30px;
        width: 190px;
        height: 167px;
        z-index: 5;
   }


  #post a{
        margin-top: 50px;
        width: 200px;
        z-index: 5;
        border: 0px;

  }
  #post img{

  border: solid 0px #000;
  }


   #contenido{
        clear:both;
        position: relative;
        top: 1px;
        width: 780px;
        background-color: #fff;
        padding-bottom: 50px;
        background-image: url(imagenes/fondoz.png);
        background-repeat: no-repeat;
        background-position: bottom left;
   }

   #automovil{
        position: absolute;
        float: left;
        top: 1px;
        left: -70px;
        width: 373px;
        height: 300px;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/fotoauto1.png',sizingMethod='scale');
        background-repeat: no-repeat;
   }

  div>#automovil {
      background-image: url(imagenes/fotoauto1.png);
  }

   #flasintro{
      position: relative;
      float: left;
      top: 1px;
      left: 304px;
      background-color: #000;
      width: 477px;
      height: 300px;
   }


   #separador{
        position: relative;
        clear: both;
        margin-top: 1px;
        width: 780px;
        height: 5px;
        line-height: 1px;
        background-color:#000;
   }

   #conteinicio{
       position: relative;
       width: 700px;
       margin: 20px 0 0 40px;

   }
   #conteinicio h2{
        background-image: url(imagenes/icono1.png);
        background-repeat:  no-repeat;
        background-position: left top;
        height: 35px;
        padding: 10px 0 0 60px;
        font: normal 18px Verdana,Arial, Times New Roman, serif;
        color: #000;
   }
   #conteinicio h4{
        font: normal 11px Verdana,Arial, Times New Roman, serif;
        color: #000;
        margin: 5px 0 0 60px;
   }

   #iniflota{
       top: 40px;
       position: relative;

       background-repeat:  no-repeat;
       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/fondoflotaini.png',sizingMethod='scale');
       margin: 0px 0 0 0;
       width: 600px;
       height: 177px;
       left: 70px;

   }
  div>#iniflota {
            background-image: url(imagenes/fondoflotaini.png);
  }
   #imagauto{
       position: relative;
       float: left;
       width: 250px;
   }

   #imagauto img{
      position: relative;
      background-color: #000;
      padding: 5px 5px 5px 5px;
      top: 17px;
      left: 30px;

   }

   #caracteristicas{
       position: relative;
       float: left;
       top: 20px;
       width: 350px;


   }
   #caracteristicas .vehiculo{
        position: relative;
        float:left;
        font: bold 14px Arial, Times New Roman, serif;
        color: #000;
        height:15px;
        margin:  0 0 15px 0;
        padding: 2px 0 2px 5px;
        width: 255px;
        background-color: #EFEFEF;
   }
   #caracteristicas .titulo{
        position: relative;
        float:left;
        font: bold 11px Arial, Times New Roman, serif;
        color: #000;
        width: 130px;
        background-color: #EFEFEF;
        padding: 0px 0 0px 5px;
        margin: 0px 0 0px 0;
   }
   #caracteristicas .caract{
        position: relative;
        float:left;
        font: normal 11px Arial, Times New Roman, serif;
        color: #000;
        width: 120px;
        padding: 0 0 0 5px;
        margin: 1px 0 1px 0;
        background-color: #FBFBFB;
   }

   #botonesflota{
        position: relative;
        float: left;
        top: 35px;
        font: normal 11px Arial, Times New Roman, serif;
        color: #000;
        width: 250px;
        padding: 0 0 0 5px;
        margin: 1px 0 1px 0;
        height: 25px;

   }

   #botonesflota .botreservar a{
       background-image: url(imagenes/ico-reserva.gif);
       background-repeat:  no-repeat;
       background-position: top left;
       padding: 2px 0 5px 23px;
       font: bold 12px Arial, Times New Roman, serif;
       color: #414141;
       text-decoration: none;
   }
    #botonesflota .botreservar a:hover{
       color: #000;
    }
   #botonesflota .botmasinfo a{
       background-image: url(imagenes/ico-detalles.gif);
       background-repeat:  no-repeat;
       background-position: top left;
       padding: 2px 0 5px 23px;
       font: bold 12px Arial, Times New Roman, serif;
       color: #414141;
       text-decoration: none;
       margin: 0 0 0 20px;
   }
   #botonesflota .botmasinfo a:hover{
      color: #000;

   }
   #aviso1{
       position: absolute;
       background-image: url(imagenes/iconog.png);
       background-repeat:  no-repeat;
       left: 725px;
       top: 309px;
       width: 53px;
       height: 119px;

   }
   #logogyg2{
       position: absolute;
       background-image: url(imagenes/logogyg2.png);
       background-repeat:  no-repeat;
       top: -227px;
       left: 730px;
       z-index: 5;
       width: 40px;
       height: 219px;
   }
   #pie{
      clear: both;
      top: 0px;
      width: 780px;
      position: relative;
      background-color: #000;
      text-align: center;
      padding: 10px 0 10px 0;
   }
   #pie{
        font: normal 10px Verdana,Arial, Times New Roman, serif;
        color: #fff;
   }
   #sepaini{
      height: 5px;
      line-height: 5px;
      background-color: #E7C31E;
   }
   #sepapie{
      height: 30px;
      line-height: 30px;
      background-color: #fff;
   }



   /* Para las paginas interior*/
   #contenidointe{
        clear:both;
        position: relative;
        top: 1px;
        width: 780px;
        background-color: #fff;
        padding-bottom: 50px;
        background-image: url(imagenes/fondoz.png);
        background-repeat: no-repeat;
        background-position: bottom left;

   }

   #texto{
     position: relative;
     width: 500px;
     padding: 0 0 80px 0;
     top: 50px;
     min-height: 340px;
     z-index: 5;
   }
   * html #texto {
      height: 340px;
   }

   #texto h2{
        font: bold 13px Verdana,Arial, Times New Roman, serif;
        color: #000;
        margin-left: 0 0 0 25px;
   }

   #contetexto{
        width: 380px;
        margin: 15px 0 0 35px;

   }

   #contetexto p{

        margin: 9px 0 9px 0;
        text-align: justify;
   }
   #contetexto .fotox1 {
        float: left;
        background-color: #F3D10A;
        padding: 2px 2px 2px 2px;
        margin: 0 10px 0 0;

   }
   #contetexto .fotonormal{
        float: left;
        background-color: #F3D10A;
        padding: 2px 2px 2px 2px;
        margin: 0 10px 0 0;

   }
   #contetexto ul{
        list-style-type: square;
   }
   #flashcostado{
      position: absolute;
      top: 2px;
      left: 428px;
      width: 360px;
      height: 340px;
      z-index: 1;
   }
   div>#separadorx{
        clear: both;
        position: relative;
        margin-top: 25px;
        width: 780px;
        height: 5px;
        line-height: 5px;
  }
  .conozcaperu{
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/fondoflotaini.png',sizingMethod='scale');

        background-repeat: no-repeat;
        width: 387px;
        height: 102px;
        margin: 15px 0 15px 0;

  }
  div>.conozcaperu{
        background-image: url(imagenes/fondoconozca.png);
  }
  .conozcaperu .fotoconozca{
       float: left;
  }
  .conozcaperu .fotoconozca .fotocono{
       margin: 10px 0 0 15px;
       width: 120px;
       height: 80px;
       background-color: #000;
       padding: 1px 1px 1px 1px;
  }
  .conozcaperu .textoconozca {
          float: left;
          margin: 20px 0 0 15px;
          width: 220px;
          height: 80px;
  }
  .conozcaperu .textoconozca a{
            font: bold 11px Arial, Times New Roman, serif;
        color: #000;
        text-decoration: none;
  }
  .conozcaperu .textoconozca a:hover{
        color: #666;
  }

  .conozcaperu .textoconozca h3{
        top: 10px;
        font: bold 11px Arial, Times New Roman, serif;
        color: #000;
  }
  .conozcaperu .textoconozca p{
        top: 10px;
        font: normal 11px Arial, Times New Roman, serif;
        color: #000;
  }
  #conteform{
      width: 370px;

  }
  #conteform h2{
          font: bold 13px Arial, Times New Roman, serif;
          color: #000;
          margin: 20px 0 20px 0;
  }

  #conteform label{
          float: left;
          width: 100px;

  }
  #conteform .campo{
          float: left;
          margin-right: 70px;
          font: normal 11px Arial, Times New Roman, serif;
          color: #000;
          margin: 2px 70px 2px 0px;
  }
  #conteform .area{
          float: left;
          margin-right: 70px;
          font: normal 11px Arial, Times New Roman, serif;
          color: #000;

  }
  #conteform .boton{
          clear: left;
          margin: 15px 0 0 100px;
  }

  #contetexto .fotoderecha {
        float: right;
        background-color: #F3D10A;
        padding: 2px 2px 2px 2px;
        margin: 90px 30px 0 10px;

  }

  #tform{
       width: 370px;
  }
  #tform h2{
          font: bold 13px Arial, Times New Roman, serif;
          color: #000;
          margin: 20px 0 20px 0;
  }

  #tform label{
          float: left;
          width: 60px;

  }
  #tform .inpboton{
          float: left;
          margin-right: 5px;
          font: normal 11px Arial, Times New Roman, serif;
          color: #000;
          margin: 2px 2px 2px 0px;
  }
  #tform .inptexto{
          float: left;
          margin-right: 70px;
          font: normal 11px Arial, Times New Roman, serif;
          color: #000;
          margin: 2px 150px 2px 0px;
  }
  #tform .inptextoarea{
          margin-right: 70px;
          font: normal 11px Arial, Times New Roman, serif;
          color: #000;
          width: 220px;
          height: 100px;
          margin: 2px 150px 2px 0px;
  }
  #tform .diafecha{
          float: left;
          margin-left: 4px;
          font: normal 11px Arial, Times New Roman, serif;
          width: 40px;
  }
  #tform .mesfecha{
           float: left;
          margin-left: 4px;
          font: normal 11px Arial, Times New Roman, serif;
          width: 100px;
  }
  #tform .anofecha{
          float: left;
          margin-left: 4px;
          font: normal 11px Arial, Times New Roman, serif;
          width: 60px;
  }
  #tform .horahora{
          float: left;
          margin-left: 4px;
          font: normal 11px Arial, Times New Roman, serif;
          width: 40px;
  }
  #tform .horaminuto{
          margin-left: 4px;
          font: normal 11px Arial, Times New Roman, serif;
          width: 40px;
  }
  h3{
         font: bold 13px Arial, Times New Roman, serif;
         color: #000;
  }
  .carea{
          font: normal 11px Arial, Times New Roman, serif;
          width: 240px;

  }
  #rentares{
    width: 300px;
    height: 20px;

  }
  #rentahora{
    width: 300px;
    height: 20px;
  }
  #datosperso{
     position: relative;
  }
  #botonesreserva{

     top: 0px;
     margin-top: 70px;
     position: relative;
     width: 450px;
  }
  #consulta{
     position: relative;
     clear: both;
  }
  #lugarreserva{
     margin-top: 15px;
     margin-bottom: 15px;
  }

   #camioneta2{
        position: absolute;
        left: 400px;
        top: 650px;
        width: 429px;
        height: 256px;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/camioneta2.png',sizingMethod='scale');
        background-repeat: no-repeat;
        z-index: 2;
   }
  div>#camioneta2 {
      background-image: url(imagenes/camioneta2.png);
  }

  .cajaflota{

       margin-bottom: 0px;
       margin-left: 20px;
       margin-top: 0px;
       width: 400px;

  }
  .tituloflota{
       float: left;
       margin-bottom: 10px;
       margin-left: 0px;
       width: 400px;
       background-color: #FED605;
       font: bold 11px Arial, Times New Roman, serif;
       color: #000;
       padding: 2px 0 2px 5px;
               border: solid 1px #000;

  }
  .imagenvehiculo img{
     background-color: #000;
     padding: 5px;
  }
  .flotaizq{
     float: left;
  }
  .flotadere{
     float: left;
     width: 190px;
     padding-left: 10px;
  }
  .titulof{
     float: left;
     width: 100px;
     margin: 1px 1px 1px 1px;
     padding-left: 1px;
     background-color: #EAEAEA;
  }
  .contef{
     float: left;
     width: 80px;
     padding-left: 1px;
     margin: 1px 1px 1px 1px;
     background-color: #EAEAEA;
  }
  .sepacaja{
     clear: both;
     height: 50px;
  }
  .reservar{
       clear:both;
       margin-top: 200px;

  }

  .reservar a{
       line-height: 50px;
       font: normal 11px Arial, Times New Roman, serif;
       color: #000;
       text-decoration:none
  }
  .reservar a:hover{
       text-decoration:underline;
  }
  #nombregrupo{
       font: bold 13px Arial, Times New Roman, serif;
       color: #000;
       margin-left: 20px;
       width: 150px;

  }
  #selegrupo{
       font: normal 11px Arial, Times New Roman, serif;
       color: #000;
       margin-left: 20px;
       width: 150px;

  }
  #selegrupo select{
       font: normal 11px Arial, Times New Roman, serif;
       color: #000;
       margin-left: 20px;
       width: 150px;

  }

  #camioneta3{
        position: absolute;
        left: 430px;
        top: 1184px;
        width: 350px;
        height: 289px;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/camioneta3.png',sizingMethod='scale');
        background-repeat: no-repeat;
        z-index: 2;
   }
  div>#camioneta3 {
      background-image: url(imagenes/camioneta3.png);
  }

  #camioneta3in{
        position: absolute;
        left: 430px;
        top: 1120px;
        width: 350px;
        height: 289px;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/camioneta3.png',sizingMethod='scale');
        background-repeat: no-repeat;
        z-index: 2;
   }
  div>#camioneta3in {
      background-image: url(imagenes/camioneta3.png);
  }

  #camioneta3it{
        position: absolute;
        left: 430px;
        top: 1162px;
        width: 350px;
        height: 289px;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/camioneta3.png',sizingMethod='scale');
        background-repeat: no-repeat;
        z-index: 2;
   }
  div>#camioneta3it {
      background-image: url(imagenes/camioneta3.png);
  }

  #camioneta3al{
        position: absolute;
        left: 430px;
        top: 1134px;
        width: 350px;
        height: 289px;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagenes/camioneta3.png',sizingMethod='scale');
        background-repeat: no-repeat;
        z-index: 2;
   }
  div>#camioneta3al {
      background-image: url(imagenes/camioneta3.png);
  }

  #idioma{
     position: absolute;
     top: 10px;
     left: 10px;
  }
  #idioma li  {
        display: inline;
        position: relative;
        padding-left: 10px;
        top: 0px;
        left: 0px;
        border: solid 0px #000;
        margin: 0px;
  }
  #idioma li a{
       font: normal 11px Arial, Times New Roman, serif;
       color: #fff;
       text-decoration: none;
       padding-left: 0px;
       /*background-image: url(imagenes/usa.gif);
       background-repeat: no-repeat;*/
  }
  #idioma li a:hover{
       text-decoration: underline;
  }


  #veaflota{
     position: absolute;
     top: 85px;
     left: 395px;

  }
  .evo{
       font: normal 10px Arial, Times New Roman, serif;
       color: #fff;
       margin-top: 7px;
       margin-bottom: 0px;
  }
  .evo a{
       font: normal 10px Arial, Times New Roman, serif;
       color: #fff;
       margin-top: 7px;
       margin-bottom: 0px;
       text-decoration: none
  }
  .evo a:hover{
       text-decoration: underline;
  }