body
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    border: 1px solid #CCCCCC;
    margin: auto;
    width: 1000px;
    text-decoration: none;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 0px;
    margin: 12px 0px 8px 0px;
    min-height: 420px;
    color: #666666;
    text-decoration: none;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline
{
    display: inline;
}

legend
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.floatR
{
    float: right;
}

.floatL
{
    float: left;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.txtNormal
{
    border-width: 1px;
}

.txtError
{
    border: 1px solid #FF0000;
}

.error
{
    color: #FF0000;
}

/* Titulares/Enlaces de los modulos de las noticias */
.enlaceNoticia
{
    font-size: 18px;
    font-weight: bold;
    color: #05669B;
    text-decoration: none;
}

.enlaceNoticia:hover
{
    color: #248EBC;
}

.enlacePortada
{
    font-size: 26px;
    font-weight: bold;
    color: #05669B;
    text-decoration: none;
}

.enlacePortada:hover
{
    color: #248EBC;
}

.enlaceDestacada
{
    font-size: 31px;
    font-weight: bold;
    color: #05669B;
    text-decoration: none;
}

.enlaceDestacada:hover
{
    color: #248EBC;
}

.enlaceEspecial
{
    font-size: 15px;
    font-weight: bold;
    color: #F8E502;
    text-decoration: none;
}


.enlaceEspecial:hover
{
    color: #E2D002;
}

.textoEspecial
{
    color: #FFFFFF;
}

.textoModulo
{
    text-align: justify;
    padding-bottom: 5px;
}

.textoModuloPie
{
    text-align: justify;
    padding-bottom: 20px;
    background-image: url('/img/elementos/fondo_texto.png');
    background-repeat: repeat-x;
}


.textoModuloPieEspecial
{
    text-align: justify;
    padding-bottom: 20px;
    background-image: url('/img/elementos/fondo_texto_especial.png');
    background-repeat: repeat-x;
}



.textoModuloEspecial
{
    text-align: justify;
    padding-bottom: 20px;
    background-repeat: repeat-x;
}


.textoModuloTriple
{
    text-align: justify;
    padding-bottom: 10px;
}


.textoModuloDoble
{
    text-align: justify;
    padding-bottom: 10px;
}

/* Modulos de noticias simples */
.divNoticia1, .divNoticia2, .divNoticia3, .divNoticia4, .divNoticia5, .divNoticia6, .divNoticia7, .divNoticia8, .divNoticia9
{
    /*border: 1px solid Gray;*/
    margin: 3px;
    padding: 8px 3px 3px;
}

.divFotoNoticia
{
    position: relative;
    overflow: hidden;
    margin-top: 5px;
    clear: both;
}

.divFotoNoticia img
{
    border: none;
}

/* Modulo de noticia doble */
.divNoticiaDoble
{
    /*border: 1px solid #CCCCCC;*/
    padding: 5px;
    margin: 5px;
}

.divFotoNoticiaDoble
{
    position: relative;
    width: 615px;
    overflow: hidden;
    margin: 5px 2px 0px 2px;
}

.divIconosFoto
{
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    padding: 0px;
    background-image: url('/img/translucido.png');
}

.divIconos1, .divIconos8, .divIconos9
{
    float: left;
}

.divIconosDer1, .divIconosDer8, .divIconos9
{
    float: right;
}

.divIconos2, .divIconos3, .divIconos4, .divIconos5, .divIconos6, .divIconos7, .divIconosDoble, .divIconosTriple, .divIconoFotoDia
{
    /*position: absolute;     top: 0px;     left: 0px;     padding-left: 5px;     padding: 5px 5px 5px 0px;*/
    float: left;
    padding: 5px;
}

.divIconosDer2, .divIconosDer3, .divIconosDer4, .divIconosDer5, .divIconosDer6, .divIconosDer7, .divIconosDerDoble, .divIconosDerTriple
{
    /*position: absolute;     top: 0px;     right: 0px;     padding-right: 20px;     padding: 5px 5px 5px 0px;*/
    float: right;
    padding: 5px;
}

.divIconosDer1 img, .divIconosDer8 img, .divIconosDer9 img, .divIconosDer2 img, .divIconosDer3 img, .divIconosDer4 img, .divIconosDer5 img, .divIconosDer6 img, .divIconosDer7 img, .divIconosDerDoble img, .divIconosDerTriple img
{
    border: none;
}

.divPieNoticiaDoble, .divPieNoticiaTriple, .divPieNoticia
{
    /*background-color: #000000;     opacity: 0.7;     filter: alpha(opacity = 70);*/
    background-image: url('/img/translucido.png');
    width: 100%; /* LA SOBRESCRIBE EL CS PARA CADA ELEMENTO */
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 10px; /* SI SE CAMBIA EL PADDING ES NECESARIO ESTABLECERLO EN EL CS DE LOS MODULOS DE NOTICIAS */
}

.divPieNoticiaDoble span, .divPieNoticiaTriple span, .divPieNoticia span
{
    color: #FFFFFF;
    font-size: 14px;
    font: italic 12px Arial;
}


/* Modulo de noticia triple */
.divNoticiaTriple
{
    /* border: 1px solid Gray;*/
    padding: 7px;
    margin: 7px;
}

.divFotoNoticiaTriple
{
    position: relative;
    width: 625px;
    overflow: hidden;
    float: left;
    margin: 7px 10px 7px 0px;
}


/* Contenedor de noticias triples */
.contNoticiasTriples
{
    clear: both;
    width: 920px;
    border: 1px solid #000000;
}

.contNoticiasTriplesPrev
{
    clear: both;
    width: 986px;
}

/* Contenedor de noticias dobles */
.contNoticiasDobles
{
    width: 640px;
    float: left;
    border: 1px solid #000000;
}

.contNoticiasDoblesPrev
{
    width: 640px;
    float: left;
}

/* Contenedor de banners */
#divControles
{
    width: 305px;
    float: right;
    background-color: #E3E3E3;
    margin: 10px 10px 10px 10px;
    padding: 3px;
}

/* Contenedor de las columnas de noticias 1 y 2 */
.contColsNoticias
{
    float: left;
    width: 627px;
}

/* Contenedor noticias 1 */
.contNoticias1
{
    width: 350px;
    float: left;
}

/* Contenedor noticias 2 */

.contNoticias2
{
    width: 265px;
    float: right;
}

.contNoticias2Especial
{
    width: 265px;
    float: right;
    background-color: #3C3C3C;
}

/* Contenedor Noticias por categoria */
.contNoticiasCategoria
{
    clear: both;
    width: 920px;
}

/* Modulo de Noticias por categoria */
.divNoticiaCategoria
{
    float: left;
    width: 437px;
    height: 190px;
    margin: 10px;
    border: 1px dashed #8ABCC1;
}

.divNoticiaCategoria span
{
    margin-left: 10px;
}

.divNoticiaCategoria div
{
    margin: 10px 10px 0px 10px;
    font-weight: bold;
}

.divNoticiaCategoria ul
{
    list-style-type: circle;
}

.divNoticiaCategoria a
{
    color: #5D7B97;
    font-size: 12px;
    text-decoration: none;
}

.divNoticiaCategoria a:hover
{
    /* text-decoration: underline;*/
}

.divNoticiaHuesca
{
    border-bottom: 2px solid #3FA9F5;
    color: #3FA9F5;
}
.divNoticiaComarcas
{
    border-bottom: 2px solid #8CC63F;
    color: #8CC63F;
}
.divNoticiaSociedad
{
    border-bottom: 2px solid #F7931E;
    color: #F7931E;
}
.divNoticiaEconomia
{
    border-bottom: 2px solid #9B2B29;
    color: #9B2B29;
}
.divNoticiaDeportes
{
    border-bottom: 2px solid #0A9B72;
    color: #0A9B72;
}
.divNoticiaCultura
{
    border-bottom: 2px solid #FF7BAC;
    color: #FF7BAC;
}
.divNoticiaSucesos
{
    border-bottom: 2px solid #C138B1;
    color: #C138B1;
}
.divNoticiaOpinion
{
    border-bottom: 2px solid #B9848C;
    color: #B9848C;
}
.divCabNoticiaHuesca
{
    background-image: url("../img/elementos/cabeceras/huesca.png");
    background-repeat: no-repeat;
    border-top: 2px solid #3FA9F5;
    height: 26px;
}
.divCabNoticiaHuesca span
{
    color: #FFFFFF;
    font-weight: bold;
    line-height: 26px;
    margin-left: 10px;
    padding: 2px 10px 2px 2px;
    text-transform: uppercase;
}
.divCabNoticiaComarcas
{
    background-image: url("../img/elementos/cabeceras/comarcas.png");
    background-repeat: no-repeat;
    border-top: 2px solid #8CC63F;
    height: 26px;
}
.divCabNoticiaComarcas span
{
    color: #FFFFFF;
    font-weight: bold;
    line-height: 26px;
    margin-left: 10px;
    padding: 2px 10px 2px 2px;
    text-transform: uppercase;
}
.divCabNoticiaSociedad
{
    background-image: url("../img/elementos/cabeceras/sociedad.png");
    background-repeat: no-repeat;
    border-top: 2px solid #F7931E;
    height: 26px;
}
.divCabNoticiaSociedad span
{
    color: #FFFFFF;
    font-weight: bold;
    line-height: 26px;
    margin-left: 10px;
    padding: 2px 10px 2px 2px;
    text-transform: uppercase;
}
.divCabNoticiaEconomia
{
    background-image: url("../img/elementos/cabeceras/economia.png");
    background-repeat: no-repeat;
    border-top: 2px solid #9B2B29;
    height: 26px;
}
.divCabNoticiaEconomia span
{
    color: #FFFFFF;
    font-weight: bold;
    line-height: 26px;
    margin-left: 10px;
    padding: 2px 10px 2px 2px;
    text-transform: uppercase;
}
.divCabNoticiaDeportes
{
    background-image: url("../img/elementos/cabeceras/deportes.png");
    background-repeat: no-repeat;
    border-top: 2px solid #0A9B72;
    height: 26px;
}
.divCabNoticiaDeportes span
{
    color: #FFFFFF;
    font-weight: bold;
    line-height: 26px;
    margin-left: 10px;
    padding: 2px 10px 2px 2px;
    text-transform: uppercase;
}
.divCabNoticiaCultura
{
    background-image: url("../img/elementos/cabeceras/cultura.png");
    background-repeat: no-repeat;
    border-top: 2px solid #FF7BAC;
    height: 26px;
}
.divCabNoticiaCultura span
{
    color: #FFFFFF;
    font-weight: bold;
    line-height: 26px;
    margin-left: 10px;
    padding: 2px 10px 2px 2px;
    text-transform: uppercase;
}
.divCabNoticiaSucesos
{
    background-image: url("../img/elementos/cabeceras/sucesos.png");
    background-repeat: no-repeat;
    border-top: 2px solid #C138B1;
    height: 26px;
}
.divCabNoticiaSucesos span
{
    color: #FFFFFF;
    font-weight: bold;
    line-height: 26px;
    margin-left: 10px;
    padding: 2px 10px 2px 2px;
    text-transform: uppercase;
}
.divCabNoticiaOpinion
{
    background-image: url("../img/elementos/cabeceras/opinion.png");
    background-repeat: no-repeat;
    border-top: 2px solid #B9848C;
    height: 26px;
}
.divCabNoticiaOpinion span
{
    color: #FFFFFF;
    font-weight: bold;
    line-height: 26px;
    margin-left: 10px;
    padding: 2px 10px 2px 2px;
    text-transform: uppercase;
}

/* DETALLE NOTICIA */

#divNoticiaDetalle .colIzq
{
    float: left;
    margin: 20px 10px 20px 20px;
    width: 580px;
}

#divNoticiaDetalle .colDer
{
    float: right;
    margin: 20px 10px 20px 20px;
    width: 280px;
}

.cuerpoNoticia
{
    text-align: justify;
}

.titularNoticia
{
    font-size: 24px;
    font-weight: bold;
    color: #034AF3;
}

.masNoticias
{
    margin-top: 40px;
}

.titularNoticiasSeccion
{
    font-size: 16px;
    font-weight: bold;
    color: #034AF3;
    text-decoration: none;
}

.titularNoticiasSeccion:hover
{
    /* text-decoration: underline;*/
}

.divCabeceraNoticiasSeccion
{
    border-top: 2px solid #BDBDBD;
    margin-bottom: 20px;
}

.divCabeceraNoticiasSeccion span
{
    background-color: #BDBDBD;
    padding: 2px 10px 2px 2px;
    margin-left: 20px;
    color: #2E2E2E;
}

.itemNoticiaSeccion
{
    margin-bottom: 20px;
}

.linkNoticia
{
    color: #333333;
    text-decoration: none;
}

.linkNoticiaSel
{
    background-color: #FFFF00;
}

.miniModulo1
{
    background-image: url('../img/iconos/formato1.jpg');
    background-repeat: no-repeat;
    width: 97px;
    height: 128px;
    cursor: pointer;
}

.miniModulo2
{
    background-image: url('../img/iconos/formato2.jpg');
    background-repeat: no-repeat;
    width: 98px;
    height: 128px;
    cursor: pointer;
}

.miniModulo3
{
    background-image: url('../img/iconos/formato3.jpg');
    background-repeat: no-repeat;
    width: 99px;
    height: 128px;
    cursor: pointer;
}

.miniModulo4
{
    background-image: url('../img/iconos/formato4.jpg');
    background-repeat: no-repeat;
    width: 98px;
    height: 132px;
    cursor: pointer;
}

.miniModulo5
{
    background-image: url('../img/iconos/formato5.jpg');
    background-repeat: no-repeat;
    width: 98px;
    height: 132px;
    cursor: pointer;
}

.miniModulo6
{
    background-image: url('../img/iconos/formato6.jpg');
    background-repeat: no-repeat;
    width: 99px;
    height: 132px;
    cursor: pointer;
}

.miniModulo7
{
    background-image: url('../img/iconos/formato7.jpg');
    background-repeat: no-repeat;
    width: 98px;
    height: 107px;
    cursor: pointer;
}

.miniModulo8
{
    background-image: url('../img/iconos/formato8.jpg');
    background-repeat: no-repeat;
    width: 98px;
    height: 107px;
    cursor: pointer;
}

.miniModulo9
{
    background-image: url('../img/iconos/formato9.jpg');
    background-repeat: no-repeat;
    width: 98px;
    height: 107px;
    cursor: pointer;
}

.miniModulo10
{
    background-image: url('../img/iconos/formato10.jpg');
    background-repeat: no-repeat;
    width: 98px;
    height: 107px;
    cursor: pointer;
}

.miniModuloTriple
{
    background-image: url('../img/iconos/formato.jpg');
    background-repeat: no-repeat;
    width: 293px;
    height: 128px;
    cursor: pointer;
}

.miniModuloDoble
{
    background-image: url('../img/iconos/formato_doble.jpg');
    background-repeat: no-repeat;
    width: 196px;
    height: 128px;
    cursor: pointer;
}
.miniModuloDoble_2
{
    background-image: url('../img/iconos/formato11.jpg');
    background-repeat: no-repeat;
    width: 196px;
    height: 128px;
    cursor: pointer;
}


.miniModuloSel
{
    /*  border: 3px solid #000000;*/
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

#ultimasNoticias ul
{
    margin-left: 0px;
    padding-left: 20px;
}


/* boton */


.submit, .submit:visited, input[type=button], input[type=submit], link[type=button]
{
    background: url("/img/elementos/alert-overlay.png") repeat-x scroll 0 0 #222222;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    color: #FFFFFF !important;
    cursor: pointer;
    font-size: 12px;
    display: inline-block;
    padding: 5px 10px 6px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}


.submit:hover, input[type=button]:hover, input[type=submit], link[type=button] :hover
{
    background-color: #111111;
    color: #E9E9E9 !important;
}

.boton a
{
    background: url("/img/elementos/alert-overlay.png") repeat-x scroll 0 0 #222222;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px 6px;
    position: relative;
    text-decoration: none;
    font-size: 11px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}


.boton a :hover
{
    background-color: #111111;
    color: #FFFFFF !important;
    font-size: 11px;
}