html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, a {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent none no-repeat 0 0;
	color: white;
	/*! font-weight: normal; */
}

article, aside, figure, footer, header, hgroup, nav, section, details, figcation, hgroup, menu, summary, message {
	display: block;
}
html {
	-webkit-font-smoothing: antialiased;
	height: 100%;
}
body {
	border-top: solid 2px #8e8e8e;
	font-size: 68%;
	font-family: Verdana, Tahoma, Geneva, sans-serif;

	
	
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

.rojoFallo {
	-webkit-filter: drop-shadow(8px 8px 10px red); /* Safari */
    filter: drop-shadow(8px 8px 10px red);
}

header {
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    width: 100%;
	min-width: 960px;
	margin:0 auto;
	background-color: #005ea8;
	color: #FFFFFF;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size:30px;
}
header #titulo{
	margin-top:8px;
	color: #FFFFFF;
font-family: Verdana,Tahoma,Geneva,sans-serif;
font-size: 26px;
	font-weight: bold;
	position: absolute;
	left: 30px;
	line-height: 35px;
}


footer{
	    position: fixed;
    left: 0;
    bottom: 0;
    height: 60px;
	width:100%;
	min-width: 920px;
	z-index: 50;
	margin:0 0;
	font-size:1em;
	background-color:#E6E6E6;
}

#cabecera{
	/* linea de fondo curso 2 rosita*/
	height:90px;
	
	}

footer #logo{

	position: absolute;
	left: 8%;
	top: 6px;
	width:50px;
	height:50px;
	background-image: url(../img/anaya.png);
	background-repeat: no-repeat;
	background-position: center;
}

footer #siguiente{

	position: absolute;
	left: 52%;
	top: 6px;
	width:50px;
	height:50px;
	background-image: url(../img/siguienteActivo.png);
	background-repeat: no-repeat;
	background-position: center;
}

footer #otra{

	position: absolute;
	left: 62%;
	top: 6px;
	width:50px;
	height:50px;
	background-image: url(../img/otraBase.png);
	background-repeat: no-repeat;
	background-position: center;
}




footer #btn_enunciado {
	display: none;
	background: url(../img/audioa.png);
		background-repeat: no-repeat;
	background-position: top center;
	cursor: pointer;
position: absolute;
	right: 8%;
	top: 4px;
	width:50px;
	height:52px;
}

footer #btn_enunciado:hover {
	background: url(../img/audiob.png);
	background-repeat: no-repeat;
	background-position: top center;
}

footer #btn_enunciado h1{
	text-decoration: none;
	font-weight: bold;
	color: #65003b;
	font-size: 1.07em;
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0;

}

#ok{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -80px;
	margin-top: -80px;
	z-index: 5000;
	
}

#atras{
	position:absolute;
	top:400px;
	left:50px
}


caja:hover{
	cursor: pointer;
	}

#anaya {
	background: transparent url(../img/letra_cabecera.png) no-repeat left top;
	width: 400px;
	height: 120px;
	position: absolute;
	left: 20px;
	top: 20px;
	z-index:3;
}

#contents {
	/* contens centrado */
	margin: 5px auto 5px;
	
}

#contents > div {
	margin: 1px auto;
	
}

div#elements {
	position:relative;
	width: 960px;
	padding: 0px;
	text-align: center;
	/*margenes para centrar*/
	margin: 1px auto 5px auto;
	clear: both;
	margin-top: 5%;

	/* caja contorno de las actividades */
	

}
/* estilos de infantil */

.letraFlotando {
	cursor: pointer;
	position:absolute;
	float:left;
	
}
.bicho{
	width:250px;
	height:250px;
}



#orden{
	position:absolute;
	height:100px;
	width:600px;
	top: 100px;
	left: 37%;
	z-index:10;
	background-image:url(../img/enunciado.png);
}

.ico {
	float:left;
	position:relative;
	height:50px;
	width:50px;
	margin-right:10px;
}

#message{
	position:absolute;
	float:left;
	left:20px;
	top:460px;
	height:50px;
	width:300px;
	border:5px solid #233d91;
	border-radius:2px;
	background-color:#fff;
	z-index:100;
}


.anima{
	display:block;
	width:120px;
	height:150px;
}

.revienta_OK{
	left:-200px;
	 background-image:url(../imagenes/anima_OK.gif);
}
	

.anima_KO{
	left:-100px;
	 background-image:url(../imagenes/anima_KO.gif);
}

.logo-anaya{
	background-image:url(../img/logo_anaya.png);
	background-position: right bottom;
	margin-right:50px;
	position:relative;
	margin-left:-3%;
	height: 50px;
	width:100%;
		
}