@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato);
/* CSS Document */

html {
	top: 0;
	margin:0;	
}

@media screen and (max-width: 3128px) and (min-width: 1080px) {
	body {
		top: 0;
		margin:0;
		width:100%;
		height:100%;
	}
	
	.barra-titulo {
		width: 100%;
		height: 90px;
		/*background-color: #446CB3;*/
		z-index: 30;
		float: left;
		position: relative;
		top: 0px;
		display:inline-block;
	}
	
	.barra-titulo-icono-izq {
		width: 100px;
		height: 90px;
		display: block;
	}
	
	/* SECCION DESCRIPCION */
	.header-content-descripcion {
		display: block;
		height: 90px;
		width: 100%;	
		background: -webkit-linear-gradient(90deg,#3498DB, #2980B9 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#3498DB, #2980B9 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#3498DB, #2980B9 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#3498DB, #2980B9 50%); /* Standard syntax */
	}
	
	.header-bg-descripcion {
		width: 100%;
		height:90px;	
		background-image:url(../img/tblue.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-descripcion {
		display: block;
		float: right;
		width: 60px;
		height: 60px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-descripcion.png);
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	/* SECCION DEMOSTRACION */
	.header-content-demostracion {
		display: block;
		height: 90px;
		width: 100%;
		display: none;
		background: -webkit-linear-gradient(90deg,#F1C40F, #F1C40F 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#F1C40F, #F1C40F 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#F1C40F, #F1C40F 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#F1C40F, #F1C40F 50%); /* Standard syntax */
	}
	
	.header-bg-demostracion {
		width: 100%;
		height:90px;
		background-image:url(../img/tyellow2.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-demostracion {
		display: block;
		float: right;
		width: 60px;
		height: 60px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-demostracion.png);
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	/* SECCION EXPERIMENTACION */
	.header-content-experimentacion {
		display: block;
		height: 90px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#9B59B6, #8E44AD 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#9B59B6, #8E44AD 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#9B59B6, #8E44AD 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#9B59B6, #8E44AD 50%); /* Standard syntax */
	}
	
	.header-bg-experimentacion {
		width: 100%;
		height:90px;
		background-image:url(../img/tpurple.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-experimentacion {
		display: block;
		float: right;
		width: 60px;
		height: 60px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-experimentacion.png);
		background-repeat:no-repeat;
		padding-right:30px;
	}
	
	/* SECCION DESCARGABLE */
	.header-content-descargable {
		display: block;
		height: 90px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#E74C3C, #C0392B 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#E74C3C, #C0392B 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#E74C3C, #C0392B 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#E74C3C, #C0392B 50%); /* Standard syntax */
	}
	
	.header-bg-descargable {
		width: 100%;
		height:90px;
		background-image:url(../img/tred.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-descargable {
		display: block;
		float: right;
		width: 60px;
		height: 60px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-descargable.png);
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	
	/* SECCION AUTOEVALUACION */
	.header-content-autoevaluacion {
		display: block;
		height: 90px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#1ABC9C, #16A085 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#1ABC9C, #16A085 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#1ABC9C, #16A085 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#1ABC9C, #16A085 50%); /* Standard syntax */
	}
	
	.header-bg-autoevaluacion {
		width: 100%;
		height:90px;
		background-image:url(../img/tgreen.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-autoevaluacion {
		display: block;
		float: right;
		width: 60px;
		height: 60px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-autoevaluacion.png);
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	
	/* SECCION CREDITOS */
	.header-content-creditos {
		display: block;
		height: 90px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#913D88 , #674172 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#913D88, #674172 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#913D88, #674172 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#913D88, #674172 50%); /* Standard syntax */
	}
	
	.header-bg-creditos {
		width: 100%;
		height:90px;
		background-image:url(../img/tpurple2.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-creditos {
		display: block;
		float: right;
		width: 60px;
		height: 60px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-creditos.png);
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	/* SECCION CONSULTAS */
	.header-content-consultas {
		display: block;
		height: 90px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#95a5a6 , #7f8c8d 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#95a5a6, #7f8c8d 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#95a5a6, #7f8c8d 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#95a5a6, #7f8c8d 50%); /* Standard syntax */
	}
	
	.header-bg-consultas {
		width: 100%;
		height:90px;
		background-image:url(../img/tpurple2.png);
		background-position:right;
		background-repeat:no-repeat;
		
	}
	
	.header-image-consultas {
		display: block;
		float: right;
		width: 60px;
		height: 60px;
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-consultas.png);
		background-repeat:no-repeat;
	}
	
	/* SECCION CREDITOS */
	.header-content-creditos {
		display: block;
		height: 90px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#913D88 , #674172 50%);/* For Safari 5.1 to 6.0 */
   		background: -o-linear-gradient(90deg,#913D88, #674172 50%); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(90deg,#913D88, #674172 50%); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(90deg,#913D88, #674172 50%); /* Standard syntax */
	}
	
	.header-bg-creditos {
		width: 100%;
		height:90px;
		background-image:url(../img/tpurple2.png);
		background-position:right;
		background-repeat:no-repeat;
		
	}
	
	.header-image-creditos {
		display: block;
		float: right;
		width: 60px;
		height: 60px;
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-creditos.png);
		background-repeat:no-repeat;
	}
	
	.presentacion {
		width: 100%;
		height: 130%;
		background-color: #3d3d3d;
		z-index: 10;
		float: left;
		position: absolute;
		top: 90px;
		bottom: 0px;
	}
	
	.flecha-izquierda img {
		width: 109px;
		height: 170px;
		-ms-transform: translate(0px,180px); /* IE 9 */
		-webkit-transform: translate(0px,180px); /* Safari */
		transform: translate(0px,180px); /* Standard syntax */
    }
	
	.flecha-derecha img {
		width: 109px;
		height: 170px;
		-ms-transform: translate(0px,180px); /* IE 9 */
		-webkit-transform: translate(0px,180px); /* Safari */
		transform: translate(0px,180px); /* Standard syntax */
    }
	
	.header-text {
		transform: scale(0.8);
	}
	
	.grafico-frame {
		text-align:center;
		visibility:visible;
		display:block;
		position:absolute;
		top:120px;
		left: auto;
		float:inherit;
		width:400px;
		height:280px;
		margin-left:auto;
		margin-right:auto;
		border-color:#333;
		border-style:solid;
		border-width:thin;
		background-color:#FFF;
		background-image:url(null);
		background-repeat:no-repeat;
		background-position:center;
		background-size:100% 100%;
	}
	
	article  > p {
		font-family: 'Lato', sans-serif;
		font-weight: normal;
		font-size:16px;
		text-align:justify;
	}
	
	article > h1 {
		font-family: 'Lato', sans-serif;
		font-size:22px;
	}
	
	article > h2 {
		font-family: 'Lato', sans-serif;
		font-size:18px;
	}
	
	.menu {
		display: block;
		width: 230px;
		height: 100%;
		background-color: #3d3d3d;
		z-index: 20;
		float: left;
		padding-top: 90px;
		position: absolute;
		border-right-color: #555;
		border-right-style: solid;
		border-right-width: 2px;
		border-width: 0px 15px 0px 0;
		border-style: solid;
		-webkit-border-image: -webkit-gradient(linear, 0 0, 100% 0, from(#252525) , to(rgba(0, 0, 0, 0))) 1 100%;
		-webkit-border-image: -webkit-linear-gradient(left, #252525, rgba(0, 0, 0, 0)) 1 100%;
		-moz-border-image: -moz-linear-gradient(left, #252525, rgba(0, 0, 0, 0)) 1 100%;
		-o-border-image: -o-linear-gradient(left, #252525, rgba(0, 0, 0, 0)) 1 100%;
		border-image: linear-gradient(to left, #252525, rgba(0, 0, 0, 0)) 0.75 100%;
	}
	/* ESTILO PARA CAJA DESCARGABLES */
	/* PDF							 */
	.embed-pdf {
		width: 90%;
		padding: 20px;
		-moz-border-radius: 10px !important;
		border-radius: 10px !important;
		-webkit-border-radius: 10px !important;
		-moz-box-shadow: 0 1px 2px #d1d1d1;
		-webkit-box-shadow: 0 1px 2px #d1d1d1;
		/*background: #eaebec;*/
		border: #fff 6px solid;
		box-shadow: 0 1px 2px #d1d1d1;
		margin: 10px 0 30px 0;
		background-image:url(../img/pdf_logo.svg);
		background-repeat:no-repeat;
		/*background-position:left;*/
		background-position: 15px 15px;
		float:left;
		margin-left: auto;
		margin-right:auto;
		font-family: 'Lato', Geneva, sans-serif;
	}
	
	.embed-pdf p.download-embedded-pdf {
		margin: 20px 0 10px 0;
		text-align: right;
		background: url('../img/pdf.svg') no-repeat center right;
		line-height: 30px;
	}
	
	.embed-pdf p.download-embedded-pdf a {
		padding: 0 30px 0 0;
	}
	
	.embed-pdf a {
		text-decoration: none;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		transition: all 0.25s;
		color: #fff;
		font-size: 20px;
	}
	
	.embed-pdf a:hover {
		border-bottom: 1px dotted rgba(0,51,102,.5);
	}
	
	/* ESTILO PARA CAJA DESCARGABLES */
	/* WORD							 */
	.embed-word {
		width: 90%;
		padding: 20px;
		-moz-border-radius: 10px !important;
		border-radius: 10px !important;
		-webkit-border-radius: 10px !important;
		-moz-box-shadow: 0 1px 2px #d1d1d1;
		-webkit-box-shadow: 0 1px 2px #d1d1d1;
		/*background: #eaebec;*/
		border: #fff 6px solid;
		box-shadow: 0 1px 2px #d1d1d1;
		margin: 10px 0 30px 0;
		background-image:url(../img/word_logo.png);
		background-repeat:no-repeat;
		background-position:left;
		margin-left: auto;
		margin-right:auto;
		float:left;
		font-family: 'Lato', Geneva, sans-serif;
	}
	
	.embed-word p.download-embedded-word {
		margin: 20px 0 10px 0;
		text-align: right;
		background: url('../img/pdf.png') no-repeat center right;
		line-height: 30px;
	}
	
	.embed-word p.download-embedded-word a {
		padding: 0 30px 0 0;
	}
	
	.embed-word a {
		text-decoration: none;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		transition: all 0.25s;
		color: #fff;
		font-size: 20px;
	}
	
	.texto-menu {
		width: 60px;
		height: 15px;
		font-family: 'Lato', sans-serif;
		font-size:medium;
		text-decoration: none;
		display: block;
		color: #fff;
		position: relative;
		top: -22px;
		left:25px;
		float: none;
	}
}

@media screen and (max-width: 1079px) and (min-width: 600px) {
	body {
		top: 0;
		margin:0;
		width:100%;
		height:100%;
	}
	
	.barra-titulo {
		width: 100%;
		height: 90px;
		/*background-color: #446CB3;*/
		z-index: 30;
		float: left;
		position: relative;
		top: 0px;
		display:inline-block;
	}
	
	.barra-titulo-icono-izq {
		width: 100px;
		height: 90px;
		display: block;
	}
	
	/* SECCION DESCRIPCION */
	.header-content-descripcion {
		display: block;
		height: 90px;
		width: 100%;	
		background: -webkit-linear-gradient(90deg,#3498DB, #2980B9 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#3498DB, #2980B9 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#3498DB, #2980B9 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#3498DB, #2980B9 50%); /* Standard syntax */
	}
	
	.header-bg-descripcion {
		width: 100%;
		height:90px;	
		background-image:url(../img/tblue.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-descripcion {
		display: block;
		float: right;
		width: 60px;
		height: 60px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-descripcion.png);
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	/* SECCION DEMOSTRACION */
	.header-content-demostracion {
		display: block;
		height: 90px;
		width: 100%;
		display: none;
		background: -webkit-linear-gradient(90deg,#F1C40F, #F1C40F 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#F1C40F, #F1C40F 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#F1C40F, #F1C40F 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#F1C40F, #F1C40F 50%); /* Standard syntax */
	}
	
	.header-bg-demostracion {
		width: 100%;
		height:90px;
		background-image:url(../img/tyellow2.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-demostracion {
		display: block;
		float: right;
		width: 60px;
		height: 60px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-demostracion.png);
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	/* SECCION EXPERIMENTACION */
	.header-content-experimentacion {
		display: block;
		height: 90px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#9B59B6, #8E44AD 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#9B59B6, #8E44AD 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#9B59B6, #8E44AD 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#9B59B6, #8E44AD 50%); /* Standard syntax */
	}
	
	.header-bg-experimentacion {
		width: 100%;
		height:90px;
		background-image:url(../img/tpurple.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-experimentacion {
		display: block;
		float: right;
		width: 60px;
		height: 60px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-experimentacion.png);
		background-repeat:no-repeat;
		padding-right:30px;
	}
	
	/* SECCION DESCARGABLE */
	.header-content-descargable {
		display: block;
		height: 90px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#E74C3C, #C0392B 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#E74C3C, #C0392B 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#E74C3C, #C0392B 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#E74C3C, #C0392B 50%); /* Standard syntax */
	}
	
	.header-bg-descargable {
		width: 100%;
		height:90px;
		background-image:url(../img/tred.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-descargable {
		display: block;
		float: right;
		width: 60px;
		height: 60px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-descargable.png);
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	
	/* SECCION AUTOEVALUACION */
	.header-content-autoevaluacion {
		display: block;
		height: 90px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#1ABC9C, #16A085 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#1ABC9C, #16A085 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#1ABC9C, #16A085 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#1ABC9C, #16A085 50%); /* Standard syntax */
	}
	
	.header-bg-autoevaluacion {
		width: 100%;
		height:90px;
		background-image:url(../img/tgreen.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-autoevaluacion {
		display: block;
		float: right;
		width: 60px;
		height: 60px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-autoevaluacion.png);
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	
	/* SECCION CREDITOS */
	.header-content-creditos {
		display: block;
		height: 90px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#913D88 , #674172 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#913D88, #674172 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#913D88, #674172 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#913D88, #674172 50%); /* Standard syntax */
	}
	
	.header-bg-creditos {
		width: 100%;
		height:90px;
		background-image:url(../img/tpurple2.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-creditos {
		display: block;
		float: right;
		width: 60px;
		height: 60px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-creditos.png);
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	/* SECCION CONSULTAS */
	.header-content-consultas {
		display: block;
		height: 90px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#95a5a6 , #7f8c8d 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#95a5a6, #7f8c8d 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#95a5a6, #7f8c8d 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#95a5a6, #7f8c8d 50%); /* Standard syntax */
	}
	
	.header-bg-consultas {
		width: 100%;
		height:90px;
		background-image:url(../img/tpurple2.png);
		background-position:right;
		background-repeat:no-repeat;
		
	}
	
	.header-image-consultas {
		display: block;
		float: right;
		width: 60px;
		height: 60px;
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-consultas.png);
		background-repeat:no-repeat;
	}
	
	/* SECCION CREDITOS */
	.header-content-creditos {
		display: block;
		height: 90px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#913D88 , #674172 50%);/* For Safari 5.1 to 6.0 */
   		background: -o-linear-gradient(90deg,#913D88, #674172 50%); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(90deg,#913D88, #674172 50%); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(90deg,#913D88, #674172 50%); /* Standard syntax */
	}
	
	.header-bg-creditos {
		width: 100%;
		height:90px;
		background-image:url(../img/tpurple2.png);
		background-position:right;
		background-repeat:no-repeat;
		
	}
	
	.header-image-creditos {
		display: block;
		float: right;
		width: 60px;
		height: 60px;
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-creditos.png);
		background-repeat:no-repeat;
	}
	
	.presentacion {
		width: 100%;
		height: 130%;
		background-color: #3d3d3d;
		z-index: 10;
		float: left;
		position: absolute;
		top: 90px;
		bottom: 0px;
	}
	
	.flecha-izquierda img {
		width: 109px;
		height: 170px;
		-ms-transform: translate(0px,180px); /* IE 9 */
		-webkit-transform: translate(0px,180px); /* Safari */
		transform: translate(0px,180px); /* Standard syntax */
    }
	
	.flecha-derecha img {
		width: 109px;
		height: 170px;
		-ms-transform: translate(0px,180px); /* IE 9 */
		-webkit-transform: translate(0px,180px); /* Safari */
		transform: translate(0px,180px); /* Standard syntax */
    }
	
	.header-text {
		transform: scale(0.8);
	}
	
	.grafico-frame {
		text-align:center;
		visibility:visible;
		display:block;
		position:absolute;
		top:120px;
		left: auto;
		float:inherit;
		width:400px;
		height:280px;
		margin-left:auto;
		margin-right:auto;
		border-color:#333;
		border-style:solid;
		border-width:thin;
		background-color:#FFF;
		background-image:url(null);
		background-repeat:no-repeat;
		background-position:center;
		background-size:100% 100%;
	}
	
	article  > p {
		font-family: 'Lato', sans-serif;
		font-weight: normal;
		font-size:16px;
		text-align:justify;
	}
	
	article > h1 {
		font-family: 'Lato', sans-serif;
		font-size:22px;
	}
	
	article > h2 {
		font-family: 'Lato', sans-serif;
		font-size:18px;
	}
	
	.menu {
		display: block;
		width: 230px;
		height: 100%;
		background-color: #3d3d3d;
		z-index: 20;
		float: left;
		padding-top: 90px;
		position: absolute;
		border-right-color: #555;
		border-right-style: solid;
		border-right-width: 2px;
		border-width: 0px 15px 0px 0;
		border-style: solid;
		-webkit-border-image: -webkit-gradient(linear, 0 0, 100% 0, from(#252525) , to(rgba(0, 0, 0, 0))) 1 100%;
		-webkit-border-image: -webkit-linear-gradient(left, #252525, rgba(0, 0, 0, 0)) 1 100%;
		-moz-border-image: -moz-linear-gradient(left, #252525, rgba(0, 0, 0, 0)) 1 100%;
		-o-border-image: -o-linear-gradient(left, #252525, rgba(0, 0, 0, 0)) 1 100%;
		border-image: linear-gradient(to left, #252525, rgba(0, 0, 0, 0)) 0.75 100%;
	}
	/* ESTILO PARA CAJA DESCARGABLES */
	/* PDF							 */
	.embed-pdf {
		width: 90%;
		padding: 20px;
		-moz-border-radius: 10px !important;
		border-radius: 10px !important;
		-webkit-border-radius: 10px !important;
		-moz-box-shadow: 0 1px 2px #d1d1d1;
		-webkit-box-shadow: 0 1px 2px #d1d1d1;
		/*background: #eaebec;*/
		border: #fff 6px solid;
		box-shadow: 0 1px 2px #d1d1d1;
		margin: 10px 0 30px 0;
		background-image:url(../img/pdf_logo.svg);
		background-repeat:no-repeat;
		/*background-position:left;*/
		background-position: 15px 15px;
		float:left;
		margin-left: auto;
		margin-right:auto;
		font-family: 'Lato', Geneva, sans-serif;
	}
	
	.embed-pdf p.download-embedded-pdf {
		margin: 20px 0 10px 0;
		text-align: right;
		background: url('../img/pdf.svg') no-repeat center right;
		line-height: 30px;
	}
	
	.embed-pdf p.download-embedded-pdf a {
		padding: 0 30px 0 0;
	}
	
	.embed-pdf a {
		text-decoration: none;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		transition: all 0.25s;
		color: #fff;
		font-size: 20px;
	}
	
	.embed-pdf a:hover {
		border-bottom: 1px dotted rgba(0,51,102,.5);
	}
	
	/* ESTILO PARA CAJA DESCARGABLES */
	/* WORD							 */
	.embed-word {
		width: 90%;
		padding: 20px;
		-moz-border-radius: 10px !important;
		border-radius: 10px !important;
		-webkit-border-radius: 10px !important;
		-moz-box-shadow: 0 1px 2px #d1d1d1;
		-webkit-box-shadow: 0 1px 2px #d1d1d1;
		/*background: #eaebec;*/
		border: #fff 6px solid;
		box-shadow: 0 1px 2px #d1d1d1;
		margin: 10px 0 30px 0;
		background-image:url(../img/word_logo.png);
		background-repeat:no-repeat;
		background-position:left;
		margin-left: auto;
		margin-right:auto;
		float:left;
		font-family: 'Lato', Geneva, sans-serif;
	}
	
	.embed-word p.download-embedded-word {
		margin: 20px 0 10px 0;
		text-align: right;
		background: url('../img/pdf.png') no-repeat center right;
		line-height: 30px;
	}
	
	.embed-word p.download-embedded-word a {
		padding: 0 30px 0 0;
	}
	
	.embed-word a {
		text-decoration: none;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		transition: all 0.25s;
		color: #fff;
		font-size: 20px;
	}
	
	.texto-menu {
		width: 60px;
		height: 15px;
		font-family: 'Lato', sans-serif;
		font-size:medium;
		text-decoration: none;
		display: block;
		color: #fff;
		position: relative;
		top: -22px;
		left:25px;
		float: none;
	}
}

@media screen and (max-width: 599px) and (min-width: 300px) {
	body {
		top: 0;
		margin:0;
		width:100%;
		height:100%;
	}
	.barra-titulo {
		width: 100%;
		height: 45px;
		/*background-color: #446CB3;*/
		z-index: 30;
		float: left;
		position: relative;
		top: 0px;
		display:inline-block;
	}
	
	.barra-titulo-icono-izq {
		width: 50px;
		height: 45px;
		display: block;
	}
	
	.barra-titulo-icono-izq img {
		width: 50px;
		height: 45px;
	}
	
	/* SECCION DESCRIPCION */
	.header-content-descripcion {
		display: block;
		height: 45px;
		width: 100%;	
		background: -webkit-linear-gradient(90deg,#3498DB, #2980B9 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#3498DB, #2980B9 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#3498DB, #2980B9 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#3498DB, #2980B9 50%); /* Standard syntax */
	}
	
	.header-bg-descripcion {
		width: 100%;
		height:45px;	
		background-image:url(../img/tblue.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-descripcion {
		display: block;
		float: right;
		width: 30px;
		height: 30px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-descripcion.png);
		background-size: 30px 30px;
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	/* SECCION DEMOSTRACION */
	.header-content-demostracion {
		display: block;
		height: 45px;
		width: 100%;
		display: none;
		background: -webkit-linear-gradient(90deg,#F1C40F, #F1C40F 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#F1C40F, #F1C40F 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#F1C40F, #F1C40F 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#F1C40F, #F1C40F 50%); /* Standard syntax */
	}
	
	.header-bg-demostracion {
		width: 100%;
		height:45px;
		background-image:url(../img/tyellow2.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-demostracion {
		display: block;
		float: right;
		width: 30px;
		height: 30px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-demostracion.png);
		background-size: 30px 30px;
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	/* SECCION EXPERIMENTACION */
	.header-content-experimentacion {
		display: block;
		height: 45px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#9B59B6, #8E44AD 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#9B59B6, #8E44AD 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#9B59B6, #8E44AD 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#9B59B6, #8E44AD 50%); /* Standard syntax */
	}
	
	.header-bg-experimentacion {
		width: 100%;
		height:45px;
		background-image:url(../img/tpurple.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-experimentacion {
		display: block;
		float: right;
		width: 30px;
		height: 30px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-experimentacion.png);
		background-size: 30px 30px;
		background-repeat:no-repeat;
		padding-right:30px;
	}
	
	/* SECCION DESCARGABLE */
	.header-content-descargable {
		display: block;
		height: 45px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#E74C3C, #C0392B 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#E74C3C, #C0392B 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#E74C3C, #C0392B 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#E74C3C, #C0392B 50%); /* Standard syntax */
	}
	
	.header-bg-descargable {
		width: 100%;
		height:45px;
		background-image:url(../img/tred.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-descargable {
		display: block;
		float: right;
		width: 30px;
		height: 30px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-descargable.png);
		background-size: 30px 30px;
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	
	/* SECCION AUTOEVALUACION */
	.header-content-autoevaluacion {
		display: block;
		height: 45px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#1ABC9C, #16A085 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#1ABC9C, #16A085 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#1ABC9C, #16A085 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#1ABC9C, #16A085 50%); /* Standard syntax */
	}
	
	.header-bg-autoevaluacion {
		width: 100%;
		height:45px;
		background-image:url(../img/tgreen.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-autoevaluacion {
		display: block;
		float: right;
		width: 30px;
		height: 30px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-autoevaluacion.png);
		background-size: 30px 30px;
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	
	/* SECCION CREDITOS */
	.header-content-creditos {
		display: block;
		height: 45px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#913D88 , #674172 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#913D88, #674172 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#913D88, #674172 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#913D88, #674172 50%); /* Standard syntax */
	}
	
	.header-bg-creditos {
		width: 100%;
		height:45px;
		background-image:url(../img/tpurple2.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-creditos {
		display: block;
		float: right;
		width: 30px;
		height: 30px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-creditos.png);
		background-size: 30px 30px;
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	/* SECCION CONSULTAS */
	.header-content-consultas {
		display: block;
		height: 45px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#95a5a6 , #7f8c8d 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#95a5a6, #7f8c8d 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#95a5a6, #7f8c8d 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#95a5a6, #7f8c8d 50%); /* Standard syntax */
	}
	
	.header-bg-consultas {
		width: 100%;
		height:45px;
		background-image:url(../img/tpurple2.png);
		background-position:right;
		background-repeat:no-repeat;
		
	}
	
	.header-image-consultas {
		display: block;
		float: right;
		width: 30px;
		height: 30px;
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-consultas.png);
		background-size: 30px 30px;
		background-repeat:no-repeat;
	}
	
	/* SECCION CREDITOS */
	.header-content-creditos {
		display: block;
		height: 45px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#913D88 , #674172 50%);/* For Safari 5.1 to 6.0 */
   		background: -o-linear-gradient(90deg,#913D88, #674172 50%); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(90deg,#913D88, #674172 50%); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(90deg,#913D88, #674172 50%); /* Standard syntax */
	}
	
	.header-bg-creditos {
		width: 100%;
		height:45px;
		background-image:url(../img/tpurple2.png);
		background-position:right;
		background-repeat:no-repeat;
		
	}
	
	.header-image-creditos {
		display: block;
		float: right;
		width: 30px;
		height: 30px;
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-creditos.png);
		background-size: 30px 30px;
		background-repeat:no-repeat;
	}
	
	.presentacion {
		width: 100%;
		height: 130%;
		background-color: #3d3d3d;
		z-index: 10;
		float: left;
		position: absolute;
		top: 45px;
		bottom: 0px;
	}
	
	.flecha-izquierda img {
		width: 77px;
		height: 120px;
		-ms-transform: translate(1px,180px); /* IE 9 */
		-webkit-transform: translate(1px,180px); /* Safari */
		transform: translate(1px,180px); /* Standard syntax */
    }
	
	.flecha-derecha img {
		width: 77px;
		height: 120px;
		-ms-transform: translate(1px,180px); /* IE 9 */
		-webkit-transform: translate(1px,180px); /* Safari */
		transform: translate(1px,180px); /* Standard syntax */
    }
	
	.header-text {
		transform: scale(0.0);
	}
	.grafico-frame {
		text-align:center;
		visibility:visible;
		display:block;
		position:absolute;
		top:120px;
		left: auto;
		float:inherit;
		width:320px;
		height:220px;
		margin-left:auto;
		margin-right:auto;
		border-color:#333;
		border-style:solid;
		border-width:thin;
		background-color:#FFF;
		background-image:url(null);
		background-repeat:no-repeat;
		background-position:center;
		background-size:100% 100%;
	}
	article  > p {
		font-family: 'Lato', sans-serif;
		font-weight: normal;
		font-size:16px;
		text-align:justify;
	}
	
	article > h1 {
		font-family: 'Lato', sans-serif;
		font-size:22px;
	}
	
	article > h2 {
		font-family: 'Lato', sans-serif;
		font-size:18px;
	}
	
	.menu {
		display: block;
		width: 230px;
		height: 100%;
		background-color: #3d3d3d;
		z-index: 20;
		float: left;
		padding-top: 45px;
		position: absolute;
		border-right-color: #555;
		border-right-style: solid;
		border-right-width: 2px;
		border-width: 0px 15px 0px 0;
		border-style: solid;
		-webkit-border-image: -webkit-gradient(linear, 0 0, 100% 0, from(#252525) , to(rgba(0, 0, 0, 0))) 1 100%;
		-webkit-border-image: -webkit-linear-gradient(left, #252525, rgba(0, 0, 0, 0)) 1 100%;
		-moz-border-image: -moz-linear-gradient(left, #252525, rgba(0, 0, 0, 0)) 1 100%;
		-o-border-image: -o-linear-gradient(left, #252525, rgba(0, 0, 0, 0)) 1 100%;
		border-image: linear-gradient(to left, #252525, rgba(0, 0, 0, 0)) 0.75 100%;
	}

	/* ESTILO PARA CAJA DESCARGABLES */
	/* PDF							 */
	.embed-pdf {
		width: 80%;
		padding: 20px;
		-moz-border-radius: 10px !important;
		border-radius: 10px !important;
		-webkit-border-radius: 10px !important;
		-moz-box-shadow: 0 1px 2px #d1d1d1;
		-webkit-box-shadow: 0 1px 2px #d1d1d1;
		/*background: #eaebec;*/
		border: #fff 6px solid;
		box-shadow: 0 1px 2px #d1d1d1;
		margin: 10px 0 30px 0;
		/*background-image:url(../img/pdf_logo.svg);
		background-repeat:no-repeat;*/
		/*background-position:left;
		background-position: 15px 15px;*/
		float:left;
		margin-left: auto;
		margin-right:auto;
		font-family: 'Lato', Geneva, sans-serif;
	}
	
	.embed-pdf p.download-embedded-pdf {
		margin: 20px 0 10px 0;
		text-align: right;
		background: url('../img/pdf.svg') no-repeat center right;
		line-height: 30px;
	}
	
	.embed-pdf p.download-embedded-pdf a {
		padding: 0 30px 0 0;
	}
	
	.embed-pdf a {
		text-decoration: none;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		transition: all 0.25s;
		color: #fff;
		font-size: medium;
	}
	
	.embed-pdf a:hover {
		border-bottom: 1px dotted rgba(0,51,102,.5);
	}
	
	/* ESTILO PARA CAJA DESCARGABLES */
	/* WORD							 */
	.embed-word {
		width: 80%;
		padding: 20px;
		-moz-border-radius: 10px !important;
		border-radius: 10px !important;
		-webkit-border-radius: 10px !important;
		-moz-box-shadow: 0 1px 2px #d1d1d1;
		-webkit-box-shadow: 0 1px 2px #d1d1d1;
		/*background: #eaebec;*/
		border: #fff 6px solid;
		box-shadow: 0 1px 2px #d1d1d1;
		margin: 10px 0 30px 0;
		/*background-image:url(../img/word_logo.png);
		background-repeat:no-repeat;
		background-position:left;*/
		margin-left: auto;
		margin-right:auto;
		float:left;
		font-family: 'Lato', Geneva, sans-serif;
	}
	
	.embed-word p.download-embedded-word {
		margin: 20px 0 10px 0;
		text-align: right;
		background: url('../img/pdf.png') no-repeat center right;
		line-height: 30px;
	}
	
	.embed-word p.download-embedded-word a {
		padding: 0 30px 0 0;
	}
	
	.embed-word a {
		text-decoration: none;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		transition: all 0.25s;
		color: #fff;
		font-size: medium;
	}
	
	.texto-menu {
		width: 60px;
		height: 15px;
		font-family: 'Lato', sans-serif;
		font-size:11px;
		text-decoration: none;
		display: block;
		color: #fff;
		position:relative;
		top: -17px;
		left:11px;	
	}
}

@media screen and (max-width: 300px) and (min-width: 1px) {
	body {
		top: 0;
		margin:0;
		width:100%;
		height:100%;		
	}
	.barra-titulo {
		width: 100%;
		height: 45px;
		/*background-color: #446CB3;*/
		z-index: 30;
		float: left;
		position: relative;
		top: 0px;
		display:inline-block;
	}
	
	.barra-titulo-icono-izq {
		width: 50px;
		height: 45px;
		display: block;
	}
	.barra-titulo-icono-izq img {
		width: 50px;
		height: 45px;
	}
	
		/* SECCION DESCRIPCION */
	.header-content-descripcion {
		display: block;
		height: 45px;
		width: 100%;	
		background: -webkit-linear-gradient(90deg,#3498DB, #2980B9 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#3498DB, #2980B9 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#3498DB, #2980B9 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#3498DB, #2980B9 50%); /* Standard syntax */
	}
	
	.header-bg-descripcion {
		width: 100%;
		height:45px;	
		background-image:url(../img/tblue.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-descripcion {
		display: block;
		float: right;
		width: 30px;
		height: 30px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-descripcion.png);
		background-size: 30px 30px;
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	/* SECCION DEMOSTRACION */
	.header-content-demostracion {
		display: block;
		height: 45px;
		width: 100%;
		display: none;
		background: -webkit-linear-gradient(90deg,#F1C40F, #F1C40F 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#F1C40F, #F1C40F 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#F1C40F, #F1C40F 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#F1C40F, #F1C40F 50%); /* Standard syntax */
	}
	
	.header-bg-demostracion {
		width: 100%;
		height:45px;
		background-image:url(../img/tyellow2.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-demostracion {
		display: block;
		float: right;
		width: 30px;
		height: 30px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-demostracion.png);
		background-size: 30px 30px;
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	/* SECCION EXPERIMENTACION */
	.header-content-experimentacion {
		display: block;
		height: 45px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#9B59B6, #8E44AD 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#9B59B6, #8E44AD 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#9B59B6, #8E44AD 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#9B59B6, #8E44AD 50%); /* Standard syntax */
	}
	
	.header-bg-experimentacion {
		width: 100%;
		height:45px;
		background-image:url(../img/tpurple.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-experimentacion {
		display: block;
		float: right;
		width: 30px;
		height: 30px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-experimentacion.png);
		background-size: 30px 30px;
		background-repeat:no-repeat;
		padding-right:30px;
	}
	
	/* SECCION DESCARGABLE */
	.header-content-descargable {
		display: block;
		height: 45px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#E74C3C, #C0392B 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#E74C3C, #C0392B 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#E74C3C, #C0392B 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#E74C3C, #C0392B 50%); /* Standard syntax */
	}
	
	.header-bg-descargable {
		width: 100%;
		height:45px;
		background-image:url(../img/tred.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-descargable {
		display: block;
		float: right;
		width: 30px;
		height: 30px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-descargable.png);
		background-size: 30px 30px;
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	
	/* SECCION AUTOEVALUACION */
	.header-content-autoevaluacion {
		display: block;
		height: 45px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#1ABC9C, #16A085 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#1ABC9C, #16A085 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#1ABC9C, #16A085 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#1ABC9C, #16A085 50%); /* Standard syntax */
	}
	
	.header-bg-autoevaluacion {
		width: 100%;
		height:45px;
		background-image:url(../img/tgreen.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-autoevaluacion {
		display: block;
		float: right;
		width: 30px;
		height: 30px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-autoevaluacion.png);
		background-size: 30px 30px;
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	
	/* SECCION CREDITOS */
	.header-content-creditos {
		display: block;
		height: 45px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#913D88 , #674172 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#913D88, #674172 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#913D88, #674172 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#913D88, #674172 50%); /* Standard syntax */
	}
	
	.header-bg-creditos {
		width: 100%;
		height:45px;
		background-image:url(../img/tpurple2.png);
		background-position:right;
		background-repeat:no-repeat;
	}
	
	.header-image-creditos {
		display: block;
		float: right;
		width: 30px;
		height: 30px;	
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-creditos.png);
		background-size: 30px 30px;
		background-repeat:no-repeat;
		padding-right:20px;
	}
	
	/* SECCION CONSULTAS */
	.header-content-consultas {
		display: block;
		height: 45px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#95a5a6 , #7f8c8d 50%);/* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(90deg,#95a5a6, #7f8c8d 50%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(90deg,#95a5a6, #7f8c8d 50%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(90deg,#95a5a6, #7f8c8d 50%); /* Standard syntax */
	}
	
	.header-bg-consultas {
		width: 100%;
		height:45px;
		background-image:url(../img/tpurple2.png);
		background-position:right;
		background-repeat:no-repeat;
		
	}
	
	.header-image-consultas {
		display: block;
		float: right;
		width: 30px;
		height: 30px;
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-consultas.png);
		background-size: 30px 30px;
		background-repeat:no-repeat;
	}
	
	/* SECCION CREDITOS */
	.header-content-creditos {
		display: block;
		height: 45px;
		width: 100%;
		display:none;
		background: -webkit-linear-gradient(90deg,#913D88 , #674172 50%);/* For Safari 5.1 to 6.0 */
   		background: -o-linear-gradient(90deg,#913D88, #674172 50%); /* For Opera 11.1 to 12.0 */
    	background: -moz-linear-gradient(90deg,#913D88, #674172 50%); /* For Firefox 3.6 to 15 */
    	background: linear-gradient(90deg,#913D88, #674172 50%); /* Standard syntax */
	}
	
	.header-bg-creditos {
		width: 100%;
		height:45px;
		background-image:url(../img/tpurple2.png);
		background-position:right;
		background-repeat:no-repeat;
		
	}
	
	.header-image-creditos {
		display: block;
		float: right;
		width: 30px;
		height: 30px;
		padding-right:20px;
		position:absolute;
		right: 1%;
		top:10px;
		background-image:url(../img/header-image-creditos.png);
		background-size: 30px 30px;
		background-repeat:no-repeat;
	}
	
	.presentacion {
		width: 100%;
		height: 130%;
		background-color: #3d3d3d;
		z-index: 10;
		float: left;
		position: absolute;
		top: 45px;
		bottom: 0px;
	}
	
	.flecha-izquierda img{
		width: 39px;
		height: 60px;
		-ms-transform: translate(1px,180px); /* IE 9 */
		-webkit-transform: translate(1px,180px); /* Safari */
		transform: translate(1px,180px); /* Standard syntax */
    }
	
	.flecha-derecha img{
		width: 39px;
		height: 60px;
		-ms-transform: translate(1px,180px); /* IE 9 */
		-webkit-transform: translate(1px,180px); /* Safari */
		transform: translate(1px,180px); /* Standard syntax */
    }
	
	.header-text {
		transform: scale(0.0);		
	}
	.grafico-frame {
		text-align:center;
		visibility:visible;
		display:block;
		position:absolute;
		top:120px;
		left: auto;
		float:inherit;
		width:320px;
		height:220px;
		margin-left:auto;
		margin-right:auto;
		border-color:#333;
		border-style:solid;
		border-width:thin;
		background-color:#FFF;
		background-image:url(null);
		background-repeat:no-repeat;
		background-position:center;
		background-size: 100% 100%;
	}
	article  > p {
		font-family: 'Lato', sans-serif;
		font-weight: normal;
		font-size:16px;
		text-align:justify;
	}
	
	article > h1 {
		font-family: 'Lato', sans-serif;
		font-size:22px;
	}
	
	article > h2 {
		font-family: 'Lato', sans-serif;
		font-size:18px;
	}
	
	.menu {
		display: block;
		width: 230px;
		height: 100%;
		background-color: #3d3d3d;
		z-index: 20;
		float: left;
		padding-top: 45px;
		position: absolute;
		border-right-color: #555;
		border-right-style: solid;
		border-right-width: 2px;
		border-width: 0px 15px 0px 0;
		border-style: solid;
		-webkit-border-image: -webkit-gradient(linear, 0 0, 100% 0, from(#252525) , to(rgba(0, 0, 0, 0))) 1 100%;
		-webkit-border-image: -webkit-linear-gradient(left, #252525, rgba(0, 0, 0, 0)) 1 100%;
		-moz-border-image: -moz-linear-gradient(left, #252525, rgba(0, 0, 0, 0)) 1 100%;
		-o-border-image: -o-linear-gradient(left, #252525, rgba(0, 0, 0, 0)) 1 100%;
		border-image: linear-gradient(to left, #252525, rgba(0, 0, 0, 0)) 0.75 100%;
	}
	
	/* ESTILO PARA CAJA DESCARGABLES */
	/* PDF							 */
	.embed-pdf {
		width: 80%;
		padding: 20px;
		-moz-border-radius: 10px !important;
		border-radius: 10px !important;
		-webkit-border-radius: 10px !important;
		-moz-box-shadow: 0 1px 2px #d1d1d1;
		-webkit-box-shadow: 0 1px 2px #d1d1d1;
		/*background: #eaebec;*/
		border: #fff 6px solid;
		box-shadow: 0 1px 2px #d1d1d1;
		margin: 10px 0 30px 0;
		/*background-image:url(../img/pdf_logo.svg);*/
		/*background-repeat:no-repeat;*/
		/*background-position:left;*/
		/*background-position: 15px 15px;*/
		float:left;
		margin-left: auto;
		margin-right:auto;
		font-family: 'Lato', Geneva, sans-serif;
	}
	
	.embed-pdf p.download-embedded-pdf {
		margin: 20px 0 10px 0;
		text-align: right;
		background: url('../img/pdf.svg') no-repeat center right;
		line-height: 30px;
	}
	
	.embed-pdf p.download-embedded-pdf a {
		padding: 0 30px 0 0;
	}
	
	.embed-pdf a {
		text-decoration: none;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		transition: all 0.25s;
		color: #fff;
		font-size: medium;
	}
	
	.embed-pdf a:hover {
		border-bottom: 1px dotted rgba(0,51,102,.5);
	}
	
	/* ESTILO PARA CAJA DESCARGABLES */
	/* WORD							 */
	.embed-word {
		width: 80%;
		padding: 20px;
		-moz-border-radius: 10px !important;
		border-radius: 10px !important;
		-webkit-border-radius: 10px !important;
		-moz-box-shadow: 0 1px 2px #d1d1d1;
		-webkit-box-shadow: 0 1px 2px #d1d1d1;
		/*background: #eaebec;*/
		border: #fff 6px solid;
		box-shadow: 0 1px 2px #d1d1d1;
		margin: 10px 0 30px 0;
		background-image:url(../img/word_logo.png);
		background-repeat:no-repeat;
		background-position:left;
		margin-left: auto;
		margin-right:auto;
		float:left;
		font-family: 'Lato', Geneva, sans-serif;
	}
	
	.embed-word p.download-embedded-word {
		margin: 20px 0 10px 0;
		text-align: right;
		background: url('../img/pdf.png') no-repeat center right;
		line-height: 30px;
	}
	
	.embed-word p.download-embedded-word a {
		padding: 0 30px 0 0;
	}
	
	.embed-word a {
		text-decoration: none;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		transition: all 0.25s;
		color: #fff;
		font-size: medium;
	}
	
	.texto-menu {
		width: 60px;
		height: 15px;
		font-family: 'Lato', sans-serif;
		font-size:11px;
		text-decoration: none;
		display: block;
		color: #fff;
		position:relative;
		top: -17px;
		left:11px;	
	}
}

body {
	top: 0;
	margin:0;
	width:100%;
	height:100%;
}

.capsula {
	width: 100%;
	height:100%;
	z-index: 0;
	background-color: #3d3d3d;
}

/*.presentacion {
	width: 100%;
	height: 100%;
	background-color: #3d3d3d;
	z-index: 10;
	float: left;
	position: absolute;
	top: 90px;
}*/

.screen-block {
	background-color: #252525 !important;
	z-index: 100 !important;
	opacity: 0.8;
	width: 100%;
	height: 100%;
}

.content-capsula {
	display:block;
	width:100%;
	height: 100%;
}

.flecha-derecha {
	display: inline-block;
	float: right;
	z-index: 11;
	opacity: 0.7;
}

.flecha-derecha:hover {
	opacity: 1.0;
}

.flecha-izquierda {
	display: block;
	float: left;
	padding-left: 15px;
	z-index:11;
	opacity: 0.7;
}

.flecha-izquierda:hover {
	opacity: 1.0;
}

.show-arrow-control {
	
}

/*
article  > p {
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	font-size:16px;
	text-align:justify;
}

article > h1 {
	font-family: 'Lato', sans-serif;
	font-size:22px;
}

article > h2 {
	font-family: 'Lato', sans-serif;
	font-size:16px;
}
*/

/*article {
	top:0;
	margin:0;
	display: inline-block;
	width:90%;
	height: 100%;
	z-index:10;
}*/

/*
#content-flecha-izq-01 {
	display: block;
	float: left;
	padding-left: 15px;
	z-index:11;
	opacity: 0.7;
}

#content-flecha-izq-01:hover {
	opacity: 1.0;
}

#content-flecha-der-01 {
	display: block;
	float: right;
	z-index: 11;
	opacity: 0.7;
}

#content-flecha-der-01:hover {
	opacity: 1.0;
}

#content-flecha-izq-02 {
	display: block;
	float: left;
	padding-left: 15px;
	z-index:11;
	opacity: 0.7;
}

#content-flecha-izq-02:hover {
	opacity: 1.0;
}

#content-flecha-der-02 {
	display: block;
	float: right;
	z-index: 11;
	opacity: 0.7;
}

#content-flecha-der-02:hover {
	opacity: 1.0;
}
*/

/*.menu:hover {
	-webkit-transition: width 2s, height 4s;
	transition: width 2s, height 4s;
	width: 230px;
	height: 100%;
}*/

.menu-lista {	
	margin-bottom: 0px;
	margin-top: 0px;
	list-style:none;
	display: inline-block;
	padding-left: 0px;
	list-style-position:inherit;
	position:absolute;
}

.menu-lista li {
	width: 230px;
	display: inline-block;
	height: 38px;
	border-bottom-color: #555;
	border-bottom-style:solid;
	border-bottom-width: 2px;
	color: #fff;
	font-family: 'Lato', sans-serif;
}

.menu-lista li:hover a {
	background-color: #262626;
}


.menu ul li a {
	height: 38px;
	/*margin-top: 9px;*/
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	font-weight: 100;
	font-family: 'Lato', sans-serif;
	color: white;
	text-decoration: none;
	display: block;
	/*border-bottom: 1px solid #fff;*/
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	-ms-transition: background 0.3s ease-in-out;
	-o-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.sidebar_over {
	background: #262626;
}

.menu_over {
	background: #262626;
}

.menu-icono {
	height: 38px;
	width: 38px;
	float:left;
}

.menu-show {
	-webkit-transition: width 1s;
	transition: width 1s;
	width: 230px;
	height: 130%;
}

.menu-hide {
	-webkit-transition: width 1s;
	transition: width 1s;
	width: 0px;
	height: 130%;
}

.menu-lista-show {
	-webkit-transition: left 1s;
	transition: left 1s;
	width: 230px;
	height: initial;
	left:0;
}

.menu-lista-hide {
	-webkit-transition: left 1s;
	transition: left 1s;
	width: 230px;
	height: initial;
	left: -230px;
}

.li-descripcion {
	height: 38px;
	float: left;
	width: 10px;
	margin-right: 3px;
	background-color: #3498db;
}
.li-demostracion {
	height: 38px;
	float: left;
	width: 10px;
	margin-right: 3px;
	background-color: #F1C40F;
}
.li-experimentacion {
	height: 38px;
	float: left;
	width: 10px;
	margin-right: 3px;
	background-color: #9B59B6;
}
.li-material {
	height: 38px;
	float: left;
	width: 10px;
	margin-right: 3px;
	background-color: #E74C3C;
}
.li-autoevaluacion {
	height: 38px;
	float: left;
	width: 10px;
	margin-right: 3px;
	background-color: #1ABC9C;
}
.li-consultas {
	height: 38px;
	float: left;
	width: 10px;
	margin-right: 3px;
	background-color: #95A5A6;
}
.li-creditos {
	height: 38px;
	float: left;
	width: 10px;
	margin-right: 3px;
	background-color: #913D88;
}

.barra-titulo-icono-izq-descripcion {
	background-color: rgb(68, 108, 179);
}

.barra-titulo-icono-izq-demostracion {
	background-color: #f39c12;
}

.barra-titulo-icono-izq-experimentacion {
	background-color: #8e44ad;
}

.barra-titulo-icono-izq-material {
	background-color: #c0392b;
}

.barra-titulo-icono-izq-autoevaluacion {
	background-color: #16a085;
}

.barra-titulo-icono-izq-consultas {
	background-color: #7F8C8D;
}

.barra-titulo-icono-izq-creditos {
	background-color: #913D88;
}




/* CONTENIDO GENERAL */
.header-content {
	display: block;
	height: 90px;
	width: 100%;
}

.header-bg {
	width: 100%;
	height:82px;
}

.header-image {
	display: block;
	float: right;
	width: 60px;
	height: 60px;	
	padding-right:20px;
}

.header-text {
	display: inline-block;
	float: right;
	width: 480px;
	height: 15px;
	padding-top: 15px;
	padding-right: 80px;
	font-family: 'Lato', helvetica;
	font-size: 42px;
	color: #fff;
	text-align: right;
}

.decks-descripcion {
	display:block;
	color: white;
  	width: 85%;
	height: 85%;
  	transform: translate(-50%, -50%);
  	position: absolute;
  	top: 50%;
  	left: 55%;
  	padding: 0px;
  	/*resize: both;*/
  	overflow: none;
	z-index: 10;
}

.decks-demostracion {
	display:block;
	color: white;
  	width: 85%;
	height: 85%;
  	transform: translate(-25%, -50%);
  	position: absolute;
  	top: 50%;
  	left: 55%;
  	padding: -150px;
  	/*resize: both;*/
  	overflow: auto;
	z-index: 10;
}

.decks-experimentacion {
	display:block;
	color: white;
  	width: 85%;
	height: 85%;
  	transform: translate(-50%, -50%);
  	position: absolute;
  	top: 50%;
  	left: 55%;
  	padding: 0px;
  	/*resize: both;*/
  	overflow: none;
	z-index: 10;
}

.decks-material {
	display:block;
	color: white;
  	width: 85%;
	height: 85%;
  	transform: translate(-50%, -50%);
  	position: absolute;
  	top: 50%;
  	left: 55%;
  	padding: 0px;
  	/*resize: both;*/
  	overflow: none;
	z-index: 10;
}

.decks-autoevaluacion {
	display:block;
	color: white;
  	width: 85%;
	height: 85%;
  	transform: translate(-50%, -50%);
  	position: absolute;
  	top: 50%;
  	left: 55%;
  	padding: 0px;
  	/*resize: both;*/
  	overflow: none;
	z-index: 10;
}

.decks-consultas {
	display:block;
	color: white;
  	width: 85%;
	height: 85%;
  	transform: translate(-50%, -50%);
  	position: absolute;
  	top: 50%;
  	left: 55%;
  	padding: 0px;
  	/*resize: both;*/
  	overflow: none;
	z-index: 10;
}

.decks-creditos {
	display:block;
	color: white;
  	width: 85%;
	height: 85%;
  	transform: translate(-50%, -50%);
  	position: absolute;
  	top: 50%;
  	left: 55%;
  	padding: 0px;
  	/*resize: both;*/
  	overflow: none;
	z-index: 10;
}


.ppt-visible {
	padding: 15px;
	width:85%;
	height: 70%;
	top:0;
	left:100px;
	border-style:solid;
	border-color: #fff;
	border-radius: 10px;
	border-width: 10px;
}

.ppt-video {
	border-bottom-width: 60px;
}

ppt-novisible {
	visibility:hidden;
	display: none;
}

.li-buttoms-control-on {
	display:inline-block;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;;
	border-width: 3px;
	border-style:solid;
	border-color: #f1c40f;
	background-color:#f1c40f;
	color: #252525;
	font-weight:bold;
	font-size:16px;
	font-family: 'Lato', sans-serif;
	text-align:center;
	line-height: 25px;
	list-style:none;
	list-style-type:none;
	margin: 5px;
	cursor: pointer;
}

.li-buttoms-control-off {
	display:inline-block;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;;
	border-width: 3px;
	border-style:solid;
	border-color: #f1c40f;
	background-color:#252525;
	color: #f1c40f;
	font-weight:bold;
	font-size:16px;
	font-family: 'Lato', sans-serif;
	text-align:center;
	line-height: 25px;
	list-style:none;
	list-style-type:none;
	margin: 5px;
	cursor: pointer;
}

.li-buttoms-control-off:hover {
	display:inline-block;
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;;
	border-width: 3px;
	border-style:solid;
	border-color: #f1c40f;
	background-color:#f1c40f;
	color: #252525;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	line-height: 25px;
	list-style:none;
	list-style-type:none;
	margin: 5px;
	cursor: pointer;
}

.grafico {
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}

.grafico-frame-close {
	display:block;
	float:right;
	background-color:#000;
	color:#FFF;
	font-size:12px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	text-align:center;
	cursor:pointer;
}

a {
	color: #f39c12;
	text-decoration: none;
}

.logo-traful {
	display:block;
	width: 230px;
	height: 60px;
	background-image:url(../img/logo_traful.svg);	
	background-repeat: no-repeat;
	background-position:center;
	/*float:left;*/
}

.reset-li {	
	border-style:none;
	border-bottom-width: 0px !important;
}

.reset-li >a:hover {
	text-decoration:none;
	background-color: #3d3d3d !important;
}

#capsula-content-demostracion {
	display: none;
}

#capsula-content-experimentacion {
	display: none;
}

#capsula-content-material {
	display: none;
}

#capsula-content-autoevaluacion {
	display: none;
}

#capsula-content-consultas {
	display: none;
}

#capsula-content-creditos {
	display: none;
}

.icono-menu {
	width: 95%;
}





