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

  #principal {

        width: 937px;
        height: auto;
        margin-left: auto;
        margin-right: auto;

  }
  #topcabecera {
        position: relative;
        width: 937px;
        height: 193px;
        margin-top 100px;
        text-align: left;
        background-color: #1F4F8D;
        background-image: url(imagenes/fondocabecera.png);
        background-repeat: no-repeat;
        z-index: 1;
  }

  #fcabecera{

  }

  #cabecera {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 937px;
        height: 193px;
        margin-top 100px;
        text-align: left;
        z-index: 2;
  }


  /* Menu Idiommas */
  #menuidiomas{
     position: relative;
     float: right;
     clear: both;
     top: 2px;
     margin: -25px 0px 0px 0px;
     padding-right: 160px;
     font: normal 11px Arial, Times New Roman, serif;
     color: #fff;
     text-decoration: none;
     z-index: 15;

  }
  #menuidiomas ul{
   position: relative;
   margin: 0px;
   color: #FFFFff;
    text-decoration: none;
  }
  #menuidiomas ul li, #menuidiomas ul li a
  {
      display: inline;
      margin: 0px;
      padding-left: 2px;
      padding-top: 5px;
      padding-bottom: 5px;
      font: normal 11px Arial, Times New Roman, serif;
      color: #FFFFFF;
      border: 0px;
      text-decoration: none;

  }


  #menuidiomas img{
     padding: 0px;
     border: 0px;
     margin: 0px;

  }
  #bakcinicio{

     position: relative;
     float: left;
     clear: both;
     width: 294px;
     height:23px;
     top: 6px;
     margin: -3px 0px 0px 0px;
     left: 35px;
     font: normal 11px Arial, Times New Roman, serif;
     color: #fff;
      z-index: 5;
  }

   /* Menu Inicio */
   #menuinicio{
     float: left;
     clear: both;
     width: 294px;
     height:23px;
     top: 6px;
     margin: 0px 0px 0px 0px;
     left: 35px;
     font: normal 11px Arial, Times New Roman, serif;
     color: #fff;
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='diseno1/imagenes/fondomenutop.png',sizingMethod='scale');

  }
  div>#menuinicio {
       background: url(imagenes/fondomenutop.png) no-repeat;
  }


  #menuinicio ul{
   position: relative;
   margin: 4px 0 0 20px;
   color: #FFFF66;
  }
  #menuinicio ul li, #menuinicio ul li a
  {
      display: inline;
      margin: 0px;
      padding: 0px 0px 0px 7px;
      font: normal 11px Arial, Times New Roman, serif;
      color: #FFFFFF;
      text-decoration: none;

  }
  #menuinicio ul li a:hover {
        color: #C9E6FD;
  }
  #menuinicio ul li a#men-inicio{
     background-image: url(imagenes/i-inico.gif);
     background-repeat: no-repeat;
     background-position: left center;
     padding-left: 15px;
  }

  #menuinicio ul li a#men-mapa{
     background-image: url(imagenes/i-mapa.gif);
     background-repeat: no-repeat;
     background-position: left center;
     padding-left: 15px;
  }
  #menuinicio ul li a#men-contacto{
     background-image: url(imagenes/i-contacto.gif);
     background-repeat: no-repeat;
     background-position: left center;
     padding-left: 15px;
  }




  /*Contenido*/
  #contenido{

      clear: both;
      margin-top: 0px;
      padding-bottom: 0px;
      background-color: #000;
      background-image: url(imagenes/lineafondo.png);
  }

  /* Para el menu*/

  #zonamenu{
      position: relative;
      left: 15px;
      top: -29px;
      float: left;
      width: 199px;
      height: 500px;
      background-image: url(imagenes/fondomenu.gif);
      background-repeat: no-repeat;

      z-index: 4;
  }
 #menuprincipal{
     position: relative;
     top: 90px;
     left: 5px;
     width: 189px;
     margin: 0;
     padding: 0;
     font-family: Arial, georgia, serif;
     font-size: 11px;
     text-align: left;
     background-image: url(../estilolpc/fondobot.jpg);
     background-repeat: y-repeat;
     padding-bottom: 5px;
     margin-bottom:50px;
     z-index: 5;

  }

#logogrupo{
     position: relative;
     top: 80px;
     left: 30px;

}

  /* Para el Menu Principal */
  #vertnav{list-style: none;}

  #vertnav ul {
      padding:0;
      margin:0;
     list-style: none;
     width:189px;

     overflow:visible;
     position:absolute;


  }

  #vertnav li {
     position: relative;
     width: 189px;
     border:solid 1px #797979;
     display:block;
     min-height:1.8em;
     margin:0;



  }
  #vertnav ul li{


  }

  #vertnav li{
   border-width:0px 0px 1px 0px;
  }
  #vertnav li:last-child{border-bottom:1px solid #CECECE;}

  #vertnav a {
     text-decoration:none;
     display:block;
     padding: 3px 0 3px 0px;
     margin:0 0 0 0;
     width:159px;
     font: normal 12px Arial, Times New Roman, serif;
     color: #223D5E;
     background-image: url(imagenes/icoboton.gif);
     background-repeat: no-repeat;
     background-position: left center;
     padding-left: 25px;

  }
  #vertnav li:hover, #vertnav a:hover{
     background-image: url(imagenes/icobotonsobre.gif);
     background-repeat: no-repeat;
     background-position: left center;
  }

  #vertnav ul, #vertnav ul ul, #vertnav ul ul ul,#vertnav ul ul ul ul,#vertnav ul ul ul ul ul{
      display:none;
      position:absolute;
      top:0;
      left:189px;
      width: 189px;
      background-image: url(imagenes/fondocolormenu.jpg);
      background-repeat: no-repeat;
      background-color: #000;
      border:solid 1px #ccc;
  }

  #vertnav li:hover ul ul, #vertnav li:hover ul ul ul, #vertnav li:hover ul ul ul ul, #vertnav li:hover ul ul ul ul ul{
      display:none;
  }

  #vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul, #vertnav ul ul ul li:hover ul, #vertnav ul ul ul ul li:hover ul{
      display:block;
      background-color: #fff;
      top: -1px;
      border:solid 1px #ccc;

  }

  li>ul {
          top: auto;
          left: auto;
  }

  * html #vertnav li{float:left;}

 #zonaconte{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 35px 0px 280px; 
	PADDING-TOP: 0px; 
	min-height: 650px; 
	display: block;
  }
  #zonaconte img{
      margin: 2px 10px; 0px; 30px;
      background-color:  #37597E;

      background-image: url(imagenes/fondoimg.gif);
      background-repeat: no-repeat;
      background-position: right bottom;
      padding: 1px 20px 1px 1px;



  }
  #zonaconte p{
     font: normal 11px Arial, Times New Roman, serif;
     color: #fff;
     margin: 15px 0px; 10px: 0px;
  }
  #zonaconte ul{
   position: relative;
   margin: 0px;
   color: #213C60;
    text-decoration: none;
     text-align: justify;
  }


  #acciones{

  }
  #ruta{
     position: relative;
     background-color: #25243B;
     top: 1px;
     width: 659px;
     margin-left: -40px;
     font: normal 11px Arial, Times New Roman, serif;
     color: #fff;
     text-indent: 20px;
     padding: 3px 0 3px 0;
     height: 13px;
  }
  #ruta a{
     font: normal 11px Arial, Times New Roman, serif;
     color: #fff;
     text-decoration: none;
  }
  #ruta a:hover{
     text-decoration: underline;
  }
  #zonaconte  h2{
      margin-top: 45px;
      font: bold 20px Arial, Times New Roman, serif;
      color: #213C60;
      background-image: url(imagenes/icotitulo.gif);
      background-repeat: no-repeat;
      padding-left: 30px;
      margin-bottom: 15px;
      padding-bottom: 13px;
      border-width: 0px 0px 1px 0px;
      border-style: solid;
      border-color: #ccc;
  }
  #zonaconte  p{
      font: normal 11px Verdana,Arial, Times New Roman, serif;
      color: #213C60;
      text-align: justify;
  }

    #zonaconte td p{
       margin: 0px;
      font: normal 11px Verdana,Arial, Times New Roman, serif;
      color: #213C60;
      text-align: justify;
  }

    #separadorfinal{
      position: relative;
      clear: both;
      height: 30px;

    }
    #pie{
      position: relative;
      background-color: #3D5273;
      font: normal 11px Arial, Times New Roman, serif;
      color: #213C60;
      text-align: center;
      background-image: url(imagenes/fondoabajo.png);
      background-repeat: no-repeat;
      background-position: left top;
      height: 102px;

    }
    #pie p{
        padding-top: 2px;

    }

   #imgdecor{
      position: absolute;
      top: -45px;
      left: 688px;
      width: 233px;
      height: 314px;
      z-index: 5;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='diseno1/imagenes/imagtop.png',sizingMethod='scale');
   }

  div>#imgdecor {
       background: url(imagenes/imagtop.png) no-repeat;
        z-index: 5;
  }
    /*texto veritcal del costado*/
   #textoti{
      position: relative;
      float:left;
      clear: both;
      top: -110px;
      left: 6px;
      width: 30px;
      height: 350px;
      z-index: 3;
      background: url(imagenes/textovertical.png) no-repeat;
      z-index: 5;
   }







   /* para lista de contenido*/

   #listaseccion{
      font: normal 11px Arial, Times New Roman, serif;
      color: #fff ;
      text-align: left;
      padding-top: 2px;
      padding-bottom: 5px;

   }
  #listaseccion ul{
        margin: 0;
        padding: 0;
        list-style: none;

  }
  #listaseccion ul li {
        font: bold 15px Arial, Times New Roman, serif;
        color: #213C60;
        padding-bottom: 15px;
        padding-top: 3px;
        border-bottom: 1px solid #ccc;
        display: block;

        padding-left: 11px;

  }


  #listaseccion ul li .intitulo{

        font: bold 15px Arial, Times New Roman, serif;
        color: #213C60;
        text-decoration: none;
        margin-bottom: 0px;
        padding-left: 15px;
        background-image: url(imagenes/icosubtitulo.gif);
        background-repeat: no-repeat;
        background-position: left center;
  }
  #listaseccion ul li a{
        font: normal 11px Arial, Times New Roman, serif;
        color: #213C60;
        text-decoration: none;
        margin-bottom: 0px;
  }
  #listaseccion ul li a:hover{
        text-decoration: underline;
  }



  #listaseccion ul li .invermas a{
     margin: 0px 0 0 0;
     padding: 0px 0 0 16px;
     font: normal 12px Arial, Times New Roman, serif;
     text-decoration: none;
     color:  #213C60;
     background-image: url(imagenes/icomas.gif);
     background-repeat: no-repeat;
     background-position: left center;
     line-height: 27px
  }
  #listaseccion ul li .invermas a:hover{
     text-decoration: underline;
     line-height: 27px
  }


  /*Para Empleso */

  #listaempleo{
      font: normal 11px Arial, Times New Roman, serif;
      color: #fff ;
      text-align: left;
      padding-top: 5px;
      padding-bottom: 5px;

   }

  #listaempleo ul{
        margin: 0;
        padding: 0;
        list-style: none;

  }
  #listaempleo ul li {

        padding-bottom: 15px;
        padding-top: 8px;
        border-bottom: 1px solid #ccc;
        display: block;
  }
  #listaempleo  .intitulo a{
        font: bold 13px Arial, Times New Roman, serif;
        color: #213C60;
        text-decoration: none;
        background-image: url(imagenes/icosubtitulo.gif);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 10px;
        line-height: 25px;

  }
  #listaempleo  .invermas a{
        float: left;
        font: normal 11px Arial, Times New Roman, serif;
        color: #213C60;
        text-decoration: none;
        padding-left: 10px;


  }
  #listaempleo  .inpostula a{
        float: left;
        font: normal 11px Arial, Times New Roman, serif;
        color: #213C60;
        text-decoration: none;
        padding-left: 10px;

  }
  #listaempleo  .invermas a:hover{
      text-decoration: underline;
  }
  #listaempleo  .inpostula a:hover{
      text-decoration: underline;
  }


  /*Para formularios */
   #formulario{
      position: relative;
   }
   #formulario label{
        float: left;
        text-align: left;
        display: block;
        align: left;
        width: 110px;
        padding-left: 0px;
        font: normal 11px Arial, Times New Roman, serif;
        color: #1C3E7B;
   }
    #formulario   .campo {
          width: 250px;
          margin-bottom: 10px;
          font: normal 11px Arial, Times New Roman, serif;
          color: #1C3E7B;
   }

    #formulario .textoarea {
         /* float: left;*/
          display: block;
          width: 450px;
          margin-bottom: 10px;
          font: normal 11px Arial, Times New Roman, serif;
          color: #1C3E7B;
	 
   }
    #formulario .boton {
          float: left;
          display: block;
          width: 120px;
          margin-bottom: 10px;
          font: bold 12px Arial, Times New Roman, serif;
          color: #1C3E7B;
   }


   /*Para Situacion */

  #contesituacion h3{
      float: left;
      position: relative;
       font: bold 13px Arial, Times New Roman, serif;
       color: #fff;
       padding-left: 10px;
       background-color: #fff;
       line-height: 20px;
       padding-left: 5px;
       margin-bottom: 1px;
       color: #213C60;
  }
  #conteporllegar h3{
      position: relative;
       font: bold 14px Arial, Times New Roman, serif;
       color: #fff;
       padding-left: 10px;

       line-height: 20px;
       padding-left: 5px;
       margin-bottom: 1px;
       color: #213C60;
  }
  #contesituacion .subporllegar{
       float: right;
       position: relative;
       font: normal 11px Arial, Times New Roman, serif;
       padding-left: 10px;
       line-height: 20px;
       margin-bottom: 1px;
       color: #213C60;
       z-index: 2;
  }

  #contesituacion .subporllegar a{
        text-decoration: none;
        color: #213C60;
  }
  #contesituacion .subporllegar a:hover{
        text-decoration: underline;
  }


   .tablaembarque{
           display: block;
           position: relative;
           left: 20px;
   }

   .encabezadoembarque{
      background-color: #C7CBED;
      color: #213C60;
   }


   #detallesituacion{
       position: relative;

   }
   #detallesituacion table{
      width: 99%;
   }
   #detallesituacion tr{
       border:solid 1px #797979;
   }

   #detallesituacion .encabezado{
      background-color: #213C60;
      color: #fff;
      line-height: 20px;
   }
   #detallesituacion .item{
      background-color: #F4F5FD;
      color: #213C60;
      line-height: 20px;
      border:solid 1px #797979;
      font: normal 9px Arial, Times New Roman, serif;
      color: #37597E;
   }
   #detallesituacion .itemembarque{
      background-color: #F4F5FD;
      color: #213C60;
      line-height: 20px;
   }
   #detallesituacion td{
           padding-left: 10px;
   }
   #detallesituacion .celdaizq{
       text-align: left;
   }


  #muestrasituacion{
    position: relative;
    left: 0px;
   width: 99%;
   margin-top: 20px;

  }


   #titasituacion{
      margin: 0;

      width: 477px;
      height: 20px;
      margin-bottom: 1px;
      z-index: 3;
   }
   #titasituacion h4{

      font: bold 14px Arial, Times New Roman, serif;
      color: #37597E;

   }

    #imagsituacion{
      margin: 0;
      background-color:  #37597E;
      width: 470px;
      padding: 3px 23px 3px 3px;
      background-image: url(imagenes/fondoimg.gif);
      background-repeat: no-repeat;
      background-position: right bottom;

   }


    #imagensituacion{
      margin-top: 30px;

   }
     #cabecerasituacion{
      padding: 0px;
      margin-left: 50px;
   }
   #imagsituacion table{
      padding: 0px;
      margin: 0px;

   }
    #imagsituacion table{
/*
      margin: 2px 10px 20px 10px;
      background-color:  #37597E;
      background-image: url(imagenes/fondoimg.gif);
      background-repeat: no-repeat;
      background-position: right bottom;
      padding: 1px 20px 1px 1px;
  */
   }

    #imagsituacion tr{
      padding: 0px;
      margin: 0px;
      background-color: #fff;
   }
   #imagsituacion td{
      padding: 0px;
      margin: 0px;

   }

   #imagsituacion img{
      margin: 0px;
      padding: 0px;
      background-color: #fff;
      background-image: none;
      border: 0px;
      display:block;
   }
   #detallesituacion td{
     padding: 0px;
      margin: 0px;
      text-align: center;
   }
   #detallesituacion img{
      margin: 0px;
      padding: 0px;
      background-color: #fff;
      background-image: none;
      padding: 0px;
      border: 0px;
   }


   #imagsituacion a{
     padding: 0px;
     border: 0px;
   }


   /*Si no hay naves en operacion muestra el mensaje*/

  #nonaves{
     position: absolute;
     top: 250px;
     left: 300px;
     width: 202px;
     height: 90px;
     background-repeat: no-repeat;
     background-position: right bottom;
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='diseno1/imagenes/fondononaves.png',sizingMethod='scale');
     z-index: 2;
  }
  div>#nonaves {
       background: url(imagenes/fondononaves.png) no-repeat;

  }
  #nonaves p{
       text-align: center;
       padding: 18px 7px 10px 20px;
       font: bold 12px Arial, Times New Roman, serif;
       color: #fff;

  }
  #nave1{
     position: absolute;
     top: 0px;
     left: 110px;
     width: 260px;
     padding-top: 20px;
     background-repeat: no-repeat;
     background-position: right bottom;
    /*
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='diseno1/imagenes/fondodatanave.png',sizingMethod='scale');
     */
     z-index: 2;
     display: none;
  }
  div>#nave1 {
       /*background: url(imagenes/fondodatanave.png) no-repeat;*/
  }
  #nave2{
     position: absolute;
     top: 35px;
     left: 60px;
     width: 260px;
     padding-top: 20px;
     /*
     background-repeat: no-repeat;
     background-position: right bottom;
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='diseno1/imagenes/fondodatanave.png',sizingMethod='scale');
     */
     z-index: 2;
     display: none;
  }
  div>#nave2{
       /*background: url(imagenes/fondodatanave.png) no-repeat;*/
  }

  #cabecerasituacion .fondosit{
       list-style: none;
  }

  #cabecerasituacion .topsituacion{
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='diseno1/imagenes/fondodatanave1.png',sizingMethod='scale');
     height: 21px;
  }
  div>#cabecerasituacion .topsituacion{
     background: url(imagenes/fondodatanave1.png) no-repeat;
  }
  #cabecerasituacion .contesituacion{
     height: 0;
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='diseno1/imagenes/fondodatanave2.png',sizingMethod='scale');
     padding: 0 20px 0px 20px;
  }
  div>#cabecerasituacion .contesituacion{
     height: 100%;
     background: url(imagenes/fondodatanave2.png);
  }

  #cabecerasituacion .piesituacion{
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='diseno1/imagenes/fondodatanave3.png',sizingMethod='scale');
     height: 21px;
  }
  div>#cabecerasituacion .piesituacion{
     clear: left;
     background: url(imagenes/fondodatanave3.png) repeat-y;
  }


  #nave3{
     position: absolute;
     top: 135px;
     left: 55px;
     width: 260px;

     padding-top: 20px;
     background-repeat: no-repeat;
     background-position: right bottom;
     /*
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='diseno1/imagenes/fondodatanave.png',sizingMethod='scale');
     */
     z-index: 2;
     display: none;
  }
  div>#nave3{
       /*background: url(imagenes/fondodatanave.png) no-repeat;*/
  }




  .titsnave{
       float: left;
       text-align: left;
       padding: 0px 0px 0px 5px;
       width: 72px;
       font: bold 12px Arial, Times New Roman, serif;
       color: #000;
       height: 10px;
  }

  .datonave{
       text-align: left;
       padding: 0px 0px 0px 20px;
       font: normal 12px Arial, Times New Roman, serif;
       color: #000;
  }

   /* Para el Buscador formulario */
   #franjamedia{
      position: absolute;
      top: 0px;
      left: -10px;
      width: 320px;
      height: 25px;
      z-index: 3;
  }

  #buscador{
      position: relative;
      float: right;
      padding-top: 1px;
      margin-right: 10px;
  }
  #buscador label{
        font: bold 11px Arial, Times New Roman, serif;
        color: #fff;
  }
  #buscador input{
        font: normal 11px Arial, Times New Roman, serif;
        margin-left: 5px;
        padding-left: 3px;
        color: #3D5273;
  }
  #buscador input#botonbuscador{
        font: bold 12px Arial, Times New Roman, serif;
        color: #000;
        padding-left: 5px;
        padding-right: 5px;
        height: 20px;
  }
  #buscador input#botonbuscador:hover{

        border: 2px solid #fff;
  }

  #results{
   position: relative;
  }

  /*Para la Pagina de Inicio*/

    #contenoticias h2 {
     margin-top: 20px;
   }
   #contenoticias ul li{
      margin: 0 0 22px 0px;
      padding-left: 2px;
      padding-top: 5px;
      padding-bottom: 15px;
      font: normal 11px Arial, Times New Roman, serif;
      color: #FFFFFF;
      border: 0px;
      text-decoration: none;

   }
  #contenoticias .tituloini a{
        font: bold 13px Arial, Times New Roman, serif;
        color: #1C3E7B;
        margin-bottom: 100px;
        text-decoration: none;

  }
  #contenoticias .tituloini{
        font: bold 13px Arial, Times New Roman, serif;
        color: #1C3E7B;
        margin-bottom: 100px;
        text-decoration: none;

  }
   /*Para el Iniio*/
   #conteinicio .vermas a{
        font: normal 11px Arial, Times New Roman, serif;
        color: #213C60;
     padding-left: 15px;
     background-image: url(imagenes/icomas.gif);
     background-repeat: no-repeat;
     background-position: left center;
    text-decoration: none;
   }
     #conteinicio  .vermas a:hover{
      text-decoration: underline;
  }
 #contenoticias .resumenini{
         font: normal 11px Arial, Times New Roman, serif;
        color: #000;
        margin-bottom: 10px;
        margin-top: 10px
 }
  #contenoticias  .vermas a{
        float: left;
        font: normal 11px Arial, Times New Roman, serif;
        color: #213C60;
        text-decoration: none;

     padding-left: 15px;
     background-image: url(imagenes/icomas.gif);
     background-repeat: no-repeat;
     background-position: left center;


  }
  #contenoticias  .vermas a:hover{
      text-decoration: underline;
  }


  #situacion{
       position: relative;
       float: left;
       margin-top: 17px;
       width: 360px;
       height: 220px;
       background-color:#F9FAFF;
      border-width: 0px 5px 1px 0px;
      border-style: solid;
      border-color: #fff;


  }


  #situacion h3{
      position: relative;
       font: bold 12px Arial, Times New Roman, serif;
       color: #fff;
       padding-left: 10px;
       background-color: #003466;
       line-height: 23px;
       background-image: url(imagenes/fondo2.jpg);
       background-repeat: no-repeat;
       background-position: left top;
       padding-left: 25px;
       padding-top: 2px;
       margin-bottom: 1px;
  }
  #situacion h4{
       font: bold 13px Arial, Times New Roman, serif;
       color: #003466;
       padding-left: 0px;
       text-align: right;
       padding-right: 15px;
       background-color: #6093C2;
       line-height: 20px;
       border-width: 0px 0px 2px 0px;
       border-style: solid;
       border-color: #fff;
       z-index; 5;

  }

  #situacion .enlacesituacion a{
       font: bold 10px Arial, Times New Roman, serif;
       color: #003466;
       line-height: 20px;
       margin-left: 298px;
       text-decoration: none;
  }

  #situacion .enlacesituacion a:hover{
       text-decoration: underline;
  }
  #situacion ul{

    margin: 0px;
    background-color: #EFF1FC;
    text-decoration: none;
    list-style: none;
  }
  #situacion ul li, #situacion ul li a
  {
      margin: 0px;
      padding-left: 0px;
      padding-top: 5px;
      padding-bottom: 0px;
      font: normal 11px Arial, Times New Roman, serif;
      color: #003466;
      background-color: #EFF1FC;
      border: 0px;
      text-decoration: none;
      margin-top: 2px;
      margin-bottom: 5px;
  }
  #situacion .titulonave{
      font: bold 11px Arial, Times New Roman, serif;
      color: #003466;
      padding: 0px 5px 0px 5px;
  }


  #conteclima{
   margin-top: 20px;
    background-color:#F9FAFF;
  }
  #conteclima img{
     padding: 0px;
     margin: 5px 0px 5px 5px;
padding-left: 25px;
background-color: #F9FAFF;
  }


  #conteclima h4{

       font: bold 12px Arial, Times New Roman, serif;
       color: #fff;
       background-color: #003466;
       text-indent: 10px;
       line-height: 20px;
      background-image: url(imagenes/fondo2.jpg);
       background-repeat: no-repeat;
      background-position: 388px 0px;
      margin-bottom: 1px;
  }
  #conteclima .textoclima, #conteclima .textoclima a{
       font: bold 10px Arial, Times New Roman, serif;
       color: #003466;
       line-height: 20px;
       margin-left: 25px;
  }


  #bannersmedio {
    margin-top: 20px;
  }
  #bannersmedio img{
     padding: 0px;
     margin: 5px 0px 5px 8px;
  }

  #nivelproteccion h3{
       font: bold 12px Arial, Times New Roman, serif;
       color: #fff;
       background-color: #003466;
       padding-left: 10px;
       text-indent: 10px;

  }


  #nivelproteccion{


  }
   #conteatracadas{
      display: block;
   }
   #conteporllegar{
      display: block;
   }


  /* Para la Impresion*/

  #accionex{
          position: absolute;
          top: 84px;
          left: 560px;
        font: normal 11px Arial, Times New Roman, serif;
        color: #213C60;
        text-decoration: none;
        padding-top: 3px;
  }
  #accionex a{
        font: normal 11px Arial, Times New Roman, serif;
        color: #213C60;
        text-decoration: none;
        background-image: url(imagenes/ico-impresora.gif);
        background-repeat: no-repeat;
        padding-left: 28px;
        padding-top: 5px;
  }
  #accionex2{
          position: absolute;
          top: 84px;
          left: 490px;
        font: normal 11px Arial, Times New Roman, serif;
        color: #213C60;
        text-decoration: none;
        padding-top: 3px;
  }
  #accionex2 a{
        font: normal 11px Arial, Times New Roman, serif;
        color: #213C60;
        text-decoration: none;
        background-image: url(imagenes/iconexel.jpg);
        background-repeat: no-repeat;
        background-position: left bottom;

        padding-left: 28px;
        padding-top: 5px;
  }


    /*Para Galeria */

  #listagaleria{
      font: normal 11px Arial, Times New Roman, serif;
      color: #fff ;
      text-align: left;
      padding-top: 5px;
      padding-bottom: 5px;

   }

  #listagaleria ul{
        margin: 0;
        padding: 0;
        list-style: none;

  }
  #listagaleria ul li {

        padding-bottom: 15px;
        padding-top: 8px;
        border-bottom: 1px solid #ccc;
        display: block;
  }
  #listagaleria ul li a{
        font: bold 13px Arial, Times New Roman, serif;
        color: #213C60;
        text-decoration: none;
        background-image: url(imagenes/icosubtitulo.gif);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 10px;
        line-height: 25px;

  }
  #listagaleria .textogaleria{
        float: left;
        font: normal 11px Arial, Times New Roman, serif;
        color: #213C60;
        padding-left: 10px;
  }


  #listagaleria  .vermas a{
        float: left;
        font: normal 11px Arial, Times New Roman, serif;
        color: #213C60;
        text-decoration: none;
        margin-left: 20px;
        background-image: url(imagenes/icovermas.jpg);
        background-repeat: no-repeat;
        background-position: left center;


  }
  #listagaleria  .vermas a:hover{
      text-decoration: underline;
  }



  /*Para Galeria Lista Imagenes */

  #listaimagenes{
      font: normal 11px Arial, Times New Roman, serif;
      color: #fff ;
      text-align: left;
      padding-top: 5px;
      padding-bottom: 5px;

   }

  #listaimagenes ul{
        margin: 0;
        padding: 0;
        list-style: none;

  }
  #listaimagenes ul li {

        padding-bottom: 15px;
        padding-top: 8px;
        border-bottom: 1px solid #ccc;
        display: block;

  }
  #listaimagenes ul li a{
        font: bold 13px Arial, Times New Roman, serif;
        color: #213C60;
        text-decoration: none;
        padding-left: 0px;
        line-height: 25px;


  }
  #listaimagenes .imaggaleria{

         width: 200px;
  }
  #listaimagenes img{
        padding: 0;
        border: 2px;
        border-color:  #213C60;
  }

  #listaimagenes .titfoto{
        float: left;
          font: bold 12px Arial, Times New Roman, serif;
        color: #213C60;
  }
  #listaimagenes .textofoto{


        font: normal 12px Arial, Times New Roman, serif;
        color: #213C60;
        margin-left: 15px;

  }
     /*Para Galeria Muestra Imagen */

  #muestraimagen{
      font: normal 11px Arial, Times New Roman, serif;
      color: #213C60;
      text-align: left;
      padding-top: 15px;
      padding-bottom: 5px;

   }
   #muestraimagen .nombregaleria,    #muestraimagen .nombregaleria a{

      font: bold 13px Arial, Times New Roman, serif;
      color: #213C60;
      text-decoration:none;
   }
   #muestraimagen .imagengaleria img{
         padding: 2px 2px 2px 2px;
         width: 95%;
         background-image: none;
         border: 0px;

   }
   #muestraimagen .tituloimagen{

         font: bold 12px Arial, Times New Roman, serif;
         margin-top: 20px;
   }
   #muestraimagen .textoimagen{
         font: normal 12px Arial, Times New Roman, serif;
         margin-top: 20px;
         margin-bottom: 50px;
   }

   #muestraimagen .enlacesimagen{
         line-height: 40px;

   }

   #muestraimagen .imagsiguiente, #muestraimagen .imagsiguiente a{
         font: bold 11px Arial, Times New Roman, serif;
        text-decoration: none;
        background-image: url(imagenes/icoimagsiguiente.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 20px;
        margin-left: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #213C60;

   }
   #muestraimagen .imaganterior,  #muestraimagen .imaganterior a{
         font: bold 11px Arial, Times New Roman, serif;
         margin-top: 20px;
        text-decoration: none;
        background-image: url(imagenes/icoimaganterior.jpg);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 23px;
        padding-top: 5px;
        padding-bottom: 5px;
        color: #213C60;
   }
   #muestraimagen .imaganterior:hover {
        text-decoration: underline;
   }
   #muestraimagen .imagsiguiente:hover {
        text-decoration: underline;
   }

 /*Para el Mapa del Sitio */

 /* Para el Menu Principal */
  #mapanav{
list-style: none;
}

  #mapanav ul {
     padding:0;
     margin:0;
     width:189px;
     overflow:visible;
     position:absolute;
    list-style: none;
  }

  #mapanav li {
     position: relative;
     width: 189px;
     display:block;
     min-height:1.8em;
     margin:0;
  }
  #mapanav ul li{


  }

  #mapanav li{

  }
  #mapanav li:last-child{}

  #mapanav a {
     text-decoration:none;
     display:block;
     padding: 6px 0 6px 0px;
     margin:0 0 0 0;
     width:159px;
     font: normal 12px Arial, Times New Roman, serif;
     color: #223D5E;
     padding-left: 15px;
     background-image: url(imagenes/icopagina.jpg);
     background-repeat: no-repeat;
     background-position: left center;

  }
  #mapanav a:hover{
         text-decoration: underline;
  }

  #mapanav ul, #vertnav ul ul, #mapanav ul ul ul,#mapanav ul ul ul ul,#mapanav ul ul ul ul ul{
      display:block;
      position:relative;
      top:0;
      left:100px;
      width: 189px;
    list-style: none;

  }

  #mapanav li:hover ul ul, #mapanav li:hover ul ul ul, #mapanav li:hover ul ul ul ul, #mapanav li:hover ul ul ul ul ul{
      display:block;
  }

  #mapanav li:hover ul, #mapanav ul li:hover ul, #mapanav ul ul li:hover ul, #mapanav ul ul ul li:hover ul, #mapanav ul ul ul ul li:hover ul{
      display:block;
      background-color: #fff;
      top: 0px;


  }

  li>ul {
          top: auto;
          left: auto;
  }

/*
  * html #mapanav li{float:left;}

*/
  /*Para la Seccion de Contactos -Quienes somos*/


  #zonaconte .grupocontacto{
         margin-left: 50px;
          background-color: #CAF4FF;
          height: 180px;
          width: 500px;
  }

  #zonast{
          margin-left: -39px;
  }

  #zonaframsituacion{
       margin-left: -22px; 
  }






#divpop{
	position: absolute;
	height: 159px;
	width: 338px;
	z-index: 100;
	background-color:#36577A;
	border: 1px solid #fff;
	top: 398px;
	left: 650px;
	float:left;
}
#imagdivpop{
	position: relative;
	background-color:#36577A;
	height: 159px;
	width: 338px;
}
#imagdivpop img{
	position: relative;
	border: 0px solid #000;
}
#popcerrar{
	position: absolute;
	text-align: right	;
	width: 100%;
	height: 16px;
	top: 0px;
	left: 0px;
	z-index: 101;
	background-color:#26223D;

}
#popcerrar a{
	position: relative;
	color:#FFFFFF;
	text-decoration: none;
	padding: 0 5px 0 0;

}
#popcerrar a:hover{
	color: #00FF00;
}




#divpop2{
	position: absolute;
	height: 171px;
	width: 338px;
	z-index: 100;
	background-color:#36577A;
	border: 1px solid #fff;
	top: 220px;
	left: 650px;
	float:left;
}
#imagdivpop2{
	position: relative;
	background-color:#36577A;
	height: 159px;
	width: 338px;
}
#imagdivpop2 img{
	position: relative;
	border: 0px solid #000;
}
#popcerrar2{
	position: absolute;
	text-align: right	;
	width: 100%;
	height: 16px;
	top: 0px;
	left: 0px;
	z-index: 101;
	background-color:#000;

}
#popcerrar2 a{
	position: relative;
	color:#FFFFFF;
	text-decoration: none;
	padding: 0 5px 0 0;

}
#popcerrar2 a:hover{
	color: #00FF00;
}