@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
	font-family: 'bpicons';
	src:url('../fonts/bpicons/bpicons.eot');
	src:url('../fonts/bpicons/bpicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/bpicons/bpicons.woff') format('woff'),
		url('../fonts/bpicons/bpicons.ttf') format('truetype'),
		url('../fonts/bpicons/bpicons.svg#bpicons') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Made with http://icomoon.io/ */

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body,html {
	font-size: 100%;
	padding: 0;
	margin: 0;
	/*background-image: url(../imagenes/repite.jpg);*/
	background-color: #89B604;
}

#cabecera {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 190px;
	background-image: url(../imagenes/cabecera.png);
	background-repeat: no-repeat;
	background-position: center;
}
#logo {
	height: 100px;
	width: 500px;
	float: left;
	padding: 10px;
	margin-left: 50px;
	margin-top: 35px;
}
#logo h1 {
	margin: 0px;
	padding: 0px;
}

.buscador {
	float: right;
	height: auto;
	width: 300px;
	margin-right: 30px;
	border-radius: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 20px;
	background-color: #FFF;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	margin-bottom: 0px;
	border: 2px solid #89B604;
	z-index: 20000000;
}
#cabecera ul {
	float: right;
	margin-top: 10px;
	margin-right: 100px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 400px;
}

#cabecera li {
	display: inline;
	margin: 0px;
	padding: 0px;
}


#contenedor {
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#titulos {
	width: auto;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #89B604;
	height: 120px;
	padding-right: 10px;
	padding-left: 30px;
	padding-bottom: 30px;
}
#titulos h1 a:link {
	font-size: 28px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding: 0px;
	letter-spacing: -1px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
}
#titulos h1 a:visited {
	font-size: 28px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding: 0px;
	letter-spacing: -1px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
}
#titulos h1 a:hover {
	font-size: 28px;
	color: #999999;
	text-decoration: underline;
	font-weight: bolder;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding: 0px;
	letter-spacing: -1px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
}
#titulos h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	line-height: 38px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 80px;
	letter-spacing: -1px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#titulos img {
	margin-right: 10px;
}


.azul-materiales {
	background-color: #3A3A3A;
	background-image: url(../imagenes/icono-materiales-en-lse.png);
	background-repeat: no-repeat;
	background-position: 8px 4px;
}
.azul-diccionario {
	background-color: #3A3A3A;
	background-image: url(../imagenes/icono-diccionario.png);
	background-repeat: no-repeat;
	background-position: 8px 4px;
}
.azul-preguntanos {
	background-color: #3A3A3A;
	background-image: url(../imagenes/icono-contacto.png);
	background-repeat: no-repeat;
	background-position: 8px 4px;
}
.enlaces {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	background-color: #F9F9F9;
	margin-top: 20px;
	margin-bottom: 20px;
	height: auto;
	border: 5px solid #363636;
	padding-bottom: 10px;
}
.nuevo {
	font-size: 1em;
	color: #FFF;
	background-color: #BE0005;
	border-radius: 20px;
	padding-right: 5px;
	padding-left: 5px;
}



.azul-donde-acudir {
	background-color: #3A3A3A;
	background-image: url(../imagenes/icono-donde-acudir.png);
	background-repeat: no-repeat;
	background-position: 8px 4px;
}
.neutro {
	background-color: #89B604;
	background-image: url(../imagenes/icono-neutro.png);
	background-repeat: no-repeat;
	background-position: 11px 3px;
}
.rosa {
	background-color: #EA7FAD;
	background-image: url(../imagenes/icono-neutro.png);
	background-repeat: no-repeat;
	background-position: 11px 3px;
}
.azul {
	background-color: #5686F4;
	background-image: url(../imagenes/icono-neutro.png);
	background-repeat: no-repeat;
	background-position: 11px 3px;
}
.naranja {
	background-color: #E5AA32;
	background-image: url(../imagenes/icono-neutro.png);
	background-repeat: no-repeat;
	background-position: 11px 3px;
}
.rojo {
	background-color: #BE0005;
	background-image: url(../imagenes/icono-neutro.png);
	background-repeat: no-repeat;
	background-position: 11px 3px;
}
.amarillo {
	background-color: #D1CD23;
	background-image: url(../imagenes/icono-neutro.png);
	background-repeat: no-repeat;
	background-position: 11px 3px;
}
.morado {
	background-color: #5A339D;
	background-image: url(../imagenes/icono-neutro.png);
	background-repeat: no-repeat;
	background-position: 11px 3px;
}

#txt2 {
	width: auto;
	margin-top: 0px;
	margin-right: 85px;
	margin-bottom: 40px;
	margin-left: 85px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	background-color: #FFF;
	color: #585858;
	background-image: url(../imagenes/fondo-repite.png);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	text-align: center;
	height: 1200px;
}


#txt2 p {
	font-size: 18px;
	line-height: 28px;
	color: #969696;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-right: 60px;
	padding-left: 30px;

}
#txt2 a:link {
	font-size: 1.2em;
	color: #363636;
	text-decoration: none;
	font-weight: bolder;
	line-height: 22px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#txt2 a:visited {
	font-size: 1.2em;
	color: #363636;
	text-decoration: none;
	font-weight: bolder;
}
#txt2 a:hover {
	font-size: 1.2em;
	color: #88B500;
	text-decoration: none;
	font-weight: bolder;
}
#novedades {
	width: 70%;
	border-radius : 20px;
	margin-bottom: 20px;
	text-align: center;
	margin-top: 0px;
	padding: 10px;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
}

#novedades h2 {
	background-color: #88B301;
	color: #FFF;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 2.5em;
	padding: 20px;
}
.contenedor-caja {
	width: 980px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.cajas p {
}

.cajas h3 {
	background-color: #D8260C;
	color: #FFF;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	font-size: 1.7em;
	padding: 5px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.cajas {
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	background-color: rgba(241,247,225,0.7);
	height: auto;
	width: 450px;
	border-radius: 20px;
	padding: 10px;
	float: left;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
	text-align: left;
}
.cajas ul {
	float: left;
	margin: 0px;
}
.cajas li  {
	margin-bottom: 10px;
	margin-top: 10px;
}





#txt {
	width: auto;
	margin-top: 0px;
	margin-right: 100px;
	margin-bottom: 40px;
	margin-left: 100px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	background-color: #FFF;
	color: #585858;
	background-image: url(../imagenes/fondo-repite.png);
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}




#txt p {
	font-size: 1.2em;
	line-height: 32px;
	color: #969696;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding-right: 60px;
	padding-left: 30px;
	text-align: justify;
	padding-top: 0px;
	margin-top: 5px;
	margin-right: 50px;
	margin-bottom: 5px;
	margin-left: 50px;
}
#txt ul {
	margin-top: 0px;
	margin-right: 110px;
	margin-bottom: 0px;
	margin-left: 160px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#txt li {
	list-style-type: disc;
	margin-bottom: 20px;
	color: #969696;
	font-size: 1.2em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height: 32px;
	text-align: justify;
	margin-top: 20px;
}
#txt a:link {
	font-size: 20px;
	color: #363636;
	font-weight: bolder;
	line-height: 22px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-decoration: none;
}
#txt a:visited {
	font-size: 20px;
	color: #363636;
	text-decoration: none;
	font-weight: bolder;
}
#txt a:hover {
	font-size: 20px;
	color: #88B500;
	text-decoration: underline;
	font-weight: bolder;
}
#txt h3 {
	color: #89B502;
	font-size: 1.8em;
	padding-left: 30px;
	line-height: 30px;
	margin-top: 20px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	margin-left: 180px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	width: auto;
	background-color: #F1F8E6;
	margin-right: 100px;
}
#txt h2 {
	color: #FFFFFF;
	font-size: 30px;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #363636;
	padding-left: 5px;
	line-height: 30px;
	margin-top: 20px;
	background-color: #88B502;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	margin-right: 100px;
	margin-left: 100px;
	width: auto;
}
#txt h4 {
	color: #769C03;
	font-size: 28px;
	padding-left: 20px;
	line-height: 30px;
	margin-top: 20px;
	/*box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;*/
	padding-top: 10px;
	padding-right: 10px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#enlaces {
	width: 440px;
	height: 180px;
	text-align: right;
	position: relative;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 20px;
	float: left;

}
#enlaces h2 {
	margin: 0px;
	width: 440px;
	height: 180px;
	font-size: 18px;
	line-height: 20px;
	color: #838383;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: rgba(167,167,167,0.1);
	
	border: 0px solid #E9F3D1;
}
#centrar {
	width: 990px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 80px;
}
#centrar-consulta {
	width: 800px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#centrar-consulta p {
	text-align: center;
	line-height: 40px;
	font-size: 25px;
}

.siguiente {
	width: 46px;
	height: 44px;
	position: absolute;
	top: 150px;
	z-index: 1000;
	left: 380px;
	right: 0px;
	bottom: 0px;
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	border: 0px;
	padding: 5px;
}
.siguiente:hover {
	width: 46px;
	height: 44px;
	position: absolute;
	top: 150px;
	z-index: 1000;
	left: 380px;
	right: 0px;
	bottom: 0px;
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	border: 0px;
}


.img-adorno {
	margin-right: 20px;
	margin-left: 5px;
	float: right;
	padding: 0px;
}
#tacon {
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	text-align: center;
	padding: 10px;
	width: 800px;
	border: 2px solid #88B502;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#tacon p {
	text-align: center;
	font-size: 18px;
	font-weight: bolder;
	line-height: 28px;
	margin: 0px;
	padding: 0px;
}

#interrogacion {
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	color: #363636;
	text-align: center;
	border: 2px solid #88B502;
	margin-left: auto;
	margin-bottom: 20px;
	background-color: #F7F9EC;
	padding: 10px;
	margin-right: auto;
	margin-top: 20px;
	background-image: url(../imagenes/ico-importante.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	width: 70%;
}
#interrogacion p {
	text-align: center;
	padding: 0px;
	font-size: 1.1em;
	font-weight: 300;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	line-height: 22px;
}



#txt table {
	width: 80%;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: justify;
	margin-right: auto;
	margin-top: 10px;
}
#txt td  {
	text-align: center;
	vertical-align: middle;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#txt table p{
	width: auto;
	margin-left: 5px;
	margin-bottom: 5px;
	text-align: justify;
	margin-right: 5px;
	margin-top: 5px;
}
#txt table h3{
	text-align: justify;
	font-size: 35px;
}
#destacado01 {
	background-color: #EA7FAD;
	color: #FFF;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	background-color: #EA7FAD;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
}
#destacado01 p {
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-weight: bolder;
}
#destacado02 {
	background-color: #EA7FAD;
	color: #FFF;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	background-color: #5686F4;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
}
#destacado02 p {
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-weight: bolder;
}
#destacado03 {
	background-color: #EA7FAD;
	color: #FFF;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	background-color: #E5AA32;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
}
#destacado03 p {
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-weight: bolder;
}
#destacado04 {
	background-color: #EA7FAD;
	color: #FFF;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	background-color: #C8C422;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
}
#destacado04 p {
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-weight: bolder;
}
#destacado05 {
	background-color: #EA7FAD;
	color: #FFF;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	background-color: #B90000;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
}
#destacado05 p {
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-weight: bolder;
}
#destacado06 {
	background-color: #EA7FAD;
	color: #FFF;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	background-color: #5A339D;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
}
#destacado06 p {
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-weight: bolder;
}





#sub_menu {
	width: 800px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	padding-left: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-color: rgba(241,247,225,0.7);
	margin-left: auto;
	margin-right: auto;
}

#sub_menu p {
	font-size: 14px;
}

#sub_menu ul {
	padding: 0px;
	margin: 0px;
}

#sub_menu li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	line-height: 20px;
}
#sub_menu a:link {
	font-size: 22px;
	color: #8BAE00;
	text-decoration: none;
	font-weight: bolder;
	line-height: 22px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#sub_menu a:visited {
	font-size: 22px;
	color: #6F8A00;
	text-decoration: none;
	font-weight: bolder;
}
#sub_menu a:hover {
	font-size: 22px;
	color: #404040;
	text-decoration: none;
	font-weight: bolder;
}
#sub_menu2 {
	width: 90%;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	background-color: rgba(241,247,225,0.5);
	margin-left: auto;
	margin-bottom: 100px;
	margin-right: auto;
	height: auto;
	padding: 10px;
}
#sub_menu2 h2 {
	width: 750px;
	background-color: #89B604;
}

#sub_menu2 p {
	font-size: 15px;
	line-height: 22px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#sub_menu2 ul {
	padding: 0px;
	margin: 0px;
}

#sub_menu2 li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;

}
#sub_menu2 a:link {
	font-size: 20px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
	line-height: 22px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#sub_menu2 a:visited {
	font-size: 20px;
	color: #6F8A00;
	text-decoration: none;
	font-weight: bolder;
}
#sub_menu2 a:hover {
	font-size: 20px;
	color: #F7B9BD;
	text-decoration: none;
	font-weight: bolder;
}
#bto-descarga {
	background-color: #B41521;
	width: 200px;
	float: right;
	text-align: center;
	padding: 10px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
}


#adorno {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #88B500;
	margin-bottom: 20px;
	margin-top: 10px;
}
.Estilo1 {
	color: #88B502;
	font-size: 18px;
	font-weight: bolder;
	border-radius:20px;
}

#contenedor-video {
	width: 100%;
	height: 50px;
	text-align: right;
}
#ico-video {
	text-align: right;
	width: 55px;
	float: right;
	margin-right: 50px;
	margin-top: 5px;
}
#ico-video2 {
	text-align: right;
	width: auto;
	height: 55px;
	margin-right: 50px;
	margin-top: 10px;
}

#pdf {
	height: 66px;
	width: 68px;
	margin-top: 40px;
	margin-right: 10px;
	float: right;
	padding: 0px;
}

.img
{
	opacity: 1.0;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	border: 0px;
	
}
.img:hover
{
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */	
	border: 0px;
}
#presentacion {
	float: right;
	margin-right: 50px;
}

#img_titu {
	width: auto;
	text-align: justify;
	margin-top: 10px;
	margin-left: 80px;
	padding: 0px;
	margin-right: 80px;
	height: auto;
	margin-bottom: 0px;
	display: none;
}
#img_titu p {
	font-size: 23px;
	line-height: 35px;
	font-weight: lighter;
	text-align: right;
	margin: 0px;
	padding: 0px;
}



#Submit {
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
}
.mas {
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}
.frase-rosa {
	font-weight: bolder;
	background-color: #EA7FAD;
	color: #FFF;
	height: 45px;
	font-size: 20px;
	padding-top: 10px;
	line-height: 20px;
}
.frase-azul {
	font-weight: bolder;
	background-color: #5686F4;
	color: #FFF;
	height: 45px;
	font-size: 20px;
	padding-top: 10px;
	line-height: 20px;
}
.frase-naranja {
	font-weight: bolder;
	background-color: #E5AA32;
	color: #FFF;
	height: 45px;
	font-size: 20px;
	padding-top: 10px;
	line-height: 20px;
}
.frase-amarillo {
	font-weight: bolder;
	background-color: #D5D024;
	color: #FFF;
	height: 45px;
	font-size: 20px;
	padding-top: 10px;
	line-height: 20px;
}
.frase-rojo {
	font-weight: bolder;
	background-color: #BE0005;
	color: #FFF;
	height: 45px;
	font-size: 20px;
	padding-top: 10px;
	line-height: 20px;
}
.frase-morado {
	font-weight: bolder;
	background-color: #5A339D;
	color: #FFF;
	height: 45px;
	font-size: 20px;
	padding-top: 10px;
	line-height: 20px;
}

#FLVPlayer2 {
	margin: 0px;
	padding: 0px;
	float: left;
}
#pie {
	height: auto;
	width: 100%;
	margin-left: auto;
	color: #FFFFFF;
	font-size: 11px;
	margin-top: 10px;
	margin-right: auto;
	float: left;
	position: relative;
}
#subir {
	float: right;
	height: 63px;
	width: 118px;
	margin-right: 200px;
}

#pie-menu {
	float: left;
	width: 100%;
	background-color: #404040;
	text-align: center;
	padding-top: 15px;
}

#logos {
	width: 400px;
	height: 250px;
	float: left;
	position: absolute;
	background-image: url(../imagenes/pie-adorno.png);
	background-repeat: no-repeat;
	top: -90px;
}

#logos ul {
	padding: 0px;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
#logos li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 0px;
	list-style-type: none;
	display: inline;
}


#pie-menu ul {
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	text-align: center;
}
#pie-menu li {
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#pie a:link {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
#pie a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#pie a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}



.chromestyle{
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
#chromemenu img {
	vertical-align: bottom;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.chromestyle:after{ 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.chromestyle ul{
	text-align: center;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}0

.chromestyle ul li{
	margin: 0px;
	padding: 0px;
	display: inline;
}

.chromestyle ul li a{
	color: #333333;
	text-decoration: none;
	font-size: 14px;
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ 
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;


}

.dropmenudiv{
	width: 155px;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);*/
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #88B500;
	border-left-color: #88B500;
	z-index: 100;
	position: absolute;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #88B500;
	left: 122px;
	visibility: hidden;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	float: left;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.dropmenudiv a{
	display: block;
	text-indent: 3;
	text-decoration: none;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #88B500;
	font-size: 15px;
	padding-top: 0px;
	padding-right: 1;
	padding-bottom: 0px;
	padding-left: 1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 0px;
}

 .dropmenudiv a:hover{
	display: block;
	text-indent: 3px;
	text-decoration: none;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #88B500;
	font-size: 15px;
	padding-top: 0px;
	padding-right: 1;
	padding-bottom: 0px;
	padding-left: 1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin: 0px;
	background-color: #88B500;
}


.ddimgtooltip{
	box-shadow: 3px 3px 5px #818181;
	-webkit-box-shadow: 3px 3px 5px #818181;
	-moz-box-shadow: 3px 3px 5px #818181;
	display:none;
	position:absolute;
	border:1px solid #3A3A3A;
	background:white;
	color: #00FF00;
	z-index:2000;
	padding: 4px;
	visibility: visible;
	top: 0px;
}

/*video*/
.md-modal {
	position: fixed;
	top: 45%;
	left: 50%;
	width: 80%;
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index: 2000000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background-color: rgba(138,183,5,0.8);
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
	margin: 0px;
	padding: 0px;
}

/* Content styles */
.md-content {
	color: #fff;
	border-radius: 20px;
	margin: 0 auto;
	background-color: #668703;
}
#video {
	height: 380px;
	width: 430px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	border: 5px solid #FFF;
	margin-top: 70px;
}


.md-content h3 {
	margin: 0;
	padding: 0.2em;
	text-align: center;
	font-size: 2.1em;
	font-weight: 300;
	opacity: 0.8;
	background: rgba(0,0,0,0.1);
	border-radius: 3px 3px 0 0;
	line-height: 32px;
	visibility: hidden;
}

.md-content > div {
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 100px;
	padding-left: 40px;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

button {
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	letter-spacing: -1px;
	cursor: pointer;
	display: inline-block;
	text-transform: uppercase;
	background-color: transparent;
	margin: 0px;
	padding: 0em;
	float: right;
	color: #EB891A;
	font-weight: bolder;
}
.md-trigger .img {
	width: 40px;
	margin-top: 0px;
	float: right;
}


button:hover {
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}
.md-close {
	margin: 0px;
	padding: 0px;
	float: right;
}
/*menu central principal*/
.bookshelf {
	position: relative;
	list-style: none;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 100%;
	/*background-image: url(../imagenes/fondo-menu-inicial.png);*/
	background-repeat: no-repeat;
	background-position: 100px -200px;
}
#bookshelf h2 {
	font-size: 2em;
	top: 2px;
	z-index: 1;
	left: 5px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	background-color: rgba(255,255,255,0.8);
	border-radius: 20px;
	/*  text-shadow: 4px 4px 4px #ffffff;*/
	position: absolute;
	letter-spacing: -1px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 290px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
}


.bookshelf figure {
	position: relative;
	display: inline-block;
	max-width: 75%;
	width: 324px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	height: auto;
	
}

/* gira */

.perspective {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-perspective: 1800px;
    perspective: 1800px;
}

.book {
	position: relative;
	width: 241px;
	height: 320px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	
}

.book div {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cover {
	z-index: 10;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;	
}

.cover::before {
	position: absolute;
	left: 0;
	z-index: 10;
	visibility: hidden;
	width: 20px;
	height: 100%;
	content: '';
	-webkit-transform: translateX(-100%) rotateY(-90deg);
	transform: translateX(-100%) rotateY(-90deg);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

}

.front {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bookshelf .book .inner-left {
    border-right: none;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.inner-right { border-left: none }

/* boton */

.buttons {
	margin-top: -320px;
	text-align: center;
	position: absolute;
	height: 246px;
	width: 200px;
	margin-left: 40px;
	
}

.buttons a {
    display: inline-block;
    padding: 0 8px;
    color: rgba(100, 105, 106, 0.7);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.65em;
    line-height: 1.5;
}

/* menu interior */

.details {
	position: absolute;
	top: 0;
	z-index: 10000;
	width: 390px;	
	
}


.details ul {
	margin: 0;
	list-style: none;
	text-align: left;
	padding-top: 60px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	width: 253px;
	background-color: #FFF;
	height: auto;
}

.csstransformspreserve3d .details ul {
	padding: 60px 30px 0 70px;
	border-radius:20px;
}

.details ul li {
	font-weight: 300;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-color: #FFF;
	padding-top: 6px;
	padding-bottom: 6px;
	list-style-type: disc;
	padding-right: 5px;
	padding-left: 5px;
}


.details ul li:not(:first-child) {
	font-weight: 700;
}

.details ul li:first-child {
    position: relative;
	margin: 10px 0 15px 0;
    padding: 0 0 15px 0;
    text-align: justify;
}

.details ul li:first-child::after {
    top: 100%;
    left: 0;
}

.close-details {
	position: absolute;
	top: 10px;
	right: 10px;
	visibility: hidden;
	width: 80px;
	height: 80px;
/*	opacity: 0.6;*/
	cursor: pointer;
	background-image: url(../imagenes/cerrar.png);
	background-repeat: no-repeat;
}

.details-open .close-details {
	visibility: visible;
}

.close-details:hover { opacity: 1 }

.close-details::before,
.close-details::after {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;     
}

.close-details::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.close-details::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/****** modificar secciones *****/

/* secciones*/

.no-csstransforms3d .book[data-book="book-1"],
.no-js .book[data-book="book-1"],
.book[data-book="book-1"] .front {
    background: url(../imagenes/mi-hiijo-de-0-a-6-inicoi.png);background-repeat: no-repeat;}
.book[data-book="book-1"] .inner {
	height: 0px;
	width: 0px;
}
.book[data-book="book-1"] .cover::before {background: #ea7fad;}

.no-csstransforms3d .book[data-book="book-2"],
.no-js .book[data-book="book-2"],
.book[data-book="book-2"] .front {background: url(../imagenes/mi-hiijo-de-6-a-12-inicoi.png);background-repeat: no-repeat;}
.book[data-book="book-2"] .inner { 
	height: 0px;
	width: 0px;
	height: 0px;
}
.book[data-book="book-2"] .cover::before {
	background-color: #5686f4;	
}

.no-csstransforms3d .book[data-book="book-3"],
.no-js .book[data-book="book-3"],
.book[data-book="book-3"] .front {background: url(../imagenes/mi-hijo-adolescente-inicio.png);background-repeat: no-repeat;}

.book[data-book="book-3"] .inner {
	height: 0px;
	width: 0px;
	height: 0px;}
.book[data-book="book-3"] .cover::before {
   background-color: #e5aa32;	
}

.no-csstransforms3d .book[data-book="book-4"],
.no-js .book[data-book="book-4"],
.book[data-book="book-4"] .front {background: url(../imagenes/familia-inicio.png);background-repeat: no-repeat;}

.book[data-book="book-4"] .inner {
	height: 0px;
	width: 0px;
	height: 0px;}

.book[data-book="book-4"] .cover::before {
    background-color: #ccc744;	
}

.no-csstransforms3d .book[data-book="book-5"],
.no-js .book[data-book="book-5"],
.book[data-book="book-5"] .front{background: url(../imagenes/comunicamos-inicio.png);background-repeat: no-repeat;
}

.book[data-book="book-5"] .inner {
	height: 0px;
	width: 0px;
	height: 0px;}

.book[data-book="book-5"] .cover::before {
    background-color: #be0005;
}

.no-csstransforms3d .book[data-book="book-6"],
.no-js .book[data-book="book-6"],
.book[data-book="book-6"] .front {background: url(../imagenes/sentimientos-inicio.png);background-repeat: no-repeat;}

.book[data-book="book-6"] .inner { 
	height: 0px;
	width: 0px;
	height: 0px;}

.book[data-book="book-6"] .cover::before {
     background-color: #5a339d;
}

/****** Transitions ******/

/* Book open / view inside */

.book {
    -webkit-transition: -webkit-transform 0.5s, opacity 0.3s 0.3s;
    transition: transform 0.5s, opacity 0.3s 0.3s;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.inner-right {
    background-color: #ddd;
    -webkit-transition: background-color 0.5s 0.25s;
    transition: background-color 0.5s 0.25s;
}

.open .inner-right {
    background-color: #f9f9f9;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.bb-custom-wrapper {
    z-index: 2000;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 0.5s;
    transition: visibility 0s 0.5s;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

.bb-custom-wrapper.show {
    visibility: visible;
    -webkit-transition: visibility 0s;
    transition: visibility 0s;
    -webkit-animation: openBigBook 0.5s forwards;
    animation: openBigBook 0.5s forwards;
}

.no-cssanimations .bb-custom-wrapper.show { opacity: 1 }

.bb-custom-wrapper.hide {
    -webkit-animation: closeBigBook 0.5s forwards;
    animation: closeBigBook 0.5s forwards;
}

.no-cssanimations .bb-custom-wrapper.hide { opacity: 0 }

@-webkit-keyframes 

  85% { opacity: 1 }

  100% {
      opacity: 1;
      -webkit-transform: scale(1);
  }
}

@keyframes 

  85% { opacity: 1 }

  100% {
      opacity: 1;
      transform: scale(1);
  }
}

@-webkit-keyframes 

  55%,
  100% {
      opacity: 0;
      -webkit-transform: scale(0.95);
  }
}

@keyframes 

  55%,
  100% {
      opacity: 0;
      transform: scale(0.95);
  }
}

/* Details open / view details */

.bookshelf figure {
    z-index: 100;
    -webkit-transition: z-index 0s 0.3s;
    transition: z-index 0s 0.3s;
}

.bookshelf figure.details-open {
    z-index: 101;
    -webkit-transition: none;
    transition: none;
}

.csstransformspreserve3d .details-open .book {
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateX(-36px) rotateY(90deg);
    transform: translateX(-36px) rotateY(90deg);
}

.no-csstransformspreserve3d .details-open .book {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
}

.csstransformspreserve3d .cover::before {
    -webkit-transition: visibility 0s 0.5s;
    transition: visibility 0s 0.5s;
}

.csstransformspreserve3d .details-open .cover::before {
    visibility: visible;
    -webkit-transition: none;
    transition: none;
}

.details {
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}

.details-open .details {
    visibility: hidden;
    opacity: 1;
    z-index: 10;
    -webkit-transition: opacity 0.5s, visibility 0s;
    transition: opacity 0.5s, visibility 0s;
}

.details ul li {
	visibility: visible;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(30%);
	transform: translateX(30%);
	width: 230px;
}

.details-open .details ul li:first-child {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	font-size: 30px;
	color: #FFF;
	text-align: center;
	width: 200px;
	border-radius: 20px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #89B604;
}

.details-open .details ul li:nth-child(2) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.details-open .details ul li:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.details-open .details ul li:nth-child(4) {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.details-open .details ul li {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

/* Details background */

.bookshelf figure::before {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background: #fff;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
    transition: opacity 0.3s, visibility 0s 0.3s;
}

.bookshelf figure.details-open::before {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.3s, visibility 0s;
    transition: opacity 0.3s, visibility 0s;
}

/* Overlay when viewing details */

.bookshelf figure::after {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 0;
	background: rgba(51, 51, 51, 0.8);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, height 0s 0.8s;
	transition: opacity 0.8s, height 0s 0.8s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bookshelf figure.details-open::after {
    height: 100%;
    opacity: 5;
    -webkit-transition: opacity 0.9s;
    transition: opacity 0.9s;
}


/*menu superior*/
@font-face {
	font-family: 'bpmenu';
	src:url('../fonts/bpmenu/bpmenu.eot');
	src:url('../fonts/bpmenu/bpmenu.eot?#iefix') format('embedded-opentype'),
		url('../fonts/bpmenu/bpmenu.woff') format('woff'),
		url('../fonts/bpmenu/bpmenu.ttf') format('truetype'),
		url('../fonts/bpmenu/bpmenu.svg#bpmenu') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Main menu wrapper */
.cbp-hsmenu-wrapper {
	position: relative;
	z-index: 10000;
	background-image: url(../imagenes/adorno-cabecera.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/* Common style for all lists */
.cbp-hsmenu-wrapper ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

/* 100% width bar for menu */
.cbp-hsinner {
	position: relative;
	z-index: 100;
}
.cbp-hsinner   h2{
	font-weight: bolder;
	color: #FFF;
	padding-right: 0.01px;
	padding-left: 0.01px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0px;
	height: 60px;
	font-size: 0.9em;
	line-height: 2em;
	font-family: "Times New Roman", Times, serif;
}

/* Main menu style */
.cbp-hsmenu-wrapper .cbp-hsmenu {
	width: 100%;
	max-width: 68em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-bottom: 0;
}

.cbp-hsmenu > li {
	margin-left: 0em;
	display: inline-block;
}

.cbp-hsmenu > li:first-child {
	margin-left: 0;
}

/* Main menu link style */
.cbp-hsmenu > li > a {
	color: #FFFFFF;
	font-size: 1.5em;
	display: inline-block;
	position: relative;
	z-index: 10000;
	outline: none;
	font-weight: bolder;
	/*	color: rgba(100, 105, 106, 0.8);*/
	text-shadow: 2px 2px 2px #747474;
	/*letter-spacing: -1px;*/
	padding-right: 0.3em;
	padding-left: 0.3em;
	padding-top: 20px;
	padding-bottom: 10px;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
}

.no-touch .cbp-hsmenu > li > a:hover,
.no-touch .cbp-hsmenu > li > a:focus,
.cbp-hsmenu > li.cbp-hsitem-open > a {
color: #ffffff;
	opacity: 0.8;
}

/* Add an arrow to the main menu link if it has a submenu (not the only child) */
.cbp-hsmenu > li > a:not(:only-child):before {
	display: inline-block;
	font-family: bpmenu;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 0;
	-webkit-font-smoothing: antialiased;
	content: "\f107";
	font-size: 1.5em;
	padding-left: 0.8em;
	/*opacity: 0.3;*/
	vertical-align: middle;
	float: left;
}

.cbp-hsmenu > li.cbp-hsitem-open > a:not(:only-child):before {
	content: "\f106";

}

/* Add a triangle to currently open menu item link */
.cbp-hsmenu > li.cbp-hsitem-open > a:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #3A3A3A;
	border-width: 20px;
	left: 40%;
	margin-left: -10px;
}

/* Submenu style */
.cbp-hssubmenu {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	z-index: 0;
	text-align: center; /* for aligning the sub items */
	visibility: hidden;
}
.img-rosa {
	background-color: #EA7FAD;
	border-radius: 20px;
	border: 2px solid #FFF;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);	
}
.img-azul {
	background-color: #5686F4;
	border-radius: 20px;
	border: 2px solid #FFF;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);	
}
.img-naranja {
	background-color: #e5aa32;
	border-radius: 20px;
	border: 2px solid #FFF;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);	
}
.img-amarillo {
	background-color: #C8C422;
	border-radius: 20px;
	border: 2px solid #FFF;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);	
}
.img-rojo {
	background-color: #be0005;
	border-radius: 20px;
	border: 2px solid #FFF;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);	
}
.img-morado {
	background-color: #5a339d;
	border-radius: 20px;
	border: 2px solid #FFF;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);	
}
.img-recursos {
	/*	background-color: #59b3e1;*/
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 2px solid #FFF;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	background-image: url(../imagenes/materiales-ico.png);
	background-repeat: no-repeat;
	background-color: #3A3A3A;
	background-position: 25px 10px;
}
.img-pregunta {
	border-radius: 50px;
}

.cbp-hssubmenu:before, 
.cbp-hssubmenu:after { 
	content: " "; 
	display: table; 
}
.cbp-hssubmenu:after { 
	clear: both; 
}

/* Let's allow 6 item in a row */
.cbp-hssubmenu > li {
	width: 18%;
	display: inline-block;
	vertical-align: top;
	box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;
	opacity: 0;
	-webkit-transition: opacity 0.1s 0s;
	-moz-transition: opacity 0.1s 0s;
	transition: opacity 0.1s 0s;
	
}

/* First 6 items don't have upper box shadow */
.cbp-hssubmenu > li:nth-child(-n+6) {
	box-shadow: -28px 0 0 -27px #ddd;
} 

/* Every 7th item does not have a left box shadow */
.cbp-hssubmenu > li:nth-child(6n+1) {
	box-shadow:  0 -28px 0 -27px #ddd;
}

/* The first one does not have any box shadow */
.cbp-hssubmenu > li:first-child {
	box-shadow: none;
}

.cbp-hssubmenu > li a {
	display: block;
	text-align: center;
	color: #333333;
	outline: none;
	font-size: 1.3em;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	text-decoration: none;
}

.no-touch .cbp-hssubmenu > li a:hover,
.no-touch .cbp-hssubmenu > li a:focus {
	color: #999;
}

.cbp-hssubmenu > li a img {
	border: none;
	outline: none;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.no-touch .cbp-hssubmenu > li a:hover img {
	opacity: 0.5;
}

.cbp-hssubmenu > li a span {
	display: block;
	min-height: 3em;
	margin-top: 0.4em;
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
	z-index: 1000;
	visibility: visible;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);	
	
}

.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu > li {
	opacity: 1;
	-webkit-transition: opacity 0.5s 0.1s;
	-moz-transition: opacity 0.5s 0.1s;
	transition: opacity 0.5s 0.1s;
}

/* Helper div for animating the background */
.cbp-hsmenubg {
	background: #f7f7f7;
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 0;
	height: 0px;
}

.no-touch .cbp-hsmenubg {
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

@media screen and (max-width: 72em){
	.cbp-hsmenu-wrapper {
		font-size: 80%;
		
	}

	#cabecera {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 200px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
}
	
	#logo {
	height: auto;
	width: auto;
	float: left;
	padding: 10px;
	margin-left: 50px;
	margin-top: 10px;
}
#logo h1 {
	margin: 0px;
	padding: 0px;
}
#logo img {
	width: 70%;
	height: 70%;
}

.buscador {
	float: left;
	height: auto;
	width: 300px;
	margin-left: 10px;
	border-radius: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	background-color: #FFF;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}
#cabecera ul {
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom:0px;
	padding-left: 20px;
		width: 100%;
}

#cabecera li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
.cbp-hssubmenu > li a {
	display: block;
	text-align: center;
	color: #333333;
	outline: none;
	font-size: 2em;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	text-decoration: none;
}
	.cbp-hsmenu > li > a:not(:only-child):before {
	display: inline-block;
	font-family: bpmenu;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 0;		
	font-size: 1em;
	opacity: 0.0;
	
	
}
	.cbp-hsmenu-wrapper {
	font-size: 100%;
	}

	.cbp-hsmenu-wrapper .cbp-hsmenu {
		padding: 0;
		max-width: none;
		width: 100%;
	}

	.cbp-hsmenu > li {
		border-top: 1px solid rgba(255,255,255,0.5);
		text-align: center;
		margin: 0 auto;
		display: block;
	}

	.cbp-hsmenu > li:first-child {
		border-top: none;
	}

	.cbp-hsmenu > li > a {
	display: block;
	font-size: 3em;
	}

	.cbp-hsmenu > li > a:not(:only-child):before {
		line-height: 1.8;
		right: 0;
		position: absolute;
		font-size: 200%;
	}

	.cbp-hsmenubg {
		display: none;
	}

	.cbp-hssubmenu {
	position: relative;
	overflow: hidden;
	height: 0;
	background-color: #FFFFFF;
	}

	.cbp-hsmenu > li.cbp-hsitem-open .cbp-hssubmenu {
		height: auto;
	}

	/* Let's only allow 3 item in a row now */
	.cbp-hssubmenu > li {
		width: 30%;
	}

	/* Reset box shadows for the 6 items in row case */
	.cbp-hssubmenu > li:nth-child(-n+6),
	.cbp-hssubmenu > li:nth-child(6n+1) {
		box-shadow: -28px 0 0 -27px #ddd, 0 -28px 0 -27px #ddd;
	}

	/* First 4 items don't have upper box shadow */
	.cbp-hssubmenu > li:nth-child(-n+3) {
		box-shadow: -28px 0 0 -27px #ddd;
	} 

	/* Every 5th item does not have a left box shadow */
	.cbp-hssubmenu > li:nth-child(3n+1) {
		box-shadow:  0 -28px 0 -27px #ddd;
	}


	/* Let's only allow 1 item in a row now */
	.cbp-hssubmenu > li {
		width: 100%;
		display: block;
	}

	.cbp-hsmenu-wrapper .cbp-hssubmenu > li {
		box-shadow: 0 1px #cecece;
		text-align: left;
	}

	.cbp-hssubmenu > li a {
		text-align: left;
		line-height: 70px;
		padding: 0.6em 5em;
		font-size: 50px;
	}

	.cbp-hssubmenu > li a img {
		float: left;
		max-height: 50px;
	}

	.cbp-hssubmenu > li a span {
		min-height: 0;
		margin: 0;
	}

.img-recursos {
/*	background-color: #59b3e1;*/
background-color: #3A3A3A;
	width: 100%;
	height: 0%;
	border-radius: 20px;
	border: 2px solid #FFF;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);	
}

#ico-video {display: none;}	
	
#ico-video2 {display: none;}	
	
#txt2 {
	width: auto;
	height: 2300px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 40px;
	margin-left: 5px;
	box-shadow: none;
	border-radius : 20px;
	background-color: #FFF;
	color: #585858;
	background-image: url(../imagenes/fondo-repite.png);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	text-align: center;
}
.contenedor-caja {
	width: 100%;
	text-align: center;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
}
.cajas h3 {
	background-color: #D8260C;
	color: #FFF;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 30px;
	padding: 10px;
}

.cajas {
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	background-color: rgba(241,247,225,0.7);
	height: auto;
	width: 80%;
	border-radius: 20px;
	padding: 10px;
	float: left;
	margin-top: 20px;
	margin-bottom: 0px;	
	margin-right: auto;
	margin-left: 80px;
}


	

#txt {
	width: auto;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 40px;
	margin-left: 5px;
		
}
#img_titu {display: none;}
#img_titu p{display: none;}

#titulos h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 80px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	line-height: 80px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 80px;
	letter-spacing: -1px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}
#txt table {
	width: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	height: auto;
}

#txt table p{
	width: auto;
	margin-left: 2px;
	margin-bottom: 20px;
	text-align: justify;
	margin-right: 2px;
	margin-top: 20px;
	padding: 0px;
}

#txt h3 {
	color: #FFFFFF;
	font-size: 28px;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #363636;
	padding-left: 5px;
	line-height: 30px;
	margin-top: 40px;
	background-color: #88B502;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	border-radius : 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	margin-right: 20px;
	margin-left: 30px;
}
#txt h4 {
	color: #89B502;
	font-size: 45px;
	padding-left: 20px;
	line-height: 40px;
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 10px;
	width: 600px;
	margin-left: 80px;
	background-color: #E6F1C9;	
	background-repeat: no-repeat;
	background-position: 5px;
	margin-right: 30px;
}
#txt p {
	line-height: 45px;
	font-size: 25px;
}
#novedades h2 {
	width: auto;	
	float: left;
}
#img_titu {
	width: auto;
	height: auto;
	text-align: justify;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#decoracion {display: none;}

#enlaces {
	width: 800px;
	height: 250px;
	text-align: right;
	position: relative;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	float: none;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
}
#enlaces h2 {
	margin: 0px;
	width: 800px;
	height: 250px;
	font-size: 28px;
	line-height: 30px;
	color: #3A3A3A;
	padding: 5px;
}
#centrar {
	width: 800px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.siguiente {display: none;}
#pdf  {display: none;}
.siguiente:hover {display: none;}

#enlaces img {
	width: 50%;
	height: 100%;
	
}

#sub_menu {
	width: 100%;
	border-radius : 0px;
	padding-left: 100px;
	}


#sub_menu p {
	font-size: 14px;
}

#sub_menu ul {
	padding: 0px;
	margin: 0px;
}

#sub_menu li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
	line-height: 20px;
	text-align: left;
}
#sub_menu a:link {
	font-size: 35px;
	color: #8BAE00;
	text-decoration: none;
	font-weight: bolder;
	line-height: 22px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#sub_menu a:visited {
	font-size: 35px;
	color: #6F8A00;
	text-decoration: none;
	font-weight: bolder;
}
#sub_menu a:hover {
	font-size: 35px;
	color: #404040;
	text-decoration: none;
	font-weight: bolder;
}