/* DEFAULT */
/*
body {
	background-color:#78d1f1 !important
}*/

#all {
	background-color:#78d1f1 !important;
	overflow:hidden !important
}

.height {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	width:100%;
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center
}

.height50 {
	min-height:50% !important;
	min-height:50vh !important
}

.height100 {
	min-height:100% !important;
	min-height:100vh !important
}

.cream {
	background-color:#f3deaa !important
}

.image {
	margin:15px !important;
}

.title {
	margin-bottom:25px;
	text-transform:uppercase;
}

.background {
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-position:50% 50%\9 !important;
	min-width:100% !important
}

.transparent {
	background:transparent !important;
	border:1px solid #f3deaa !important;
	color:#f3deaa !important
}

.transparent:hover {
	background:rgba(0,0,0,.5) !important;
}


/* HEADER */

#header {
	background-image:url("../images/png/header.png");
	height:865px;
	margin-top:-525px;
	width:175px
}

/* HELICOPTER */

#helicopter {
	background-image:url("../images/png/helicopter.png");
	height:310px;
	position:absolute;
	width:610px;
	animation:moveHelicopter .01s steps(2) infinite
}

@keyframes moveHelicopter {
	100% { background-position:-1220px; }
}T


/* CHARACTERS */

.character {
	height:390px;
	position:absolute;
	width:235px;
}

.alcalde {
	background-image:url("../images/png/alcalde.png");
	position:absolute;
}

.ganadero1 {
	position:absolute;
}

.bubble {
	cursor:pointer;
}

#alcalde1 {
	height:390px;
	margin:750px 0 0 600px;
	width:235px;
}

#ganadero1 {
	background-image:url("../images/png/ganadero1.png");
	height:180px;
	margin:470px 0 0 1750px;
	position:absolute;
	width:108px;
}

#tecnico1 {
	background-image:url("../images/png/tecnico1.png");
	height:390px;
	margin:770px 0 0 2560px;
	position:absolute;
	width:235px;
}

/* BUBBLES */

#tema0 {
	background-image:url("../images/png/tema0.png");
	height:150px;
	margin:50px 0 0 175px;
	position:absolute;
	width:140px;
}

#tema1 {
	background-image:url("../images/png/tema1.png");
	height:235px;
	margin:-160px 0 0 150px;
	position:absolute;
	width:325px;
}

#tema2 {
	background-image:url("../images/png/tema2.png");
	height:235px;
	margin:-175px 0 0 -275px;
	position:absolute;
	width:325px;
}

#tema3 {
	background-image:url("../images/png/tema3.png");
	height:235px;
	margin:-150px 0 0 -225px;
	position:absolute;
	width:325px;
}

/* TEMA 1 */

#datos-amazonia {
	margin-top:50px !important
}

#water-cycle {
	margin-top:-20px;
}

#ciclo-agua {
	background-image:url("../images/png/ciclo-agua.png");
	height:585px;
	margin:0 auto;
	overflow:hidden !important;
	position:relative;
	width:600px;
}

.ciclo-agua {
	height:585px;
	position:absolute;
	width:600px;
}

#ciclo-agua-paso1 {
	background-image:url("../images/png/ciclo-agua-paso1.png");
}

#ciclo-agua-paso2 {
	background-image:url("../images/png/ciclo-agua-paso2.png");
}

#ciclo-agua-paso3 {
	background-image:url("../images/png/ciclo-agua-paso3.png");
}

#ciclo-agua-paso4 {
	background-image:url("../images/png/ciclo-agua-paso4.png");
}

#ciclo-agua-paso5 {
	background-image:url("../images/png/ciclo-agua-paso5.png");
}

#precipitaciones {
	background:url(../images/jpg/precipitaciones.jpg) no-repeat 50% 0;
	height:500px;
}

#rain {
	background:url(../images/png/rain.png) no-repeat 50% 0;
	height:300px;
	overflow:hidden:!important;
	position:absolute;
	width:2560px;
}

#suelo-amazonia {
	background:url(../images/jpg/suelo-amazonia.jpg) no-repeat 50% 0 fixed
}

/* SCENE */

#mountains {
	background-image:url("../images/png/mountains.png");
	height:500px;
	margin-top:75px;
	position:absolute;
	width:2560px
}

#scene {
	background-image:url("../images/png/scene.png")
}

.clouds {
	background-image:url("../images/png/clouds.png");
	height:180px;
	position:absolute;
	width:5120px;
}

.content {
	height:1200px;
	overflow:hidden;
	position:relative;
	float:left;
	width:100%
}

#sky-content {
	height:180px;
	overflow:hidden;
	position:relative;
	float:left;
	width:100%
}

.img-pan-container, .img-pan-container img, .img-pan-container .img-wrapper{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}

.img-pan-container{
	height:100%;
	position:relative;
	overflow:hidden;
	width:100%
}

.img-pan-container .img-wrapper{
	position:absolute;
	top:0;
	left:0
}

.img-pan-container .img-wrapper .img{
	position:relative;
	height:1200px;
	/*width:7500px*/
	width:3000px
}


/* SOUNDMANAGER */

.sm2-bar-ui .bd, .sm2-bar-ui .sm2-extra-controls {
	background-color:#842d36 !important;
	/*background-color:#f3deaa !important*/
}

.sm2-bar-ui .sm2-inline-texture {
	background:transparent !important
}

.audio-player {
	/*height:45px;
	margin:20px;
	overflow:hidden !important;
	width:45px*/
	margin:20px 0;
}


/* MODALS */

.modal-backdrop{
    opacity:.75 !important;
}

.close-modal {
	float:right;
}

.frame {
	/*background:rgba(0,0,0,.8) !important;*/
	/*background:#593c1a !important;*/
	background:#842d36 !important;
}

.chapter {
	padding:50px
}

.modal-body {
	max-height:calc(100vh - 215px);
	overflow-y:auto;
}

.unpadding {
	padding:0 0 0 0 !important;
}
}

.modal-body .row {
	margin:25px 0 !important;
}

.modal-fullscreen .modal-dialog {
	width:100% !important
}

.modal-transparent, .modal-fullscreen {
	background:transparent;
	/*color:rgba(255, 255, 255, .8) !important*/
	color:#f3deaa !important;
	line-height:1.7em;
}

.modal-transparent .modal-header, .modal-transparent .modal-footer, .modal-transparent .thumbnail, .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer, .modal-fullscreen .thumbnail {
	border-width:0px !important
}

.modal-transparent .modal-content .thumbnail, .modal-fullscreen .modal-content .thumbnail {
	background-color:transparent !important
}

.modal-transparent button, .modal-fullscreen button {
	/*background-color:rgba(255,255,255,.2) !important;
	color:rgba(255, 255, 255, .8) !important*/
}

.modal-transparent .modal-content {
	background:transparent
}

.modal-backdrop.modal-backdrop-transparent, .modal-backdrop.modal-backdrop-fullscreen {
	background:#000
}

.modal-backdrop.modal-backdrop-transparent.in {
	opacity:.85;
	filter:alpha(opacity=85)
}

.modal-fullscreen .modal-content {
	background:transparent;
	border:0;
	-webkit-box-shadow:none !important;
	box-shadow:none !important
}

.modal-backdrop.modal-backdrop-fullscreen.in {
	opacity:.85;
	filter:alpha(opacity=85)
}

.modal-fullscreen .modal-dialog {
	margin:0;
	margin-right:auto;
	margin-left:auto;
	width:100%
}

@media (min-width:768px) {
	.modal-fullscreen .modal-dialog {
	width:750px
	}
}

@media (min-width:992px) {
	.modal-fullscreen .modal-dialog {
	width:970px
	}
}

@media (min-width:1200px) {
	.modal-fullscreen .modal-dialog {
	width:1170px
	}
}

.circled {
	margin:25px 5px
}

.row {
	margin:20px 0;
}


/* EXTENSIÍN TERRITORIAL */

#datos-extension-territorial {
	margin:100px 0 0 100px;
	position:absolute;
}

.datos {
	margin:0 0 0 0 !important;
	position:absolute;
	opacity:0;
	height:200px;
	width:200px;
}

#aves-35 {
	background-image:url("../images/png/35-aves.png");
}

#anfibios-41 {
	background-image:url("../images/png/41-anfibios.png");
}

#mamiferos-peces-70 {
	background-image:url("../images/png/70-mamiferos-peces.png");
}

#pais-2 {
	background-image:url("../images/png/2-pais-megadiverso.png");
}





/* SUBREGIONES */

#piedemonte-colonizado {
	background:#a36a6b !important;
	color:rgba(0,0,0,.5) !important
}


#subregion-norte {
	background:#e1837a !important;
	color:rgba(0,0,0,.5) !important
}

#subregion-nororiental {
	background:#f2ae72 !important;
	color:rgba(0,0,0,.5) !important
}

#subregion-sur {
	background:#79a38f !important;
	color:rgba(0,0,0,.5) !important
}

#piedemonte-colonizado button, #subregion-norte button, #subregion-sur button {
	border:1px solid #ffffff !important;
	color:#ffffff !important;
}

#subregion-nororiental button {
	border:1px solid rgba(0,0,0,.7) !important;
	color:rgba(0,0,0,.7) !important;
}

#subregion-nororiental button:hover {
	color:#ffffff !important;
}

#piedemonte-colonizado button, #subregion-norte button, #subregion-nororiental button, #subregion-sur button {
	margin:20px 0 !important
}

/* ICONOS */

.avatar, .agricultura, .pesca, .ganaderia, .arboles, .turismo, .aves, .mineria {
	height:150px;
	position:absolute;
	width:150px
}

.avatar1 {background-image:url("../images/png/icono-avatar1.png")}
.avatar2 {background-image:url("../images/png/icono-avatar2.png")}
.avatar3 {background-image:url("../images/png/icono-avatar3.png")}
.avatar4 {background-image:url("../images/png/icono-avatar4.png")}
.avatar5 {background-image:url("../images/png/icono-avatar5.png")}

.agricultura {background-image:url("../images/png/icono-agricultura.png")}
.pesca {background-image:url("../images/png/icono-pesca.png")}
.ganaderia {background-image:url("../images/png/icono-ganaderia.png")}
.arboles {background-image:url("../images/png/icono-arboles.png")}
.turismo {background-image:url("../images/png/icono-turismo.png")}
.mineria {background-image:url("../images/png/icono-mineria.png")}
.aves {background-image:url("../images/png/icono-aves.png")}


/* PINPOINT */

.pinpoint {
	background-image:url("../images/png/pinpoint.png");
	height:80px;
	position:absolute;
	width:80px;
}

.pinpoint-wave {
	background-image:url("../images/png/pinpoint-wave.png");
	height:80px;
	position:absolute;
	width:80px;
}

/* PIEDEMONTE */

#agricultura1 {margin:325px 0 0 250px}
#agricultura2 {margin:400px 0 0 375px}
#agricultura3 {margin:400px 0 0 525px}

#avatar-piedemonte1 {margin:325px 0 0 65px}
#avatar-piedemonte2 {margin:200px 0 0 175px}
#avatar-piedemonte3 {margin:50px 0 0 250px}

#pp1 {margin:225px 0 0 175px}
#pp2 {margin:125px 0 0 200px}
#pp3 {margin:325px 0 0 350px}
#pp4 {margin:400px 0 0 650px}


.bullet-green {
	display:none;
	height:270px;
	opacity:0;
	position:absolute;
	width:240px
}

.bullet-top {margin:-250px 0 0 -80px}
.bullet-bottom {margin:60px 0 0 -80px}


#zona-piedemonte {
	background-image:url("../images/png/zona-piedemonte.png")
}

#zona-cordillerana {
	background-image:url("../images/png/zona-cordillerana.png")
}

#zona-altillanura {
	background-image:url("../images/png/zona-altillanura.png")
}

#zona-llanura-amazonica {
	background-image:url("../images/png/zona-llanura-amazonica.png")
}


/* NORTE */

.poblamiento-guaviare {
	height:160px;
	margin-top:250px;
	position:absolute;
	width:160px
}

#guaviare-rural {
	background-image:url("../images/png/guaviare-rural.png");
	margin-left:130px;
}

#guaviare-urbana {
	background-image:url("../images/png/guaviare-urbana.png");
	margin-left:310px;
}

#guaviare-indigena {
	background-image:url("../images/png/guaviare-indigena.png");
	margin-left:480px;
}

#guaviare-agricultura {
	margin:100px 0 0 150px;
}

#guaviare-pesca {
	margin:75px 0 0 480px;
}

#guaviare-ganaderia {
	margin:325px 0 0 325px;
}

#guaviare-arboles {
	margin:250px 0 0 125px;
}

/* NORORIENTE */

#avatar-nororiente1 {margin:230px 0 0 150px}
#avatar-nororiente2 {margin:150px 0 0 400px}
#avatar-nororiente3 {margin:420px 0 0 270px}
#avatar-nororiente4 {margin:0 0 0 500px}

#poblamiento-guania {
	background-image:url("../images/png/poblamiento-guania.png");
	height:160px;
	margin:15px 0 0 200px;
	position:absolute;
	width:160px;
}

#poblamiento-vaupes-colonos {
	background-image:url("../images/png/poblamiento-vaupes-colonos.png");
	height:160px;
	margin:275px 0 0 430px;
	position:absolute;
	width:180px;
}

#poblamiento-vaupes-indigenas {
	background-image:url("../images/png/poblamiento-vaupes-indigenas.png");
	height:160px;
	margin:410px 0 0 30px;
	position:absolute;
	width:160px;
}


/* SUR */

#amazonas-indigenas {
	background-image:url("../images/png/poblamiento-amazonas-indigenas.png");
	height:151px;
	margin:407px 0 0 21px;
	position:absolute;
	width:151px;
}

#amazonas-51indigenas {
	background-image:url("../images/png/poblamiento-amazonas-51indigenas.png");
	height:198px;
	margin:383px 0 0 190px;
	position:absolute;
	width:199px;
}

#amazonas-afrodescendientes {
	background-image:url("../images/png/poblamiento-amazonas-afrodescendientes.png");
	height:151px;
	margin:407px 0 0 410px;
	position:absolute;
	width:151px;
}

#sfn-sur-clima {
	background-image:url("../images/png/sfn-sur-clima.png");
	height:250px;
	margin:0 0 0 250px;
	position:absolute;
	width:210px;
}

#sfn-sur-suelo {
	background-image:url("../images/png/sfn-sur-suelo.png");
	height:240px;
	margin:200px 0 0 400px;
	position:absolute;
	width:202px;
}

#sfn-sur-clima-nororiental {
	background-image:url("../images/png/sfn-sur-clima-nororiental.png");
	height:210px;
	margin:125px 0 0 600px;
	position:absolute;
	width:210px;
}

#amazonas-agricultura {
	margin:250px 0 0 160px;
}

#amazonas-turismo {
	margin:400px 0 0 585px;
}

#amazonas-mineria {
	margin:50px 0 0 100px;
}

#amazonas-arboles {
	margin:75px 0 0 410px;
}

#amazonas-aves {
	margin:175px 0 0 625px;
}


/* ACTIVIDAD 1 */

#banco-preguntas {
	background-color:#AED582;
	color:rgba(0,0,0,.75);
	height:200px;
	margin-bottom:25px;
	padding:20px;
}

.slot {
	height:75px;
	position:absolute;
	width:75px;
}

#cardPile {
	background-image:url("../images/png/map.png");
	margin:0 auto;
	height:670px;
	width:960px
}

#cardSlots {
	margin:-650px auto;
	height:670px;
	width:960px
}

#cardPile div {
	float:left;
	margin:10px 10px 0 0;
}

#cardSlots div {
	background-image:url("../images/png/slot.png");
}

#slot_1 {margin:150px 0 0 450px}
#slot_2 {margin:250px 0 0 325px}
#slot_3 {margin:75px 0 0 700px}
#slot_4 {margin:375px 0 0 510px}

#success {
	background-image:url("../images/png/success.png");
	height:500px;
	left:50%;
	margin:0 0 0 -180px;
	/*margin:400px 0 0 330px;*/
	opacity:0;
	position:absolute;
	width:360px
}




/* TEMA 2 */

#background-modal2 {
	background:#b77c45 !important;
	padding:20px 0 !important;
}


#introduccion-ganaderia-sostenible {
	background:url(../images/jpg/introduccion-ganaderia-sostenible.jpg) no-repeat 50% 0;
	height:600px !important;
	/*width:2560px;*/
}

.post {
	background-image:url("../images/png/post.png");
	height:310px;
	position:absolute;
	width:190px
}

.blades {
	background-image:url("../images/png/blades.png");
	height:190px;
	position:absolute;
	width:190px
}

#wind1 {
	margin:50px 0 0 560px;
}

#desarrollo-sostenible, #recursos-naturales, #impacto-medio-ambiente, #escenarios-climaticos {
	position:absolute;
	z-index:1
}

#recursos-naturales, #impacto-medio-ambiente, #escenarios-climaticos {
	/*display:none;*/
	opacity:0;
}

#desarrollo-sostenible {
	margin:190px 0 0 800px
}

#recursos-naturales {
	margin:200px 0 0 180px
}

#impacto-medio-ambiente {
	margin:410px 0 0 350px
}

#escenarios-climaticos {
	margin:0 0 0 440px;
	z-index:1
}

#precipitaciones-aumento {
	background-image:url("../images/png/precipitaciones-aumento.png");
	height:170px;
	margin:320px 0 0 10px;
	position:absolute;
	width:270px;
}

#precipitaciones-reduccion {
	background-image:url("../images/png/precipitaciones-reduccion.png");
	height:190px;
	margin:20px 0 0 530px;
	position:absolute;
	width:270px;
}

#sequias-caqueta-guaviare {
	background-image:url("../images/png/sequias-caqueta-guaviare.png");
	height:170px;
	margin:10px 0 0 10px;
	position:absolute;
	width:190px;
}

#escenario-climatico-temperatura {
	background-image:url("../images/png/escenario-climatico-temperatura.png");
	height:265px;
	margin:280px 0 0 530px;
	position:absolute;
	width:270px;
}

/* ACTIVIDAD 2 */

#manual, #error, #good, #actividad2 {
	overflow:hidden !important;
	position:absolute;
	left:50%;
	margin:0 0 0 -485px;
	height:600px;
	width:970px;
}

.question {
	background-image:url("../images/png/question.png");
	cursor:pointer !important;
	height:75px;
	position:absolute;
	width:75px;
}

#rec-nat1 {margin:250px 0 0 60px}
#rec-nat2 {margin:480px 0 0 205px}
#rec-nat3 {margin:120px 0 0 295px}
#rec-nat4 {margin:410px 0 0 350px}
#rec-nat5 {margin:290px 0 0 400px}
#rec-nat6 {margin:305px 0 0 650px}
#rec-nat7 {margin:415px 0 0 850px}
#rec-nat8 {margin:25px 0 0 860px}
#rec-nat9 {margin:505px 0 0 475px}
#rec-nat10 {margin:470px 0 0 705px}


#error, #good {
	margin-top:600px !important;
	position:absolute;
}

#manual {
	background-image:url("../images/png/manual.png");
}

#error {
	background-image:url("../images/png/error.png");
}

#good {
	background-image:url("../images/png/good.png");
}

.sky {
	background-color:#78d1f1;
	color:rgba(0,0,0,.7) !important
}


#conclusion-tecnico, #conclusion-alcalde, #conclusion-ganadero1, #conclusion-ganadero2, #conclusion-ganadero3 {
	margin-top:-17px;
	padding-top:40px !important;
	/*border-width:0 !important;*/
	border:1px solid #fff;
	background-color:rgba(0,0,0,.2);
	color:#fff;
}

/*#conclusion-tecnico {
	background-color:#AAE0F8;
	color:rgba(0,0,0,.7);
}

#conclusion-alcalde {
	background-color:#991A24;
	color:#fff
}

#conclusion-ganadero1 {
	background-color:#48683C;
	color:#fff
}

#conclusion-ganadero2 {
	background-color:#7F4714;
	color:#fff
}

#conclusion-ganadero3 {
	background-color:#842D36;
	color:#fff
}*/