@charset "UTF-8";
/*
	@autor: Priscilla Rodríguez Bermúdez
	Fecha de creacion:23/05/2017
	Colores: #fff, #000
	Fuentes:"Dosis-Light", HelveticaLTStd-LightCond
*/


/*Reseteo de etiquetas*/

html, body, span, h1, h2, h3, h4, h5, h6, div, p, a, img, table, ul, li, form{
	margin:0px;
	padding:0px;
	border:0px;
	box-sizing: border-box;
    vertical-align:top;
}
article, aside, details, figcaption, figure, footer, nav, section, header, form{
	display:block;
	margin:0px;
	padding:0px;
	border:0px;
}

/*Fin reseteo estilos*/


/*Inicio de Fonts*/

@font-face{   
	font-family: "Dosis-Bold";
    src: url("../font/Dosis-Bold.otf") format("truetype");
}

@font-face{
    font-family: "Dosis-ExtraLight";
    src: url("../font/Dosis-ExtraLight.otf") format("truetype");
}

@font-face{
	font-family: "Dosis-Light";
    src: url("../font/Dosis-Light.otf") format("truetype");
}

@font-face{
    font-family:"Dosis-Medium";
    src: url("../font/Dosis-Medium.otf") format("truetype");
}

@font-face{
    font-family:"Dosis-Regular";
    src: url("../font/Dosis-Regular.otf") format("truetype");
}

@font-face{
	font-family: "Dosis-SemiBold";
    src: url("../font/Dosis-SemiBold.otf") format("truetype");
}

/*Fin de Fonts*/


/*Inicia codificación body*/

body{
    background-color:white;
    width: 100%;
    margin: 0 auto;
    font-family: "Dosis-Medium"; 
    text-align: center;
}

/*Finaliza codificación body*/


/*Inicia codificación header*/
header{
    width: 100%;
    background-color: white;
    position: fixed;
    box-shadow: 0px 0px 40px black , 0px -0px #eee inset;
    z-index:1000;

}

/*Finaliza codificación header*/


/*Inicia codificación menuhamburguesa*/

.menuHamburguesa{
    display: none;
    z-index: 1001;
}

#btn-menu {
    display: none;
}

header label{
    display: none;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    border-left: 1px solid gray;
    float: right;
    background: white;
}

label img{
    
    width:125%; 
    float: right;
}

.menuHamburguesa .logo1{
    width: 15%;
    float: left;
    margin-left: 8px;
    padding: 2%;
    background: white;

}

header label:hover{
    cursor: pointer;
    background: rgba(0,0,0,0.3);
}

.menu ul{
    margin: 0;
    list-style: none;
    padding: 0;
    display: flex;
    text-align: center;
    font-family: "Dosis-Regular";   
}

.menu li{
    border-right: 1px solid #fff;
    display: block;
    padding: 15px 20px;
    color: #fff;
    text-decoration: none;
    float: left;
}

.menu li:hover{
   background:#B22019;   
}

.menu  .segundo {
	background:#C93727;
}
 
.menu  .tercero {
	background:#D63C34;
}

 .menu  .cuarto {
	background:#C93727;
}
 
 .menu  .quinto{
 	background: #D63C34;
}

 .menu  .sexto{
 	background: #891811;
}   

/*Finaliza codificación menuhamburguesa*/


/*Inicia codificacion de menu*/


nav {

	width: 90%;
    background-color: white;
    display: inline-block; 
    position: absolute;
    z-index: 3;
    margin-left: -47.5%
    
}

nav ul{
	display:table;
	width:90.05%;
    position: fixed;
    padding-top: 30px;
    z-index: 2;
   
}

nav ul li{
    width:20%;
	display:table-cell;
    list-style: none;
    padding-top: 2px;
    border-left: solid thin rgba(93,93,93,.5); 
    z-index: 5; 

}

 .inicio{
    width:10%;
	display:table-cell;
    list-style: none;
    padding-top: 2px;
    border-left: solid thin rgba(93,93,93,.5);    
}


nav ul li a{
	color:#000000;
	display:block;
    padding:8px 0 0 0;
	position: relative;
	text-decoration:none;
    box-sizing: border-box;
    z-index: 3;  

}

nav ul li:last-child {
    border-right: solid thin rgba(93,93,0,.5);
}

/*Inicia codificación linea menu*/

nav  ul  li  a span {
	height:20px;
	width:100%;
	left:0;
	position:absolute;
	top:-40px;
    z-index: 3;
}

/*Finaliza codificación linea menu*/

nav  ul  li  a:hover  span {
	position:absolute;
	transition: all .3s ease;
}

/*Colores*/

nav ul li a .segundo {
	background:#B22019;
}
 
nav ul li a .tercero {
	background:#CC1816;
}
 
nav ul li a .cuarto {
	background:#CC3523;
    
}

 nav ul li a .quinto{
 	background: #C93727;
}

 nav ul li a .sexto{
 	background: #891811;
}



/*Colores*/


.icon{
	padding-top: 18px;
	margin: 0 auto;
    z-index: 3;
}
    
/*Inicia codificación de fb*/
.fb{
    float: right;
    display: inline-block;
    width: 5%   

}
/*Finaliza codificación de fb*/

.logo{
    display: inline-block;
    float: left;
    width: 5%;
    background: white;      
}


header .logo  span{
	background:#C93727;
    float: left;
    height: 12px;
    width: 100%;
     
}

header .fb  span{
	background: #D63C34;
    float:right;
    height: 12px;
    width: 100%;  

}

header .tercero  span{
	background: #D63C34;
    float:right;
    height: 12px;
    width: 100%;
    
}

.bloqueo {
    height: 93px;
    z-index: 2222;

}

nav ul li:hover span {	
	width:100%;
    height: 93px;
	transition: all .3s ease;
}

/*Inicia codificacion Animacion*/

	.animation {
    background: url(../img/indexpc.jpg)no-repeat;
    width: 100%;
	height: 400px;
    animation: cambio 15s linear 8s infinite alternate;
    display: inline-block;
    margin-top:85px;
    
	}

	@keyframes cambio {
		0% { background: url(../img/indexpc.jpg); }
		

		50% { background: red url(../img/indexpcf.jpg);
        }
        
        100% { background: url(../img/indexpc.jpg); }
}
 

/*Finaliza codificacion Animacion*/
        
/*Inicia codificacion Slider*/        

.slider{
    padding-top: 60px;
    text-align: center;
	width: 43%;
	margin: auto;
	overflow: hidden;
}
.slider ul{
	display: flex;
	width: 300%;
	animation: texto 15s infinite ;
    animation-timing-function: ease-in;
}
.slider li{
	width: 45%;
	list-style: none;
    font-family: "Dosis-SemiBold";
    font-size: 34px;
    border-top: solid 3px #CC1816; 
}

@keyframes texto {
	0% {margin-left: 0;}
	20% {margin-left: 0;}

	40% {margin-left: -100%;}
	60% {margin-left: -100%;}

	80% {margin-left: -200%;}
	100% {margin-left: -200%;}
    
    0% {margin-left: 0;}

}


h3 {
  width: 45%;
  font-size:44px;
  font-family: "Dosis-SemiBold";
  margin: 0 auto;
  background-color: white;
  padding-top: 25px ;     
   
}
    
.h6{
    display: none;
}
                
/*Finaliza codificacion Slider*/
 

/*Inicia codificacion servicios index*/
    
 .servicios{
	width: 100%;
	background-color: white;
    padding-top: 50px;
    margin: 0 auto;
    display: block;
}


  .serviciosIndex{
    width:20%;
    background-color: white;
    text-align: justify;
    vertical-align: top;
    display: inline-block;
    font-size: 18px;
    padding: 1.6%

    }
    
    
 h4{
    font-size: 20px;
    text-align: center;
    border-bottom: 3px solid #CC1816;
    margin-bottom: 15px;
    padding-bottom: 10px;
}


h5{
    width: 100%;
    font-size: 36px;
    font-family:"Dosis-Bold";
    margin: 0 auto;
    text-align: center;
    background-color: white;
    display: inline-block;
    padding-top: 60px;
    padding-bottom: 10px;
  
}

hr{
    width: 90%;
    border-bottom: solid #891811 2px;
    margin-bottom: 45px;
    
}

/*Inicia Codificacion de FotoI*/

.fotoI{
    margin: 0 auto;
    display: block;
    width: 40%;
}
/*Finaliza Codificacion de FotoI*/


.ventaja{
    margin: 0 auto; 
    display: block;
    width: 100%;
    background-color: #EDDEDA;
    padding-top: 60px;
    padding-bottom: 60px;
    
}

.ventajas{
 
    border-left: solid thin white;
    width: 22.2%;
    display: inline-block;
    font-size: 15px;
}

.ventajas:last-child {border-right: solid thin white}


.noticia{
    width:90%;
    display: block;
    margin: 0 auto;
    margin-top: 5%
}

.noticiaI h2{
    width: 10%;
	position: absolute;
	font-size: 30px;
	font-family: "Dosis-Bold";
	color: black;
    border-bottom: solid #CC3523;
    text-align: center;
    margin-top: 1%;
    
}

.noticias{ 
    width:23%;
    height: 28%;
    display: block;
    float: left;
    margin: 0 auto;
  
}


.noticiasC{
    width: 74%;
    font-family: "Dosis-Medium";
    font-size: 16px;
    float: left;
    border: solid #CC3523;
    text-align: justify;
    margin-left: 3%;
    padding: 2%
    
}
 
/*Finaliza codificacion del Index*/


/*Inicio de codificacion del Footer*/

.figura1{
	width: 100%;
	height: 10px;
	background-color: #891811;
    display: inline-block;
    margin-top: 4%;

}

.figura2{
	margin-top: 20px;
	width: 100%;
	height: 60px;
	background-color: #891811;
	text-align: center;
}

.imgPie{
	margin-top: 5px;
}

.derechos{
	color: #FFFFFF;
	font-family: "Dosis-SemiBold"; 
    float: left;
    padding-left: 5%;
    padding-top: 18px;

}

.ulPiePagina{
	text-align: center;
	padding: 30px;
}

.pPie{
	text-align: center;
	font-size: 17px;
    font-family: "Dosis-Regular";
    margin: 0 auto;
         
}



.piePagina{
	display: inline-block;
	width: 24.7%;
	height: 50px;
	border-right: solid thin rgba(93,93,93,.5);
    

}
.piePagina:last-child {border-right: 0}


.piePagina a{
    text-decoration: none;
    color: black;
    font-size: 14px;
    font-family: "Dosis-Regular";
    
}

.piePagina a {
    color: black;
    font-size: 17px;
    font-family: "Dosis-Regular";
    
}

/*Finaliza codificacion del Footer*/


/*Inicia codificación del segundo menú*/



.navDos{

	width: 90%;
	margin: 0 auto;
         
}

.navDos ul li  {
    list-style: none;
    float: right;
    margin: 0 auto;
    width:12%;
    font-family: "Dosis-SemiBold"; 
    font-size: 12px;
    margin-top: 20px;
     border-right: solid thin rgba(93,93,93,.5);

    }

.navDos  a  {
    text-decoration: none;
    color: white;
    }

    .navDos ul li:first-child {border-right: 0}


    .navDos ul li a:hover {
     color: gray;    

}

.navDos img{
	margin: 0 0 0px 60px ;
    width: 25px;
   
}

/*FINALIZA INDEX*/

/*INICIA NOSOTROS*/



.foto img{

	position: relative;
    width: 100%;
    display: inline-block;
    margin-top:85px;
   

}

h1{
	position: absolute;
	z-index: 999;
    margin: 20% 0 0 0 ;
	font-size: 55px;
	font-family: "Dosis-Bold";
	color: #FFFFFF;
    width: 20%;

}

.infog{
    width: 100%;
    margin: 0 auto;
    display: block;
}

.qs{
    width: 43%;
    text-align: justify;
    display: inline-block;
    margin: 2%;
    vertical-align:top;
}

.fotoN{
    width: 50%;
}

.filosofia{
    width: 87%;
    display: inline-block;
    margin:  4% 0 2% 0 ;
    text-align: justify;
    padding: 20px;
    background-color: #EDDEDA;
 
    
}

h6{
    width: 100%;
    font-size: 30px;
    font-family:"Dosis-Bold";
    text-align: center;
    display: inline-block;
    padding-top: 50px;
    padding-bottom: 20px;
    border-bottom: 3px solid #CC1816;
    
}

.info{
    width: 25%;
    float: left;
    margin:50px 5% 0 100px;
    padding: 3.5%; 
}

form{
    background-color: #EDDEDA;
    width: 35%;
    float: left;
    margin:45px 0 0 10%;
    padding: 4%; 
    

}

.info p {
    margin-top: 20%;
     font-size: 18px;
    float: left;
   
}

form input {
    margin: 8% 0 0 0;
    font-family: "Dosis-ExtraLight";
    font-size: 16px;
    width: 100%;
    color: #99989C;
    padding: 4px;
    
    
}

.consulta{
	width: 102%;
	height: 100px;
	background: white;
	color: #999;
	font-family: "Dosis-Light";
	font-size: 16px;
    max-width: 102%;
    max-height: 200px;

}


label{
	color: #999;
	font-family:"Dosis-Light";
	font-size: 16px;
	float: left;
    margin: 5% 0 0;

}

button{	
	background:#891811;
	color: #fff;
	font-size: 16px;
	width: 49.5%;
	padding:2%;
	font-family:"Dosis-Light";

}

.enviar:hover{
	background:#A32721;
	color: #fff;
}


/*Inicia codificación Soluciones Generales*/

.foto h1{
    width: 50%;
    margin-left: 50%;
              
}

.titulo{
    width: 90%;
    margin: 0 auto;
}


.servicios0 img,.servicios11 img,.servicios111 img,.servicios1111 img,.servicios11111 img,.servicios111111 img,.servicios1111111 img,.servicios11111111 img{
    margin: 10px 0 0 0;
    display: block;
    margin-left: 40%;
    width: 20%;
    margin-bottom: -10px;
    
}

.servicios02 img, .servicios03 img,.servicios04 img,.servicios05 img,.servicios06 img,.servicios07 img,.servicios08 img,.servicios09 img,.servicios10 img{
    margin: 10px 0 0 0;
    display: block;
    margin-left: 40%;
    width: 20%;
    margin-bottom: -10px;
    
}

.servicios2 img{
    margin: 10px 0 0 0;
    display: block;
    margin-left: 46%;
    width: 6%;
    margin-bottom: -10px;
    
}

.servicios2 .textoB {
    font-family: "Dosis-Bold";
    font-size: 17px;
    text-align: center;
    color: black;
    margin-left: 20%;
    width: 60%;
    margin-top: 1%;
}


.acordeon .servicios2 {
    width: 90%;
    margin-left: -45%;
}


.textoB {
    font-family: "Dosis-Bold";
    font-size: 17px;
    text-align: center;
    color: black;
    margin-left: 20%;
    width: 60%;  
}

.textoB:hover {

	color: #891811;
    cursor: pointer;
    
}

.titulo p{
    margin-top:30px;
    margin-bottom: 30px;
    font-size: 20px;
    text-align: justify;
    font-family: "Dosis-Regular";
}

.tablaGeneral
{
    width: 22.3%;
    text-align: center;
    display: inline-block;
    border: 2px solid;
    height: 100px;
    position: absolute;
}
.tablaGeneral:hover
{
    cursor: pointer;
}
.servicios0,.servicios11111
{
    margin-left: -45%;
    
}
.servicios11,.servicios111111 
{
    
    margin-left: -22.5%;
    
}
.servicios111,.servicios1111111
{
    
    margin-left: -.05%;
    
}
.servicios1111,.servicios11111111{  
    margin-left: 22.4%;
    
}

.servicios02{
    margin-left: -45%;
}

.servicios03{
    margin-left: -22.6%;
}

.servicios04{
    margin-left: -0.2%;
}
.servicios05{
    margin-left: 22.3%;
}

.servicios06{
    margin-left: -45%;
}

.servicios07{
    margin-left: -22.6%;
}

.servicios08{
    margin-left: -0.2%;
}
.servicios09{
    margin-left: 22.3%;
}

.acordeon{
	width: 90%;
	display: inline-block;
	margin: 0 auto;
    text-align: center;
    padding-bottom: 14%;

}

.acordeon input{
	display: none;
}


.acordeon__contenido{
	height: 0;
	vertical-align: top;
	margin: 0;
    width: 100%;
	transition: all 1s;
    text-align: justify;
    overflow: hidden;
    

}
.acordeon input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 160px;
	margin: 150px 0px;

}
.acordeon1{
	width: 90%;
	display: inline-block;
    text-align: center;
    height: 228px;
}
.acordeon1 input{
	display: none;
}
.acordeon1 .servicios0 input:checked ~ .acordeon__contenido{
    width: 403%;
	height: 115px;
	margin: 24% 0 0 -.2%;
  
}
.acordeon1 .servicios11 input:checked ~ .acordeon__contenido{
    width: 403%;
	height: 115px;
	margin: 24% 0 0 -101%;

}
.acordeon1 .servicios111 input:checked ~ .acordeon__contenido{
    width: 403%;
	height: 115px;
	margin: 24% 0 0 -201.9%;

}
.acordeon1 .servicios1111 input:checked ~ .acordeon__contenido{
    width: 403%;
	height: 115px;
	margin: 24% 0 0 -302.5%;

}
.acordeon1 .servicios11111 input:checked ~ .acordeon__contenido{
    width: 403%;
	height: 115px;
	margin: 24% 0 0 -.2%;

}
.acordeon1 .servicios111111 input:checked ~ .acordeon__contenido{
    width: 403%;
	height: 115px;
	margin: 24% 0 0 -101%;
 
}
.acordeon1 .servicios1111111 input:checked ~ .acordeon__contenido{
    width: 403%;
	height: 115px;
	margin: 24% 0 0 -201.9%;

}
.acordeon1 .servicios11111111 input:checked ~ .acordeon__contenido{
    width: 403%;
	height: 115px;
	margin: 24% 0 0 -302.5%;

}

.acordeon .servicios02 input:checked ~ .acordeon__contenido{
    width: 403%;
	height: 115px;
	margin: 24% 0 0 -.2%;
 
}
.acordeon .servicios03 input:checked ~ .acordeon__contenido{
    width: 403%;
	height: 115px;
	margin: 24% 0 0 -101%;

}
.acordeon .servicios04 input:checked ~ .acordeon__contenido{
    width: 403%;
	height: 115px;
	margin: 24% 0 0 -201.9%;

}

.acordeon .servicios05 input:checked ~ .acordeon__contenido{
    width: 403%;
	height: 115px;
	margin: 24% 0 0 -302.5%;

}

.acordeon .servicios06 input:checked ~ .acordeon__contenido{
    width: 403%;
	height: 115px;
	margin: 24% 0 0 -.2%;

}
.acordeon .servicios07 input:checked ~ .acordeon__contenido{
    width: 403%;
	height: 115px;
	margin: 24% 0 0 -101%;

}
.acordeon .servicios08 input:checked ~ .acordeon__contenido{
    width: 403%;
	height: 115px;
	margin: 24% 0 0 -201.9%;

}

.acordeon .servicios09 input:checked ~ .acordeon__contenido{
    width: 403%; 
	height: 115px;
	margin: 24% 0 0 -302.5%;

}

.acordeon .servicios2 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 100px;
	margin: 5% -10% 0 0;

}





@media screen and (min-width: 1440px) and (max-width: 1680px)
{
.animation {
    background: url(../img/indexP.png);
    animation: none;

}
}

@media screen and (min-width: 1281px) and (max-width: 1439px)
{
.animation {
    background: url(../img/indexf.jpg);

}
    
    	@keyframes cambio {
		0% { background: url(../img/indexf.jpg); }
		

		50% { background: red url(../img/index.jpg);
        }
        
        100% { background: url(../img/indexf.jpg); }
}
}

@media screen and (min-width: 1025px) and (max-width: 1280px)
{
.animation {
    background: url(../img/indexf.jpg);
    animation: none;


}
}

/*Codificación de tablet*/

@media screen and (min-width: 768px) and (max-width: 1024px){
    
nav ul li {
    width:5%;
	display:table-cell;
    list-style: none;
    padding-top: 2px;
    border-left: solid thin rgba(93,93,93,.5); 
    z-index: 5;
}
    
.inicio{
    width:2.5%;
	display:table-cell;
    list-style: none;
    padding-top: 2px;
    border-left: solid thin rgba(93,93,93,.5);    
}
    
.logo{
    background: white;
}
.logo img {
    width: 50px;
    margin-top: 10px;      
}
  
    

    
form input {
    width: 100%;   
    
}
    
button{
    width: 49.5%
    }
    
.navDos ul li  {
    width:15%;
    font-size: 11px;

    }
    
.ventajas{
    border-left: solid thin white;
    width: 22.2%;
    display: inline-block;
    font-size: 16px;
}
    
.navDos img{
	margin: 0 0 0px 60px ;
    width: 20px;
   
}

.noticias{
    height: 30%;
    width: 25%;
    margin-top: 90px;
    }
    
.noticiasC{
    margin-left: 1%;
    
}
  
.animation {
    background: url(../img/indextablet.jpg);
    animation: none;

	}
  
    
form{
    width: 45%;
    margin-left: 8px;
}
    
.servicios2{
	width:90%;
    margin-top: -2px;
    margin-left: 0.25px;
}
    

    
.servicios2 img{
    margin-left: 47%;
    width: 6%;
    margin-bottom: -25px;
      
}
    
.servicios2 .textoB {
    margin-top: 4%;
    margin-left: 21%;
    
   
}    
    
.textoB {
    margin-left: 20%;
    text-align: center;
  
}
    
/*Inicio Códificación menú de soluciones*/
    
.titulo{
    width: 90%;
    margin-bottom: 30px;      
}

.acordeon__titulo:hover{
	background: rgba(220, 20, 60, 0.8)
}

.acordeon__contenido{
	height: 0;
	overflow: hidden;
	margin: 0; 
	transition: all 1s;

}


    
.acordeon .servicios2 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 120px;
	margin: 10% -10% 0 0;

}

.acordeon{
        margin-bottom:10%;

    }

.acordeon1 .servicios0 input:checked ~ .acordeon__contenido{
	margin: 40% 0 0 -.2%;
 
}
.acordeon1 .servicios11 input:checked ~ .acordeon__contenido{
	margin: 40% 0 0 -101%;
 
}
.acordeon1 .servicios111 input:checked ~ .acordeon__contenido{
	margin: 40% 0 0 -201.9%;
}
.acordeon1 .servicios1111 input:checked ~ .acordeon__contenido{
	margin: 40% 0 0 -302.5%;

}
.acordeon1 .servicios11111 input:checked ~ .acordeon__contenido{
	margin: 40% 0 0 -.2%;

}
.acordeon1 .servicios111111 input:checked ~ .acordeon__contenido{
	margin: 40% 0 0 -101%;
}
.acordeon1 .servicios1111111 input:checked ~ .acordeon__contenido{
	margin: 40% 0 0 -201.9%;

}
.acordeon1 .servicios11111111 input:checked ~ .acordeon__contenido{
	margin: 40% 0 0 -302.5%;
}

.acordeon .servicios02 input:checked ~ .acordeon__contenido{
	margin: 40% 0 0 -.2%;

}
.acordeon .servicios03 input:checked ~ .acordeon__contenido{
	margin: 40% 0 0 -101%;

}
.acordeon .servicios04 input:checked ~ .acordeon__contenido{
	margin: 40% 0 0 -201.9%;

}

.acordeon .servicios05 input:checked ~ .acordeon__contenido{
	margin: 40% 0 0 -302.5%;

}

.acordeon .servicios06 input:checked ~ .acordeon__contenido{
	margin: 40% 0 0 -.2%;

}
.acordeon .servicios07 input:checked ~ .acordeon__contenido{
	margin: 40% 0 0 -101%;

}
.acordeon .servicios08 input:checked ~ .acordeon__contenido{
	margin: 40% 0 0 -201.9%;

}

.acordeon .servicios09 input:checked ~ .acordeon__contenido{
	margin: 40% 0 0 -302.5%;

}
    
 
}

    
@media screen and (min-width: 480px) and (max-width: 767px) { 
    
    
h1{
	font-size: 35px;
    padding: 10% 15% 30% 0;
}    
    
.animation {
    background: url(../img/indexcel.jpg);
    animation: none;
    margin-top: 1px;

}
    
.qs{
    width: 80%;
}

.fotoN{
    width: 60%;
}
   

.figura2{
	height: 100px;
}


.derechos{
    font-size: 12px;
}
   
.piePagina{
	width: 41%;
	border-right: none;
    padding: 5px 5px 10px 5%;
    margin: 4%;

}
    
.pPie{
	text-align: center;
	font-size: 13px;
    font-family: "Dosis-Regular";
    margin: 0 auto;         
}

.navDos ul li{
    width:19%;
    font-size: 10px;
    text-align: center;
   
}
    
.navDos img{
	margin: 0 0 0px 40px ;
    width: 18px;
   
}
    
.foto img{
    height: 250px;
    }


   
.serviciosIndex{
    width:80%;
    padding: 3%;

    }
    
.slider{
    padding-top: 60px;
    text-align: center;
	width: 80%;
	margin: auto;
	overflow: hidden;
}

.ventajas{
    border-left: none;
    width: 80%;
    padding: 5%;

}
    
.ventajas:last-child {border-right: 0}
    
    
.noticiaI h2{
    width: 60%;

}

.noticias{  
    width:100%;
    height: 40%;

}


.noticiasC{
    width: 100%;
    margin-top: 20px;
    text-align: justify;
    margin-left: -1.5px;  
}
    
.fotoI{
    width: 80%;
    
}
    
.info{
    width: 90%;
    margin:0 auto;
    float: none;
}
    
.info p {
    margin-top: 10%;
    margin-bottom: 10%;
     font-size: 18px;
    float: left;
    display: inline-block;  
}

form{

    width: 90%;
    margin:0 auto;
    float: none;
    display: inline-block;
}
    .consulta{
    margin-left: -1.55%;
        
    }
    
form input {
    width: 100%;
    margin-left: -1.55%;   
    
}
    
button{
    width: 49.5%;
}
  
.filosofia{
    width: 80%;
}

    
/*Inicio Códificación menú de soluciones*/
    
.titulo{
    width: 90%;    
}
    
.titulo p{
    font-size:18px;  
}

.acordeon__contenido{
	height: 0;
	overflow: hidden;
	margin: 0; 
	transition: all 1s;
}
  
.servicios0 img,.servicios11 img,.servicios111 img,.servicios1111 img,.servicios11111 img,.servicios111111 img,.servicios1111111 img,.servicios11111111 img{
    margin: 10px 0 0 0;
    display: block;
    margin-left: 42%;
    width: 15%;
    margin-bottom: -8px;
    
}
    
.servicios02 img, .servicios03 img,.servicios04 img,.servicios05 img,.servicios06 img,.servicios07 img,.servicios08 img,.servicios09 img,.servicios10 img{
    margin: 10px 0 0 0;
    display: block;
    margin-left: 42%;
    width: 15%;
    margin-bottom: -8px;
    
}

.servicios2 img{

    margin-left: 44%;
    width:15%;
    margin-bottom: -10px;
   
}

.servicios2 .textoB {
    margin-left: 25%;
    width: 50%;
       margin-top: 4%;
      
}
.textoB {
    margin-left: 25%;
    width: 50%;
    margin-top: 3%;
      
}
    
.acordeon{
        padding-bottom: 270px;
    }

.servicios2 {
    border: 2px solid;
    height: 100px;

    float: right;
    padding-right: 10%;
    
}


    
.acordeon1 input:checked ~ .acordeon__contenido{
	height: 160px;
	margin: 120px 0;

}
    
.acordeon .servicios2 input:checked ~ .acordeon__contenido{
    width: 110%;
	height: 180px;
	margin: 18% -10% 0 0;


}

.acordeon1 .servicios0 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 125px;
	margin: 15% 0 0 0;

}
.acordeon1 .servicios11 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 145px;
	margin: 15% 0 0 0;

}
.acordeon1 .servicios111 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 145px;
	margin: 15% 0 0 0;

}
.acordeon1 .servicios1111 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 125px;
	margin: 15% 0 0 0;

}
.acordeon1 .servicios11111 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 125px;
	margin: 15% 0 0 0;

}
.acordeon1 .servicios111111 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 112px;
	margin: 15% 0 0 0;
 
}
.acordeon1 .servicios1111111 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 115px;
	margin: 15% 0 0 0;

}
.acordeon1 .servicios11111111 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 115px;
	margin: 15% 0 0 0;

}

.acordeon .servicios02 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 125px;
	margin: 15% 0 0 0%;
  
}
.acordeon .servicios03 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 125px;
	margin: 15% 0 0 0;

}
.acordeon .servicios04 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 125px;
	margin: 15% 0 0 0%;

}

.acordeon .servicios05 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 155px;
	margin: 15% 0 0 0;

}

.acordeon .servicios06 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 125px;
	margin: 15% 0 0 0%;

}
.acordeon .servicios07 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 115px;
	margin: 15% 0 0 0;

}
.acordeon .servicios08 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 135px;
	margin: 15% 0 0 0;

}

.acordeon .servicios09 input:checked ~ .acordeon__contenido{
    width: 100%;
	height: 155px;
	margin: 15% 0 0 0;

}

.tablaGeneral{
    width: 100%;
    margin: 0 auto;
    position: relative;
        
}

.servicios11111 {
    margin-top: 3.1%;
        
    }



   
/*Finaliza Códificación menú de soluciones*/
    
    
/*Inicio Códificación menú hamburguesa*/
    
nav{
    display: none;
}
  
.logo{
    display: none;
}
    
.fb{
    display: none;
}
 
header{

    box-shadow: 0px 0px 40px black , 0px -0px #eee inset;
    z-index:1001;

}
  
header .menuHamburguesa{
    display: block;
    z-index: 10011;
        
    }
   
header label {
        display: block;
        padding: 5.5%;
        z-index: 10011;
    }

.menu {
        position: absolute;
        background: red;
        width: 100%;
        margin-left: -200%;
        transition: all 0.5s;
        z-index: 10000;
        display:block;

    }
    
.menu ul {
        flex-direction: column;
        width: 100%;
        margin-top: 17.2%;
        box-shadow: 0px 2px 20px black , 0px 0px #eee inset;
    }
    
#btn-menu:checked ~ .menu{
        margin: 0;
        
    }

.menu li{
        border-bottom: 1px solid #fff;
        text-align: left;
        width: 100%;
        display: inline-block;
    
    }
    
.menu li img{
        border-right: solid 2px;
        padding-right: 10px;
        float: left;
        width: 10%;
        margin-left: 2px;

    }

    
.menu li a{
        text-decoration: none;
        color: white;
        padding-left: 15%;
    }
    
.foto img{
        margin-top:17%;
    }
    
.animation {
        margin-top:81px;    
    }
    
}

@media screen and (min-width: 320px) and (max-width: 479px){
    
.qs{
    width: 80%;
} 
    
.fotoN{
    width: 80%;
}

h1{
	font-size: 25px;
    padding: 15% 15% 2% 0;
}

.foto{
	position: relative;
    width: 100%;
    display: inline-block;

}

.piePagina{
	width: 70%;
	border-right: none;
    padding: 2px 4px 4px 4%;
    margin: 3%;

}
    
.pPie{
	text-align: center;
	font-size: 14px;
    font-family: "Dosis-Regular";
    margin: 0 auto;
    
}
    
.navDos ul li{
    width:25%;
    font-size: 10px;
    text-align: center;
    border-right: none;
    
    
}
    
.navDos img{
	margin: 0 0 5px 5px ;
    width: 18px;
   
}

.figura2{
	height: 100px;
}


.derechos{
    font-size: 11px;
    width: 45%;
}

.animation {
    background: url(../img/Editablecelp.jpg);
    animation: none;
    height: 250px;

}
  
.serviciosIndex{
    width:80%;
    padding: 3%;

    }
    
.slider{
    font-size: 15px;
	width: 80%;

}

.ventajas{
    border-left: none;
    width: 80%;
    padding: 5%;

}
    
.noticiaI h2{
    width: 60%;

}

.noticias{  
    width:100%;
    height: 40%;

}


.noticiasC{
    width: 100%;
    margin-top: 20px;
    text-align: justify;
    margin-left: -1.5px;  
}
    
.fotoI{
    width: 90%;
    
}
    
.info{
    width: 90%;
    margin:0 auto;
    float: none;
}
    

form{

    width: 90%;
    margin:0 auto;
    float: none;
}
    
form input {
    width: 90%;   
    
}
    
button{
    width: 49%;
}
  
.filosofia{
    width: 80%;
}
     
.servicios1{
	width:90%;
    margin-top: -2px;
}
    
.servicios2{
	width:89.9%;
    margin-top: -2px;
    margin-left: 0.5px;
}
    
.titulo{
    width: 81%;
    margin-bottom: 20px;      
}
    
.titulo p{
    font-size:18px;  
}
  
.acordeon input{
	display: none;
}

.acordeon__titulo{
	display: block;
	padding: 15px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	font-family: "Dosis-Regular";
}

.acordeon__titulo:hover{
	background: rgba(220, 20, 60, 0.8)
}

.acordeon__contenido{
	height: 0;
	overflow: hidden;
	margin: 0; 
	transition: all 0.5s;
}

.acordeon input:checked ~ .acordeon__contenido{
	height: auto;
	margin: 100px 0;

}

header label {
        display: block;
        padding: 6.3%;
        z-index: 10011;
    }

.menuHamburguesa .logo1{
    width: 20%;
    float: left;
    margin-left: 8px;
    padding: 3%;
    background: white;

}

    

    
/*Finaliza Códificación menú de soluciones*/
    
    
/*Inicio Códificación menú hamburguesa*/
    
nav{
    display: none;
}
  
.logo{
    display: none;
}
    
.fb{
    display: none;
}
    
.menuHamburguesa{
    display: block;

}
   
header label {
        display: block;
    }

.menu {
        position: absolute;
        background: red;
        width: 100%;
        margin-left: -100%;
        transition: all 0.5s;
        z-index: 10000;
    }
    
.menu ul {
        flex-direction: column;
    }
    
#btn-menu:checked ~ .menu{
        margin: 0;
        
    }

.menu li{
        border-top: 1px solid #fff;
        text-align: left;
    
    }
    
.menu img{
        border-right: solid 2px;
        padding-right: 10px;
        float: left;
        width: 5%
    }
    
.menu li a{
        margin: 8% 5%;
        text-decoration: none;
        color: white;    
    }

.foto img{
        margin-top:17%;
    }
}