/*
-----------------------------------------------------------
Titulo:			Plan joven- index 2
-----------------------------------------------------------
*/
body {
background: #000000;
margin: 0px;
padding: 20px 0px 0px;
}
#contenedor {
background: #FFFFFF url(imgs/bkg-contenedor.jpg) no-repeat 0px 0px;
margin: 0px auto;
padding: 0px;
height: 600px;
width: 950px;
}
#marquee{
position:absolute;
top:15px;
left:18%;
width:820px;
font: bold 85%/18px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
margin-top:20px;
}
#colizq {
height: 400px;
width: 280px;
margin: 0px;
padding: 0px;
float: left;
}
#menu-izq {
margin: 60px 0px 0px 47px;
padding: 0px;
width: 206px;
}
#menu-izq h1 {
font: bold 65%/15px Verdana, Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin: 0px 0px 7px;
padding: 0px 0px 0px 5px;
background: url(imgs/bkg-h1-menu-izq.jpg) no-repeat left top;
width: 200px;
}
#menu-izq ul {
margin: 0px 0px 7px 45px;
padding: 0px;
list-style: none outside;
}
#menu-izq li {
text-transform: uppercase;
margin: 0px;
padding: 0px;
font: bold 10px/10px Arial, Helvetica, sans-serif;
}
#menu-izq a {
text-decoration: none;
color: #000000;
margin: 0px;
padding: 0px;
font-weight: bold;
}
#menu-izq a:hover {
text-decoration: underline;
}
#colder {
height: 530px;
width: 660px;
float: right;
margin: 0px;
padding: 0px;
position: relative;
font-family: Arial, Helvetica, sans-serif;
list-style: none;
}
#colder-foto {
height: 172px;
width: 642px; 
margin: 56px 0px 20px;
padding: 0px;
}
#colder-foto-mancha {
height: 163px;
width: 164px;
position: absolute;
top: 56px;
right: 35px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/mancha.png',sizingMethod='scale');
}
div>#colder-foto-mancha {
background: url(imgs/mancha.png);
}
#colder-contenido {
overflow: hidden;
position: relative;
width: 550px;
margin: 0px;
padding: 0px;
height: 250px;
}
#colder-contenido h1 {
font: bold 110% Verdana, Arial, Helvetica, sans-serif;
}
#colder-contenido .h1-marron {
color: #D2C43F;
}
#colder-contenido .titular {
width: 520px;
margin: 0px 0px 20px;
padding: 0px;
}
#colder-contenido .titular h2 {
font-size: 75%;
margin: 0px;
padding: 0px;
text-transform: uppercase;
}
#colder-contenido .titular p {
font-size: 75%;
margin: 0px;
padding: 0px;
test-align:justify;
}
#colder-contenido .titular a {
font-size: 75%;
text-decoration:none;
font-weight:bold;
color:#000;
}
#colder-contenido .titular .imagen {
float: left;
margin: 2px 10px;
}
#colder-contenido .titular a:hover {
color: #D2C43F;
}
#pie {
height: 70px;
clear: both;
}
#menu-inf {
margin: 0px 0px 0px 350px;
padding: 0px;
height: 25px;
width: 550px;
}
#menu-inf ul {
margin: 0px;
padding: 0px;
}
#menu-inf li {
display: inline;
margin: 0px 10px 0px 0px;
padding: 0px;
height: 25px;
width: 87px;
}
#footer{
color: #D2C43F;
font: 10px Verdana, Arial, Helvetica, sans-serif;
margin-left:130px;
}
#footer a{
color: #D2C43F;
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}

	/* Estilos para Scroller */
	.Scroller-Container {
	  position: relative;
	  top: 0px; 
	  left: 0px;
	}
	.Scrollbar-Up {
	  position: absolute;
	  width: 26px; 
	  height: 25px;
	  background:  url(images/up.gif) no-repeat center;
	  font-size: 0px;
	  left:-13px;
	}
	.Scrollbar-Track {
	  width: 20px; 
	  height: 332px;
	  position: absolute;
	  top: 12px; 
	  left: -5px;
	  background: transparent url(images/track.gif) no-repeat center center;
	}
	.Scrollbar-Handle {
	  position: absolute;
	  top: 10px;
	  width: 30px; 
	  height: 17px;

	}
	.Scrollbar-Down {
	  position: absolute;
	  top: 332px;
	  width: 26px; 
	  height: 27px;
	  background: transparent url(images/down.gif) no-repeat center;
	  font-size: 0px;
	}
	#Scrollbar-Container {
	  position: absolute;
	  top: 170px;
	  left:540px;
	}



/*
------------------------------------------PROGRAMA RADIO------------------------------------
*/

.programa-radio {
	background: url(imgs/bkg-programa-radio.jpg) no-repeat 30px bottom;
	height: 19px;
	margin: 0px 0px 10px;
	padding: 0px;
	width: 470px;
}
.programa-radio-nombre {
	background: url(imgs/ico-audio.gif) no-repeat left center;
	height: 17px;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	font-size: 12px;
	float: left;
}
.programa-radio-escuchar {
	float: right;
	height: 17px;
	width: 20px;
}
.programa-radio-escuchar img {
	border-style: none;
}


/*
------------------------------------------PREGUNTAS------------------------------------
*/

#encabezado-preguntas {
	background: url(imgs/bkg-encabezado-preguntas.jpg) no-repeat 0px 0px;
	height: 200px;
	width: 477px;
	position: relative;
	margin: 0px 0px 10px;
	padding: 0px;
}
#encabezado-preguntas .encabezado-preguntas-input {
	background: #FFFFFF;
	height: 45px;
	width: 380px;
	position: absolute;
	left: 55px;
	top: 95px;
	border-style: none;
}
#encabezado-preguntas .enviar-formulario {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#titulo-seccion {
	background: url(imgs/bkg-h1-titulo-seccion.jpg) no-repeat;
	height: 54px;
	width: 282px;
	clear: both;
	margin: 0px 0px 20px;
}
#titulo-seccion h1 {
	line-height: 54px;
	padding: 0px 0px 0px 20px;
	margin: 0px;
}

p.descripcion {
	font-size: 12px;
	margin: 0px 100px 10px 0px;
}

/*
------------------------------------------RESPUESTAS------------------------------------
*/

#respuestas {
	height: 230px;
	width: 585px;
}
#respuestas-tuyas {
	float: left;
	height: 230px;
	width: 295px;
	/* GLA: scroll*/
	position:relative;
	overflow: hidden;
}
#respuestas-tuyas h2 {
	font-size: 20px;
	margin: 0px 0px 10px;
	padding: 0px;
}
#respuestas-tuyas #error {
	font-size: 12px;
	font-weight: normal;
	color: #a91e30;
}

.respuestas-gente {
	clear: both;
	margin: 0px 0px 7px;
	padding: 0px;
}
.respuestas-gente p {
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	font-weight: bold;
}
.respuestas-gente p a img {
	border-style: none;
}

#respuestas-destacadas {
	background: url(imgs/bkg-respuestas-destacadas.jpg) no-repeat 0px 0px;
	height: 230px;
	width: 262px;
	float: right;
	position: relative;
}
#respuestas-destacadas a {
	color: #000000;
	text-decoration: none;
}
#respuestas-destacadas a:hover {
	color: #666666;
}

.respuestas-destacadas-1, .respuestas-destacadas-2, .respuestas-destacadas-3, .respuestas-destacadas-4 {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 150px;
	line-height: 12px;
}
.respuestas-destacadas-4 {
	position: absolute;
	left: 40px;
	top: 145px;
}
.respuestas-destacadas-1 {
	left: 50px;
	top: 50px;
}
.respuestas-destacadas-2 {
	left: 47px;
	top: 80px;
}
.respuestas-destacadas-3 {
	position: absolute;
	left: 44px;
	top: 110px;
}


/*
------------------------------------------COL DER NUEVO -----------------------------------
*/	
	
		
#colder-contenido-2 {

overflow: hidden;
position: relative;
width: 620px;
margin: 0px;
padding: 75px 0px 0px;


}
/* GLA: cree este estilo mas para que el scroll no incluya el titulo solo el contenido */
#colder-contenido-3 {
overflow: hidden;
position: relative;
width: 620px;
padding: 0px;
margin: 0px;
/* GLA: le ponemos alto para el scroll*/
height: 340px;
}
#colder-contenido-2 h1 {

font: bold 110%/54px Verdana, Arial, Helvetica, sans-serif;
}

/*
------------------------------------------RESPUESTA DETALLADA -----------------------------------
*/


#respuesta-detallada {

	float: left;
	height: 230px;
	width: 280px;
	/* GLA: scroll*/	
	overflow: hidden;
	position: relative;	
}
#respuesta-detallada p {
	font-size: 12px;
	margin: 0px 0px 40px;
	padding: 0px;
}
#encabezado-respuestas {
	background: url(imgs/bkg-encabezado-respuestas.jpg) no-repeat 0px 0px;
	margin: 0px 0px 10px;
	padding: 0px;
	height: 27px;
	width: 261px;
}


/*
------------------------------------------VIDEOS -----------------------------------
*/

#encabezado-videos {
	height: 54px;
	width: 500px;

}
#encabezado-videos #video {
	background: url(imgs/bkg-h1-video.jpg) no-repeat 0px 0px;
	height: 54px;
	width: 152px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#encabezado-videos #video h1 {
	font-size: 18px;
	line-height: 54px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
#encabezado-videos #titulo-video {
	float: right;
	height: 54px;
	width: 340px;
	font-size: 16px;
	line-height: 54px;
}
#video-reproductor {
	height: 395px;
	width: 490px;
	background: url(imgs/bkg-video.jpg) no-repeat 0px 0px;
}
p.descripcion-video {
	font-size: 12px;
	line-height: 16px;
	width: 500px;
	margin: 0px;
	padding: 10px 0px;
}

/*
------------------------------------------LISTA DE VIDEOS -----------------------------------
*/

#video-lista {
	height: 346px;
	width: 487px;
	/* GLA: SCROLL*/
	overflow: hidden;
	position: relative;	
}
#video-lista .reproducir-video {
	float: left;
}
#video-lista h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	float: left;
	line-height: 30px;
	clear: both;
	width: 200px;
	height: 30px;
	position: absolute;
	left: 100px;
	top: 0px;
}
#video-lista p.descripcion-de-videos {
	float: left;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	position: absolute;
	left: 100px;
	top: 30px;
	font-size: 11px;
}
.video-lista-impar, .video-lista-par {
	margin: 0px 0px 10px;
	padding: 0px;
	clear: both;
	height: 80px;
	width: 487px;
	position: relative;
}
.video-lista-impar {
	background: url(imgs/bkg-peliculas-lista-impar.jpg) no-repeat left top;
}
.video-lista-par {
	background: url(imgs/bkg-peliculas-lista-par.jpg) no-repeat 0px 0px;
}