/* POSICIONAMIENTO DE CAPAS Y ESTILOS GENERALES */
html *, body.bodynormal div#contenido { margin: 0; padding: 0;  }

body { background-image: url(/img/juventud/portal/fondo.gif); }

div#presentacion {
	position: absolute;
	top: 0px;
	left: 4px;
	width: 303px;
	height: 152px;
	background-image: url(/img_cas/juventud/portal/presentacion.jpg);
}

div#social {
	position: absolute;
	top: 0px;
	left: 312px;
	width: 303px;
	height: 152px;
	background-image: url(/img_cas/juventud/portal/social.jpg);
}

div#suscripcion {
	position: absolute;
	top: 0px;
	left: 620px;
	width: 225px;
	height: 152px;
	background-image: url(/img_cas/juventud/portal/suscribete.jpg);
}

div#agenda {
	position: absolute;
	top: 164px;	
	left: 4px;
	width: 600px !important;
	width: 610px;
	height: 201px !important;
	height: 231px;
	padding: 30px 5px 0 5px;
	background-image: url(/img/juventud/portal/agenda.jpg);
}

div#noticias {
	position: absolute;
	top: 404px;	
	left: 4px;
	width: 600px !important;
	width: 610px;
	height: 601px !important;
	height: 631px;
	padding: 30px 5px 0 5px;
	background-image: url(/img_cas/juventud/portal/noticias.jpg);
}

div#recomendamos {
	position: absolute;
	left: 620px;	
	top: 164px;
	width: 225px;
	height: 835px  !important;
	height: 871px;
	padding-top: 36px;
	background-image: url(/img_cas/juventud/portal/recomendamos.jpg);
	text-align: center;
}


div#pie {
	width: 842px;
	position: absolute;
	top: 1038px;
	text-align: left;
	padding-bottom: 1em;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color:#999999;	
}

div#presentacion h1, div#social h1, div#agenda h1, div#noticias h1, div#recomendamos h1, div#suscripcion h1  {
	display: none;
}


/* CAPA "PRESENTACIÓN" */
div#presentacion a {
	width: 100%;
	height: 100%;
	display: block;	
}
div#presentacion a span {
	display: none;
}


/* CAPA "SOCIAL" */
body.bodynormal div#contenido div#social ul
{
	margin: 0; 
	padding: 0;
	list-style-image: none;	
	list-style-type: none;			
	margin-top: 74px;
}

body.bodynormal div#contenido div#social ul li
{
	display: inline;
}

body.bodynormal div#contenido div#social ul li a
{
	display: block;
	float: left;
	height: 42px;
	width: 42px;
	margin-left: 7px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -99999px;
}

body.bodynormal div#contenido div#social ul li a#facebook
{
	background-image: url("/img_cas/juventud/portal/logo_facebook.jpg");
}

body.bodynormal div#contenido div#social ul li a#twitter
{
	background-image: url("/img_cas/juventud/portal/logo_twitter.jpg");
}

body.bodynormal div#contenido div#social ul li a#youtube
{
	background-image: url("/img_cas/juventud/portal/logo_youtube.jpg");
}

body.bodynormal div#contenido div#social ul li a#tuenti
{
	background-image: url("/img_cas/juventud/portal/logo_tuenti.jpg");
}

body.bodynormal div#contenido div#social ul li a#blog
{
	background-image: url("/img_cas/juventud/portal/logo_blog.jpg");
}

body.bodynormal div#contenido div#social ul li a#flickr
{
	background-image: url("/img_cas/juventud/portal/logo_flickr.jpg");
}



/* CAPA "SUSCRIPCION" */
div#suscripcion a {
	width: 100%;
	height: 100%;
	display: block;	
}
div#suscripcion a span {
	display: none;
}


/* CAPA "recomendamos" */
div#recomendamos div#video1 {
	position: absolute;	
	top: 675px;
	left: 0px;
	width: 225px;	
	text-align:center;
}
div#recomendamos div#video1 p { margin-top: 6em; color: black; font-size: 0.9em; text-indent: 0; }

/* CAPA "AGENDA" */
body.bodynormal div#contenido div#agenda p.acto
{	
	font-size: 0.85em;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0.8em 0 0 0;
	background: url(/img/flechas/dcha_negra_peq.gif) 0 0.3em no-repeat;
	text-indent: 0;	
	padding-left: 10px;
	margin-left: 10px;

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

font-variant: small-caps;
}

div#agenda p.acto a 
{
	color: #A41203;
	text-decoration: none;
}

body.bodynormal div#contenido div#agenda p.mas_agenda
{
	position: absolute;
	text-align: right;
	bottom: 15px;	
	right: 20px;
	width: 100%;
}

body.bodynormal div#contenido div#agenda p.mas_agenda a
{
	background: url(/img/juventud/portal/leer_mas.gif) center left no-repeat;
	padding-left: 18px;
	text-decoration: none;
}

/* CAPA "NOTICIAS" */
div#noticias div#contenedor_scroll {
	position: relative;
	width: 600px;
	height: 584px;
	clip:rect(0px, 584px, 600px, 0px);	
	overflow:hidden;	
	font-size: 0.9em;
	color: black;
}
div#contenido_scroll {
	width: 560px;
	position: relative;
	left:10px;
	top:0px;		
}
div#noticias img#raya_puntos {
   margin:5px 10px;
}
div#noticias img#flecha_arriba {
   position: absolute;
   top: 0px;
   left: 587px;
   border: 0;
}
div#noticias img#flecha_abajo {
   position: absolute;
   top: 571px;
   left: 587px;
   border: 0;
}
div#noticias img#linea_scroll {
   position: absolute;
   top: 13px;
   left: 587px;
   border: 0;
}

html body.bodynormal div#contenido div#noticias div#contenedor_scroll div#contenido_scroll div.noticia {
padding: 0.8em 0 1em 0;
background-image: url(/img/juventud/portal/scroll/separador.gif);
background-position: bottom center;
background-repeat: no-repeat; 
min-height: 105px;
height: auto !important;
height: 105px;

}

/* 
   Hay que especificarlo así, porque se sobreescribe el estilo H2 de general.css que está definido 
   de forma muy específica 
*/
html body.bodynormal div#contenido div#noticias div#contenedor_scroll div#contenido_scroll div.noticia h2 {
	margin: 0;
	padding: 0;
	font-size: 0.95em;
	text-transform: uppercase;
	background-image: none;
	font-weight: bold;
}
div#noticias h2 a {
	color: #A41203;
	text-decoration: none;
}
html body.bodynormal div#contenido div#noticias div#contenedor_scroll div#contenido_scroll div.noticia p {
	margin: 0;
	padding: 0;
	text-indent: 0;
	font-size: 0.95em;
}

html body.bodynormal div#contenido div#noticias div#contenedor_scroll div#contenido_scroll div.noticia p a {
	color: black;
	text-decoration: none;
}

html body.bodynormal div#contenido div#noticias div#contenedor_scroll div#contenido_scroll div.noticia img {
	position: relative; 	
	float: right;
	margin: 0 0 0 10px;
	background-color: white;
	padding: 4px;
}

html body.bodynormal div#contenido div#noticias p.info {
	margin: 4em 2em;
	padding: 0;
	text-indent: 0;
	font-size: 0.95em;
	color: black;
}


/* CAPA "PIE" */

div#pie p#copyright{
position: relative;
float: left;
width: 49%;
text-align:left;
}

div#pie p#accesibilidad{
position: relative;
float: left;
width: 49%;
text-align:right;
}

div#pie a {
	text-decoration: none;
	color:#999999;	
}

div#pie a:hover {
	text-decoration: none;
	color:#9E483E;
}