/* ################################################################## */
/* Hoja de estilos Extranet Diputacion Provincial de Huesca - General */
/* ################################################################## */


/* ######################### */
/* Redefinicion de etiquetas */
/* ######################### */

body {
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #666666;
    text-decoration: none;
    background: #FFFFFF;
    text-align: center;
    margin: 0;
    padding:0;

}
h2 {
}
h6		{margin: 0 0 5px 0;padding: 0;color: #23579E;font-size: 11px;font-weight: bold;border-bottom: 1px solid #000000;display: block;width: 100%;	text-transform: uppercase;}

a	{
    text-decoration: none;
    color: #666666;
}
a:hover	{
    text-decoration: underline;
}
img	{
    border: 0;
}


/* ##################### */
/* Listado de Selectores */
/* ##################### */

/* Contenedor principal de toda la pantalla */
#sujetador {
    text-align: left;
    width: 775px;
    margin: 0px auto;
    padding: 0px;
}

/* Encabezado general del portal */
/* ----------------------------- */
#cabecera	{
    background:url(/pub/resto/estilo4/_GLOBAL/ex-cabecera1.gif) no-repeat;
    height:75px;
    width:772px;
    float:left;
    clear:both;
}


/* Herramientas del portal (inicio, mapa, contacto y buscador) */
/* ----------------------------------------------------------- */
#herramientas	{
    float:right;
    width: 170px;
    margin: 0 5px 0 0;
    display:inline;
}
#herramientas form	{
    display:inline;
}
#herramientas input	{
    margin:0;
    padding:0;
    font-size: 10px;
}
#herramientas ul		{list-style: none;display: inline; margin:0; padding:0;}
#herramientas li		{display: inline;}
/* Color de los enlaces */
#herramientas li a	{color:#666666;}


/* Lista de opciones del menu de primer nivel de navegacion */
/* --------------------------------------------------------- */
#nav1	{
    padding: 54px 0 0 180px;
}
#nav1 ul	{
    list-style-type: none;
}
#nav1 ul li	{
    display:inline;
}
#navcontainer {
    margin: 0;
    padding: 0 0 0 12px;
}
#navcontainer ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
}
#navcontainer li {
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    width: auto;
}
#navcontainer a {
    color: #E8E7E6;
    display: block;
    width: auto;
    text-decoration: none;
    background: #A3A09A;
    margin: 0;
    padding: 3px 9px;
    border-left: 1px solid #666666;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
}
#navcontainer a:hover, #navcontainer a:active { background: #BBBBBB; }
#navcontainer a.active:link, #navcontainer a.active:visited {
    position: relative;
    z-index: 102;
    background: #BBBBBB;
    font-weight: bold;
}
#navcontainer .activo	{
    background-color:#FFFFFF;
    color: #444444;
}


/* Lista de opciones del menu del segundo nivel de navegacion */
/* ---------------------------------------------------------- */
#nav2	{
    width: 192px;
    float:left;
    border-right: 1px solid #DEDEDE;
    margin:0;
    padding:0;
}
/* Boton promocional para que los usuarios manden sus sugerencias */
#nav2 p.promo	{
    margin-top: 10px;
    margin-left: 0px;
    color: #96002C;
    font-size: 9px;
    line-height: 10px;
    letter-spacing: 0.07em;
}
#nav2 p.promo img	{
    margin: 0 0 3px 10px;
}
#nav2 p.promo a	{ display:block; padding:5px;}


/* Menu de navegacion de las opciones */
/* ---------------------------------- */
#nav2-menu-opciones	{
    color: #000000;
    background: #F2F2F2;
    padding: 5px 5px 0 5px;
    margin:0 0 5px 0;
}
#nav2-menu-opciones ul	{
    margin: 0px;
    padding: 5px;
}
#nav2-menu-opciones ul li	{
    color: #666666;
    list-style: url(/pub/resto/estilo4/_GLOBAL/vineta-2flecha.gif) outside;
    margin: 0 0 0 20px;
}
#nav2-menu-opciones p	{
    margin: 0 0 0 5px;
    padding:0;
}


/* Menu de navegacion de las areas */
/* ------------------------------- */
#nav2-menu-areas	{
    color: #000000;
    background: #F2F2F2;
    padding: 5px 5px 0 5px;
    margin:0;
}
#nav2-menu-areas ul	{
    margin: 0px;
    padding: 5px;
}
#nav2-menu-areas ul li	{
    color: #666666;
    list-style: url(/pub/resto/estilo4/_GLOBAL/vineta-2flecha.gif) outside;
    margin: 0 0 0 20px;
}
#nav2-menu-areas p	{
    margin: 0 0 0 5px;
    padding:0;
}


/* Tres columnas de categoras y subcategoras */
#nav3	{
    border-bottom: 1px solid #990134;
    padding: 5px 0 5px 0;
    color:#000000;
    margin: 0 0 5px 0;
}
#nav3 a	{
    color:#000000;
    text-decoration:none;
}
#nav3 a:hover	{
    text-decoration: underline;
}



/* Zona del contenido generico del portal */
/* -------------------------------------- */
#contenido	{
    float: left;
    width: 73.2%;
    padding-left: 1.5%;
    background:#FFF;
}
#contenido h2	{
    font-size: 14px;
    color: #990033;
    margin:0 0 5px 0;
    padding: 0 0 3px 0;
    /* Le quito el ancho para evitar incompatibilidades
    width: 186px;
    */
    border-bottom: 1px solid #DEDEDE;
}
#contenido h3	{
    font-size: 12px;
    color: #990033;
    margin: 0px;
    padding: 0px;
}
#contenido p	{
    margin: 0px;
    padding: 0px;
}
#contenido p.txtinicio	{
    color: #96002C;
}


/* Breadcrum */
/* --------- */
#path	{
    color: #000000;
    margin: 5px 0 10px 0;
}
#path a	{
    color: #96002C;
}
#path p	{
    display: inline;
}
#path ul	{
    display: inline;
    list-style-type: disc;
    margin: 0px;
    padding: 0px;
}
#path li	{
    display: inline;
    padding: 0 2px 0 10px;
    margin: 0px;
    background: url(/pub/resto/estilo4/_GLOBAL/vineta-2flecha-roja.gif) no-repeat 0px 5px;
}
#path li.inicio	{
    display: inline;
    padding: 0 2px 0 5px;
    margin: 0px;
    background: url(/pub/resto/estilo4/_GLOBAL/vineta-2flecha-roja.gif) no-repeat 1000px 5px;
}


/* Utilidades de envio de pagina e impresion */
/* ----------------------------------------- */
#utilidades	{
    text-align: right;
    margin: -25px 0 15px 0;
}
#utilidades a	{
    color: #9A0032;
    font-weight: bold;
}


/* Utilidades de navegaci�n inferior */
/* --------------------------------- */
#utilidades2	{
    text-align: right;
}
#utilidades2 a	{
    color: #9A0032!important;
    font-weight: bold!important;
}


/* Zona del contenido general - Sin columnas */
/* ----------------------------------------- */
#contenido-1col	{
}
#contenido-1col p	{
    margin: 5px 0 5px 0;
}


/* Zona del contenido general - Columna de la izquierda */
/* ---------------------------------------------------- */
#contenido-left	{
    float: left;
    width: 45%;
    border-right: 1px solid #DEDEDE;
    margin: 10px 15px 0 0;
}
#contenido-left ul	{
    list-style-type:none;
    margin: 0px;
    padding: 0px;
}
#contenido-left ul li	{
    margin: 0px;
    padding: 0 0 0 10px;
    background: url(/pub/resto/estilo4/_GLOBAL/vineta-2flecha.gif) no-repeat 0px 5px;
}
#contenido-left h4	{
    margin: 5px 0 0 0;
    padding: 0px;
    font-size: 11px;
    color: #990033;
}
#contenido-left p	{
    margin: 0 0 0 33px;
}
#contenido-left a	{}
#contenido-left img {
    border: 0;
}


/* Zona del contenido general - Columna de la derecha */
/* ---------------------------------------------------- */
#contenido-right	{
    float: left;
    width: 50%;
    margin: 10px 0 0 0;
}
#contenido-right ul	{
    list-style-type:none;
    margin: 0px;
    padding: 0px;
}
#contenido-right ul li	{
    margin: 0px;
    padding: 0 0 0 10px;
    background: url(/pub/resto/estilo4/_GLOBAL/vineta-2flecha.gif) no-repeat 0px 5px;
}
#contenido-right h4	{
    margin: 5px 0 0 0;
    padding: 0px;
    font-size: 11px;
    color: #990033;
}
#contenido-right p	{
    margin: 0 0 0 33px;
}
#contenido-right a	{}
#contenido-right img {
    border: 0;
}


/* Formularios en la zona de contenido */
/* ----------------------------------- */
#contenido form p	{
    margin: 10px 0 0 0;
    padding: 0px;
}
#contenido .ayuda	{
    color:#003399;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    margin: -5px 0 5px 0;
    border: 0;
}
#contenido input	{
    font-size: 11px;
    margin: 0 0 5px 0;
}
#contenido input:focus	{
    border: 2px solid #CC0000;
}
#contenido legend {
    padding: 5px;
    margin: 0px;
    border: 1px solid #EEEEEE;
    color: #000000;
    background-color: #EEEEEE;
    text-align: right;
}
#contenido fieldset {
    border: 1px solid #DEDEDE;
    padding: 10px;
    margin: 10px 0 0 0;
    color: #000000;
}
.input-100	{
    width: 100px!important;
}
.input-200	{
    width: 200px!important;
}
.input-300	{
    width: 300px!important;
}
.input-500	{
    width: 500px!important;
    height: 100px;
}



/* Pie de pagina generico */
/* ---------------------- */
#pie	{
    color: #000000;
    padding: 5px;
    background: #F2F2F2;
    margin: 30px 0 0 0;
    width: 753px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: 758px;
}
#pie p	{
    padding: 0px;
    margin: 0px;
    font-size: 10px;
}


/* Paginaci�n general */
/* ------------------ */
#paginacion	{
    width:97%;
    padding:5px;
    margin: 5px 0 5px 0;
    border-left:10px solid #FFCB05;
    background-color:#F2F2F2;
}
#paginacion a	{
    color:#000000;
    font-weight:bold;
}

/* Caja para la lista de categoras */
/* ------------------------------- */
#categorias	{
    float:left;
    width: 97%;
    padding:5px 5px 1px 5px;
    margin: 10px 0 15px 0;
    border-left:10px solid #C9262D;
    background-color:#F2F2F2;
}
#categorias a:hover	{
    text-decoration:underline;
}
#categorias	ul	{
    list-style-type: none;
    margin: 0px;
    padding: 0 0 5px 0;

}
#categorias li	{
    margin: 0px;
    padding: 0px;
}
#categorias-descripcion	{
    margin: 0 0 10px 0;
}



/* Logotipo de la Union Europea / Fondos FEDER */
/* ------------------------------------------- */
#logo-ue	{
    text-align: right;
    margin: -25px 0 0 0;
}


/* ################# */
/* Listado de clases */
/* ################# */

/* Titular lateral Areas DPH */
/* ------------------------- */
.tit-areas	{
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    background:#FFF url(/pub/resto/estilo4/_GLOBAL/vineta-a.jpg) no-repeat 11px 4px;
    padding-left: 35px;
    padding-top: 6px;
    height: 18px;
    margin:0 0 5px 0;
}

/* Titular lateral Opciones DPH */
/* ---------------------------- */
.tit-areas-o	{
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    background: #FFF url(/pub/resto/estilo4/_GLOBAL/vineta-o.jpg) no-repeat 11px 4px;
    padding-left: 35px;
    padding-top: 6px;
    height: 18px;
    margin:0 0 5px 0;
}

/* Clase para esconder objetos en pantalla */
/* --------------------------------------- */
.esconder	{
    display:none;
}

/* Alineacion vertical de objetos */
/* ------------------------------ */
.absmiddle	{vertical-align: middle;}

/* Anchura para campos de texto */
/* ---------------------------- */
.ancho100	{
    width: 100px;
}
.ancho25	{
    width: 25px;
}

/* Promocional de acceso al directorio, en la portada */
/* -------------------------------------------------- */
.promo-directorio	{
    color: #96002C!important;
    font-weight: bold;
    letter-spacing: -0.04em;
}
a.promo-directorio:hover	{
    color: #FF6600!important;
    text-decoration: none;
}

/* Cabeceras personalizadas para los H2 con la letra adecuada */
/* ---------------------------------------------------------- */
.letra-noticias-n	{
    background: url(/pub/resto/estilo4/_GLOBAL/vineta-n.jpg) no-repeat 0px 7px!important;
    }
.letra-noticias-s	{
    background: url(/pub/resto/estilo4/_GLOBAL/vineta-s.jpg) no-repeat 0px 7px!important;
    }
.letra-noticias-o	{
    background: url(/pub/resto/estilo4/_GLOBAL/vineta-o.jpg) no-repeat 0px 7px!important;
    }

/* Logotipo para impresi�n */
.print-logo	{display:none!important; position:absolute;}
/* URL de impresion */
.print-url	{display:none; float:right;}
/* Pie de impresion en formularios */
#cabecera-impresion	{display:none;}
#cuerpo-impresion	{display:none;}
#pie-impresion		{display:none;}


#cajaformulario {
background:transparent url(/MODULOS/_GLOBAL/admin/interfaces/img/entrada_caja.gif) top left  no-repeat;
height:149px;
margin:-3px auto 0px auto;
width:278px;

}
#cajaformulario fieldset	{ border:0px;}

/*#home-contenido-right-left p {width:95%;}*/

.brr { clear:both;}

/* Estilos para select de certificado */
/* Grupos especficos de los formularios */

div.formulario-grupos	{padding: 10px; border: 1px solid #CCCCCC; margin: -5px 0 10px 0; color:#666666;}
p.formulario-grupos	{text-transform:uppercase;}
div.formulario-grupos2	{ margin:5px 0px 0px 0px; padding:10px; border: 1px solid #CCCCCC; color:#666666;}
p.formulario-grupos2	{margin:0px; padding:0px 0px 5px 0px; text-transform:uppercase;}

.ancho350 {width:350px;}