/* TAGS comunes */

body{
	margin: 0;
	padding: 0; 
	background-color: #fff;
	font: 11pt/1em Arial, Helvetica, sans-serif;
	text-align: left;
}

td, li, p {
	font-size: 10pt;
	line-height: 1.51em;
	}
	
img{
	border:0;
}

.invisible{
	display: none;
}

#contenedorSitio{
	width: 700px;
	padding: 10px 10px 30px 0;
	margin: 0;
}

#encabezadoPrint{
	display: block;
 	padding: 0 0 30px 0;
 	border: 0;
}

#encabezadoPrint img{
border: 0;
width: 634px;
height: 86px;
}

#bloque-recuadro{
width: 628px;
}

#titulo-seccion{
padding-bottom: 20px;
}

#contenido-pagina p, #contenido-pagina2 p, #contenido-pagina3 p{
	/*width: 600px;*/
	padding: 0 13px 0 20px;
	color: #404041;
}

#contenido-pagina, #contenido-pagina2, #contenido-pagina3, #contenido-pagina4{
	margin-top: 40px;
}

#contenido-pagina h2{
	font: bold 13pt/1.51em Arial, Helvetica, sans-serif;
	color: #000;
	margin: 40px 0 10px 20px;
	padding: 0;
}

#contenido-pagina h3{
	font: normal 12pt/1.51em "Trebuchet MS", Arial, Verdana, Georgia;
	line-height: 1.51em;
	color: #404041;
	margin: 20px 0 10px 20px;
	padding: 0;
}

#contenido-pagina ul{
	width: 580px;
	margin: 0;
	padding: 7px 0 14px 50px;
}

#contenido-pagina ul li{
	list-style-type: square;
	margin: 0 0 6px 0;
	padding: 0;
}

#contenido-pagina a:link, #contenido-pagina a:visited, #contenido-pagina a:hover, #contenido-pagina a:active {
	text-decoration: none;
	color: #000;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#contenido-pagina3 a:link, #contenido-pagina3 a:visited, #contenido-pagina3 a:hover, #contenido-pagina3 a:active {
	text-decoration: none;
	color: #000;
	padding: 0;
	margin: 0;
	font-weight: bold;
}


#seccion-destacado{
	width: 612px;
	height: 90px;
	padding: 0; 
	margin: 0 0 0 20px;
	/*background-image: url(../img/organizacion/fondo_desta.jpg);
	background-repeat: no-repeat;*/
	color: #0F7BB9;
	border: 2px solid #000000;
}


#seccion-destacado p{
	width: 580px;
	padding: 17px 0 0 22px;
	margin: 0 0 0 0;
	color: #000;
	font-weight: bold;
}


#imagen-pagina, #imagen-pagina2, #imagen-pagina3, #imagen-pagina4, #imagen-pagina5{
	width: 620px;
	text-align: center;
	padding: 20px 0 20px 0;
}

#imagen-pagina img, #imagen-pagina2 img, #imagen-pagina3 img, #imagen-pagina4 img, #imagen-pagina5 img{
	padding: 0 0 5px 0;
}

#imagen-pagina p, #imagen-pagina2 p, #imagen-pagina3 p, #imagen-pagina4 p, #imagen-pagina5 p{
	width: 620px;
	padding: 3px 0 0 0;
	margin: 0;
}



/* DESTACADO ACTIVIDADES */

#actividades-lamp, #actividades-nota, #actividades-pinche, #actividades-record, #actividades-lamparita, #actividades-pinche2{
	padding-left: 20px;
	width: 670px;
}

#actividades-lamp h4{
	font: bold 12pt/1.4em Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0 0 0 12px;
	margin: 0 0 5px 0;
}

#actividades-lamp p{
	line-height: 1.3em;
	color: #000;
	padding: 0 0 3px 12px;
	margin: 0;
	width: 600px;
}

#sub-actividades-lamp {
	border: 2px solid #000;
	padding-left: 10px;
	padding-right: 10px;
}


/* NAVIG ACTIVIDADES */

#navig-footer{
display: none;
}

/* MISCELANEAS */

.break {
	display: block;
	page-break-before: always;
	visibility: hidden;
}

.centrame{
	text-align: center;
}

.invisibleLink{
	text-decoration: underline;
	font-weight: normal;
}


/*** Cuadro Sblaster *****/

#texto-mic img{
float:left;
margin-left: 30px;
}

#subtexto-mic{
width: 565px;
display: inline;
float:left;
margin-left: 20px;
}

#subtexto-mic p{
width: 565px;
display: inline;
margin: 0;
padding: 0;
}

#texto-blaster{
margin: 0 0 30px 0;
}

#texto-blaster img{
display: block;
height: 254px;
float: left;
margin-right: 20px;

}

#texto-blaster p{
display: inline;
width: 300px;
margin: 30px 0 0 0;
}

#texto-blaster h4{
padding: 10px 0 0 20px;
}

#subtexto-blaster, #subtexto-blaster img, #subtexto-blaster p{
display: block;
width:500px;
text-align: center;
}

#subtexto-blaster img{
width: 217px;
height: 137px;
}


/* Fichas rompecabezas */

#rompecabezas-fichas{
margin: 30px 0 30px 40px;
}

#rompecabezas-fichas img{
display: block;
height: 40px;
float: left;
margin-right: 20px;
margin-left: 20px;
}

#rompecabezas-fichas p{
display: block;
width: 500px;
margin-left: 90px;
}


/* Botones  sonido */

#botones-sonido{
margin: 30px 0 0 30px;
}

#botones-sonido img{
display: block;
height: 40px;
float: left;
margin-right: 20px;
margin-left: 20px;
}

#botones-sonido p{
display: block;
width: 190px;
margin-left: 90px;
padding-top: 0px;
padding-bottom: 20px;
}

/* OL Actividades */

#actividades-ol{
width: 650px;
padding: 10px 0 10px 20px;
}

#actividades-ol ol li{
width: 650px;
}

/* FAKE COLUMN */

#columna, #columna2{
	width: 400px;
}

	
.sideImage {  
	width: 300px;
	float: right; 			
	margin-right: -290px; 	/* -(width + margin deseado) */
	clear: right; 			
	margin-bottom: 45px; 	/* Para separar imágenes consecutivas */
	position: relative; 	
	margin-left: 11px;		/* margin-right - width + 1 */  
}

.caption, .caption2{
	font: normal 10pt/1.3em Arial, Helvetica, sans-serif;
	color: #404041;
	text-align: center;
	margin: 0 0 20px -10px;
	padding: 0;
}

.caption2{
	margin: 0 0 20px 14px;
}

* html .sideImage { 
	/*	Al tener un margen sobre el mismo lado que el float, en IE tiene el bug de Doubled Float-Margin, 
		o sea que tendría que llevar display:inline. Pero eso haría que falle el margin-right negativo. 
		Así que aplico un margin right que es la mitad del real. */ 
	margin-right: -145px;
	}