@charset "utf-8";
html{
	font-size:100%;
	/*font-family: 'Raleway', sans-serif;*/
	font-family: 'Poppins', sans-serif;
	   font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;

}

<!--PRUEBA CIRCULOS MAPAS-->


<!--FIN PRUEBA CIRCULOS MAPAS-->

a{
	text-decoration: none;
}
h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
}
ul{
	list-style: none;
}

.body_libros_digitales{
	background-color: #E3EFD4;
}

.body_servicios_web{
	background-color: #ece4d7;
}

.body_aula_digital{
	background-color: #E5EFF9;
}

.body_evaluapp{
	background-color: #F6E195
}

.body_pdi{
	background-color: #D1E5F9;
}

body{
	margin:0;
		padding:0;	
}

#entrada{
	width: 988px;
	height: 411px;
	margin: 0px auto;
	margin-top: 150px;
}

#app{
	background-color: #FECB10;
	border: 2px solid #FECB10;
}
#pdi{
	background-color: #005b88;
	border: 2px solid #005b88;
}

.plata{
	background-color: #7FACD9;
  border: 2px solid rgb(95, 79, 198);
}


.logo_anaya{
	background-image: url(imagenes/logo_anaya_educacion.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size: 96px auto;
}

#contenedor {
	background-image: url(imagenes/nino_tablet.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color: #e3efd4;
	background-size: 230px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding-bottom: 50px;
	margin-top: 10px;
}
#contenedor_azul {
	background-image: url(imagenes/nina_tablet.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-color: #e5eff9;
	background-size: 230px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding-bottom: 190px;
	margin-top: 10px;
}

#contenedor_evaluapp {
    background-image: url("imagenes/nino_tablet.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #F6E195;
    background-size: 230px auto;
    width: 1024px;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    padding-bottom: 277px;
    margin-top: 11px;
}

#contenedor_naranja {
background-color: #fff;
	background-size: 230px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding-bottom: 50px;
	margin-top: 10px;
	background-color: #ece4d7;
}
#contenedor_pdi {
	background-color: #D1E5F9;
	background-size: 230px;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding-bottom: 50px;
	margin-top: 10px;
}

#contenedor_azul h2 a{
	font-size: 16px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	text-decoration: none;
	display: block;
	height: 25px;
	margin: 5px auto;
	
	text-align: center;
}

#contenedor_pdi h2 a{
	font-size: 13px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	text-decoration: none;
	display: block;
	height: 20px;
	margin: 0px auto;
	
	text-align: center;
}
#contenedor_azul h2 a{
	color:#1f73d2;
}
#contenedor_azul h2 a:hover{
	color:orange;
}
nav{
	width:100%;
	height:40px;
}
nav ul{
	width:100%;
	margin-left: -37px;
}
nav ul a{
	font-size: 15px;
	font-weight: 800;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	text-decoration: none;
	color:#fff;
display: inline-block;
	width: 143px;
		margin: 0 2px 0 4px;
	padding: 7px 12px 7px 12px;
	border-radius: 8px;
	-webkit-transition: all 0.5s linear;
	float: left;
}

.romper{
	clear:both;
}
#demo{
	background-color: #69ac28;
	width: 230px;
	text-align: center;
	font-weight: 600;
	padding: 4px;
	border-radius: 10px;	
	margin-left: 50px;
	margin-top: 25px;
}
#demo:hover{
background-color: #71dd08;
}
#demo a{
	color: #fff;
}

nav ul a:hover{
color:#000;	
}

nav ul a:first-child{
	width: 95px;
	margin-left: 0;
}
nav ul  .activo{
box-shadow: inset 0 0 6px 2px #fff;
}
nav ul  .activo:hover{
	color:#fff;

	cursor:default;
}
nav ul #home{
	border: solid 2px #d5cab3;
	color: #d5cab3;
	height: 19px;
	background-color: #fff;
}
nav ul #home:hover{
color:#000;	
}
nav ul #libros{
	border: solid 2px #80c342;
	background-color: #80c342;
}
nav ul #servicios{
	border: solid 2px #f7944f;
	background-color: #f7944f;
}
nav ul #plata{
	border: solid 2px #0095da;
	background-color: #0095da;
}

nav ul a li{
list-style-type: none;
}

.naranja {
	font-weight: 800;
	color: #F60;
}
.azul {
	font-weight: 800;
	color: #00acec;
}

#cabecera_morada{
	background-color: #D1E5F9;
	height: 105px;
	text-align: center;
	background-image: url(imagenes/cabecera_pdi.png);
	background-repeat: no-repeat;
	background-size: 959px 110px;
	background-position: center;
}
#cabecera_evaluapp{
	background-color: #F6E195;
	height: 98px;
	text-align: center;
	background-image: url(imagenes/cabecera_mostaza3.png);
	background-repeat: no-repeat;
	background-size: 959px 110px;
	background-position: center;
}

#cabecera {
	background-color: #E3EFD4;
	height: 98px;
	text-align: center;
	background-image: url(imagenes/cabecera_v.png);
	background-repeat: no-repeat;
	background-size: 980px;
	background-position: center;
	margin-top: 15px; 
	
}
#cabecera_azul{
	background-color: #e5eff9;
	height: 98px;
	text-align: center;
	background-image: url(imagenes/cabecera_azul.png);
	background-repeat: no-repeat;
	background-size: 980px;
	background-position: center;
}
#cabecera_naranja{
height: 110px;
	text-align: center;
	background-image: url(imagenes/cabecera_naranja.png);
	background-repeat: no-repeat;
	background-size: 980px;
	background-position: center;
	position: relative;
	z-index: 1;
}
#cabecera_pdi{
height: 110px;
	text-align: center;
	background-image: url(imagenes/cabecera_naranja.png);
	background-repeat: no-repeat;
	background-size: 980px;
	background-position: center;
	position: relative;
	z-index: 1;
}

#cabecera h1{
		font-size: 22px;
	font-weight: 800;
	font-family: 'Raleway', sans-serif;
	color:#fff;
text-align: left;
position:relative;
	top:25px;
	left:120px;
	width:250px;
}
#cabecera_azul h1{
		font-size: 22px;
	font-weight: 800;
	font-family: 'Raleway', sans-serif;
	color:#fff;
text-align: left;
position:relative;
	top:25px;
	left:120px;
	width:450px;
}
#cabecera_naranja h1{
		font-size: 22px;
	font-weight: 800;
	font-family: 'Raleway', sans-serif;
	color:#fff;
text-align: left;
position:relative;
	top:31px;
	left:123px;
	width:450px;
}

#cabecera_morada h1 {
    font-size: 22px;
    font-weight: 800;
    font-family: "Raleway",sans-serif;
    color: #FFF;
    text-align: left;
    position: relative;
    top: 25px;
    left: 148px;
    width: 450px;
}
#cabecera_evaluapp h1 {
    font-size: 22px;
    font-weight: 800;
    font-family: "Raleway",sans-serif;
    color: #FFF;
    text-align: left;
    position: relative;
    top: 25px;
    left: 120px;
    width: 450px;
}
article{
	width:915px;
	margin-left: 105px;
	padding: 0;	
}
article img{
	display: block;
	margin: 0px auto 30px;	 
}

.logo_anaya_digital{
	float:left;
	margin: 40px auto 30px;	
}

#izquierda {
width: 925px;
	height:150px;
	display: inline-block;
	vertical-align:top;
	padding-left: 0px;
	border: solid 1px orange;
	border-radius: 12px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 15px;
	background-color: rgba(255, 255, 255, 0.5)

}
#naranja{
	position:relative;
	top:-27px;
	width:882px;
}
#naranja #demo1{
	background-color: #69ac28;
	width: 250px;
	text-align: center;
	font-weight: 600;
	padding: 4px;
	border-radius: 10px;
position:relative;
	top:-30px;
	left: 80px;
}


.lista_enlaces{
margin: 0px auto;
width: 987px;
}

#enlace_1{
	width: 172px;
	height: 120px;
	margin-top: -125px;
	position: absolute;
}
#enlace_2{
    width: 172px;
    height: 120px;
	margin-top: -125px;
    position: absolute;
		margin-left: 183px;
}
#enlace_3{
    width: 172px;
    height: 120px;
	margin-top: -125px;
    position: absolute;
	margin-left: 366px;
}
#enlace_4{
    width: 172px;
    height: 120px;
	margin-top: -125px;
    position: absolute;
	margin-left: 548px;
}
#enlace_5{
    width: 172px;
    height: 120px;
	margin-top: -125px;
    position: absolute;
	margin-left: 732px;
}


#naranja #demo2{
	background-color: #69ac28;
	width: 250px;
	text-align: center;
	font-weight: 600;
	padding: 4px;
	border-radius: 10px;
position:relative;
	top:-65px;
	left: 550px;	
}



#naranja #demo1:hover{
background-color: #71dd08;
}
#naranja #demo2:hover{
background-color: #71dd08;
}
#naranja  #demo1 a{
	color:#fff;
}
#naranja  #demo2 a{
	color:#fff;
}
#naranja img{
	height: 148px;
	margin:0 auto;
	display: block;
}
#izquierda_naranja {
	height: 470px;
	padding-top: 50px;
width: 410px;
display: inline-block;
	background-color: #f7f4ef;
	position:relative;
	top:-46px;
	border-radius: 20px;

}

#derecha_naranja {
	padding-top: 50px;
	height: 470px;
width: 410px;
	margin-left:56px;
	display: inline-block;
	background-color: #f7f4ef;
	margin-top: 13px;
	border-radius: 20px;
}
#naranja h1{
	font-family: 'Raleway', sans-serif;
	background-color: #fff;
	color:#d76f2c;
	text-align: center;
	width: 330px;
	font-size: 18px;
	font-weight: 700;
	margin: 0 auto 25px;
	padding: 10px;
	border-radius: 10px;
}

#naranja h2{
	width: 340px;
	margin: 0 auto;
		background-color: #fff;
	color:#d76f2c;
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	border-radius: 10px;
	padding: 5px;
	margin-bottom: 10px;
}




#derecha {
	height:296px;
width: 390px;
	margin-left:40px;
	display: inline-block;
}

#contenedor article h1  {
	background-color: #FFF;
	font-size: 14px;
	font-style: normal;
	color: #000;
	padding: 18px;
	font-weight: normal;
		border-radius: 10px;
	margin: 0 20px 3px 20px;
	line-height: 20px;
	height: 105px;
	width: 333px;
	float: left;
		border: solid 1px orange;
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
	border-radius: 12px;
	line-height: 22px;
}
/*#contenedor article h2  {
	background-color: #FFF;
	font-size: 13px;
	font-style: normal;
	color: #000;
	padding: 18px;
	font-weight: normal;
		border-radius: 10px;
	margin: 0 0  3px 0;
	line-height: 20px;
	height: 80px;
	vertical-align:top;
	

}*/


#pie {
display: block;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

#pie ul{
	list-style: none;
margin-top: 25px;
	width: 600px;
	margin-left: 25px;
	/*list-style-image: url(images/point.png); */
}
#pie li{
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 5px;
	text-indent:-17px;
}
#pie li:before {
content: "• ";
    color: #81c242;
	font-size: 30px;
	display: block;
  width: 10px;
  height: 10px;
	position:relative;
	top:10px;
}
#pie #azul li:before {
content: "• ";
    color: #0094d6;
	font-size: 30px;
	display: block;
  width: 10px;
  height: 10px;
	position:relative;
	top:10px;
}
#pie li a{
	color:#000;
	text-decoration: none;
}

#pie li a:hover{
	text-decoration: underline;
		color:orange;
}

#pie_aula {
display: block;
	width: 700px;
	margin: 20px auto 20px 190px;
	
	padding-bottom: 15px;
	border-radius: 12px;
	border: solid thin #fff;
	background-color: rgba(255, 255, 255, 0.5);
	
}
#pie_aula img{
background-color: #3C74E1;
	width: 100px;
	padding: 5px;
	margin: 0 auto 10px auto;
	display: block;
}
#pie_aula ul{
	list-style: none;
margin-top: 10px;


	/*list-style-image: url(images/point.png); */
}
#pie_aula li{

	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0px;
	text-indent:-20px;
}
#pie_aula li:before {
content: "• ";
    color: #81c242;
	font-size: 30px;
	display: block;
  width: 10px;
  height: 10px;
	position:relative;
	top:10px;
}
#pie_aula #azul_aula li:before {
content: "• ";
    color: #0094d6;
	font-size: 30px;
	display: block;
  width: 10px;
  height: 10px;
	position:relative;
	top:10px;
}
#pie_aula li a{
	color:#000;
	text-decoration: none;
}

#pie_aula li a:hover{
	text-decoration: underline;
		color:orange;
}
#pie_aula h1{
	font-size: 16px;
	font-weight: 600;
	display: block;
	text-align:center;
	margin-top:20px;
	margin-left: -15px;
	font-family: "Raleway", sans-serif;
	margin-bottom: 10px;
}

#aula_digi{
	display: block;
	width:815px;
	font-size: 14px;

	margin-top: 8px;
	padding: 30px;
	box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.4);
	border:solid 1px #fff;
	border-radius: 12px;
	background-color: rgba(0, 149,218, 0.2);
}

#aula_digi_morada{
	display: block;
	width:815px;
	font-size: 14px;
	margin-top: 10px;
	padding: 30px;
	box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.4);
	border:solid 1px #fff;
	border-radius: 12px;
	background-color: #005B88;
}

#aula_digi_morada h1 {
    font-size: 14px;
    font-weight: normal;
    margin-left: 25px;
    margin-top: 20px;
    display: block;
}

#aula_digi_evaluapp h1 {
    font-size: 14px;
    font-weight: normal;
    margin-left: 25px;
    margin-top: 20px;
    display: block;
}

#aula_digi_evaluapp{
	display: block;
	width:815px;
	font-size: 14px;
	margin-top: 20px;
	padding: 30px;
	box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.4);
	border:solid 1px #fff;
	border-radius: 12px;
	background-color: #FECB10;
}
#aula_digi h1{
	font-size: 14px;
	font-weight: normal;
	margin-left: 25px;
	margin-top: 20px;
	display: block;
}
#aula_digi ul{
	list-style: none;
}

#aula_digi ul li{
	margin-bottom: 10px;
	margin-left: 25px;
	width: 650px;
}
#aula_digi ul li:before {
content: "• ";
    color: #fff;
		font-size: 30px;
	display: block;
  width: 10px;
  height: 10px;
	position:relative;
	top:-5px;
	left:-20px;
}
#aula_digi img{
	width: 245px;
	padding: 5px;
	background-color: #fff;
	margin-bottom: 15px;
margin-left: 6px;
	display: inline-block;
}
#aula_digi #logo{
	background-color: transparent;
	width: 130px;
	display: block;
	margin: 0px auto;
}
#aula_digi a{
	font-size: 16px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	text-decoration: none;
	display: block;
	width: 200px;
	margin: 5px auto;
	color: #0095DA;
	text-align: center;
 
}
#aula_digi a:hover{
color:  #fff;
}

#logo{
	border: none !important;
}

#aula_digi_morada img{
	width: 245px;
	padding: 5px;
	background-color: #fff;
	margin-bottom: 15px;
	margin-left: 8px;
	display: inline-block;
	border: 2px solid #8C3A3A;
	border-radius: 5px;
}
#aula_digi_morada #logo{
	background-color: transparent;
	width: 130px;
	display: block;
	margin: 20px auto 0px;
}
#aula_digi_morada a{
	font-size: 16px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	text-decoration: none;
	display: block;
	width: 200px;
	margin: 5px auto;
	color: #E6E6E6;
	text-align: center;
	list-style: none;
}

article .flotar li .bio{
	background-color: #00a651;
	margin-top: 0px !important;
	margin-left: 0px !important;
	padding: 20px;
	border-radius: 100px;
	border: 1px solid #150C0C;
	position: relative;
z-index: 2;
}

article .flotar li .bio:hover{
	background-color: #1ADB78;
}

article .flotar li .mate{
	width: 71px !important;
	height: 30px;
	background-color: #ed1d24;
margin-top: -52px !important;
margin-left: 124px !important;
	padding: 40px 33px 40px 10px;
	border-radius: 100px;
	border: 1px solid #150C0C;
	position: relative;
z-index: 2;
}

article .flotar li .mate:hover{
	background-color: #BC2126;
}

article .flotar li .geo{
	width: 71px !important;
	height: 50px;
	background-color: #0087ca;
margin-top: -52px !important;
	margin-left: 124px !important;
padding: 31px 20px;
	border-radius: 100px;
	border: 1px solid #150C0C;
	position: relative;
z-index: 2;
}

article .flotar li .geo:hover{
	background-color: #2B9ED7;
}

article .flotar li .lengua{
	width: 71px !important;
	height: 50px;
	background-color: #005baa;
margin-top: -52px !important;
	margin-left: 0px !important;
padding: 31px 20px;
	border-radius: 100px;
	border: 1px solid #150C0C;
	position: relative;
z-index: 2;
}

article .flotar li .lengua:hover{
	background-color: #2687DB;
}

article .flotar li .quim{
	width: 71px !important;
	height: 50px;
	background-color: #bfd730;
margin-top: -52px !important;
	margin-left: 0px !important;
padding: 31px 20px;
	border-radius: 100px;
	border: 1px solid #150C0C;
	position: relative;
z-index: 2;
}

article .flotar li .quim:hover{
	background-color: #D5E47B;
}

#aula_digi_morada a:hover{
color:  #fff;
}


#aula_digi_morada h1{
	font-size: 14px;
	font-weight: normal;
	margin-left: 25px;
	margin-top: 20px;
	display: block;
	color: #fff;
	padding: 10px;
	border-radius: 10px;
}
#aula_digi_morada ul{
	list-style: outside none none;
	background-color: #D1E5F9;
	margin: 18px 0px 0px 27px;
	padding: 19px 0px;
	border-radius: 20px;
}

.boliches:before{
	content: "• " !important;
  color: #fff;
	font-size: 30px;
	display: block;
  width: 10px;
  height: 10px;
	position:relative;
	top:-5px;
	left:-20px;
}

#aula_digi_lista .rayas1{
	width: 50px;
	height: 30px;
	position: absolute;
	transform: rotate(-60deg);
	border-left: 3px dotted #555;
	display: inline;
	margin-left: 132px;
	margin-top: -72px;
	z-index: 1;
}

#aula_digi_lista .rayas2 {
    width: 50px;
    height: 30px;
    position: absolute;
    transform: rotate(60deg);
    border-left: 3px dotted #555;
    display: inline;
    margin-left: 132px;
    margin-top: -25px;
    z-index: 1;
}

#aula_digi_lista .rayas3 {
    width: 50px;
    height: 30px;
    position: absolute;
    transform: rotate(-60deg);
    border-left: 3px dotted #555;
    display: inline;
    margin-left: 132px;
    margin-top: -72px;
    z-index: 1;
}

#aula_digi_lista .rayas4 {
    width: 50px;
    height: 30px;
    position: absolute;
    transform: rotate(60deg);
    border-left: 3px dotted #555;
    display: inline;
    margin-left: 132px;
    margin-top: -21px;
    z-index: 1;
}

#aula_digi_morada ul li{
	margin-bottom: 10px;
	margin-left: 25px;
	width: 340px;
}

.flotar{
	float:left;
	width: 400px;
	margin-top: 20px;
}

#aula_digi_evaluapp img{
	width: 245px;
	padding: 5px;
	background-color: #fff;
	margin-bottom: 15px;
margin-left: 8px;
	display: inline-block;
}
#aula_digi_evaluapp #logo{
	background-color: transparent;
	width: 130px;
	display: block;
	margin: 0px auto;
}
#aula_digi_evaluapp a{
	font-size: 16px;
	font-weight: 500;
	font-family: 'Raleway', sans-serif;
	text-decoration: none;
	display: block;
	width: 200px;
	margin: 5px auto;
	color: #2C2E33;
	text-align: center;
 
}
#aula_digi_evaluapp a:hover{
color:  #fff;
}

#aula_digi_evaluapp h1{
	font-size: 14px;
	font-weight: normal;
	margin-left: 25px;
	margin-top: 20px;
	display: block;
}
#aula_digi_evaluapp ul{
	list-style: none;
}

#aula_digi_evaluapp ul li{
	margin-bottom: 10px;
	margin-left: 25px;
	width: 650px;
}
#aula_digi_evaluapp ul li:before {
content: "• ";
    color: #fff;
		font-size: 30px;
	display: block;
  width: 10px;
  height: 10px;
	position:relative;
	top:-5px;
	left:-20px;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/	
@media screen and (min-width:768px) and (max-width:1023px){


#contenedor {
width:768px;
	background-size: 250px;
	background-position: center bottom;
	padding-bottom: 290px;
}
	#contenedor article h1  {
	width: 194px;
	height: 193px;
	margin: 0px 21px 0px 21px;
	}
	
article img{
	margin: 0 auto 30px ;	 
}
#contenedor_azul {
width:768px;
	background-size: 250px;
	background-position: center bottom;
	padding-bottom: 240px;
}	
#contenedor_naranja {
width:768px;
	background-size: 250px;
	background-position: center bottom;
	padding-bottom: 240px;
}

#contenedor_evaluapp{
width:768px;
	background-size: 250px;
	background-position: center bottom;
	padding-bottom: 240px;
}
#contenedor_pdi{
width:768px;
	background-size: 250px;
	background-position: center bottom;
	padding-bottom: 240px;
}

	#contenedor_azul h2 a{
/*margin-left: 75px;*/
	}
#cabecera {
	height: 85px;
	background-size: 750px;
	}
#cabecera_azul {
	height: 85px;
	background-size: 750px;
	}
#cabecera_naranja {
	height: 85px;
	background-size: 750px;
}
#cabecera_morada {
	height: 85px;
	background-size: 750px;
}
#cabecera_evaluapp {
    height: 85px;
    background-size: 750px auto;
}
	
#cabecera h1{
	top:20px;
	left:90px;
}
#cabecera_azul h1{
	top:20px;
	left:90px;
}
#cabecera_naranja h1{
	top:20px;
	left:90px;
}
nav ul a{	
	width: 210px;
			margin: 0 3px 0 3px;
	font-size: 14px;
	padding: 7px 6px 7px 6px;
}

	
nav ul #libros{
	width:105px;
}
nav ul #servicios{
	width:105px;
}
nav ul #plata{
	width:105px;
}
nav ul #app{
	width:105px;
}
nav ul #pdi{
	width:133px;
}	
#cabecera_morada h1 {
    top: 20px;
    left: 103px;
}
	
nav ul a:first-child{
	width: 40px;
}

.logo_anaya {
    background-image: url("imagenes/logo_anaya_a.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px;
}
	
article{
	width:645px;
	margin-left: 70px;	
	margin-bottom: 40px;
}
#naranja{
	width:677px;
	margin-left: 72px;

}
#naranja img{
	height: 108px;
}
#izquierda_naranja {
	height: 403px;
	padding-top: 50px;
width: 325px;
}

#derecha_naranja {
	padding-top: 50px;
	height: 400px;
width: 325px;
	margin-left:20px;
}
#naranja h1{
text-align: center;
	width: 280px;
	font-size: 15px;
	
}

#naranja h2{
	width: 280px;
font-size: 14px;
}
#izquierda {
	width:650px;
	height: 241px;
	}
#derecha{
	width: 310px;
	margin-left: 16px;
	}	
	
#pie {
width: 100%;
}
	
#pie ul{
	margin-left: 50px;
}
	
	
#pie_aula {
	width: 550px;
	margin: 20px auto 20px auto;

}
#aula_digi{
width:600px;
	font-size: 13px;
margin-top: 10px;
	padding: 20px;
	margin-bottom: 40px;
}
#aula_digi img{
	width: 185px;
	padding: 3px;
	margin-bottom: 10px;
}	
#aula_digi ul li{
	margin-bottom: 10px;
	margin-left: 25px;
width: 500px;
}

#aula_digi_morada{
width:600px;
	font-size: 13px;
margin-top: 10px;
	padding: 20px;
	margin-bottom: 40px;
}
#aula_digi_morada img{
	width: 178px;
	padding: 3px;
	margin-bottom: 10px;
}	
#aula_digi_morada ul li{
	margin-bottom: 10px;
	margin-left: 25px;
width: 232px;
}
	
#aula_digi_evaluapp img {
    width: 178px;
    padding: 3px;
    margin-bottom: 10px;
}
	
#aula_digi_evaluapp {
    width: 600px;
    font-size: 13px;
    margin-top: 10px;
    padding: 20px;
    margin-bottom: 40px;
}
#aula_digi_evaluapp ul li{
	margin-bottom: 10px;
	margin-left: 25px;
width: 500px;
}
	
#demo{
	margin-left: auto;
	margin-right: auto;
}
	
#naranja #demo1{
	width: 230px;
	font-size: 15px;
position:relative;
	top:-30px;
	left: 45px;	
}
#naranja #demo2{
		width: 230px;
	font-size: 15px;
position:relative;
	top:-65px;
	left: 390px;	
}	
	
#cabecera_evaluapp h1 {
    top: 19px;
    left: 87px;
}
	
	
.flotar{
	width: 50%;
}
	
	
	
	
	
	
	
	}		
		
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media screen and (max-width:767px){
#contenedor {
width:99%;
	background-size: 210px;
	background-position: center bottom;
	padding-bottom: 290px;
	padding-top:0px;
	margin: auto;
}
#cabecera {
	margin-top: 70px;
	background-size: 700px auto;
}
#cabecera h1{
	top:22px;
	left:12%;
	font-size: 18px
}
	
#contenedor article h1 {
	height: 105px;
	width: 75%;
	margin: 0px 0px 20px 9%;
	font-size: 12px;
	line-height: 28px;
	padding: 12px;
	font-size: 14px;
}
	
#contenedor_azul {
width:99%;
	background-size: 250px;
	background-position: center bottom;
	padding-bottom: 240px;
	padding-top:0px;
	margin: auto;
}
	#contenedor_azul h2 a{
margin-left: 25px;
	}

#cabecera_azul h1{
	top:22px;
	left:12%;
	font-size: 15px;
	width: 270px;
}
	#contenedor_naranja {
width:99%;
padding-bottom: 240px;
	padding-top:0px;
}
#cabecera_naranja {
    margin-top: 60px;
	background-size: 700px auto;
}
#cabecera_naranja h1{
	top:17px;
	left:12%;
	font-size: 18px;
	width: 200px;
	
}

#aula_digi_morada {
    display: block;
    width: 80%;
    font-size: 13px;
    margin-top: 20px;
    padding: 30px;
    box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.4);
    border: 1px solid #FFF;
    border-radius: 12px;
}

#contenedor_evaluapp {
width:99%;
	background-size: 200px;
	background-position: center bottom;
	padding-bottom: 240px;
	padding-top:0px;
	margin: auto;
}
#contenedor_evaluapp h2 a{
margin-left: 25px;
	}

#cabecera_morada h1{
	top:22px;
	left:12%;
	font-size: 15px;
	width: 270px;
}

#cabecera_evaluapp h1{
	top: 29px;
	left: 12%;
	font-size: 15px;
	width: 270px;
	}	
	
	
#naranja{
	width:95%;
	margin: 0 auto;
}
	#naranja img{
		height:110px;
	}
	#izquierda_naranja {
	display: block;
	width:95%;
	margin: 0 auto;
		top:8px;
			height:330px;
		padding-top: 30px;
		
}
#derecha_naranja{
	display: block;
	width:95%;
	margin: 0 auto;
	height:370px;
	padding-top: 0;
	margin-top: 19px;
	}	
article{
	width:95%;
	margin: 0 auto;
}
	
nav {
	height: 160px;
	margin-top: -7px;
	margin-bottom: 7px;
	margin-left: auto;
	margin-right: auto;
}	
	
nav ul a{
	width:93%;
	margin: 0 0 3px 0;
}
nav ul a:first-child{
	width:93%;
	margin: 0 0 3px 0;
}	
	
#izquierda {
	display: block;
	width:95%;
	margin: 0 auto;
	height: 350px;

	}
#derecha{
	display: block;
	width:95%;
	margin: 0 auto;
	}	
	
.logo_anaya_digital {
    float: left;
		margin: 0px 0px 15px 258px;
}
	
article section img{
	margin: 0 auto;
	display: block;
	margin-bottom: 10px;
}
article #derecha img{
		margin-top: 30px;
	}
	
#pie {
width: 90%;
	margin: 25px auto;

}	
#pie ul{
	width: 90%;
	margin-left: 0;
}
#pie li{
	width: 100%;
}	
	
	
#aula_digi{
width:80%;
	font-size: 13px;
margin-top: 10px auto 30px auto;
	padding: 15px;

}
	
#aula_digi img{
	width: 95%;
	padding: 1%;
	margin-bottom: 10px;
	display: none;
}	
#aula_digi img:first-child{
	display: block;
	}
#aula_digi ul li{
	margin-bottom: 10px;
	margin-left: 15px;
width: 80%;
}	

#aula_digi{
width:80%;
	font-size: 13px;
margin-top: 10px auto 30px auto;
	padding: 15px;

}
	
#aula_digi_morada img{
	width: 27%;
	padding: 1%;
	margin-bottom: 10px;
	display: inline;
}	

#aula_digi_morada ul li{
	margin-bottom: 10px;
	margin-left: 15px;
width: 80%;
}		
	
#contenedor_pdi {
    width: 100%;
}
	
#pie_aula {
width: 70%;
	margin: 20px auto 20px auto;
	padding-bottom: 25px;	
}	
	
#pie_aula ul {
    margin-top: 10px;
	margin-left: -15px;
}
	
#pie_aula li{
width: 90%;
}	
	
#pie_aula h1{
	font-size: 14px;

font-size: 11px;
	display: block;
	text-align:center;
margin:20px auto 10px -10px;
	width: 95%
}	
	
#contenedor_azul h2 a {
    font-size: 12px;
	margin-left: 0;
}	
	
#demo{
	margin-left: auto;
	margin-right: auto;
}	
	
#naranja #demo1{
	width: 230px;
	font-size: 15px;
position:relative;
	top:20px;
	left: 50%;
	margin-left: -115px;
}
#naranja #demo2{
		width: 230px;
	font-size: 15px;
position:relative;
	top:40px;
	left: 50%;	
	margin-left: -115px;
}	

#aula_digi_evaluapp {
    width: 95%;
	padding: 10px;
	margin: 0 auto;
}
#aula_digi_evaluapp img {
    width: 30%;
}
#cabecera_evaluapp {
    margin-top: 79px;
	background-size: 700px auto;
}

#cabecera_morada {
    margin-top: 67px;
	background-size: 700px auto;
}

#cabecera_azul {
    margin-top: 70px;
	background-size: 700px auto;
}
	
#aula_digi_evaluapp ul li {
    margin-bottom: 10px;
    margin-left: 25px;
    width: 90%;
}
	
}
	
	
	
#contenedor_video{
	width: 768px;
	margin-left: 143px;
	padding: 20px;
	margin-bottom: 10px;
	border: 1px solid #FFF;
	border-radius: 12px;
	box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.4);
}	
#contenedor_video video{
	width: 100%; 
	height: auto;
}

.body_libros_digitales #contenedor_video{ background-color: #95C14E; }
.body_servicios_web #contenedor_video{ background-color: #DF9254; margin-bottom: 40px;}
.body_aula_digital #contenedor_video{ background-color: #B7DCF2; margin-bottom: 25px;}
.body_evaluapp #contenedor_video{ background-color: #FECB10; }
.body_pdi #contenedor_video{ background-color: #005B88; margin-bottom: 15px;}


#aula_digi_morada .enlaces_mapas{
	padding-left: 40px;
}

.enlaces_mapas li{
	width: 70px;
	height: 70px;
	transition: width 1s;
	-webkit-transition: width 1s;
}

.enlaces_mapas li:hover{
	width: 80px;
	height: 80px;
}