/* Hoja de Estilo de Ergo*/

/* GENERALES */

* {

	font-family: Verdana, Arial, Helvetica, sans-serif; 

        font-size: 11px;

}



body {

	margin: 0px;

	border: 0px;

	padding: 0px;

	background-color: #FFFFCC;

	color: #000000;

        font-size: 10px;

}



.hidden {

        display: none;

}



img {

        border: 0px;

}



img.thumb {

        width: 150px;

}



input, select, textarea {

        border: 1px solid #000000;

}



form {

	margin: 0px;

	padding: 0px;

}



.tituloparrafo {

        font-size: 15px;

        margin-top: 10px;

        margin-bottom: 10px;

}



h3 {

        font-size: 18px;

}



form p {

        margin: 0px;

        padding: 0px;

}

/* CABECERA Y MENUS PRINCIPALES */

#cabecera {

        width: 100%;

	background-color: #670001;

	color: #FFFFFF;

	border-bottom: 3px solid #670001;

	background-image: url("../images/logo_fill.png");

	background-repeat: repeat-x;

}



.menus-cabecera {

        height: 80px;

	background-color: transparent;

}



.menus-cabecera ul, .menus-cabecera li {

	margin: 0px;

	padding: 0px;

        display: inline;

}



.menus-cabecera a {

	text-decoration: none;

        margin: 0px;

	float: left;

	padding-bottom: 1px;

	padding-top: 1px;

	padding-right: 5px;

	padding-left: 5px;

	color: #660010;

        font-size: 10px;

}



#sitio {

        margin-left: 340px;

        height: 64px;

}



#sitio ul, #sitio a {

	background-color: #FCCD99;

	color: #660010;

}



#sitio a:hover {

	background-color: #FAFFCA;

}



#webzine {

        margin-left: 330px;

        background-color: transparent;

}



#webzine ul, #webzine a {

	background-color: #FAFFCA;

	color: #660010;

}



#webzine a:hover {

	background-color: #FCCD99;

}



/* CUERPO DE LA PAGINA */

#contenido {

        float: left;

}



#pagina {

	float: left;

	clear: left;

	width: 770px;

	background-color: transparent;

	color: #670001;

        padding-left: 5px;

}



#contenido a, #contenido a:visited, #contenido a:active {

        color: #0000FF;

        text-decoration: none;

}



#contenido a:hover {

        text-decoration: underline;

}



/* PORTADA */

#portada-superior {

        float: left;

	margin-top: 5px;

        margin-bottom: 5px;

}



#portada-central {

        float: left;

	margin-top: 5px;

}



#portada-inferior {

        float: left;

	margin-top: 5px;

}



#flash-portada {

        width: 414px;

        float: left;
margin-left:4px;
margin-top:4px;

}



#editorial-portada {

	background-image: url("../images/tit_edito.gif");

	background-repeat: no-repeat;

        background-position: top center;

        width: 338px;

        float: right;

        margin-bottom: 10px;

        padding-top: 35px;

        border-bottom: 1px dotted #670001;

}



#noticias-portada {

	background-image: url("../images/tit_notic.gif");

	background-repeat: no-repeat;

        background-position: top center;

        background-color: #FFCC99;

        float: right;

        width: 338px;

        padding-top: 35px;

        padding-left: 5px;

        padding-right: 5px;

	padding-bottom: 10px;

        border-bottom: 1px dotted #670001;

}



#noticias-portada p {

        font-size: 9px;

	margin-bottom: 5px;

}



#noticias-portada strong {

        font-size: 10px;

}



#novedades-portada {

	background-image: url("../images/tit_noved.gif");

	background-repeat: no-repeat;

        background-position: top center;

        width: 400px;

        float: left;

        padding-top: 35px;

        padding-left: 5px;

        padding-right: 5px;

	padding-bottom: 10px;

        border-bottom: 1px dotted #670001;

}



#novedades-portada p {

        float: left;

	margin-bottom: 5px;

}



#novedades-portada p img {

        width: 60px;

        height: 60px;

        margin-right: 5px;

        margin-bottom: 10px;

        float: left;

}



#destacados-portada {

	background-image: url("../images/tit_desta.gif");

	background-repeat: no-repeat;

        background-position: top center;

        background-color: #FFCC99;

        float: right;

        width: 338px;

        padding-top: 35px;

        padding-left: 5px;

        padding-right: 5px;

	padding-bottom: 10px;

        border-bottom: 1px dotted #670001;

}



#destacados-portada p {

        float: left;

	margin-bottom: 5px;

}



#destacados-portada p img {

        width: 60px;

        height: 60px;

        margin-right: 5px;

        margin-bottom: 10px;

        float: left;

}

        

#edicion-portada {

        float: left;

        width: 420px;

}



#busqueda-portada {

        float: right;

        width: 338px;

}



/* PIE DE PAGINA */

#pie {

        width: 100%;

	float: left;

        text-align: center;

        padding-top: 25px;

        margin-top: 5px;

        margin-bottom: 15px;

        font-size: 9px;

        background-image: url("../images/sep_copy.gif");

        background-repeat: no-repeat;

        background-position: top center;

}



/* AREAS GENERAL */

hr.separacion {

        border-top: 1px solid #670001;

        width: 770px;

        float: left;

}



#cabecera-area {

        text-align: center;

        font-size: 11px;

        width: 750px;

}



#cabecera-area img {

        margin-bottom: 15px;

}



#secciones-area {

        float: left;

        width: 100%;

        margin-top: 10px;

        padding: 5px;

}



#secciones-area div {

        float: left;

        width: 370px;

}



.detalle-seccion {

        float: left;

        width: 100%;

	text-align: center;

        margin-top: 10px;

        padding-top: 5px;

}



.detalle-seccion h4 {

	font-size: 21px;

	font-weight: bold;

        display: inline;

}



.detalle-seccion .flecha {

	float: right;

}



.elemento-seccion, .elemento-seccion-bajar {

        float: left;

        width: 100%;

        vertical-align: middle;

        margin-top: 10px;

	text-align: left;

}



.elemento-seccion img {

        float: left;

        margin-top: 10px;

        width: 55px;

        height: 55px;

}



.elemento-seccion .titulo {

        float: left;

        width: 230px;

        padding-left: 8px;

        margin-top: 10px;

}



.elemento-seccion .bajada {

        float: left;

        width: 450px;

        padding-left: 8px;

        margin-top: 10px;

}



/* AREA COMO ICONO */

.elemento-seccion-icono {

        float: left;

        text-align: center;

        width: 140px;

        height: 110px;

        margin-top: 10px;

        padding: 5px;

}



.elemento-seccion-icono img {

        width: 70px;

        height: 70px;

}



/* ELEMENTO ARTICULO */

#cabecera-articulo {

	background-image: url("../images/superior.gif");

	background-repeat: no-repeat;

        background-position: top center;

        text-align: center;

        padding-top: 15px;

        width: 750px;

}



#cabecera-articulo h2 {

        display: none;

}



#cabecera-articulo h3 {

        font-size: 24px;

}



#cabecera-articulo h4 {

        font-size: 16px;

}



#cabecera-articulo img {

        margin-top: 10px;

        margin-bottom: 10px;

}



#cuerpo-articulo {

	background-image: url("../images/inferior.gif");

	background-repeat: no-repeat;

        background-position: top center;

        margin-top: 10px;

        margin-bottom: 10px;

        padding-top: 35px;

}



#texto-articulo {

        width: 590px;

        float: left;

}



#texto-articulo p:first-letter {

        font-size: 44px; 

        font-weight: bold; 

        float: left;

}



#imagenes-articulo {

        width: 170px;

        float: right;

        text-align: center;

	background-color: #FCCD99;

}



#imagenes-articulo .thumb {

    margin-top: 10px;

    margin-bottom: 10px;

}



.thumb img {

    max-width: 150px;

}



.thumb-articulo {

    max-width: 150px;

}



/* IMAGEN DE ELEMENTO */

#imagen {

        text-align: center;

        width: 740px;

}



#imagen h3 {

        font-size: 10px;

        float: left;

}



#imagen h4 {

        font-size: 18px;

}



/* ELEMENTO GALERIA */

#cabecera-galeria {

        width: 250px;

        float: left;

	background-color: #FFFFCC;

        padding: 5px;

        height: 100%;

}



#cabecera-galeria h2 {

        display: none;

}



#cabecera-galeria h3 {

        font-size: 24px;

        margin: 0px;

}        



#cabecera-galeria img {

        width: 240px;

        margin-top: 10px;

        margin-bottom: 10px;

}



#imagenes-galeria {

        width: 500px;

        float: left;

	background-color: #FCCD99;

        margin-top: 15px;

        padding: 5px;

}



#imagenes-galeria .thumb {

        width: 160px;

        height: 160px;

        float: left;

        display: inline;

        text-align: center;

        margin-bottom: 10px;

}



#imagenes-galeria .thumb img{

        width: 80px;

}



/* ELEMENTO EDITORIAL */

#editorial-cuerpo h4 {

        font-size: 24px;

        margin-top: 0px;

}



#editorial-cuerpo img {

        float: left;

        margin-right: 10px;

        margin-bottom: 10px;

        margin-top: 5px;

}



#editorial-cuerpo #autor {

        text-align: right;

}



#editorial-cuerpo p:first-letter {

        font-size: 44px; 

        font-weight: bold; 

        float: left;

}



/* AREA NOTICIAS */

#lista-noticias {

}



.ele-noticia {

        float: left;

        width: 45%;

        margin: 5px;

        height: 150px;

}



.cab-noticia {

	background-color: #FCCD99;

        padding: 5px;

}



.tit-noticia {

        font-size: 18px;

        margin: 0px;

}



.baja-noticia {

        padding: 5px;

}



/* ELEMENTO NOTICIA */

.cab-noticia-det {

	background-color: #FCCD99;

        padding: 5px;

        float: left;

}



.texto-noticia {

        width: 580px;

        float: left;

	background-color: #FFFFCC;

        margin-top: 10px;

        padding: 5px;

}



.imagenes-noticia {

        width: 170px;

        float: right;

        text-align: center;

        padding-top: 10px;

        padding-bottom: 10px;

}



/* ELEMENTO COMIC */

div#cabecera-sel {

        padding-top: 5px;

        padding-bottom: 5px;

        width: 750px;

}



form.cabecera-sel {

        display: inline;

}



/* AREA QUIEN ES QUIEN */

img.icono-quien {

        float: left;

        margin-top: 10px;

        width: 146px;

        height: 146px;

}



.elemento-seccion .bajada-quien {

        float: left;

        width: 590px;

        padding-left: 8px;

        margin-top: 10px;

}



/* AREA ALBUM */

.elemento-seccion img.icono-album {

        float: left;

        margin-top: 10px;

        margin-right: 20px;

        width: 75px;

        height: 55px;

}

    

.titulo-album {

        font-size: 12px;

        padding-top: 20px;

        float: left;

        width: 670px;

}



/* AREA PARA BAJAR */

.elemento-seccion-bajar img.icono-bajar {

        float: left;

        margin-top: 10px;

        margin-right: 20px;

        width: 146px;

}

    

.titulo-bajar {

        font-size: 12px;

        padding-top: 10px;

        float: left;

        width: 600px;

}