/* HOJA DE ESTILOS */

body{
	font-family: Arial, sans-serif;
	font-size: 12px;
	color:#000;
	background:#FFF;	
}
a {font-family: Arial;}

.left{ float: left;}
.right{ float:right;}

#wrapper{
	background: url(../media/img/fondos/backWrapper.jpg) repeat-x top;
	text-align: center;
	display:block;
	position: relative;
	margin: 0px auto;
	overflow: hidden;
}

#header{
	width:987px;
	display:block;
	position: relative;
	margin: 0px auto;
	text-align:left;
	height:179px;
	background: url(../media/img/fondos/backHeader.jpg) no-repeat left top;
}
#header h1{
	width:338px;
	height:146px;
	position:absolute;
	left:15px;
	top:35px;
}
.bannerHeader{
	width:599px;
	height:145px;
	position: absolute;
	top:26px;
	right:0px;
}
.fechaHeader{
	text-align:left;
	display:block;
	position:relative;
	height:20px;
	top:8px;
	color:#999;
}

#upperMenu{
	width:987px;
	display:block;
	position: relative;
	margin: 0px auto 0px auto;
	height:50px;
	background: url(../media/img/fondos/backMenu.jpg) repeat-x top;
	
}
#upperMenu ul{
	height:22px;
	display:block;
}
#upperMenu ul li{
	float: left;
	display:block;
}


#upperMenu #menuPortada a{width:82px; height:22px; display:block;}
#upperMenu #menuInfomagazine a{width:113px; height:22px; display:block;}
#upperMenu #menuAgenda a{width:71px; height:22px; display:block;}
#upperMenu #menuTucomunidad a{width:112px; height:22px; display:block;}
#upperMenu #menuNanos a{width:67px; height:22px; display:block;}
#upperMenu #menuPelmon a{width:75px; height:22px; display:block;}
#upperMenu #menuEnlaces a{width:77px; height:22px; display:block;}

#submenu{
	text-align:left;
	color:#329E2C;
	font-size:14px;
	height:23px;
	display:block;
	position: relative;
	left:82px;
	background: url(../media/img/fondos/backSubmenu.jpg) no-repeat left top;
	width:609px;
}

#submenu .listaSubmenu{
	padding-left:124px;
	position: relative;
	top:3px;
	height:23px;
	display:block;
}

#submenu a{
	color:#329E2C;
	text-decoration: none;
}
#submenu a:hover{
	color:#329E2C;
	text-decoration: underline;
}

#wrapperContent{
	text-align:left;
	width:987px;
	display:block;
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	padding-bottom:30px;
}

#homeLeftBlock{
	width:450px;
	float: left;
	position: relative;
	left: 10px;
}

#homeCenterBlock{
	width:345px;
	float: left;
	position: relative;
	left: 10px;
}
#homeRightBlock{
	width:170px;
	float: right;
	position: relative;
	right:10px;
}

#footer{
	clear:both;
	height:120px;
	background: url(../media/img/fondos/backFooter.jpg) repeat-x;
}
#footerContent{
	text-align:left;
	width:987px;
	height:120px;
	margin: 0px auto;
	background: url(../media/img/fondos/backFooterContent.jpg) no-repeat bottom left;
}
#footerContent p{
	color:#7D7D7D;
	text-align: center;
	padding: 20px 0 0 0;
	font-size: 11px;
	line-height: 14px;
}
#footerContent a{
	color:#7D7D7D;
	text-decoration:none;
}
#footerContent a:hover{
	color:#7D7D7D;
	text-decoration:underline;
}


/*----------------------------------- LEFT BLOCK-------------*/

.flashHome{
	width:450px;
	height: 288px;
	background: #fff;
}

/*-----modulos noticias*/

#modulosHome{
	padding:20px 0 10px 0;
}



/*-----modulos destacados*/

div.moduloDestacado{
	display: block;
	clear: both;
	overflow: hidden;
}
div.moduloDestacado h2{
	font-size: 24px;
	color:#1F6F00;
	text-transform: uppercase;
	width:422px;
}

div.moduloDestacado .imgModuloDestacado{
	width:144px;
	height:152px;
	overflow: hidden;
	display: block;
	float: left;
}
div.moduloDestacado .descModuloDestacado{
	float: right;
	overflow: hidden;
	display: block;
	width:290px;
}

div.descModuloDestacado span.categoriaModuloDestacado{
	color:#1F6F00;
	text-transform: uppercase;
	font-size: 11px;
}

div.descModuloDestacado h3{
	font-size: 21px;
	color:#000000;
	padding-right: 28px;
	margin: 0 0 10px 0;
}
div.descModuloDestacado p{
	font-size: 12px;
	line-height: 14px;
	color:#000000;
	padding-right: 28px;
}

a.leermasDestacado{
	font-size: 10px;
	color:#1F6F00;
	text-decoration: none;
	text-transform: uppercase;
}
a.leermasDestacado:hover{
	font-size: 10px;
	color:#1F6F00;
	text-decoration: underline;
	text-transform: uppercase;
}


/*-----modulos estandar-------------*/

div.moduloEstandar{
	display: block;
	clear: both;
	overflow: hidden;
}

div.moduloEstandar h2{
	font-size: 18px;
	color:#804ca9;
	text-transform: uppercase;
	width:422px;
}
div.moduloEstandar .imgModuloEstandar{
	width:96px;
	height:53px;
	overflow: hidden;
	display: block;
	float: left;
}
div.moduloEstandar .descModuloEstandar{
	float: right;
	overflow: hidden;
	display: block;
	width:340px;
}
div.descModuloEstandar span.categoriaModuloEstandar{
	color:#804ca9;
	text-transform: uppercase;
	font-size: 9px;
	display: block;
}

div.descModuloEstandar h3{
	font-size: 14px;
	color:#000000;
	margin: 0 0 10px 0;
	float: left;
	display: block;
	width:140px;
}
div.descModuloEstandar p{
	color:#000000;
	float:left;
	font-size:10px;
	line-height:12px;
	padding-left:10px;
	width:165px;
}

a.leermasEstandar{
	color:#804ca9;
	display:block;
	float:right;
	font-size:9px;
	right:140px;
	margin-top:2px;
	position:relative;
	text-decoration:none;
	text-transform: uppercase;
	width:50px;
}
a.leermasEstandar:hover{
	color:#804ca9;
	display:block;
	float:right;
	font-size:9px;
	right:140px;
	margin-top:2px;
	position:relative;
	text-decoration: underline;
	text-transform: uppercase;
	width:50px;
}

/*----------------------------------- FIN LEFT BLOCK-------------*/


/*----------------------------------- CENTER BLOCK-------------*/

/*-------------Agenda de la home-------------*/


div#agendaHome .itemVLC, div#agendaNanosHome .itemVLC{ background:#FFF4E0!important;}
div#agendaHome .itemVLC .descItemAgendaHome h3{ color:#D57201!important;}
div#agendaHome .itemALC, div#agendaNanosHome .itemALC{background: #D9F3F8!important;}
div#agendaHome .itemALC .descItemAgendaHome h3{ color:#0088C3!important;}
div#agendaHome .itemCAS, div#agendaNanosHome .itemCAS{background: #DCECDF!important;}
div#agendaHome .itemCAS .descItemAgendaHome h3{ color:#005600!important;}

a.itemsVLC{ color:#D78C0C; text-decoration:none; border-bottom:2px solid #D78C0C;}
a.itemsALC{color:#458EB9; text-decoration:none; border-bottom:2px solid #458EB9;}
a.itemsCAS{color:#325D16; text-decoration:none; border-bottom:2px solid #325D16;}

div#agendaHome{
	position:relative;
	width:330px;
	background: url(../media/img/fondos/agendaHomeMid.jpg) repeat-y;
}
div#agendaHome h2{
	width:330px;
	background: url(../media/img/fondos/agendaHomeTop.jpg) no-repeat left top;
	height:41px;
	display: block;
	border:0px!important;
}
img.agendaHomeH2{
	position: relative;
	top:10px;
	left:8px;
}
div#agendaHome ul, div#agendaNanosHome ul{
	position:absolute;
	right:59px;
	top:21px;
	width:130px;
}
div#agendaHome ul li, div#agendaNanosHome ul li{
	display: block;
	float: left;
	margin-right: 10px;
}
div#agendaHome ul li a, div#agendaNanosHome ul li a{
	font-weight: bold;
	font-size: 12px;
}

div#listadoAgendaHome{
	overflow: hidden;
	width: 308px;
	left:10px;
	overflow:hidden;
	position:relative;
	width:308px;
}
div.itemAgendaHome{
	width:308px;
	height:60px;
	margin: 0 0 5px 0;
	background: #ccc;
}
div.itemAgendaHome .imgItemAgendaHome{
	width: 88px;
	height:60px;
	float: left;
	display: block;
}
.imgItemAgendaHome img{
	display: block;
	margin: 0px auto;
	width: 75px;
	height: 49px;
	margin-top:6px;
}

div.itemAgendaHome .descItemAgendaHome{
	float: left;
	width:200px;
	margin:6px 0 0 10px;
	display: block;
}
div#agendaHome div.descItemAgendaHome h3{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 5px 0;
}
div#agendaHome div.descItemAgendaHome h3 span.fechaItem{
	font-size: 11px!important;
	padding-right: 5px;
}
div#agendaHome div.descItemAgendaHome p{
	font-size: 11px;
	display: inline;
	line-height: 14px;
}
div.descItemAgendaHome strong{
	font-size: 10px;
}

.footerAgendaHome{
	width:330px;
	height:13px;
	display: block;
}
/*------------- FIN Agenda de la home-------------*/

/*-------------BANNER MOVIL*/

.bannerMovilHome{
	width:300px;
	display: block;
	position: relative;
	left:15px;
	margin: 20px 0 0 0;
}

/*----------------------------------- FIN CENTER BLOCK-------------*/



/*----------------------------------- INTERIOR DETALLE NOTICIA-------------*/

/*-------------innerLEFTBLOCK*/

#innerLeftBlock {
	width:805px;
	overflow:hidden;
	float: left;
}


/*----------------------------------- INICIO HOME NANOS-------------*/

div#nanosHome{
	display: block;
	width:987px;
	overflow: hidden;
	position: relative;
}

div#nanosHome h2.titSeccion{
	font-size: 40px;
	color:#01c7f8;
	display:block;
}

div#agendaNanosHome{
	position:relative;
	width:330px;
	float: right;
}
div#agendaNanosHome h2{
	width:330px;
	height:41px;
	display: block;
	border:0px!important;
}
img.agendaNanosHomeH2{
	position: relative;
	top:10px;
	left:8px;
}
.topEnlaces{
	margin:0px auto;
	width:987px;
	overflow: hidden;
	height:315px;
}
.linkTopDescargas{ width: 335px; height: 310px; float: left; display: block;}
.linkTopSoyperiodista{width:430px; height: 310px; float:right; display:block;}

div.nanosBienvenida{
	display:block;
	float:left;
	left:33px;
	position:relative;
	width:170px;
}
div.nanosBienvenida h3{
	color:#999;
	font-size: 32px;
	margin: 10px 0 20px 0;
}
div.nanosBienvenida p{
	color:#999;
	font-size: 15px;
	padding: 0 0 0 0;
	line-height: 18px;
}

.backMenuNanos{
	background: url(../media/img/fondos/backNanosMenu.gif) no-repeat left top;
	width:987px;
	overflow: hidden;
	padding: 0 0 13px 0;
}
.menuNanos{
	width:600px;
	height:159px;
	display: block;
	margin: 0px auto;
	overflow: hidden;
	clear:both;
	background: url(../media/img/fondos/backNanosMenuWhite.jpg) no-repeat left -1px;
}

#menuDescargas{width:98px; height:115px; display: block;}
#menuNoticias{width:120px; height:115px; display: block;}
#menuSoyperiodista{width:145px; height:115px; display: block;}
#menuJuegos{width:126px; height:115px; display: block;}
#menuAgenda{width:97px; height:115px; display: block;}

div.menuNanos ul{
	display:block;
	height:115px;
}
div.menuNanos li{
	float: left;
	display:block;
	height:115px;
}
div.menuNanos span.titEnlace{
	color:#1298C3;
	font-weight: bold;
	display: inline;
	position: relative;
	top:8px;
	font-size: 14px;
}
div.menuNanos p.descEnlace{
	color:#999;
	display: inline;
	position: relative;
	top:8px;
	font-size: 14px;
}

#nanosHomeInferior{
	width:995px;
	display: block;
	overflow: hidden;
}
div.destacadosHomeNanos{
	width:645px;
	float: left;
}
div.destacadoNanosItem{
	width:318px;
}
div.destacadoNanosItem h2{
	color:#666!important;
	font-size: 24px;
	margin: 20px 0 15px 0;
	border:0px!important;
}
div.destacadoNanosItem p{
	color:#666;
	font-size: 12px;
	padding: 0 10px 10px 0;
	line-height: 14px;
}

div#agendaNanosHome div.descItemAgendaHome h3{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 0 0;
	color:#666;
}
div#agendaNanosHome div.descItemAgendaHome h3 span.fechaItem{
	font-size: 11px!important;
	padding-right: 5px;
	color:#666;
}
div#agendaNanosHome div.descItemAgendaHome h4 {
	font-size: 10px!important;
	padding:0px 5px 2px 0;
	color:#666;
}
div#agendaNanosHome div.descItemAgendaHome p{
	font-size: 10px;
	display: inline;
	line-height: 12px;
	color:#666;
}

/*----------------------------------- NOTICIAS NANOS -------------*/

div#nanosListadoNoticias{
	padding: 10px 0 0 0;
}
div.nanosNoticiaItem{
	clear:both;
	overflow: hidden;
	width:987px;
	padding: 0 0 23px 0;
}
h2.nanosNoticiaCategoria{
	font-size: 20px!important;
	margin: 0px;
	color:#01c7f8;
	display:block;
}
div.nanosNoticiaImgItem{
	width:272px;
	float:left;
}
.nanosNoticiaDescItem{
	width:570px;
	float: right;
}

.nanosNoticiaDescItem h3{
	color:#999;
	font-size: 24px;
	padding: 0 0 15px 0;
}
.nanosNoticiaDescItem p{
	font-size: 13px;
	line-height: 16px;
	padding: 0 0 10px 0;
	color:#999;
}
.nanosNoticiaDescItem p strong{
	font-size: 14px;
	font-weight: bold;
}

/*----------------------------------- DETALLES NOTICIAS NANOS -------------*/

div#nanosDetallesNoticias h4{
	color:#000;
	font-size:30px;
}

div#nanosDetallesNoticias small.actDate{
	text-align: right;
	float: right;
	display:block;
	margin: 0 0 25px 0;
	font-size: 10px;
	color:#666;
}

div#nanosDetallesNoticias .postNoticia{
	width:987px;
	overflow: hidden;
	display:block;
}
div#nanosDetallesNoticias #mediaDetalleNoticia{
	float:left;
	width:308px;
}

#mediaDetalleNoticia .linkMedia{
	margin: 10px 0 0 0;
	color:#01C7F8!important;
}
#mediaDetalleNoticia .linkMedia a{
	color:#666;
	text-decoration: none;
}
#mediaDetalleNoticia .linkMedia a:hover{
	color:#666;
	text-decoration: underline;
}
.marginTop{
	margin:10px 0 0 0;
}
.marginBottom{
	margin:0 0 10px 0;
}

div#nanosDetallesNoticias .cajaDetalleNoticia{
	border:1px solid #DDEEFE;
	width:305px;
	display:block;
}
div#nanosDetallesNoticias .cajaDetalleNoticia p{
	padding: 20px;
	color:#01C7F8;
	font-size: 14px;
	line-height: 16px;
}
div#nanosDetallesNoticias #descDetalleNoticia{
	float:right;
	width:640px;
}

div#nanosDetallesNoticias #descDetalleNoticia p{
	font-size: 16px;
	color:#404040;
	line-height: 22px;
	padding: 0 0 15px 0;
}


/*----------------------------------INICIO SECCION PEL MON - Y NOTICIAS VARIAS*/



div#pelmonHome .introPelmon {
	clear:both;
	overflow:hidden;
	display:block;
	position: relative;
	left:12px;
	width:760px;
}
div#pelmonHome .introPelmon {margin: 0 0 20px 0;}

div#pelmonHome .imgIntroPelmon{
	width:480px;
	height:252px;
	float:left;
}

#elPersonaje{
	display:block;
	position: relative;
	left:12px;
	width:760px;
}

div#pelmonHome .descIntroPelmon{
	bottom:0;
	float:right;
	position:absolute;
	right:0;
	width:265px;
}
div#pelmonHome .descIntroPelmon h3{
	font-size: 30px;
	color:#7f50b5;
	font-weight:normal;
	padding: 0 10px 0 0;
}
div#pelmonHome .descIntroPelmon p{
	color:#7f50b5;
	font-size: 12px;
	line-height:14px;
	padding: 0 10px 0 0;
}

#ciudadItem h2 {
	color:#7f50b5;
	font-size: 15px;
	font-weight:normal;
}

#ciudadItem .imgCiudadItem{
	width:215px;
	float:left;
}

#ciudadItem .descCiudadItem{
	float:right;
	width:515px;
	position: relative;
	right:40px;
}

#ciudadItem .descCiudadItem h3{
	text-transform: uppercase;
	font-size: 15px;
	margin: 0 0 10px 0;
}
span.oficioViajero{ color:#969696;}
#ciudadItem .descCiudadItem h4{ font-size: 28px; line-height: 20px;}

#ciudadItem small.actDate{
	color:#464646;
	font-size: 12px;
	padding:  2px 0 20px 0;
	display:block;
}
#ciudadItem .descCiudadItem p{
	color:#404040;
	font-size: 13px;
	line-height: 16px;
	padding: 0 0 10px 0;
}

/* PEL MON DETALLES------------------------*/

div#pelmonDetalle{
	display:block;
	left:12px;
	position:relative;
	width:760px;
}
div#pelmonDetalle h2, #elPersonaje h2{
	color:#969696;
	font-size:15px;
	padding: 0 0 25px 0;
}
div#pelmonDetalle h2 span.detalleAutora, div#elPersonaje h2 span.detalleAutora{
	color:#000;
}
div#pelmonDetalle h3, div#elPersonaje h3 {
	color:#000;
	font-size:30px;
	line-height:25px;
	padding-bottom:20px;
}

small.actDate{
	text-align: right;
	float: right;
	display:block;
	position: relative;
	right:20px;
	margin: 0 0 25px 0;
	font-size: 10px;
	color:#666;
}

.postNoticia{
	width:790px;
	overflow: hidden;
	display:block;
}
#mediaDetalleNoticia{
	float:left;
	width:305px;
}

#mediaDetalleNoticia .cajaDetalleNoticia{
	border:1px solid #B09CC7;
	width:303px;
	display:block;
	padding:20px 0 20px 0;
}
.cajaDetalleNoticia p{
	padding:0 20px 10px 20px!important;
	color:#404040!important;
	font-size: 13px!important;
	line-height: 16px!important;
}
.cajaDetalleNoticia p strong{ color:#7f50b5;}
#descDetalleNoticia{
	float:right;
	position:relative;
	right:20px;
	width:450px;
}

#descDetalleNoticia p, #mediaDetalleNoticia p{
	font-size: 14px;
	color:#404040;
	line-height: 18px;
	padding: 0 0 15px 0;
}
#descDetalleNoticia ul, #mediaDetalleNoticia ul, #descDetalleNoticia li, #mediaDetalleNoticia li{
	font-size: 14px;
	color:#404040;
}
#descDetalleNoticia ul, #mediaDetalleNoticia ul{padding-bottom: 20px;}
#descDetalleNoticia blockquote, #mediaDetalleNoticia blockquote{
	text-align: center;
	font-size: 18px;
	color:#000;
	line-height: 22px;
	padding: 20px;
}

.img01{
	width:436px;
	padding-bottom: 20px;
}
.img01 p{
	display:block;
	font-size: 11px;
}
/* PROTECCION DE DATOS*/

#proteccionDatos{
	border:1px solid #ccc;
	background: #fff;
	font-size: 12px;
	color:#787878;
	width:424px;
	display:block;
	margin:0px auto;
}
#proteccionDatos p {
	padding: 0 20px 10px 20px;
	text-align: left;
	line-height:16px;
}
#proteccionDatos h3 {
	padding: 30px 20px 20px 20px;
	text-align: left;
}
.closeLayer{
	position: absolute;
	width:26px;
	height:25px;
	right:5px;
	top:5px;
}