˝@charset "UTF-8";

* {
	padding: 0;
	margin: 0;
}


header, section, main, article, footer {display: block;}

html {
	font-family: Avenir; 
	background-color: #CECECE;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

b {font-family: Avenir-bold;}

body {margin: 0px !important ; background-color: #fff;}

.ui-helper-hidden-accessible {
    display: none;
}

@media screen and (min-width: 300px) {

	body { 
		max-width: 300px;
		margin: auto !important; 
		box-shadow: 5px 5px 8px #606060;
	 }

	/*HEADER*/
		header { height: 115px; }

			#head_logomas {
				width: 50%;
				float: left;
				height: 100px;
				margin-top: 15px;
				margin-left: 9px;
			}

			#head_logomas img { height: 80%; }

			#head_logocas {
				width: 45%;
				float: left;
				height: 60px;
				margin-top: 32px;
				text-align: right;
			}

			#head_logocas img { height: 70%; }

			#head_logomm {
				width: 40%;
				float: left;
				height: 71px;
				margin-top: -24px;
				text-align: right;
			}

			#head_logomm img{ height: 70%; }			

	/*RECURSOS*/

		.recursos {  }


		.rec_slide {
			padding: 3px 0px;
		}

		.recpink {
			background-color: #FECD30;
		}

		.recbl {
			background-color: #3B86B4;
		}

		.rec_slide img {
			width: 80%;
			margin-left: 27px;
		}

		.linb {
			border-right: 0pt solid white;
			border-bottom: 2pt solid white;
			margin-left: 35px;
		}

		.segmarg { margin-left: 35px; }

		.prev, .next {
		  cursor: pointer;
		  position: absolute;
		  width: auto;
		  margin-top: -215px;
		  padding: 8px;
		  color: #FFF;
		  font-weight: bold;
		  font-size: 30px;
		  transition: 0.6s ease;
		  border-radius: 0 3px 3px 0;
		}

		.next {
		  margin-left: 265px;
		  border-radius: 3px 0 0 3px;
		}

		.prev:hover, .next:hover {
		  font-size: 40px;
		}

		.dot {
		  cursor:pointer;
		  height: 15px;
		  width: 15px;
		  margin: 0px 20px;
		  background-color: #BE332F;
		  border-radius: 50%;
		  display: inline-block;
		  transition: background-color 0.6s ease;
		}

		.active, .dot:hover {
		  background-color: #717171;
		}

	/*MAIN*/

			#contPrincipal {
			  width: 300px;
			  margin-left: 4%;
			  margin-right: auto;
			  margin-bottom: 60px;
			}

			#contPrincipal ul {
			  padding: 0 !important;
			}

			#contPrincipal ul li{
			  list-style: none;
			  padding: 0 !important;
			}

			#ma1bt {
			  width: 140px;
			  height: 80px;
			  float: left;
			  background-color: #0D7BAC;
			  border-radius: 20px 20px 0px 0px;
			}

			#ma1bt img{
			  width: 90%;
			  margin-left: 2%;
			  margin-top: 10px;
			}

			#ma2bt {
			  width: 140px;
			  height: 80px;
			  float: left;
			  background-color: #129BA9;
			  border-radius: 20px 20px 0px 0px;
			}

			#ma2bt img{
			  width: 90%;
			  margin-left: 2%;
			  margin-top: 10px;
			}

			#ldalu {
			  width: 270px;
			  height: auto;
			  float: left;
			  margin-left: 0px;
			  border-right: 4pt solid #0D7BAC;
			  border-left: 4pt solid #0D7BAC;
			  border-bottom: 0pt solid #0D7BAC;
			  border-top: 4pt solid #0D7BAC;
			  border-radius: 0px 0px 0px 0px;
			}

			#ldalu2 {
			  width: 270px;
			  height: auto;
			  float: left;
			  margin-left: 0px;
			  border-right: 4pt solid #129BA9;
			  border-left: 4pt solid #129BA9;
			  border-bottom: 0pt solid #129BA9;
			  border-top: 4pt solid #129BA9;
			  border-radius: 0px 0px 0px 0px;
			}
			
			#titalu {
			  width: 270px;
			  height: 20px;
			  float: left;
			  margin: 10px 0px 17px 0px;
			}

			#titalu img {
			  width: 90%;
			  margin-left: 5%;
			}

			#ldma {
			  width: 270px;
			  height: 835px;
			  float: left;
			  margin-left: 0px;
			  border-left: 4pt solid #0D7BAC;
			  border-right: 4pt solid #0D7BAC;
			  border-bottom: 4pt solid #0D7BAC;
			  border-top: 0pt solid #0D7BAC;
			  border-radius: 0px 0px 20px 20px;
			}

			#ldma2 {
			  width: 270px;
			  height: 835px;
			  float: left;
			  margin-left: 0px;
			  border-left: 4pt solid #129BA9;
			  border-right: 4pt solid #129BA9;
			  border-bottom: 4pt solid #129BA9;
			  border-radius: 0px 0px 20px 20px;
			}

			.ldpor {
			  width: 200px;
			  height: 350px;
			  float: left;
			  margin: 35px 0px -50px 25px;
			}

			.ldpor img {
			  width: 106%;
			  margin-left: 0%;
			  margin-top: 0px;
			}

			.ldpor img:hover {
			  width: 100%;
			}

			#titma {
			  width: 270px;
			  height: auto;
			  float: left;
			  margin: 0px 0px -40px 0px;
			}

			#titma img {
			  width: 90%;
			  margin-left: 5%;
			}

			.ldbtn {
			  width: 200px;
			  height: 445px;
			  float: left;
			  margin: 0px 0px -20px 40px;
			}

			.btnalu {
			  float: left;
			  width: 100%;
			  height: 60px;
			  margin: 20px 0px 5px -7px;
			}

			.btnma {
			  float: left;
			  width: 100%;
			  height: 60px;
			  margin: 10px 0px 5px -7px;
			}

			.btnalu img {
			  width: 100%
			}

			.btnma img {
			  width: 100%
			}

			.btnalu img:hover {
			  width: 110%;
			}

			.btnma img:hover {
			  width: 110%;
			}

			#rutaimple {
				margin-top: -89px;
				float: left;
				margin-left: 33px;
				color: grey;
				font-size: 10pt;
				width: 225px;
			}

	/*INDICES*/	
	
	    .cuadro_cred {
	        padding: 3%;
	        height: 85% !important;
	        width: 85% !important;
	        overflow: auto;
	        margin: auto;
	    }

	    .cerrar1, .cerrar2, .cerrar3, .cerrar4, .cerrar5, .cerrar6 {
	        float: left;
	        margin-left: -10px;
	    }

	    .cerrar1 img, .cerrar2 img, .cerrar3 img, .cerrar4 img, .cerrar5 img, .cerrar6 img {
	    	width: 70%;
	    }

	    #pophead {
	    	width: 103%;
	    	margin-bottom: -6px;
	    }

	    .ind_tit { 
	    	width: 90%;
	    	margin-bottom: -4px;
	    	 }

	    .iconitos {
	    	margin-left: 27px;
	    }

	    .iconitos p {
	    	color: #848484;
	    }

	    .iconitos img {
	    	width: 12%;
	    	float: left;
	    }

    /*EXPLORACION*/

		.v_tuto {
			width: 80%;
			min-height: 240px;
			margin-left: 30px;
			margin-right: auto;
			margin-top: 25px;
			margin-bottom: 50px;
 			border-radius: 5px;
			box-shadow: 0px 5px 5px grey;
		}

		.v_tuto source {
			border-radius: 20px;
		}

	/*DESCARGA*/

			.descarga { 
				background-color: #BE332F;
				min-height: 570px; 
				margin-bottom: 30px;}

			#des_logo {
				width: 35%;
				float: left;
				text-align: right;
			}

			#des_logo img{
				height: 100%;
				max-height: 190px;
				margin-left: 10px;
				max-width: 110px;
			}

			#des_logo img:hover {
				border: 5px solid white;
				border-radius: 20px;
			}

			#des_txt {
				width: 50%;
				float: left;
				color: #FFF;
				text-align: center;
				margin: 0px 10px;
			}

			#des_txt h1 {
				font-size: 1.5rem;
				text-align: left;
			}

			#des_txt p {
				font-size: 1rem;
				text-align: left;
			}

			#des_ico {
				float: left;
				margin-left: 28px;
				width: auto;
			}
			#des_ico img{
				max-height: 98px;
			}

			#des_ico img:hover {
				border: 5px solid white;
				border-radius: 20px;
			}

			#des_reg {
				margin-left: 40px;
				float: left;
				width: auto;
			}

			#des_reg img {
				width: 90%;
				margin-top: auto;
			}

			#des_reg img:hover {
				border: 5px solid white;
				border-radius: 20px;
			}

    /*FOOTER*/

		footer { 
			background-color: #FFF;
			min-height: 250px; }

			#aviso {
		        padding: 2%;
		        text-align: center;
		        font-size: .9rem;
		        color: #606060;
		      }
		     #aviso a {
		        color: #D02200;
		      }

	/*FLOTANTES*/	     


		.flotante2 {
		    display:scroll;
		        position:fixed;
		        bottom:-15px;
		        margin-left:-25px;
		}

		.flotante2:hover {
		        margin-left:-25px;
		}

		.flotante2 img {
			width: 180px;
		}

		.flotante3 {
		    display:scroll;
		        position:fixed;
		        bottom:-15px;
		        margin-left:153px;
		}

		.flotante3:hover {
		        margin-left:153px;
		}

		.flotante3 img {
			width: 180px;
		}


		.home_recursos img{
			margin-left: 90px;
			width: 120px;
		}
	  
} 




@media screen and (min-width: 500px) {

	body { 
		max-width: 500px;
		margin: auto !important; 
		box-shadow: 5px 5px 8px #606060;
	 }


	/*HEADER*/
		header { height: 115px; }

			#head_logomas {
				width: 35%;
				float: left;
				height: 100px;
				margin-top: 7px;
				margin-left: 17px;
			}

			#head_logomas img { height: 100%; }

			#head_logocas {
				width: 58%;
				float: left;
				height: 60px;
				margin-top: 38px;
				text-align: right;
			}

			#head_logocas img { height: 90%; }

			#head_logomm {
				width: 10%;
				float: left;
				height: 71px;
				margin-top: 30px;
				text-align: right;
			}

			#head_logomm img{ height: 90%; }			

	/*RECURSOS*/

		.recursos {  }


		.rec_slide {
			padding: 3px 0px;
		}

		.recpink {
			background-color: #FECD30;
		}

		.recbl {
			background-color: #3B86B4;
		}

		.rec_slide img {
			width: 65%;
			margin-left: 17%;
		}

		.linb {
			border-right: 0pt solid white;
			border-bottom: 2pt solid white;
			margin-left: 35px;
		}

		.segmarg { margin-left: 35px; }

		.prev, .next {
		  cursor: pointer;
		  position: absolute;
		  width: auto;
		  margin-top: -295px;
		  padding: 30px;
		  color: #FFF;
		  font-weight: bold;
		  font-size: 50px;
		  transition: 0.6s ease;
		  border-radius: 0 3px 3px 0;
		}

		.next {
		  margin-left: 400px;
		  border-radius: 3px 0 0 3px;
		}

		.prev:hover, .next:hover {
		  font-size: 55px;
		}

		.dot {
		  cursor:pointer;
		  height: 15px;
		  width: 15px;
		  margin: 0px 20px;
		  background-color: #BE332F;
		  border-radius: 50%;
		  display: inline-block;
		  transition: background-color 0.6s ease;
		}

		.active, .dot:hover {
		  background-color: #717171;
		}

	/*MAIN*/

			#contPrincipal {
			  width: 550px;
			  margin-left: 10%;
			  margin-right: auto;
			  margin-bottom: 60px;
			}

			#contPrincipal ul {
			  padding: 0 !important;
			}

			#contPrincipal ul li{
			  list-style: none;
			  padding: 0 !important;
			}

			#ma1bt {
			  width: 200px;
			  height: 95px;
			  float: left;
			  background-color: #0D7BAC;
			  border-radius: 20px 20px 0px 0px;
			}

			#ma1bt img{
			  width: 80%;
			  margin-left: 7%;
			  margin-top: 8px;
			}

			#ma2bt {
			  width: 200px;
			  height: 95px;
			  float: left;
			  background-color: #129BA9;
			  border-radius: 20px 20px 0px 0px;
			}

			#ma2bt img{
			  width: 80%;
			  margin-left: 7%;
			  margin-top: 8px;
			}

			#ldalu {
			  width: 390px;
			  height: auto;
			  float: left;
			  margin-left: 0px;
			  border-right: 4pt solid #0D7BAC;
			  border-left: 4pt solid #0D7BAC;
			  border-bottom: 0pt solid #0D7BAC;
			  border-radius: 0px 0px 0px 0px;
			}

			#ldalu2 {
			  width: 390px;
			  height: auto;
			  float: left;
			  margin-left: 0px;
			  border-right: 4pt solid #129BA9;
			  border-left: 4pt solid #129BA9;
			  border-bottom: 0pt solid #129BA9;
			  border-radius: 0px 0px 0px 0px;
			}
			
			#titalu {
			  width: 380px;
			  height: 20px;
			  float: left;
			  margin: 10px 0px 17px 0px;
			}

			#titalu img {
			  width: 90%;
			  margin-left: 5%;
			}

			#ldma {
			  width: 390px;
			  height: 860px;
			  float: left;
			  margin-left: 0px;
			  border-left: 4pt solid #0D7BAC;
			  border-right: 4pt solid #0D7BAC;
			  border-bottom: 4pt solid #0D7BAC;
			  border-radius: 0px 0px 20px 20px;
			}

			#ldma2 {
			  width: 390px;
			  height: 860px;
			  float: left;
			  margin-left: 0px;
			  border-left: 4pt solid #129BA9;
			  border-right: 4pt solid #129BA9;
			  border-bottom: 4pt solid #129BA9;
			  border-radius: 0px 0px 20px 20px;
			}

			.ldpor {
			  width: 200px;
			  height: 350px;
			  float: left;
			  margin: 35px 0px -50px 25px;
			}

			.ldpor img {
			  width: 106%;
			  margin-left: 25%;
			  margin-top: 0px;
			}

			.ldpor img:hover {
			  width: 100%;
			}

			#titma {
			  width: 380px;
			  height: auto;
			  float: left;
			  margin: 0px 0px -40px 0px;
			}

			#titma img {
			  width: 90%;
			  margin-left: 5%;
			}

			.ldbtn {
			  width: 200px;
			  height: 445px;
			  float: left;
			  margin: 0px 0px -20px 90px;
			}

			.btnalu {
			  float: left;
			  width: 100%;
			  height: 60px;
			  margin: 20px 0px 5px -7px;
			}

			.btnma {
			  float: left;
			  width: 100%;
			  height: 60px;
			  margin: 10px 0px 5px -7px;
			}

			.btnalu img {
			  width: 100%
			}

			.btnma img {
			  width: 100%
			}

			.btnalu img:hover {
			  width: 110%;
			}

			.btnma img:hover {
			  width: 110%;
			}

			#rutaimple {
				margin-top: -80px;
				float: left;
				margin-left: 38px;
				color: grey;
				font-size: 10pt;
				width: 335px;
			}

	/*INDICES*/	
	
	   
	    .cuadro_cred {
	        padding: 3%;
	        height: 85% !important;
	        width: 85% !important;
	        overflow: auto;
	        margin: auto;
	    }

	    .cerrar1, .cerrar2, .cerrar3, .cerrar4, .cerrar5, .cerrar6 {
	        float: left;
	        margin-left: -10px;
	    }

	    .cerrar1 img, .cerrar2 img, .cerrar3 img, .cerrar4 img, .cerrar5 img, .cerrar6 img {
	    	width: 70%;
	    }

	    #pophead {
	    	width: 103%;
	    	margin-bottom: -6px;
	    }

	    .ind_tit { 
	    	width: 75%;
	    	margin-bottom: -4px;
	    	 }

	    .iconitos {
	    	margin-left: 27px;
	    }

	    .iconitos img {
	    	width: 12%;
	    	float: left;
	    }

    /*EXPLORACION*/

		.v_tuto {
			width: 80%;
			min-height: 240px;
			margin-left: 10%;
			margin-right: auto;
			margin-top: 10px;
			margin-bottom: 50px;
 			border-radius: 5px;
			box-shadow: 0px 5px 5px grey;
		}

		.v_tuto source {
			border-radius: 20px;
		}

	/*DESCARGA*/

			.descarga { 
				background-color: #BE332F;
				min-height: 418px; 
				margin-bottom: 30px;}

			#des_logo {
				width: 28%;
				float: left;
				text-align: right;
			}

			#des_logo img{
				height: 100%;
				max-height: 190px;
				margin-left: 10px;
				max-width: 110px;
			}

			#des_txt {
				width: 58%;
				float: left;
				color: #FFF;
				text-align: center;
				margin: 0px 10px;
				margin-left: 30px !important;
			}

			#des_txt h1 {
				font-size: 1.5rem;
				text-align: left; 
							}

			#des_txt p {
				font-size: 1rem;
				text-align: left;
			}

			#des_ico {
				float: left;
				margin-left: 4%;
				width: 100%;
			}
			#des_ico img{
				max-height: 92px;
			}

			#des_ico img:hover {
				border: 5px solid white;
			}

			#des_reg {
				margin-left: 140px;
				float: left;
				width: auto;
			}

			#des_reg img {
				width: 90%;
				margin-top: auto;
			}

    /*FOOTER*/

		footer { 
			background-color: #FFF;
			min-height: 220px; }

			#aviso {
		        padding: 2%;
		        text-align: center;
		        font-size: .9rem;
		        color: #606060;
		      }
		     #aviso a {
		        color: #D02200;
		      }

	/*FLOTANTES*/ 

		.flotante2 {
		    display:scroll;
		        position:fixed;
		        bottom:-18px;
		        margin-left:20px;
		}

		.flotante2:hover {
		        margin-left:20px;
		}

		.flotante2 img {
			width: 215px;
		}

		.flotante3 {
		    display:scroll;
		        position:fixed;
		        bottom:-18px;
		        margin-left:260px;
		}

		.flotante3:hover {
		        margin-left:260px;
		}

		.flotante3 img {
			width: 215px;
		}

		.home_recursos img{
			margin-left: 180px;
			width: 130px;
		}
	  	      
}



@media screen and (min-width: 700px) {

	body { 
		max-width: 700px;
		margin: auto !important; 
		box-shadow: 5px 5px 8px #606060;
	 }

	/*HEADER*/
		header { height: 140px; }

			#head_logomas {
				width: 40%;
				float: left;
				height: 105px;
				margin-top: 4px;
				margin-left: 17px;
			}

			#head_logomas img { height: 120%; }

			#head_logocas {
				width: 55%;
				float: left;
				height: 60px;
				margin-top: 46px;
				text-align: right;
			}

			#head_logocas img { height: 105%; }

			#head_logomm {
				width: 10%;
				float: left;
				height: 71px;
				margin-top: 41px;
				text-align: right;
			}

			#head_logomm img{ height: 105%; }			

	/*RECURSOS*/

		.recursos {  }


		.rec_slide {
			padding: 3px 0px;
		}

		.recpink {
			background-color: #FECD30;
		}

		.recbl {
			background-color: #3B86B4;
		}

		.rec_slide img {
			width: 40%;
			margin-left: 6%;
		}

		.linb {
			border-right: 0pt solid white;
			border-bottom: 0pt solid white;
			margin-left: 35px;
		}

		.segmarg { margin-left: 35px; }

		.prev, .next {
		  cursor: pointer;
		  position: absolute;
		  width: auto;
		  margin-top: -26px;
		  padding: 30px;
		  color: #BE332F;
		  font-weight: bold;
		  font-size: 40px;
		  transition: 0.6s ease;
		  border-radius: 0 3px 3px 0;
		}

		.next {
		  margin-left: 600px;
		  border-radius: 3px 0 0 3px;
		}

		.prev:hover, .next:hover {
		  font-size: 55px;
		}

		.dot {
		  cursor:pointer;
		  height: 15px;
		  width: 15px;
		  margin: 0px 35px;
		  background-color: #BE332F;
		  border-radius: 50%;
		  display: inline-block;
		  transition: background-color 0.6s ease;
		}

		.active, .dot:hover {
		  background-color: #717171;
		}

	/*MAIN*/

			#contPrincipal {
			  width: 650px;
			  margin-left: 7%;
			  margin-right: auto;
			  margin-bottom: 60px;
			}

			#contPrincipal ul {
			  padding: 0 !important;
			}

			#contPrincipal ul li{
			  list-style: none;
			  padding: 0 !important;
			}

			#ma1bt {
			  width: 300px;
			  height: 95px;
			  float: left;
			  background-color: #0D7BAC;
			  border-radius: 20px 20px 0px 0px;
			}

			#ma1bt img{
			  width: 80%;
			  margin-left: 6%;
			  margin-top: -10px;
			}

			#ma2bt {
			  width: 300px;
			  height: 95px;
			  float: left;
			  background-color: #129BA9;
			  border-radius: 20px 20px 0px 0px;
			}

			#ma2bt img{
			  width: 80%;
			  margin-left: 6%;
			  margin-top: -10px;
			}

			#ldalu {
			  width: 300px;
			  height: auto;
			  float: left;
			  margin-left: 0px;
			  border-right: 0pt solid #0D7BAC;
			  border-left: 4pt solid #0D7BAC;
			  border-bottom: 4pt solid #0D7BAC;
			  border-radius: 0px 0px 0px 20px;
			  padding-bottom: 40px;
			}

			#ldalu2 {
			  width: 300px;
			  height: auto;
			  float: left;
			  margin-left: 0px;
			  border-right: 0pt solid #129BA9;
			  border-left: 4pt solid #129BA9;
			  border-bottom: 4pt solid #129BA9;
			  border-radius: 0px 0px 0px 20px;
			  padding-bottom: 40px;
			}
			
			#titalu {
			  width: 250px;
			  height: 20px;
			  float: left;
			  margin: 30px 0px 25px 20px;
			}

			#titalu img {
			  width: 90%;
			  margin-left: 5%;
			}

			#ldma {
			  width: 290px;
			  height: auto;
			  float: left;
			  margin-left: 0px;
			  border-left: 0pt solid #0D7BAC;
			  border-right: 4pt solid #0D7BAC;
			  border-bottom: 4pt solid #0D7BAC;
			  border-top: 4pt solid #0D7BAC;
			  border-radius: 0px 0px 20px 0px;
			  padding-bottom: 40px;
			}

			#ldma2 {
			  width: 290px;
			  height: auto;
			  float: left;
			  margin-left: 0px;
			  border-left: 0pt solid #129BA9;
			  border-right: 4pt solid #129BA9;
			  border-bottom: 4pt solid #129BA9;
			  border-top: 4pt solid #129BA9;
			  border-radius: 0px 0px 20px 0px;
			  padding-bottom: 40px;
			}

			.ldpor {
			  width: 90px;
			  height: auto;
			  float: left;
			  margin: 20px 0px 1px 20px;
			}

			.ldpor img {
			  width: 155%;
			  margin-left: -13%;
			  margin-top: 0px;
			}

			.ldpor img:hover {
			  width: 150%;
			}

			#titma {
			  width: 250px;
			  height: 20px;
			  float: left;
			  margin: 20px 0px 25px 12px;
			}

			#titma img {
			  width: 96%;
			  margin-left: 5%;
			}

			.ldbtn {
			  width: 90px;
			  height: auto;
			  float: left;
			  margin: 11px 0px 0px 46px;
			}

			.btnalu {
			  float: left;
			  width: 100%;
			  height: 50px;
			  margin: 6px 0px 5px 0px;
			}

			.btnma {
			  float: left;
			  width: 100%;
			  height: 50px;
			  margin: 8px 0px 5px -8px;
			}

			.btnalu img {
			  width: 125%
			}

			.btnma img {
			  width: 150%
			}

			.btnalu img:hover {
			  width: 130%;
			}

			.btnma img:hover {
			  width: 155%;
			}

			#rutaimple {
				margin-top: -50px;
				float: left;
				margin-left: 38px;
				color: grey;
				font-size: 10pt;
				width: 520px;
			}

	/*INDICES*/	
	
	    .cuadro_cred {
	        padding: 3%;
	        height: 85% !important;
	        width: 85% !important;
	        overflow: auto;
	        margin: auto;
	    }

	    .cerrar1, .cerrar2, .cerrar3, .cerrar4, .cerrar5, .cerrar6 {
	        float: left;
	        margin-left: 50px;
	    }

	    .cerrar1 img, .cerrar2 img, .cerrar3 img, .cerrar4 img, .cerrar5 img, .cerrar6 img {
	    	width: 70%;
	    }

	    #pophead {
	    	width: 103%;
	    	margin-bottom: -6px;
	    }

	    .ind_tit { 
	    	width: 60%;
	    	margin-bottom: -4px;
	    	 }

	    .iconitos {
	    	margin-left: 27px;
	    	margin-right: 125px;
	    }

	    .iconitos img {
	    	width: 10%;
	    	float: left;
	    }

    /*EXPLORACION*/

		.v_tuto {
			width: 80%;
			min-height: 240px;
			margin-left: 10%;
			margin-right: auto;
			margin-top: 10px;
			margin-bottom: 50px;
 			border-radius: 5px;
			box-shadow: 0px 5px 5px grey;
		}

		.v_tuto source {
			border-radius: 20px;
		}

	/*DESCARGA*/

			.descarga { 
				background-color: #BE332F;
				min-height: 230px; 
				margin-bottom: 30px;}

			#des_logo {
				width: 17%;
				float: left;
				text-align: right;
			}

			#des_logo img{
				height: 90%;
				max-height: 175px;
				margin-left: 10px;
				max-width: 100px;
			}

			#des_txt {
				width: 22%;
				float: left;
				color: #FFF;
				text-align: center;
				margin: -14px 10px;
			}

			#des_txt h1 {
				font-size: 1.5rem;
				text-align: left;
			}

			#des_txt p {
				font-size: 1rem;
				text-align: left;
			}

			#des_ico {
				float: left;
				margin-left: 2%;
				width: 30%;
			}
			#des_ico img{
				max-height: 80px;
			}

			#des_ico img:hover {
				border: 5px solid white;
			}

			#des_reg {
				margin-left: 0%;
				float: left;
				width: 22%;
			}

			#des_reg img {
				width: 104%;
				margin-top: 55px;
			}

    /*FOOTER*/

		footer { 
			background-color: #FFF;
			min-height: 200px; }

			#aviso {
		        padding: 2%;
		        text-align: center;
		        font-size: .9rem;
		        color: #606060;
		      }
		     #aviso a {
		        color: #D02200;
		      }

	/*FLOTANTES*/	     


		.flotante2 {
		    display:scroll;
		        position:fixed;
		        bottom:-18px;
		        margin-left:90px;
		}

		.flotante2:hover {
		        margin-left:90px;
		}

		.flotante2 img {
			width: 215px;
		}

		.flotante3 {
		    display:scroll;
		        position:fixed;
		        bottom:-18px;
		        margin-left:380px;
		}

		.flotante3:hover {
		        margin-left:380px;
		}

		.flotante3 img {
			width: 215px;
		}

		.home_recursos img{
			margin-left: 270px;
			width: 150px;
		}


}



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

		body { 
		max-width: 1000px;
		margin: auto !important; 
		box-shadow: 5px 5px 8px #606060;
	 }


	/*HEADER*/
		header { height: 140px; }

			#head_logomas {
				width: 63%;
				float: left;
				height: 105px;
				margin-top: 6px;
				margin-left: 39px;
			}

			#head_logomas img { height: 125%; }

			#head_logocas {
				width: 25%;
				float: left;
				height: 60px;
				margin-top: 38px;
				text-align: right;
			}

			#head_logocas img { height: 125%; }

			#head_logomm {
				width: 4%;
				float: left;
				height: 71px;
				margin-top: 30px;
				text-align: right;
			}

			#head_logomm img{ height: 125%; }			

	/*RECURSOS*/

		.recursos {  }

		.rec_slide {
			padding: 3px 0px;
		}

		.recpink {
			background-color: #FECD30;
		}

		.recbl {
			background-color: #3B86B4;
		}

		.rec_slide img {
			width: 41%;
			margin-left: 6%;
		}

		.linb {
			border-right: 0pt solid white;
			border-bottom: 0pt solid white;
			margin-left: 35px;
		}

		.segmarg { margin-left: 35px; }

		.prev, .next {
		  cursor: pointer;
		  position: absolute;
		  width: auto;
		  margin-top: -26px;
		  padding: 30px;
		  color: #BE332F;
		  font-weight: bold;
		  font-size: 40px;
		  transition: 0.6s ease;
		  border-radius: 0 3px 3px 0;
		}

		.next {
		  margin-left: 900px;
		  border-radius: 3px 0 0 3px;
		}

		.prev:hover, .next:hover {
		  font-size: 55px;
		}

		.dot {
		  cursor:pointer;
		  height: 15px;
		  width: 15px;
		  margin: 0px 50px;
		  background-color: #BE332F;
		  border-radius: 50%;
		  display: inline-block;
		  transition: background-color 0.6s ease;
		}

		.active, .dot:hover {
		  background-color: #717171;
		}

	/*MAIN*/

			#contPrincipal {
			  width: 900px;
			  margin-left: 10%;
			  margin-right: auto;
			  margin-bottom: 60px;
			}

			#contPrincipal ul {
			  padding: 0 !important;
			}

			#contPrincipal ul li{
			  list-style: none;
			  padding: 0 !important;
			}

			#ma1bt {
			  width: 400px;
			  height: 95px;
			  float: left;
			  background-color: #0D7BAC;
			  border-radius: 20px 20px 0px 0px;
			}

			#ma1bt img{
			  width: 69%;
			  margin-left: 12%;
			  margin-top: -16px;
			}

			#ma2bt {
			  width: 400px;
			  height: 95px;
			  float: left;
			  background-color: #129BA9;
			  border-radius: 20px 20px 0px 0px;
			}

			#ma2bt img{
			  width: 69%;
			  margin-left: 12%;
			  margin-top: -16px;
			}

			#ldalu {
			  width: 400px;
			  height: auto;
			  float: left;
			  margin-left: 0px;
			  border-right: 0pt solid #0D7BAC;
			  border-left: 4pt solid #0D7BAC;
			  border-bottom: 4pt solid #0D7BAC;
			  border-radius: 0px 0px 0px 20px;
			  padding-bottom: 15px;
			}

			#ldalu2 {
			  width: 400px;
			  height: auto;
			  float: left;
			  margin-left: 0px;
			  border-right: 0pt solid #129BA9;
			  border-left: 4pt solid #129BA9;
			  border-bottom: 4pt solid #129BA9;
			  border-radius: 0px 0px 0px 20px;
			  padding-bottom: 15px;
			}
			
			#titalu {
			  width: 330px;
			  height: 20px;
			  float: left;
			  margin: 30px 0px 25px 20px;
			}

			#titalu img {
			  width: 90%;
			  margin-left: 5%;
			}

			#ldma {
			  width: 390px;
			  height: auto;
			  float: left;
			  margin-left: 0px;
			  border-left: 0pt solid #0D7BAC;
			  border-right: 4pt solid #0D7BAC;
			  border-bottom: 4pt solid #0D7BAC;
			  border-radius: 0px 0px 20px 0px;
			  padding-bottom: 45px;
			}

			#ldma2 {
			  width: 390px;
			  height: auto;
			  float: left;
			  margin-left: 0px;
			  border-left: 0pt solid #129BA9;
			  border-right: 4pt solid #129BA9;
			  border-bottom: 4pt solid #129BA9;
			  border-radius: 0px 0px 20px 0px;
			  padding-bottom: 45px;
			}

			.ldpor {
			  width: 120px;
			  height: auto;
			  float: left;
			  margin: 60px 0px 30px 30px;
			}

			.ldpor img {
			  width: 155%;
			  margin-left: -13%;
			  margin-top: 0px;
			}

			.ldpor img:hover {
			  width: 150%;
			}

			#titma {
			  width: 330px;
			  height: 20px;
			  float: left;
			  margin: 25px 0px 25px 19px;
			}

			#titma img {
			  width: 96%;
			  margin-left: 5%;
			}

			.ldbtn {
			  width: 120px;
			  height: auto;
			  float: left;
			  margin: 30px 0px 0px 50px;
			}

			.btnalu {
			  float: left;
			  width: 100%;
			  height: 50px;
			  margin: 22px 0px 5px 10px;
			}

			.btnma {
			  float: left;
			  width: 100%;
			  height: 50px;
			  margin: 17px 0px 5px 4px;
			}

			.btnalu img {
			  width: 125%
			}

			.btnma img {
			  width: 150%
			}

			.btnalu img:hover {
			  width: 130%;
			}

			.btnma img:hover {
			  width: 155%;
			}

			#rutaimple {
				margin-top: -39px;
				float: left;
				margin-left: 33px;
				color: grey;
				font-size: 9pt;
				width: 735px;
			}

	/*INDICES*/	

	 .cuadro_cred {
	        padding: 3%;
	        height: 85% !important;
	        width: 55% !important;
	        overflow: auto;
	        margin: auto;
	    }

	    .cerrar1, .cerrar2, .cerrar3, .cerrar4, .cerrar5, .cerrar6 {
	        float: left;
	        margin-left: 100px;
	        margin-top: -30px;
	    }

	    .cerrar1 img, .cerrar2 img, .cerrar3 img, .cerrar4 img, .cerrar5 img, .cerrar6 img {
	    	width: 70%;
	    }

	    #pophead {
	    	width: 103%;
	    	margin-bottom: -26px;
	    }

	    .ind_tit { 
	    	width: 70%;
	    	margin-bottom: -17px;
	    	 }

	    .iconitos {
	    	margin-left: 27px;
	    }

	    .iconitos img {
	    	width: 12%;
	    	float: left;
	    }

	    .iconitos p {
	    	font-size: 1.6rem;
	    }

    /*EXPLORACION*/

		.v_tuto {
			width: 70%;
			min-height: 240px;
			margin-left: 15%;
			margin-right: auto;
			margin-top: 35px;
			margin-bottom: 50px;
 			border-radius: 5px;
			box-shadow: 0px 5px 5px grey;
		}

		.v_tuto source {
			border-radius: 20px;
		}

	/*DESCARGA*/

			.descarga { 
				background-color: #BE332F;
				min-height: 195px; 
				margin-bottom: 30px;}

			#des_logo {
				width: 11%;
				float: left;
				text-align: right;
			}

			#des_logo img{
				height: 90%;
				max-height: 175px;
				margin-left: 10px;
				max-width: 100px;
			}

			#des_txt {
				width: 30%;
				float: left;
				color: #FFF;
				text-align: center;
				margin: -3px 23px;
			}

			#des_txt h1 {
				font-size: 1.5rem;
				text-align: left;
			}

			#des_txt p {
				font-size: 1rem;
				text-align: left;
			}

			#des_ico {
				float: left;
				margin-left: 3%;
				width: 25%;
			}
			#des_ico img{
				max-height: 80px;
			}

			#des_ico img:hover {
				border: 5px solid white;
			}

			#des_reg {
				margin-left: 0%;
				float: left;
				width: 18%;
			}

			#des_reg img {
				width: 120%;
				margin-top: 44px;
			}

    /*FOOTER*/

		footer { 
			background-color: #FFF;
			min-height: 150px; }

			#aviso {
		        padding: 2%;
		        text-align: center;
		        font-size: .9rem;
		        color: #606060;
		      }
		     #aviso a {
		        color: #D02200;
		      }

	/*FLOTANTES*/	     

		.flotante2 {
		    display:scroll;
		        position:fixed;
		        top: 100px;
		        bottom: auto;
		        margin-left:auto;
		        left: -190px;
		}

		.flotante2:hover {
		        margin-left:auto;
		        left: -40px;
		}

		.flotante2 img {
			width: 250px;
		}

		.flotante3 {
		    display:scroll;
		        position:fixed;
		        top: 190px;
		        bottom: auto;
		        margin-left:auto;
		        left: -190px;
		}

		.flotante3:hover {
		       margin-left:auto;
		        left: -40px;
		}

		.flotante3 img {
			width: 250px;
		}

		.home_recursos img{
			margin-left: 410px;
			width: 170px;
		}


}


@media screen and (min-width: 1400px) {


		body { 
		max-width: 1400px;
		margin: auto !important; 
		box-shadow: 5px 5px 8px #606060;
	 }


	/*HEADER*/
		header { height: 140px; }

			#head_logomas {
				width: 41%;
				float: left;
				height: 105px;
				margin-top: 4px;
				margin-left: 68px;
			}

			#head_logomas img { height: 140%; }

			#head_logocas {
				width: 47%;
				float: left;
				height: 60px;
				margin-top: 37px;
				text-align: right;
			}

			#head_logocas img { height: 160%; }

			#head_logomm {
				width: 4%;
				float: left;
				height: 71px;
				margin-top: 30px;
				text-align: right;
			}

			#head_logomm img{ height: 150%; }			

	/*RECURSOS*/

		.recursos {  }

		.rec_slide {
			padding: 3px 0px;
		}

		.recpink {
			background-color: #FECD30;
		}

		.recbl {
			background-color: #3B86B4;
		}

		.rec_slide img {
			width: 41%;
			margin-left: 5%;
		}

		.linb {
			border-right: 0pt solid white;
			border-bottom: 0pt solid white;
			margin-left: 35px;
		}

		.segmarg { margin-left: 35px; }

		.prev, .next {
		  cursor: pointer;
		  position: absolute;
		  width: auto;
		  margin-top: -81px;
		  padding: 90px;
		  color: #BE332F;
		  font-weight: bold;
		  font-size: 40px;
		  transition: 0.6s ease;
		  border-radius: 0 3px 3px 0;
		}

		.next {
		  margin-left: 1150px;
		  border-radius: 3px 0 0 3px;
		}

		.prev:hover, .next:hover {
		  font-size: 55px;
		}

		.dot {
		  cursor:pointer;
		  height: 15px;
		  width: 15px;
		  margin: 0px 80px;
		  background-color: #BE332F;
		  border-radius: 50%;
		  display: inline-block;
		  transition: background-color 0.6s ease;
		}

		.active, .dot:hover {
		  background-color: #717171;
		}

	/*MAIN*/

			#contPrincipal {
			  width: 1200px;
			  margin-left: 14%;
			  margin-right: auto;
			  margin-bottom: 60px;
			}

			#contPrincipal ul {
			  padding: 0 !important;
			}

			#contPrincipal ul li{
			  list-style: none;
			  padding: 0 !important;
			}

			#ma1bt {
			  width: 500px;
			  height: 95px;
			  float: left;
			  background-color: #0D7BAC;
			  border-radius: 20px 20px 0px 0px;
			}

			#ma1bt img{
			  width: 55%;
			  margin-left: 20%;
			  margin-top: -16px;
			}

			#ma2bt {
			  width: 500px;
			  height: 95px;
			  float: left;
			  background-color: #129BA9;
			  border-radius: 20px 20px 0px 0px;
			}

			#ma2bt img{
			  width: 55%;
			  margin-left: 20%;
			  margin-top: -16px;
			}

			#ldalu {
			  width: 500px;
			  height: auto;
			  float: left;
			  margin-left: 0px;
			  border-right: 0pt solid #0D7BAC;
			  border-left: 4pt solid #0D7BAC;
			  border-bottom: 4pt solid #0D7BAC;
			  border-radius: 0px 0px 0px 20px;
			  padding-bottom: 25px;
			}

			#ldalu2 {
			  width: 500px;
			  height: auto;
			  float: left;
			  margin-left: 0px;
			  border-right: 0pt solid #129BA9;
			  border-left: 4pt solid #129BA9;
			  border-bottom: 4pt solid #129BA9;
			  border-radius: 0px 0px 0px 20px;
			  padding-bottom: 25px;
			}
			
			#titalu {
			  width: 330px;
			  height: 20px;
			  float: left;
			  margin: 30px 0px 25px 70px;
			}

			#titalu img {
			  width: 90%;
			  margin-left: 5%;
			}

			#ldma {
			  width: 490px;
			  height: auto;
			  float: left;
			  margin-left: 0px;
			  border-left: 0pt solid #0D7BAC;
			  border-right: 4pt solid #0D7BAC;
			  border-bottom: 4pt solid #0D7BAC;
			  border-radius: 0px 0px 20px 0px;
			  padding-bottom: 55px;
			}

			#ldma2 {
			  width: 490px;
			  height: auto;
			  float: left;
			  margin-left: 0px;
			  border-left: 0pt solid #129BA9;
			  border-right: 4pt solid #129BA9;
			  border-bottom: 4pt solid #129BA9;
			  border-radius: 0px 0px 20px 0px;
			  padding-bottom: 55px;
			}

			.ldpor {
			  width: 120px;
			  height: auto;
			  float: left;
			  margin: 60px 0px 30px 77px;
			}

			.ldpor img {
			  width: 155%;
			  margin-left: -28%;
			  margin-top: 0px;
			}

			.ldpor img:hover {
			  width: 150%;
			}

			#titma {
			  width: 330px;
			  height: 20px;
			  float: left;
			  margin: 25px 0px 25px 69px;
			}

			#titma img {
			  width: 96%;
			  margin-left: 5%;
			}

			.ldbtn {
			  width: 120px;
			  height: auto;
			  float: left;
			  margin: 30px 0px 0px 50px;
			}

			.btnalu {
			  float: left;
			  width: 100%;
			  height: 50px;
			  margin: 22px 0px 5px 10px;
			}

			.btnma {
			  float: left;
			  width: 100%;
			  height: 50px;
			  margin: 17px 0px 5px 4px;
			}

			.btnalu img {
			  width: 125%
			}

			.btnma img {
			  width: 150%
			}

			.btnalu img:hover {
			  width: 130%;
			}

			.btnma img:hover {
			  width: 155%;
			}

			#rutaimple {
				margin-top: -45px;
				float: left;
				margin-left: 50px;
				color: grey;
				font-size: 11pt;
				width: 1200px;
			}

	/*INDICES*/	

		 
	    .cuadro_cred {
	        padding: 3%;
	        height: 85% !important;
	        width: 65% !important;
	        overflow: auto;
	        margin: auto;
	        margin-left: 140px;
	    }

	    .cerrar1, .cerrar2, .cerrar3, .cerrar4, .cerrar5, .cerrar6 {
	        float: left;
	        margin-left: 15px;
	    }

	    .cerrar1 img, .cerrar2 img, .cerrar3 img, .cerrar4 img, .cerrar5 img, .cerrar6 img {
	    	width: 70%;
	    }

	    #pophead {
	    	width: 95%;
	    	margin-bottom: -23px;
	    }

	    .ind_tit { 
	    	width: 70%;
	    	margin-bottom: -11px;
	    	 }

	    .iconitos {
	    	margin-left: 27px;
	    	margin-right: 100px;
	    }

	    .iconitos img {
	    	width: 20%;
	    	float: left;
	    }

	    .iconitos {
	    	font-size: .8rem;
	    }

	    .cred_pop { width: 50% !important;  }

    /*EXPLORACION*/

		.v_tuto {
			width: 70%;
			min-height: 240px;
			margin-left: 15%;
			margin-right: auto;
			margin-top: 50px;
			margin-bottom: 50px;
 			border-radius: 5px;
			box-shadow: 0px 5px 5px grey;
		}

		.v_tuto source {
			border-radius: 20px;
		}

	/*DESCARGA*/

			.descarga { 
				background-color: #BE332F;
				min-height: 195px; 
				margin-bottom: 30px;}

			#des_logo {
				width: 10%;
				float: left;
				text-align: right;
			}

			#des_logo img{
				height: 90%;
				max-height: 175px;
				margin-left: 10px;
			}

			#des_txt {
				width: 26%;
				float: left;
				color: #FFF;
				text-align: center;
				margin-left: 60px !important;
				margin-top: 10px;
			}

			#des_txt h1 {
				font-size: 1.5rem;
				text-align: left;
			}

			#des_txt p {
				font-size: 1rem;
				text-align: left;
			}

			#des_ico {
				float: left;
				margin-left: 8%;
				width: 20%;
			}
			#des_ico img{
				max-height: 90px;
			}

			#des_ico img:hover {
				border: 5px solid white;
			}

			#des_reg {
				margin-left: 4%;
				float: left;
				width: 15%;
			}

			#des_reg img {
				width: 120%;
				margin-top: 35px;
			}

    /*FOOTER*/

		footer { 
			background-color: #FFF;
			min-height: 150px; }

			#aviso {
		        padding: 2%;
		        text-align: center;
		        font-size: 1.3rem;
		        color: #606060;
		      }
		     #aviso a {
		        color: #D02200;
		      }

	/*SLIDES Y FLOTANTES*/	     

		.flotante2 {
		    display:scroll;
		        position:fixed;
		        top: 100px;
		        bottom: auto;
		        margin-left:auto;
		        left: -190px;
		}

		.flotante2:hover {
		        margin-left:auto;
		        left: -40px;
		}

		.flotante2 img {
			width: 300px;
		}

		.flotante3 {
		    display:scroll;
		        position:fixed;
		        top: 210px;
		        bottom: auto;
		        margin-left:auto;
		        left: -197px;
		}

		.flotante3:hover {
		       margin-left:auto;
		        left: -40px;
		}

		.flotante3 img {
			width: 300px;
		}

		.home_recursos img{
			margin-left: 590px;
			width: 200px;
		}
}


@media screen and (min-width: 1700px) {

	body { 
		max-width: 1400px;
		margin: auto !important; 
		box-shadow: 5px 5px 8px #606060;
	 }

	 .iconitos {
	    	margin-right: 200px;
	    }

}



/*SLIDE ANTERIOR */
  /*
	* {box-sizing:border-box}

	.fade {
	  -webkit-animation-name: fade;
	  -webkit-animation-duration: 1.5s;
	  animation-name: fade;
	  animation-duration: 1.5s;
	}

	@-webkit-keyframes fade {
	  from {opacity: .4} 
	  to {opacity: 1}
	}

	@keyframes fade {
	  from {opacity: .4} 
	  to {opacity: 1}
	}

	.slideshow-container {
	  max-width: 100%;
	  position: relative;
	  margin: auto;
	}

	.mySlides {
	    display: none;
	}

	.rec_slide {

	}

	.rec_mySlides {
	    display: none;
	}
  */

/*Creditos*/
    .modal {
        display: none; 
        position: fixed; 
        z-index: 15; 
        padding-top: 5%; 
        left: 0;
        top: 0;
        width: 100%; 
        height: 100%; 
        overflow: auto;
        background-color: rgb(0,0,0); 
        background-color: rgba(0,0,0,0.4);

    }
    .cred_pop {
        margin: auto;
        max-width: 1000px;
        max-height: 700px;
        width: 90%;
        height: 90%;
        background-color: #FFF;
        border-radius: 20px;
    }
  
  	.cuadro_cred a {
  		text-decoration: none;
  		color: #000;
  		  }


/*Clicks main*/
  .ui-tooltip, .arrow:after {
    background: #606060;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    font: bold 12px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/*
.slidepeques img {
	width: 50% !important;
	float: left;
}

#slidito1 {
			margin-top: 19px !important;
		}

#slidito4 {
			margin-top: -243px !important;
		}
*/


.desprimeros img{
	width: 50% !important;
	margin: 0px !important;
	padding: 0px !important;
	float: left;
  }

#desappcas {
	margin-top: -20px !important;
  }  

.dessegundos img{
	width: 25% !important;
	margin: 0px !important;
	padding: 0px !important;
	float: left;
  }  

#desappico {
	margin-top: -19px !important;
  }  

.desflex .flex-pauseplay a {
	color: white;
}

.desflex {
	background-color: #BE352F !important;
}



.audios audio{
	width: 55% !important;
	margin-left: 22%;
	margin-top: 8%;
	margin-bottom: 10%;
}