body{
	background:#fff;
}
*{
	font-family: 'Oxygen', sans-serif;
	margin:0;
	}
header{
	display: flex;
    justify-content: space-between;
	background:#fff;
	width:100%;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	z-index:1000;
	position:fixed;

}
figure img{
	margin:12px 0 10px 0;
	display: inline-block;
	margin-left: 0;
	box-sizing:border-box;
}

/*https://css-tricks.com/snippets/css/a-guide-to-flexbox/*//
nav{
	
}

.red{
	margin-top:40px;
	width:100%;
	height:100%;
	position:relative;
	padding-bottom:40px;
	background:#49acc4;
border-radius:0 0 20px 20px;
}

.red-2{
	margin-top:40px;
	width:100%;
	height:25vh;
	display:flex;
}
.titulo-ppl{
    font-size:30px;
	margin:10px auto;
	color:#fff;

	width:100%;
	text-align:center;
	position:absolute;
	margin-top:70px;
}
.capa-b{
	justify-content:space-around;
	display:flex;
	align-items:center;
	width:100%;
	
}

.capa-b img{
	margin:0 auto;
	display:block;
	align-items:center;
}
.capa-b h1{
	text-align:center;
	font-size:18px;
	align-items:center;
	color:#fff;
    text-shadow: 1px 2px #5f5f5f;
	font-weight:lighter;
}
.style-text p{
	
	font-size:10px;
	line-height:15px;
}
.capa-b div{
	align-items:center;
	width:120px;
	height:100px;
	margin:0px;
	padding:0;
vertical-align:middle;

}
.capa-c{
justify-content:space-around;
display:flex;
align-items:center;
width:100%;
position:absolute;

margin:0 auto;
left: 0;
right: 0;
top: 0;
}
.capa-c div{
align-items:center;
	width:120px;
	height:30px;
	margin:0px;
	padding:0;
position:float;
vertical-align:middle;
}
.capa-c img{
	margin:0 auto;
	display:block;

	align-items:center;
}


/*------------------------------------------------------------contenido----*/

.capa-titulo{
	width:100%;
	height:60px;
	color:#fff;
	font-size:20px;
	font-weight:lighter;
	margin-left:10px;
}
.capa-titulo h1{
	
	font-weight:lighter;

}
.capa-top{
	border-top:1px solid #787878;
	border-left:1px solid #787878;
	border-right:1px solid #787878;
	width:100%;
	padding:7px;
	height:default;
	border-radius:15px 15px 0 0;
	margin-top:90px;
	box-sizing:border-box;
	
}
#sexy_tooltip_title{
	display:none;
	background:red;
}
.the-tooltip {

}
.tooltip_inner{
	
}
.banner-services-1{
	background-image: url('../images/services-1.jpg'); 
/* background:#7F4901; */
 background-size: cover;
	width:100%;

	height:280px;
	
}

#content {

    overflow:hidden;
	background:#fff;
		/* border-radius:0 0 17px 17px; */
	/* -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.56); */
/* -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.56); */
/* box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.56); */
padding-bottom:17px;
border-left:0.5px solid #787878;
border-right:0.5px solid #787878;
padding-top:10px;
}

.item-page p{
	font-size:18px;
}

#info {
    width:63%;
    display:inline-block;
    border-right:.3px solid #797979;
    padding-right:13px;
	margin-top:5px;
    padding-bottom:4%;
    box-sizing:border-box;
    padding-left:20px
}
.style-1{
	background: transparent;
	font-size:25px;
	border-radius:8px;
	color:#000;
	padding:10px;
	text-decoration: none;
	text-shadow:none;
	font-weight:100;
	border:1px solid #000;
	margin:0 auto;
	
}

.capa-boton{
	
	    margin: 28px 0;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    height: 80px;
    text-align: center;
    align-items: center;
    z-index: 4;
}
#info p{   /*------------------------------------------------color texto de contenido-*/
	font-weight:normal;
	font-size:19px;
	color:#000;

}

#flecha-left {
    display:inline-block;
    background-image:url('../images/flecha.png');
    background-repeat:no-repeat;
    width:10px;
    height:20px;
    vertical-align:top;
    margin-top:21%;
    position:float;
    z-index:2
}

#tecnologias img
{
	height:default;
    border:1px solid #93c436;
    border-radius:20px;
    -webkit-box-shadow:0 5px 17px -5px rgba(143, 189, 51, 1);
    -moz-box-shadow:0 5px 17px -5px rgba(143, 189, 51, 1);
    box-shadow:0 5px 17px -5px rgba(143, 189, 51, 1)
}

#tecnologias {
    width:33%;
    display:inline-block;
    vertical-align:top;
    margin-top:10px;
    box-sizing:border-box;
    z-index:3
}

video {
    height:default;
    border:1px solid #797979;
    border-radius:20px;
   
}


/*------------------------------------------------------------contenido----*/
/*------------------------------------------------------------box services---*/

/*---------------------------------------MIGA DE PAN*/

.capa-ruta {

    position:relative;

}

.capa-ruta hr{

    border:0.7px solid #000;
}
.ruta-nav {
    float:center;
    color:#848a90;
    margin:10px;

	padding:19px;
	barder-bottom:1px solid red;
 
    text-decoration:none;
    font-family:'Oxygen', sans-serif
}

.breadcrumb {
 list-style:none;
   margin:0;	
   padding:0;
   color:#fff;
   font-size:15px;
   vertical-align:middle;
   font-weight:lighter;
  margin-left:10px;
  
  
}

.banner-services-1{
	position:relative;
	
}

.banner-services-1 h1{
	font-weight:normal;
	padding:13px;
	padding-left:17px;
	position:absolute;
	color:#fff;
	box-sizing:border-box;
	top:214px;

	    text-shadow: 2px 2px #000;
	width:100%;
	background-color: rgba(73,171,195,0.7);
	/* background:#49abc3; */
	/* text-shadow: 1px 2px #5f5f5f; */
	
}
.breadcrumb img{
	width:10px;
	vertical-align:middle;
}

.breadcrumb li{
color:#000;

}
.breadcrumb li {
    display: inline-block;	
}

.breadcrumb li:first-child{
	color:#000;
	
}

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

/*---------------------------------------MIGA DE PAN*/


/*-------------------------------------------cuadros servicios*/

@media screen and (max-width: 843px) {
	
	.capa-modulo-1 div p{
 height:0%;

  overflow-y: auto;
}
	.capa-modulo-1 h1{
	text-align: left;
	font-weight:normal;
	font-size:26px;
	line-height:-100;
	margin:14px 0 0 0;
	
}

.capa-ppl{
	margin-top:8%;
}
.capa-modulo-1{
  height:0%;
	display:block;
	width:100%;
	margin:0;
   
	padding:0;
}

.capa-img-mod img{
	width:100%;
	height:120px;
	margin:0;
	padding:0;
  background-size: cover;
}
	.capa-top{
		    text-align: center;
		display:block;
	}
	.breadcrumb{
		margin:0 auto;
		display:block;
	}
	
	.banner-services-1 h1{
	    display:block;
		text-align: center;
		display:block;
	}
	.banner-services-1{
		
		height:100px;
	}
	
	
	.banner-services-1 h1{
	font-weight:lighter;
	display:block;
	margin:0 auto;
	position:relative;
	color:#fff;
	box-sizing: border-box;
	top:17px;
	text-shadow: 1px 2px #5f5f5f;
	
}
}

/*--------------------------------------------cuadros servicios*/


/*-----------------------------------------------------baner ppl*/
@media screen and (max-width: 890px) {
	
	.banner-services{
	padding:0;
	margin:0;
	
}
.banner-services div h1{
   font-size:30pt;
   color:#ff9c00;
   line-height:40pt;
   text-align:left;
}

	
}


@media screen and (max-width: 690px) {
	.banner-services{
  background:none;
	justify-content:center;
	flex-direction:column;
	display:flex;
	text-align:center;
}
.banner-services div h1{
   display:none;
}

.banner-services div:nth-child(2){
	justify-content:center;
	display:block;
	width:100%;
	margin:1% auto;
	margin-top:10px;
	text-align:center;
}
.box-title{
	color:#ff9c00;
	display:block;
	padding-top:90px;
	text-align:center;
	font-size:18pt;
}
.banner-services div:nth-child(1){
	justify-content:center;
	display:flex;
	background-size: cover;
	width:100%;
	background-image: url('../images/background.jpg'); 
	margin:0;
	height:170px;
	-webkit-box-shadow: 10px 10px 5px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px -10px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px -10px rgba(0,0,0,0.75);
	margin-top:10px;
}
.banner-services div h1{
   font-size:30pt;
   color:#ff9c00;
   line-height:40pt;
   text-align:left;
}
.banner-services div p{
   font-size:15pt;
   color:#000;
   margin-bottom:20px;
   box-sizing:border-box;
  width:100%;
   text-align:center;
}

#info{
	width:100%;
    border-right:0px;
}
.capa-c div:nth-child(2){
	display:none;
}
.capa-c div:nth-child(3){
	display:none;
}
.capa-c div:nth-child(4){
	display:none;
}
.capa-c div:nth-child(5){
	display:none;
}
.capa-c div:nth-child(6){
	display:none;
}


#tecnologias{
	width:100%;
}
#flecha-left{
	display:none;
}
.capa-b{
	justify-content:center;
	display:flex;
	align-items:center;
	width:100%;
	height:100%;
	padding-top:30px;
	flex-direction:column;
	background:red;
}
.capa-b div{
	
	height:100%;
	margin:20px;

}
.red-2{
	margin-top:40px;
	width:100%;


	height:100%;
	display:flex;
}
.red{
	height:default;
	
}
	
}
@media screen and (max-width: 415px) {

.banner-services-1 h1 {
   font-size:20px;

   
}
}
@media screen and (max-width: 466px) {

.banner-services-1 h1 {
   font-size:23px;

   
}
}
@media screen and (max-width: 320px) {
	.banner-services div p{
   font-size:12pt;
   color:#000;
   justify-content: center;
align-items: center;
   text-align:center;
}


}
/*-----------------------------------------------------baner ppl*/
/*------------------------cuadros de servicios */
@media screen and (max-width: 790px) {
	.box-services {
	position:float;
	flex-wrap:wrap;
    justify-content:center;
	
}
	.box-services div{
	width:100%;
	 box-sizing: border-box;
}
	.box-services-2 {

	flex-wrap:wrap;
	
}
	.box-services-2 div{
	width:100%;
	 box-sizing: border-box;
	 position:relative;
}
	
}
/*..------------------------------------------------------------///////////////desde aqui*/


.style-7{
	background: transparent;
	font-size:19px;
	border-radius:8px;
	color:#000;
	padding:3%;
	margin-top:0;
	tect-align:center;
	justify-content:center;
	text-decoration: none;
	text-shadow:none;
	font-weight:bold;
	border:1px solid #000;
	
}



/**-------------------------------------------------------------------------------------------------------------box footer*/
.style-4{
	background: transparent;
	font-size:15px;
	width:100%;
	border-radius:8px;
	color:#fff;
	padding:10px 20px;
	justify-content:center;
	text-decoration: none;
	text-shadow:none;
	font-weight:100;
	border:1px solid #fff;
	
}

.line-footer-2{
	margin:20px;
	border:0.5px solid #fff;
}
/**------------------------------------------------------------------------------------------------------------box footer*/
/*-----------------------------------------------------------------------------------------------------------box social*/
.box-footer{
	display:flex;
	justify-content:center;
	width:100%;
	text-align: center;
	height:default;
	padding:10px auto;
	padding-top:10px;
	margin-bottom:10px;
	align-items:center;
	position:relative;
	box-sizing:border-box;
}
.box-footer img{
	margin:0 auto;
	 display:table-cell;
 vertical-align:middle;
 margin-top:10px;
}
.box-footer div{
	width:300px;
	margin:5px;
	position:relative;
}


.box-footer h5
{
	margin-bottom:5%;
	text-align:center;
	width:100%;
	font-weight:lighter;
	color:#fff;	
}

.box-social-red {
	display:flex;
	justify-content:space-between;
	
}


.box-social-red span{
	margin:3px;
	position:float;	
}

/*-----------------------------------------------------------------------------------------------------------box social*/
/*------------------------------------------------------------------------------------------------------------------------------menu 2*/
.menu-2{
	position:relative;
	width:100%;
	padding:3px;
	box-sizing:border-box;
	margin-top:25px;
	background:#1f1f1f;
}

.menu-bottom{
padding:0;
}

.nav-menu-bottom {
	display: flex;
	left:0;
	right: 0;
	width:100%;
	justify-content:center;
	align-items:center;  /*--centrado vertical de items del menu---*/

}
.nav-menu-bottom a {
	color: #fff;
	text-decoration: none;
}
.nav-menu-bottom li {
	display: inline-block;
	margin: 30px; 
	font-size:19px; 
}



/*--------------------------Propiedades del menu*/
.menu-bottom a {
	list-style:none;
	bmargin:0;
	letter-spacing:1px;
	text-align:left;
	font-weight:lighter;
}
/*---------------------------Propiedades del menu*/


/*----------------------------tres columnas footer*/

@media screen and (max-width: 680px) {
	
	.box-footer{
	display:flex;
	justify-content:center;
	width:100%;
	flex-direction:column;
	text-align: center;
	height:default;
	align-items:center;
	position:relative;
}
	.box-footer div{
   margin:20px;
}
}

/*------------------------------tres columnas footer*/

/*-------------------------Media Query's*/
@media screen and (max-width: 879px) {
	.nav-menu-bottom {
	margin:0 auto;
	padding-left:0;
	color:#fff;
	width:100%;
	position:relative;
	z-index:2
    }
	.menu-bottom{
	padding:0;
	margin:0;
	}
	.menu-bottom li{
	padding:0;
	margin:0;
	width:100%;
	}
	.nav-menu-bottom a {
	justify-content:left;
	text-align:left;
	color:#fff;
	justify-content:left
    }
    .nav-menu-bottom ul li {
	float:none;
	border-bottom:0.1px solid #8d8d8d;
	background:#202020;
	font-size:25px;
	color:#fff;
	justify-content:left;
	text-align:left;
	box-sizing: border-box;
	padding: 15px 30px 3px 30px;
    }
	 .nav-menu-bottom ul li a {
	font-size:17px;
    }
	.nav-menu-bottom li:first-child {
	border-top: 0.1px solid #8d8d8d;
		  /*----------------------------------cambio*/
	}


	/*-------------------------Menú vertical propiedades*/
}
/*-------------------------Media Query's*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*-------------------------------------------------IMAGENES GIF*/



.dropdown-menu-bottom{  /*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-bottom {  /*fondo y propiedades de la capa*/
	position: absolute;
	z-index: 1000;
	list-style: none;
	text-decoration:none;
	top: 0;  
	border-radius:13px;
	margin:0 auto;
	opacity: 0;
}



.dropdown-menu-bottom:before{  /*flechita*/
    content: "";
    position: absolute;
    bottom: -20px;
    margin:0 auto;
	width:2px;
	left: 37% ;
	opacity: 3 ;
	margin:0 auto 0 auto;
    border-style: solid;
    border-width: 10px;
    border-color: #ff9c00  transparent transparent  transparent;
  }  
  
.dropdown-bottom:hover > .dropdown-menu-bottom {  /*efecto de aparicion*/
    opacity: 1 ;
	top: -60px ;    
	visibility: visible; 
	margin:0 auto;
	padding:0;
	margin-left:10px;
}
  
 
/*-----------------imagenes gif 2-----------------------*/

.dropdown-1menu-bottom{  /*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-bottom {  /*fondo y propiedades de la capa*/
	position: absolute;
	z-index: 1000;
	list-style: none;
	text-decoration:none;
	top: 0;
	border-radius:13px;
	box-sizing: border-box;
	margin:0 auto;
	opacity: 0;
	
}


.dropdown-1menu-bottom:before{  /*flechita*/
	left:55%;
	content: "";
	position: absolute;
	 bottom: -20px;
	margin:0 auto;
	width:2px;
	float:right;
	margin:0 auto;	
	opacity: 3 ;
	margin:0 auto 0 auto;
	border-style: solid;
	border-width: 10px;
	  border-color: #ff9c00  transparent transparent  transparent;
}  
  
  
.dropdown-1-bottom:hover > .dropdown-1menu-bottom {  /*efecto de aparicion*/
	opacity: 1 ;
	top: -60px ;        
	visibility: visible ;
	margin-left:-29px;
}
  
/*-----------------imagenes gif 2-----------------------*/
/*-----------------imagenes gif 3-----------------------*/

.dropdown-2menu-bottom{  /*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-bottom{  /*fondo y propiedades de la capa*/
		position: absolute;
	z-index: 1000;
	list-style: none;
	text-decoration:none;
	top: 0%;
	border-radius:13px;
	box-sizing: border-box;
	margin:0 auto;
	opacity: 0;
	
}


.dropdown-2menu-bottom:before{  /*flechita*/
content: "";
	position: absolute;
	 bottom: -20px;
	margin:0 auto;
	width:2px;
	float:right;
	margin:0 auto;	
	opacity: 3 ;
	margin:0 auto 0 auto;
	border-style: solid;
	border-width: 10px;
	  border-color: #ff9c00  transparent transparent  transparent;
	left:55%;
	
 }  
  
  
.dropdown-2-bottom:hover > .dropdown-2menu-bottom {  /*efecto de aparicion*/
		opacity: 1 ;
   top: -60px ;       
	visibility: visible ;
	margin-left:-25px;
}

/*-----------------imagenes gif 3-----------------------*/

/*-----------------imagenes gif mobile-----------------------*/

.avatar-mobile-bottom{
	display:none;
}

.avatar-mobile-3-bottom{
	display:none;
}



@media (max-width:879px) 
{  
    .nav-menu-bottom {
    display: block; 
    position: relative;
    right: 0;

    height: default;
    align-items: center;
}
	.avatar-bottom{
		display:none;
		
	}
	
   .avatar-mobile-bottom{
	display:block;	
	float:left;
	margin-top:-16px;
	margin-left:-15px;
	position:static;

}
.dropdown-1menu-bottom{
 display:none;
}
.dropdown-2menu-bottom{
	 display:none;
	
}
	.avatar-mobile-3-bottom{  /*Flechita menu mobile*/
	display:none;
}

.dropdown-menu-bottom{
display:none;
}

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

/*-----------------imagenes gif mobile-----------------------*/

.avatar-bottom {
	/* cambia estos dos valores para definir el tamaño de tu círculo */
	height: 77px;
	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;
	border:1px solid #ff9c00;
}


/*//////////////////////////////////////////////////▲▲ IMAGENES GIF ▲▲//////////////////////////////////////////////77//*/
/*//////////////////////////////////////////////////▼▼ ANIMACIONES ▼▼//////////////////////////////////////////////////77//*/
/*-----------------imagenes gif-----------------------*/
@media (max-width:618px) 
	{  
	
	.dropdown-menu-bottom{
		display:none;
		width: 0;
		right:0;
		height:0;
	}
	
	.dropdown-1menu-bottom{
		display:none;
		width: 0;
		right:0;
		height:0;
	}
	.dropdown-2menu-bottom{
		display:none;
		width: 0;
		right:0;
		height:0;
	}
	
     div.avatar-bottom{
	
	display:none;
     }
	
   .dropdown-1-bottom:hover > .dropdown-1menu-bottom {  /*efecto de aparicion*/
	display:none;
	}
    .dropdown-bottom:hover > .dropdown-menu-bottom {  /*efecto de aparicion*/   
	display:none;
	}
	.dropdown-2-bottom:hover > .dropdown-2menu-bottom {  /*efecto de aparicion*/
	display:none;
	}
	
}

@media screen and (max-width: 422px) {

.capa-ruta{
	text-align:center;
	font-size:14px;
    }


}
/*--------------------------------------------------IMAGENES GIF*/


/*----------------------------------------------------------------------------------------------------------------------------------menu2r*/
/*-------------------------------footer*/

footer{
	background:#000;
	width:100%;
	position:relative;



}
.credits h5{
	text-align:center;
	color:#fff;

left:0;
right:0;

font-weight:lighter;

}

.credits{
	position:relative;
	bottom:0;
	
	margin:10px;
	left:0;
	margin-bottom:7px;
	right:0;
}
.line-footer{
	bottom:0;
	position:absolute;
	margin:0 auto;
	left:0;
	padding:4px;
	right:0;
	width:20%;
	height:6px;
	background:#ec7a08;
   border-radius:3px 3px 0 0;

	
}
/*-------------------------------footer*/
.contenedor {
  max-width: 928px;
  margin: 0 auto;


  
}
.titulo {
  font-size: 50px;
  margin-bottom: 0;
color:#fff;
  margin-top: 90px;

}

.capa-botton a{
  margin:0 auto;
	width:100%;

	text-align:center;
}
.capa-menu{
	z-index:1000;
	width:100%;
     height:57px;
     top:0;
	background:#fff;
	position:fixed;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(255,156,0,1);
	-moz-box-shadow: 0px 0px 8px 0px rgba(255,156,0,1);
	box-shadow: 0px 0px 8px 0px rgba(255,156,0,1);
}
.titulo span {
  text-decoration: underline;
  text-decoration-color: #ff9c00;
  position:float;
}
.title-a {
	  line-height:30px;
	font-size: 30px;
	margin-top: 0;
	font-weight:100;
	position:relative;
	margin-bottom:24px;
	position:float;
}
.nav-menu {
  z-index:1000;
  display: flex;
  position: absolute;
  right: 0;
  margin-right:80px;
  height:100%;
  align-items:center;  /*--centrado vertical de items del menu---*/
}
.nav-menu a {
  color: #000;
  text-decoration: none;
  z-index:4;
}
.nav-menu li {
  display: inline-block;
  margin-left: 30px; 
  font-size:19px;
  z-index:4;
  
}
ul .menu{
	padding:0;
}
.search-box-2{
	visibility:hidden;
	display:none;
}
/*---------------------------Propiedades menu responsive*/
.menu-trigger {
    display:none;
    -webkit-transition:.5s;
    -moz-transition:.5s
}
/*---------------------------Propiedades menu responsive*/
/*--------------------------Propiedades de busqueda*/
#mod-search-searchword95{
	border-radius:6px 0 0 6px;
	border:1px solid #dadada;
	padding:3px;
	margin-right:0;
	margin-right:-10px;
}
.button {
	background:#ff9c00;
	border:none;
	color:#000;
	cursor:pointer;
	padding:4px;
	border-radius:0 6px 6px 0;
    font-weight:bold;	
}

.style-2{
	background: transparent;
	font-size:25px;
	border-radius:8px;
	color:#000;
	padding:10px;
	text-decoration: none;
	text-shadow:none;
	font-weight:100;
	border:1px solid #000;
	
}

.form-inline{
	box-sizing: border-box;
	margin: 0px;
}

/*--------------------------Propiedades de busqueda*/
/*-------------------------propiedades de idioma--*/
.box-idioma{
	width: default ;
	height:20px;
	margin:0 14px;
	display:inline-block;
	margin-top:17px;
	float:right;
	position: relative;	
}
.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*/
/*--------------------------Propiedades del menu*/
.menu a {
    list-style:none;
    bmargin:0;
    letter-spacing:1px;
    text-align:left
}
/*---------------------------Propiedades del menu*/
/*-------------------------Media Query's*/


/* --------------------------- tamaño maximo */



/* -------------------------- tamaño maximo  */




@media screen and (max-width: 800px) {
	
	.titulo {
	font-size: 45px;
	margin-top: 70px;
	}
	.title-a {
	font-size: 18px;
	}
	.portada {
	height: auto;
	}
	.portada .style-1 {
	margin-bottom: 30px;
	display: inline-block;
	}
	/* portada */

}
@media screen and (max-width: 500px) {
  .portada .style-1 {
    display: block;
	
  }
   .portada .contenedor {
    position: static;
  }
  .portada {
    text-align: center;
  }
  .titulo {
    font-size: 25px;
	margin-bottom:2%;
	
  }
   .title-a br{
   display:none;
  }

  .title {
    font-size: 16px
  }
   .title-b {
    font-size: 30px;
  }
  .style-1{
	  font-size:20px;
	  padding:20px -10px ; 
  }
  .titulo span{
	  font-size:30pt;
	  letter-spacing: 1px;
	  /* text-transform :uppercase; ----letra mayuscula*/ 
	  font-weight:bold;
  }
  .line{
	height:5px;
}
.capa-text-services h1{
	font-size:18pt;
	font-weight:lighter;
}
.capa-text-services h1 hr{
	display:none;


}
}
@media screen and (max-width: 790px) {
    .menu-trigger {
        display:inline-block;
        color:#305782;
        position:absolute;
        float:right;
		right:0;
        padding:5px;
        text-align:right;
        font-size:83%;
        cursor:pointer;
        -webkit-transition:.5s;
        -moz-transition:.5s;
        z-index:100;
        margin-top:4px;
        font-size:20px;
        color:#848a90
    }
	.nav-expanded {
        display:block
    }
	.nav-menu {
        display:none;
        margin:0 auto;
        padding-left:0;
        color:#fff;
        width:100%;
        background:#030303;
		 overflow: auto;
        position:fixed;
        opacity:.9;
		top:55px;
        z-index:1000;
    }
	.menu{
		padding:0;
		margin:0;
		z-index:1000;
	}
	.menu li{
		padding:0;
		margin:0;
		z-index:1000;
	}
	.search-box{
		background:red;
		display:none; 
		visibility: hidden;
	}
	.search{
		width:100%;
		margin:3%;
	}
	.search-box-2{
		visibility: visible;
	    margin:8px 0 8px 0;
		width:100%;
		display:flex;
		justify-content:space-around;
		
    }
	.search-box-2 #mod-search-searchword95
	{
		box-sizing: border-box;
		padding:10px;
		margin:0;
		border-radius:0 0 8px 8px;
		width:100%;
		display:flex;
		flex-wrap:nowrap;
		font-size:20px;
		border-radius:8px 8px 0 0;
	}
	.search-box-2 .button{
		font-size:20px;
		border-radius:0 0 8px 8px;
		width:100%;
		padding:10px;
	}
	/*-------------------------Propiedades del select idioma*/
	.box-idioma{
		width: default ;
		height:20px;
		margin:0 14px;
		padding-right:60px;
		display:inline-block;
		margin-top:17px;
		position: float;	
}
	/*-------------------------Propiedades del select idioma*/
	/*-------------------------Menú vertical propiedades*/
	
	.nav-menu a {
        justify-content:left;
        text-align:left;
        color:#fff;
        justify-content:left;
		z-index:1000;
    }
    .nav-expanded {
        display:block;
		z-index:1000;
    }
    .nav-menu ul li {
        float:none;
        border-bottom:0.1px solid #8d8d8d;
        display:block;
        font-size:25px;
		z-index:1000;
        color:#fff;
        justify-content:left;
        text-align:left;
		box-sizing: border-box;
		 padding: 15px 40px 25px 30px;
    }
	 .nav-menu ul li a {
       font-size:17px;
	   z-index:1000;
	   
    }
	
	.nav-menu li:first-child {
	    border-top: 0.1px solid #8d8d8d;
		  /*----------------------------------cambio*/
	}


	/*-------------------------Menú vertical propiedades*/
}
/*-------------------------Media Query's*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////*/
/*-------------------------------------------------IMAGENES GIF*/



.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-radius:13px;
	margin:0 auto;
	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 #ff9c00 transparent;
  }  
  
.dropdown:hover > .dropdown-menu {  /*efecto de aparicion*/
    opacity: 1 ;
	top: 56px ;    
	visibility: visible; 
	margin:0;
	padding:0;
	margin-left:3px;
	z-index:1000;
}
  
  

/*-----------------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-radius:13px;
	margin:0 auto;
	opacity: 0;
	
}


.dropdown-1menu: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 #ff9c00 transparent;
}  
  
  
.dropdown-1:hover > .dropdown-1menu {  /*efecto de aparicion*/
	   opacity: 1 ;
	top: 56px ;    
	visibility: visible; 
	margin:0;
	padding:0;
	margin-left:3px;
	z-index:1000;
}
  
/*-----------------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-radius:13px;
	margin:0 auto;
	opacity: 0;
	
}


.dropdown-2menu: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 #ff9c00 transparent;
 }  
  
  
.dropdown-2:hover > .dropdown-2menu {  /*efecto de aparicion*/
   opacity: 1 ;
	top: 56px ;    
	visibility: visible; 
	margin:0;
	padding:0;
	margin-left:3px;
}

/*-----------------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:790px) 
{  

	.avatar{
		display:none;
		
	}
	
   .avatar-mobile{
	display:block;	
	float:left;
	margin-top:-16px;
	margin-left:-15px;
	position:static;
   z-index:300;
	

}
	.avatar-mobile-3{  /*Flechita menu mobile*/
	display:block;
	margin-top:13px;
	float:left;
	margin-left:-20px;
	position:float;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #ff9c00;
 
}

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

/*-----------------imagenes gif mobile-----------------------*/

.avatar {
	/* cambia estos dos valores para definir el tamaño de tu círculo */
	height: 77px;
	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;
	border:1px solid #ff9c00;
	z-index:300;
}


/*//////////////////////////////////////////////////▲▲ IMAGENES GIF ▲▲//////////////////////////////////////////////77//*/
/*//////////////////////////////////////////////////▼▼ ANIMACIONES ▼▼//////////////////////////////////////////////////77//*/
/*-----------------imagenes gif-----------------------*/
@media (max-width:790px) 
	{  
	
	.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;
		background:red;
		
	}
}

/*--------------------------------------------------IMAGENES GIF*/