/* Fichero: public.css v1.0 10/07/2008
 * Media:			screen    Navegadores:		IE6, Mozilla 2, Konqueror X, Opera X, Camino	*/

body { margin:0px; padding:0px; font-family:Arial, Verdana, Helvetica, sans-serif; line-height:18px; font-size:12px; color:#333; text-align:center; background:#fff url(../img/fdo_web.gif) top left;}
hr { display: none; }
form legend   { display:none;}
form fieldset { border:none; margin:0; padding:0;}
input { background:#fff; font-size:11px; color:#000; font-family:Arial, Verdana, Helvetica, sans-serif;}
img { border:1px solid #2F3666;}

/* CAJAS GLOBALES */
#web-deco { padding-top:19px; background:transparent url(../img/fdo_pcab.gif) top left repeat-X;}
#web   { position:relative; margin:0px auto; text-align:left; width:980px; }
#cab   { height:99px; position:relative; width:100%; background:#EFF5FF url(../img/perfiles_especiales_peasa.jpg) 115px 0px no-repeat;}
#ctd   { clear:both; width:100%; background:#fff;}
#lat   { float:left; padding:0px 14px 20px 0px;  width:167px;}
#dts   { float:left; width:609px;}
#dts-int   { float:left; width:81%; _width:79%;}
#publi { float:right; width:166px;}
#pie   { clear:both; padding:10px 0px; background:#E3F0F8; color:#262C5E; font-size:10px; text-align:center; border-top:1px solid #081855;}
.ctd-padd { padding:7px 10px 10px 10px;}

/* ESTILOS  CABECERA */
#cab h1 { position:absolute; top:28px; left:16px; width:257px; height:60px; background:transparent url(../img/logo_peasa.gif) no-repeat; }
#cab h1 span {display:none;}
#cab h1 a { float:left; width:100%; height:100%; text-decoration:none; cursor:pointer;}
#cab h1 a:hover { text-decoration:none;}

#cab ul.nav-top    { float:right; margin-right:20px; padding-left:17px;  width:162px; height:22px; background:transparent url(../img/fdo_nav_top.gif) 0px 0px no-repeat;}
#cab ul.nav-top li { float:left; width:auto; padding-right:7px;}
#cab ul.nav-top li a { float:left; color:#FFF; font-size:10px; text-decoration:none; width:25px;}
#cab ul.nav-top li.opc-es { background:transparent url(../img/idiomas/es.gif) 0px 0px no-repeat; }
#cab ul.nav-top li.opc-en { padding-left:0px; background:transparent url(../img/idiomas/en.gif) 4px 0px no-repeat;}
#cab ul.nav-top li.opc-de { padding-left:0px; background:transparent url(../img/idiomas/al.gif) 8px 0px no-repeat; }
#cab ul.nav-top li.opc-fr { padding-left:0px; background:transparent url(../img/idiomas/fr.gif) 6px 0px no-repeat; } 

/* ESTILOS PARA EL PIE*/
#pie h4 { display:none; }
#pie ul { padding-top:5px;}
#pie ul li { display:inline; color:#262C5E; font-size:11px;}
#pie ul li a { color:#262C5E; font-size:11px; text-decoration:underline;}
#pie ul li a:hover { color:#000; text-decoration:underline;}
.pie-deco { position:absolute; z-index:10; bottom:59px; right:60px; width:109px; height:38px; /*background: url(../img/pie_deco.gif) no-repeat;*/}


/* ESTILOS PARA EL CONTENIDO Y DATOS */
#dts-int .c1   { float:left; width:595px; _width:575px;}
#dts-int .c2   { float:right; width:165px;}

#dts .c1 { float:left;}
#dts .c2 { float:right;}
#dts .c1, #dts .c2         { margin:5px 0px 50px 0px; width:294px; background:#fff url(../img/fdo_deg.gif) 0px 32px repeat-X;}
#dts .c1 div, #dts .c2 div { padding:5px 10px;}
#dts .c1 p, #dts .c2 p     { padding-bottom:5px; float:left; width:170px; line-height:14px;}

/*TITULOS*/
h2 {  margin-bottom:10px; width:100%; color:#FFF; font-size:18px; font-weight:bold; background:#262C5E;}
h2 span { display:block; padding:4px 10px 4px 7px; border-left:7px solid #52819F;}
h3 { margin:5px 0px; width:auto; color:#262C5E; font-size:14px; font-weight:bold;}
h4 { margin:5px 0px; width:auto; color:#C10435; font-size:12px; font-weight:bold; padding-left:10px; background: transparent url(../img/cuadro.gif) 0px 6px no-repeat;}
h5 { margin:5px 0px; width:auto; color:#333333; font-size:12px; font-weight:bold;}

h2.tit-des      { margin:0; background:#52819F url(../img/bullet_tit_des.gif) 7px 5px no-repeat;}
h2.tit-des span { padding:5px 10px 7px 20px; border:none;}
h3.tit-des      { float:left; padding-right:7px; width:287px; color:#FFF; background:#646464 url(../img/fdo_tit.gif) top left no-repeat;}
h3.tit-des span { float:left; padding:5px 0px 7px 7px; width:240px;}
h3.tit-des a { float:right; width:19px; height:18px; cursor:pointer; text-decoration:none;}
h3.tit-des a:hover{ text-decoration:none;}
h3.tit-des a img { float:right; width:19px; height:18px; margin-top:5px;}
h4.tit-esp      { margin:0px; width:auto; color:#333333; font-size:12px; border:none; background:none; padding:0px;}
h2.tit-des-f1   { margin:0; background:#ffffff url(../img/bullet_tit_des.gif) 7px 5px no-repeat; color:#262C5E;}

/* ESTILOS PARA MENU */
.men    { }
.men p  { display:none;}
.men ul { width:100%; } /* 1º Nivel de navegación */
.men ul li { float:left; line-height:22px; width:100%; clear:both; color:#FFF; font-size:11px; border-top:1px solid #fff;}
.men ul li a  { display:block; background:#262C5E url(../img/bullet_men.gif) 6px 8px no-repeat; color:#FFF; font-size:11px; text-decoration:none; padding:0px 0px 0px 18px;}
.men ul li a:hover  { padding:0px 0px 0px 18px; color:#FFF; background:#C10435 url(../img/bullet_men_on.gif) 6px 8px no-repeat; text-decoration:none;}
.men ul li a.on {  padding:0px 0px 0px 18px; color:#FFF; background:#C10435 url(../img/bullet_men_on.gif) 6px 8px no-repeat; text-decoration:none; }




/* ESTILOS PARA LISTADOS */
.lst-doc ul {  }
.lst-doc li {  }
.lst-doc dl {  }
.lst-doc dt {  }
.lst-doc dd {  }
.lst-url {  }
.lst-url ul {  }
.lst-url li {  }
.lst-url dl {  }
.lst-url dt {  }
.lst-url dd {  }

.lst-cat ul   { clear:both; margin:10px 0px; padding:0px 0px 0px 10px;}
.lst-cat ul li { padding:0px 0px 5px 15px; list-style-type:none; background:url(../img/bullet_enl.gif) 0px 5px no-repeat;}
.lst-cat ul li a { text-decoration:none; }
.lst-cat ul li a:hover { text-decoration:underline;}



ul.lst-f1 li{ float:left; padding:0px 5px 15px 0px; width:100%; text-align:left; line-height:14px;}
ul.lst-f1 li h3 { font-size:11px; font-weight:normal;}
ul.lst-f1 li img { float:left; margin-right:10px; }
ul.lst-f1 li span  {float:left; }
ul.lst-f1 li span a {  }
ul.lst-f1 li span a:hover {   }


ul.lst-f2 li{ float:left; padding:0px 5px 15px 0px; width:48%; text-align:left; line-height:14px;}
ul.lst-f2 li img { float:left; margin-right:5px; }
ul.lst-f2 li span  {float:left; width:90%;}
ul.lst-f2 li span a {  }
ul.lst-f2 li span a:hover {   }
.par  { clear:both;}


ul.lst-f3    { clear:both;}
ul.lst-f3 li { float:left; width:100%;padding:2px 0px 0px 20px; margin:0px 0px 5px 0px; list-style-type:none; background:url(../img/bullet_enl_f1.gif) 0px 5px no-repeat;}
ul.lst-f3 a  { }
ul.lst-f3 a:hover { }

/* ESTILOS PARA CAJAS */
.caj-err {  }
.caj-err-padd {  }
.caj-ndts {  }
.caj-ndts-padd {  }
.caj-f1 {  }
.caj-f1-padd {  }

/* ESTILOS PARA COLUMNAS GENERALES */
/* 2 Columnas 50%-50& */
.col2f1 {  }
.col2f1-c1 { float: left; width: 49%; }
.col2f1-c2 { float: right; width: 49%; }
/* 2 Columnas 70%-30% */
.col2f2i {  }
.col2f2i-c1 { float: left; width: 69%; }
.col2f2i-c2 { float: right; width: 29%; }
/* 2 Columnas 30%-70% */
.col2f2d {  }
.col2f2d-c1 { float: left; width: 29%; }
.col2f2d-c2 { float: right; width: 69%; }
/* 2 Columnas 60%-40% */
.col2f3i {  }
.col2f3i-c1 { float: left; width: 59%; }
.col2f3i-c2 { float: right; width: 39%; }
/* 2 Columnas 40%-60% */
.col2f3d {  }
.col2f3d-c1 { float: left; width: 39%; }
.col2f3d-c2 { float: right; width: 59%; }
/* 2 Columnas 20%-80% */
.col2f4d {  }
.col2f4d-c1 { float: left; width: 19%; }
.col2f4d-c2 { float: right; width: 79%; }
/* 2 Columnas 80%-20% */
.col2f4i {  }
.col2f4i-c1 { float: left; width: 79%; }
.col2f4i-c2 { float: right; width: 19%; }

.colf1-c1	{float:left; width:595px; _width:575px;}
.colf1-c2	{float:right; width:165px;}


/* 3 Columnas 33%-33%-33% */
.col3f1 {  }
.col3f1-c1 { float:left; margin:0% 1.99% 0% 0%; width:32%; }
.col3f1-c2 { float:left; margin:0% 0% 0% 0%; width:32%; }
.col3f1-c3 { float:right; width:32%; }
/* 3 Columnas grid 1 33%-66% */
.col3f1g1 {  }
.col3f1g1-c1 { float:left; width:32%; }
.col3f1g1-c2 { float:right; width:66%; }
/* 3 Columnas grid 2 66%-33% */
.col3f1g2 {  }
.col3f1g2-c1 { float:left; width:66%; }
.col3f1g2-c2 { float:right; width:32%; }




/* ESTILOS PARA COLUMNAS PERSONALIZADAS */

.col2p1 {  } /*Plantilla 3 de páginas libres*/
.col2p1-c1 { float: left; width: 72%; }
.col2p1-c2 { float: right; width: 25%; }



/* ESTILO PARA LA PAGINACION */
.pag {  }
.pag a  { text-decoration:none;}
.pag a.ini { text-decoration:none; } /* Estilo para ir al inicio del listado paginado */
.pag a.ini:hover {  }
.pag a.ant { color:#003082; text-decoration:none; } /* Estilo para retroceder un paso en el listado paginado */
.pag a.ant:hover { color:#000; text-decoration:underline; }
.pag a.fin { text-decoration:none; } /* Estilo para ir al final del listado paginado */
.pag a.fin:hover {  }
.pag a.sig { color:#003082; text-decoration:none;  } /* Estilo para avanzar un paso en el listado paginado */
.pag a.sig:hover {  color:#000; text-decoration:underline;}
.pag .ley { text-decoration:none; } /* Estilo de la leyenda de paginacion */
.pag .ley strong {  }
.pag .res {  } /* Estilo el texto de resultados */
.pag .act { font-weight:bold;  } /* Estilo que indica la pagina en la que estamos */
.pag .act strong {  }

/* ESTILOS FORMULARIOS */
.form { float:left; margin:20px 10px 10px 10px; width:95%;}
.form fieldset { width:100%;  }
.form fieldset label { float:left; width:100px; margin:2px 10px 2px 0px;}
.form fieldset input { float:left; width:400px; margin:2px 0px 2px 0px;}
.form fieldset input.btn { float:right; margin:10px 65px 0px 0px; width:80px; height:20px; background:#262C5E; color:#FFF; font-weight:bold;   }
.form fieldset .tex { float:left; width:400px; margin:2px 0px 2px 0px; }



/* ESTILOS PARA TEXTO */
.txt { float:left; margin:5px; color:#8A94AF; }		/* Estilo para el texto en general */
.ent {  }		/* Estilo para la entradilla */
.des {  }		/* Estilo para destacado */
.esp {  }		/* Estilos especiales de color, indicar donde se usa y porque */
.fec {  }		/* Estilo para campo de fecha */
.tit {  }		/* Estilo para el titulo */
.ant { color:#52819F; }		/* Estilo para antetitulos */
.sub {color:#C10435; font-weight:bold; }		/* Estilo para la subcabecera */
.ok { float:left; margin:5px; height:20px; padding:3px 0px 0px 25px; color:#649F1D; font-weight:bold; background:transparent url(../img/iconos/ok.gif) 0px 0px no-repeat;  }		/*	Estilo para Ok en resultados */
.nok { margin:5px; padding:0px 0px 0px 20px; color:#C10435; font-weight:bold; background:transparent url(../img/iconos/ico_aviso.gif) 0px 0px no-repeat; }		/* Estilo para resultados no Ok en resultados */
.ndts {  }		/* Estilo que indica que no hay resultados en listados. Se utiliza cuando no hay decoracion, si no se utilizara los definidos en las cajas */
.err {  }		/* Estilo que indica que no hay resultados en listados. Se utiliza cuando no hay decoracion, si no se utilizara los definidos en las cajas */

/* ESTILOS PARA EL CUERPO */
.cpo {  }
.cpo strong { font-weight:bold; }
.cpo ul { clear:both; margin:5px 0px 0 5px; padding:0; }
.cpo ul li { list-style-position:inside; list-style-type:square; }
.cpo ol       { clear:both; margin:5px 0px 0 5px; padding:0; }
.cpo ol li    { list-style-type:decimal;list-style-position:outside; display:list-item; margin:0px 0px 0px 25px;}
.cpo ol li ul   { clear:both; margin:5px 0px 0px 0px; padding:0;}
.cpo ol li ul li { list-style-position:outside; list-style-type:square;}
.cpo p {  }


/*ESTILOS MAPA DE LOCALIZACION*/

.mapa img { cursor:pointer;}
.mapa p  { line-height:22px; float:left; margin:127px 0px 0px 5px; background:#EFF5FF; padding:8px; }

/*ESTILOS MAPA WEB*/
ul.map    { clear:both; margin:10px 0px; padding:0px 0px 0px 10px;}
ul.map li { padding:0px 0px 5px 15px; list-style-type:none; background:url(../img/bullet_enl.gif) 0px 5px no-repeat;}
ul.map a  { text-decoration:none; }
ul.map a:hover { text-decoration:underline;}


/*ESTILOS CARRUSEL*/
#galeria  { float:left; width:165px;}
#galeria .carrusel { padding:17px 6px 17px 6px; background:#F2F7FA;}
#galeria .carrusel span { display:block; clear:both; padding:4px 0px 0px 2px; font-size:11px; text-align:left;}
#galeria .btn { float:left; width:165px;}
#galeria .btn p {float:left; color:#FFF; width:153px; background:#4B7994;  font-size:11px;  font-weight:bold; padding:5px 6px 5px 6px;}
#galeria .btn p a { color:#FFF; text-decoration:none;}
#galeria .btn p a:hover{ color:#FFF; text-decoration:underline;}
#galeria .btn p a.ant { float:left; width:38%; padding-left:10px; background: url(../img/flech_ant.gif) 0px 4px no-repeat;}
#galeria .btn p a.ant:hover{ color:#FFF; text-decoration:underline;}
#galeria .btn p a.sig { float:right; width:45%; background: url(../img/flech_sig.gif) 63px 4px no-repeat;}
#galeria .btn p a.sig:hover{ color:#FFF; text-decoration:underline;}

/* ESTILOS PARA IMAGENES */
.img-sm { border:0px;}
.img-dch { float: right; width:auto; margin:0px 0px 10px 10px; }
.img-izq { float:left; width:auto; margin:0px 10px 10px 0px;}
.img-izq-f2 { float:left; width:auto; margin:0px 0px 10px 0px;}
.img-izq-f3 { float:left; width:auto; margin:5px 10px 10px 0px; cursor:pointer;}
.img-rel { float:left; padding:0 10% 0 10%;}
.img-dch span, .img-izq span, .img-des { display:block; padding:3px; font-size:10px; color:#000; text-align:center;}
.img-des { padding:17px 6px 17px 6px; background:#F2F7FA; border-bottom:3px solid #92BED8; margin-bottom:15px;}
.img-dch p, .img-des p, .img-rel p,  .img-izq-f2 p,  .img-izq-f3 p { clear:both; padding:4px 0px 0px 2px; font-size:11px; text-align:left; }/*pie foto*/
.img-izq p	{clear:both; padding:4px 0px 0px 2px; font-size:11px; text-align:left; }/*pie foto*/
.img-map  { float:left; width:380px;}
.dir-cont { float:right; width:215px; font-size:11px;}


/* ESTILOS PARA ENLACES */
a { color:#003082; text-decoration:underline; }
a:hover { color:#000; text-decoration:underline; }
a.enl {  }
a.enl:hover {  }
a.enl-des { float:right; width:auto; padding-left:12px; color:#333; font-size:11px; text-decoration:none; background:transparent url(../img/bullet_enl.gif) 0px 5px no-repeat;} /* Enlaces destacados */
a.enl-des:hover { color:#000; text-decoration:underline;}
a.enl-mas { }
a.enl-mas:hover {  }

a.enl-inf { float:left; background:transparent url(../img/iconos/info.gif) 0px 0px no-repeat; padding:0px 0px 0px 20px; text-decoration:none; font-weight:bold;}
a.enl-inf:hover {  background:transparent url(../img/iconos/info.gif) 0px 0px no-repeat; text-decoration:underline; }

.banner a {text-decoration:none;color:#003082;font-size:11px;}
.banner a:hover{text-decoration:underline;}

/* ESTILOS PARA LA LINEAS */
.lin-f1 { background:transparent url(../img/linea.gif) 0px 0px repeat-x; }

/*ESTILOS MIGAS DE PAN*/
.bdc  { padding:10px;}
/* ESTILOS PARA FLOTAR Y ALINEAR */
.flo-izq { float: left; }
.flo-dch { float: right; }
.ali-izq { text-align: left; }
.ali-dch { text-align: right; }
.ali-cen { text-align: center; }
.ali-top { vertical-align: top; }
.ali-btt { vertical-align: bottom; }
.ali-med { vertical-align: middle; }
.ali-jus { text-align:justify;}

/* ESTILOS PARA ESPACIOS Y DIMENSIONES */
.padd {}
.padd-top { padding: 10px 0px 0px 0px; }
.padd-btt { padding: 0px 0px 10px 0px; }
.padd-izq { padding: 0px 10px 10px 0px; }
.padd-dch { padding: 0px 0px 10px 0px; }
.marg-izq-f1  { margin-left:55px;}

/* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/
.brr { clear: both; }
.ocu { display: none; }
.con:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
.con { display : inline-block; }
* html .con { height : 1%; }
.con { display : block; }