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: #484848;
	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;
	
}

a{
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
/* para la caja de dialogo inicial*/
.no-close .ui-dialog-titlebar-close {
  display: none;
}


#message {
	display: none;
	width: 200px;
	height: 200px;
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	border-radius: 12px;
	background-image:url(../img/OK.png);
	background-position: center;
	background-color:rgba(255, 255, 255, 0.7);
	border: solid 1px rgba(0, 0, 0, 0.1);
	
	
}
#message:hover{
	cursor:pointer
}

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;
}
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 #enunciado {
	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 #enunciado:hover {
	background: url(../img/audiob.png);
			background-repeat: no-repeat;
	background-position: top center;

}

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

}

/*  


estilos para infantil 2013 

*/

#cabecera{
	/* linea de fondo curso 2 rosita*/
	height:80px;
	background-image: url(../image/cabecera.png);

	margin-left: 25px;
	background-size: 100% auto;
	width: 99%;
	}


#enunciado {
	position: absolute;
	display: block;
	/*! top: 35px; */
	right: 5px;

	cursor: pointer;
	width: 108px;
	height: 86px;
	z-index:100;

}

#enunciado:hover {
	

	
}
}

caja:hover{
	cursor: pointer;
	}

#anaya {
	background: 
	width: 100px;
	height: 60px;
	position: absolute;
	left: 20px;
	top: 41px;
}

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

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

div#elements {
	position:relative;
	width: 900px;
	height:650px;
	padding: 3px;
	text-align: center;
	/*margenes para centrar*/
	margin: 1px auto 5px auto;
	clear: both;
	
	/*! border: 20px   inset #6f2d8b; */

}
/* estilos de infantil */





/*   para el memory cards*/
#text {
	display: block;
	position:inherit;
	margin: 100px auto auto 0px;
	width: 939px;
	float: left;
}

div.quickFlip{
	position:relative;
	float: left;
	width: 135px;
	height: 195px;
	padding: 0px;
	margin: 50px 20px;
}
.quickFlipCta{
	width: 135px;
	height: 195px;
	display:block;
	margin:0;
	padding:0;
}
div.front{
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: url(../img/logozul.png) no-repeat center center white;
	border: 5px solid #005ea8;

	-moz-box-shadow: 0 4px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.5);
	box-shadow: 0 4px 4px rgba(0,0,0,0.5);
	
}
div.back {

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: white;
	border: 5px solid #005ea8;
	
	-moz-box-shadow: 0 4px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.5);
	box-shadow: 0 4px 4px rgba(0,0,0,0.5);
}
div.back img{
	width: 100%;
	padding-top: 38px;
}

div.back p{
	font-size: 20px;
	font-weight: normal;
	line-height: 180px;
}
h4 {
	color: #fff;
	text-align: center;
	font-size:20px;
	padding-top:80px;
}



#boton_atras{
	
height: 60px;
background-image: url(../image/anterior.png);
margin-left: 25px;
width: 60px;
position: absolute;
background-size: 60px 60px;
margin-top: 240px;
z-index: 1;
	}

#boton_atras a{
	height: 150px;
	width: 150px;
	
	}