/* ---------------------------- */
/*   Maquetacion de la pagina   */
/* ---------------------------- */


body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	color: #676767;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	text-align: center;
	font-size:100%;
}


/* Engloba a todo */
#pagina{
	width: 1000px;
	background-color: #FFFFFF;
	text-align: left;
	margin: 0px auto 0px auto;
   padding: 0px;  
}

p {
	margin: 0px;
	padding: 0px;
}


.negrita {
	font-weight: bold;
}


.flotaDcha {
	float: right;
}

.flotaIzq {
	float:left;
}

.clear {
	clear:both;
}

.aDerecha{
   text-align: right;
}

.aCentrada{
   text-align: center;
}


.margenInf25{
   margin-bottom: 25px;
}

.margenSup25{
   margin-top: 25px;
}

.margenSup10{
   margin-top: 10px;
}

.margenInf10{
   margin-bottom: 10px;
}

.margenDcha20{
   margin-right: 20px;
}

.ancho30{
   width: 40px;   
}

.ancho60{
   width: 60px;   
}

.ancho100{
   width: 160px;   
}


.ancho130{
   width: 130px;   
}


.ancho300{
   width: 300px;   
}

.ancho350{
   width: 350px;   
}


.ancho600{
   width: 600px;   
}

.anchoTotal{
   width: 100%;
}

.sinBorde{
   border: none;
}

/* ------------------------------------------------------------- */
/*                  Para la cabecera de la pagina                */
/* ------------------------------------------------------------- */

#cabecera{
   width: 1000px;
   height: 296px;
   background-image: url(/imagenes/fCabecera.jpg);
}

   #logo{
      float: left;
      width: 260px;
      text-align: center;
   }
   
   #logo img{
       width: 241px;
       height: 227px;
       border: none;
       margin-top: 20px;
   }

   #registro{
      width: 220px;
      float: left;
      margin: 25px 0px 0px 20px;
   }   
     
     #registro p{
        color: #09548D;
        font-size: 15px;
        margin: 5px 0px 5px 0px;
     }
     
     #registro .enlace{
        color: #09548D;
        font-size: 11px;
        text-decoration: none;
     }
     
     #registro .enlace:hover{
        color: #ffffff;
        text-decoration: underline;
     }
     
     #registro .input{
        border-top: 1px solid #404040;
        border-left: 1px solid #404040;
        border-bottom: 1px solid #D6CFC9;
        border-right: 1px solid #D6CFC9;
        width: 145px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
     }
     
     #registro .btForm{
        position: absolute;
        margin: -50px 0px 0px 170px;
        text-align: right;
     }
     
     #registro .boton{
        border: none;
        width: 206px;
        height: 47px;
        margin-top: 5px;
     }
     
     #registro .errorId{
       border: 1px solid #ffffff;
       background-color: #BEE2F8;
       background-image: url(/imagenes/exclamacion.png);
       background-repeat: no-repeat;
       background-position: 5px 5px;
       padding: 5px 5px 5px 25px;
       color: #ffffff;
       font-size: 14px;
     }
     
     #registro .enlaces {
        font-size: 11px;
     }
     
     #registro .enlaces a{
        font-size: 11px;
        color: #09548D;
        text-decoration: none;
     }
     
     #registro .enlaces a:hover{
        text-decoration: underline;
     }
     
     p.eEmpresa a{
        color: #09548D;
        font-style: italic;
        text-decoration: none;
     }
     
     p.eEmpresa a:hover{
        text-decoration: underline;
     }
     
     #registro p.titEmpresa{
        color: #ffffff;
        font-weight: bold;
        margin-bottom: 10px;
     }     
     
   #menuSup{
      width: 485px;
      margin: 5px 0px 0px 0px;  
      padding-right: 10px;
      text-align: right;  
      font-size: 15px;
      font-weight: bold;  
      float: right;
   }
   
   #menuSup a{
      color: #616161;
      text-decoration: none;
   }
   
   #menuSup a:hover{
      text-decoration: underline;
      color: #ffffff;
   }
   
   #menuSup p{
      font-size: 16px;
      margin-top: 8px;
   }
   
   #menuSup span.blanco{
      color: #ffffff;
   }
   
   #lema{
     color: #0083c7;         
     font-size: 18px;
     font-weight: bold;
     float: right;
     text-align: right;
     margin: 8px 10px 0px 0px;
   }

   #lema span{
     font-size: 16px;
     font-weight: normal;
   }   

#imgPral{
  width: 485px;
  height: 220px;
  float: right;
}

#imgPral img{
  width: 485px;
  height: 220px;
}



#tituloPral{
   position: absolute;
   margin: -51px 0px 0px 285px;
}

#tituloPral .esqIzq{
   float:left;   
   width: 14px;
   height: 51px;
}
 
#tituloPral .esqDcha{
   float:left;   
   width: 14px;
   height: 51px;
}

#tituloPral .titulo{
   float: left;
   border-top: 1px solid #ffffff;
   border-bottom: none;
   background-color: #E4F2FB;
   font-size: 24px;
   font-weight: bold;
   color: #DF0053;
   padding: 10px 15px 10px 15px;
   filter:alpha(opacity=80);
   opacity: 0.8;
}
   

/* ------------------------------------------------------------- */
/*                  Parte central de la pagina                   */
/* ------------------------------------------------------------- */
#central{
   clear: both;
   width: 1000px;
   background: url(/imagenes/fContenido.jpg) repeat-x;
   /*height: 81px;*/
   padding-top: 10px;
   /* estas dos lineas son necesarias para que el pie se coloque bien en IE7*/
   height: 100%;
   overflow: auto;
}
	
#colIzq{
   width: 230px;
   float: left;
   padding-top: 45px;
}   	

#menuLat{
   border-right: 1px solid #EBEBEB;
}

#menuLat div.nivel1, #menuLat div.nivel2, #menuLat div.nivel3, #menuLat div.nivel4{
   border-bottom: 1px solid #EBEBEB;
   padding: 10px 0px 10px 30px;   
}


#menuLat div.nivel1{
   background: url(/imagenes/degMenu.jpg);   
}

#menuLat div.nivel1 a{
   font-size: 14px;
   color: #363636;
   text-decoration: none;

}

#menuLat div.nivel1 a:hover{
   color: #E10057;
}

#menuLat div.nivel2{
   background-color: #F4F4F4;
}

#menuLat div.nivel2 a{
   font-size: 12px;
   color: #646464;
   text-decoration: none;
   background-image: url(/imagenes/punto.gif);
   background-repeat: no-repeat;
   background-position: 0px 3px;
   padding-left: 12px;
}

#menuLat div.nivel2 a:hover{
  text-decoration: underline;
}

#menuLat div.nivel3{
   background-color: #FFFFFFF;
}

#menuLat div.nivel3 a{
   font-size: 12px;
   color: #666666;
   text-decoration: none;
   background-image: url(/imagenes/rayita.gif);
   background-repeat: no-repeat;
   background-position: 10px 7px;
   padding-left: 16px;
}

#menuLat div.nivel3 a:hover{
  text-decoration: underline;
}


#menuLat div.nivel4{
   background-color: #FFFFFFF;
}

#menuLat div.nivel4 a{
   font-size: 12px;
   color: #9B9B9B;
   text-decoration: none;
   padding-left: 16px;
}

#menuLat div.nivel4 a:hover{
  text-decoration: underline;
}

#bajoMenuLat{
	padding: 3px;
	margin: 15px 0px 5px 0px;
	font-size: 12px;
}

#bajoMenuLat p.separador{
	margin: 0px 0px 10px 0px;
}

#bajoMenuLat img{
	border: none;
}


#menuPrivado{
   border-right: 1px solid #EBEBEB;
}

#menuPrivado div.nivel1, #menuPrivado div.nivel2 {
   border-bottom: 1px solid #EBEBEB;
   padding: 10px 0px 10px 30px;   

}

#menuPrivado div.nivel1 {
   background: url(/imagenes/degMenuP.jpg);      
}

   
#menuPrivado div.nivel2 {
   background-color: #F3FBFE;      
}


#menuPrivado div.nivel1 a{
   font-size: 14px;
   color: #09548D;
   text-decoration: none;
}

#menuPrivado div.nivel2 a{
   font-size: 12px;
   color: #09548D;
   text-decoration: none;
   background-image: url(/imagenes/punto2.gif);
   background-repeat: no-repeat;
   background-position: 0px 3px;
   padding-left: 12px;
}


#menuPrivado div.nivel1 a:hover, #menuPrivado div.nivel2 a:hover{
   text-decoration: underline;
}

#colDcha{
   width: 770px;
   float: right;
   padding-top: 45px;
}   	

#contenido{
   padding: 0px 15px 20px 35px;
   font-size: 12px;
   color: #676767;
   text-align: justify;
}

#contenido a{
   color: #DF0053;
   text-decoration: none;
}

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

#contenido h1{
   font-size: 18px;
   color: #DF0053;
   font-weight: normal;
   margin-top: 20px;
   background-image: url(/imagenes/fH1.jpg);
   background-repeat: repeat-x;
   background-position: 0px 25px;
   padding-bottom: 30px;
}

#contenido h2{
   font-size: 15px;
   color: #DF0053;
   font-weight: normal;
   margin-top: 15px;
}


#contenido .fecha{
   font-size: 11px;
   font-weight: bold;
   margin-bottom: 10px;
}

#contenido ul{
  margin: 0px 0px 0px 15px;
  padding: 0px;  
}

#contenido li{
   margin-bottom: 10px;
   list-style-type: disc;
   margin-left: 5px;
}


/* ------------------------------------------------------------- */
/*                  Para el pie de la pagina                     */
/* ------------------------------------------------------------- */
#pie{
   clear: both;
   width: 1000px;
   background-image: url(/imagenes/fPie.jpg);
   background-repeat: repeat-x;
   background-position: 0px 0px;
   text-align: center;
   color: #646464;
   font-size: 12px;
   padding: 50px 0px 10px 0px;
   margin-top: 0px;
}


#pie a{
   color: #646464;
   text-decoration: none;
}

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

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


/* SGC */

   
.indicePaginas {
   padding: 0px 0px 20px 0px;
   clear: both;
   height:auto;
   overflow:auto;   
}
	
.indicePaginas a{
   font-size: 15px;
}

.indicePaginas img{
   padding-right: 5px;
}
   
.resumenPagina {
	padding: 5px 0px 0px 0px;
}

.resumenPagina p{
   padding: 0px;
   margin: 0px;
}

.destacado1{
   color: #DF0053;
   font-weight: bold;
   font-size: 15px;
}

.destacado2{
   color: #DF0053;
   font-size: 14px;
}

.destacado3{
	color: #AECD21;
	font-size: 12px;
}

.destacado4{
	color: #AECD21;
	font-size: 14px;
}

.destacado5{
	color: #0083C7;
	font-size: 12px;
}

.destacado6{
	color: #0083C7;
	font-size: 14px;
}



/* ----------------------------- */
/*        CAMINO                 */
/* ----------------------------- */


#camino {
	padding:0px;
   margin-top: 10px;
	font-size: 11px;
	font-weight: normal;
	color: #B1B1B1;
}

#camino a.parteCamino {
	color: #B1B1B1;
	text-decoration: none;
}

#camino a.parteCaminoFin {
	color: #676767;
	text-decoration: none;
}


#camino a.parteCamino:hover, #camino a.parteCaminoFin:hover {
	text-decoration: underline;
}



#camino span{
   padding: 0px 5px 0px 5px;
}

#camino .volver{
   float: right;
}

/* ----------------------------- */
/*        FIN CAMINO             */
/* ----------------------------- */


/* ----------------------------- */
/*        BLOQUES                */
/* ----------------------------- */


.bloques {
   margin-top: 15px;
   float: right;
   clear: both;
}


.flechaBloque {
	float: left;
}

	img.flecha {
		width: auto;
		height: 14px;
      border: none;
      margin-right: 5px;
	}


.interiorBloques {
	padding-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
}


.bloqueActual {
	font-size: 14px;
	font-weight: bold;
	color: #676767;
}

#contenido a.enlaceBloques {
	font-size: 14px;
	color: #676767;
	text-decoration: none;
}

#contenido a.enlaceBloques:hover {
	color: #4EB7F9;
	text-decoration: underline;
}

#contenido img{
   border: none;
}

/* ----------------------------- */
/*        FIN BLOQUES            */
/* ----------------------------- */



/* ----------------------------- */
/*        PARA LAS FOTOS         */
/* ----------------------------- */


.arc90_imgcaptionTXT {
	font-size: 11px;
   color: #DF0053;
	text-align: left;
   padding: 3px 0px 0px 0px;
}

p.arc90_imgcaptionALT {
   display: none; /*no queremos que se muestre el alt*/
}

span.arc90_imgcaptionALT {
}

.arc90_imgcaption {
	text-align: center;
	background-color: #FFFFFF;
	border: none;
	padding: 5px;
   margin-top: 0px;
   margin-bottom: 0px;
   position: relative;
   z-index: 2;
}

.floatl { float: left; margin-right: 10px; }
.floatr { float: right; margin-left: 10px; }


/*para las imagenes sin pie*/
.imagenIzq, .imagenDcha { 
   margin-top: 0px;
   margin-bottom: 0px;
   z-index: 2;
   padding: 5px;
 }

.imagenIzq { 
   float: left; 
   margin-right: 10px;
 }
 
.imagenDcha { 
   float: right; 
   margin-left: 10px;
 }
 


/* Mapa web */

div.mapaWebNivel1{
   padding: 5px 5px 5px 0px;   
   margin-top: 5px;
   margin-bottom: 1px;
   
}

div.mapaWebNivel2{
   padding: 5px 5px 5px 20px;   
   margin-top: 1px;
   margin-bottom: 1px;
}

div.mapaWebNivel3{
   padding: 5px 5px 5px 30px;   
   margin-top: 1px;
   margin-bottom: 1px;
}

div.mapaWebNivel4{
   padding-top: 5px;
   padding-bottom: 5px;
   padding-right: 5px;
   /* el padding-left depende el nivel, ya que esta clase sirve del
   nivel 4 en adelante*/
   /*padding-left: 40px;*/
   margin-top: 1px;
   margin-bottom: 1px;
}



div.mapaWebNivel1 a {
   text-decoration: none;
   font-size: 15px;   
   font-weight: bold;
}

div.mapaWebNivel2 a, div.mapaWebNivel3 a, div.mapaWebNivel4 a {
   text-decoration: none;
   font-size: 12px;   
}


div.mapaWebNivel2 a{
   font-weight: bold;
}

div.mapaWebNivel3 a{
}


div.mapaWebNivel1 a:hover, div.mapaWebNivel2 a:hover, div.mapaWebNivel3 a:hover, div.mapaWebNivel4 a:hover{
   text-decoration: underline;
}

/* fin Mapa web */  


/* Formularios */
#dForm{
   background-image: url(/imagenes/fForm.jpg);
   background-repeat: no-repeat;
   background-position: 100% 100%;
   margin-top: 25px;
}

#dFormSMS{
   background-image: url(/imagenes/fFormSMS.jpg);
   background-repeat: no-repeat;
   background-position: 100% 0%;
   margin-top: 25px;
   width: 735px;
   height: 170px;
   padding-bottom: 40px;
}

#dForm span.titulo, #dFormSMS span.titulo{
   padding-right: 10px;
}

#dForm span.titulo2{
   padding-left: 10px;
   padding-right: 5px;
}

#dForm span.titulo3{
   padding-left: 33px;
   padding-right: 5px;   
}

#dForm span.txt{
   color: #000000;
}



#dForm .input, #dFormSMS .input, .input{
   border-top: 1px solid #404040;
   border-left: 1px solid #404040;
   border-bottom: 1px solid #D6CFC9;
   border-right: 1px solid #D6CFC9;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

#dForm .separador1{
   margin-right: 25px;   
}

#dForm .separador2{
   margin-right: 8px;   
}

#dForm .separador3{
   margin-right: 35px;   
}

#dForm p, #dFormSMS p{
   margin-bottom: 25px;
}

#dForm p.dir{
   margin: 20px 0px 5px 0px;
}


.estiloF1{
  width: 520px;
  padding-bottom: 40px;
}


#dForm .ancho1{
   width: 135px;
}

#dForm .ancho2{
   width: 215px;
}

#dForm .ancho3{
   width: 140px;
}

#dForm .ancho4{
   width: 250px;
}


#dForm .ancho5{
   width: 520px;
}

#dForm .ancho6{
   width: 378px;
}

#dForm .ancho7{
   width: 188px;
}


#dForm .tArea1{
   width: 520px;
   height: 100px;
   margin-top: 5px;
}

#dForm .tArea2{
   width: 520px;
   height: 200px;
   margin-top: 5px;
}

#dForm .tArea3{
   width: 700px;
   height: 120px;
   margin-top: 5px;
}

#dForm .tArea4{
   width: 520px;
   height: 40px;
   margin-top: 5px;
}


#dForm .boton{
   text-align: right;
   margin: 20px 5px 0px 0px;
}

#dFormSMS .boton{
   text-align: right;
   margin: 35px 10px 0px 0px;
}


#dForm .aviso, .aviso{
   border: 1px solid #BBBBBB;
   background-color: #F3F3F3;
   color: #676767;
   margin-top: 0px;
   margin-bottom: 25px;
   padding: 10px 25px 5px 25px;
   background-image: url(/imagenes/punto.png);
   background-repeat: no-repeat;
   background-position: 15px 13px;
}

.infoPrecio{
   width: 100%;
   margin-bottom: 10px;
}

.fCompra{
   display: inline;
   margin-right: 15px;
}

.infoPrecio img{
   vertical-align: middle; 
   margin-right: 5px;
} 
 
#dForm ul{
   margin-bottom: 20px;
} 
     
#dForm li{
   margin: 3px;
}     


/* fin formularios */  


#infoMisConsultas{
   margin-bottom: 5px;
}

.procesando{
   color: #DF0053;
   font-size: 12px;
   padding-left: 10px;
}

#detalleConsulta, #detalleChat{
  margin-top: 15px;   
}

#detalleChat{
   height: 300px;
   overflow: auto;
   padding-right: 15px;
}

#detalleConsulta .respuesta{
   border: 1px solid #E7E7E7;
   margin: 10px 0px 10px 0px;
   background-color: #f8f8f8;
   padding: 5px;
}

#pasos{
   height: 24px;
   line-height: 24px;
   margin-bottom: 25px;
}

#pasos .noActual{
   color: #C2C2C2;
}

#pasos img{
   padding: 0px 5px 0px 0px;
   width: 24px;
   height: 24px;
}

#tabla{
   border-collapse: collapse;
   margin-bottom: 5px;
}

#tabla td{
   padding: 5px;
}

#tabla td.titulo, #tabla td.tituloB{
   background-color: #E9E9E9;
   color: #737373;
   border-bottom: 5px solid #ffffff;    
}

#tabla td.titulo{
   border-right: 5px solid #ffffff;   

}

#tabla td.claro{
   background-color: #FDFDFD;
}

#tabla td.oscuro{
   background-color: #F8F8F8;
}

#tabla a{
   background-image: url(/imagenes/fBoton.jpg);
   background-repeat: repeat-x; 
   color: #737373;
   padding: 3px 10px 3px 10px;
   text-decoration: none;
}

#tabla a:hover{
   border: 1px solid #737373;
   text-decoration: none; 
}

#bloques{
   background-color: #F8F8F8;
   width: 705px;
   height: 25px;
   line-height: 25px;
   padding-left: 15px;
}

#bloques .actual{
   color: #DF0053;
}

#bloques a{
   color: #737373;
}

/*#contenArticulos{
   border: 1px solid black;
}*/

#contenArticulos .dIzq, #contenArticulos .dDcha{
   background-image: url(/imagenes/fArtPDF.jpg);
   background-repeat: repeat-x; 
   background-position: 0px 0px;
   background-color: #AFD9F2;
   margin-bottom: 15px;
}

#contenArticulos .dIzq{
  float: left;
  width: 350px;
  clear: left;
}

#contenArticulos .dDcha{
  float: right;
  width: 350px;  
  clear: right;
}

#contenArticulos .desc{
   background-color: #D2E9F9;
   padding: 10px;
}

#contenArticulos .titulo{
   font-size: 16px;
   color: #DF0053;
   padding: 10px;
   width: 220px;
   background-color: #E6F3FB;
   margin-left: 10px;
}

#contenArticulos .precio{
   font-size: 24px;
   font-weight: bold;
   color: #DF0053;   
   float: right;
   padding-right: 5px;
}

#contenArticulos .opciones{
   margin: 5px 0px 0px 0px;
   background-image: url(/imagenes/lArtPDF.png);
   background-repeat: repeat-x;
   padding: 5px 10px 0px 10px;
   height: 45px;
   line-height: 45px;
     
}

#contenArticulos .verOcultar{
   margin: 5px 5px 10px 10px;
}

#contenArticulos .verOcultar a.ver, #contenArticulos .verOcultar a.ocultar{
   color: #666666;
   background-image: url(/imagenes/fl2ArtPDF.png);
   background-repeat: no-repeat;
   background-position: 0px 2px;
   padding-left: 18px;
   font-weight: bold;
}

#contenArticulos .verOcultar a.ver{
   background-image: url(/imagenes/fl2ArtPDF.png);
}

#contenArticulos .verOcultar a.ocultar
{
   background-image: url(/imagenes/fl1ArtPDF.png);
}


#contenArticulos .anadir, #contenArticulos .anadido{
   float: left;
   height: 45px;
   line-height: 45px;
}

#contenArticulos .anadir{
   width: 140px;
}

#contenArticulos .anadido{
    width: 215px;
}

#contenArticulos .anadido img{
   float: right;
   margin-left: 5px;
}



#contenArticulos .anadir a{
   color: #666666;
   background-image: url(/imagenes/carritoOff.png);
   background-repeat: no-repeat;
   background-position: 100% -5px;
   padding: 10px 40px 25px 0px;
   font-weight: bold;
}

#contenArticulos .sms{
   float: right;
   height: 45px;
   line-height: 45px;
   text-align: left;
   width: 150px;
}

#contenArticulos .sms a{
   color: #666666;
   background-image: url(/imagenes/smsOff.png);
   background-repeat: no-repeat;
   background-position: 100% -5px;
   padding: 10px 40px 25px 0px;
   font-weight: bold;
}

#contenArticulos .precioSMS{
   float: right;
   line-height: 20px; 
   margin: 0px;
   padding:0px;
}

#contenArticulos .precioSMS span{
   color: #df0053;
}
   

#tipoPago{
   float: left;
   margin-right: 20px;
}


div.autocomplete {
  position: absolute;
  width: 250px;
  height: 150px;
  overflow: auto;
  background-color: #fff;
  color: #000000;
  border: 1px solid #888;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  font-weight: normal;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.autocomplete ul li.selected {
   background-color: #F0F0F0; 
}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin: 0px;
  padding:2px;
  cursor:pointer;
  font-size: 12px;
}


/* Directorio de recursos */
#buscadorDr{
   background-image: url(/imagenes/directorio/fondoBuscador.jpg);
   background-repeat: repeat-x;
   background-position: 0px 98%;
   height: 80px;
}


#buscadorDr .titulo{
   color: #DF0053;
   font-weight: bold;
   font-size: 15px;
   background-image: url(/imagenes/directorio/fondoTitBuscador.jpg);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   padding-left: 3px;
   height: 23px;
   line-height: 23px;
}

#buscadorDr .parametros{
   margin: 15px 0px 0px 10px;
}

#buscadorDr .parametros select{
   color: #676767;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   margin: 0px 10px 0px 5px;
   width: 150px;
}

#buscadorDr .parametros option{
   margin-bottom: 5px;
}

#buscadorDr .boton{
   float: right;
   margin-right: 20px;
   margin-top: -5px;
}

* html #buscadorDr .boton{
   margin-top: -25px;
   margin-right: 10px;
}

#txtIdPais, #txtIdCiudad{
   display: inline;
}

.recurso{
   margin-top: 10px;
}

.margenRecurso{
   margin-left: 33px;
}

.recTitulo{
   color: #676767;
   font-weight: bold;
   font-size: 12px;
   background-image: url(/imagenes/directorio/fondoTitRecurso.jpg);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   padding-left: 7px;
   height: 23px;
   line-height: 23px;
}

.recTipo{
   font-weight: normal;
   float: right;
}


.recTexto{
   border: 1px solid #eeeeee;
   background-image: url(/imagenes/directorio/fondoDescRecurso.jpg);
   background-repeat: repeat-x;
   background-position: bottom;
   padding: 7px 7px 15px 7px;
   color: #676767;
   font-size: 12px;
   height: 100%;
   overflow: auto;
}

.recImg {
   float: left;
   width: 140px;
}

.recDesc{
   float: left;
}

.recDescAncB1{
   width: 700px;  
}
 
.recDescAncB2{
   width: 555px;  
}

.recDescAncL1{
   width: 665px;  
}
 
.recDescAncL2{
   width: 525px;  
}

.datos{
   margin-top: 5px;
   color: #df0053;
}


.enlace {
   margin-top: 10px;
}


.recSombraB, .recSombraL{
   background-image: url(/imagenes/directorio/sombraRecurso.jpg);
   background-repeat: repeat-x;
   width: 720px;
   height: 20px;
   margin-top: 3px;
}

.recSombraB{
   width: 720px;
}


.recSombraL{
   width: 665px;
}



.drNivel1{
   color: #DF0053;
   font-weight: bold;
   font-size: 15px;
   background-image: url(/imagenes/directorio/fondoNivel1.jpg);
   background-repeat: repeat-y;
   background-position: 30px 0px;
   padding-left: 35px;
   margin: 15px 0px 15px 0px;   
   line-height: 26px;
}


.letra{
   background-image: url(/imagenes/directorio/letra.jpg);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   float: left;
   margin-top: 15px;
   width: 25px;
   height: 25px;
   line-height: 23px;
   color: #ffffff;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
}

#contenido .drNivel1 h2{
   font-size: 15px;  
   font-weight: bold;
   display: inline;
}

#contenido .drNivel1 a.grande{
   font-size: 15px;
}


#contenido .drNivel1 a.peque{
   font-size: 13px;
}

#contenido .drNivel1 a.masPeque{
   font-size: 12px;
}


#contenido .drNivel1 img{
   margin: 0px 8px 0px 8px;
}

.drNivel2{
   margin: 5px 5px 5px 35px;
}

#contenido .drNivel2 a{
   color: #676767;
}


.drNivel2 span{
   color: #DF0053;
}

.drSubNivel1{
   background-image: url(/imagenes/directorio/fondoSubNivel1.jpg);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   margin-left: 30px;
   font-weight: bold;
   padding: 5px;
}

#contenido .drSubNivel1 a{
   color: #676767;
}

#contenido .drNivel2Oscuro, #contenido .drNivel2Claro{
   margin: 5px 0px 5px 30px;
   padding: 5px;
}

#contenido .drNivel2Oscuro{
   background-color: #F7F7F7;
}

#contenido .drNivel2Claro{
   background-color: #FFFFFF;
}

#contenido a.eBoton{
  border: 1px solid #e5e5e5;
  background-color: #e5e5e5;
  color: #656565;
  padding: 3px 5px 3px 5px;
  margin-right: 15px;
}

#contenido a.eBoton:hover{
  border-top: 1px solid #F0F0F0;
  border-left: 1px solid #F0F0F0;
  border-bottom: 1px solid #BDBDBD;
  border-right: 1px solid #BDBDBD;
  text-decoration: none;
}

#contenido .eBotonPos{
   float: right;
   margin-right: 200px;
}

#contenido .sinNegrita{
   font-weight: normal;
}

#anunciarse, #identificarse{
   float: right;
   background-image: url(/imagenes/directorio/btAnuncio.jpg);
   background-repeat: no-repeat;
   width: 195px;
   height: 31px;
   line-height: 31px;
   text-align: center;
   margin-top: 15px;
}

#identificarse{
   margin-left: 15px;
   clear: right;
}


#anunciarse a, #identificarse a{
   color: #003D6F;
}

#anunciarse a:hover, #identificarse a:hover,{
   color: #DF0053;
   text-decoration: none;
}

#contenido .enlacePunto{
   font-size: 12px;
   color: #646464;
   text-decoration: none;
   background-image: url(/imagenes/punto.gif);
   background-repeat: no-repeat;
   background-position: 0px 3px;
   padding-left: 12px;
}


#certificado {
	font-family: Arial, Helvetica, sans-serif; 
	font-size : 11px;
   width: 435px;
}

#pais1{
  width: 215px;
}

#provEsp{
   width: 160px;
}


#provOtro{
   width: 156px;
}

#pais2{
   width: 245px;
}

#ciudad{
   width: 245px;
}

/*#drIdEmpresa{
   border: 1px solid blue;
}*/


/*#drNuevaEmpresa{
   border: 1px solid red;
}*/


div.autocomplete {
  position:absolute;
  width:250px;
  height: 150px;
  overflow: auto;
  background-color: #fff;
  color: #000000;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  font-weight: normal;
}

#contenido div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.autocomplete ul li.selected {
   background-color: #F0F0F0; 
}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin: 0px;
  padding:2px;
  cursor:pointer;
  font-size: 12px;
}


#dForm .drCategorias{
	color: #424242;
	font-size: 12px;
	font-family: Helvetica;
   border-top: 1px solid #404040;
   border-left: 1px solid #404040;
   border-bottom: 1px solid #D6CFC9;
   border-right: 1px solid #D6CFC9;
   background-color: #ffffff;
   margin: 5px 0px 25px 0px;
   padding: 5px;
}

#dForm .drCategorias img{
   margin-right: 5px;
}

#dForm .drCategorias p{
   margin: 0px 0px 5px 0px;
   padding: 0px;
}


#cargandoLoc{
   margin: 5px 0px 20px 0px;
   font-size: 13px;
   border: 1px solid #DCDCDC;
   background-color: #F3F3F3;
   padding: 5px;
}

#cargandoLoc img{
   margin-right: 3px;
}

.imgInfo{
   float: left;
   width: 16px;
   height: 16px;
   margin: 0px 3px 3px 0px;
   cursor: pointer;
   
}


#btCreaPerfil{
  height: 32px; 
  line-height: 32px; 
  width:230px; 
  margin-top: 25px;  
}


#perfilIzq{
   width: 260px;
   float: left;
}

#perfilIzq .sinFoto{
   width: 250px;
   height: 250px;
   background-color: #F4F4F4;   
   border: 1px solid #EBEBEB;  
   text-align: center;
   line-height: 250px;
}


#perfilDcha{
   float: right;
   width: 455px;
}


#opcionesPerfil{
   margin-bottom: 15px;
   padding: 3px;
   width: 99%;
   color: #676767;
   font-size: 12px;
}

#opcionesPerfil a{
  color: #676767;
  font-size: 12px;
  text-decoration: none;
}

#opcionesPerfil a:hover{
   color: #DF0053;
}

#opcionesPerfil span{
   margin-left: 10px;
   margin-right: 10px;
}

#opcionesPerfil span.opciones{
   color: #DF0053;
   margin-left: 0px;
}


#perfiles{
}

#perfiles .unPerfil{
   float: left;
   width: 230px;
   margin-bottom: 20px;
}

#perfiles .nick, #perfilDcha .nick{
   background-image: url(/imagenes/redSocial/fondoNick.jpg);
   background-repeat: no-repeat;
   height: 22px;
   line-height: 22px;
   color: #DF0053;
   font-size: 13px;
   font-weight: bold;
   margin: 0px 0px 3px 0px;
   padding-left: 5px;
   width: 230px;
   overflow: hidden;
}

#perfiles .sexoM,  #perfiles .sexoF{
   width: 220px;
   height: 220px;
   overflow: hidden;
   text-align: center;
}


#perfiles .sexoM, #perfilIzq .sexoM img{
   border: 5px solid #d5effe;
}

#perfiles .sexoF, #perfilIzq .sexoF img{
   border: 5px solid #ffcade;
}

#perfiles .finFila{
  clear: both;  
}

#perfiles .separador{
   margin-right: 7px;
}

#perfiles .info{
   height: 60px;
   margin-top: 10px;
}