@charset "utf-8";

/* --- Comentarios generales ---

   Los estilos no funcionan bien con elementos <select> por las peculiaridades que se comentan aquí:

   http://reference.sitepoint.com/html/select

*/

/*/////////////// SEDE ELECTRONICA /////////////////////////////////////*/

#cuerpo_sede{ margin:0 auto 0 auto; width:100%; }

#cuerpo_sede .sede_01{ width:100%; background:url('../images/fnd_sede.jpg') repeat-x;display: inline-block; padding-bottom:5px }

#cuerpo_sede .sede_01 .cab{margin:0 auto; padding:5px 0 0 10px; width:976px;}
#cuerpo_sede .sede_01 .cab h1{ padding:5px 0 3px 21px;border-bottom:1px solid #bdcdd6; color:#2e4249; font-size:1.4em; font-weight:bold; background:url('../images/bullet_01_sede.gif') no-repeat 0 5px ;margin-left:2px }
#cuerpo_sede .sede_01 .cab h2{ padding:5px 0 3px 21px;border-bottom:1px solid #bdcdd6; color:#2e4249; font-size:1.4em; font-weight:bold; background:url('../images/bullet_01_sede.gif') no-repeat 0 5px ; }
#cuerpo_sede .sede_01 .cab_01{float:left; width:315px; padding-right:8px; }
#cuerpo_sede .sede_01 .cab_02{float:left; width:336px; padding-right:5px}
#cuerpo_sede .sede_01 .cab_03{float:right; width:310px; }
#cuerpo_sede .sede_01 .cab p{ padding:6px 0 6px 3px;  font-size:1.3em; color:#666666}



#cuerpo_sede .sede_02{ width:100%; background:url('../images/degra_sede.jpg') repeat-x; background-color:#17608b; display: inline-block;font-family:Arial; padding-bottom:5px}
#cuerpo_sede .sede_02 .cuerpo_sede{margin:0 auto; padding:12px 0 0 5px; width:976px;}
#cuerpo_sede .sede_02 .linea{ float:left;/* background:url(../images/fnd_linea.jpg) no-repeat bottom left;*/ margin-left:5px; padding-bottom:5px; height: 350px}
#cuerpo_sede .sede_02 .linea_cerca{ float:left; background:url(../images/fnd_linea.jpg) no-repeat bottom left; padding-bottom:10px} /*padding-bottom:30px */
#cuerpo_sede .sede_02 .caja_01{float:left; width:370px; padding-right:40px; }
#cuerpo_sede .sede_02 h2{ font-size:1.8em; padding:0 0 4px 0;color:#FFFFFF;font-weight: lighter; border-bottom:1px solid #6f8998}
#cuerpo_sede .sede_02 a{ color:#FFFFFF; text-decoration:none; }
#cuerpo_sede .sede_02 a:hover{ color:#fccf6f; }
#cuerpo_sede .sede_02 ul{ padding:8px 0 0 0}
#cuerpo_sede .sede_02 li{ background:url('../images/bullet_02_sede.gif') no-repeat 0 7px;font-size:1.6em;font-weight: lighter; line-height:1.3em; padding-left:10px;padding-bottom:10px; }
#cuerpo_sede .sede_02 .bt_tipo01{ color:#fccf6f;font-size:1.5em; padding:5px 10px 0 5px; display:block; font-weight: bold;}

#cuerpo_sede .crp_01{ float:left;width:315px ;padding-right:8px;}
#cuerpo_sede .crp_01_01{width:100%;height: 330px;}
#cuerpo_sede .crp_01_02{width:100%;height: 30px; background:url(../images/fnd_linea.jpg) no-repeat bottom left;text-align: right; }
#cuerpo_sede .crp_02{ float:left;width:336px; padding-right:5px;}
#cuerpo_sede .crp_02_01{width:100%;height: 330px;}
#cuerpo_sede .crp_02_01 .bt_tipo01{ padding:0;color:#fccf6f;font-size:1.2em; font-weight: bold;display: inline;}
#cuerpo_sede .crp_02_02{width:100%;height: 30px; background:url(../images/fnd_linea.jpg) no-repeat bottom left;text-align: right;}
#cuerpo_sede .crp_02 p{ color:#FFFFFF;font-size:1.5em}
#cuerpo_sede .crp_02 h2{ font-size:1.8em; padding:0 0 4px 0;color:#FFFFFF;font-weight: lighter; border-bottom:1px solid #6f8998}
/*#cuerpo_sede .crp_02 img{ float:right; margin-right:10px; vertical-align: middle;}*/

#cuerpo_sede .crp_03{ float:left;width:305px;}
#cuerpo_sede .crp_03 .ayuda{ float:left; width:310px; margin-left:32px; height:63px; background:url('../images/fondo_Ayuda.gif') no-repeat ; font-size:4.4em; color:#005583; font-style:italic; font-weight:bold;}
#cuerpo_sede .crp_03 .ayuda a{ padding:10px 0 0 95px;color:#005583; display:block}
#cuerpo_sede .crp_03 .solicitud{ float:left ;width:310px; height:100px; background:url('../images/fnd_solicitud.jpg') no-repeat; font-family:Arial, Helvetica, sans-serif; margin:8px 0 0 32px}
#cuerpo_sede .crp_03 .solicitud h3{ font-weight:normal; padding:6px;color:#976d00; }
#cuerpo_sede .crp_03 .solicitud a{ color:#976d00; font-size:1.6em; font-weight:bold; display:block; padding:25px 0 0 85px;}


#cuerpo_sede .crp_03 .verificacion{ float:left;background:url('../images/fnd_verificacion.jpg') no-repeat; width:272px; height:66px; margin-top:15px}
#cuerpo_sede .crp_03 .verificacion a{ font-family:Arial, Helvetica, sans-serif;color:#355F8C; display:block; font-size:1.3em; padding:12px 0 0 75px; text-align:center}
#cuerpo_sede .crp_03 .verificacion a:hover{ text-decoration:underline;}


/*CAMBIAR HORA A crp_03*/
#cuerpo_sede .crp_03 .hora{ float:left; background:url('../images/fnd_hora.jpg') no-repeat; width:310px;  height:58px; margin:8px 0 0 32px;}
#cuerpo_sede .crp_03 .hora p.titulo{ text-align:center; color:#2c3e45; font-size:17px; font-weight:bold; font-family:Myriad Pro;padding-top:5px;}
#cuerpo_sede .crp_03 .hora p{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;}

/* CAMBIAR SUGERENCIAS A crp_03 */
#cuerpo_sede .crp_03 .sug{ float:left; background:url('../images/fnd_sug.gif') no-repeat;width:310px;  height:60px; margin:8px 0 0 32px}
#cuerpo_sede .crp_03 .sug a {color:#073c54; font-size:2.1em;display:block; font-weight:bold;padding:20px 10px 10px 10px}


#cuerpo_sede .crp_04 { float:left;width:100%; }

/*TABLON DE ANUNCIOS*/
#cuerpo_sede .crp_03 .tablon{
    float:left;
    background:url('../images/fnd_tablon.jpg') no-repeat; 
    width:310px; margin-left:32px;
    height:60px;
    color:#2e4249;
    margin-top:4px}
#cuerpo_sede .crp_03 .tablon a{color:#2e4249; font-size:18px; font-weight:bold; display:block;padding:15px 0 0 70px; font-family:Myriad Pro}
#cuerpo_sede .crp_04 .hora{ float:left; background:url('../images/fnd_hora.jpg') no-repeat; width:222px; height:48px; padding:10px 0 0 50px; margin:4px 0 0 88px}
#cuerpo_sede .crp_04 .hora p.titulo{ text-align:center; color:#2c3e45; font-size:17px; font-weight:bold; font-family:Myriad Pro}
#cuerpo_sede .crp_04 .hora p{ text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:1.2em}

#cuerpo_sede .crp_04 .sug{ float:left; background:url('../images/fnd_sug.gif') no-repeat;width:272px; height:65px; margin:0 0 0 39px}
#cuerpo_sede .crp_04 .sug a {color:#073c54; font-size:2.1em;display:block; font-weight:bold;padding:20px 10px 10px 10px}

#cuerpo_sede .crp_04 .vacio{ float:left;width:272px; height:65px; margin:0 0 0 39px}


#cuerpo_sede .sede_03{}
#cuerpo_sede .sede_03 .cuerpo_falda{margin:0 auto; padding:5px 0 0 0; width:976px; }
#cuerpo_sede .sede_03 .cuerpo_falda h2{padding:5px 0 3px 0px;border-bottom:1px solid #bdcdd6; color:#2e4249; font-size:1.4em; font-weight:bold; }
#cuerpo_sede .sede_03 .cuerpo_falda ul{ padding:10px 0 0 80px; font-size:1.2em; margin-bottom:15px}
#cuerpo_sede .sede_03 .cuerpo_falda ul a{ color:#666; text-decoration:none}
#cuerpo_sede .sede_03 .cuerpo_falda ul a:hover{  text-decoration:underline}
#cuerpo_sede .sede_03 .cuerpo_falda ul li{ color:#666; padding:0 0 5px 7px; background:url(../images/bullet_03_sede.gif) no-repeat 0 7px ;}
#cuerpo_sede .sede_03 .cuerpo_falda ul li.mas{ background:none; text-align:right}
#cuerpo_sede .sede_03 .cuerpo_falda ul li.mas a{ text-decoration:underline}
#cuerpo_sede .sede_03 .cuerpo_falda ul li.mas a:hover{ text-decoration:none}

#cuerpo_sede .sede_03 .cuerpo_falda .tramites{ float:left; width:315px;background:url(../images/info_tramites.jpg) no-repeat 0 30px; margin-right:8px}

#cuerpo_sede .sede_03 .cuerpo_falda .gral{ float:left; width:336px;background:url(../images/info_gral.jpg) no-repeat 0 35px;margin-right:5px}
#cuerpo_sede .sede_03 .cuerpo_falda .gral ul{padding:10px 0 0 60px; }
#cuerpo_sede .sede_03 .cuerpo_falda .servicios{ float:left; width:310px;background:url(../images/servicios.jpg) no-repeat 0 30px;}
#cuerpo_sede .sede_03 .cuerpo_falda .servicios ul{padding:10px 0 0 90px;margin-bottom:10px; }

#cuerpo-serviciose {
    background: url("../images/fnd_col_dere.gif") repeat-y scroll right top transparent;
    float: left;
    padding: 0 0 20px;
    width: 985px;
}

#cuerpo-serviciose h1 {
    color: #333333;
    font-family: Arial, Helvética;
    font-weight: bold;
    padding: 0.2em 0.5em;
    margin-bottom:0.5em;
    margin-top:0.5em;
    border-bottom: 1px solid #CBD9DE;
    font-size: 1.6em;
}
#cuerpo-serviciose h2 {
    font-size: 1.4em;
    color: #333333;
    font-family: Arial, Helvética;
    font-weight: bold;
    padding: 0.2em 0.5em;
    margin-bottom: 0;
    margin-top: 0.3em;
}

#cuerpo-serviciose h3 {
     font-size: 1.4em;
    color: #333333;
    font-family: Arial, Helvética;
    font-weight: bold;
    padding: 0.2em 0.5em;
    margin-bottom:0.5em;
    margin-top:0.5em;
}

#cuerpo-serviciose h3 a {
    font-size: 0.9em;
}


#cuerpo-serviciose p {
    font-size: 1.3em;
    color: #666666;
    padding: 0.4em 0.8em;
}
#cuerpo-serviciose p.mensaje { 
    font-size: 1.3em;
    color: #666666;
    padding: 0.5em 0 0 1em;
    border-bottom: 0;
    text-align: justify;
}
.cab_01_imagen{float:left; width:10px;  padding-left:10px;}
.cab_01_texto{float:left;  width:320px; padding-left:20px;}
#cuerpo-serviciose li.lista_decorada {
    font-size: 1.3em;
    color: #666666;
    padding: 0.5em 0 0.5em 1.5em;
    list-style-position:inside;
    list-style-type:square;
}

#cuerpo-serviciose img {
    border: none;
}

#criterios-busqueda{
    width: 100%;
    margin: 10px 0 10px 0;
    border:1px solid #aacfe4;
    border-radius: 10px;
    min-height: 150px;
}
#criterios-busqueda .clasificacion{
    width: 90%;
    padding: 5px;
    margin: 3px;
    border:1px solid #aacfe4;
    border-radius: 10px;
    min-height: 25px;
}


/* ----------- Estilos de la página de detalle de expediente ----------- */

#detalle-expediente h2{
    display: block;
    margin-top: 20px;
    font-size: 1.5em;
    color:black;
    border-bottom:1px solid black;
    width: auto;

}

#detalle-expediente p {
    padding:0.2em 0.5em;
    font-size: 1.2em;
}

#detalle-expediente p.texto {
    font-family:"Verdana";
    color: #444444;
}

#detalle-expediente p ul {
    padding-left: 10px;
}

#detalle-expediente li {
    list-style: circle;
    position: relative;
    left: 15px;
    font-size: 12px;
}

#detalle-expediente span.etiqueta {
    font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    color: #003399;
    font-size:12px;
    font-weight: bold;
    vertical-align: middle;
}
#etiqueta_accion {
    font-size:12px;
    font-weight: bold;
    margin-top: 5px;
    float: left;
    min-height: 30px;
    min-width: 35px;
    padding-left: 6px;

}
#etiqueta_boton {
    font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    color: #003399;
    font-size:12px;
    font-weight: bold;
    margin-top: 5px;
    width: 70%;
    float: right;
    min-height: 30px;
}

#detalle-expediente span.texto {
    font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    color: #6678B1;
    font-size:12px;
    vertical-align: middle;
}

#detalle-expediente input{
    border:solid 1px #aacfe4;
    padding:2px 0px 2px 2px;
    margin-left: 5px;
}
#detalle-expediente input.grande{
    margin:5px;
    min-width:400px;
}

#detalle-expediente select{
    float:inherit;
    border:solid 1px #aacfe4;
    margin: 0;
}

#detalle-expediente textarea{
    clear: both;
    display:block;
    border:solid 1px #aacfe4;
    padding:2px 0px 2px 2px;
    margin-left: 5px;

}

#detalle-expediente input.boton{
    background: url("img/button.png") no-repeat scroll 0 0 #DDDDDD;
    clear: both;
    color: #003399;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
}

/* ----------- Estilos de la página formulario de expediente ----------- */
/* enviarEmail, adjuntarDocumento */

#formulario-expediente h2{
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.5em;
    color:black;
    border-bottom:1px solid black;
}

#formulario-expediente p {
    clear:both;
    display: block;
    padding:0.2em 0.5em 0.5em 0;
    font-size: 1.2em;
}

#formulario-expediente p.texto {
    font-family:"Verdana";
    color: #444444;
}

#formulario-expediente p ul {
    padding-left: 10px;
}

#formulario-expediente li {
    list-style: circle;
    position: relative;
    left: 15px;
}

#formulario-expediente span.etiqueta {
    font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    color: #003399;
    font-size:12px;
    font-weight: bold;
}

#formulario-expediente span.texto {
    font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    color: #6678B1;
    font-size:12px;
}

#formulario-expediente input{
    border:solid 1px #aacfe4;
    padding:2px 0px 2px 2px;
    margin-left: 5px;
    width: 250px;
    border-radius: 5px;
}
#formulario-expediente input.grande{
    border:solid 1px #aacfe4;
    padding:2px 0px 2px 2px;
    margin-left: 5px;
    width: 350px;
    border-radius: 5px;
}
#formulario-expediente input.grande_des{
    border:solid 1px #aacfe4;
    background-color: #d1d1d1;
    padding:2px 0px 2px 2px;
    margin-left: 5px;
    width: 350px;
    border-radius: 5px;
}

#formulario-expediente input.check{
    border:solid 1px #aacfe4;
    padding:2px 0px 2px 2px;
    margin-left: 5px;
    width: 50px;
}

#formulario-expediente select{
    float:inherit;
    border:solid 1px #aacfe4;
    margin: 0;
    border-radius: 5px;
}

#formulario-expediente textarea{
    clear:both;
    display:block;
    border:solid 1px #aacfe4;
    padding:2px 0px 2px 2px;
    margin-left: 5px;
    width:auto;
    border-radius: 5px;
}

#formulario-expediente input.boton{
    background: url("img/button.png") no-repeat scroll 0 0 #DDDDDD;
    clear: both;
    color: #003399;
    border: 1px solid #AACFE4;
    font-size: 11px;
    font-weight: bold;
    height: 31px;
    border-radius: 5px;
    text-align: center;
    padding: 5px;
    width: auto;
}


#recuadro{
    border:1px solid #aacfe4;
    margin: 5px 0 5px 5px;
    padding: 5px;
    width: 500px;
    border-radius: 5px;
}

.recuadro-acciones{
    border:3px solid #aacfe4;
    margin: 5px 5px 5px 5px;
    padding:5px;
    width: 150px;
    border-radius: 5px;
    min-height: 50px;
    text-align:center;
}
#recuadro-detalles{
    border:1px solid #aacfe4;
    margin: 10px 5px 5px 5px;
    padding:5px;
    width: auto;
    border-radius: 5px;
}

#anuncio{
    border:1px solid #aacfe4;
    margin: 10px 5px 5px 5px;
    padding:5px;
    width: auto;
    border-radius: 5px;
 /*   font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;*/
}

#anuncio span.titulo{
    font-size: 1.2em;
    display:block;
    padding: 0.2em 0.5em;
    font-weight:bold;
}
#anuncio span.etiqueta{
    font-size: 1.2em;
    display:block;
    padding: 0.2em 0.5em;
    font-weight: bold;
    
}
#anuncio p{
    font-size: 1.1em;
    display:block;
    font-weight:bold;
}
#anuncio span.subtitulo{
    font-size: 1.0em;
    display:block;
    padding: 0.2em 0.5em;
}
#anuncio ul{
    padding: 0.5em 0.5em;
}

#anuncio li{
    font-size:1.0em;
    font-weight: lighter;
    padding-bottom:10px;
}
#anuncio li a{
    color:#336699;  /*#005583;*/
    font-weight:bold;
    text-decoration:none;
}
#anuncio li a:hover{
    text-decoration:underline;
}
#anuncio li span.subtitulo{
    display:block;
    font-size:1.0em;
}

/* ver más anuncios */
#moreInfo{
    display:block;
    padding:0.2em;
    margin:1.0em 0.5em;
}
#moreInfo a{
    font-size:1.3em;
    color:#336699;
    font-weight:bold;
    text-decoration:none;
    
}
#moreInfo a:hover{
    text-decoration:underline;
}

/* ----------- Componentes HTML ----------- */

/* --- Tablas --- */
.tabla-normal
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    background: #fff;
    margin: 5px 0;
    width: auto;
    border-collapse: collapse;
    text-align: left;
}

.tabla-normal th
{
    font-weight: bold;
    color: #039;
    padding: 10px 8px;
    /*  border-bottom: 1px solid #6678b1;*/
}

.tabla-normal td
{
    border-bottom: 1px solid #ccc;
    color: #669;
    padding: 6px 8px;
}

.tabla-normal tbody tr:hover td
{
    color: #009;
}

/* --- Formularios --- */

.formulario-normal {
    margin-left: auto;
    margin-right: auto;
    padding: 9px;
    text-align: center;
    font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
}

.formulario-normal input, select, textarea {
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #aacfe4;
    margin:2px 0 2px 10px;
    float: left;
    border-radius: 5px;
}
.formulario-normal p{
    clear:both;
    padding:inherit;
    min-height: 10px;
}
.formulario-normal label {
    float: left;
    color:#003399;
    font-weight:bold;
    font-size:12px;
    margin:2px 0 2px 10px;
}

.formulario-normal button {
    clear:both;
    width:125px;
    height:31px;
    background:#DDDDDD url(img/button.png) no-repeat;
    text-align:center;
    line-height:31px;
    color:#003399;
    border:1px solid #AACFE4;
    border-radius: 5px;
    font-size:11px;
    font-weight:bold;
}

/* ----------- Formularios ----------- */

.formulario-login {
    border:solid 2px #E5ECF9;
    width: 400px;
    min-height:300px;
    background: #E5ECF9;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5em;
    border-radius: 10px;
}
/*.conjunto{
     width: 400px;
     min-height:150px;   
}*/
.formulario-login h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
}

.formulario-login p {
    font-size:11px;
    color:#666666;
    margin-bottom:20px;
    border-bottom:solid 1px #b7ddf2;
    padding-bottom:10px;
}

.formulario-login label {
    clear: both;
    color:#000000;
    display:block;
    width:140px;
    text-align:right;
    margin: 0;
}

.formulario-login button {
    clear:both;
    display: block;
    width:125px;
    height:31px;
    background:#666666 url(img/button.png) no-repeat;
    text-align:center;
    line-height:31px;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
    margin: 0 0 0 50%;
}


.formulario-login span.opcion  {
    color:#000000;
    width: 180px;
    padding-left: 15px;
    text-align:left;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.formulario-login input.opcion_radio  {
    width:  10px;
    float: left;
    border:0;
}

.formulario-login span {
    color:#666666;
    display:block;
    font-size:11px;
    font-weight:normal;
    text-align:right;
    width:140px;
}
.formulario-login input.imagen_cert{
    /*clear:both;*/
    height: 34px;
    width: 49px;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.formulario-login label.label_cert{
    clear:both;
    margin: 0 0 0 30%;
}

.formulario-login input, textarea {
    font-family: Arial, Helvetica, sans-serif;
    width:200px;
}

/* ----------- Estilos sobreescritos de la sede electrónica ----------- */

#cabecera .sesion {
    float:right;
    height:49px;
    margin-top:25px;
    padding:5px 10px 0;
    width:130px;
}

#cabecera .sesion-iniciar {
    background:url("../images/iniciar_sesion.png") no-repeat scroll 0 0;
}

#cabecera .sesion-cerrar {
    background:url("../images/cerrar_sesion.png") no-repeat scroll 0 0;
}

#cabecera .login {
    position: relative;
    top: 10px;
    left: 40px;
}

#cuerpo_sede h3 {
    font-size: 1.5em;
}

/*#cuerpo_sede .sede_02 {
    font-family: Arial;
}*/
#cuerpo_sede .sede_02 li{
    color:#FCCF6F;
    font-size:1.4em;

}
#cuerpo_sede .crp_03 .ayuda {
    font-size: 1.6em;
}
#cuerpo_sede .crp_03 .ayuda a {
    padding: 1em 0 0 5em;
}
#cuerpo_sede .crp_02 p {
    font-size: 1.4em;
}
/*#cuerpo_sede .crp_04 .tablon a {
  font-family: Arial;
  font-size: 1.8em;
}*/
/*#cuerpo_sede .crp_04 .hora p.titulo {
  font-family: Arial;
  font-size: 1.7em;
}*/
/*#cuerpo_sede .crp_04 .sug a {
  font-size: 1.8em;
}*/
/* ----------- Estilos sobreescritos de jquery ----------- */

.ui-datepicker {
    font-size:1.1em;
}