.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    font-weight:bold;
	color:#000;
    background-color: #99CCCC;
    
}

.cerrar:hover
{
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari */
    transform: scale(1.2); 
	
	
}



area
{
	outline: 0px ;
	
	}

.audionns
{

position: relative;
right: -10px;
top: 60px;

}

.audionns:hover

{
	border-style: solid;
	border-color: white;
	border-width:  1px;
	border-radius: 25px 25px;
}


*{
	margin:0;
	padding:0;
	-webkit-box-sizing_border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;}
img{
	border:none;}
	














/*EVENTOS*/
#diveventos1 {
	width:77%;
	height:auto;}
.arteventos {
	width:60%;
	height:auto;
	margin-top:20px;
	margin-left:10px;
	background:white;
	border-radius:30px;
	padding:30px;
	float:left;
	display:inline-block;}
	
.asideeventos {
	width:33%;
	height:auto;
	background:white;
	border-radius:30px;
	margin-top:20px;
	margin-left:30px;
	float:left;
	position:relative;}
	
.diveventos {
	margin:20px;}
	
.htituloevento {
	font:40px "Champagne & Limousines";
	font-weight:bold;
	text-align:left;
	margin-left:50px;
	color:#609;}
.heventos {
	font:30px "Champagne & Limousines";
	font-weight:bold;
	text-align:left;
	color:#39C;}
.heventos2{
	font:30px "Champagne & Limousines";
	font-weight:bold;
	text-align:center;
	color:orange;}






/*CONDUGUIAS*/
#conduguias {
	width:1000px;
	margin-top:15px;
	background:white;
	border-radius:30px;
	clear:both;
	}
.condu {
	margin-bottom:20px;
	
	border-radius:15px;;}
.h2condu {
	color:green;
	text-align:left;
	font-family:ChampagneB;
	font-weight:900;
	
	margin-bottom:10px;}
.asidecondu{
	width:400px;
	display:inline-block;
	border:1px solid blue;}

/*CUADERNOS*/
.cuadernos {
	display:inline-block;
	margin-right:50px;
	margin-bottom:50px;}
.videoscondu {
	width:850px;
	height:auto;
	background:white;
	border-radius:30px;
	padding:15px;

	margin-top:30px;}
.hcuadernos {
	font:25px "Champagne & Limousines";
	font-weight:bold;
	text-align:center;
	color:#39C;}

/*GUIAS*/
#divguias1 {
	width:70%;
	height:auto;}
	

.artguias {
	width:100%;
	height:auto;
	margin-top:20px;
	background:white;
	border-radius:30px;
	padding:30px;
	float:left;
	display:inline-block;
	
	}
	
.asideguias {
	width:28%;
	height:auto;
	background:white;
	border-radius:30px;
	margin-top:20px;
	margin-left:30px;
	float:left;
	position:relative;}
	
.divguias {
	width:40%;
	margin:25px;
	display:inline-block;}
	
.htituloguias {
	font:40px "Champagne & Limousines";
	font-weight:bold;
	text-align:left;
	margin-left:50px;
	color:#609;}
.hguias {
	font:30px "Champagne & Limousines";
	font-weight:bold;
	text-align:left;
	color:#39C;}
.hguias2{
	font:30px "Champagne & Limousines";
	font-weight:bold;
	text-align:center;
	color:orange;}
.pguias {
	font:18px "Champagne & Limousines";
	font-weight:700;
	font-size:12x;
	text-align:justify;}
	

/*HAZ MÁS CON TU DINERO*/
#divtemas1 {
	width:77%;
	height:auto;}
.arttemas {
	width:65%;
	height:auto;
	margin-top:20px;
	margin-left:10px;
	background:white;
	border-radius:30px;
	padding:30px;
	float:left;
	display:inline-block;
		
}
	
.asidetemas {
	width:28%;
	height:auto;
	background:white;
	border-radius:30px;
	margin-top:20px;
	margin-left:30px;
	float:left;
	position:relative;}
	
.divtemas {
	margin:20px;
	text-align:center}
	
.htitulotemas {
	font:40px "Champagne & Limousines";
	font-weight:bold;
	text-align:left;
	margin-left:50px;
	color:orange;}
.heventos {
	font:30px "Champagne & Limousines";
	font-weight:bold;
	text-align:left;
	color:green;}
.heventos2{
	font:30px "Champagne & Limousines";
	font-weight:bold;
	text-align:center;
	color:#909;}
.ptemas {
	font:18px "Champagne & Limousines";
	font-weight:700;
	font-size:12x;
	text-align:justify;}

.social{
	position:fixed;
	left: 0;
	top:200px;
	z-index:2000;
}

.social ul{
	list-style:none;
}

.social ul li a {
	display:inline-block;
	color: #fff;
	background:#000;
	padding:15px 20px;
	text-decoration: none;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.social ul li .icon-facebook {background:rgb(146,185,16);}
.social ul li .icon-twitter {background:#00abf0;}
.social ul li .icon-google-plus {background:#f25724;}
.social ul li .icon-youtube3 {background:#ff0000;}
.social ul li .icon-mail2 {background:#666666;}

.social ul li a:hover {
	padding: 15px 40px;
	background:#000;
	}
	/**********mensajes*/
	
	
	
	
	
	
	
	
a.tooltips span {
  position: absolute;
  width:340px;
  color: #FFFFFF;
  background: #000000;
  height: 60px;
  line-height: 15px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
  text-align: center;

   bottom: 30px;
-webkit-transition:  bottom .1s linear ;

}

a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {

  visibility: visible;
  opacity: 0.8;
  bottom: 50px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}
	
	
	.videoscondu > ul >li >a ,.videoscondu > ul >li > ul >li > a ,.videoscondu > ul >li 

{
color:#609;
text-decoration:none;   
	}
	.videoscondu > ul >li >a:active

{
color:red;
	}
	
		.videoscondu > ul >li >a:hover  ,.videoscondu > ul >li > ul >li > a:hover
		

{
	position:relative;
color:#093;
font-size:20.5px;
	}
	



.visitas2
{

	display:inline-block;
	width:320px;
	padding-top:30px;
	
	}
	
.regresar	
{	display:inline-block; position:relative; right:15%; top:-10px; }

.regresar:hover

    {
	transform:scale(1.1);	
	}

/***********************************************************************/
.presupuesto

{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/bannerpresupuesto.png);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	

	
	}
	.presupuesto:hover

{
	 background-image: url(images/segpresupuesto.png)
	
	}


.ahorro

{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/bannerahorro.png);
	
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	

	
	}
	.ahorro:hover

{
	 background-image: url(images/segahorro.png);
	
	}
	
	
	
	.sectorrural
	
	{
	margin-bottom:20px;
	border-radius:15px;
	background-image: url(images/banner_FND.png);
	-webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	}
	
	
	.sectorrural:hover
{
	
	  background-image: url(images/banner_FND2_2.png);
	
	}
	

	
	


.fraudes
{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/banner_fraudes1.png);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	
	
	}
	
		.fraudes:hover

{
	 background-image: url(images/banner_fraudes2.png);
	
	}
	

.credito

{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/bannercredito.png);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	

	
	}
	.credito:hover

{
	 background-image: url(images/segcredito.png);
	
	}
	
.inversion

{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/bannerinversion.png);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	

	
	}
	.inversion:hover

{
	 background-image: url(images/seginversion.png);
	
	}	
	
	.seguro

{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/bannerseguros.png);
	-webkit- transition:all 300ms ease-in;
	 transition:all 300ms ease-in;

	}
	.seguro:hover

{
 background-image: url(images/segseguro.png);
}
	
	
	.retiro

{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/bannerretiro.png);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	

	
	}
	.retiro:hover

{
	 background-image: url(images/segretiro.png);
	
	}
	
	
	.remesas

{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/bannerremesas.png);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	

	
	}
	.remesas:hover

{
	 background-image: url(images/segremesas.png);
	
	}
	

.buro

{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/banner_BEF1.png);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	

	
	}
	.buro:hover

{
	 background-image: url(images/banner_BEF2.png);
	
	}
	
	.corresponsales

{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/bannercorresponsales.png);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	

	
	}
	.corresponsales:hover

{
	 background-image: url(images/segcorresponsales.png);
	
	}
	
	
	
	
	.personasmayores

{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/personasadultasmayores.jpg);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	

	
	}
	.personasmayores:hover

{
	 background-image: url(images/personasadultasmayoresb.jpg);
	
	}
	
	
	.revisa

{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/bannerrevisa.png);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	

	
	}
	.revisa:hover

{
	 background-image: url(images/segrevisa.png);
	
	}
	
	
	.hablar

{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/bannerhablar.png);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	

	
	}
	.hablar:hover

{
	 background-image: url(images/seghablar.png);
	
	}
	
	
	
	.conduque

{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/bannerconduque.png);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	

	
	}
	.conduque:hover

{
	 background-image: url(images/segconduque.png);
	
	}
	
	
	.mexicoaldia

{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/bannermexico.png);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	

	
	}
	.mexicoaldia:hover

{
	 background-image: url(images/segmexico.png);
	
	}
	
	.capitalemprendedor

{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/CapitalEmprendedor.png);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	

	
	}
	.capitalemprendedor:hover

{
	 background-image: url(images/CapitalEmprendedor2.png);
	
	}
	
	/*************/
	
	
	
	/******haz mas con tu dinero***************/
	
	
	.dinero2
	
	{ 
	
	
	 height:423px;
	width:1104px; 
		background:url(images/hazmascontudinero/dinero.png);
		-webkit-transition:all 600ms ease-in;
	transition:all 600ms ease-in; -ms-transition:all 600ms ease-in;
		-moz-transition:all 600ms ease-in;
		
		}
		
		.dinero2:hover
	
	{  height:423px;
	width:1104px; 
		background:url(images/hazmascontudinero/dinero2.png);
		
		
		} 
		/*-------------------------------------------*/
			.Dpresupuesto

{	background-image: url(images/DPresupuesto.png);
	 width:243px;
	 height:61px;
	 position:relative;
	 top:60px;
	 right:440px;
}
		
					.Dpresupuesto:hover

{
	-webkit-transform:scale(0.9); -ms-transform:scale(0.9);
	transform:scale(0.9); -ms-transform:scale(0.9);
}
	
/*-------------------------------------------*/
			.Dahorro

{	background-image: url(images/DAhorro.png);
	 width:223px;
	 height:61px;
	 position:relative;
	 top:130px;
	 right:430px;
}
		
					.Dahorro:hover

{
	-webkit-transform:scale(0.9); -ms-transform:scale(0.9);
	transform:scale(0.9); -ms-transform:scale(0.9);
}
			
/*-------------------------------------------*/
			.Dseguro

{	background-image: url(images/DSeguro.png);
	 width:223px;
	 height:61px;
	 position:relative;
	 top:210px;
	 right:300px;
}
		
					.Dseguro:hover

{
	-webkit-transform:scale(0.9); -ms-transform:scale(0.9);
	transform:scale(0.9); -ms-transform:scale(0.9);
}

/*-------------------------------------------*/

			.Dinversion

{	background-image: url(images/DInversion.png);
	 width:223px;
	 height:61px;
	 position:relative;
	 top:-180px;
	 right:-345px;
}
		
					.Dinversion:hover

{
	-webkit-transform:scale(0.9); -ms-transform:scale(0.9);
	transform:scale(0.9); -ms-transform:scale(0.9);
}
	
/*-------------------------------------------*/
			.Dcredito

{	background-image: url(images/DCredito.png);
	 width:223px;
	 height:61px;
	 position:relative;
	 top:-90px;
	 right:-320px;
}
		
					.Dcredito:hover

{
	-webkit-transform:scale(0.9); -ms-transform:scale(0.9);
	transform:scale(0.9); -ms-transform:scale(0.9);
}

/*-------------------------------------------*/
			.Dretiro

{	background-image: url(images/Dretiro.png);
	 width:223px;
	 height:61px;
	 position:relative;
	 top:-13px;
	 right:-340px;
}
		
					.Dretiro:hover

{
	-webkit-transform:scale(0.9); -ms-transform:scale(0.9);
	transform:scale(0.9); -ms-transform:scale(0.9);
}
	
/*-------------------------------------------*/
			.Dparapeques

{
	width:100px;
	height:100px;	
background-image: url(images/Dparapeques.png);
background:no-repeat;

}
		
					.Dparapeques:hover

{
	background-image: url(images/Dparapequesselect.png);
	
}	


/*-------------------------------------------*/

	.mexicanosext

{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/MEXICANOS.png);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
	

	
	}
	.mexicanosext:hover

{
	 background-image: url(images/MEXICANOS2.png);
	
	}
			
			
	/*******haz mas con tu dinero*****
	
	
	
	
	
	
	
	
	/////////*****************INDEX***********************/
	
	
	.play:hover
	
	{ 
	transform : scale(0.9);
		-moz-transform : scale(0.9);
		-webkit-transform : scale(0.9);
		-o-transform : scale(0.9);
		-ms-transform : scale(0.9);	
		
		
		
		}
	
	
	.materialeducativo
	{
		transform : scale(1.0);
		-moz-transform : scale(1.0);
		-webkit-transform : scale(1.0);
		-o-transform : scale(1.0);
		-ms-transform : scale(1.0);	
		
		/*TRANSICIÓN LENTA*/
		-webkit-transition: all 500ms ease-in;
   		transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
		-o-transform : all 500ms ease-in;
		-ms-transform : all 500ms ease-in;
	}

	.materialeducativo:hover
	{
		transform : scale(1.2);
		-moz-transform : scale(1.2);
		-webkit-transform : scale(1.2);
		-o-transform : scale(1.2);
		-ms-transform : scale(1.2);
		
		/* sombra paralela + Brillo */
		
		-webkit-filter:drop-shadow(10px 10px 4px rgba(0,0,0,0.8)) brightness(1.1);
		filter:drop-shadow(10px 10px 4px rgba(0,0,0,0.8)) brightness(1.1);		
	}
	
	
		.materialeducativo2
	{
		transform : scale(1.0);
		-moz-transform : scale(1.0);
		-webkit-transform : scale(1.0);
		-o-transform : scale(1.0);
		-ms-transform : scale(1.0);	
		
		/*TRANSICIÓN LENTA*/
		-webkit-transition: all 500ms ease;
   		transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transform : all 500ms ease;
		-ms-transform : all 500ms ease;
	}
	
		.materialeducativo2:hover
	{
		transform : scale(1.1);
		-moz-transform : scale(1.1);
		-webkit-transform : scale(1.1);
		-o-transform : scale(1.1);
		-ms-transform : scale(1.1);
		
		/* sombra paralela + Brillo */
		
		-webkit-filter:drop-shadow(10px 10px 4px rgba(0,0,0,0.8)) brightness(1.1);
		filter:drop-shadow(10px 10px 4px rgba(0,0,0,0.8)) brightness(1.1);		
	}
	
		.materialeducativo3
	{
		transform : scale(1.0);
		-moz-transform : scale(1.0);
		-webkit-transform : scale(1.0);
		-o-transform : scale(1.0);
		-ms-transform : scale(1.0);	
		
		/*TRANSICIÓN LENTA*/
		-webkit-transition: all 500ms ease;
   		transition: all 500ms ease;
		-moz-transition: all 500ms ease;
		-o-transform : all 500ms ease;
		-ms-transform : all 500ms ease;
	}
	
		.materialeducativo3:hover
	{
		transform : scale(1.1);
		-moz-transform : scale(1.1);
		-webkit-transform : scale(1.1);
		-o-transform : scale(1.1);
		-ms-transform : scale(1.1);
		
		/* sombra paralela + Brillo */
		
		-webkit-filter:drop-shadow(10px 10px 4px rgba(0,0,0,0.8)) brightness(1.04);
		filter:drop-shadow(10px 10px 4px rgba(0,0,0,0.8)) brightness(1.04);		
	}
	
	
	
	
	
	
	.cursosyprogramas1
	{
		transform : scale(1.0);
		-moz-transform : scale(1.0);
		-webkit-transform : scale(1.0);
		-o-transform : scale(1.0);
		-ms-transform : scale(1.0);	
		
		/*TRANSICIÓN LENTA*/
		-webkit-transition: all 500ms ease-in;
   		transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
		-o-transform : all 500ms ease-in;
		-ms-transform : all 500ms ease-in;
		
		-webkit-filter:grayscale(0.1);
		filter:grayscale(0.1);	
	}
	
	.cursosyprogramas1:hover
	{				
		transform : scale(1.2) rotate(-5deg);
		-moz-transform : scale(1.2) rotate(-5deg);
		-webkit-transform : scale(1.2) rotate(-5deg);
		-o-transform : scale(1.2) rotate(-5deg);
		-ms-transform : scale(1.2) rotate(-5deg);
		
		-webkit-filter:grayscale(0) brightness(1.1);
		filter:grayscale(0) brightness(1.1);
	}
	
	.cursosyprogramas2
	{
		transform : scale(1.0);
		-moz-transform : scale(1.0);
		-webkit-transform : scale(1.0);
		-o-transform : scale(1.0);
		-ms-transform : scale(1.0);	
		
		/*TRANSICIÓN LENTA*/
		-webkit-transition: all 500ms ease-in;
   		transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
		-o-transform : all 500ms ease-in;
		-ms-transform : all 500ms ease-in;
		
		-webkit-filter:grayscale(0.1);
		filter:grayscale(0.1);	
	}
	
	.cursosyprogramas2:hover
	{				
		transform : scale(1.2) rotate(5deg);
		-moz-transform : scale(1.2) rotate(5deg);
		-webkit-transform : scale(1.2) rotate(5deg);
		-o-transform : scale(1.2) rotate(5deg);
		-ms-transform : scale(1.2) rotate(5deg);
		
		-webkit-filter:grayscale(0) brightness(1.1);
		filter:grayscale(0) brightness(1.1);
	}
	
	
	.parapeques
	{
	
	/*TRANSICIÓN LENTA*/
		-webkit-transition: all 500ms ease-in;
   		transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
		-o-transform : all 500ms ease-in;
		-ms-transform : all 500ms ease-in;
	
	}
	
	
	#fondo #pop {
	

   -webkit-animation-name:ve; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration:0.3s; /* Safari 4.0 - 8.0 */
    animation-name:ve;
    animation-duration:0.3s;
	animation-timing-function:linear;
	
		
	
}

.pop{	

   -webkit-animation-name:ve; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration:0.3s; /* Safari 4.0 - 8.0 */
    animation-name:ve;
    animation-duration:0.3s;
	animation-timing-function:linear;		
	
}		

	
	.parapeques:hover
	{
		border-radius:20%;
        -webkit-border-radius:20%;
		
		transform : scale(1.2);
		-moz-transform : scale(1.2);
		-webkit-transform : scale(1.2);
		-o-transform : scale(1.2);
		-ms-transform : scale(1.2);
		
		
         box-shadow: 0px 0px 15px 15px #2C8862;
		-webkit-box-shadow: 0px 0px 15px 15px #2C8862;
		
		/*
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		*/

	}
	
	
	
	
	
	
	
	.MATERIALES
	{
	
	/*VELOCIDAD*/
		-webkit-transition: all 750ms ease-in-out;
   		transition: all 750ms ease-in-out;
		-moz-transition: all 750ms ease-in-out;
		-o-transform : all 750ms ease-in-out;
		-ms-transform : all 750ms ease-in-out;
		 	
		-webkit-filter:grayscale(.3);
		filter:grayscale(.3);		
		
	/*	background:url(images/MATERIALES.png) no-repeat;*/
 
		/*content:url(images/MATERIALES.png);	*/
	}
	
	
	.MATERIALES:hover
    {

   -webkit-transform: scale(1) rotateY(360deg);
   -ms-transform: scale(1) rotateY(360deg);
    transform: scale(1) rotateY(360deg);
		
		-webkit-filter:grayscale(0);
		filter:grayscale(0);
		
	/*	background:url(images/MATERIALES2.png) no-repeat;*/
		
	
		/*content:url(images/MATERIALES2.png);*/
	}
	
	.BTNALCANCIA
	{
	
	/*VELOCIDAD*/
		-webkit-transition: all 750ms ease-in-out;
   		transition: all 750ms ease-in-out;
		-moz-transition: all 750ms ease-in-out;
		-o-transform : all 750ms ease-in-out;
		-ms-transform : all 750ms ease-in-out;
		 	
		-webkit-filter:grayscale(.3);
		filter:grayscale(.3);		
		
		/*background:url(images/ninos_4.png) no-repeat;*/
		/*content:url(images/ninos_4.png);	*/
	}
	
	
	.BTNALCANCIA:hover
    {

   -webkit-transform: scale(1) rotateY(360deg);
   -ms-transform: scale(1) rotateY(360deg);
    transform: scale(1) rotateY(360deg);
		
		-webkit-filter:grayscale(0);
		filter:grayscale(0);
		
	/*	background:url(images/ninos_42.png) no-repeat;*/
		/*content:url(images/ninos_42.png);*/
	}
	
	.sabias:hover
    {

   
	border:#000 4px solid;
		
		
	/*	background:url(images/ninos_42.png) no-repeat;*/
		/*content:url(images/ninos_42.png);*/
	}
	
	.sabias
    {

  border:white 4px solid;
	}
	
	
.BTNDIBUJA
	{
	
	/*VELOCIDAD*/
		-webkit-transition: all 750ms ease-in-out;
   		transition: all 750ms ease-in-out;
		-moz-transition: all 750ms ease-in-out;
		-o-transform : all 750ms ease-in-out;
		-ms-transform : all 750ms ease-in-out;
		 	
		-webkit-filter:grayscale(.3);
		filter:grayscale(.3);		
		
	/*background:url(images/ninos_5.png) no-repeat;*/
		/* content:url(images/ninos_5.png);	 */
	}
	
	
	.BTNDIBUJA:hover
    {

   -webkit-transform: scale(1) rotateY(360deg);
   -ms-transform: scale(1) rotateY(360deg);
    transform: scale(1) rotateY(360deg);
		
		-webkit-filter:grayscale(0);
		filter:grayscale(0);
		
		/*background:url(images/ninos_52.png) no-repeat;*/
		/* content:url(images/ninos_52.png); */
	}
	
	.btnhazmas
	{
		transform : scale(1.0);
		-moz-transform : scale(1.0);
		-webkit-transform : scale(1.0);
		-o-transform : scale(1.0);
		-ms-transform : scale(1.0);	
		
		/*TRANSICIÓN LENTA*/
		-webkit-transition: all 500ms ease-in;
   		transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
		-o-transform : all 500ms ease-in;
		-ms-transform : all 500ms ease-in;
		
		-webkit-filter:grayscale(0.4);
		filter:grayscale(0.4);	
		z-index:2;
	}
	
	.btnhazmas:hover
	{				
		transform : scale(1.2) rotate(5deg);
		-moz-transform : scale(1.2) rotate(5deg);
		-webkit-transform : scale(1.2) rotate(5deg);
		-o-transform : scale(1.2) rotate(5deg);
		-ms-transform : scale(1.2) rotate(5deg);
		
		-webkit-filter:grayscale(0) brightness(1.1);
		filter:grayscale(0) brightness(1.1);
	}
	
		.btneventos
	{
		transform : scale(1.0);
		-moz-transform : scale(1.0);
		-webkit-transform : scale(1.0);
		-o-transform : scale(1.0);
		-ms-transform : scale(1.0);	
		
		/*TRANSICIÓN LENTA*/
		-webkit-transition: all 500ms ease-in;
   		transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
		-o-transform : all 500ms ease-in;
		-ms-transform : all 500ms ease-in;
		
		-webkit-filter:grayscale(0.4);
		filter:grayscale(0.4);	
		z-index:1;
	}
	
	
@keyframes ve {
    0%   { 
	-webkit-transform:scale(0.1);
      transform:scale(0.1);}
	75% {-webkit-transform:scale(1.1);
      transform:scale(1.1);
		}
100% {
	-webkit-transform:scale(1);
      transform:scale(1);
	  }
	
}
	
	
	.btneventos:hover
	{				
		transform : scale(1.2) rotate(-5deg);
		-moz-transform : scale(1.2) rotate(-5deg);
		-webkit-transform : scale(1.2) rotate(-5deg);
		-o-transform : scale(1.2) rotate(-5deg);
		-ms-transform : scale(1.2) rotate(-5deg);
		
		-webkit-filter:grayscale(0) brightness(1.1);
		filter:grayscale(0) brightness(1.1);
	}
	
		.btnconocecondusef
	{
		transform : scale(1.0);
		-moz-transform : scale(1.0);
		-webkit-transform : scale(1.0);
		-o-transform : scale(1.0);
		-ms-transform : scale(1.0);	
		
		/*TRANSICIÓN LENTA*/
		-webkit-transition: all 500ms ease-in;
   		transition: all 500ms ease-in;
		-moz-transition: all 500ms ease-in;
		-o-transform : all 500ms ease-in;
		-ms-transform : all 500ms ease-in;
		
		-webkit-filter:grayscale(0.1);
		filter:grayscale(0.1);
		z-index:3;			
	}
	
	.btnconocecondusef:hover
	{				
		transform : scale(1.2) rotate(5deg);
		-moz-transform : scale(1.2) rotate(5deg);
		-webkit-transform : scale(1.2) rotate(5deg);
		-o-transform : scale(1.2) rotate(5deg);
		-ms-transform : scale(1.2) rotate(5deg);
		
		-webkit-filter:grayscale(0) brightness(1.1);
		filter:grayscale(0) brightness(1.1);
		
	}
	
	.divzindexprincipal
	{
		z-index:auto;	
		}
	
	.divzindexprincipal:hover
	{
		z-index:100;	
		}
		
	.cuadernoseducativos
{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/banner_Videos_Educativos.png);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
		
	}
	
	.cuadernoseducativos:hover
{
	 background-image: url(images/banner_Videos_Educativos2.png);	
	}
	
	.cuadernosEF
{
	
	margin-bottom:20px;
	
	border-radius:15px;
	 background-image: url(images/banner_EF.PNG);
	 -webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;
		
	}
	
	.cuadernosEF:hover
{
	 background-image: url(images/banner_EF_hover.png);	
	}
	
	
	.btnenvozde{
		background:url(images/btn_En_Voz%20de.jpg );
		
		-webkit- transition:all 300ms ease-in;
		transition:all 300ms ease-in;
		}
	
	.btnenvozde:hover{
		transform : scale(1.2) rotate(5deg);
		-moz-transform : scale(1.2) rotate(5deg);
		-webkit-transform : scale(1.2) rotate(5deg);
		-o-transform : scale(1.2) rotate(5deg);
		-ms-transform : scale(1.2) rotate(5deg);
		
		background:url(images/btn_En_Voz%20de.gif);
		}
		
		.btnsabiasque{
		background:url(images/curi.png);
		
		-webkit- transition:all 300ms ease-in;
		transition:all 300ms ease-in;
		}
	
		.btnsabiasque:hover{
		background:url(images/curi.png);
		
		transform : scale(1.2) rotate(-5deg);
		-moz-transform : scale(1.2) rotate(-5deg);
		-webkit-transform : scale(1.2) rotate(-5deg);
		-o-transform : scale(1.2) rotate(-5deg);
		-ms-transform : scale(1.2) rotate(-5deg);
		
		
		}
		
		.btnevalua{
		background:url(images/btn_encuesta.jpg);
		
		-webkit- transition:all 300ms ease-in;
		transition:all 300ms ease-in;
		}
	
	.btnevalua:hover{
		background:url(images/btn_encuesta.gif);
		
		transform : scale(1.2) rotate(5deg);
		-moz-transform : scale(1.2) rotate(5deg);
		-webkit-transform : scale(1.2) rotate(5deg);
		-o-transform : scale(1.2) rotate(5deg);
		-ms-transform : scale(1.2) rotate(5deg);		
	
		}
		

#btnregresar	
{	
height:45px;

background:url(images/btn_regresar_activo.png);	
background-repeat:no-repeat;
background-position:center;
background-size:contain;
 }

#btnregresar:hover

    {
background:url(images/btn_regresar.png);	
background-repeat:no-repeat;
background-position:center;
background-size:contain;

	   -ms-transform:scale(1.2);
	   -webkit-transform:scale(1.2);
	   transform:scale(1.2);
	   
	-webkit-transition:  .8s ease;
	-moz-transition:  .8s ease;
	-o-transition:  .8s ease;
	-ms-transition:  .8s ease;
 	transition:  .8s ease;
	}
/************************************************* FINANZAS SOSTENIBLES **********************************/
#btnfinansost

{	
	border-radius:30px;
	-webkit- transition:all 300ms ease-in;
	transition:all 300ms ease-in;

	-webkit-filter:brightness(.9);
	filter:brightness(.9);
	
	-webkit-transition:  1.1s ease;
	-moz-transition:  1.1s ease;
	-o-transition:  1.1s ease;
	-ms-transition:  1.1s ease;
 	transition:  1.2s ease;
	
	
}
		
#btnfinansost:hover

{

	-ms-transform: scale(.95); /* IE 9 */
    -webkit-transform: scale(.95); /* Safari */
    transform: scale(.95); 

/* sombra paralela + Brillo */
		-webkit-filter:drop-shadow(10px 10px 4px rgba(0,0,0,0.8)) brightness(1.1);
		filter:drop-shadow(10px 10px 4px rgba(0,0,0,0.8)) brightness(1.1);	
	
/*TRANSICIÓN LENTA*/
		-webkit-transition: all 1500ms ease;
   		transition: all 1500ms ease;
		-moz-transition: all 1500ms ease;
		-o-transform : all 1500ms ease;
		-ms-transform : all 1500ms ease;



}
