body {
   
font-family: 'Oxygen', sans-serif;
margin: 0
}
button:hover { 
transform: scale(1.03)	
}
nav{
margin-top:4px
}
p{
color:#212121
}
hr{
margin: 15px 0
}
ul{
color:#93c436;
content: '\f101'
}

header{
width: 100%;
height: 60px;
background:#fff;
position: fixed;
top: 0;
left: 0;
z-index: 100
}
/*----------------mapa del sitio---------------*/
.capa-ruta{
top:0;
left:0;
vertical-align:top;
margin:10px 5px
}

.text-2{
    font-weight:bold;
    
}
.ruta-nav{
float:center;
color:#848a90;
max-width:920px;
text-decoration:none;
font-family: 'Oxygen', sans-serif;
margin:10px 0;
float:center;
line-height:-1;
color:#848a90;
max-width:920px;
text-decoration:none;
font-family: 'Oxygen', sans-serif
}
.breadcrumbs{
font-size:14px;
color:#212121;
text-decoration:none;
list-style:none;
right:0
}
.breadcrumbs a{
color:#212121
}

.icon-youtube{
margin:8px;
transition: width 1s, height 1s, transform 1s;
-moz-transition: width 1s, height 1s, -moz-transform 1s;
-webkit-transition: width 1s, height 1s, -webkit-transform 1s;
-o-transition: width 1s, height 1s,-o-transform 1s;/
width:5%;
vertical-align:center;
cursor:pointer
color:red;
}	

a:visited { 
color:#ff6e49;
text-decoration:none
}
a:link 
{ 
text-decoration:none; }
.showHere a{
text-decoration:none;
font-weight:bold
}
.showHere{
text-decoration:none;
font-size:14px;
color:#93c436;
font-weight:bold;
font-family: 'Oxygen', sans-serif
}
/*----------------Mapa del sitio----------------*/
.contenedor {
width: 920px;
margin: 0 auto;
margin: auto;
position: relative
}
.menu-trigger {
display: none;
-webkit-transition:.5s;
-moz-transition:.5s
}
.titulo {
font-family: 'Oxygen', sans-serif;
font-size: 38px;
margin-bottom: 0;
margin:0;
font-weight: 600;
letter-spacing:1px;
text-align:center
}
.title-a {
font-size: 22px;
margin-top: 0;
font-weight: normal;
z-index:2;
margin:0 auto;
text-align:center
}
/*----------menor de 920-menu--*/
@media (max-width:920px) 
{  
	.contenedor{
	width: 100%
	}
	.titulo{  
	margin:0;
	text-align:center
	}
	.title-a{  
	margin:0;
	text-align:center
	}
}
@media (max-width:840px) 
{  
	.portada h1{  
	font-family: 'Oxygen', sans-serif;
	font-size: 35px;
	margin-bottom: 0;
	font-weight: 600
	}
}
@media (max-width:612px){
	.portada h1{
	font-size: 28px	
	}
	.portada h3{
	font-size: 18px;
	margin-top: 0;
	font-weight: normal;
	z-index:2
	}
} 
@media (max-width:717px) {
	 .portada h3{
	font-size: 18.4px;
	margin-top: 0;
	font-weight: normal;
	z-index:2
   }
}
@media (max-width:412px) 
{  
	.capa-img-portal{
	position:relative;
	margin:0;
	margin-top:30px;
	height:200px
}
   .portada h1{   
	font-family: 'Oxygen', sans-serif;
	font-size: 27px;
	margin-bottom: 0;
	font-weight: 600;
	letter-spacing:1px
   }
   .portada h3{
	font-size: 15.4px;
	margin-top: 0;
	font-weight: normal;
	z-index:2
   }
   .portada{
	text-align: center
   }
   .portada .button {
    margin-bottom: 30px;
    display: inline-block;
	margin:23px 0  
  }
  
}
/*-----------menor de 920 menu--*/
button a{
color:#ff6e49
}
.margin{
margin:10px 1.5%;
alingn-items:center;
justify-content:center
}
/*-----Menu------*/
.capa-menu{
position:fixed;
width:100%;
background:white;
height:60px;
-webkit-box-shadow: 0px 1px 5px 1px rgba(225,110,73,1);
-moz-box-shadow: 0px 1px 5px 1px rgba(225,110,73,1);
box-shadow: 0px 1px 5px 1px rgba(225,110,73,1);
top:0;
z-index:6
}
.header {
	left:0;
	right:0
}
/*-------------------------------------------------NAV MENU*/
nav a{
	color: #363636
}
div.nav-menu {
right:0;
padding:20px 0 3px 0; /*----------------------------------cambio*/
display:flex-end;
position:float; /*----------------------------------cambio*/
text-align:right;
justify-content:right;
font-size:15.5px;
top:-43px;
float:right;
color:#212121;
z-index:200;
width:auto /*----------------------------------cambio*/
}
div.nav-menu ul {
margin: 0;
padding:0
}
div.nav-menu ul li {
list-style: none;
display:inline-block
}
.menu  a{
list-style: none;	
bmargin:0;
letter-spacing: 1px;
text-align:left
}
div.nav-menu ul li a:link,
div.nav-menu ul li a:visited {
font-size: 100%;
color:#212121;
text-decoration: none;
text-align:center;
padding:0 10px 		
}
/*-------------------------------------------------NAV MENU*/
.logotipo {
  display: inline-block;
  left:0;
  margin:10px 6px
}
/*-----Menu------*/
/*//////////////////////////////////////////////////▲▲ IMAGENES GIF ▲▲//////////////////////////////////////////////77//*/
.dropdown-menu{  /*efecto de devanecencia*/
-webkit-transition:  .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; 
-webkit-transition-property: top;
-webkit-transition-duration: 0.3s
}
.dropdown-menu {  /*fondo y propiedades de la capa*/
position: absolute;
z-index: 1000;
list-style: none;
text-decoration:none;
top: -200%;
border:1px solid #ff6e49;
border-radius:13px;
padding:0;
opacity: 0
}
.dropdown-menu:before{  /*flechita*/
content: "";
position: absolute;
top: -20px;
margin:0 auto;
width:2px;
left: 37% ;
opacity: 3 ;
margin:0 auto 0 auto;
border-style: solid;
border-width: 10px;
border-color: transparent transparent #93c436 transparent
}   
.dropdown:hover > .dropdown-menu {  /*efecto de aparicion*/
opacity: 1 ;
top: 62px ;      
visibility: visible; 
margin:0;
padding:0;
margin-left:37px
}
/*-----------------imagenes gif 2-----------------------*/
.dropdown-1menu{  /*efecto de devanecencia*/
-webkit-transition:  .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; 
-webkit-transition-property: top;
-webkit-transition-duration: 0.3s
}
.dropdown-1menu {  /*fondo y propiedades de la capa*/
position: absolute;
z-index: 1000;
list-style: none;
text-decoration:none;
top: -200%;
border:1px solid #96c63a;
border-radius:13px;
margin:0 auto;
opacity: 0
}
.dropdown-1menu:before{  /*flechita*/
content: "";
position: absolute;
top: -20px;
margin:0 auto;
width:2px;
float:right;
margin:0 auto;
left:40%;
opacity: 3 ;
margin:0 auto 0 auto;
border-style: solid;
border-width: 10px;
border-color: transparent transparent #93c436 transparent
}  
.dropdown-1:hover > .dropdown-1menu {  /*efecto de aparicion*/
opacity: 1 ;
top: 62px ;       
visibility: visible ;
margin-left:47px
}
/*-----------------imagenes gif 2-----------------------*/
/*-----------------imagenes gif 3-----------------------*/

.dropdown-2menu{  /*efecto de devanecencia*/
-webkit-transition:  .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; 
-webkit-transition-property: top;
-webkit-transition-duration: 0.3s
}
.dropdown-2menu {  /*fondo y propiedades de la capa*/
position: absolute;
z-index: 1000;
list-style: none;
text-decoration:none;
top: -200%;
border:1px solid #96c63a;
border-radius:13px;
margin:0 auto;
opacity: 0
}
.dropdown-2menu:before{  /*flechita*/
content: "";
position: absolute;
top: -20px;
margin:0 auto;
width:2px;
left:40%;
opacity: 3 ;
margin:0 auto 0 auto;
border-style: solid;
border-width: 10px;
border-color: transparent transparent #93c436 transparent
 }   
.dropdown-2:hover > .dropdown-2menu {  /*efecto de aparicion*/
opacity: 1 ;
top: 62px ;        
visibility: visible;
margin-left:63px
}
/*-----------------imagenes gif 3-----------------------*/
/*-----------------imagenes gif mobile-----------------------*/
.avatar-mobile{
display:none
}

.avatar-mobile-3{
display:none
}

.avatar-mobile img{
display:block;	
float:right;
border-radius:13px;
margin-right:-10px;
margin:10px;
top:30px
}

@media (max-width:820px) 
{  
	.avatar{
		display:none;	
	}
   .avatar-mobile{
	display:block;	
	float:left;
	margin-top:-16px;
	right:-300px;
	position:static

}
	.avatar-mobile-3{  /*Flechita menu mobile*/
	display:block;
	margin-top:10px;
	float:left;
	left:0;
	position:float;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #93c436
}
	.avatar-mobile img{
	display:block;	
	float:right;
	border-radius:13px;
	margin:10px;
	left:0
}
}
/*-----------------imagenes gif mobile-----------------------*/
div.avatar {
/* cambia estos dos valores para definir el tamaño de tu círculo */
height: 75px;
width: 85px;	
/* los siguientes valores son independientes del tamaño del círculo */
background-repeat: no-repeat;
opacity:0.9;
margin:0 ;
padding:0;
border-radius:13px;
background-size:85px
}

/*//////////////////////////////////////////////////▲▲ IMAGENES GIF ▲▲//////////////////////////////////////////////77//*/
/*//////////////////////////////////////////////////▼▼ ANIMACIONES ▼▼//////////////////////////////////////////////////77//*/
/*-----------------imagenes gif-----------------------*/

.capa-form{
margin-top:16%;
display: flex;
/* alineacion vertical */
text-align: center ;
/* alineacion horizontal */
justify-content: center;
flex-direction:column
	
}
@media (max-width:744px) 
	{  
	.dropdown-menu{
		display:none;
		width: 0;
		right:0;
		height:0
	}
	.dropdown-1menu{
		display:none;
		width: 0;
		right:0;
		height:0
	}
	.dropdown-2menu{
		display:none;
		width: 0;
		right:0;
		height:0
	}
	.dropdown-3menu{
		display:none;
		width: 0;
		right:0;
		height:0
	}
     div.avatar{
	display:none
     }
   .dropdown-1:hover > .dropdown-1menu {  /*efecto de aparicion*/
	display:none
	}
    .dropdown:hover > .dropdown-menu {  /*efecto de aparicion*/   
	display:none
	}
	.dropdown-2:hover > .dropdown-2menu {  /*efecto de aparicion*/
	display:none
	}
	.dropdown-3:hover > .dropdown-3menu {  /*efecto de aparicion*/
	display:none
	}
	.dropdown-menu {
		display:none
	}
	.dropdown-1menu {
		display:none
	}
	.dropdown-2menu {
		display:none
	}
	.dropdown-3menu {
		display:none
	}
	.dropdown-menu{
		display:none	
	}
}
/*--------------------------------------------------IMAGENES GIF*/
/*-----------------imagenes gif-----------------------*/
@media (max-width:618px) 
	{  
	.dropdown-5:hover > .dropdown-3menu {  /*efecto de aparicion*/
	display:none
	}
	.dropdown-5menu {
		display:none
	}
}
@media screen and (max-width: 820px) {   /*------------------------cambio*/
	.menu-trigger {
	display: inline-block;  /*------------------------------------cambio*/
	color: #305782;	
	position:float;
	float:right;
	padding: 5px;
	text-align: right;
	font-size: 83%;
	cursor: pointer;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	z-index:40;
	margin-top:7px  /*------------------------------------cambio*/
	}
	.menu-trigger {
	font-size:20px;
	color:#848a90
	}
	.menu-trigger img {
	margin-right:8px
	}

    .logo-imagen{
     display:none
    }

	div.nav-menu {
	display: none;
	margin: 0 auto;
	padding-left:0;
	top:1px;  /*----------------------------------cambio2*/
	color:#fff;
	width:100%;  /*----------------------------------cambio2*/
	background:#030303;
	position:relative;
	opacity:0.9;
	z-index:2
	}
	div.nav-menu a {
		justify-content:left;
		text-align: left ;
		color:#ff6e49;
		justify-content:left
	}
	div.nav-expanded {
	    display: block
	}
	div.nav-menu ul li {
		float: none;
		border-bottom: 1px solid white;
		display: block;
		font-size:25px;
		color:#fff;
		justify-content:left;
		text-align: left 
	}
	.nav-menu li:first-child {
	    border-top: 1px solid white;
		margin-top:-15px  /*----------------------------------cambio*/
	}
	div.nav-menu ul li:last-child {
	    border-bottom: 1px solid white
	}
	div.nav-menu ul  {
	    display:block
	}
	div.nav-menu ul li a:link,
	div.nav-menu ul li a:visited {
		display:block;
		font-size: 100%;
		padding: 15px 40px 25px 30px;
		text-decoration: none;
		text-align:left;
		padding:none;
		color:#fff
	}
}
/*-----------------------------------------------*/
/*---------------------Propiedades de video*/
video::-internal-media-controls-download-button {
display:none
}
/*-----Banner ppl------*/
.capa-ruta{
widows:100%;
padding:13px;
margin:10px 5px
}
/*-------------------------------Proppiedades capa princiapal*/
.capa-ppl{
overflow:hidden;
width:100%;
position:relative;
left:0;
right:0;
display:flex
}
/*-----Wrap servicios------*/
.capa-linea{
width:100%;
height:13px
  /* ------------------------------------------------------------capa linea- */	
}
#content{
	overflow:hidden
}
.capa-text{
-ms-display: flex;
display: flex;
/* alineacion vertical */
/* alineacion horizontal */
flex-direction:column
	
}
.capa-text span{

font-size:25px;
color:#fff
}
.capa-texto-form {
 margin:0 0;
padding:0 0
}
.text-1{
    
    font-size:45px;
}
#system-message dt{
display:none
}
#info{

width:100%;
display:inline-block;
height:default;
background:#000;
box-sizing:border-box;
background:#fff;

background-size: cover !important; 
background-position: center !important; 
-ms-display: flex;
display: flex
}


.capa-video{

margin:0;
width:100%;
padding:0;
height:70vh;
margin-top:5%;
-ms-display: flex;
display: flex;
/* alineacion ver
/* alineacion horizontal */
justify-content: center;
flex-direction:column;
align-items:center	
}
#tecnologias{
background:#fff;
width: 70% ;
display:inline-block;
display:inline-block;
z-index:3;
height:default;
background-size: cover !important; 
background-position: center !important; 
-ms-display: flex;
display: flex;
/* alineacion vertical */
text-align: center ;
/* alineacion horizontal */
justify-content: center;
flex-direction:column
}



.text-1{
    font-weight:bold;
}


@media (max-width: 774px){
	.capa-linea{
	width:100%;
	height:43px
	}
	.capa-ppl{
	top:0;
	width:100%;
	padding:0;
	margin:0;
	position:relative;
	height:auto;
	display:block
	}
	.capa-ruta{
	padding:13px;
	margin:10px 5px
	}
	.acymailing_form input{
	display: block;
	justify-cantent:center;
	position:float;
	margin:0;
	float:center;
	align-items:center;
	padding:21px 3px;
	box-sizing: border-box;
	width:100%	
	}
	.acymailing_form {
	box-sizing: border-box;
	padding:0;
	margin:0;
	width:100%
	}
	.capa-form{
	margin:5% auto;
	padding:0	
	}
	.capa-texto-form {

	}
	.text-1{
   
    font-size:16px;
}
	.capa-texto-form span{
	font-size:16px;


	}
	video{
	width:100%
	}

	.capa-video{
	margin-top:-60px;
	align-items:none;
	width:100%;
	float:bottom;
	display:block;
	bottom:0;
	height:auto;

	}
	.capa-video a{
	position:float;
	float:center;
	display:block;
	font-size:10px;
	margin:0 auto;
	text-align: center;
	justify-content:center;
	padding:30px
	}

	.capa-video a div{
	position:float;
	margin-top:60px
	}
	#info{
	display:block;
	width:90%;
	height:auto;
	margin:0 auto;
	border-right:0;
	padding-bottom:0;
	margin-top:-7px
	}
	#tecnologias{
	display:block;
	width:100%;
	margin-top:0
	}
}

.capa-form span{
font-size:46px;
	text-align:left;
color:#212121;
margin:5px;

}

.acymailing_form{
width:82%;

}
@media (max-width: 612px){
.acymailing_form{
width:100%;

}
}
@media (max-width: 416px){
.capa-form  span{
	  font-size:20px;
	margin-bottom:3%;
	text-align:center;
  }
  

}
#acymailing_module_form{
background:red
}
#acyfield_name{
background:red
}
label{
color:#212121
}
.table.acymailing_form{
margin-top:150%
}

input, textarea {
color:#212121;
background-color: #ffffff;
border-radius: 5px;
box-shadow: none;
margin:8px auto;
padding:4px;
border:1px solid #212121;
height:30px;
font-size:19px;
box-shadow:0;
font-family: 'Oxygen', sans-serif
}
.button a{
margin:0;
padding:0;
}
input[type="value"]{
margin:0;
padding:0;
}
.button {
color: #212121;
vertical-align: middle;
padding:24px 24px;
float:left;
font-size:20px;
line-height: 1;
line-height: 0;
border: none;
background-color: #93c436;
border: 1px solid #f1f1f1;
border-radius: 10px;
border-bottom:2px solid #212121
}
.button:hover {
background: #96c63a;
color: #212121;
transition: all .1s ease-in-out;
transform: scale(1.03);
cursor: pointer;
border-bottom:2px solid #212121
}
input:hover{
background:#ffffe0
}
#formAcymailing29191{
background:red	
}
#acyfield_name{
color:red
} 
#formAcymailing29191{
background:red 
 }
/*-----Wrap beneficios------*/
.capa-ppl-2{
max-width:880px;
height:default;
float:center;
padding-bottom:25px;
margin:15px auto
}
.capa-ppl-2 p{
margin:0;
padding-bottom:35px
}

@media (max-width:812px){  
	.capa-ppl-2{
	max-width:98%;
	float:center;
	margin:15px auto
}
}
.capa-top{
background:#96c63a;
width:100%;
height:40px;
display:flex;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; 
border-radius:20px 20px 0 0
}
.capa-img{
align-items:center;
width:40px;
height:40px;
margin:10px;
background-image: url('../image/ee.png ');
border-radius:50%
}
.derecha {
float: center;
position: float;
margin-top:-11px;
text-align:center
}
/*-----Banner ppl------*/
.beneficios-wrap{
margin-left: 0 ;
width: 100%;
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
justify-content:space-around;
display: flex;
flex-wrap: wrap
}
.beneficios-wrap div {
width: calc(100% - 100px);
top:0;
margin-left:0
}
.beneficios-wrap div:nth-child(2){
width: 41%;
top:0;
margin:0 auto
}
.beneficios-wrap img {
vertical-align: middle;
margin:5px
}
.beneficios-wrap li{
padding: 0;
text-decoration:none
}
.beneficios-wrap p{
font-size:16px
}
.viñeta{
left:25px;
}
.capa-text-a p{
width:100%;
font-size:18px;	
border-right:1px solid #96c63a;
position:relative;
margin:0
}
/*-----Wrap beneficios------*/
/*-----Wrap beneficios------*/
@media (max-width:720px){
	.capa-img-portal{
	position:relative
}
video{
width:100%
}	
.capa-text-a p{
border-right:0;	
}
.beneficios-wrap div {
margin-left:0;
margin:17px;
width: 100%
}
.beneficios-wrap div:nth-child(2){
width: 100%;
top:0;
background:blue;
flex-wrap: wrap;
flex-direction:column
}
.beneficios-wrap{
margin-left: 0 ;
width: 100%;
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
justify-content:column;
display: flex;
flex-wrap: wrap
}
}
/*-----estadísticas------*/
.estadisticas{
background-image: url('../image/WORLD.jpg ');
background-attachment: fixed; 
background-size: cover !important; 
background-position: center !important; 
width:100%
}
.estadisticas-capa{
padding:40px 0
}
.subtitle-estadistica-a{
font-size: 23px;
font-weight: normal;
color:#fff;
text-align: center; 
line-height: 130% ;
margin:0;
margin-bottom:40px
}
.estadistica-wrap{
margin:20px 0 ;
width: 100%;
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
justify-content:space-around;
display: flex;
flex-wrap: wrap
}
.estadistica-wrap div {
padding:2px;
text-align:center;
background:blue
}
.estadistica-wrap p {
color:#fff
}
.porcentaje{
font-size:48px;
color:white;
font-weight:bold
}
/*-----estadísticas------*/
/*------------------------cuadros---*/
.capa-left{
border-radius:20px
}
.capa-right{
line-height: 50%;
border-radius:20px
}
.capa-color-top-a{
background:#718bfa;
width:100%;
border-radius:20px 20px 0 0;
height:30px;
text-align:center;
display: table
}
.capa-color-top-b{
background:#44c767;
width:100%;
border-radius:20px 20px 0 0;
height:30px;
text-align:center;
display: table
}
.margin-capa{
margin:16px;
}
.capa-color-top-a p{
color:#fff;
font-size:25px;
width:100%;
right:0;
font-family: 'Oxygen', sans-serif
}
.capa-color-top-b p{
color:#fff;
font-size:25px;
width:100%;
font-family: 'Oxygen', sans-serif
}
/*-------------------------------Propiedades video cuadros--*/
/*------------------------------propiedades texto capas*/
.capa-text-a {
top: 45%; 
bottom:320px;
right:0px;
top: 45%; 
z-index:100
}
/*-------------------------------------- Propiedades boton de cuadros*/
.capa-button-b{
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
justify-content:center;
text-align: center;
align-items:center; 
z-index:4;
margin:28px 0 38px 0
}
.button-caja-1{
background:#718bfa;
color:white;
position:relative;
padding:9px 35px;
list-style:none;
border-radius: 8px;
border: none;
justify-content:center;
text-align:center;
font-size:23px;
border-bottom:2px solid #262d25;
cursor: pointer;
transition: all .1s ease-in-out
}
.button-caja-1 a{
color:white;
text-decoration:none
}
.button-caja-2{
background:#44c767;
color:white;
position:relative;
padding:9px 35px;
list-style:none;
border-radius: 8px;
border: none;
justify-content:center;
text-align:center;
font-size:23px;
border-bottom:2px solid #262d25;
cursor: pointer;
transition: all .1s ease-in-out
}
.button-caja-2 a{
color:white;
text-decoration:none
}
/*----------------------------- propiedades texto capa ppl*/
.text-content-ppl {
font-size:32px;
color:#96c63a;
font-weight:100;
margin: 5px 0
}
/*---------------------------Menu 2-*/
.menu-2 {
font-size: 16px;
display:flex;
position: absolute;
right: 0;
font-weight: 550;
list-style:none;
text-decoration: none;

margin-right:16px
}
.menu-2 ul{
text-decoration: none;
list-style:none;
top:0
}
.menu-2 ul li a{
color: #fff;
justify-content:center;
text-decoration: none;
list-style:none;
margin:0 10px
}
.menu-2 ul li {
list-style: none;
display:inline-block
}
/*-----footer------*/
.footer{
width:100%;
background:#e5e5e5
}
.footer-a span{
color:white;
text-align:center
} 
.footer-a{
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
justify-content:space-between;
display: flex;
flex-wrap: wrap;	
height:70px
}
.footer-a div:nth-child(2){  /* -------------------------------tamaño de la capa menu bottom--- */				
width:300px;
}
.footer-a div {
width: 110px;
border:0;
margin:5px
}
.footer-a span {
align-items:center;
margin:0				
}
.footer-socials {
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
justify-content:space-around;
display: flex;
flex-wrap: wrap;	
height:60px;
align-items:center
}
.footer-socials a{                /*----------------------------cambio add new*/
text-decoration:none
}
.footer-socials div{
width: 30px;
height:30px;
margin:0
}
/*----------------------------------------------------------FOOTER-B*/
.footer-b{
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
justify-content:space-between;
display: flex;
flex-wrap: wrap;	
height:80px;
text-align: center;
align-items:center;
}
.footer-b div {
border:0;
width:100%
}
.footer-b p {
left:0
}
.text-footer{
display: flex;
flex-wrap: wrap;
align-items: center;
margin:6px 9px 	
}
.button-b{
background:none;
color:#ff6e49;
position:relative;
padding:9px 25px;
list-style:none;
border-radius: 8px;
border: none;
width:220px;
border:1px solid #ff6e49;
margin:6px;
margin-right:16px;
font-size:20px;

cursor: pointer;
transition: all .1s ease-in-out
}
.button-c{
background:transparent ;
color:white;
position:relative;
padding:9px 25px;
list-style:none;
border-radius: 8px;
border: 1px solid #000;
margin:6px;
margin-right:16px;
font-size:20px;
display:inline-block;
cursor: pointer;
transition: all .1s ease-in-out
}

/*----------------------------------------------------------FOOTER-B*/
.menu-2 ul li a{
color:#212121;
font-weight: bold
}
@media (max-width:522px) {   /*-----------MEDIA QUERYS FOOTER*/
.footer-a{  /*---------------------cambios*/
justify-content:center;
margin:0 auto;
height:auto
}
.footer{
height:auto
}
.footer-a div {  /*---------------------cambios*/
width: 57%;
border:0;
margin:5px
}
.footer-socials{
justify-content:space-between
}
.menu-2{
color:#212121;
/* z-index:5; ---------------------------cambiar para oculpatr el footer de zindex--*/
width:100%;
margin:0 auto;
background:#fff;
float:center;
text-align:center;
align-items:center;
position:static;
float:center;
height:auto;
font-size:16px;
margin:0 auto
}
.menu-2 ul li a{
color:#212121;
margin:0 auto;
font-size:18px;
font-weight: bold;
position:relative
}
.menu-2 ul {
padding:0;
margin:10px auto;
position:relative;
text-align: center
}
.menu-2 ul li {
list-style: none;
display:block;
margin:14px 0
}
.footer-b  p{
text-align:center;
display:block
}
.footer-b  button{
position:static
}
.footer-b {
display:block;
position:relative;
text-align: center
}
.text-footer{
margin:0 auto;
position:float;
vertical-align:bottom
}
.text-footer p{
margin:0 auto;
position:relative;
vertical-align:bottom;
height:200px;
bottom:0;
padding:0
}
.button-b{
display: block;
justify-cantent:center;
position:float;
margin-right:0;
float:center;
text-align: color: #000;
align-items:center;
margin:20px auto;
vertical-align:top
}
}
/*-----footer------*/
::selection {
background-color:#C00;
color:#fff
}
::-moz-selection {
background-color:#C00;
color:#fff
}
/*------------------Noticia*/
#system-message{



}
.notice{

font-size:19px;
color:#848a90;
line-height:bolt;
list-style:none;

font-weight:550
}
.message{
text-decoration:none;
list-style:none;
padding:0;
margin:0 auto;
font-size:18px
}
.message ul{
padding:0;
color:#44c767;
margin:0;

text-decoration:none;
list-style:none;
font-size:17px;
font-weight:normal
}
/*-------------------Noticia*/
@media screen and (max-width: 458px) {  /*-----------------TAMAÑO MENU MOBILE RESOLUCIONES PEQUEÑAS---------*/
.avatar-mobile{
display:block;	
float:left;
margin-top:-20px;
position:static;
left:-20px
}
.capa-ruta{
	text-align:center;
	font-size:14px;
    }
	.breadcrumbs {
	font-size:11px;
   }
	.showHere {
	font-size:11px;
    }
.avatar-mobile-3{  /*Flechita menu mobile*/
display:block;
margin-top:10px;
float:left;
background:bluue;
margin-right:-190px;
left:0;
margin-top:3px;
position:float;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid #93c436
}
.avatar-mobile img{
display:block;	
float:right;
width:50px;
border-radius:13px;
margin-right:3px;
margin-left:15px
}
div.nav-menu ul li a{
margin-left:-25px;
letter-spacing:1px;
color:blue;
vertical-align:center;
margin-top:8px
}
div.nav-menu ul li {
float: none;
border-bottom: 1px solid white;
display: block;
font-size:17px;
right:0;
color:#fff;
letter-spacing:14px;
vertical-align:center;
justify-content:left;
text-align: left 
}
}/*-----------------TAMAÑO MENU MOBILE RESOLUCIONES PEQUEÑAS---------*/
/*---------------------------------boton reproductor*/
.icon-youtube{
margin:8px;
text-decoration: none;
transition: width 1s, height 1s, transform 1s;
-moz-transition: width 1s, height 1s, -moz-transform 1s;
-webkit-transition: width 1s, height 1s, -webkit-transform 1s;
-o-transition: width 1s, height 1s,-o-transform 1s;/
width:5%;
vertical-align:center;
cursor:pointer
}	
.icon-youtube:hover{
transform : scale(+1.1);
-moz-transform : scale(+1.2);      /* Firefox */
-webkit-transform : scale(+1.2);   /* Chrome - Safari */
-o-transform : scale(+1.2)       /* Opera */
}
#video1{
margin:0;
height:100%;
width:100%
}
/*----------------------------------------boton reproduccion*/
/*======================================================lupe=*/
/*//////////////////////////////////////////////////▼▼ BOTON LUPA▼▼//////////////////////////////////////////////77//*/
.flotante {
transform: translateX(30%);
transition: all 0.5s;
outline:0px;
z-index:2;
width:50px;
opacity:0.8
}
.back-ima{
background:#fff;
border-radius:10px 0 0 10px
}
.flotante input{
border-radius: 5px 0 0 5px;
box-shadow: none;
margin:0px auto;
padding:0;
border:0;
width:50px;
height:57px;
font-size:19px;
box-shadow:0;
font-family: 'Oxygen', sans-serif
}
.flotante {
display:scroll;
position:fixed;
bottom:320px;
right:0px;
top: 47%; 
z-index:4
}
.lsc span{
width:100%;
height:default;
background:yellow;
margin:30px
}
.lsc p{
margin:0 auto;
color:#fff;
padding:0;
width:default;
margin:0 5px;
margin-top:35%;
letter-spacing:-1.1px;
font-size:13px
}
.lsc input{
background:#fff;
width:90%;
height:26px;
border-radius:5px;
color:#006db8;
font-weight:bold;
font-size:17px;
margin:1.9px;
padding:0
}
.flotante:focus {
outline:0px;
z-index:2
}
.flotante:hover {
transform: translateX(0%);
transition: all 0.5s;
outline:0px;
z-index:4;
opacity:1
}
/* Scroll Personalizado */
#uno ::-webkit-scrollbar {
width: 3px
}

#uno ::-webkit-scrollbar-thumb {
background: #a6a4a5;
border-radius: 5px
}
#uno{
display:none;
background:#006db8;
width:50px;
border-left:1.7px solid #fff;
transition: all 0.9s;
overflow-y: auto;
opacity:0.9;
position:fixed; /*El div será ubicado con relación a la pantalla*/
right:0px; /*A la izquierda deje un espacio de 0px*/
top:-100%;
height:100%; /*alto del div*/
z-index:5;
-webkit-box-shadow: -6px 0px 38px -16px rgba(0,0,0,0.75);
-moz-box-shadow: -6px 0px 38px -16px rgba(0,0,0,0.75);
box-shadow: -6px 0px 38px -16px rgba(0,0,0,0.75)
}
.cerrar{
width:90%;
position:float;
border:1px solid #fff;
background:#19527b;
margin:0 auto;
margin-top:63px;
cursor:pointer
}
.icon-log-out{
font-size:40px;
color:#fff;
text-align:center;
font-weight:normal
}
#uno input {
float:right;
z-index:100
}
/*//////////////////////////////////////////////////▲▲ BOTON LUPA ▲▲//////////////////////////////////////////////77//*/
/*//////////////////////////////////////////////////////PROPIEDADES CONTRASTE*/
#screen-switcher {
width:95%;
margin:0 auto;
padding:0;
border:0px;
display:block
}
fieldset{
border-radius:6px;
padding:5px 0;
margin:0 auto;
width:95%;
border:1px solid #fff
}
#select-screen-switcher{
margin:0 auto;
padding:0;
position:float;
float:center;
left:0
}
#uno span{
margin:0 auto;
padding:0;
margin-top:10px;
width:100%;
display:block; 
text-align:center
}
.contraste p{
color:#fff;
padding:0;
font-size:15px;
margin:0;
letter-spacing:-1.1px;
font-size:13px
}
.idioma p{
color:#fff;
padding:0;
text-align:center; 
margin:0;
letter-spacing:-1.1px;
font-size:13px
}
.idioma {
color:#fff;
text-align:center; 
margin:0 auto;
letter-spacing:-1px
}
.idioma div {
border:1px  solid #fff ;
text-align:center;
position:float;
margin: auto;
float:center
}
.caja-idioma {
margin:0 auto;
border:1px  solid #fff ;
right:0;
left:0;
border-radius:6px;
width:90%
}
.idioma select{
position:float;
margin: auto;
margin:4px 0;
text-align:center; 
margin-left: auto;
margin-right: auto
}
select {
border: 1px solid #ccc;
margin:0 auto;
padding:0;
background:#fff;
cursor:pointer;
font-size:18px;
font-weight:bold;
width:20px;
border-radius:5px;
font-family: 'Oxygen', sans-serif
}
option{
cursor:pointer;
font-weight:bold;
font-family: 'Oxygen', sans-serif
}
option:hover{
background:#000;
color:#fff;
font-weight:300;
cursor:pointer;
font-family: 'Oxygen', sans-serif
}
#screen-switcher span{
display:block;
color:#fff;
margin:0;
padding:0
}
/*////////////////////////////////////////////////////////PROPIEDADES CONTRASTE*/
/*/////////////////////////////////////////////////////PROPIEDADES ZOMM*/
.zoom p{
color:#fff;
padding:0;
text-align:center; 
margin:0;
letter-spacing:-1.1px;
font-size:13px
}
.caja-zoom {
margin:0 auto;
border:1px  solid #fff ;
right:0;
left:0;
border-radius:6px;
width:90%
}
.caja-zoom div{
position:float;
float:center;
color:#fff;
width:96%;
font-size:30px;
padding:4px 0;
text-align:center;
font-weight:normal;
cursor:pointer
}
@media screen and (max-width: 411px) {
.caja-zoom div{
padding:10px 0;
margin-bottom:20px
}
}
/*/////////////////////////NAVEGACION TECLADO//*/
.key {
color:#fff;
text-align:center; 
margin:0 auto;
letter-spacing:-1px
}
.key p{
color:#fff;
padding:0;
text-align:center; 
margin:0;
letter-spacing:-1.1px;
font-size:13px
}
.caja-key{
margin:0 auto;
border:1px  solid #fff ;
right:0;
left:0;
border-radius:6px;
width:90%
}
.icon-keyboard {
cursor:pointer;
font-size:35px
}
#capaKey{
background:#fff;
width:100%;
height:default;
position:fixed;
left:50%;
left:0;
right:0;
top:0;
padding:0 6px;
transform: translateX(100%);
transition: all 0.5s;
outline:0px;
z-index:3;
bottom:0;
overflow:auto
}
.help {
border-bottom:1px solid #fff;
}
.help div{
color:#fff;
text-align:center; 
margin:8px auto
}
.icon-help-with-circle{
color:#fff;
font-size:20px;
margin:0 auto;
position:float;
float:center
}
.margin-key{
max-width:920px;
height:100%;
margin:30px auto;
box-sizing:border-box
}
.exit:after{
content:"X";
width:30px;
height:30px;
left:0;
margin-top:60px;
margin:15px;
font-size:50px;
position:float;
float:left;
font-weight:normal;
color:#848a90;
vertical-align:middle;
cursor:pointer
}
#capaKey2{
background:#fff;
width:100%;
height:100vh;
position:fixed;
left:50%;
left:0;
right:0;
top:0;
transform: translateX(0%);
transition: all 0.5s;
outline:0px;
z-index:3;
bottom:0
}
.capa-key:hover{
transform: translateX(0%)
}
#capaKey h1{
vertical-align:middle;
color:#ff6e49;
font-weight:normal
}
#capaKey p{
color:#848a90;
line-height:-2
}
#capaKey div:nth-child(2){
margin-top:52px
}
#capaKey{
margin-top:60px
}
.tabla {
margin:0 auto;
width:98%;
margin-bottom:15%
}
table {
width: 96%;
margin:0 auto
}
th {
background: #ff6e49;
color: white
}
th {
padding: 10px 10px;
text-align: left
}
td {
padding: 10px
}
table, td, th {
border: 1px solid #ff6e49;
border-collapse: collapse
}
@media screen and (max-width: 700px) {
#capaKey {
overflow:auto
}
#capaKey h1{
font-size:20px
}
#capaKey p{
font-size:17px
}
.margin-key{
margin:0 6px
}
.tabla {
box-sizing:border-box
}
.tabla .contenedor {
overflow: auto;
box-sizing:border-box
}
#uno ::-webkit-scrollbar {
width: 3px
}
#uno ::-webkit-scrollbar-thumb {
background: #a6a4a5;
border-radius: 5px
}
}
/*=============================================PROPIEDADES DE ACCESIBILIDAD====*/
/*---------------------color texto sistema de lectura online*/
.sexy_tooltip .powered_by, #sexy_tooltip .powered_by
{
color:#fff;
}
/*---------------------color texto sistema de lectura online*/
/*=====================JAWS=*/
.jaws {
color:#fff;	
text-align:center; 
margin:0 auto;
letter-spacing:-1px
}
#boton{
display:none;
margin:5px 0
}
.jaws p{
color:#fff;
padding:0;
text-align:center; 
margin:0;
letter-spacing:-1.1px;
font-size:13px
}
.caja-jaws{
margin:0 auto;
right:0;
left:0;
width:90%;
border:1px  solid #fff ;
border-radius:6px;
margin-bottom:20px
}
.caja-jaws select
{
margin:6px 0
}
.caja-jaws img{

display:none
}
#jTmplSelectForm input:first-child{
display:none
}	
#jTmplSelectForm input{
background:#fff;
width:100%;
height:26px;
border-radius:5px;
color:#006db8;
font-weight:bold;
font-size:11px;
margin:5 auto;
padding:0
}	
#jTmplDirectories option:first-child{
display:none
}
/*=====================JAWS=*/
/*------------------------propiedades de idioma--*/
.box-idioma{
width: default ;
height:20px;
margin:0 14px;
display:inline-block;
margin-top:21px;
float:right;
position: relative
}
.box-idioma div{
width:40px;
height:20px;
float:right;
position: float
}
.notranslate{
background:#fff;
width:36px;
font-size:14px;
border:none;
font-weight:normal
}
.notranslate:focus{
outline: none;
}

.notranslate option{
cursor:pointer;
font-weight:normal
}
/*-------------------------propiedades de idioma*/