/* CSS Document */

/* WEB e.Security */

/* ------------------------- GENERALES ------------------------- */
body {
    margin: 0px 0px 0px 0px;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #000000;
    line-height: 140%;
    text-align: center;
    
    background-image: url(res/fondoweb.png);
    background-repeat: repeat-x;
    background-color: #000000;
    
}

h1, h2, h3 {
    margin: 0px;
    padding: 0px;
    color: #000080;
}

a, a:link, a:visited, a:active {
    color: #666666;
    text-decoration: none;
}

a:hover {
    color: #006699;
    text-decoration: underline;
}


/* ------------------------- CONTINENTE ------------------------- */
div#continente {
    overflow: visible;
    
    width: 1000px;
    
    margin: 0px auto 10px auto;
    padding: 0px;
    
    text-align: center;
    background-color: none;
}


div#igualadorcontinente {
    clear: both;
    height: 23px;
    background: none;
}


/* ------------------------- ZONA SUPERIOR ------------------------- */
div#zonasuperior {
    display: block;
    overflow: visible;
    
    margin: 7px 0px;
    margin-bottom: 20px;
    
    text-align: center;
    
    background: none;
}

div#zonasuperior div.menu {
    margin: 0px;
    
}

div#zonasuperior div.menu object{
    margin: 0px;
    
    background-color: #339AFF;
}


/* ------------------------- ZONA INFERIOR ------------------------- */
div#zonainferior {
    display: block;
    overflow: visible;
    z-index: 0;
    
    width: 1000px;
    
    margin: -21px 0px;
    margin-bottom: -23px;
    
    text-align: center;
    
    background-image: url(res/cuerpoc.png);
    background-repeat: repeat-y;
}

div#zonainferior div.contenedor {
    display: block;
    overflow: visible;
    z-index: 0;
    
    width: 960px;
    
    margin: 0px 20px;
    
    text-align: center;
    
    background-color: #FFFFFF;
    background-image: url(res/fondo.jpg);
    
    
}


/* ------------------------- ZONA DERECHA ------------------------- */
div#zonaderecha {
    float: right;
    overflow: visible;  
    position: relative;      
    
    width: 220px;
    
    margin: 0px;
    margin-right: 9px;
    padding: 0px;
    padding-left: 0px;
    
    background-image: url(res/fondo_banner_lat.png);
    background-color: none;
}

div#zonaderecha div.contenido {
    width: 220px;
    
    margin: 0px;
    padding: 0px;
    
    text-align: justify;
    
    background: none;
}

/* ------------------------- ZONA CENTRAL ------------------------- */
div#zonacentral {
    float: left;
    overflow: visible;
    position: relative;
    
    width: 730px;
    
    padding: 0px;
    margin: 0px;
    
    background-color: none;
}

div#igualadorcentral {
    clear: both;
    height: 10px;
}


div.contenido {
    display: block;
    float: left;
    position: relative;
    
    width: 710px;
    
    margin: 0px 10px 0px 10px;
    padding: 0px;
    
    text-align: justify;
    
    background-color: none;
}

div.columnas {
    display: block;
    float: left;
    position: relative;
    
    width: 720px;
    
    margin: 0px 5px;
    padding: 0px;
    
    text-align: justify;
    
    background: none;
}

div.columnas div.columna50 {
    float: left;
    position: relative;
    
    width: 350px;
    
    margin: 0px 5px;
    padding: 0px;
    
    text-align: justify;
    
    background: none;
}

div.columnas div.columna33 {
    float: left;
    position: relative;
    
    width: 230px;
    
    margin: 0px 5px;
    
    text-align: justify;
    
    background: none;
}

div.columnas div.columna66 {
    float: left;
    position: relative;
    
    width: 470px;
    
    margin: 0px 5px;
    padding: 0px;
    
    text-align: justify;
    
    background: none;
}

img.supc {
    height: 44px;
    width: 1000px;
}

img.infc {
    height: 42px;
    width: 1000px;
}

.imagencentral {
    margin-bottom: 5px;
    width: 740px;
    background: #99FFCC;
}

.imagengrande{
    width: 365px;
    padding: 0px;
    margin: 0px 0px 5px 0px;
    
    background: #99FFCC;
}

.imagenpequena{
    margin-bottom:5px;
    margin-right: 10px;
    float: left;
    background: #99FFCC;
}

.imageninter{
    float: left;
    position: relative;
    display: block;
    margin-bottom:5px;
    margin-right: 10px;
    background: #99FFCC;
}

.imagenrevista{
    float: left;
    width: 240px;
    background: #99FFCC;
}


/* ------------------------- BLOQUE ------------------------- */
div.bloque {
    position: relative;
    overflow: visible;
    width: 100%;
    
    padding: 0px;
    margin: 0px;
    
    text-align: justify;
    
    background-image: url(res/fondo_cuerpo_noticia.png);
    background-repeat: repeat;	
    background-color: none;
}

div.bloque h1 {
    margin-bottom: 4px;
    padding: 11px 30px;
    
    font-size: 125%;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #333333;
    
    background-image: url(res/homeg.png);
    background-repeat: repeat-y;
    background-color: none;
}

div.bloque h1 a {
    color: #333333;
}

div.bloque h1 a:hover {
    text-decoration: underline;
}

div.bloque h2 {
    margin-bottom: 4px;
    padding: 11px 30px;
    
    font-size: 125%;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #333333;
    
    background-image: url(res/homep.png);
    background-repeat: repeat-y;
    background-color: none;
}

div.bloque h2 a {
    color: #333333;
}

div.bloque h2 a:hover {
    text-decoration: underline;
}

div.bloque h3{
    padding: 10px 0px;
    
    font-size: 125%;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #333333;
    
    background-image: url(res/titulorevista.png);
    background-repeat: repeat-x;
    background-color: none;
}

div.bloque h3 a {
    color: #333333;
}

div.bloque h4 {
    padding: 4px 0px;
    
    font-size: 110%;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #333333;
    
    background-image: none;
    background-repeat: no-repeat;
    background-color: none;
}

div.bloque div.cuerpo {
    padding: 10px;
    padding-top: 0px;
    
}

div.bloque div.cuerpo div.izquierda {
    float: left;
    overflow: visible;
    
    margin-right: 5px;
    margin-bottom: 5px;
    
    background: none;
}

div.bloque div.cuerpo div.derecha {
    float: right;
    overflow: visible;
    
    margin-left: 5px;
    margin-bottom: 5px;
    
    background: none;
}

div.bloque img.revista {
    width: 100%;
    
    border: 0px;
    
    text-decoration: none;
    
}

/* ------------------------- FILA ------------------------- */
div.fila {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    
    width: 100%;
    
    text-align: center;
    
    background: none;
}

div.fila div.nombre {
    float: left;
    overflow: visible;
    position: relative;
    
    background: none;
}

div.fila div.valor {
    float: right;
    overflow: visible; 
    position: relative;
    
    background-color: none;
}

div.filab {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    
    width: 100%;
    
    text-align: center;
    
    background: none;
}

div.filab div.anterior {
    float: left;
    overflow: visible; 
    position: relative;
    width: 114px;
    
    padding: 5px;
    background-image: url(res/fondo_siguiente.png);
    background-color: none;
}

div.filab div.siguiente {
    float: right;
    overflow: visible; 
    position: relative;
    width: 114px;
    
    padding: 5px;
    background-image: url(res/fondo_siguiente.png);
    background-color: none;
}


/* ------------------------- FILA SUSCRIPCIÓN ------------------------- */
div.filasusc {
    
    float: left;
    overflow: visible;
    position: relative;
    
    width: 100%;	
    height: 22px;
    
    padding: 3px 0px;
    
    text-align: center;
    
    background: none;
}

div.filasusc label.nombre {
    float: left;
    overflow: visible;
    position: relative;
    
    width: 150px;	
    height: 18px;
    
    padding: 2px 10px 0px 50px;
    
    font-size: 120%;
    text-align: left;
    
    background: none;
}

div.filasusc div.valor {
    float: left; 
    overflow: visible;
    position: relative;
    
    background: none;
}

div.filasusc div.valor input{
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 12px; 
}


/* ------------------------- NOTICIAS ------------------------- */
div.noticia {
    position: relative;
    overflow: visible;
    width: 100%;
    
    background-image: url(res/fondo_cuerpo_noticia.png);
    background-repeat: repeat;
    background-color: none;
}

div.noticia h1{
    padding: 4px 10px;
    
    font-size: 140%;
    line-height: 120%;
    text-transform: uppercase;
    color: #333333;
    
    background-image:url(res/titulo_noticia.png);
    background-repeat: repeat-x;
    background-color: none;
}

div.noticia h2{
    padding: 4px 10px;
    padding-bottom: 0px;
    
    font-size: 120%;
    color: #336699;
    
    background: none;
}

div.noticia div.cuerpo {
    padding: 10px;
    padding-top: 4px;
}

div.noticia div.cuerpo div.izquierda {
    float: left;
    overflow: visible;
    
    margin-right: 5px;
    margin-bottom: 5px;
    
    background: none;
}

div.noticia div.cuerpo div.derecha {
    float: right;
    overflow: visible;
    
    margin-left: 5px;
    margin-bottom: 5px;
    
    background: none;
}

div.noticia div.cuerpo div.centrada {
    display: block;
    float: left;
    overflow: visible;
    width: 350px;
    
    margin: 0px auto;
    margin-bottom: 5px;
    text-align: center;
    
    background: none;
}

div.noticia div.cuerpo div.ancha {
    display: block;
    float: left;
    overflow: visible;
    width: 350px;
    
    margin-bottom: 5px;
    
    background: none;
}

div.noticia div.cuerpo img.ancha {
    display: block;
    float: left;
    overflow: visible;
    width: 350px;
    
    margin-bottom: 5px;
    
    background: none;
}


/* ------------------------- REVISTA ------------------------- */
div#revista {
    height: 678px;
}

div#revista object {
    height: 653px;
}


/* ------------------------- BANNER ------------------------- */
div#banner {
    display: block;
    position: relative;
    overflow: visible;
    
    width: 100%;
    
    margin: 0px;
    
    text-align: center;
    
    background: none;
    background-repeat: no-repeat;
}

div#banner div.superior {
    position: relative;
    overflow: visible;
    
    margin: 0px auto;
    
    text-align: center;
    
    background: none;
}

div#banner div.intermedio {
    position: relative;
    overflow: visible;
    
    margin: 0px auto;
    
    text-align:center;	
    
    background: none;
}


div#banner div.lateral {
    position: relative;
    overflow: visible;
    
    margin: 0px auto;
    
    text-align:center;	
    
    background: none;
}

div#banner div.separador {
    position: relative;
    overflow: visible;
    
    width: 100%;
    height: 5px;
}


a.banner {
    display: block;
    
    margin: 0px;
    border: 0px;
    
    text-align: center;	
    text-decoration: none;
    
    background: none;
}

a.banner img.banner:hover {
    text-decoration: none;	
    
    border: 0px;
    
    background: #006699;
}

a.banner img.banner {
    padding: 4px;
    border: 0px;
    
    text-decoration: none;
    background: none;
}