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

body {
	margin: 0;
	padding: 0;
	background: url("../img/bg.jpg") center top;
	overflow-x: hidden; 
}

.marginzero {
	margin: 0;
}

.slide {
	display: none;
}

.slide.activa {
	display: block;
}

.paddtop {
	padding-top: 20px;
}

.paddtopextra {
	padding-top: 100px;
}

::selection{
	background: none;
}

#logo {
	margin-top: 10px;
}

section#home {
	margin-top: -60px;
	-moz-transform: translateY(-60px);
}

#home_link {
	margin-top: 20px;
	display: none;
}

#home_link:hover {
	background-position: -889px -92px;
	cursor: pointer;
}

.descarga {
	display: block;
	height: 28px;
	line-height: 28px;
	margin-top: 15px;
}

.descarga div {
	margin-right: 10px;
	margin-left: 10px;
}

.descarga:hover div {
	background-position: -930px -55px;
}

.descarga_libro:hover div {
	background-position: -914px -403px !important;
}

.intro_completo {
	width: 260px;
	margin-bottom: 20px;
	font-size: 18px;
	margin-right: 30px;
}

.color_rojo {
    color: #ce8e8e !important;
}

.color_azul {
    color: #91c6c7 !important;
}

.color_amarillo {
    color: #d2b06e !important;
}

.color_violeta {
    color: #beaaee !important;
}

.color_verde {
    color: #00f7a0 !important;
}

.bg_rojo {
    background: #ce8e8e url(../img/bg-rojo4e.png) center center !important;
}

.bg_azul {
    background: #91c6c7 url(../img/bg-azul4e.png) center center !important;
}

.bg_amarillo {
    background: #d2b06e url(../img/bg-amarillo4e.png) center center !important;
}

.bg_violeta {
    background: #beaaee url(../img/bg-violeta4e.png) center center !important;
}

.bg_verde {
    background: #00f7a0 url(../img/bg-verde4e.png) center center !important;
}

/*****************************
	NAVEGACION FOOTER
*****************************/

footer {
	max-width: 400px;
	margin: 40px auto 0px;
}

footer div:hover {
	cursor: pointer;
}

.mapa_sitio {
	background: url(../img/mapa_del_recorrido.png);
	display: block;
	width: 120px;
	height: 62px;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.mapa_sitio:active {
	background: url(../img/mapa_del_recorrido_active.png);
	display: block;
	width: 120px;
	height: 62px;
	cursor: pointer;
}


/****************************
		  HOME PAGE
****************************/

#home {
	color: #fff;
	font-family: 'a_song_for_jenniferregular';
}

#home a {
    color: #fff;
}

#home .text-home {
	margin: 30px 0 25px 0px;
	font-size: 18px;
}

#home .inicar_recorrido {
	background-position: -690px -846px;
	display: block;
	width: 200px;
	height: 82px;
	margin-top: 20px;
	float: right;
}

#home .inicar_recorrido:hover {
	cursor: pointer;
}

#home .inicar_recorrido:active {
	background-position: -903px -838px;
	display: block;
	width: 200px;
	height: 82px;
}

#home .boton_tiza .hover {
    width: 300px;
	height: 301px;
	display: table;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -150px;
	opacity: 0;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

#home .boton_tiza:hover .hover {
    opacity: 1;
    cursor: pointer;
}

#home .boton_tiza .hover p {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    text-align: center;
    line-height: 20px;
    padding: 0 20px;
}

#home .boton_tiza .hover.amarillo {
    background: url(../img/bg_popup_home1.png);
}

#home .boton_tiza .hover.azul {
    background: url(../img/bg_popup_home4.png);
}

#home .boton_tiza .hover.rojo {
    background: url(../img/bg_popup_home3.png);
}

#home .boton_tiza .hover.verde {
    background: url(../img/bg_popup_home2.png);
}

#home .intro_completo {
	width: 100%;
}

#home .intro_completo {
	float: right;
}

#home .descarga {
	margin-top: 45px;
	padding-left: 70px;
	width: 100% !important;
}

/****************************
		  PANTALLA 2
****************************/

#tabs {
	color: #fff;
	font-family: 'a_song_for_jenniferregular';
	font-size: 16px;
	padding-top: 25px;
	line-height: 19px;
}

#tabs h1 {
	font-size: 30px;
}

#tabs .items-tab {
	text-align: justify;
	margin-top: 20px;
}

#tabs .sprite2-ir {
	-webkit-transition: opacity 500ms;
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	transition: opacity 500ms;
}

@-moz-keyframes slideout  {
    from {width: 0%;}
    to  {width: 100%;}
}

@-webkit-keyframes slideout  {
    from {width: 0%;}
    to  {width: 100%;}
}

@-moz-keyframes slidedown  {
    from {height: 0;}
    to  {height: 180px;}
}

@-webkit-keyframes slidedown  {
    from {height: 0;}
    to  {height: 180px;}
}

#tabs .bordeM {
	margin-left: -10px;
	width: 100%;
	height: 7px;
	border-style: solid;
	border-width: 7px;
	-moz-border-image: url(../img/border.png) 7 round;
	-webkit-border-image: url(../img/border.png) 7 round;
	-o-border-image: url(../img/border.png) 7 round;
	border-image: url(../img/border.png) 7 round;
	border-bottom:0;
	border-left:0;
	border-right:0;
	top: 50%;
	position: absolute;
	display: none;
}

#tabs .borde {
	margin-left: -10px;
	width: 100%;
	height: 7px;
	border-style: solid;
	border-width: 7px;
	-moz-border-image: url(../img/border.png) 7 round;
	-webkit-border-image: url(../img/border.png) 7 round;
	-o-border-image: url(../img/border.png) 7 round;
	border-image: url(../img/border.png) 7 round;
	border-bottom:0;
	border-left:0;
	border-right:0;
	/*-moz-animation-duration: 3s;
	-webkit-animation-duration: 3s;
	-moz-animation-name: slideout;
	-webkit-animation-name: slideout;*/
}

#tabs .bordev {
	width: 7px;
	position: absolute;
	height: 230px;
	margin-top: -40px;
	border-style: solid;
	border-width: 7px;
	-moz-border-image: url(../img/border.png) 7 round;
	-webkit-border-image: url(../img/border.png) 7 round;
	-o-border-image: url(../img/border.png) 7 round;
	border-image: url(../img/border.png) 7 round;
	border-bottom:0;
	border-top:0;
	border-right:0;
	/*-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-name: slidedown;
	-webkit-animation-name: slidedown;*/
}

#tabs .bordev2 {
	width: 7px;
	right: 0;
	top: 0;
	position: absolute;
	height: 230px;
	margin-top: -10px;
	border-style: solid;
	margin-right: 20px;
	border-width: 7px;
	-moz-border-image: url(../img/border.png) 7 round;
	-webkit-border-image: url(../img/border.png) 7 round;
	-o-border-image: url(../img/border.png) 7 round;
	border-image: url(../img/border.png) 7 round;
	border-bottom:0;
	border-top:0;
	border-right:0;
	/*-moz-animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-name: slidedown;
	-webkit-animation-name: slidedown;*/
}


#tabs .icon-tab {
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
	padding: 10px 0;
	min-height: 100px;
}

#tabs .icon-tab:hover {
	cursor: pointer;
	color: #68C09C;
}

#tabs .icon-tab.activetab {
	color: #68C09C;
}

#tabs .tab {
	display: none;
}

#tabs .tab.active {
	display: block !important;
}

#tabs .flecha {
	margin-left: 35px;
}

#tabs .flecha2 {
	margin-right: 125px;
}

#tabs .icon div {
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

#tabs .icon div:last-child {
	display: none;
}

#tabs .activetab .icon div:last-child {
	display: block !important;
}

#tabs .activetab .icon div:first-child {
	display: none;
}

/****************************
		  PANTALLA 3a
****************************/

#tresa {
	color: #fff;
	font-family: 'a_song_for_jenniferregular';
}

#tresa h1 {
	color: #00f7a0;
	margin: 0;
}

#tresa p {
	font-size: 16px;
}

#tresa a {
	font-size: 16px;
	color: #00f7a0;
	text-decoration: none;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

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

#tresa .videoyt {
	max-width: 570px;
	max-height: 345px;
	padding: 17px 15px 20px 23px;
	margin: 0 auto;
    background-position: -612px -1891px;
}

#tresa .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 17px; 
    height: 0;
    overflow: hidden;
}
 
#tresa .video-container iframe,
#tresa .video-container object,
#tresa .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/****************************
		  PANTALLA 3b
****************************/

#tresb {
	color: #fff;
	font-family: 'a_song_for_jenniferregular';
}

#tresb h1 {
	color: #fff;	
}

#tresb p {
	font-size: 18px;
}

#tresb p.mar{
	margin-left: 50px;
	margin-bottom: 5px;
}

#tresb p.mar2{
	margin-left: 75px;
	margin-bottom: 3px;
}

#tresb p.subtitle {
	font-size: 22px;
	margin-bottom: 20px;
}

#tresb ul li {
	font-size: 18px;
}

#tresb a {
	font-size: 16px;
	color: #00f7a0;
	text-decoration: none;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

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

#tresb .icon {
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 18px;
}

#tresb #slider1 h1 {
	color: #C8A36A;
}

#tresb .iconos {
	background-image: url(../img/icons_3b.png);
    background-repeat: no-repeat;
    display: block;
}

#tresb .iconos-acceso {
	width: 90px;
	height: 64px;
	background-position: 0px -56px;
}

#tresb .iconos-personas {
	width: 90px;
	height: 64px;
	background-position: 0px -267px;
}

#tresb .iconos-segregacion {
	width: 90px;
	height: 64px;
	background-position: 0px 0px;
}

#tresb .iconos-transito {
	width: 90px;
	height: 64px;
	background-position: 0px -125px;
}

#tresb .iconos-saberes {
	width: 90px;
	height: 64px;
	background-position: 0px -198px;
}

#tresb .slidertab h1 {
	margin-top: 0;
}

#tresb .slidertab {
	display: none;
}

#tresb .slidertab .content {
	height: 360px;
	overflow: auto;
}

#tresb .slidertab.active {
	display: block;
}

#tresb .balls {
	margin-top: 40px;
}

#tresb .balls div div {
	width: 16px;
	height: 16px;
	display: block;
	border-radius: 8px;
	margin-right: 10px;
}

#tresb .balls div div:hover {
	cursor: pointer;
}

#tresb .balls div {
	width: 130px;
	margin: 0 auto;
}

#tresb .balls .punto {
	background: #404040;
	width: 12px;
	height: 12px;
	margin-left: 2px;
	margin-top: 2px;
	display: none;
}

#tresb .balls .slider_activo .punto {
	display: block;
}

#tresb .arrow_izq, #tresb .arrow_der {
	background-image: url(../img/spritesheet.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 47px;
	position: absolute;
	display: block;
	z-index: 1000;
}

#tresb .arrow_izq {
	background-position: -899px -326px;
	top: 60%;
	left: 80px;
}

#tresb .arrow_izq:hover {
	cursor: pointer;
}

#tresb .arrow_der:hover {
	cursor: pointer;
}


#tresb .arrow_der {
	background-position: -899px -272px;	
	top: 60%;
	right: 80px;
}

#tresb div#slider1 {
	height: 493px;
}

/****************************
		  PANTALLA 3c
****************************/

#tresc {
	color: #fff;
	font-family: 'a_song_for_jenniferregular';
}

#tresc h1 {
	color: #fff;
	margin-top: 10px;
}

#tresc p {
	font-size: 16px;
}

#tresc a {
	font-size: 16px;
	color: #00f7a0;
	text-decoration: none;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

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

#tresc .icon {
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 18px;
	height: 250px;
}

#tresc .icon:hover .sprite2 {
    cursor: pointer;
    transform: scale(1.1);
}

#tresc footer {
	margin-top: 10px;
}

/****************************
		  PANTALLA 3d
****************************/

#tresd {
	color: #fff;
	font-family: 'a_song_for_jenniferregular';
}

#tresd h1 {
	color: #00f7a0;
}

#tresd h3 {
	color: #fff;
	text-decoration: underline;
	margin-bottom: 40px;
}

#tresd p {
	font-size: 16px;
}

#tresd a {
	font-size: 16px;
	color: #00f7a0;
	text-decoration: none;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

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

#tresd .icon {
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 18px;
}

#tresd .bloque {	
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 17px;	
	height: 74px;
}

#tresd .bloque div.center {
	display: table;
	height: 60px;
}

#tresd .bloque p {
	display: table-cell;
	vertical-align: middle;
}

/****************************
		  PANTALLA 4a
****************************/

#cuatroa {
	color: #fff;
	font-family: 'a_song_for_jenniferregular';
}

#cuatroa h1 {
	color: #00f7a0;
}

#cuatroa p {
	font-size: 16px;
}

#cuatroa a {
	font-size: 16px;
	color: #00f7a0;
	text-decoration: none;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

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

.recorrido {
	position: relative;
	width: 620px;
	height: 620px;
	margin: 0 auto;
	zoom: 80%;
	-moz-transform: scale(0.75) translateY(-80px);
}

.recorrido div {
	display: block;
	width: 600px;
	height: 620px;
	position: absolute;
	top: 0;
}

.recorrido-resp {
	display: none;
}

.nucleo {
	background: url(../img/nucleo.png) no-repeat;
}

.camino_amarillo {
	background: url(../img/camino_amarillo.png) no-repeat;
}

.camino_azul {
	background: url(../img/camino_azul.png) no-repeat;
}

.camino_verde {
	background: url(../img/camino_verde.png) no-repeat;
}

.camino_rojo {
	background: url(../img/camino_rojo.png) no-repeat;
}

.punto_azul {
	background: url(../img/punto_azul.png) no-repeat;
}

.punto_verde {
	background: url(../img/punto_verde.png) no-repeat;
}

.punto_amarillo {
	background: url(../img/punto_amarillo.png) no-repeat;
}

.punto_rojo {
	background: url(../img/punto_rojo.png) no-repeat;
}

.cruz1 {
	background: url(../img/cruz1.png) no-repeat;
}

.cruz2 {
	background: url(../img/cruz2.png) no-repeat;
}

.cruz3 {
	background: url(../img/cruz3.png) no-repeat;
}

.cruz4 {
	background: url(../img/cruz4.png) no-repeat;
}

.cruz5 {
	background: url(../img/cruz5.png) no-repeat;
}

.cruz6 {
	background: url(../img/cruz6.png) no-repeat;
}

/****************************
		  PANTALLA 4b
****************************/

#cuatrob {
	color: #fff;
	font-family: 'a_song_for_jenniferregular';
}

#cuatrob h1 {
	color: #00f7a0;
}

#cuatrob p {
	font-size: 16px;
}

#cuatrob a {
	font-size: 16px;
	color: #00f7a0;
	text-decoration: none;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

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

#slide4b {
	margin: 0px auto 30px;
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	moz-transform: scale(1.2);
}

/****************************
		  PANTALLA 4c
****************************/

#cuatroc {
	color: #fff;
	font-family: 'a_song_for_jenniferregular';
}

#cuatroc h1 {
	color: #00f7a0;
}

#cuatroc p {
	font-size: 16px;
}

#cuatroc a {
	font-size: 16px;
	color: #00f7a0;
	text-decoration: none;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

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

#cuatroc h3 {
	text-decoration: underline;
}

/****************************
		  PANTALLA 4d
****************************/

#cuatrod {
	color: #fff;
	font-family: 'a_song_for_jenniferregular';
}

#cuatrod h1 {
	color: #00f7a0;
}

#cuatrod h3 {
	color: #fff;
	text-decoration: underline;
	margin-bottom: 40px;
}

#cuatrod p {
	font-size: 16px;
}

#cuatrod a {
	font-size: 16px;
	color: #00f7a0;
	text-decoration: none;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

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

#cuatrod .icon {
	font-family: 'Shadows Into Light Two', cursive;
	font-size: 18px;
}

#cuatrod .bloque {	
	font-size: 16px;
	line-height: 17px;	
	height: 74px;
}

#cuatrod .bloque div.center {
	display: table;
	height: 60px;
}

#cuatrod .bloque p {
	display: table-cell;
	vertical-align: middle;
}

#cuatrod .hover.table {
	display: table !important;
}

#cuatrod .hover {
    width: 300px;
    height: 301px;
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: 150px;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    z-index: 100;
}

#cuatrod .hover p {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    text-align: center;
    line-height: 20px;
    padding: 0 40px;
}

#cuatrod .hover.amarillo {
    background: url(../img/bg_popup_home1.png);
}

#cuatrod .hover.azul {
    background: url(../img/bg_popup_home4.png);
}

#cuatrod .hover.rojo {
    background: url(../img/bg_popup_home3.png);
}

#cuatrod .hover.violeta {
    background: url(../img/bg_popup_home5.png);
}

#cuatrod .bloque:hover {
    cursor: pointer;
}

#cuatrod .flechamed {
	position: absolute;
	left: 100%;
	bottom: 75px;
	-webkit-transform: rotate(-16deg);
	-moz-transform: rotate(-16deg);
	-o-transform: rotate(-16deg);
	transform: rotate(-16deg);
	zoom: 70%;
	-moz-transform: scale(0.7);
	-webkit-transform: rotate(-16deg) translate(0,-70px);
}

section#cuatrod footer {
	margin-top: -70px;
	z-index: 100;
	position: relative;
}

/****************************
		  PANTALLA 4e
****************************/

#cuatroe {
	color: #fff;
	font-family: 'a_song_for_jenniferregular';
}

#cuatroe h1 {
	color: #fff;
}

#cuatroe p {
	font-size: 16px;
	padding: 20px;
}

#cuatroe p.titulo_grafica {
	font-size: 25px;
	font-family: 'Shadows Into Light Two', cursive;
}

#cuatroe a {
	font-size: 16px;
	color: #94cbcc;
	text-decoration: none;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

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

#cuatroe .gestion p {
	text-align: center;
}

#cuatroe .gestion {
	position: relative;
	max-width: 950px;
	height: 720px;
}

#cuatroe .gestion {
	-moz-transform: scale(0.76) translateY(-130px);
	zoom: 76%;
	left: 50%;
	margin-left: -425px;
}

#cuatroe .gestion .bloque_redondo {
	display: block;
	width: 240px;
	height: 240px;
	display: table;
}

#cuatroe .gestion .bloque_redondo p {
	display: table-cell;
	vertical-align: middle;
}

#cuatroe .gestion .rojo {
	background-image: url(../img/bg-rojo4e.png);
	position: relative;
	top: 140px;
	left: 100px;
}

#cuatroe .gestion .verde {
	background-image: url(../img/bg-verde4e.png);
	position: absolute;
	left: 360px;
}

#cuatroe .gestion .azul {
	background-image: url(../img/bg-azul4e.png);
	position: absolute;
	top: 460px;
	left: 160px;
}

#cuatroe .gestion .amarillo {
	background-image: url(../img/bg-amarillo4e.png);
	position: absolute;
	top: 440px;
	right: 140px;
}

#cuatroe .gestion .rosa {
	background-image: url(../img/bg-rosa4e.png);
	position: absolute;
	top: 140px;
	right: 120px;
}

#cuatroe .gestion .bloque_redondo2 {
	display: block;
	width: 300px;
	height: 300px;
	display: table;
}

#cuatroe .gestion .bloque_redondo2 p {
	display: table-cell;
	vertical-align: middle;
	font-size: 18px;
}

#cuatroe .gestion .violeta {
	background-image: url(../img/bg-violeta4e.png);
	position: absolute;
	left: 50%;
	top: 240px;
	margin-left: -150px;
}

#cuatroe .gestion .lineas {
	background-image: url(../img/lineas.png);
	display: block;
	width: 515px;
	height: 493px;
	position: absolute;
	top: 125px;
	left: 235px;
}

#cuatroe footer {
	margin-top: 0;
}

/****************************
		  PANTALLA 4f
****************************/

#cuatrof {
	color: #fff;
	font-family: 'a_song_for_jenniferregular';
}

#cuatrof h1 {
	color: #94cbcc;
}

#cuatrof p {
	font-size: 16px;
}

#cuatrof p.titulo_grafica {
	font-size: 25px;
	font-family: 'Shadows Into Light Two', cursive;
}

#cuatrof a {
	font-size: 16px;
	color: #94cbcc;
	text-decoration: none;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

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

#cuatrof .container_monedas {
	position: relative;
	width: 120px;
	height: 320px;
	margin: 0 auto;
}

#cuatrof .container_monedas h3 {
	position: relative;
	top: -40px;
	z-index: 100;
	font-size: 30px;
	font-weight: normal;
	font-family: 'Shadows Into Light Two', cursive;
}

#cuatrof .container_monedas p {
	font-size: 20px;
	margin-top: 15px;
	font-family: 'Shadows Into Light Two', cursive;
}

#cuatrof .monedas_amarillas {
	position: absolute;
	bottom: 0;
}

#cuatrof .monedas_amarillas div {
	position: relative;
	margin-top: -33px;
}

#cuatrof .monedas_amarillas div#uno {
	z-index: 10;
}

#cuatrof .monedas_amarillas div#dos {
	z-index: 9;
}

#cuatrof .monedas_amarillas div#tres {
	z-index: 8;
}

#cuatrof .monedas_amarillas div#cuatro {
	z-index: 7;
}

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

#cuatrof .monedas_verdes {
	position: absolute;
	bottom: 0;
}

#cuatrof .monedas_verdes div {
	position: relative;
	margin-top: -33px;
}

#cuatrof .monedas_verdes div#uno {
	z-index: 10;
}

#cuatrof .monedas_verdes div#dos {
	z-index: 9;
}

#cuatrof .monedas_verdes div#tres {
	z-index: 8;
}

#cuatrof .monedas_verdes div#cuatro {
	z-index: 7;
}

#cuatrof .monedas_verdes div#cinco {
	z-index: 6;
}

#cuatrof .monedas_verdes div#seis {
	z-index: 5;
}

#cuatrof footer {
	margin-top: 0;
}


/****************************
		  PANTALLA grafica
****************************/

#grafica {
	color: #fff;
	font-family: 'a_song_for_jenniferregular';
}

#grafica h1 {
	color: #fff;
}

#grafica p {
	font-size: 16px;
}

#grafica p.titulo_grafica {
	font-size: 25px;
	font-family: 'Shadows Into Light Two', cursive;
}

#grafica a {
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
	-o-transition: all 500ms;
	transition: all 500ms;
}

#grafica a:hover {
	color: #94cbcc;
}


/****************************
			BOTONES
****************************/

.boton_tiza p.tres {
    line-height: 22px;
	text-align: center;
	max-width: 200px;
	margin: 0 auto;
	padding-top: 85px;
	font-size: 18px;
}

.boton_tiza p.dos {
    line-height: 22px;
	text-align: center;
	max-width: 200px;
	margin: 0 auto;
	padding-top: 95px;
	font-size: 18px;
}

/****************************
			SPRITE
****************************/

.sprite {
    background-image: url(../img/spritesheet.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite-a_o {
    width: 280px;
    height: 230px;
    background-position: -5px -5px;
}

.sprite-area {
    width: 280px;
    height: 226px;
    background-position: -295px -5px;
}

.sprite-border {
    width: 21px;
    height: 21px;
    background-position: -585px -5px;
}

.sprite-circulo-amarillo {
    width: 230px;
    height: 230px;
    background-position: -616px -5px;
}

.sprite-circulo-azul {
    width: 230px;
    height: 230px;
    background-position: -5px -245px;
}

.sprite-circulo-rojo {
    width: 230px;
    height: 230px;
    background-position: -245px -245px;
}

.sprite-circulo-verde {
    width: 230px;
    height: 230px;
    background-position: -485px -245px;
}

.sprite-cuando_fue {
    width: 280px;
    height: 214px;
    background-position: -5px -485px;
}

.sprite-fecha {
    width: 280px;
    height: 227px;
    background-position: -295px -485px;
}

.sprite-flecha {
    width: 26px;
	height: 52px;
	background-position: -856px -44px;
}

.sprite-formula {
    width: 280px;
    height: 224px;
    background-position: -585px -485px;
}

.sprite-home-icon {
    width: 40px;
    height: 40px;
    background-position: -892px -5px;
}

.sprite-icon-cap {
    width: 120px;
    height: 104px;
    background-position: -725px -245px;
}

.sprite-icon-cap-hover {
    width: 120px;
    height: 104px;
    background-position: -725px -359px;
}

.sprite-icon-desafio {
    width: 120px;
    height: 104px;
    background-position: -5px -719px;
}

.sprite-icon-desafio-hover {
    width: 120px;
    height: 104px;
    background-position: -135px -719px;
}

.sprite-icon-grafica {
    width: 120px;
    height: 104px;
    background-position: -585px -719px;
}

.sprite-icon-grafica-hover {
    width: 120px;
    height: 104px;
    background-position: -715px -719px;
}

.sprite-icon-ojo {
    width: 120px;
    height: 104px;
    background-position: -5px -833px;
}

.sprite-icon-ojo-hover {
    width: 120px;
    height: 104px;
    background-position: -135px -833px;
}

.sprite-libro_icono {
    width: 28px;
    height: 22px;
    background-position: -892px -55px;
}

.sprite-libro_icono:hover {
    width: 28px;
    height: 22px;
    background-position: -930px -55px;
}

.sprite-libro_icono_amarillo {
    width: 28px;
    height: 22px;
    background-position: -892px -229px;
}

.sprite-libro_icono_amarillo:hover {
    width: 28px;
    height: 22px;
    background-position: -919px -229px;
}

.sprite-libro_icono_azul {
    width: 28px;
    height: 22px;
    background-position: -892px -174px;
}

.sprite-libro_icono_azul:hover {
    width: 28px;
    height: 22px;
    background-position: -919px -55px;
}

.sprite-libro_icono_rojo {
    width: 28px;
    height: 22px;
    background-position: -915px -147px;
}

.sprite-libro_icono_rojo:hover {
    width: 28px;
    height: 22px;
    background-position: -919px -55px;
}

.sprite-libro_icono_violeta {
    width: 28px;
    height: 22px;
    background-position: -915px -201px;
}

.sprite-libro_icono_violeta:hover {
    width: 28px;
    height: 22px;
    background-position: -919px -55px;
}

.sprite-logo_ineed {
    width: 175px;
	height: 80px;
	background-position: -1138px -844px;
}

.sprite-mapa_del_recorrido {
    width: 120px;
    height: 62px;
    background-position: -395px -833px;
    margin-left: 15px;
	margin-right: 15px;
}

.sprite-mapa_del_recorrido:active {
    width: 120px;
    height: 62px;
    background-position: -525px -833px;
}

.sprite-quien {
    width: 351px;
    height: 457px;
    background-position: -968px -5px;
}

.sprite-siguiente {
    width: 120px;
    height: 55px;
    background-position: -875px -472px;
}

.sprite-siguiente:active {
    width: 120px;
    height: 55px;
    background-position: -1005px -472px;
}

.sprite-volver {
    width: 120px;
    height: 55px;
    background-position: -1135px -472px;
}

.sprite-volver:active {
    width: 120px;
    height: 55px;
    background-position: -875px -537px;
}

.sprite-flechamed {
    width: 277px;
	height: 92px;
	background-position: -905px -607px;
}

.sprite-4d_plata {
    width: 64px;
    height: 64px;
    background-position: -501px -741px;
}

.sprite-4d_dedicacion {
    width: 64px;
    height: 64px;
    background-position: -401px -741px;
}

.sprite-4d_brecha {
    width: 64px;
    height: 64px;
    background-position: -301px -741px;
}

.sprite-4d_pocos {
    width: 64px;
    height: 64px;
    background-position: -850px -735px;
}

.sprite-libro {
	width: 28px;
	height: 22px;
	background-position: -870px -403px;
}

.sprite-libro:hover {
	background-position: -914px -403px !important;
}

/****************************
		SPRITE 2
****************************/

.sprite2 {
    background-image: url(../img/spritesheet2.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite2-3c_icon1 {
    width: 190px;
    height: 198px;
    background-position: -4px -4px;
}

.sprite2-3c_icon2 {
    width: 190px;
    height: 197px;
    background-position: -202px -4px;
}

.sprite2-3c_icon3 {
    width: 190px;
    height: 197px;
    background-position: -400px -4px;
}

.sprite2-3c_icon4 {
    width: 190px;
    height: 197px;
    background-position: -598px -4px;
}

.sprite2-3c_icon5 {
    width: 190px;
    height: 197px;
    background-position: -796px -4px;
}

.sprite2-3c_icon6 {
    width: 190px;
    height: 197px;
    background-position: -994px -4px;
}

.sprite2-afiche {
    width: 500px;
    height: 483px;
    background-position: -1192px -4px;
}

.sprite2-camino_amarillo {
    width: 600px;
    height: 621px;
    background-position: -1700px -4px;
}

.sprite2-camino_azul {
    width: 600px;
    height: 621px;
    background-position: -4px -633px;
}

.sprite2-camino_rojo {
    width: 600px;
    height: 621px;
    background-position: -612px -633px;
}

.sprite2-camino_verde {
    width: 600px;
    height: 621px;
    background-position: -1220px -633px;
}

.sprite2-cruz1 {
    width: 600px;
    height: 621px;
    background-position: -1828px -633px;
}

.sprite2-cruz2 {
    width: 600px;
    height: 621px;
    background-position: -4px -1262px;
}

.sprite2-cruz3 {
    width: 600px;
    height: 621px;
    background-position: -612px -1262px;
}

.sprite2-cruz4 {
    width: 600px;
    height: 621px;
    background-position: -1220px -1262px;
}

.sprite2-cruz5 {
    width: 600px;
    height: 621px;
    background-position: -1828px -1262px;
}

.sprite2-cruz6 {
    width: 600px;
    height: 621px;
    background-position: -4px -1891px;
}

.sprite2-ir {
    width: 170px;
    height: 45px;
    background-position: -2308px -4px;
}

.sprite2-ir:hover {
    width: 170px;
    height: 45px;
    background-position: -2308px -57px;
    cursor: pointer;
}

.sprite2-marco_video {
    width: 585px;
    height: 356px;
    background-position: -612px -1891px;
}

.sprite2-moneda_amarilla {
    width: 120px;
    height: 53px;
    background-position: -2308px -110px;
}

.sprite2-moneda_verde {
    width: 120px;
    height: 53px;
    background-position: -2308px -171px;
}

.sprite2-nucleo {
    width: 600px;
    height: 621px;
    background-position: -1205px -1891px;
}

.sprite2-punto_amarillo {
    width: 600px;
    height: 621px;
    background-position: -1813px -1891px;
}

.sprite2-punto_azul {
    width: 600px;
    height: 621px;
    background-position: -2486px -4px;
}

.sprite2-punto_rojo {
    width: 600px;
    height: 621px;
    background-position: -2436px -633px;
}

.sprite2-punto_verde {
    width: 600px;
    height: 621px;
    background-position: -2436px -1262px;
}

/****************************
		SPRITE 3
****************************/

.sprite3 {
    background-image: url(../img/spritesheet3.png);
    background-repeat: no-repeat;
    display: block;
}

.sprite3-icon1 {
    width: 64px;
    height: 64px;
    background-position: -4px -4px;
}

.sprite3-icon2 {
    width: 64px;
    height: 64px;
    background-position: -76px -4px;
}

.sprite3-icon3 {
    width: 64px;
    height: 64px;
    background-position: -4px -76px;
}

.sprite3-icon4 {
    width: 64px;
    height: 64px;
    background-position: -76px -76px;
}

.sprite3-icon5 {
    width: 64px;
    height: 64px;
    background-position: -148px -4px;
}

/*************
	SLIDER
*************/

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}


/*****************
	RESPONSIVE
*****************/

@media (min-width: 996px) and (max-width: 1206px){

	#cuatroe .gestion {
		zoom: 65%;
		-moz-transform: scale(0.65);
	}

}

#cuatroe .gestion {
	display: block;
}

/*#cuatroe .img_gestion {
	display: none !important;
}*/

@media (max-width: 1205px) {

	#cuatroe .gestion {
		display: none;
	}

	#cuatroe .img_gestion {
		display: block !important;
	}

	#cuatroe .gestion {
		zoom: 70%;
		-moz-transform: scale(0.7);
		left: 50%;
		margin-left: -475px;
	}

	#cuatroe h1 {
		margin-top: -15px;
	}

}

@media (max-width: 995px) {

	#tresd .pull-right {
		float: none !important; 
	}

	.cont-popups {
		display: none;
	}

	.fotohome {
		margin: 30px auto 0 !important;
	}

	section#home {
		margin-top: 10px;
	}

	.flechamed {
		display: none;
	}

	.afiche {
		margin-top: 60px;
	}

	.recorrido {
		display: none;
	}

	.recorrido-resp {
		display: block;
		margin-top: 60px;
	}

	#cuatrod .bloque.violeta {
		margin-bottom: 90px;
	}

	footer {
		margin: 70px auto 30px;
		zoom:80%;
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
	}

	#tabs {
		padding-top: 50px;
	}
	#tabs .bordeM{
		display: block;
	}
	#tabs .bordev2 {
		height: 366px;
		right: -10px;
	}
	#tabs .icon-tab {
		font-size: 14px;
		line-height: 16px;
	}
	#tabs .items-tab {
		height: 490px;
	}
    
    #tresd .bloque div.center {
        display: block;
    }
    #tresd .bloque p {
        text-align: center;
        display: block;
        margin: 10px 0;
    }    
    #tresd .bloque {
        margin-bottom: 0;
        height: auto;
    }

    #cuatrod .bloque{
    	height: 94px;
    }
    #cuatrod .bloque img {
     	display: block;
		margin: 0 auto;
    }
    #cuatrod .bloque div.center {
		display: block !important;
	}
    #cuatrod .bloque div.center p {
		text-align: center;
		display: block;
	}
	#cuatrod .bloque .sprite {
		margin: 0 auto;
	}
	#cuatrod .bloque p {
		margin-bottom: 15px;
	}

	#cuatroe .gestion {
		zoom: 62%;
		-moz-transform: scale(0.62);
	}

	#tresb .arrow_izq {
		background-position: -899px -326px;
		top: 96%;
		left: 5px;
	}

	#tresb .arrow_der {
		background-position: -899px -272px;	
		top: 96%;
		right: 5px;
	}

    
}

@media (max-width: 400px) {

	#cuatroe .gestion .bloque_redondo {
		position: static !important;
		margin-left: 50px;
	}

	#cuatroe .gestion .bloque_redondo2 {
		position: static !important;
		margin-left: 25px;
	}

	#cuatroe .gestion {
		position: static;
		max-width: 100%;
		height: 100%;
		zoom: 100%;
		-moz-transform: scale(1);
		left: 0;
		margin-left: 0px;
	}

	#cuatroe .gestion .lineas {
		display: none;
	}	

}

@media (min-height:765px) and (min-width: 1000px){

	footer {
		max-width: 400px !important;
		margin: 40px auto 0px  !important;
		position: fixed  !important;
		left: 50%  !important;
		margin-left: -200px  !important;
		bottom: 10px  !important;
	}

}

#innvenio {
	float: right;
}

@media (min-width:996px) {

	#innvenio {
		position: fixed;
		right: 10px;
		bottom: 10px;
	}

}