body {
	background-color: #C4C208;
	background-image: url(../img/background.png);
	background-repeat: repeat-y;
	background-position: center;
	font-family: "Trebuchet MS", Arial;

	font-size:62.5%;
	color:#333;
	margin:0;
	padding:0;
}

.top-nav {
	background-image: url(../img/top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:151px;
	padding:0;
}
	.top-nav ul.language {
		list-style: none;
		float: right;
		margin-top: 6px;
	}
		.top-nav ul.language li {
			float: left;
		}
		.top-nav ul.language li a {
			text-indent: 20px;
			background-repeat: no-repeat;
			height: 15px;
			display: block;
			margin:4px 10px 0 0;
			padding-top: 2px;
			text-decoration: none;
			color: #666;
		}
			.top-nav ul.language li a.english {
				background-image: url(../img/bandera_english.gif);
			}
			.top-nav ul.language li a.espanol {
				background-image: url(../img/bandera_espanol.gif);
			}
			.top-nav ul.language li a:hover {
				color: #639;
			}

.nav {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.nav a {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}

.nav a:hover {
	color: #C4C208;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;
	margin: 0px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}

.encabezadovioleta {
	font-size: 25px;
	font-weight: normal;
	color: #639;
}

.copeteverde {
	font-size: 16px;
	font-weight: normal;
	color: #ADAB07;
}

.copeteverde a {
	color: #ADAB07;
	text-decoration: none;
}

.copeteverde a:hover {
	text-decoration: underline;
	color: #ADAB07;
}

.encabezadoverde {
	font-size: 25px;
	font-weight: normal;
	color: #ADAB07;
}

.copetevioleta {
	font-size: 16px;
	font-weight: normal;
	color: #639;
}

.mini {
	font-size: 1.1em;
	color: #6F6F6F;

	border-top: 1px solid #ccc;
	padding-top:15px;
}

.mini a {
	color: #639;
	text-decoration: none;
	font-size:1em;
}

.mini a:hover {
	text-decoration: underline;
	color: #639;
}

.nav-seleccionado {
	color: #C4C208;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;
	margin: 0px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}

.copeteblanco {
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.copeteblanco a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

.tabla_verde_out {
	background-color: #B0B009;
}

.tabla_verde_over {
	background-color: #848400;
}

.bloquevioleta {
	font-size: 13px;
	font-weight: normal;
	color: #639;
}

.bloquevioleta a {
	text-decoration: underline;
	color: #639;
}

.bloquevioleta a:hover {
	text-decoration: underline;
	color: #ADAB07;
}

.tablatope {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDDDDD;
}

.bloqueblanco {
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.bloquenegro {
	font-size: 13px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

.bloqueblanco a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

.bloqueblanco a {
	text-decoration: none;
	color: #FFFFFF;
}

.encabezadoblanco {

	font-size: 25px;
	font-weight: normal;
	color: #FFFFFF;
}

.tabla_violeta_out {
	background-color: #639;
}

.tabla_violeta_over {
	background-color: #660066;
}

/* NOVEDADES */

.novedades {
	margin-bottom: 15px;
	border: 0 none;
}

.volver {
	margin-top: 15px;
	border: 0 none;
}

.historialContainer {
	background-image: url(../img/historial_bg.gif);
	background-repeat: repeat-y;
	background-position:right;
	float: right;
	width: 270px;
}

.historial {
	background-image: url(../img/servicios_degrade.gif);
	background-repeat: no-repeat;
	width: 230px;
	padding: 15px;
	min-height: 140px;
	color: #639;
	font-size: 1em;
	position: relative;
	left: 20px;
}
	.historial.home {
		background-image: url(../img/servicios_degrade.gif);
		background-repeat: repeat-x;
		width: 720px !important;
		/*height: 160px;*/
		left: 0;
		display: block;
	}

.historialChicos {
	background-color:#fff;
	width: 210px;
}
	.historialContainer .historial {
		width: 195px;
		margin: 0 10px;
	}
	
	.historialTop {
		background-image: url(../img/historial_top.gif);
		background-repeat:no-repeat;
		background-position:right;
		width:270px;
		height:9px;
		font-size: 0.1em;
	}
	.historialBottom {
		background-image: url(../img/historial_bottom.gif);
		background-repeat:no-repeat;
		background-position:right bottom;
		width:270px;
		height:9px;
	}

.historial .titulo {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
}

.historial dl {
	margin-left: 20px;
}

.historial dt {
	display: list-item;
	list-style-type: disc;
	line-height:1.4em;
}

.historial dd, .novedades dd {
	margin: 0;
	font-size: 0.95em;
	line-height:1.2em;
	color:#333;
}
	.historial dd {
		margin-bottom: 10px;
	}

.historial dd a.descargar, .novedades dd a.descargar {
	display: block;
	padding: 10px 0;
}

.historial a:link, .historial a:visited, .novedades a:link, .novedades a:visited {
	color: #639;
}

.historial a:hover, .novedades a:hover {
	color: #333;
}

.historialContainer .historial, .historialContainer .historial a:link, .historialContainer .historial a:hover, .historialContainer .historial a:visited {
	color: #E4672B;
}

.file, .file a {
	font-size: 11px;
	color: #ADAB07;
}

.chicos .file, .chicos .file a {
	color: #FFF;
}

.imagen {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

#exclamation {
	position: absolute;
	width:128px;
	height:110px;
}

#smile {
	position: relative;
	background-image: url(../img/smile.gif);
	background-repeat: no-repeat;
	width:128px;
	height:110px;
	top: -70px;
	right:-150px;
}

/*
	#exclamation img, #exclamation span {
		position: relative;
		top: 40px;
		left: 150px;
	}
*/

/* Links */

.links {
	color: #FFF;
	font-size: 11px;
	text-align: left;
}

th.taller {
	background: #623999;
	padding: 0;
	text-align: center;
}

td.taller {
	background: #794AAD;
	font-size: 12px;
}

th.trabajos {
	background: #939436;
	padding: 8px;
	text-align: center;
}

td.trabajos {
	background: #A9A93C;
	font-size: 12px;
}

.links ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.links a:link, .links a:hover, .links a:visited {
	color: #FFF;
	text-decoration: none;
}

.taller li {
	border-bottom: 1px solid #8656BA;
	padding: 5px 10px;
}

.taller li:hover {
	background: #623999;
}

.trabajos li:hover {
	background: #939436;
}

.trabajos li {
	border-bottom: 1px solid #ACAB37;
	padding: 5px 10px;
}

/* JUEGOS */
.juegos {
	min-height: 320px;
	color: #FFF;
	font-size: 0.85em;
	padding:0 0 20px 0;
	margin:0;
	width:500px;
}

.contentJuegos {
	padding:20px;
	background-color:#c3c208;
	width:715px;
	margin:auto;
	font-family:"Comic Sans MS", "Trebuchet MS", Arial;
	font-size:1.6em;
	line-height:1.3em;
	color:#fff;
	text-align:center;
	min-height: 600px;
	border-bottom:20px #c3c208 solid;
}
	.destacado {
		font-size: 2em;
		margin-bottom:30px;
	}
/*
	#contacto div {
		position: relative;
		left: 543px;
		top: 600px;
		width: 252px;
		border: 0 none;
	}
	
	#contacto a, #contacto img {
		border: 0 none;
		padding: 0;
	}
	
	#contacto a:hover {
		background: none;
	}
*/
#selecciona {
	float: left;
}
	#selecciona .tit {
		background-image:url(../img/selecciona_juego.gif);
		background-repeat:no-repeat;
		width:245px;
		height:48px;
	}
	#selecciona .bot {
		background-image:url(../img/selecciona_juego2.gif);
		background-repeat:no-repeat;
		width:245px;
		height:17px;
	}

#baja {
	float:right;	
}
	#baja .tit {
		background-image:url(../img/baja_juego.gif);
		background-repeat:no-repeat;
		width:246px;
		height:48px;
	}
	#baja .bot {
		background-image:url(../img/baja_juego2.gif);
		background-repeat:no-repeat;
		width:245px;
		height:17px;
	}

#selecciona .lista {
	background: #794AAD;
	width: 245px;
}
	#selecciona .lista dd {
		margin:0;
		padding:0;
	}
		#selecciona .lista dd:hover {
			background: #623999;
		}
	
	#selecciona .lista dt, #baja .lista dt {
			margin-bottom:-5px;
		}

#baja .lista dd:hover {
	background: #939436;
}

.lista {
	background: #A9A93C;
	width: 245px;
	margin: 0;
	padding: 0;
}
.lista dd {
	margin: 0;
	padding:0;
	text-align: left;
	line-height:2em;
	text-indent:1.7em;
}
.juegos a:link, .juegos a:visited, .juegos a:hover {
	color: #FFF;
	text-decoration: none;
}


#contacto {
	position: absolute;
	height:1px;
}
	
	#contacto img {
		border:none;
	}

.sabiasque {
	position: relative;
	width: 256px;
	height: 431px;
	background-image: url(../img/sabias_que_nuevo.gif);
	background-repeat: no-repeat;
	left: 499px;
	top: 170px;
}
	.sabiasque a {
		display: block;
	}
	
	.sabiasque a img {
		vertical-align: middle;
	}
	
	.acercate {
		position: relative;
		top: 158px;
		left: -66px;
	}

	.contamos {
		position:relative;
		left:45px;
		top:300px;
 	}

/* UPDATE vmg,design Julio 2008 */

* {
	margin:0;
	padding:0;
}

img {
	border:0;
}

#container {
	width:795px;
	margin:auto;
	background-color:#fff;
}
	#container.chicos {
		background-color:#c3c208;
	}

#main, .main, #mainChicos, .mainFull {
	font-size:1.2em;
	line-height:1.6em;
	padding:20px;
	clear:both;
}
	#container .mainFull {
		width:558px;
		float:left;
	}
		
	#main ul, #main ol { 
		list-style-position: outside;
		margin:0 0 20px 25px;
	}
	#main .interna, #mainChicos .interna {
		width:484px;
		height:100%;
		float:left;
	}
	
#mainChicos {
	background-position:center top;
	background-repeat:no-repeat;
	background-position:bottom;
	margin-top:20px;
	width:755px;
	margin:auto;
}
	#mainChicos.intro {
		background-image:url(../img/bienvenida-chicos.gif);
		height:400px;
	}

	.bienvenido {
		background-image:url(../img/bienvenida-chicos2.jpg);
		height:320px;
	}


#colRight {
	width:270px;
	float:left;
}

h1 {
	padding:27px 0 0 25px;
	float: left;
}

h2 {
	font-size:2.2em;
	color: #ADAB07;
	font-weight:normal;
	margin-bottom:20px;
}
	h2 span {
		color: #639;
	}
	
	h2.chicos {
		color:#fff;
	}

h3 {
	color: #ADAB07;
	font-size:1.5em;
	border-bottom:1px solid #ADAB07;
	padding-bottom:10px;
	margin:10px 0 10px 0;
}
	h3.chicos {
		color:#fff;
		border-bottom:1px solid #fff;
	}

h4 {
	font-size:1.4em;
	color: #639;
	font-weight:normal;
	margin:-15px 0 20px 0;
}

h5 {
	color: #639;
	font-size:1.2em;
	margin-bottom:10px;
}

	h5.chicos {
		color: #E4672B;
	}

h6 {
	font-size:1.2em;
	margin-bottom:20px;
	font-weight:bold;
}

p {
	margin-bottom:20px;
}

a {
	color: #639;
	font-weight:bold;
	text-decoration:underline;
}
	a.descargar {
		font-size:0.9em;
		text-decoration:none;
	}
		a.descargar.ingles {
			color:#a81010;
		}
	a.siguiente {
		font-size:0.9em;
		text-decoration:none;
		float:right;
	}
	a.anterior {
		font-size:0.9em;
		text-decoration:none;
		float:left;
	}
	a:hover {
		color:#333;
	}

ol li strong {
	color:#639;
}
	
.note {
	font-size:0.93em;
	line-height:0.85em !important;
}

.paginado {
	padding-top:20px;
}

.entrar {
	text-align:center;
	padding-top:365px;
}
	.entrar a {
		font-size:2.6em;
		color:#fff;
		text-decoration:none;
		font-weight:normal;
	}
	.entrar a:hover {
		color:#ccc;
	}

ul#menu {
	list-style:none;
	clear:both;
	margin:0;
	padding:0;
	height:28px;
}
	ul#menu li {
		float:left;
	}
		ul#menu img {
			vertical-align:middle;
		}
		ul#menu li a {
			display : block;
			height:28px;
			background-repeat:no-repeat;
			text-indent:-9000px;
		}
		ul#menu li a:hover {
			background-position:0 -28px;
		}
			ul#menu li a.inicio {
				background-image:url(../img/menu/inicio.jpg);
				width:44px;
			}
			ul#menu li a.inicioEn {
				background-image:url(../img/menu/en/inicio.jpg);
				width:44px;
			}
			ul#menu li a.fundacion {
				background-image:url(../img/menu/lafundacion.jpg);
				width:84px;
			}
			ul#menu li a.fundacionEn {
				background-image:url(../img/menu/en/lafundacion.jpg);
				width:74px;
			}
			ul#menu li a.programa {
				background-image:url(../img/menu/programas.jpg);
				width:68px;
			}
			ul#menu li a.programaEn {
				background-image:url(../img/menu/en/programas.jpg);
				width:78px;
			}
			ul#menu li a.chicos {
				background-image:url(../img/menu/chicos.jpg);
				width:46px;
			}
			ul#menu li a.adolescentes {
				background-image:url(../img/menu/adolescentes.jpg);
				width:83px;
			}
			ul#menu li a.novedad {
				background-image:url(../img/menu/novedades.jpg);
				width:69px;
			}
			ul#menu li a.actualidad {
				background-image:url(../img/menu/actualidad.jpg);
				width:70px;
			}
			ul#menu li a.prensa {
				background-image:url(../img/menu/prensa.jpg);
				width:46px;
			}
			ul#menu li a.fotos {
				background-image:url(../img/menu/fotosyvideos.jpg);
				width:90px;
			}
			ul#menu li a.contactenos {
				background-image:url(../img/menu/contactenos.jpg);
				width:79px;
			}
			ul#menu li a.apoyan {
				background-image:url(../img/menu/nosapoyan.jpg);
				width:72px;
			}
			ul#menu li a.links {
				background-image:url(../img/menu/links.jpg);
				width:44px;
			}
			
ul#submenu {
	clear:both;
	list-style:none;
	background-color:#8f63ba;
	height:28px;
}
	ul#submenu li {
		float:left;
		background-image:url(../img/menu/div_submenu.jpg);
		background-repeat:no-repeat;
		background-position:top right;
		padding-right:1px;
		height:28px;
	}
		ul#submenu li a {
			display:block;
			padding:4px 6px 0 6px;
			font-size:1.1em;
			color:#fff;
			text-decoration:none;
		}
		ul#submenu li a.ingles {
			background-color: #b94040 !important;
			height:24px !important;
		}
		ul#submenu li a:hover {
			background-image:url(../img/menu/bg_submenuOn.jpg);
			background-repeat:repeat-x;
			background-position:top;
			height:28px;
		}
		
		ul#submenu li a.ingles:hover {
			background-image: url(../img/menu/en/bg_submenuOn.jpg);
			background-repeat:repeat-x;
			background-position:top;
			height:24px !important;
		}

#imgWelcome {
	background-image:url(../img/fotos/bienvenido.jpg);
	background-repeat:no-repeat;
	width:795px;
	height:211px;
	clear:both;
}

#column {
	margin-bottom:20px;
	clear:both;
}
#columnChicos {
	background-color:#fff;
	background-image: url(../img/fondo.png);
	background-repeat:repeat-x;
	padding:10px;
	float:right;
	margin: 5px 20px 0 20px;
}
	#column.home {
		width: 730px;
		clear:both;
	}
	#column.interna {
		width:229px;
		float:right;
	}
#banners {
	clear: both;
}
#banners img {
	padding-right:20px;
	float:left;
}
#newsletters, #newslettersEn {
	background-repeat:no-repeat;
	width:249px;
	height:119px;
	float:right;
}
	#newsletters {
		background-image: url(../img/banners/newsletters.jpg);
	}
	#newslettersEn {
		background-image: url(../img/banners/newsletters-en.jpg);
	}
	
	#newsletters input, #newslettersEn input {
		border:1px solid #855cad;
		margin:80px 10px 0 20px;
		padding:2px;
	}
		#newsletters input.go, #newsletters input.go, #newslettersEn input.go {
			border:0;
			margin:75px 0 0 0;
		}
	
#foto, .foto {
	float:right;
	margin-bottom:20px;
}
	#fotopsico {
		float:right;
		margin:45px 0 80px 0;
	}

#footer {
	clear:both;
	padding:20px 0 20px 0;
	text-align:center;
	background-color:#fff;
}
	#footer .validator {
		float:left;
		padding:30px 0 10px 30px;
	}

.cargo {
	font-size:1.3em;
	color: #ADAB07;
}

dl.autoridad {
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
	
}
	dl.autoridad dt {
		float:left;
		font-size:0.95em;
	}
	dl.autoridad dd {
		padding-left:250px;
		font-size:1.15em;
		color: #ADAB07;
	}
		dl.autoridad dd .cargo {
			color:#333;
			font-size:0.9em;
		}
dl.intro, dl.introNovedad {
	border:none;
	clear:both;
}
		
	dl.intro dt {
		color: #ADAB07;
		font-size:1.4em;
		border-bottom:1px solid #ADAB07;
		width:500px;
		float:left;
		padding-bottom:10px;
	}
	dl.introNovedad dt {
		color: #ADAB07;
		font-size:1.4em;
		border-bottom:1px solid #ADAB07;
		width:360px;
		float:left;
		padding-bottom:10px;
	}
	dl.intro dd {
		margin:0;
		padding:0;
		color:#333;
		float:left;
		width:590px;
		margin:10px 0 10px 0;
	}
	dl.introNovedad dd {
		margin:0;
		padding:0;
		color:#333;
		float:left;
		width:360px;
		margin:10px 0 3px 0;
	}

dl.colegios {
	border-top:1px solid #ccc;
	margin-bottom:20px;
}
	dl.colegios dd {
		border-bottom:1px solid #ccc;
		padding:2px 0 2px 0;
		float:left;
		width:33%;
	}
dl.videos, dl.novedades {
	margin:0 0 33px 0;
	padding:0;
}
	dl.videos.home {
		width:220px;
		float:left;
		margin-right:20px;
	}
	dl.novedades.home {
		float: left;
		width: 480px;
	}
		dl.novedades.home .box {
			margin:0 20px 4px 0;
			width: 220px;
			float: left;
			display: block;
		}
		dl.novedades.home .box.last {
			float: left;
			margin-right: 0px !important;
		}
	dl.videos img, dl.novedades img {
		float:left;
		margin:0 15px 10px 0;
		border:0;
	}
	dl.videos dt, dl.novedades dt {
		list-style:none;
		margin-bottom: 3px;
	}
	
.fecha {
	color: #ADAB07;
	font-size:0.95em;
	line-height:1.2em;
}
.fotoIntro {
	height:139px;
	width:139px;
	margin:10px 20px 10px 0;
	float:left;
}
.fotoIntro2 {
	background-image:url(../img/sample_foto_intro2.jpg);
	background-repeat:no-repeat;
	height:100px;
	width:100px;
	margin:0 20px 10px 0;
	float:left;
}

/* Form de contaco */

table#form {
	margin:0;
	padding:0;
}
	table#form th {
		text-align:left;
		vertical-align:top;
		padding-top:4px;
		width:130px;
	}
	table#form th.none {
		width:auto;
	}
	table#form td {
		padding:4px;
	}
	table#form input {
		border:1px solid #666;
		padding:2px;
		width:330px;
		font-family: "Trebuchet MS", Arial;
		font-size:1em;
	}
		table#form input.small {
			width:128px;
		}
		table#form input.xsmall {
			width:58px;
		}
		table#form input.captcha {
			width:172px;
		}
		table#form input.none {
			border:none;
			padding:0;
			margin:0;
			width:auto;
		}
		table#form input.button {
			font-size:0.8em;
			font-weight:bold;
			color:#639;
			border:1px solid #639;
			width:80px;
			padding:4px;
			margin-left:10px;
			float:right;
			background-color:#fff;
		}
	table#form textarea {
		border:1px solid #666;
		padding:2px;
		width:330px;
		height:100px;
	}

/* Galeria de Fotos */

#galeriaFotos {
	width:484px;
	height:337px;
	background-image:url(../img/bg_galeria_fotos.jpg);
	background-repeat:repeat-x;
	margin-bottom:20px;
}
	#galeriaFotos img {
		border:0;
	}
	#galeriaFotos .anterior {
		float:left;
		margin:145px 0 0 5px;
	}
	#galeriaFotos .siguiente {
		float:right;
		margin:145px 5px 0 0;
	}
	#galeriaFotos .fotoBig {
		background-image:url(../img/galeria/fotos/sample01.jpg);
		background-repeat:no-repeat;
		width:460px;
		height:300px;
		margin:18px 11px 0 11px;
	}

#galeriaTira {
	width:484px;
	height:110px;
	background-image:url(../img/bg_galeria_tira.jpg);
	background-repeat:repeat-y;
	background-position:center;
}
	#galeriaTira .fotos {
		padding:10px 0 0 35px;
	}
	#galeriaTira .siguiente {
		float:right;
		padding:45px 0 0 0;
	}
	#galeriaTira .anterior {
		float:left;
		padding:45px 0 0 10px;
	}
	#galeriaTira img {
		padding-right:9px;
	}
	#galeriaTira a img {
		border:0;
	}

/* Lista de links */
.linkList li {
	margin:0 0 20px -20px;
	padding-bottom:10px;
	list-style:none;
	text-indent:0;
}

/* Banners */

.banner {
	display:block;
	float:right;
	padding:0;
	margin:0;
}
	.banner.matear {
		width:197px;
		height:221px;
	}