﻿body {margin:0; padding:0; font:.8em Verdana, Arial, Helvetica; color:#414141;}


/* fix firefox */ html>body {border-bottom:15px solid #C9E9F8;}
p, div, h1, h2, h3, h4, ul, li, form, input, select, option, {margin:0; padding:0;}
img {margin:0; padding:0; border:0;}
ul {list-style: none;}
form {padding:0; margin:0;}
a { text-decoration:none; border-bottom:1px solid #E9E9E9; color:#099BE1;}

a.noborder {border:0 !important;}
.none {display:none !important;}
.inline {display:inline; margin-right:5px;}


		
/* ---------------------------------- areas ------------------------------------ */

	/* header */
	.contenedora-header {
	margin:			8px auto 0 auto;
	height:			150px;	
	width:			766px;
	text-align:		left;
		}
	
	
	/*.contenedora-header {
	padding-top:8px;
	overflow:hidden;
	margin:0px auto 0 auto;
	width:760px;
	}*/
	
	/* body */
	.fondo-body {
	padding-bottom:	10px;
	}
	
	
	.contenedora-body {
	margin:			10px auto 0 auto;
	width:			760px;
	background:		#fff;
	padding:		20px;
	text-align:		left;
	}
	
	/*firefox*/ html>body .contenedora-body { width:720px;}
	
		/* self clear para firefox */
				.contenedora-body:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
				..contenedora-body {display: inline-block;}
					/* IE-mac \*/
					* html .contenedora-body  {height: 1%;}
					.contenedora-body  {display: block;}
					/* fin IE-mac */
				/* fin self clear para firefox */
	
	
		.contenedora-body .area-principal {
		width:			470px;
		float:			left;
		margin-right:	25px;

		}
		
				/* self clear para firefox */
				.area-principal:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
				.area-principal  {display: inline-block;}
					/* IE-mac \*/
					* html .area-principal  {height: 1%;}
					.area-principal  {display: block;}
					/* fin IE-mac */
				/* fin self clear para firefox */
		
		.contenedora-body .area-navegacion {
		width:			223px;
		float:			left;
		}
	
	




			

		
			
			
/* Colecciones de recursos */

.imagen {
	float:left;
	margin: 0 10px 10px 0;
}

.box-cd {
	margin: 10px 0;
	float:left;
	background-image:url(box-cd.gif);
	width:480px;
	height:162px;
}

.box-cd a {
	float:left;
	margin:20px 0 0 20px;
	clear:both;
	font-weight: bold;
}
html>body .box-cd div {
	float:left;
	margin:20px 20px 0 90px;
	clear:both;
}
.box-cd div {
	margin:20px 20px 0 90px;
}

.imagen-col-cd {
	float: left;
	margin: 0 10px 5px 0;
}

.terminalidad-pdf {
	width:480px;
	background-image:url(term-pdf.jpg);
	background-repeat:no-repeat;
	background-position: 15px 0;
	height:56px;
}


html>body .terminalidad-pdf-div  {
	margin:28px 0 0 85px;
}

.terminalidad-pdf-div {
	float:left;
	margin:28px 0 0 45px;
}


.jugar-linea-educar, .jugar-linea-web {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:11px;
	text-transform:uppercase;
	padding: 5px 0 5px 22px;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position: 4px center;
	margin: 30px 0px 10px 10px;
	width:242px;
	float:left;
}

html>body .jugar-linea-educar, html>body .jugar-linea-web {
	margin: 30px 25px 10px 10px;
}



.jugar-linea-educar {
	background-color:#F2FAFD;
	border-bottom: 1px dotted #E6EFF6;
	border-top: 1px dotted #E6EFF6;
	background-image:url(jugar-linea-educar.gif);
	color:#399ECF;
}

.jugar-linea-web {
	background-color:#FAFFEE;
	border-bottom: 1px dotted #DFF0CC;
	border-top: 1px dotted #DFF0CC;
	background-image:url(jugar-linea-web.gif);
	color:#5DB301;
}

.jugar-linea-educar a {
	color:#399ECF;
	margin:0 5px;
}

.jugar-linea-web a {
	color:#5DB301;
	margin:0 5px;
}


.jugar-linea-educar a:hover, .jugar-linea-web a:hover {
	color:#FF6600;
}
			
.imagen {
	float:left;
	margin: 0 10px 10px 0;
}

#bg-juegos, #bg-juegos1, #bg-juegos2, #bg-juegos3, #bg-juegos4, #bg-juegos5, #bg-juegos6, #bg-juegos7, #bg-juegos8{
	background-image:url(bg-juegos.jpg);
	background-repeat:no-repeat;
	width: 475px;
	height:200px;

}

html>body #bg-juegos {
	width: 480px;
	height:200px;

}

#bg-juegos img, #bg-juegos1 img, #bg-juegos2 img, #bg-juegos3 img, #bg-juegos4 img, #bg-juegos5 img, #bg-juegos6 img, #bg-juegos7 img, #bg-juegos8 img{
	float:left;
	margin: 30px 0 10px 25px;
	
}

#bg-juegos p , #bg-juegos1 p, #bg-juegos2 p, #bg-juegos3 p, #bg-juegos4 p, #bg-juegos5 p, #bg-juegos6 p, #bg-juegos7 p, #bg-juegos8 p{
	padding: 5px 0 5px 0;
	margin: 0 0 0 25px;
	width:242px;
	float:left;
}

html>body #bg-juegos p {
	margin-left: 20px;
	width:242px;
}


/***** banner youtube ****/

.bannerYoutube img{
	margin: 10px 0 0 7px;
	}

.bannerYoutube-recursos img{
	margin-bottom: 7px;
	}

/*
DETALLE.CSS
*/

.rec-skoool{background-color:#E5E5ED;padding:5px;margin-bottom:10px;}
.contenido-skoool{background:#E5E5ED url(divsup-skoool.jpg) top no-repeat;}
.contenido-skoool p{padding:5px;color:#333;margin:0;}
.texto-skoool{padding:20px 5px 20px 5px;margin-bottom:10px;}
.texto-skoool span{color:#323C92;}
.contenido-skoool a.btn-leccion{background:url(btn_leccion.jpg) top no-repeat;float:left;height:83px;width:75px;margin:3px;}
.contenido-skoool a.btn-sim{background:url(btn_sim.jpg) top no-repeat;float:left;height:83px;width:75px;margin:3px;}
.banner-skoool{background:url(banner-recurso-skoool.jpg) top no-repeat;width:470px;height:58px;}
.rec-areas img{margin:3px 2px 10px 0;border:none;}
.rec-areas a{padding:0;margin:0;border:none;}
.politicas-skoool{text-align:center;padding:5px;border-top:1px dashed #9092B2;background-color:#EDEEF8;}
.politicas-skoool a{padding:5px 10px 5px 10px;}
.politicas-skoool p{margin-bottom:3px;}
.detalle blockquote{margin:10px 0 10px 0;padding:7px;border:#daecf4 1px solid;background-color:#edf8fd;}
.detalle blockquote strong{color:#39718b;}
.detalle a:hover{color:#0b7db4;}
.detalle table{width:100%;}
.detalle table td{padding:3px;}
.detalle-digital{font-size:86%;}
.detalle .terminalidad-pdf{background-image:url(term-pdf2.jpg);background-position:15px 0;background-repeat:no-repeat;height:56px;width:480px;}