@charset "utf-8";
/* CSS Document */

body {
    margin: 0;
   	font-family: 'Montserrat', sans-serif;
  
    background-color: #ffffff;
}

.contenedor-programas2 .right-cotiza #contact-cotizas .short4{
	width: 100%;
	
	display: flex;
	
	flex-direction:row;
	margin-bottom:2%;
	
	 
	
	
	
}
.bajas{
  
	
  width: 50%;
	display: flex;
	flex-direction: column;
	height: 22vh;
	margin-top: 17vh;
	margin-right: 5vh;
 
}

.collapsible {
  background-color: #DE6826;
  color: white;text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
  cursor: pointer;
  padding: 1.8vh;
	border-radius: 2vh;
	font-weight: 600;font-size: 1.5vh;
	

  width: 100%;
	border: 0px;
  border: none;
  text-align: left;
  outline: none;
 
}

.active, .collapsible:hover {
  background-color: #143D7B;
}

.content2 {
  padding: 0 2vh;
	width: 28vh;
	height: auto;
	margin-top:0vh;
  display: none;
	border-radius: 1.5vh;
  overflow: hidden;
  background-color: #fff;
}


.content2 a{
	text-decoration: none;
	font-size: 1.3vh;
	
	display: block;
	margin-bottom:0.7vh;
	margin-top: 0.7vh;
 
}
 
.contenedor-programas3 #contact-pay{
	width: 50%;
	margin: 0 auto;
	border-radius: 1vh;
	background: #dfdfdf;
	border:1px solid #CCC;
	box-shadow: 10px 10px 19px 0px rgba(0,0,0,0.37);
-webkit-box-shadow: 10px 10px 19px 0px rgba(0,0,0,0.37);
-moz-box-shadow: 10px 10px 19px 0px rgba(0,0,0,0.37);
	display: flex;
	
	flex-direction:column;
	margin-bottom:2%;
	padding: 2%;
	padding: 6% 6% 6% 6%;
	
	 
	
	
	
}


.contenedor-programas3 #contact-pay .icons-bancos{
	width: 40%;
	margin: 0 auto;
	
	display: flex;
	
	flex-direction:row;
	margin-bottom:2%;
	margin-top:6%;
	align-items:center;
	justify-content:center;

	
	 
	
	
	
}

.contenedor-programas3 #contact-pay .icons-bancos img{
	margin-left:2%;
	margin-right:2%;
	

	
	 
	
	
	
}



.contenedor-programas3 #contact-pay .loge{
	width: 45%;
	margin: 0 auto;
	margin-bottom: 10%;
	
	
	 
	
	
	
}
 
.contenedor-programas3 #contact-pay .loge img{
	width: 100%;
	
	
	
	 
	
	
	
}







.contenedor-programas3 #contact-pay .short{
	width: 100%;
	
	display: flex;
	
	flex-direction:row;
	margin-bottom:3%;
	
	
	
	
	
}
.contenedor-programas3 #contact-pay .short .out{
width: 98%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	
	border:2px solid #999;
	background-color: #fff;
	border-radius:1.1vh;
	padding:0.7%;
	
	
	
}
.contenedor-programas3 #contact-pay .short .space{
width: 4%;
	
	
	
	 
	
}



.contenedor-programas3 #contact-pay .short .out img{
width: 2.9vh;
	
	display: flex;
	position:absolute;
	
	flex-direction:column;
	top:0.3vh;
		margin-left: 1vh;
	
}



.contenedor-programas3 #contact-pay .short .out input{
width: 75%;
	
	display: flex;
	margin-left:24%;
	height:3vh;
	border:0px;
	
		
	
}

 




.contenedor-programas3 #contact-pay .large3{
	width: 90%;
	margin:0 auto;
	
	display: flex;
	
	flex-direction:row;
	align-items:center;
	justify-content:center;
	margin-bottom:2%;
	margin-top:6%;
	font-size:1.5vh;
	font-weight:600;
	
	
	
	
	
}








.contenedor-programas3 #contact-pay .large{
	width: 100%;
	
	display: flex;
	
	flex-direction:row;
	margin-bottom:3%;
	
	
	
	
	
}
.contenedor-programas3 #contact-pay .large .out{
width: 100%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	
	border:2px solid #999;
	background-color: #fff;
	border-radius:1.1vh;
	padding:0.7%;
	
	
	
}




.contenedor-programas3 #contact-pay .large .out img{
width: 2.9vh;
	
	display: flex;
	position:absolute;
	
	flex-direction:column;
	top:0.2vh;
	margin-left: 1vh;
		
	
}



.contenedor-programas3 #contact-pay .large .out input{
width: 88%;
	
	display: flex;
	margin-left:12%;
	height:3vh;
	border:0px;
	
		
	
}

 











































 

.contenedor-programas2 .right-cotiza #contact-cotizas .short4 p{
	  width:40%;
	
	height:auto;
	
	display:flex;
	
	
	font-size:1.5vh;
	
	
	
	font-weight:600;
	
	color: #01195B;
	
	
	
	
}
.contenedor-programas2 .right-cotiza #contact-cotizas .short4 .out{
width: 60%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	height:4.5vh;
	border:2px solid #999;
	background-color: #fff;
	border-radius:1.1vh;
	padding:0.7%;
	
	
	
}
.contenedor-programas2 .right-cotiza #contact-cotizas .short4 .space{
width: 3%;
	
	
	
	 
	
}



.contenedor-programas2 .right-cotiza #contact-cotizas .short4 .out img{
width: 3.1vh;
	
	display: flex;
	position:absolute;
	
	flex-direction:column;
	top:0.4vh;
		
	
}



.contenedor-programas2 .right-cotiza #contact-cotizas .short4 .out input{




width: 88%;
	
	display: flex;
	margin-left:12%;
	height:4vh;
	border:0px;
	
		
	
}

 
.grid-ventajas{
       
        
	width: 82%;
	margin: 0 auto;
		
		display: grid;
	
		 grid-template-columns: 47% 47%;
    gap: 3% 3%;
	
	justify-content: center;
	margin-bottom:5%;
	
	
	
		
		
    }
	.container-jasor{
		margin:0 auto;
		width:80%;
		display:flex;
		margin-bottom:3%;
		margin-top:1%;
		
		
	}
	
	
.text-areacin3{
    position: absolute;
   
    left: 0%;
	bottom:100px;
    width: 100%;
	list-style:none;
    height: auto;
    padding: 1.2%;
	z-index:100000;
	
    color: #01195B;
    font-size: 2.3vh;
    font-weight: 700;
    background-color:#dfdfdf;
    text-align: left;
	
		
}



.grid-ventajas .cen{
       
        
	width: 100%;

		display: flex;
		align-items:center;
	
		
	
	flex-direction:row;
	
	
	padding:1% 3% 1% 3%;
	background-color:#dfdfdf;
	
	
		
		
    }
	
.grid-ventajas .cen img{
       
        
	width:5.5%;

		display: flex;
		margin-right:4%;
	
		
	
	flex-direction:row;
	
	
	
	
	
		
		
    }
.grid-ventajas .cen p{
       
    width:80%;
	
	height:auto;
	
	display:flex;
	
	
	font-size:2.3vh;
	
	
	
	font-weight:600;
	
	color: #01195B;
	
	
	
	
	
		
		
    }
.all-grid-cot{
       
        
	width: 85%;
	margin: 0 auto;
		
		display: grid;
	
		 grid-template-columns: 98%;
    gap: 2% 2%;
	
	justify-content: center;
	margin-bottom: 10%;
	
	
		
		
    }

.all-grid-cot .caja-gerl{
       
        
	width: 100%;
	margin: 0 auto;
		
		display: flex;
	flex-direction: row;
	
		 
	
	border: 2px solid #DE6826;
	position: relative;
	
	padding: 0.1%;
	padding-left:10.5%;
	align-items:center;
	
	
		
		
    }
	
	.all-grid-cot .caja-gerl a{
       
   padding: 1.4%;
	text-decoration: none;
	border-radius: 1.2vh;
	
	background-color: #DE6826;
	font-size: 2.2vh;
	height:auto;
	font-weight: 600;
	color: #fff;
	
	

		
		
    }
	
	
	
	
	
.all-grid-cot .caja-gerl p{
       
        
	width:70%;
	
	height:auto;
	
	display:flex;
	
	
	font-size:2.9vh;
	margin-right:6%;
	text-align:left;
	
	font-weight:600;
	
	color: #01195B;
	
		
		
    }

.all-grid-cot .caja-gerl .picture{
       
        
	width: 10%;
	position: absolute;
	left: -3%;
	top: -6.2%;
	
	
		
		display: flex;
	flex-direction: row;
	
		 
	justify-content: center;
	
	
	
	
	
		
		
    }

.all-grid-cot .caja-gerl .picture img{
       
        
	width: 100%;
	
	
	
		
		
    }


.all-grid-cot .celda{
       
        
	width: 100%;
	margin: 0 auto;
		
		display: flex;
	flex-direction: column;
	
		 
	justify-content: center;
	border: 2px solid #DE6826;
	position: relative;
	margin-bottom: 3%;
	padding: 2%;
	
	
		
		
    }

.all-grid-cot .celda .enlaces{
       
        
	width: 84%;
	margin: 0 auto;
		
		display: flex;
	flex-direction: row;
	
		 
	justify-content: center;
	align-items:center;

	
	
	margin-bottom: 1%;
	
	
	
		
		
    }
.all-grid-cot .celda .enlaces a{
	padding: 1.5%;
	text-decoration: none;
	border-radius: 1.2vh;
	margin-left: 3%;
	background-color: #DE6826;
	font-size: 1.4vh;
	font-weight: 600;
	color: #fff;
	
	margin-right: 3%;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5)  ; 
	-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5)  ; 
	-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5)  ; 
	`}

.all-grid-cot .celda .lis{
       
        
	width:84%;
	margin: 0 auto;
	
		
		display: flex;
	flex-direction: column;
	
	
	
	
	margin-bottom: 1%;
	margin-top: 0%;
	
	
	
		
		
    }
.all-grid-cot .celda .lis .lis-points{
       
        
	width:100%;
	margin: 0 auto;
	
		
		display: flex;
	flex-direction: column;
	
	
	
	
	margin-bottom: 1%;
	margin-top: 0%;
	
	
	
		
		
    }

.all-grid-cot .celda .lis .lis-points li{
       
        
	 width:100%;
	height:auto;
	
	list-style: circle !important;
	
	
	font-size:2vh;
	text-align:left;
	margin-top:0.5%;
	margin-bottom: 0%;
	font-weight:600;
	
	color: #01195B;
	
		
		
    }


.all-grid-cot .celda .lis h4{
       
         
	width:100%;
	
	height:auto;
	display:block;
	
	
	font-size:1.9vh;
	text-align:left;
	margin-top:1%;
	margin-bottom: 1%;
	font-weight:600;
	
	color: #01195B;
	
	
		
		
    }

.all-grid-cot .celda h2{
       
        
	
		  width:100%;
	height:auto;
	display:block;
	
	
	font-size:3.7vh;
	text-align:center;
	margin-top:0.5%;
	margin-bottom: 0%;
	font-weight:700;
	
	color: #DE6826;
		
    }

.all-grid-cot .celda h3{
       
        
	
		  width:100%;
	height:auto;
	display:block;
	
	
	font-size:3.2vh;
	text-align:center;
	margin-top:1%;
	margin-bottom: 2%;
	font-weight:700;
	
	color: #01195B;
		
    }

.all-grid-cot .celda span{
       
        
	width: 17%;
	position: absolute;
	color: #fff;
	font-size: 1.7vh;
	font-weight: 600;
	left: 5%;
	top: -10.6%;
	
		display: flex;
	
	
	
	
		
		
    }

.all-grid-cot .celda span small{
       
        
	width: 90%;
	position: absolute;
	color: #fff;
	font-size: 2vh;
	font-weight: 600;
	left: 3.5%;
	text-align: center;
	top: 33%;
	
		display: block;
	
	
	
	
		
		
    }


.all-grid-cot .celda span img{
       
        
	width: 100%;
	position: relative;
	display: flex;
	
	justify-content: center;
	align-items: center;
	
		
    }


 

.tab4 {
       
        
	width: 75%;
	margin: 0 auto;
		
		display: grid;
	
		 grid-template-columns: 25.35% 25.35%;
    gap: 2% 2%;
	
	justify-content: center;
	
	
	
		
		
    }
    /* Style the buttons inside the tab */
    
    .tab4 button {
        background-color: inherit;
        
        border: none;
		margin-bottom: 4%;
        outline: none;
        cursor: pointer;
        width: auto;
        padding-top:1%;
        padding-bottom: 1%;
        padding: 6%;

		color:#01195B;
		border-radius:2vh 2vh 2vh 2vh;
        
        transition: 0.3s;
        font-size: 1.4vh;
        font-weight: 700;

    }
 .tab4 button:hover {
        color: #274866;
		background-color:#DE6826;
        
    }
    /* Create an active/current tablink class */
    
    .tab4 button.active {
      background-color:#DE6826;
	  
        color: #fff;
    }
    /* Style the tab content */
    





.tab3 {
       
        
	width: 75%;
	margin: 0 auto;
		
		display: grid;
	
		 grid-template-columns: 25.35% 25.35% 25.35%;
    gap: 2% 2%;
	
	justify-content: center;
	
	
	
		
		
    }
    /* Style the buttons inside the tab */
    
    .tab3 button {
        background-color: inherit;
        
        border: none;
		margin-bottom: 4%;
        outline: none;
        cursor: pointer;
        width: auto;
        padding-top:1%;
        padding-bottom: 1%;
        padding: 6%;

		color:#01195B;
		border-radius:2vh 2vh 2vh 2vh;
        
        transition: 0.3s;
        font-size: 1.4vh;
        font-weight: 700;

    }
 .tab3 button:hover {
        color: #274866;
		background-color:#DE6826;
        
    }
    /* Create an active/current tablink class */
    
    .tab3 button.active {
      background-color:#DE6826;
	  
        color: #fff;
    }
    /* Style the tab content */
    




 .button-cotiz3 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 4%;
	margin-top:0%;
        
		
	
        
    } 

 .button-cotiz3  a{
	color: #fff;
        background: #DE6826;
        width: 56%;
        display: flex;
        flex-direction: row;
        border-radius: 1vh;
        padding:3%;
	border: 0px;
        align-items: center;
        justify-content: center;
        font-size: 1.6vh;
	font-weight: 700;
        
	cursor: pointer;
		
		

        text-decoration: none;
     
		
	
        
    } 












.buton-numeros2{
	width: 100%;
	margin: 0 auto;
	display: flex;
	padding: 1%;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	margin-bottom: 3.5%;
	margin-top: 2%;
	
}



.buton-numeros2 .center{
	width: auto;
	
	 grid-template-columns: repeat(auto-fill, minmax(700px, 1fr));
    gap: 2% 2%;
	flex-direction: row;
	
	
	
	align-items: center;
	justify-content: center;
	
	display: flex;
	
	
} 
.buton-numeros2 .center a{
	width: 100%;
	padding: 4%;
	background-color: #E06726;
	color:#fff;
	font-size: 1.7vh;
	border-radius: 0.8vh;
	font-weight: 600;
	text-decoration: none;
	
	
	margin: 0 auto;
	
	
	display: flex;
	align-items: center;
	justify-content: center;
	
	
}




.piclist{
        margin-top: 30px;
		padding:0px;
	
    }
    .piclist li{
        display: inline-block;
		margin-left:1%;
		margin-right:1%;
        width: 22.4%;
        height: auto;
    }
    .piclist li img{
        width: 100%;
        height: auto;
    }

    /* custom style */
    .picZoomer-pic-wp,
    .picZoomer-zoom-wp{
       
    }

.back-cotiza{
	width:100%;
	display:flex;
	align-items:center;
	position:relative;
	justify-content:center;
	height:auto;
	
}

.back-cotiza .cotiza-center{
	width:80%;
	
	display:flex;
	flex-direction:row;
	margin-bottom:4%;
	margin-top:3%;

	
	
}
 
.back-cotiza .cotiza-center .tabs-all {
        width: 100%;
      	
		
	
        padding-top: 0%;
    }


.back-cotiza .image-girl{
	width:18%;
	right:0;
	bottom:0;
	display:flex;
	
	position:absolute;

	
	
}


.back-cotiza .image-girl img{
	width:100%;
	
	
	
}
.tab {
        overflow: hidden;
        background-color: #fff;
		
		display: flex;
		
		
		
    }
    /* Style the buttons inside the tab */
    
    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        width: 25%;
        padding-top:1%;
        padding-bottom: 1%;
        padding: 1.6%;
		color:#01195B;
		border-radius:2vh 2vh 0 0;
        
        transition: 0.3s;
        font-size: 2.6vh;
        font-weight: 700;

    }
	
.tabs-all {
        width: 100%;
        padding: 1%;
	
    }
    /* Change background color of buttons on hover */
    
    .tab button:hover {
        color: #274866;
		background-color:#CCC;
        
    }
    /* Create an active/current tablink class */
    
    .tab button.active {
      background-color:#CCC;
	  
        color: #274866;
    }
    /* Style the tab content */
    
 .tabcontent2 {
        display: none;
        width: 60%;
	
	 margin: 0 auto;
		
		
        height: auto;
		margin-bottom: 3%;
		padding: 1%;
        
    } 
.tabcontent2 .contenedor-programas-galery {
        
		width: 100%;
	overflow: hidden;
	
		border-radius: 3vh 3vh 3vh 3vh;
        
    } 
	
	
	
	
	
	 .button-cotiz2 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 4%;
	margin-top:0%;
        
		
	
        
    } 

 .button-cotiz2  a{
	color: #fff;
        background: #DE6826;
        width: 20%;
        display: flex;
        flex-direction: row;
        border-radius: 1vh;
        padding:1.5%;
	border: 0px;
        align-items: center;
        justify-content: center;
        font-size: 1.5vh;
	font-weight: 700;
        
	cursor: pointer;
		
		

        text-decoration: none;
     
		
	
        
    } 

	
	
	
.tabcontent2 .contenedor-programas-galery .button-cotiz {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0%;
	margin-top: 3%;
        
		
	
        
    } 

.tabcontent2 .contenedor-programas-galery .button-cotiz  a{
	color: #fff;
        background: #DE6826;
        width: 25%;
        display: flex;
        flex-direction: row;
        border-radius: 1vh;
        padding:1.5%;
	border: 0px;
        align-items: center;
        justify-content: center;
        font-size: 1.5vh;
	font-weight: 700;
        

	cursor: pointer;
		
		

        text-decoration: none;
     
		
	
        
    } 


.text-med2{
  
	
    width:92%;
	margin: 0 auto;
	height:auto;
	display:block;
	
	
	font-size:1.6vh;
	text-align:center;
	margin-top:2%;
	font-weight:600;
	
	margin-bottom: 3%;
	color: #001A5A;
  
} 


.text-med3{
  
	
    width:82%;
	margin: 0 auto;
	height:auto;
	display:block;
	
	
	font-size:1.7vh;
	text-align:left;
	margin-top:2%;
	font-weight:600;
	
	margin-bottom: 3%;
	color: #001A5A;
  
} 
.text-areacin2 {
    position: absolute;
    bottom: 0%;
    left: 0%;
    width: 100%;
    height: auto;
    padding: 1.5%;
	padding-left: 3%;
    color: #fff;
    font-size: 1.3vh;
    font-weight: 500;
    background-color:#01195B;
    text-align: left;
}

.text-areacin {
    position: absolute;
    bottom: 0%;
    left: 0%;
    width: 100%;
    height: auto;
    padding: 1.5%;
    color: #fff;
    font-size: 2vh;
	background-color:#01195B;
		
        
        transition: 0.3s;
    font-weight: 600;
    
    text-align: left;
}


/*jssor slider loading skin spin css*/

.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
/*jssor slider arrow skin 106 css*/

.jssora106 {
    display: block;
    position: absolute;
    cursor: pointer; 
}
.jssora106 .c {
    fill: #fff;
    opacity: 1;
    -webkit-box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 6x 6px rgba(0, 0, 0, 0.3);
}
.jssora106 .a {
    fill: none;
    stroke: #000;
    stroke-width: 350;
    stroke-miterlimit: 10;
}
.jssora106:hover .c {
    opacity: .9;
}
.jssora106:hover .a {
    opacity: .9;
}
.jssora106.jssora106dn .c {
    opacity: .8;
}
.jssora106.jssora106dn .a {
    opacity: 1;
}
.jssora106.jssora106ds {
    opacity: .3;
    pointer-events: none;
}
/*jssor slider thumbnail skin 101 css*/

.jssort101 .p {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    background: #000;
}
.jssort101 .p .cv {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    box-sizing: border-box;
    z-index: 1;
}
.jssort101 .a {
    fill: none;
    stroke: #fff;
    stroke-width: 400;
    stroke-miterlimit: 10;
    visibility: hidden;
}
.jssort101 .p:hover .cv,
.jssort101 .p.pdn .cv {
    border: none;
    border-color: transparent;
}
.jssort101 .p:hover {
    padding: 2px;
}
.jssort101 .p:hover .cv {
    background-color: rgba(0, 0, 0, 6);
    opacity: .35;
}
.jssort101 .p:hover.pdn {
    padding: 0;
}
.jssort101 .p:hover.pdn .cv {
    border: 2px solid #fff;
    background: none;
    opacity: .35;
}
.jssort101 .pav .cv {
    border-color: #fff;
    opacity: .35;
}
.jssort101 .pav .a,
.jssort101 .p:hover .a {
    visibility: visible;
}
.jssort101 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    opacity: .6;
}
.jssort101 .pav .t,
.jssort101 .p:hover .t {
    opacity: 1;
}
#closeButton {
    display: none;
}










    .tabcontent {
        display: none;
        width: 100%;
		border: 2px solid #CCC;
		border-radius: 0 0 6vh 6vh;
        height: auto;
		margin-bottom: 7%;
		padding: 2.3%;
        
    } 
    .tabcontent iframe {
        width: 100%;
        height: 100%;
    }
    .tabs-all-panel {
        width: 100%;
        padding: 4%;
        padding-top: 0%;
        height: auto;
    }
	
	
.contenedor-programas2  {
    display: flex;
  
	
    width: 100%;
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
} 
	
.contenedor-programas3  {
    display: flex;
  
	position:relative;
    width: 100%;
	align-items:center;

	
    height: auto;
	flex-direction:column;
  
}  
.contenedor-programas3  h8 {
    width:100%;
	
	height:auto;
	
	display:block;
	
	
	font-size:2.6vh;
	text-align: center;
	
	
	
	font-weight:800;
	
	color: #01195B;
	margin-bottom: 2%;
	
  
}  

.contenedor-programas3  h9 {
    width:100%;
	
	height:auto;
	
	display:block;
	
	
	font-size:2.1vh;
	text-align: center;
	
	
	
	font-weight:600;
	
	color: #01195B;
	
  
}  

.contenedor-programas3  .box-deli {
    width:90%;
	margin: 0 auto;
	padding: 1%;
	
	height:auto;
	
	display:flex;
	flex-direction: row;
	margin-top: 2%;
	
	
	
  
}  


.contenedor-programas3  .box-deli .deli-der {
    width:45%;
	margin-right: 2%;
	
	padding: 1%;
	
	height:auto;
	
	display:flex;
	flex-direction: column;
	align-items: center;
	
	
	
	
  
}  
 


.contenedor-programas3  .box-deli .deli-der #newpost22 {
        position: absolute;
        width: 80%;
        display: none;
        height: auto;
        padding: 1.5%;
		margin-left:50%;
		border-radius:1.5vh;
		
        margin-top: -6%;
        background: #fff;
        border: 2px solid #fcfcfc;
        -webkit-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
    }

.contenedor-programas3  .box-deli .deli-der #newpost22 h2 { 
       
        width: 80%;
		display:block;
		margin:0 auto;
		text-align:center;
		margin-bottom:2%;
        
	font-size:2.2vh;
	text-align: center;
	
	

	color: #01195B;
    }











  
.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2{
	width: 80%;
	margin: 0 auto;
	
	
	display: flex;
	
	flex-direction:column;
	margin-bottom:2%;
	padding: 2%;
	
	
	 
	
	
	
}


 
.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .back-pay{
	width: 100%;
	margin: 0 auto;
	border-radius: 1vh;
	background: #dfdfdf;
	border:1px solid #CCC;
	
	display: flex;
	
	flex-direction:column;
	margin-bottom:2%;
	padding: 4%;
	
	
	 
	
	
	
}


 
.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .back-pay .large4 span{
	font-weight:700;
	font-size: 1.5vh;
	
	
	
	color: #01195B;
	 
	
	
	
}



.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short{
	width: 100%;
	
	display: flex;
	
	flex-direction:row;
	margin-bottom:2.5%;
	
	
	
	
	
}


.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short h3{
font-size:1.9vh;
	text-align:left;
	display:block;
	margin-bottom:0%;
	margin-top:1%;
	width:50%;
	
	
	
	font-weight:700;
	
	color: #01195B;
	
	
	
	
	
	
}
 

.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short .space{

	width:4%;

}
.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short .out{
width: 98%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	
	border:2px solid #999;
	background-color: #fff;
	border-radius:1.1vh;
	padding:0.7%;
	
	
	
}
.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short .space{
width: 4%;
	
	
	
	 
	
}




.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short .out input{
width: 100%;
	
	display: flex;
	
	height:4vh;
	border:0px;
	
		
	
}

 

.send-home-totem-co2{
	color: #fff;
        background: #DE6826;
		margin:0 auto;
        width:30%;
        display: flex;
		margin-top:3%;
        flex-direction: row;
        border-radius: 1vh;
        padding:2.3%;
	border: 0px;
        align-items: center;
        justify-content: center;
        font-size: 1.9vh;
	font-weight: 700;
 

        text-decoration: none;
    
}















 
.contenedor-programas3  .box-deli .deli-der #buttono22{
       
        background: #DE6826;
	border: 0px;
        border-radius: 1vh;
        display: flex;
        flex-direction: row;
        width: 45%;
        align-items: center;
        font-weight: 600;
        padding: 2%;
	font-size: 1.7vh;
	color:#fff;
        justify-content: center;
        text-decoration: none;
        cursor: pointer;
    }



    .contenedor-programas3  .box-deli .deli-der #newpost22 .follow2 {
        grid-template-columns: 46% 46%;
        gap: 12% 6%;
		margin: 0 auto;
		
        display: grid;
    }
    .contenedor-programas3  .box-deli .deli-der #newpost22 .follow2 a {
        font-size: 0.8vw;
        color: #fff;
        width: 100%;
        display: flex;
        flex-direction: row;
        padding: 8%;
        align-items: center;
    }

.contenedor-programas3  .box-deli .deli-der p {
    width:100%;
	
	height:auto;
	margin-top: 4%;
	margin-bottom: 3%;
	display:block;
	
	
	font-size:1.9vh;
	text-align: center;
	
	
	
	font-weight:700;
	
	color: #01195B;
	
	
	
  
}  

.contenedor-programas3  .box-deli .deli-der p span {
    width:100%;
	
	height:auto;
	
	display:block;
	
	

	
	font-weight:500;
	
	color: #01195B;
	
	
	
  
}  

.contenedor-programas3  .box-deli .deli-der big {
    width:100%;
	
	height:auto;
	margin-top: 4%;
	margin-bottom: 3%;
	display:block;
	
	
	font-size:2.1vh;
	text-align: center;
	
	
	
	font-weight:600;
	
	color: #01195B;
	
	
	
  
}  


.contenedor-programas3  .box-deli .deli-der big span {
    width:100%;
	
	height:auto;
	
	display:block;
	
	

	
	font-weight:700;
	
	color: #01195B;
	
	
	
  
}  

.contenedor-programas3  .box-deli .deli-der img {
    width:36%;
	
	height:auto;
	
	display:flex;
	margin: 0 auto;
	
	
	
	
  
}  




.contenedor-programas3  .box-deli .deli-izq {
    width:45%;
	margin-left: 2%;
	align-items: center;
	padding: 1%;
	
	height:auto;
	
	display:flex;
	flex-direction: column;
	
	
	
  
}  


.contenedor-programas3  .box-deli .deli-izq big {
    width:100%;
	
	height:auto;
	margin-top: 4%;
	margin-bottom: 3%;
	display:block;
	
	
	font-size:2.1vh;
	text-align: center;
	
	
	
	font-weight:600;
	
	color: #01195B;
	
	
	
  
}  

.contenedor-programas3  .box-deli .deli-izq p {
    width:100%;
	
	height:auto;
	margin-top: 4%;
	margin-bottom: 3%;
	display:block;
	
	
	font-size:1.9vh;
	text-align: center;
	
	
	
	font-weight:700;
	
	color: #01195B;
	
	
	
  
}  

.contenedor-programas3  .box-deli .deli-izq p span {
    width:100%;
	
	height:auto;
	
	display:block;
	
	

	
	font-weight:500;
	
	color: #01195B;
	
	
	
  
}  

.contenedor-programas3  .box-deli .deli-izq big span {
    width:100%;
	
	height:auto;
	
	display:block;
	
	

	
	font-weight:700;
	
	color: #01195B;
	
	
	
  
}  

.contenedor-programas3  .box-deli .deli-izq img {
    width:36%;
	
	height:auto;
	
	display:flex;
	margin: 0 auto;
	
	
	
	
  
}  

.contenedor-programas3 .lista-car{
    display: grid;
  
	
    width: 100%;
	
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
	
		 grid-template-columns: 98%;
    gap: 2% 4%;
} 
.contenedor-programas3 .lista-car .car{
    display: flex;
  
	
    width: 100%;
	padding: 2%;
	border-bottom: 1px solid #CCC;
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
	
		
} 

.contenedor-programas3 .lista-car .car .totem-title{
    display: flex;
  
	
    width: 85%;
	
	
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
	
		
} 


.contenedor-programas3 .lista-car .car .totem-title span{
       display: flex;
  
	
    width: 16%;
	margin-left: 3%;
	
	
    height: auto;
	font-size: 1.9vh;
	
	
	font-weight:600;
	
	color: #001A5A;
	
  
	
		
} 


.contenedor-programas3 .lista-car .car .totem-title small{
       display: flex;
  
	
    width: 16%;
	margin-left: 3%;
	
	
    height: auto;
	font-size: 1.9vh;
	
	
	font-weight:600;
	
	color: #001A5A;
	
  
	
		
} 




.contenedor-programas3 .lista-car .car .totem-title .campos-contacto-tot2{
	width: 20%;
	border-radius: 0.7vh;
	padding: 1%;
	border: 3px solid #DF6718;
	display: flex;
	flex-direction: row;
	
	
}
 

.contenedor-programas3 .lista-car .car .totem-title .campos-contacto-tot2{
	width: 20%;
	border-radius: 0.7vh;
	padding: 1%;
	border: 3px solid #DF6718;
	display: flex;
	flex-direction: row;
	
	
} 
.contenedor-programas3 .lista-car .car .totem-title .list-tot{
    display: flex;
  
	
    width: 36%;
	
	
	align-items:center;
	
    height: auto;
	flex-direction:column;
	margin-right: 1%;
  
	
		
} 


.contenedor-programas3 .lista-car .car .totem-title .list-tot h2{
   
        color: #DE6826;
        width: 100%;
        display: block;
        flex-direction: row;
       
	
        align-items: center;
        justify-content: center;
        font-size: 2.2vh;
	font-weight: 700;
	text-align: center;
    
	
		
} 

 
.contenedor-programas3 .lista-car .car .totem-title .list-tot .cuad{
   
        display: grid;
  
	
    width: 100%;
	
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
	
		 grid-template-columns: 48% 48%;
    gap: 1% 1%;
    
	
		
} 
.contenedor-programas3 .lista-car .car .totem-title .list-tot .cuad p{
   
        display: flex;
  
	
    width: 100%;
	
	
    height: auto;
	font-size: 1.7vh;
	padding: 1%;
	margin-bottom: 0.6%;
	margin-top: 0.6%;
	font-weight:600;
	
	color: #001A5A;
	
		
} 



.contenedor-programas3 .lista-car .car img{
    display: flex;
  
	
    width: 12%;
	margin-right: 3%;
	border: 1px solid #CCC;
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
} 














.contenedor-programas3 .lista-car .car2{
    display: flex;
  
	
    width: 100%;
	padding: 2%;
	
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
	
		
} 

.contenedor-programas3 .lista-car .car2 .totem-title{
    display: flex;
  
	
    width: 85%;
	
	
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
	
		
} 


.contenedor-programas3 .lista-car .car2 .totem-title span{
       display: flex;
  
	
    width: 16%;
	margin-left: 3%;
	
	
    height: auto;
	font-size: 1.9vh;
	
	
	font-weight:600;
	
	color: #001A5A;
	
  
	
		
} 


.contenedor-programas3 .lista-car .car2 .totem-title small{
       display: flex;
  
	
    width: 16%;
	margin-left: 3%;
	
	
    height: auto;
	font-size: 1.9vh;
	
	
	font-weight:600;
	
	color: #001A5A;
	
  
	
		
} 



.contenedor-programas3 .lista-car .car .totem-title .si{
	width: 30%;
	
	
	display: flex;
	flex-direction: column;
	
	
	
}

.contenedor-programas3 .lista-car .car .totem-title .fec{
	width: 40%;
	
	
	align-items: center;
	display: flex;
	flex-direction: column;
	
	
}


.contenedor-programas3 .lista-car .car .totem-title .fec .choose{
	width: 100%;
	
	
	display: flex;
	flex-direction: row;
	
	
}


.contenedor-programas3 .lista-car .car .totem-title .fec .choose input{
	width: 98%;
	
	
	display: flex;
	flex-direction: row;
	border-radius: 0.6vh;
	border: 2px solid #001A5A;
	padding: 1%;
	
	
}


.contenedor-programas3 .lista-car .car .totem-title .fec .choose .space{
	width: 4%;
	
	
	display: flex;
	flex-direction: row;
	
	
}
.contenedor-programas3 .lista-car .car .totem-title .fec h9{
	
    height: auto;
	font-size: 1.8vh;
	margin-bottom: 2%;
	margin-top: 0%;
	padding: 0;
	background-color: transparent;
	
	
	
	font-weight:600;
	
	color: #001A5A;
	
	
}
.contenedor-programas3 .lista-car .car .totem-title .si big{
	font-size: 1.9vh;
	margin-bottom: 1%;
	
	
	font-weight:600;
	
	color: #001A5A;
	
	
}

.contenedor-programas3 .lista-car .car .totem-title .si .campos-contacto-tot2{
	width: 70%;

	border-radius: 0.7vh;
	
	padding: 2%;
	
	display: flex;
	flex-direction: column;
	
	
}


.contenedor-programas3 .lista-car .car2 .totem-title .campos-contacto-tot2{
	width: 20%;
	border-radius: 0.7vh;

	padding: 1%;
	border: 3px solid #DF6718;
	display: flex;
	flex-direction: row;
	
	
}
 

.contenedor-programas3 .lista-car .car2 .totem-title .list-tot{
    display: flex;
  
	
    width: 36%;
	
	
	align-items:center;
	
    height: auto;
	flex-direction:column;
	margin-right: 1%;
  
	
		
} 


.contenedor-programas3 .lista-car .car2 .totem-title .list-tot h2{
   
        color: #DE6826;
        width: 100%;
        display: block;
        flex-direction: row;
       
	
        align-items: center;
        justify-content: center;
        font-size: 2.2vh;
	font-weight: 700;
	text-align: center;
    
	
		
} 

.contenedor-programas3 .lista-car .car .totem-title .list-tot h3{
   
        color: #DE6826;
        width: 100%;
        display: block;
        flex-direction: row;
	margin-bottom: 1%;
	margin-top: 1%;
       
	
        align-items: center;
        justify-content: center;
        font-size: 2.5vh;
	font-weight: 700;
	text-align: center;
    
	
		
} 
 
.contenedor-programas3 .lista-car .car2 .totem-title .list-tot .cuad{
   
        display: grid;
  
	
    width: 100%;
	
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
	
		 grid-template-columns: 48% 48%;
    gap: 1% 1%;
    
	
		
} 
.contenedor-programas3 .lista-car .car2 .totem-title .list-tot .cuad p{
   
        display: flex;
  
	
    width: 100%;
	
	
    height: auto;
	font-size: 1.7vh;
	padding: 1%;
	margin-bottom: 0.6%;
	margin-top: 0.6%;
	font-weight:600;
	
	color: #001A5A;
	
		
} 



.contenedor-programas3 .lista-car .car2 img{
    display: flex;
	visibility: hidden;
  
	
    width: 4%;
	margin-right: 11%;
	border: 1px solid #CCC;
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
} 

















	
.contenedor-programas2 .center-load  {
    display: flex;
  
	
    width: 100%;
	align-items:center;
	
    height: auto;
	flex-direction:column;
  
} 






.contenedor-programas2 .input-text {
    display: flex;
  
	
    width: 100%;
	
	
	
    height: auto;
	flex-direction:column;
	
  
} 

.contenedor-programas2 .input-text p{
    width:100%;
	height:auto;
	display:block;
	text-align: center;
	
	margin-bottom:0%;
	font-size:1.7vh;
	margin-top:0%;
	font-weight:600;
	
	color: #001A5A;
  
} 

.contenedor-programas2 .input-text .out{
    width:100%;
	height:auto;
	display:flex;
	
	margin-bottom:1%;
	margin-top:1%;
	
	
} 


.contenedor-programas2 .input-text .out #url{
     width:35%;
	margin: 0 auto;
	height: auto;
	padding: 1.2%;
	
	display:flex;
	
	margin-bottom:1%;
	margin-top:0%;
	font-weight:600;
	border-radius:1.6vh;
	border:2px solid #CCC !important;
	
	
} 

.contenedor-programas2 .center-load .mandar{
 
     
        width: 100%;
        display: flex;
        flex-direction: row;
       

        align-items: center;
        justify-content: center;
      
	


}
.contenedor-programas2 .center-load .mandar .send-home-load{
 color: #fff;
        background: #DE6826;
        width: 10%;
        display: flex;
        flex-direction: row;
        border-radius: 1vh;
        padding:1.5%;
	border: 0px;
        align-items: center;
        justify-content: center;
        font-size: 1.5vh;
	font-weight: 700;
        margin-bottom: 1%;
	cursor: pointer;
		
		

        text-decoration: none;
        font-weight: 500;



}








.contenedor-programas2 .center-load .carga  {
      display: flex;
  
	
    width: 45%;
	position:relative;
	
	
    height: auto;
	flex-direction:column;
	
  
} 



.contenedor-programas2 .center-load .carga .primer-caja3  {
      display: flex;
  
	
    width: 100%;
	
	
	
    height: auto;
	flex-direction:column;
	
  
} 


.contenedor-programas2 .center-load .carga .primer-caja3 h1{
  
	
    width:100%;
	height:auto;
	display:block;
	
	margin-bottom:1%;
	font-size:1.7vh;
	text-align:center;
	margin-top:1%;

	font-weight:600;
	margin-top:1%;
	margin-bottom: 4%;
	color: #001A5A;
  
}  

.text-med{
  
	
    width:62%;
	margin: 0 auto;
	height:auto;
	display:block;
	
	
	font-size:2vh;
	text-align:center;
	margin-top:1.5%;
	font-weight:600;
	
	margin-bottom: 3%;
	color: #001A5A;
  
} 
.grid-3-hor{
	width: 80%;
	margin: 0 auto;
		
		display: grid;
	
		 grid-template-columns: 30% 30% 30%;
    gap: 2% 4%;
	
	justify-content: center;
	margin-bottom:5%;
	
}

.grid-3-hor .celda-2{
	width: 100%;
	
		display: flex;
		flex-direction:column;
	
		
	
	margin-bottom:5%;
	position:relative;
	border:2px solid #DE6826;
	padding:5%;
	margin-top: 1%;
	align-items:center;
	
	
	
	
	
}


.grid-3-hor .celda-2 .lis{
	width: 100%;
	
		display: flex;
	padding-top: 10vh;
		flex-direction:column;
	
	 
	
	
	
}


.grid-3-hor .celda-2 .lis h4{
	width: 100%;
	color: #001A5A;
		display: block;
	text-align: center;
	margin-bottom: 2%;
	margin-top: 2%;
	font-size: 2.5vh;
		
	
	
	
	
	
	
	
}
.grid-3-hor .celda-2 .lis .lis-points{
	width: 100%;
	
		display: flex;
		flex-direction:column;
	height: 45vh;
	
	
	
	
	
	
	
}
.grid-3-hor .celda-2 .lis .lis-points li{
	width: 100%;
	font-size: 1.8vh;
		display: flex;
		flex-direction:row;
	font-weight: 600;
	color: #001A5A;
	align-items: center;
	margin-bottom: 2.5%;
	margin-top: 1%;
	
	
	
	
	
	
}

.grid-3-hor .celda-2 .lis .lis-points li img{
	width: 6%;
	margin-right: 3%;
	
	
	
	
	
	
	
}
.grid-3-hor .celda-2 span{
	width: 56%;
	position:absolute;
	
	top:-5.3%;
	
		display: flex;
		flex-direction:column;
	
	 
}
.grid-3-hor .celda-2 span img{
	width: 100%;
	position:relative;
	
	
	display: flex;
	
	justify-content: center;
	align-items: center;
	
	
}


.grid-3-hor .celda-2 span small{
       
        
	width: 90%;
	position: absolute;
	color: #fff;
	font-size: 2vh;
	font-weight: 600;
	left: 3.5%;
	text-align: center;
	top: 22%;
	
		display: block;
	
	
	
	
		
		
    }







.contenedor-programas2 .center-load h4{
  
	
    width:100%;
	height:auto;
	display:block;
	
	
	font-size:2.3vh;
	text-align:left;
	margin-top:2%;
	margin-bottom: 4%;
	font-weight:700;
	
	color: #001A5A;
  
} 
.contenedor-programas2 .center-load .carga h2{
  
	
    width:100%;
	height:auto;
	display:block;
	
	margin-bottom:1%;
	font-size:1.5vh;
	text-align:center;
	margin-top:3%;
	margin-bottom: 3%;
	font-weight:600;
	
	color: #001A5A;
  
} 



.contenedor-programas2 .center-load .carga .primer-caja3  #myDIVIfiles {
        
        width: 80%;
		margin:0 auto;        
        border-radius: 8px;
		
       
        padding: 1%;
		display:flex;
       
      
		border:0.5vh dashed #fcfcfc;
       
        flex-direction: column;
        
    }
    



 .contenedor-programas2 .center-load .carga .primer-caja3 #myDIVIfiles a {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }
  .contenedor-programas2 .center-load .carga .primer-caja3 #myDIVIfiles a img {
        width: 5%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }




.contenedor-programas2 .center-load .carga .primer-caja3 #myDIVIfiles p#texto {
        color: #001A5A;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 0.75vw;
        font-weight: 600;
    }
 .contenedor-programas2 .center-load .carga .primer-caja3 #myDIVIfiles p#texto img {
        width: 10%;
	 margin: 0 auto;
       
    }
.contenedor-programas2 .center-load .carga .primer-caja3 #myDIVIfiles div#div_file {
		display:flex;
		flex-direction:column;
        
        margin: 0%;
        padding: 0%;
        width: auto;
    }
.contenedor-programas2 .center-load .carga .primer-caja3 #myDIVIfiles input#btn_enviar {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
	 





























.contenedor-programas2 .caja-grid  {
    display: flex;
  
	
    width: 100%;
	align-items:center;
	
    height: auto;
	flex-direction:column;
  
} 
 
.contenedor-programas2 .caja-grid .two-parts  {
    display: flex;
  
	
    width: 92%;
	
	margin:0 auto;
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
} 



.contenedor-programas2 .caja-grid .two-parts .carga  {
      display: flex;
  
	
    width: 45%;
	position:relative;
	
	
    height: auto;
	flex-direction:column;
	
  
} 



.contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2  {
      display: flex;
  
	
    width: 100%;
	
	
	
    height: auto;
	flex-direction:column;
	
  
} 


.contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2 h1{
  
	
    width:100%;
	height:auto;
	display:block;
	
	margin-bottom:1%;
	font-size:1.7vh;
	text-align:center;
	margin-top:1%;
	font-weight:700;
	
	color: #001A5A;
  
} 


.contenedor-programas2 .caja-grid .two-parts .carga h2{
  
	
    width:100%;
	height:auto;
	display:block;
	
	margin-bottom:1%;
	font-size:1.5vh;
	text-align:center;
	margin-top:1%;
	font-weight:700;
	
	color: #001A5A;
  
} 



.contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2  #myDIVIfiles {
        
        width: 80%;
		margin:0 auto;        
        border-radius: 8px;
		
       
        padding: 1%;
		display:flex;
       
      
		border:2px dashed #888;
       
        flex-direction: column;
        
    }
    



 .contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2 #myDIVIfiles a {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }
  .contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2 #myDIVIfiles a img {
        width: 5%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }




.contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2 #myDIVIfiles p#texto {
        color: #001A5A;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 0.75vw;
        font-weight: 600;
    }
 .contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2 #myDIVIfiles p#texto img {
        width: 15%;
        margin-right: 3%;
    }
.contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2 #myDIVIfiles div#div_file {
		display:flex;
		flex-direction:column;
        
        margin: 0%;
        padding: 0%;
        width: auto;
    }
.contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2 #myDIVIfiles input#btn_enviar {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
	 









.contenedor-programas2 .caja-grid .two-parts .input-text {
    display: flex;
  
	
    width: 50%;
	margin-right:5%;
	
	
    height: auto;
	flex-direction:column;
	
  
} 

.contenedor-programas2 .caja-grid .two-parts .input-text p{
    width:100%;
	height:auto;
	display:block;
	
	margin-bottom:1%;
	font-size:1.7vh;
	margin-top:1%;
	font-weight:700;
	
	color: #001A5A;
  
} 

.contenedor-programas2 .caja-grid .two-parts .input-text .out{
    width:100%;
	height:auto;
	display:flex;
	
	margin-bottom:1%;
	margin-top:1%;
	
	
} 

.contenedor-programas2 .caja-grid .two-parts .input-text .out textarea{
    width:100%;
	height:15vh;
	display:flex;
	
	margin-bottom:1%;
	margin-top:1%;
	font-weight:600;
	border-radius:1.6vh;
	border:2px solid #CCC !important;
	
} 


.contenedor-programas2 .caja-grid  h2 {
    width:100%;
	height:auto;
	display:block;
	text-align:center;
	margin-bottom:1%;
	font-size:2.6vh;
	margin-top:2%;
	
	color: #001A5A;
  
} 

.contenedor-programas2 .caja-grid  h3 {
    width:100%;
	height:auto;
	display:block;
	text-align:center;
	margin-bottom:3%;
	font-size:1.7vh;
	margin-top:1%;
	
	color: #001A5A;
  
} 
 
.contenedor-programas2 .caja-grid .grid-selec  {
   
    width: 90%;
	margin: 0 auto;
	
	
	
    height: auto;
	flex-direction:column;
	
	grid-template-columns: 32% 32% 32%;
	align-items: center;
	justify-content: center;
        gap: 0% 3%;
		
		
        display: grid;
	
  
} 

.contenedor-programas2 .caja-grid .grid-selec .container-select  {
   
    width: 100%;
	margin-bottom: 7%;
	background-color: #dfdfdf;
	padding: 15% 5% 15% 5%;
	
	
	
	
	
    height: auto;
	flex-direction:column;
	
	
	
	
	align-items: center;
	justify-content: center;
       
		
		
        display: flex;
	
	
	position: relative;
  
	font-weight: 600;
	color: #001A5A;
  cursor: pointer;
  font-size: 1.9vh;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	
  
} 


.contenedor-programas2 .caja-grid .grid-selec .container-select p  {
   
   font-weight: 600;
	color: #001A5A;
  
  font-size: 1.9vh;
  margin-bottom:1%;
  margin-top:2%;
  padding:0px;
	
	
	
	
}

.contenedor-programas2 .caja-grid .grid-selec .container-select img{
   
   
  margin-bottom:1%;
  margin-top:2%;
  width:45%;
 
	
	
	
	
}


/* Hide the browser's default checkbox */
.container-select input {
  
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmar3 {
 
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #001A5A;
	border: 2px solid #DE6826;

  
border-radius: 50px;
}

/* Style the checkmark/indicator */
.container-select .checkmar3:after {

  left: 9px;
  top: 5px;
  width: 20px;
  height: 20px;
  
	
   
 
}
/* On mouse-over, add a grey background color */
.container-select:hover input ~ .checkmar3 {
  
}

/* When the checkbox is checked, add a blue background */
.container-select input:checked ~ .checkmar3 {
  background-color: #fff
}




.contenedor-programas2 .content-empleados  {
    display: flex;
  
	
    width: 100%;
	
	
    height: auto;
	flex-direction:column;
  
} 


.contenedor-programas2 .content-empleados h3  {
     display: block;
  
	
    width: 100%;
	text-align: left;
	
    height: auto;
	flex-direction:column;
	
	
	font-size: 2vh;
	font-weight: 700;
	
	margin-bottom: 1%;
	margin-top: 1%;
  color: #001A5A;
  
} 

.contenedor-programas2 .content-empleados p{
     display: block;
  
	
    width: 100%;
	text-align: left;
	
    height: auto;
	flex-direction:column;
	
	
	font-size: 1.7vh;
	font-weight: 600;
	
	margin-bottom: 1%;
	margin-top: 0%;
  color: #001A5A;
  
} 
.contenedor-programas2 .content-empleados .large  {
    display: flex;
  
	
    width: 100%;
	margin-top: 2%;
	
	
    height: auto;
	flex-direction:column;
  
} 

.contenedor-programas2 .content-empleados .large .out  {
    display: flex;
  
	
    width: 100%;
	
	
    height: auto;
	flex-direction:column;
  
} 
.contenedor-programas2 .content-empleados .large .out textarea  {
    display: flex;
	border-radius: 1.3vh;
	height: 15vh;
	background-color: #dfdfdf;
	
	padding: 2%;
  font-family: 'Montserrat', sans-serif;
	
    width: 100%;
	
	
  
	flex-direction:column;
  
} 

.contenedor-programas2 .content-1-acabado  {
    display: flex;
  
	
    width: 100%;
	align-items:center;
	
    height: auto;
	flex-direction:column;
  
} 

.contenedor-programas2 .content-1-acabado h2  {
    display: block;
  
	
    width: 100%;
	text-align: left;
	
    height: auto;
	flex-direction:column;
	
	
	font-size: 2.7vh;
	
	margin-bottom: 1%;
	margin-top: 1%;
  color: #001A5A;
	
  
} 

.contenedor-programas2 .content-1-acabado p {
    display: block;
  
	
    width: 100%;
	text-align: left;
	
    height: auto;
	flex-direction:column;
	
	
	font-size: 1.7vh;
	
	margin-bottom: 0%;
	margin-top: 0%;
	font-weight: 400;
  color: #001A5A;
	
  
} 




.inputs-circle2{
    display: flex;
	
    width: 38%;
	
	margin: 0 auto;
	 
	flex-direction:column;border-radius: 1.5vh;
	padding: 2%;
	padding-left: 6%;
	padding-right: 6%;
	background-color: #dfdfdf;
	margin-top: 2.5%;
  
} 

	
.contenedor-programas2 .left-cotiza  {
    display: flex;
  
	
    width: 45%;
	margin-right:3%;
	
    height: auto;
	flex-direction:column;
	align-items: center;
	justify-content: center;
  
} 
	
.contenedor-programas2 .left-cotiza h2  {
    display: block;
	text-align: left;
	font-size: 5.3vh;
	width: 70%;
	margin-bottom: 1%;
	margin-top: 1%;
  color: #001A5A;
	
   
  
} 

.contenedor-programas2 .left-cotiza h3  {
    display: block;
	text-align: left;
	font-size: 3vh;
	width: 70%;
  color: #001A5A;
	
   margin-bottom: 1%;
	margin-top: 1%;
  
} 


.contenedor-programas2 .left-cotiza p  {
    display: block;
	text-align: left;
	font-size: 1.6vh;
	width: 70%;
  color: #001A5A;
	
   margin-bottom: 1%;
	margin-top: 2%;
  
} 


.contenedor-programas2 .right-cotiza  {
    display: flex;
  
	
    width: 52%;
	
    height: auto;
	flex-direction:column;
  
} 

.contenedor-programas2 .right-cotiza #contact-cotizas{
    display: flex;
	padding: 2.8%;
	padding-left: 5%;
	padding-right: 5%;
  
	
    width: 100%;
	background-color:#DFDFDF;
	border-radius: 3vh;
	
    height: auto;
	flex-direction:column;
  
} 
.contenedor-programas2 .right-cotiza #contact-cotizas .large-unit{
     display: flex;
	
    width: 70%;
	margin: 0 auto;
	 
	flex-direction:row;
	margin-top: 1%;
	margin-bottom: 3%;
  
} 
.contenedor-programas2 .right-cotiza #contact-cotizas .large-unit .out{
     display: flex;
	
    width: 100%;
	
	 
	flex-direction:row;
	margin-top: 0%;
  
} 
.contenedor-programas2 .right-cotiza #contact-cotizas .large-unit	.out p{
     display: flex;
	font-weight: 700;
    width: 18%;
	color: #001A5A;
  cursor: pointer;
  font-size: 1.7vh;
	
	 
	
  
}  

.contenedor-programas2 .right-cotiza #contact-cotizas .large-unit	.out	 input{
     display: flex;
	font-weight: 700;
    width: 82%;
	
  font-size: 1.7vh;
	background-color: transparent;
	border: 0px;
	border-bottom: 2px solid #001A5A;
	
	 
	
  
} 



.contenedor-programas2 .right-cotiza #contact-cotizas .inputs-circle{
    display: flex;
	
    width: 70%;
	margin: 0 auto;
	 
	flex-direction:row;
	margin-top: 4%;
  
} 

 

.container-check {
  display: flex;
	flex-direction: row;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
	font-weight: 700;
	color: #001A5A;
  cursor: pointer;
  font-size: 1.7vh;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
}

/* Hide the browser's default checkbox */
.container-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmar {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #001A5A;
	border: 2px solid #DE6826;

  
border-radius: 50px;
}

/* Style the checkmark/indicator */
.container-check .checkmar:after {

  left: 9px;
  top: 5px;
  width: 20px;
  height: 20px;
  
	
   
 
}
/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmar {
  
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmar {
  background-color: #fff
}





.checkmar2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #DE6826;
	border: 2px solid #DE6826;

  
border-radius: 50px;
}

/* Style the checkmark/indicator */
.container-check .checkmar2:after {

  left: 9px;
  top: 5px;
  width: 20px;
  height: 20px;
  
	
   
 
}
/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmar2 {
  
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmar2 {
  background-color: #fff
}








/* Create the checkmark/indicator (hidden when not checked) */
.checkmar:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-check  input:checked ~ .checkmar:after {
  display: block;
}





.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  
border-radius: 15px;
}





.contenedor-programas2 .right-cotiza #contact-cotizas .mandar{
    
  
	
    width: 100%;
	margin-top: 2%;
	margin-bottom: 1%;
	display:flex;
	align-items: center;
	justify-content: center;
	
	
    height: auto;
	flex-direction:column;
  
} 


.contenedor-programas2 .right-cotiza #contact-cotizas .mandar .send-home-cotiza-mod{
    
   color: #fff;
        background: #DE6826;
        width: 25%;
        display: flex;
        flex-direction: row;
        border-radius: 12px;
        padding: 2%;
	border: 0px;
        align-items: center;
        justify-content: center;
        font-size: 1.4vh;
	font-weight: 700;
        margin-bottom: 1%;
	cursor: pointer;
		
		

        text-decoration: none;
        font-weight: 500;
  
} 

.contenedor-programas2 .right-cotiza #contact-cotizas h2{
    display: block;
	
	text-align: center;
	font-size: 2.4vh;
	width: 100%;
  color: #001A5A;
	
   margin-bottom: 2.5%;
	margin-top: 1%;
  
} 



.contenedor-programas2 .right-cotiza #contact-cotizas .large{
	width: 100%;
	
	display: flex;
	
	flex-direction:column;
	margin-bottom:3%;
	
	
	
	
	
}


.contenedor-programas2 .right-cotiza #contact-cotizas .large{
	width: 100%;
	
	display: flex;
	
	flex-direction:column;
	margin-bottom:3%;
	
	
	
	
	
}


.contenedor-programas2 .right-cotiza #contact-cotizas .large p{
	 display: block;
	
	
	font-size: 1.6vh;
	width: 100%;
  color: #001A5A;
	
   margin-bottom: 2%;
	font-weight: 600;
	margin-top: 1%;
	
	
	
}
.contenedor-programas2 .right-cotiza #contact-cotizas .large textarea{
	width: 100%;
	
	display: flex;
	background-color: #fff;
	
	
	border:2px solid #999;
	border-radius:1.1vh;
	height: 12vh;
	padding:0.7%;
	
	
	
}

.contenedor-programas2 .right-cotiza #contact-cotizas .large .out{
	width: 100%;
	
	display: flex;
	background-color: #fff;
	flex-direction:column;
	position:relative;
	
	border:2px solid #999;
	border-radius:1.1vh;
	padding:0.7%;
	
	
	
}

.contenedor-programas2 .right-cotiza #contact-cotizas .large .out img{
	width: 3.1vh;
	
	display: flex;
	position:absolute;
	
	flex-direction:column;
	
	top:0.5vh;
	
	
}

.contenedor-programas2 .right-cotiza #contact-cotizas .large .out input{
	width: 92%;
	
	display: flex;
	margin-left:5%;
	height:3vh;
	border:0px;
	
	
	
	
	
	
	
}

.contenedor-programas2 .right-cotiza #contact-cotizas .short{
	width: 100%;
	
	display: flex;
	
	flex-direction:row;
	margin-bottom:3%;
	
	
	
	
	
}
.contenedor-programas2 .right-cotiza #contact-cotizas .short .out{
width: 98%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	
	border:2px solid #999;
	background-color: #fff;
	border-radius:1.1vh;
	padding:0.7%;
	
	
	
}
.contenedor-programas2 .right-cotiza #contact-cotizas .short .space{
width: 4%;
	
	
	
	 
	
}



.contenedor-programas2 .right-cotiza #contact-cotizas .short .out img{
width: 3.1vh;
	
	display: flex;
	position:absolute;
	
	flex-direction:column;
	top:0.4vh;
		
	
}



.contenedor-programas2 .right-cotiza #contact-cotizas .short .out input{
width: 88%;
	
	display: flex;
	margin-left:12%;
	height:3vh;
	border:0px;
	
		
	
}

 


.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
margin-bottom:4%;
	
}

 
.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:row;
	
	position:relative;
	align-items:center;
	justify-content:center;
	
	
}


.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja{
	width:52%;
	height:auto;
	display:flex;
	flex-direction:column;
	
	position:relative;
	align-items: center;
	justify-content: center;
	
	
}

.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja h1{
	width:100%;
	height:auto;
	display:block;
	text-align:center;
	margin-bottom:4%;
	font-size:1.8vh;
	margin-top:2%;
	
	color: #001A5A;
	
}


.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
	
	position:relative;
	align-items:center;
	justify-content:center;
	
}
.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 h1{
	width:100%;
	height:auto;
	display:block;
	text-align:center;
	margin-bottom:3%;
	font-size:1.7vh;
	font-weight:600;
	margin-top:2%;
	
	color: #001A5A;
	
}


.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:row;
	
	position:relative;
	align-items: center;
	justify-content: center;
	
	
}


.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 .out{
	width:55%;
	height:auto;
	display:flex;
	flex-direction:row;
	
	position:relative;
	align-items: center;
	justify-content: center;
	
	
}


.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 .out input{
	width:100%;
	height:auto;
	display:flex;
	padding:2%;
	margin-left:2%;
	border-radius:0.7vh;
	flex-direction:row;
	padding-top:2%;
	padding-bottom:2%;
	
	position:relative;
	align-items: center;
	justify-content: center;
	
	
}



.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2   #myDIVIfiles {
        
        width: 40%;
        
        border-radius: 8px;
		
       
        padding: 1%;
		margin-right:5%;
		display:flex;
       
      
		border:2px dashed #888;
       
        flex-direction: column;
        
    }
    



 .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles a {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }
   .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles a img {
        width: 5%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }




.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles p#texto {
        color: #001A5A;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 0.75vw;
        font-weight: 600;
    }
 .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles p#texto img {
        width: 15%;
        margin-right: 3%;
    }
  .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles div#div_file {
		display:flex;
		flex-direction:column;
        
        margin: 0%;
        padding: 0%;

        width: auto;
    }
    .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles input#btn_enviar {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
	 























.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja   #myDIVIfiles {
        
        width: 100%;
        
        border-radius: 8px;
		
       
        padding: 1%;
		display:flex;
       
      
		border:2px dashed #888;
       
        flex-direction: column;
        
    }
    



 .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja #myDIVIfiles a {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }
   .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja #myDIVIfiles a img {
        width: 5%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }




.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja #myDIVIfiles p#texto {
        color: #001A5A;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 0.75vw;
        font-weight: 600;
    }
 .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja #myDIVIfiles p#texto img {
        width: 15%;
        margin-right: 3%;
    }
  .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja #myDIVIfiles div#div_file {
		display:flex;
		flex-direction:column;
        
        margin: 0%;
        padding: 0%;
        width: auto;
    }
    .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja #myDIVIfiles input#btn_enviar {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
	 



 .solicitud-center {
        width: 100%;
       
        border-radius: 12px;
      
        display: flex;
        align-items: center;
        flex-direction: column;
    }
     .solicitud-center .titu {
        width: 100%;
        padding-top: 3%;
        padding-bottom: 2%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
   .solicitud-center .titu h2 {
        width: 100%;
        font-weight: 400;
        font-size: 3vh;
        color: #08125A;
        padding: 0;
        margin-bottom: 0%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
   .solicitud-center .titu img {
        width: 4%;;
        margin-top: 2%;
        padding: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
   .solicitud-center .girl-atencion {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: row;
    }
    .solicitud-center .girl-atencion .photo {
        width: 48%;
        display: flex;
        align-items: center;
        flex-direction: row;
    }
   .solicitud-center .girl-atencion .photo img {
        width: 100%;
    }
    .solicitud-center .girl-atencion .texti {
        width: 52%;
        padding: 4%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .solicitud-center .girl-atencion .texti .loguito-soli {
        width: 36%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
   .solicitud-center .girl-atencion .texti .loguito-soli img {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
   .solicitud-center .girl-atencion .texti p {
        width: auto;
        font-size: 4.3vh;
        font-weight: 700;
        text-align: center;
        color: #08125A;
    }
   .solicitud-center .girl-atencion .texti p span {
        color: #DC6B2B;
    }


#myVideo {
 
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100vh;
  position:relative;
}

 

.all-cotiza{
	width: 86%;
	display: flex;
	margin: 0 auto;
	
	flex-direction:column;

	margin-top: 4%;
	margin-bottom: 4%;
	
	
	
}
.all-cotiza .button-arrow-next{
	width: 100%;
	display: flex;
	
	
	flex-direction:column;

	margin-top: 2%;
	margin-bottom: 2%;
	
	
	
}

.all-cotiza .button-arrow-next a{
	width: 16%;
	display: flex;
	font-size: 1.8vh;
	border-radius: 1.5vh;
	text-decoration: none;
	background-color: #DE6826;
	padding: 1.2%;
	align-items: center;
	justify-content: center;
	
	flex-direction:row;
	color:#fff;
	font-weight: 600;

	margin-top: 0%;
	margin-bottom: 3%;
	
	
	
}
.all-cotiza .head-filtros{
	width: 90%;
	display: flex;
	

	flex-direction:row;
	
	margin-top:0%;
	margin-bottom:1%;
	
	
	
}

.all-cotiza .foto-galery{
	width: 100%;
	display: flex;
	

	flex-direction:row;
	
	margin-top:0%;
	padding-bottom:3%;

	border-bottom: 4px solid #DF6718;
	
	
}


.all-cotiza .foto-galery .zoom{
	width: 40%;
	display: flex;
	

	flex-direction:column;
	margin-right:5%;
	
	
	
	
	
}
 
 
.all-cotiza .foto-galery .des{
	width: 55%;
	display: flex;
	

	flex-direction:column;
	

	
	
}






.all-cotiza .foto-galery .des .atributes{
	width: 70%;
	margin-top:1%;
	
	
	

	

	
	 grid-template-columns: 48% 48%;
	align-items: center;
	justify-content: center;
        gap: 2% 2%;
		
		
        display: grid;
	
	
	
}


.all-cotiza .foto-galery .des .atributes p{
	width: 100%;
	font-size:1.7vh;
	display: flex;
	color:#2A347D;
	background-color:#D6D6D6;
	margin:-bottom:1%;
	margin-top:1%;
	padding:3%;
	
	
	
	
}
 
.totem-form{
	
	display:flex;
	flex-direction:column;
	margin-top:3%;
	width: 70%;
}



.totem-form .short6{
	width: 100%;
	
	display: flex;
	flex-direction: row;
	margin-top: 1%;
	margin-bottom: 4%;
	
	
}

.totem-form .short6 .out{
	width: 70%;
	
	display: flex;
	flex-direction: row;
	margin-top: 3%;
	
	
}

.totem-form .short6 .out .campos-contacto-tot{
	width: 100%;
	border-radius: 0.7vh;
	border: 4px solid #DF6718;
	display: flex;
	flex-direction: row;
	
	
}

.totem-form .send-totem{
width: 30%;
	
	display: block;
	text-align: center;
	margin: 0 auto;
	background-color:#DD6825;
	color: #fff;
	flex-direction:row;	
	border: 0px;
	border-radius: 2vh;
	padding-left: 2.5%;
	padding-right: 2.5%;
	cursor: pointer;
	font-weight: 600;
	padding: 2.5%;
	font-size: 1.7vh;

}





.totem-form .short6 h5{
	width: 30%;
	font-weight: 700;
	font-size: 2.5vh;
	display: flex;
	
	
	
}


.totem-form h3{
	width: 100%;
	font-size:1.7vh;
	display: block;
	text-align:center !important;
	color:#2A347D;
	margin-bottom: 5%;
	
}

.send-home-totem-co{
	color: #fff;
        background: #2A347D;
		margin:0 auto;
        width: 40%;
        display: flex;
		margin-top:3%;
        flex-direction: row;
        border-radius: 1vh;
        padding:2.3%;
	border: 0px;
        align-items: center;
        justify-content: center;
        font-size: 1.9vh;
	font-weight: 700;
 

        text-decoration: none;
    
}




.all-cotiza .ficha{
	width: 50%;
	display: flex;
	
	

	flex-direction:column;
	

	
	
}


.all-cotiza .ficha h5{
	width: 50%;
	display: flex;
	
	

	flex-direction:column;
	
color:#E46525;
	text-align:left;
	font-size:2vh;
	font-weight:700;
	margin-bottom:1%;
	
	
}


.all-cotiza .ficha .atributes{
	width: 70%;
	margin-top:2%;
	
	
	

	

	
	 grid-template-columns: 48% 48%;
	align-items: center;
	justify-content: center;
        gap: 2% 2%;
		
		
        display: grid;
	
	
	
}


.all-cotiza .ficha .atributes p{
	width: 100%;
	font-size:1.7vh;
	display: flex;
	color:#2A347D;
	background-color:#CCC;
	margin:-bottom:1%;
	margin-top:0%;
	padding:3%;
	
	
	
	
}





.all-cotiza .foto-galery .des h2{
	width: 100%;
	display: flex;
	

	flex-direction:column;
	color:#E46525;
	text-align:left;
	font-size:5vh;
	font-weight:700;
	margin-bottom:1%;
	margin-top:1%;
	
	
}


.all-cotiza .foto-galery .des h3{
	width: 100%;
	display: flex;
	

	flex-direction:column;
	
	
	
	
	color:#2A347D;
	text-align:left;
	font-size:2vh;
	font-weight:700;
	margin-bottom:1%;
	margin-top:0%;
	
}

.all-cotiza .foto-galery .des p{
	width: 78%;
	display: flex;
	

	flex-direction:column;
	
	
	
	
	color:#2A347D;
	text-align:left;
	font-size:1.6vh;
	font-weight:500;
	margin-bottom:3%;
	margin-top:1%;
	
}





.all-cotiza .head-filtros a{
	width: auto;
	display: flex;
	
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	padding:1%;
	background:#CCC;
	font-weight:600;
	margin-right:1.5%;
	border-radius:3vh;
	text-decoration:none;
	font-size:1.6vh;
	color:#fff;
	
	margin-top: 2%;
	margin-bottom: 2%;
	
	
	
}


.filters{
	
	width:86%;
	background-color:#E5E5E8;
	padding:1.5% 6%;
	display:flex;
	flex-direction:row;
	margin-top:3%;
	margin-bottom:3%;
	
	
	
}
.filters h2{
	
	
	
	display:flex;
	margin-right:4%;
	color:#283476;
	width: auto;
	
	
	font-size:2vh;
	flex-direction:row;
	
	
	
}
.filters .opci{
	
	
	
	 grid-template-columns: repeat(auto-fill, minmax(20vh, 1fr));
	 width:96%;
	
       align-items:center;
	   
	
		
		
        display: grid;
	
	
}

.filters .opci a{
	
	
	width:100%;
	
	
	
}

.filters .opci a img{
	
	
	width:100%;
	
	
}



.grid-productos{
	width: 80%;
	margin: 0 auto;
	
	
	
	
	 grid-template-columns: 23% 23% 23% 23%;
	align-items: center;
	justify-content: center;
        gap: 6% 1.5%;
		
		
        display: grid;
	margin-bottom: 8%;
	margin-top:5%; 
	
	
}

.grid-productos a{
	width: 100%;
	
	
	
	
	
	 
	align-items: center;
	justify-content: center;
       
	flex-direction: column;
		
		
        display: flex;
	text-decoration: none;
	
	
}

.grid-productos a img{
	width: 100%;
	margin-bottom: 4%;
	
		
        display: flex;
	
	
}

.grid-productos a big{
	color: #E06726;
	width: 100%;
	margin-bottom: 1%;
	margin-top: 4%;
	font-size: 2vh;
	font-weight: 700;
	
		
        display: block;
	text-align: center;
	
	
}

.grid-productos a small{
	color: #001A5A;
	width: 100%;
	margin-bottom: 1%;
	margin-top: 1%;
	font-size: 1.7vh;
	font-weight: 700;
	
		
        display: block;
	text-align: center;
	
	
}

.grid-productos a p{
	color: #001A5A;
	width: 100%;
	margin-bottom: 1%;
	margin-top: 1%;
	font-size: 1.6vh;
	font-weight: 600;
	
		
        display: block;
	text-align: center;
	
	
}

.grid-productos a span{
	width: 5vh;
	height: 5vh;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 2%;
	
	background:#E06726;
	border-radius: 50px;
	padding: 1%;
	
	
}

.grid-productos a span img{
	width: 61%;
	
	
	
}


.filters .opci a{
	
	display: flex;
	flex-direction: row;
	text-decoration: none !important;
	 
	
}
.filters .opci a span{
	width:7.5vh;
	height: 6vh;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	
	background:#E06726;
	border-radius: 50px;
	padding: 1%;
	
	 
	
}

.filters .opci a .active{
	
	background-color: #102761;
	
	
	
}

.filters .opci a span img{
	width:65%;
	height: 65%;
	
	
	 
	
}

.filters .opci a big{
	width: 90%;
	margin-left: 2%;
	margin-right:1%;
	color:#001a5a;
	text-decoration: none !important;
	font-weight: 600;
	font-size: 1.6vh;
	display: flex;
	flex-direction: row;
	align-items: center;
	
	
	
	
	 
	
}

.buton-numeros .center .active{
	
	background-color: #102761;
	
	
	
}


.eye {
    width:59%;
	margin-right:6%;
	
    align-items: center;
    display: flex;
	position:relative;
	
}



.buton-numeros{
	width: 90%;
	margin: 0 auto;
	display: flex;
	padding: 1%;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	margin-bottom: 3.5%;
	
}



.buton-numeros .center{
	width: auto;
	
	 grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    gap: 2% 2%;
	flex-direction: row;
	
	
	
	align-items: center;
	justify-content: center;
	
	display: flex;
	
	
}
.buton-numeros .center a{
	width: 8vh;
	padding: 3%;
	background-color: #E06726;
	color:#fff;
	font-size: 2vh;
	font-weight: 600;
	text-decoration: none;
	
	
	margin: 0 auto;
	
	
	display: flex;
	align-items: center;
	justify-content: center;
	
	
}

.buton-numeros .center .active{
	
	background-color: #102761;
	
	
	
}


.contador{
	position:absolute;
	left:5;
	width:100%;
	
	z-index:100000;
	top:100%;

	display:block;
	

}
.hide-counter{
	 
	
	background:#DD6825;
	border-radius:1vh;
	
	color: #fff;
	
	
	width:100%;
	font-size:1.3vh;
	padding:6%;
	border:0px;
	
	z-index:10000000;
	font-weight: 600;
	
}
.contador #myDIVI {
  width:100%;
 

  color:#001a5a;
  display:flex;
  padding:3%;
	margin-top: 4%;
 
  flex-direction:column;
  align-items:flex-start !important;
  justify-content:flex-start !important;
 
  border-radius:12px;
  background-color: #fff;
  
 
}





.contador #myDIVI a{
	 display:flex;
	 flex-direction:row;
	 text-decoration:none;
	 color:#fff;
	 width:100%;
	margin-bottom: 2%;
	margin-top: 2%;
	 
	 color:#001a5a;
 font-size:0.9em;
 

}


.contador #myDIVI a strong{
	font-weight:600;
	font-size:1.2vh;
		
color:#001a5a;
text-align:left;
}






.contador #myDIVI .as3{
	 align-items:flex-start !important;
  justify-content:flex-start !important;
	 display:flex;
	 margin-bottom:1.5%;
	 margin-top:1.5%;
	 flex-direction:row;
	 text-decoration:none;
	 color:#001a5a;
	 width:100%;
	

}






.contador #myDIVI .as3 a strong{
	font-weight:700;
	
	font-size:0.8em;
	text-align:left;
	color:#001a5a;


}









.contador #myDIVI a {
  width:100%;
  
  display:flex;
 
  flex-direction:row;
 
  color:#fff;
 
 
 
}















.form-trabaja #contact-work .inputs-5{
	width: 100%;
	
	
	
	
	
	flex-direction:row;
	display:flex;
	margin-top:1%;
	align-items: center;
	
	
	
	

	
	
}

.form-trabaja #contact-work .text-di {
	width: 100%;
	padding: 2%;
	border-radius: 2vh;
	margin-top: 2%;
	
 font-size: 1.7vh;
	display: flex;
	flex-direction: row;
	background-color: #D7D7D7;
	
	
	
}


.form-trabaja #contact-work .text-di p{
	width: 48%;
	margin-right:1%;
	margin-left: 1%;
 font-size: 1.6vh;
	
	
	
}



.form-trabaja #contact-work .inputs-5 p{
	width: 34%;
	margin-right:2%;
 font-size: 1.7vh;
	
	
	
}


 
.container2 .campos-contacto-day {
	
	width: 40%;
	
	
	
	
	
	
	
	
	
	
	
	border-radius:1.3vh;
	padding:0.9%;
	
	

	height:5vh;
	
 
}


.container {
	
  display: block;
  width:20%;
  
  position: relative;
  padding-left: 3vh;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1.7vh;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
 
/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
	
  cursor: pointer;
  
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border-radius:0.7vh;
  background-color: #eee;
  border:2px solid #CCC;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #DB6B2A;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 5px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}





select { 
    color: #fff;
    border-radius: 10px;
}
select.gray {
    color: #fff;
    border-radius: 10px;
}
/* Optional styles for when the select is open. Doesn't work on all browsers */

option {
    color: #fff;
}





 


.container2 {
	
  display: flex;
	align-items: center;
  width:20%;
  
  position: relative;
  padding-left: 3vh;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1.7vh;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
 
/* Hide the browser's default checkbox */
.container2 input {
  position: absolute;
  opacity: 0;
	
  cursor: pointer;
  
  
}

.container2 .campos-contacto-day {
  
  opacity: 1 !important;
	margin-left: 24%;
	
  height: 4vh !important;
  width:32% !important;
	border: 2px solid #999 !important;
  
  
}

/* Create a custom checkbox */

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container2 input:checked ~ .checkmark {
  background-color: #DB6B2A;
}



/* Show the checkmark when checked */
.container2 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container2 .checkmark:after {
  left: 5px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}













.caja-subir-files{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;

	
}
 
.form-trabaja #contact-work .inputs-3{
	width: 100%;
	
	
	
	
	
	
	
	flex-direction:row;
	display:flex;
	margin-top:1%;
	
	
	
	
	
	

	
	
}



.form-trabaja #contact-work .inputs-3 .space{
	width: 2%;
	 
	
}



.form-trabaja #contact-work .inputs-3 .out{
	width: 80%;
	display:flex;
	flex-direction:row;
	align-items:center;
	
	
	
}

.form-trabaja #contact-work .inputs-3 .out p{
	width: 30%;
	margin-right:2%;
 font-size: 1.5vh;
	
}


.form-trabaja #contact-work .inputs-3 .out input{
	
	border:2px solid #999;
	
	
	
	
	width:100%;
	
	text-align: center;
	
	
	
	
	
	
	
	
	border-radius:1.3vh;
	padding:0.9%;
	
	

	height:5vh;
	
}




.container {
	
  display: block;
  width:20%;
  
  position: relative;
  padding-left: 3vh;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 1.7vh;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border-radius:0.7vh;
  background-color: #eee;
  border:2px solid #CCC;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #DB6B2A;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 5px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.caja-subir-files .cajas-sube{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:row;
	
	position:relative;
	
	
}

.caja-subir-files .cajas-sube .space{
	width:5%;
	height:auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	font-size:1.7vh;
	
	
}


.caja-subir-files .cajas-sube .primer-caja{
	width:52%;
	height:auto;
	display:flex;
	flex-direction:column;
	
	position:relative;
	
	
}

.caja-subir-files .cajas-sube .primer-caja h1{
	width:100%;
	height:auto;
	display:block;
	text-align:center;
	margin-bottom:3%;
	font-size:2vh;
	margin-top:2%;
	
	
	
}

.caja-subir-files .cajas-sube .primer-caja   #myDIVIfiles {
        
        width: 100%;
        
        border-radius: 8px;
		
       
        padding: 1%;
		display:flex;
       
      
		border:2px dashed #888;
       
        flex-direction: column;
        
    }
    #myDIVIfiles a {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }
    #myDIVIfiles a img {
        width: 5%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }




 #myDIVIfiles p#texto {
        color: #565EA9;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 0.75vw;
        font-weight: 600;
    }
    #myDIVIfiles p#texto img {
        width: 10%;
        margin-right: 3%;
    }
    #myDIVIfiles div#div_file {
		display:flex;
		flex-direction:column;
        
        margin: 0%;
        padding: 0%;
        width: auto;
    }
    #myDIVIfiles input#btn_enviar {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
	 
	.caja-subir-files .cajas-sube .second-caja{
	width:43%;
	height:auto;
	display:flex;
	flex-direction:column;
	
	position:relative;
	
	
}

.caja-subir-files .cajas-sube .second-caja h1{
	width:100%;
	height:auto;
	display:block;
	text-align:center;
	margin-bottom:3%;
	font-size:2vh;
	margin-top:2%;
	
	
	
}
 

.caja-subir-files .cajas-sube .second-caja .url-port{
	width:100%;
	height:auto;
	

	display: flex;
	align-items: center;
	justify-content: center;
	
	height: 13vh;
	
	
}

.caja-subir-files .cajas-sube .second-caja .url-port input{
	width:100%;
	
	text-align: center;
	height: 10vh;
	color: #777;
	
	
	
	
	
	
	border:0.25vh solid #dfdfdf;
	border-radius:1.3vh;
	padding:0.9%;
	
	
	display: block;
	
	height:5vh;
	
	
	
}
.conoce-2{
	width: 80%;
	
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 4%;
	margin-bottom: 1%;
	
	
	
}




.form-trabaja{
	width: 80%;
	
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 0%;
	margin-bottom: 2%;
	
	
	
	
}

.form-trabaja #contact-work{
	width: 80%;
	
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	flex-direction:column;
	
	

	
	
}

.form-trabaja #contact-work h6{
	 color: #2A2967;
	text-align: left;
        font-weight: 700;
        font-size: 2vh;
	background-color:#fff;
	padding: 0;
	margin-top: 1%;
	margin-bottom: 2%;
	

	
	
}


.form-trabaja #contact-work .contenedor-form{
	width: 100%;
	
	display: flex;
	margin-top: 3%;
	margin-bottom: 3%;
	
	flex-direction:column;
	
	

	
	
}

.form-trabaja #contact-work .contenedor-form .inputs2{
	width: 100%;
	
	display: flex;
	flex-direction:column;	
}


.form-trabaja #contact-work .contenedor-form .inputs2 .large2{
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1.3%;
	display: flex;
	flex-direction:row;	
}
.form-trabaja #contact-work .contenedor-form .inputs2 .large3{
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1%;
	display: flex;
	flex-direction:row;	
}

.form-trabaja #contact-work .contenedor-form .inputs2 .large3 span{
	font-size: 1.6vh;
	
}

.form-trabaja #contact-work .contenedor-form .inputs2 .large2 span{
	font-size: 1.6vh;
	
}

.form-trabaja #contact-work .contenedor-form .inputs2 .large4 span{
	font-size: 1.6vh;
	
}



.form-trabaja #contact-work .contenedor-form .inputs2 .large4{
	width: 100%;
	margin-top: 1%;
	margin-bottom: 3%;
	display: flex;
	flex-direction:row;	
}
.form-trabaja #contact-work .contenedor-form .inputs2 .large5{
	width: 100%;
	margin-top: 1%;
	margin-bottom: 3%;
	display: flex;
	flex-direction:row;	
}

.form-trabaja #contact-work .contenedor-form .mandar{
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1%;
	display: flex;
	flex-direction:row;	
}

.form-trabaja #contact-work .contenedor-form .mandar .send-home-trabaja{
	width: 15%;
	
	display: block;
	text-align: center;
	margin: 0 auto;
	background-color:#DD6825;
	color: #fff;
	flex-direction:row;	
	border: 0px;
	border-radius: 2vh;
	padding-left: 2.5%;
	padding-right: 2.5%;
	cursor: pointer;
	padding: 1.7%;
	font-size: 1.5vh;
}

.form-trabaja #contact-work .large{
	width: 100%;
	
	display: flex;
	
	flex-direction:column;
	margin-bottom:3%;
	
	
	
	
	
}

.form-trabaja #contact-work .large .out{
	width: 100%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	
	border:0.25vh solid #dfdfdf;
	border-radius:1.3vh;
	padding:0.7%;
	
	
	
}

.form-trabaja #contact-work .large .out img{
	width: 3.3vh;
	
	display: flex;
	position:absolute;
	
	flex-direction:column;
	
	top:0.5vh;
	
	
}

.form-trabaja #contact-work .large .out input{
	width: 96%;
	
	display: flex;
	margin-left:4%;
	height:3vh;
	border:0px;
	
	
	
	
	
	
	
}

.form-trabaja #contact-work .short{
	width: 100%;
	
	display: flex;
	
	flex-direction:row;
	margin-bottom:3%;
	
	
	
	
	
}
.form-trabaja #contact-work .short .out{
width: 98%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	
	border:0.25vh solid #dfdfdf;
	border-radius:1.3vh;
	padding:0.7%;
	
	
	
}
.form-trabaja #contact-work .short .space{
width: 4%;
	
	
	
	 
	
}



.form-trabaja #contact-work .short .out img{
width: 3.3vh;
	
	display: flex;
	position:absolute;
	
	flex-direction:column;
	top:0.5vh;
		
	
}



.form-trabaja #contact-work .short .out input{
width: 90%;
	
	display: flex;
	margin-left:9%;
	height:3vh;
	border:0px;
	
		
	
}
















 


.form-trabaja #contact-work .short-3{
	width: 100%;
	
	display: flex;
	
	flex-direction:row;
	margin-bottom:1.5%;
	
}



.form-trabaja #contact-work .short-3 .space{
	width:4%;
	
	display: flex;
	
	
	
	
	
	
	
}



.form-trabaja #contact-work .short-3 .out{
width: 98%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	
	
	
	
	
}
 

.form-trabaja #contact-work .short-3 .out-2{
width: 98%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	
	
	 
	
	
}



.form-trabaja #contact-work .inputs-3 .out-3{
width: 100%;
display:flex;
flex-direction:column;
	margin-bottom: 1%;
	
	
	
	
	
}


 

.form-trabaja #contact-work .inputs-3 .out-3 input{
width: 100%;
	
	display: flex;
	
	height:4.5vh;
	
	
		border:2px solid #999;
	border-radius:1.1vh;
	font-size:1.5vh;
	padding:2%;
	
	
	
	
}


.form-trabaja #contact-work .inputs-3 .out-2{
width: 100%;
display:flex;
flex-direction:row;
	
	
	
	
	
}




 

.form-trabaja #contact-work .inputs-3 .out-2 input{
width: 100%;
	
	display: flex;
	
	height:4.5vh;
	
	
		border:2px solid #999;
	border-radius:1.1vh;
	font-size:1.5vh;
	padding:2%;
	
	
	

	
}


.form-trabaja #contact-work .inputs-3 .out-2 p{
width: 15%;
	
	display: flex;
	
	font-size:1.8vh;
	margin-right:3%;
	margin-top:2%;
	
	
	
	
}

 

.form-trabaja #contact-work .short-3 .out input{
width: 100%;
	
	display: flex;
	
	height:4.5vh;
	
	
		border:2px solid #999;
	border-radius:1.1vh;
	font-size:1.5vh;
	padding:2%;
	
}


 


.form-trabaja #contact-work .short-3 .out input{
width: 100%;
	
	display: flex;
	
	height:4.5vh;
	
	
		border:2px solid #999;
	border-radius:1.1vh;
	font-size:1.5vh;
	padding:2%;
	
}


.form-trabaja #contact-work .short-3 .out p{
width: 100%;
	
	display: flex;
	
	font-size:1.3vh;
	margin-top:2%;
	
}






 
.conoce-2 .grid-2-top{
	width: 100%;
	
	  grid-template-columns: 40% 40%;
	align-items: center;
	justify-content: center;
        gap: 8% 8%;
		margin: 0 auto;
		
        display: grid;
	
	
	
}

.conoce-2 .grid-2-top .desc-top{
	width: 100%;
	display: flex;
	flex-direction: column;
	background:#001a5a;
	color:#fff;
	padding: 8%;
	padding-top: 5%;
	padding-bottom: 5%;
	position: relative;
	
	
	
	
}

.conoce-2 .grid-2-top .desc-top h1{
	font-size: 2.5vh;
	
	
	
	
	
	
}

.conoce-2 .grid-2-top .desc-top p{
	font-size: 1.5vh;
	line-height: 2.4vh;
	
	
	
	
	
	
}

.conoce-2 .grid-2-top .desc-top img{
	width: 10vh;
	height: 10vh;
	position: absolute;
	top: -3vh;
	left: -5vh;
	
	
	
	
	
}


.conoce-3{
	width: 80%;
	
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 4%;
	margin-bottom: 0%;
	
	
	
}

.conoce-3 .grid-3-top{
	width: 100%;
	
	  grid-template-columns: 30% 30% 30%;
	align-items: center;
	justify-content: center;
        gap: 3% 3%;
		margin: 0 auto;
		
        display: grid;
	
	
	
}

.conoce-3 .grid-3-top .puntos{
	width: 100%;
	
	 
		
		
        display: flex;
	flex-direction: row;
	padding-top: 2%;
	padding-bottom: 2%;
	
	
	
}

.conoce-3 .grid-3-top .puntos .imagecitas{
	width: 10%;
	margin-right: 5%;
	
	 
		
		
        display: flex;	
}

.conoce-3 .grid-3-top .puntos .texta{
	width: 85%;
	
        display: flex;	
	flex-direction: column;
}

.conoce-3 .grid-3-top .puntos .texta h1 {
	width: 100%;
	font-size: 3vh;
	margin-bottom: 1%;
	margin-top: 1%;
	text-align: center;
        display: block;	
	color: #001a5a;
	
}

.conoce-3 .grid-3-top .puntos .texta p {
	width: 100%;
	font-size: 1.5vh;
	text-align: center;
        display: flex;	
	color: #001a5a;
	margin-bottom: 1%;
	margin-top: 1%;
}


.conoce-3 .grid-3-top .puntos .imagecitas img{
	width: 100%;
	
	
	 
		
		
        display: flex;	
}


.conoce-4{
	width: 80%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 4%;
	margin-bottom: 5%;
	
	
	
}

.conoce-4 .grid-4-top{
	width: 100%;
	
	  grid-template-columns: 30% 30% 30%;
	align-items: center;
	justify-content: center;
        gap: 3% 3%;
		margin: 0 auto;
		
        display: grid;
	
	
	
}

.conoce-4 .grid-4-top .texta{
	width: 100%;
	
        display: flex;
	flex-direction: column;
	
	
	
}


.conoce-4 .grid-4-top .texta h1{
	width: 100%;
	font-size: 4.8vh;
	margin-bottom: 2%;
	margin-top: 1%;
	text-align: center;
        display: block;	
	color: #DE6826;
	
	
	
}

.conoce-4 .grid-4-top .texta h3{
	width: 100%;
	font-size: 2.6vh;
	margin-bottom: 1%;
	margin-top: 1%;
	text-align: center;
        display: block;	
	color: #001a5a;
	
	
	
}

.conoce-4 .grid-4-top .texta p{
	width: 100%;
	font-size: 1.5vh;
	text-align: center;
        display: flex;	
	color: #001a5a;
	margin-bottom: 1%;
	margin-top: 1%;
	
	
}

.button-filter {
        width: 90%;
	margin: 0 auto;
        display: flex;
        padding: 4%;
        padding-bottom: 0px;
        align-items: center;
        margin-bottom: 2%;
        padding-top: 3%;
    }
    .button-filter .buttones-center {
        width: 100%;
        display: flex;
        padding: 1%;
        padding-bottom: 0px;
        padding-top: 0px;
        align-items: center;
        flex-direction: row;
    }
    .button-filter .buttones-center .text-blog {
        width: 15%;
        display: flex;
        padding: 1%;
        padding-bottom: 0px;
        align-items: center;
    }
    .button-filter .buttones-center .text-blog h2 {
        color: #2A2967;
        font-weight: 700;
        font-size: 1.2vw;
    }
    .button-filter .buttones-center .filter-blog {
        width: 83%;
        margin-left: 2%;
        display: grid;
        align-items: center;
        grid-template: "a a a a a";
        gap: 2% 2%;
    }
    .button-filter .buttones-center .filter-blog a {
        background: #e06619;
        padding: 4%;
        border-radius: 12px;
        margin-bottom: 2%;
        font-size: 0.8vw;
		font-style: italic;
        font-weight: 600;
        color: #fff;
        text-decoration: none;
        text-align: center;
        transition: all 0.5s ease;
    }
    .button-filter .buttones-center .filter-blog a:hover {
        background: #565EA9;
    }
   .box-blog {
        width: 100%;
        display: flex;
        padding: 4%;
        align-items: center;
        margin-bottom: 0%;
        padding-top: 1%;
        padding-bottom: 3%;
    }
    .box-blog .box-blog-center {
        width: 92%;
		margin:  auto;
        padding-top: 3%;
        height: auto;
        display: flex;
        border-top: 3px solid #e06619;
        flex-direction: row;
    }
.box-blog .box-blog-center .content-temas {
            width: 90%;
            height: auto;
            grid-template-columns: 100%;
            gap: 1% 1%;
            display: flex;
            flex-direction: column;
        }
  
    .box-blog .box-blog-center .content-temas .tema-blog {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        margin-bottom: 1%;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .foto-blog {
        width: 30%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .foto-blog h1 {
        width: 80%;
        font-size: 1vw;
        font-weight: 600;
		font-style: italic;
        border-radius: 12px;
        text-align: center;
        padding: 3%;
        background: #bcc0c3;
        color: #2c2666;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .foto-blog img {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic {
        width: 65%;
        padding: 2%;
        margin-left: 3%;
        margin-right: 2%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones {
        width: 100%;
        padding: 1%;
        margin-top: 1%;
        margin-bottom: 1%;
        height: auto;
        display: flex;
        flex-direction: row;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost2 {
        position: absolute;
        width: 18%;
        display: none;
        height: auto;
        padding: 1.5%;
		
        margin-top: 3%;
        background: #fff;
        border: 2px solid #fcfcfc;
        -webkit-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost2 .follow2 {
        grid-template-columns: 46% 46%;
        gap: 12% 6%;
		margin: 0 auto;
		
        display: grid;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost2 .follow2 a {
        font-size: 0.8vw;
        color: #fff;
        width: 100%;
        display: flex;
        flex-direction: row;
        padding: 8%;
        align-items: center;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost3 {
         position: absolute;
        width: 18%;
        display: none;
        height: auto;
        padding: 1.5%;
		
        margin-top: 3%;
        background: #fff;
        border: 2px solid #fcfcfc;
        -webkit-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost3 .follow2 {
       grid-template-columns: 46% 46%;
        gap: 12% 6%;
		margin: 0 auto;
		
        display: grid;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost3 .follow2 a {
        font-size: 0.8vw;
        color: #fff;
        width: 100%;
        display: flex;
        flex-direction: row;
        padding: 8%;
        align-items: center;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost4 {
         position: absolute;
        width: 18%;
        display: none;
        height: auto;
        padding: 1.5%;
		
        margin-top: 3%;
        background: #fff;
        border: 2px solid #fcfcfc;
        -webkit-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost4 .follow2 {
       grid-template-columns: 46% 46%;
        gap: 12% 6%;
		margin: 0 auto;
		
        display: grid;



    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost4 .follow2 a {
        font-size: 0.8vw;
        color: #fff;
        width: 100%;
        display: flex;
        flex-direction: row;
        padding: 8%;
        align-items: center;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost5 {
         position: absolute;
        width: 18%;
        display: none;
        height: auto;
        padding: 1.5%;
		
        margin-top: 3%;
        background: #fff;
        border: 2px solid #fcfcfc;
        -webkit-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost5 .follow2 {
        grid-template-columns: 46% 46%;
        gap: 12% 6%;
		margin: 0 auto;
		
        display: grid;

    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost5 .follow2 a {
        font-size: 0.8vw;
        color: #fff;
        width: 100%;
        display: flex;
        flex-direction: row;
        padding: 8%;
        align-items: center;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones a {
        width: 17%;
        padding: 2%;
        text-decoration: none;
        border-radius: 12px;
        font-weight: 500;
        height: auto;
        display: flex;
        justify-content: center;
        flex-direction: row;
        text-align: center;
        align-items: center;
        background: #2c2769;
        margin-right: 2%;
        color: #fff;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones .colorin {
        border: 1px solid #888;
        background: #DFDFDF;
        border-radius: 12px;
        display: flex;
        flex-direction: row;
        width: 20%;
        align-items: center;
        font-weight: 700;
        padding: 2%;
        justify-content: center;
        text-decoration: none;
        cursor: pointer;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones .colorin img {
        width: 12%;
        margin-left: 3%;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic h2 {
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 2%;
		font-weight: 800;
		text-align: left;
       
        font-size: 2.9vh;
        color: #2c2666;
        height: auto;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .fecha {
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 0%;
        align-items: center;
        font-size: 1.1vw;
        color: #4D575E;
        display: flex;
        flex-direction: row;
        font-weight: 300;
        height: auto;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .fecha span {
        font-size: 1.1vw;
        font-weight: 300;
        height: auto;
        margin-right: 2%;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .fecha big {
        font-size: 1.1vw;
        font-weight: 300;
        height: auto;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic p {
        font-size: 1.8vh;
        padding: 0px;
        margin-bottom: 1%;
        margin-top: 1%;
        font-weight: 500;
        color: #2c2666;
        height: auto;
        margin-right: 2%;
    }
    .box-blog .box-blog-center .content-widget {
        width: 25%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog .box-blog-center .content-widget .fb-page {
        width: 100%;
        height: 800px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .box-blog .box-blog-center .content-widget .fb-page {
        width: 100%;
        height: 1000px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
	.fb_iframe_widget iframe {
        position: relative !important;
        width: 100% !important;
        height: 1100px !important;
    }
    .fb_iframe_widget span {
        display: flex !important;
        position: relative !important;
        width: 100% !important;
        height: 1000px !important;
    }



 .box-blog-2 {
        width: 100%;
        display: flex;
        padding: 4%;
        align-items: center;
        margin-bottom: 0%;
        padding-top: 1%;
        padding-bottom: 3%;
        justify-content: center;
    }
    .box-blog-2 .box-blog-center-2 {
        width: 90%;
        padding-top: 3%;
        height: auto;
        display: flex;
        border-top: 3px solid #e06619;
        flex-direction: row;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 {
        width: 75%;
        margin-right: 5%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .blog-tema-page {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .blog-tema-page .theme {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .blog-tema-page .theme h3 {
        width: auto;
        padding: 0px;
        margin-top: 1%;
        margin-bottom: 1%;
        background: #BCC0C3;
        padding: 2%;
        padding-top: 1%;
        padding-bottom: 1%;
        color: #282678;
        font-style: italic;
        font-size: 1vw;
        border-radius: 12px;
        height: auto;
        display: flex;
        flex-direction: row;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .blog-tema-page .subject {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .blog-tema-page .subject h1 {
        width: auto;
        padding: 0px;
        margin-top: 0%;
        margin-bottom: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        color: #282678;
        font-size: 3.6vh;
		font-weight: 800;
        height: auto;
        display: flex;
        flex-direction: row;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .blog-tema-page .date {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        margin-bottom: 2%;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .blog-tema-page .date span {
        font-size: 2.2vh;
        font-weight: 500;
        color: #4E585F;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .blog-tema-page .date small {
        font-size: 2.2vh;
        margin-left: 1%;
		font-weight: 500;
        
        color: #4E585F;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .video-blog {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .video-blog iframe {
        width: 100%;
        height: 70vh;
        display: flex;
        flex-direction: column;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .coments-fb {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: auto;
        margin-bottom: 4%;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .coments-fb h2 {
        color: #2C266B;
		text-align: left!important;
		display: block;
        font-size: 2.5vh;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .coments-fb .fb-comments {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        height: 460px;
        overflow-y: scroll;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .coments-fb iframe {
        width: 100%;
        height: 380px;
        display: flex;
        flex-direction: column;
        border: 2px solid #111;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .foto-subject {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 p {
        font-size: 0.9vw;
        margin-bottom: 3%;
        font-weight: 300;
        line-height: 1.2vw;
        color: #4E585F;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .foto-subject .pic img {
        width: 100%;
        margin-top: 0%;
        margin-bottom: 0%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .foto-subject .pic-buttons {
        width: 100%;
        margin-top: 0%;
        margin-bottom: 1%;
        height: auto;
        display: flex;
        flex-direction: row;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .foto-subject .pic-buttons a {
        width: 25%;
        color: #fff;
        text-decoration: none;
        font-size: 1vw;
        font-weight: 700;
        padding: 2%;
        align-items: center;
        justify-content: center;
        transition: all 0.5s ease;
        height: auto;
        display: flex;
        flex-direction: row;
    }
.box-blog-2 .box-blog-center-2 .content-temas2 .foto-subject .pic-buttons a i {
        
        font-size: 3vh;
       
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .foto-subject .pic-buttons a:hover {
        transform: translate(0px, -4px);
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 {
        width: 20%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .fb-page {
        width: 100%;
        height: 600px;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 3%;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
		margin-bottom:10%;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under h3 {
        width: 100%;
        height: auto;
        font-size: 1.2vw;
        color: #292A67;
        text-align: center;
        display: flex;
        flex-direction: column;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box {
        width: 100%;
        height: auto;
        flex-direction: column;
        grid-template-columns: 100%;
        gap: 1.4% 1%;
        display: grid;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go {
        width: 100%;
        height: auto;
        flex-direction: column;
        display: flex;
        position: relative;
        overflow: hidden;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go img {
        transition: all 2s ease;
        height: auto;
        width: 100%;
        display: flex;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go img:hover {
        transition: all 0.3s ease;
        height: auto;
        width: 100%;
        display: flex;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go .float {
        height: auto;
        position: absolute;
        overflow: hidden;
        bottom: 0;
        width: 100%;
        padding: 3%;
        display: flex;
        flex-direction: column;
        background: rgb(86, 94, 169);
        background: linear-gradient(0deg, rgba(44, 38, 107, 1) 0%, rgba(48, 38, 107, 0.28895308123249297) 100%);
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go .float a {
        text-decoration: none;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go .float .tit {
        height: auto;
        width: 100%;
        display: flex;
        color: #fff;
        font-size: 0.6vw;
        text-align: left; 
        flex-direction: row;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go .float .icos {
        height: auto;
        width: 80%;
        display: none;
        flex-direction: row;
        color: #fff;
        align-items: center;
        justify-content: center;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go .float .icos a {
        height: auto;
        width: 22%;
        margin-left_2%;
        margin-right: 2%;
        display: flex;
        color: #fff;
        font-size: 1.3vw;
        align-items: center;
        justify-content: center;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go .float .icos a .fab {}
	
	
	 .box-blog .box-blog-center .content-temas {
        width: 80%;
        height: auto;
        grid-template-columns: 100%;
        gap: 1% 1%;
        display: grid;
        flex-direction: row;
    }




#myBack {
 
  
  width: 100%;
  
  height: 30vh;
 
}

#myBack h4 {
	color: #fff;
	margin-top: 0%;
	text-align: center;
	padding-top: 16vh;
	font-size: 5vh;
	font-weight: 600;
 
  
  
}


.button-arrow {
 
 
  position:absolute;
  top:88vh;
  left:50%;
  width:9vh;
  height:9vh;
   animation: infinite down 2.5s ease forwards;
  z-index:10050;
}


@keyframes down {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }
    50% {
        opacity: 1;
        transform: translateY(25px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}


.cuadros{
	width:100%;
	padding:3%;
	display:flex;
	align-items:center;
	justify-content:center;
	
}

.cuadros .center-cuadros{
	width:86%;
	
	display:flex;
	align-items:center;
	flex-direction:column;

	
	
	
	
}

h6{
	background:#02195C;
	width:100%;
	padding:1.5%;
	margin-top:2%;
	text-align:center;
	font-size:3.7vh;
	font-weight:500;
	color:#fff;
	
}
.videito-test{
	width:60%;
	display:flex;
	justify-content:center;
	margin:0 auto;
	margin-bottom:3%;
	
}

.videito-test video{
	width:100%;
	
	
}
h2{
	color:#1A1D4F;
	font-size:4.5vh;
	text-align:center;
	margin-top:2%;
	margin-bottom:2%;
	
}

h7{
	color:#1A1D4F;
	font-size:3.7vh;
	text-align:center;
	margin-top:3%;
	display: block;
	width:100%;
	font-weight: 700;
	margin-bottom:1.7%;
	
}


h8{
	color:#1A1D4F;
	font-size:4.5vh;
	text-align:center;
	margin-top:3.3%;
	display: block;
	width:100%;
	font-weight: 700;
	margin-bottom:1.7%;
	
}

h5{
	color:#1A1D4F;
	font-size:4.5vh;
	text-align:center;
	margin-top:4%;
	margin-bottom:1%;
	
}


.cuadros2{
	width:100%;
	padding:3%;
	padding-top:0px;
	
	display:flex;
	align-items:center;
	justify-content:center;
	
}

.cuadros2 .center-cuadros2{
	width:86%;
	
	display:flex;
	align-items:center;
	flex-direction:column;

	
	
	
	
}


.cuadros2 .center-cuadros2 .cuadro-services2{
	width:90%;
	
	display: grid;
    margin-top: 1%;
    width: 100%;
    height: auto;
    grid-template-columns: 31% 31% 31%;
    gap:5% 4%;
	margin-bottom: 1%;
	
	
	justify-content:center;

	
}

.cuadros2 .center-cuadros2 .cuadro-services2 a{
 position: relative;
    transition: all 0.3s ease;
    overflow: hidden;
	flex-direction: column;
   text-decoration:none !important;
	display:flex;
	align-items:center;
	justify-content:center;
}

.cuadros2 .center-cuadros2 .cuadro-services2 a h9{
	width: 100%;
	padding: 4%;
	background: #CCC;
	font-size: 1.8vh;
	display: flex;
	flex-direction: row;
	color:#1A1D4F;
	text-decoration:none !important;
	margin-bottom: 0px;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	 
 
} 


.cuadros2 .center-cuadros2 .cuadro-services2 a h9 img{
	width: 10%;
	
	 
 
}


.cuadros2 .center-cuadros2 .cuadro-services2 a h8{
	width: 100%;
	padding: 4%;
	background: #CCC;
	font-size: 2vh;
	
	text-decoration:none !important;
	margin-bottom: 0px;
	 
 
}





.cuadros2 .center-cuadros2 .cuadro-services2 a .se small{
	width: auto;
	
 
	display:flex;
	align-items:center;
	justify-content:center;
	
	
	position: relative;
	
	color: #fff;
        background: #DE6826;
        
        
        border-radius: 12px;
        padding: 4%;
        
        font-size: 1.4vh;
        margin-bottom: 1%;
	margin-top: 2%;
		
		

        text-decoration: none;
        font-weight: 600;
}

.cuadros2 .center-cuadros2 .cuadro-services2 a img{
 -webkit-background-size: cover;
    border: 1px solid #ccc;
    -moz-background-size: cover;
	width:100%;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transform: scale(1.01);
    transform: scale(1.02);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.cuadros2 .center-cuadros2 .cuadro-services2 a img:hover{
 -webkit-transform: scale(1.15) rotate(-2deg);
    transform: scale(1.15) rotate(-2deg);
}
.cuadros2 .center-cuadros2 .cuadro-services2 a .se big{
 position: relative;
   
  margin-top:3%;
	margin-bottom:1%;
   
	width:7vh;
	height:7vh;
	z-index:26;
    
	
}
.cuadros2 .center-cuadros2 .cuadro-services2 a .se big img{
 
	width:100%;
	border:0px;
	height:100%;
	
    
	
}

 


.cuadros2 .center-cuadros2 .cuadro-services2 a .se span{
 position: relative;
    z-index: 24;
   
    color: #fff;
	margin-top:3%;
	margin-bottom:3%;
	display:block;
	text-align:center;
   
    font-size: 1.4em;
	font-weight:600;
    border-radius: 8px;
	
}
.cuadros2 .center-cuadros2 .cuadro-services2 a .se{
 position: absolute;
 display:flex;
 flex-direction:column;
    z-index: 24;
	
	width: 86%;
    padding: 2%;
   align-items:center;
	justify-content:center;
	
}

.cuadros2 .center-cuadros2 .cuadro-services2 a .se2{
  
 position: absolute;
 
 width:200px;
 height: 27vh;
 z-index:10000;
 opacity:0.0;
 padding:4%;
 display:flex;
 justify-content:center;
 align-items:center;
 
 left: 0;
 top: 7vh;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
	
}


.cuadros2 .center-cuadros2 .cuadro-services2 a .se2 ul{
  
 
 
 width:80%;
 height: auto !important;
 margin:0 auto;

 
 
}

.cuadros2 .center-cuadros2 .cuadro-services2 a .se2 ul li{
  
 
 
 width:100%;
 font-size:1.6vh;
 font-weight:600;
 
}


.cuadros2 .center-cuadros2 .cuadro-services2 a .se2:hover{
  
 position: absolute;
 background-color:#1A1D4F;
 color:#fff;
 width: 100%;
 padding:4%;
 height: 27vh;
 z-index:10000;
 opacity:0.9;
 
 left: 0;
 top: 7vh;
	
}





.cuadros .center-cuadros .cuadro-services{
	width:90%;
	
	display: grid;
    margin-top: 2%;
    width: 100%;
    height: auto;
    grid-template-columns: 42% 42%;
    gap:5% 4%;
	
	justify-content:center;

	
}

.cuadros .center-cuadros .cuadro-services a{
 position: relative;
    transition: all 0.3s ease;
    overflow: hidden;
   
	display:flex;
	align-items:center;
	justify-content:center;
}

.cuadros .center-cuadros .cuadro-services a img{
 -webkit-background-size: cover;
    border: 1px solid #ccc;
    -moz-background-size: cover;
	width:100%;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transform: scale(1.01);
    transform: scale(1.02);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.cuadros .center-cuadros .cuadro-services a img:hover{
 -webkit-transform: scale(1.15) rotate(-2deg);
    transform: scale(1.15) rotate(-2deg);
}
.cuadros .center-cuadros .cuadro-services a .se big{
 position: relative;
   
  margin-top:3%;
	margin-bottom:1%;
   
	width:7vh;
	height:7vh;
	z-index:26;
    
	
}
.cuadros .center-cuadros .cuadro-services a .se big img{
 
	width:100%;
	border:0px;
	height:100%;
	
    
	
}




.cuadros .center-cuadros .cuadro-services a .se span{
 position: relative;
    z-index: 24;
   
    color: #fff;
	margin-top:3%;
	margin-bottom:3%;
   
    font-size: 1.5em;
	font-weight:600;
    border-radius: 8px;
	
}
.cuadros .center-cuadros .cuadro-services a .se{
 position: absolute;
 display:flex;
 flex-direction:column;
    z-index: 24;
    padding: 2%;
   align-items:center;
	justify-content:center;
	
}



.cuadros .center-cuadros h2{
	color:#1A1D4F;
	font-size:4.5vh;
	text-align:center;
	margin-top:3%;
	margin-bottom:1%;
	
}

.cuadros .center-cuadros p{
	color:#1A1D4F;
	font-size:1.7vh;
	width:50%;
	text-align:center;
	
}


.button-arrow img {
 
 
  position:absolute;

  width:100%;
  height:100%;

  z-index:10050;
}


.carrusel-planos{
	width:100%;
	display:flex;
	flex-direction:row;
	height:auto;
	align-items:center;
	
	justify-content:center;
	margin-bottom:4%;
	margin-top:2%;
	
	
}
.form-datos{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	height:auto;
	margin-bottom:5%;
	
}
.form-datos h1{
 color:#fff;
	padding: 2%;
	width: 50%;
	border-radius: 12px;
	background:#2A4666;
	text-align: center;
	font-weight: 400;
	font-size:1.9vw;
	margin-bottom: 4%;

}



.form-datos .form-datos-center{
	width:68%;
	display:flex;
	flex-direction:row;
	align-items:center;
	height:auto;
	
}

.form-datos .form-datos-center #contact-enviar{
	width:56%;
	display:flex;
	flex-direction:column;

	
	height:auto;
	
}


.form-datos .form-datos-center #contact-enviar .contenedor-form{
	width:100%;
	display:flex;
	margin-top:5%;
	margin-bottom:1%;
	
	
	
	height:auto;
	
	
}

.form-datos .form-datos-center #contact-enviar .contenedor-form3{
	width:100%;
	display:flex;
	margin-top:1%;
	margin-bottom:1%;
	flex-direction:column;
	
	
	
	height:auto;
	
	
}


.form-datos .form-datos-center #contact-enviar .contenedor-form3 .send-home-envivo{
	width:auto;
	display:flex;
	
	flex-direction:row;
	padding:2%;
	border-radius:8px;
	font-size:1.4vh;
	
	background:#274866;
	color:#fff;
	
	height:auto;
	
	
}
 

.form-datos .form-datos-center #contact-enviar .contenedor-form3 .inputs .large {
	width:100%;
	display:flex;
	
	flex-direction:row;
	font-size:1.4vh;
	
	margin-top:1.5%;
	margin-bottom:1.5%;
	
	height:auto;
	
	
}

.form-datos .form-datos-center #contact-enviar .contenedor-form3 .inputs .large span{
	width:100%;
	display:flex;
	
	flex-direction:row;
	font-size:1.4vh;
	
	
	
	height:auto;
	
	
}


.form-datos .form-datos-center #contact-enviar .contenedor-form .campos-contacto-datos{
	width:100%;
	display:flex;
	padding:2%;
	font-size:1.5vh;
	height:5vh;
	border-radius:10px;
	
	
	border:2px solid #CCC;
	
	
	
}


.form-datos .form-datos-center #contact-enviar .contenedor-form .campos-contacto-datos2{
	width:50%;
	display:flex;
	padding:2%;
	font-size:1.5vh;
	height:5vh;
	border-radius:10px;
	
	
	border:2px solid #CCC;
	
	
	
}

.form-datos .form-datos-center #contact-enviar .contenedor-form .comentarios-dats{
	width:100%;
	display:flex;
	padding:2%;
	font-size:1.5vh;
	height:10vh;
	border-radius:10px;
	
	
	border:2px solid #CCC;
	
	
	
}





.form-datos .form-datos-center .image-apart {
	width:39%;
	margin-right:5%;
	display:flex;.
	flex-direction:column;
	align-items:center;
	height:auto;
	
}

.form-datos .form-datos-center .image-apart img {
	width:100%;
	
}


.carrusel-planos .carrusel-planos-center{
	width:76%;
	display:flex;
	flex-direction:row;
	height:auto;
	
	align-items:center;
	
}

.carrusel-planos .carrusel-planos-center .caja-carrusel{
	width:45%;
	margin-right:5%;
	display:flex;
	flex-direction:column;
	height:auto;
	
	align-items:center;

}
.tab-controla{
        width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	
        
	
        
    }

.tabs-all {
        width: 68%;
        padding: 4%;
	margin-top: 2.5%;
	
        padding-top: 0%;
    }

.tabs-all .logo-proyect{
        width: 25%;
		margin:0 auto;
		margin-bottom:5%;
		margin-top:3%;
       
    }
	
	.tabs-all .logo-proyect img{
        width: 100%;
       
    }

.tabs-all h3 {
	font-size: 3.5vh;
	text-align: center;
	color: #274866;
	font-weight: 400;
        
    }
    
 

.back-green {
    width: 96%;
    height: auto;
	padding:1%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  
    overflow: hidden;
	margin-bottom: 2%;
}
.back-green .center {
    width: 72%;
    height: auto;
    display: flex;
    flex-direction: column ;
    justify-content: center;
    align-items: center;
}


.back-green .center  h1{
	color:#fff;
   
}

.slider {
    width: 96%;
    margin: 0px auto;
}
.slick-slide {
    margin: 0px 1px;
    transition: all 0.3s ease;
    padding: 0.2%;
}
.slick-slide a {
    border-radius: 8px;
    
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    
}
.slick-slide img {
    width: 100%;
    padding: 4%;
    border-radius: 8px;
   background: none;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}
.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}
.slick-active {
    opacity: 1;
}
.slick-current {
    opacity: 1;
}

header .center-header .space-res{
	
	display:none;
}
 

.carrusel-planos .carrusel-planos-center .formulario{
	width:50%;
	padding:2%;
	display:flex;
	flex-direction:column;
	height:auto;
	
	 
	align-items:center;
	
}

.carrusel-planos .carrusel-planos-center .formulario .contenedor-form{
	width:100;
	
	display:flex;
	flex-direction:row;
	height:auto;margin-bottom:0.5%;
	
}


.carrusel-planos .carrusel-planos-center .formulario h3{
	font-size:0.9vw;

	
}

.carrusel-planos .carrusel-planos-center .formulario p{
	font-size:0.7vw;
	font-weight:600;

	
}

.carrusel-planos .carrusel-planos-center .formulario .mandar{
	
display:flex;
	height:auto;
	
}



.carrusel-planos .carrusel-planos-center .formulario .mandar:hover{
	
	
}


.carrusel-planos .carrusel-planos-center .formulario .mandar .send-plano{
	
text-decoration:none;
	font-weight:600;
	background-color:#2a4666;
	border: 0px;
	width: 26%;
	margin-top: 3%;
	padding:3%;
	border-radius:16px;
	font-size:0.8vw;
	color:#fff;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
	
}



.carrusel-planos .carrusel-planos-center .formulario .mandar .send-plano:hover{
	text-decoration:none;
	  -webkit-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 12x 3px rgba(0, 0, 0, 0.3);

	background-color:#C95927;
	  transform: translate(0px, -3px);
	color:#fff;
}









.carrusel-planos .carrusel-planos-center .formulario .contenedor-form-otro{
	width:100%;
	margin-bottom:0.5%;
	display:flex;
	flex-direction:column;
	height:auto;

}

.carrusel-planos .carrusel-planos-center .formulario .contenedor-form-otro .inputs{
	width:100%; 
	margin-bottom:0.5%;
	margin-top:0.5%;
	
	display:flex;
	flex-direction:column;
	height:auto;

}


.carrusel-planos .carrusel-planos-center .formulario .contenedor-form-otro .inputs .large{
	width:100%; 
	display:flex;
	flex-direction:row;
	height:auto;
	margin-bottom:0.5%;
	margin-top:0.5%;
}

.carrusel-planos .carrusel-planos-center .formulario .contenedor-form-otro .inputs .large span{
	font-size:0.6vw;
	font-weight:500;
	
}


.carrusel-planos .carrusel-planos-center .formulario .campos-planos{
	display:flex;
	width:100%;
	
	
	padding:1.6%;
	height:3em;
	border:1px solid #777;
	
	
	border-radius:0.4em;
}

.carrusel-planos .carrusel-planos-center .formulario .comentarios-planos{
	display:flex;
	width:100%;
	
	
	padding:1.6%;
	height:15em;
	margin-bottom:2%;
	border:1px solid #777;
	
	
	border-radius:0.4em;
}
.carrusel-planos .carrusel-planos-center .formulario .campos-planos:focus{
	
	text-decoration:none;
	outline:none;
}

.carrusel-planos .carrusel-planos-center .formulario .contenedor-form div{
	width:48%;
	display:flex;
	flex-direction:column;
	height:auto;
	
	
}

.carrusel-planos .carrusel-planos-center .formulario .contenedor-form .space{
	width:4%;
	display:flex;
	flex-direction:column;
	height:auto;
	
	
}







/*jssor slider loading skin spin css*/

.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
/*jssor slider arrow skin 106 css*/

.jssora106 {
    display: block;
    position: absolute;
    cursor: pointer; 
}
.jssora106 .c {
    fill: #fff;
    opacity: 1;
    -webkit-box-shadow: 0px 0px 6px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 6x 6px rgba(0, 0, 0, 0.3);
}
.jssora106 .a {
    fill: none;
    stroke: #000;
    stroke-width: 350;
    stroke-miterlimit: 10;
}
.jssora106:hover .c {
    opacity: .9;
}
.jssora106:hover .a {
    opacity: .9;
}
.jssora106.jssora106dn .c {
    opacity: .8;
}
.jssora106.jssora106dn .a {
    opacity: 1;
}
.jssora106.jssora106ds {
    opacity: .3;
    pointer-events: none;
}
/*jssor slider thumbnail skin 101 css*/

.jssort101 .p {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    background: #000;
}
.jssort101 .p .cv {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    box-sizing: border-box;
    z-index: 1;
}
.jssort101 .a {
    fill: none;
    stroke: #fff;
    stroke-width: 400;
    stroke-miterlimit: 10;
    visibility: hidden;
}
.jssort101 .p:hover .cv,
.jssort101 .p.pdn .cv {
    border: none;
    border-color: transparent;
}
.jssort101 .p:hover {
    padding: 2px;
}
.jssort101 .p:hover .cv {
    background-color: rgba(0, 0, 0, 6);
    opacity: .35;
}
.jssort101 .p:hover.pdn {
    padding: 0;
}
.jssort101 .p:hover.pdn .cv {
    border: 2px solid #fff;
    background: none;
    opacity: .35;
}
.jssort101 .pav .cv {
    border-color: #fff;
    opacity: .35;
}
.jssort101 .pav .a,
.jssort101 .p:hover .a {
    visibility: visible;
}
.jssort101 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    opacity: .6;
}
.jssort101 .pav .t,
.jssort101 .p:hover .t {
    opacity: 1;
}
#closeButton {
    display: none;
}


.close2 {
       
        cursor: pointer;
        position: absolute;
        top: 0%;
	background-color: #063062;
        font-size: 1.5em;
	border-radius: 1.3vh;
        font-weight: 500;
        right: -1%;
        padding: 1%;
        transform: translate(0%, -10%);
        color: #fff;
    }












#show-hidden-menu{
	
	position:fixed;
	bottom:2%;
	z-index:1000000;
	background:#C95927;
	width:5em;
	height:5em;
	right:1%;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	
	
	 box-shadow: 0 0 -10px #16BFBA;
    cursor: pointer;
	-webkit-animation: bounce 2s infinite 2s;
  animation: bounce 2s infinite 2s;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.9);
	
}

#show-hidden-menu img{
	width:60%;
	
	
	
}



.cuerpos{
	height: auto;
	
	
	margin: 1vw auto 0vw 0vw ;
	display:flex;
	
	 
	justify-content:center;
	flex-direction:column;
	align-items:center;
	
 
	
}

.back-titulos2{
	width:100%;
	margin: 4vw auto 0vw 0vw ;
	padding:3.5%;
	display:flex;
	flex-direction:column;
	align-items:center;
	height:46vh;
	background-size: cover;
	-webkkit-background-size: cover;
	  
	   background: linear-gradient(0deg,  rgba(0, 0, 0, 0.5)  0%, rgba(0, 0, 0, 0.3) 70%), url(../imagenes/men-01.jpg)  center no-repeat;
	
	  animation: animatedBackground2 20s linear infinite alternate;
	
 
	
}
.back-titulos2 h2{
	color:#fff;
	font-size:2vw;
	text-align: left;
	letter-spacing:0.1vw;
	font-weight:500;
	margin-top: 12vh;
	
 
	
}

.back-titulos{
	width:100%;
	margin: 4vw auto 0vw 0vw ;
	padding:3.5%;
	display:flex;
	flex-direction:column;
	align-items:center;
	height:46vh;
	background-size: cover;
	-webkkit-background-size: cover;
	  
	   background: linear-gradient(0deg,  rgba(0, 0, 0, 0.5)  0%, rgba(0, 0, 0, 0.3) 70%), url(../imagenes/fam-01.jpg)  center no-repeat;
	
	  animation: animatedBackground2 20s linear infinite alternate;
	
 
	
}
.back-titulos h2{
	color:#fff;
	font-size:2vw;
	text-align: left;
	letter-spacing:0.1vw;
	font-weight:500;
	margin-top: 12vh;
	
 
	
}
@keyframes animatedBackground2 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 50% 0;
  }
}

.cuerpos #contact-form{
	height: auto;
	margin-bottom:4%;
	display:flex;
	flex-direction:column; 
	justify-content:center;
	width:64%;
	
	

}

.cuerpos #contact-form h2{
	color:#013A45;
	font-size:1.2vw;
	letter-spacing:0.1vw;
	font-weight:500;
	

}

.cuerpos #contact-form .contenedor-form{
	display:flex;
	flex-direction:row;
		
	margin-bottom:1.5%;
	
	justify-contents:center;
}

.cuerpos #contact-form .contenedor-form .inputs{
	display:flex;
	flex-direction:column;
	width:86%;
margin-left:1%;
	
}

.cuerpos #contact-form .contenedor-form .space{
	display:flex;
	
	width:6%;

	
}

.cuerpos #contact-form .contenedor-form .mandar{
	display:flex;
	
	width:8%;
margin-right:1%;

	justify-content:center:
	text-align:center;
	
}

.cuerpos #contact-form .contenedor-form .mandar .send-home-envivo{
	display:flex;
	width:100%;
	cursor:pointer;
	align-items:center;
	justify-content:center;
	text-align:center;
margin-right:1%;
text-decoration:none;
	font-weight:600;
	background-color:#013A45;
	
	border-radius:16px;
	font-size:0.8vw;
	color:#fff;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;	
}
.cuerpos #contact-form .contenedor-form .inputs .large{
	display:flex;
	flex-direction:row;
	width:80%;

	
}
.cuerpos #contact-form .contenedor-form .inputs .large span{
	font-size:0.75vw;
	margin-left:1%;
	

	
}



.cuerpos #contact-form .contenedor-form .campos-contacto-datos{
	display:flex;
	width:31.5%;
	
	
	padding:1.2%;
	border:1px solid #999;
	margin-left:1%;
	margin-right:1%;
	border-radius:0.4em;
	
	
	
}



.cuerpos #contact-form .contenedor-form .comentarios{
	display:flex;
	width:98%;
	height:11vw;
	padding:1.2%;
	margin-left:1%;
	margin-right:1%;
	border-radius:0.4em;
	border:1px solid #999;
	
	
}
.cuerpos #contact-form .contenedor-form .comentarios:focus{
	text-decoration:none;
	outline:none;
	
}

.cuerpos #contact-form .contenedor-form .campos-contacto-datos:focus{
	
	
	
	text-decoration:none;
	outline:none;
	
	
	
	
} 
.cuerpos .datos-centro{
	width:62%;
	
	margin-top:0%;
	
	margin-bottom:4%;
	
	display:flex;
	
	
	flex-direction:row;
}


.cuerpos .datos-centro .left{
	width:60%;
	display:flex;
	flex-direction:column;
}

.cuerpos .datos-centro .right{
	width:40%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.cuerpos .datos-centro .right iframe{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.cuerpos .datos-centro .left h2{

	
	
	
	display:flex;
	color:#013A45;
	font-size:1.4vw;
	

}

.cuerpos .datos-centro .left p{
	line-height:1.3vw;

	
	
	
	font-size:0.9vw;
	

}



.cuerpos .cuerpos-centro{
	width:64%;
	
	margin-top:3%;
	margin-bottom:0px;
	
	display:flex;
	
	
	flex-direction:column;
}


.cuerpos .cuerpos-centro h1{
	color:#013A45;
	font-size:2vw;
	font-weight: 500;
	text-align: center;
	
}

.cuerpos .cuerpos-centro p{
	color:#777;
	font-size:0.8vw;
	line-height: 2.7vh;
}

.cuerpos .cuerpos-centro .todo-titulos{
	width:100%;
	
	display:flex;
	
	
	flex-direction:row;
}
 
 

.cuerpos .cuerpos-centro .todo-titulos .caja-text{
	width:100%;
	
	display:flex;
	
	
	flex-direction:column;
}


.cuerpos .cuerpos-centro .todo-titulos .caja-text p{
	font-size:0.8vw;
	text-align: center;
	
	font-weight:500;
	line-height:1.1vw;
}



.cuerpos .cuerpos-centro .todo-titulos .caja-text h2{
		color:#013A45;
	font-size:2vw;
	letter-spacing:0.2vw;
}


.cuerpos .cuerpos-centro .todo-titulos .foto{
	width:50%;
	
	display:flex;
	
	
	flex-direction:column;
}





[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    content: attr(data-title);
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.2);
    padding: 8%;
    font-size: 0.6vw;
    font-weight: 500;
    border-radius: 8px;
    color: #fff;
    position: absolute;
    top: -25%;
    cursor: none;
    right: 12%;
    white-space: nowrap;
    opacity: 0;
    z-index: 19;
    visibility: hidden;
}
[data-title] {
    position: relative;
}






@keyframes bounce {
  0%
  {
	  box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.9);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
 50% {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
	 box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
  }
  100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
	box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.9);
  }
}
header{
	width:100%;
	height:4vw;
	display:flex;
	align-items:center;
	justify-content:center;	
	
	z-index:10000000000;
	
    background-color:transparent;
	position: absolute;
	
	
	
	  
  top: 32px;
	
  left: 0;
 
  
	
	
	
	
 
}
header .center-header{
	width:90%;
	
	height:auto;
	display:flex;
	align-items:center;
	flex-direction:row;	
}
header .center-header .buttons-lengua{
	width:22%;
	
	height:auto;
	display:flex;
	align-items:center;
	flex-direction:row;	
	position: relative;
}


header .center-header .buttons-lengua .container-language{
	width:35%;
	
	height:auto;
	
	display:flex;
	align-items:center;
	flex-direction:row;	
}

header .center-header .logo{
	width:10.5%;
	height:auto;
	
}

header .center-header .logo img{
	width:100%;
	height:auto;	
}
header .center-header .space{
	width:8%;
	
	height:auto;
	display:flex;
}

header .center-header .space2{
	width:23%;
	
	height:auto;
	display:flex;
}
header .center-header #menu{
	width:47%;
	height:auto;
	display:flex;
	
	align-items:center;
	flex-direction:row;
	justify-content:center;
	
	
}

header .center-header .boton-cotiza{
	width:20%;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	height:auto;
	display:flex;
	
}

header .center-header .boton-cotiza a{
	text-decoration:none;
	font-weight:600;
	background-color:#013A45;
	padding:5%;
	border-radius:16px;
	font-size:0.8vw;
	color:#fff;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}


header .center-header .boton-cotiza a:hover{
	text-decoration:none;
	  -webkit-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 12x 3px rgba(0, 0, 0, 0.3);

	background-color:#C95927;
	  transform: translate(0px, -3px);
	color:#fff;
}

.cuerpo-proyectos {
	width:100%;
	padding:2%;
	display:flex;
	align-items:center;
	justify-content:center;	
}
.cuerpo-proyectos .cuerpo-center{
	width:64%;
	
	display:flex;
	
	
	flex-direction:column;
}
.cuerpo-proyectos .cuerpo-center h1{
	color:#013A45;
	font-size:2vw;
	
} 


 
.cuerpo-proyectos-proyecto {
	width:100%;
	
	
	display:flex;
	margin: 0 auto;
		justify-content:center;	
	flex-direction:column;
	align-items:center;
}

.cuerpo-proyectos-proyecto h1{
	color:#fff;
	padding: 1.5%;
	width: auto;
	border-radius: 12px;
	background:#2A4666;
	text-align: center;
	font-weight: 400;
	font-size:1.9vw;
	margin-bottom: 1%;
}
.cuerpo-proyectos-proyecto h3{
	
	width:76%;
	
	color:#2A4666;
	text-align: center;
	font-weight: 400;
	font-size:1.1vw;
	margin-bottom: 2%;
}

.cuerpo-proyectos-proyecto .rv-caja{
	width:75%;
	height:35vw;
	
	display:flex;
	justify-content:center;	
	flex-direction:column;
	margin-bottom:3%;
}

.cuerpo-proyectos-proyecto .rv-caja iframe{
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;	
	flex-direction:column;
}



.cuerpo-proyectos-proyecto .mapa-caja{
	width:75%;
	height:62vh;
	display:flex;
	justify-content:center;	
	flex-direction:column;
	margin-bottom:3%;
}

.cuerpo-proyectos-proyecto .mapa-caja iframe{
	width:100%;
	height:100%;
	
	display:flex;
	justify-content:center;	
	flex-direction:column;
}


.cuerpo-proyectos-proyecto .banner {
	width:100%;
	
	height:auto;
	display:flex;
	flex-direction:row;
	
	justify-content:center;	
}

.cuerpo-proyectos-proyecto .banner .banner-der {
	width:50%;
	
	height:auto;
	display:flex;
	flex-direction:column;
	
	
}

.cuerpo-proyectos-proyecto .banner .banner-der .carac{
	width:100%;
	
	height:20%;
	display:flex;
	flex-direction:row;
	
	
}
.cuerpo-proyectos-proyecto .banner .banner-der .carac .lugar{
	width:50%;
	
	align-items:center;
	padding:2%;
	
	
	display:flex;
	flex-direction:row;
	
	
}

.cuerpo-proyectos-proyecto .banner .banner-der .carac .lugar img{
	width:14%;
	
	align-items:center;
	
	
	
	display:flex;
	flex-direction:row;
	
	
}
.cuerpo-proyectos-proyecto .banner .banner-der .carac .lugar span{

	width:86%;
	

	font-size:0.8vw;
	margin-left:2%;
	font-weight:600;
	color:#013A45;
	align-items:center;
	
	
	
	
	display:flex;
	
	
	
}

.cuerpo-proyectos-proyecto .banner .banner-der .carac .lugar strong{
	font-size:1vw;
	
	
	font-weight:800;
	color:#013A45;
	
	
	
	
}
.cuerpo-proyectos-proyecto .banner .banner-der .carac .lugar span big{
	width:auto;
	
	font-size:1.4vw;
	
	font-weight:800;
	color:#013A45;
	margin-right:2%;
	margin-left:1%;
	
	
	
	
	
	
	display:flex;
	
	
	
}




.cuerpo-proyectos-proyecto .banner .banner-der .contai-proy {
	width:100%;
	
	height:80%;
	overflow:hidden ;
	display:flex;
    flex-direction: column;
	
}
.cuerpo-proyectos-proyecto .banner .banner-izq {
	width:50%;
	height:auto;
	flex-direction:column;
	display:flex;
	padding:2%;
	
}
.cuerpo-proyectos-proyecto .banner .banner-izq .pdfs {
	
	width:100%;
	height:auto;
	display:flex;
	align-items:center;
	justify-content:center;
	
	margin-top:3%;
	
}
.cuerpo-proyectos-proyecto .banner .banner-izq .pdfs .pdfs-centro {
	
	width:60%;
	height:auto;
	display:flex;
	
	flex-direction:row;
	
}

.cuerpo-proyectos-proyecto .banner .banner-izq .pdfs .pdfs-centro div {
	
	width:50%;
	height:auto;
	display:flex;
	padding:2%;
	
	flex-direction:column;
	align-items:center;
	justify-content:center;
	
}

.cuerpo-proyectos-proyecto .banner .banner-izq .pdfs .pdfs-centro div img{
	
	width:28%;
	height:auto;
	display:flex;
	padding:1%;
	flex-direction:column;
	
}
.cuerpo-proyectos-proyecto .banner .banner-izq .pdfs .pdfs-centro div a{
	color:#fff;
	margin-top:2%;
	text-decoration:none;
	height:auto;
	display:flex;
	font-size:0.8vw;
	font-weight:700;
	
}


.cuerpo-proyectos-proyecto .banner .banner-izq .pdfs .pdfs-centro div small{
	
	height:auto;
	display:flex;
	font-size:0.9vw;
	font-weight:600;
	color:#013A45;
	margin-bottom:2%;
	
}

.cuerpo-proyectos-proyecto .banner .banner-izq .pdfs .pdfs-centro div big{
	height:auto;
	display:flex;
	font-size:1.5vw;
	font-weight:800;
	color:#013A45;
	
	
}



.cuerpo-proyectos-proyecto .banner .banner-izq h1 {
	color:#24435D;
	width:100%;
	padding:0;
	margin:0;
	display:flex;
	font-size:1.7vw;
	margin-bottom:0.7%;
	
	
}
.cuerpo-proyectos-proyecto .banner .banner-izq h2 {
	color:#24435D;
	width:100%;
	padding:0;
	margin:0;
	display:flex;
	font-size:1.25vw;
}


.cuerpo-proyectos-proyecto .banner .banner-izq .grid-car {
    display: grid;
    margin-top: 1%;
	padding:1%;
    width: 100%;
    height: auto;
    grid-template-columns: 30.35% 30.35% 30.35%;
    gap: 4% 4%;
	
	justify-content:center;
	
} 

.cuerpo-proyectos-proyecto .banner .banner-izq .grid-car div {
    display: flex;
	padding:2%;
	flex-direction:column;
	align-items:center;
	
	
    height: auto;
    
} 
.cuerpo-proyectos-proyecto .banner .banner-izq .grid-car div img {
    display: flex;
	flex-direction:column;
	width:20%;
	
    height: auto;
    
} 

.cuerpo-proyectos-proyecto .banner .banner-izq .grid-car div p  {
    display: flex;
	flex-direction:column;
	font-size:0.9vw;
	text-align:center;
	font-weight:700;
		width:100%;
	
    height: auto;
    
} 






.cuerpo-proyectos-proyecto .cuerpo-center-proyecto{
	width:64%;
	border:2px solid #111;
	height:30vw;
	display:flex;
	
	
	flex-direction:column;
}


.cuerpo-proyectos-box {
	width:100%;
	padding:2%;
	display:flex;
	margin: 1.2vw auto 0vw 0vw ;
	align-items:center;
	justify-content:center;	
}
.cuerpo-proyectos-box .cuerpo-center-box{
	width:64%;
	
	display:flex;
	
	
	flex-direction:column;
}
.cuerpo-proyectos-box .cuerpo-center-box h1{
	color:#013A45;
	font-size:2vw;
	font-weight: 500;
	text-align: center;
	
}

.cuerpo-proyectos-box .cuerpo-center-box h2{
	color:#013A45;
	margin-top: 5%;
	font-size:2vw;
	font-weight: 500;
	text-align: center;
	
}


 

.contenedor-programas #grid {
    display: grid;
    margin-top: 3vh;
    width: 100%;
    height: auto;
   
    grid-template-columns: 30.5% 30.5% 30.5%;
    gap: 2% 3%;
	
} 

.contenedor-programas #grid .caja {
    position: relative;
    transition: all 0.3s ease;
    
	box-shadow: 2px 5px 5px 1px rgba(0,0,0,0.44);
-webkit-box-shadow: 2px 5px 5px 1px rgba(0,0,0,0.44);
-moz-box-shadow: 2px 5px 5px 1px rgba(0,0,0,0.44);
	border-radius: 10px 10px;
	overflow: hidden;
	
     
}

.contenedor-programas #grid .caja:hover {
   transform: translate(0px, -4px);
}



.contenedor-programas #grid .caja .desc{
	height:auto;
	background-color:#274866;
	padding:8%;
	color:#fff;
	display:flex;
	flex-direction:row;
	width:100%;
	
   
}

.contenedor-programas #grid .caja .desc .log{
	height:auto;
	width:30%;
	
	
	display:flex;
	justify-content:center;
	align-items:center;
	margin-right:5%;
	

	
   
}

.contenedor-programas #grid .caja .desc .log img{
	
	width:100%;
	
}

.contenedor-programas #grid .caja .desc .textos{
	height:auto;
	width:65%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	
   
}

.contenedor-programas #grid .caja .desc .textos big{
	font-weight:700;
	margin-bottom:2%;
	font-size:1vw;

   
}

.contenedor-programas #grid .caja .desc .textos span{
	font-weight:600;
	margin-bottom:2%;
	font-size:0.7vw;

   
}
.contenedor-programas #grid .caja .desc .textos small{
	font-weight:400;
	margin-bottom:2%;
	font-size:0.65vw;

   
}


.contenedor-programas #grid .caja div {
    position: relative;
    transition: all 0.3s ease;
    overflow: hidden;
   
	
}


.contenedor-programas #grid .caja div a {
  
   
	
}
.contenedor-programas #grid .caja div a:hover {
    opacity: 0.9;
	
    -webkit-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
}
.contenedor-programas #grid .caja div a img {
    -webkit-background-size: cover;
   
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transform: scale(1.01);
    transform: scale(1.02);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.contenedor-programas #grid .caja div a img:hover {
    -webkit-transform: scale(1.15) ;
    transform: scale(1.15) ;
}
.contenedor-programas #grid .caja div a span {
    position: absolute;
    z-index: 999999;
    padding: 2%;
    color: #fff;
    border: 1px solid #fff;
    font-size: 0.7vw;
    border-radius: 8px;
	font-weight:600;
    opacity: 1;
    transition: all 0.3s ease;
    bottom: 4%;
    left:4%;
   background-color:rgba(0, 0, 0, 0.4);
    text-align: center;
}



.box-mision {
	width:100%;

	padding:1%;
	display:flex;
	height:auto;
	justify-content:center;
	
	
 
	
}


.box-mision .center-mision{
	width:62%;
	
	display:flex;
	
	
	flex-direction:row;
}

.box-mision .center-mision div{
	width:45%;
	
	display:flex;
	line-height:1.3vw;
	
	flex-direction:column;
}

.box-mision .center-mision div h1{
	font-size:1.8vw;  
	color:#013A45;

}

.box-mision .center-mision .space{
	width:10%;
	
	display:flex;
	flex-direction:row;
}


.box-tiempo{
	width:100%;

	padding:1%;
	display:flex;
	height:auto;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	margin-top: 5%;
	
	
 
	
}

.box-tiempo h5{
	width:70%;
	
	
	
	display:flex;
	font-size:0.9vw;
	line-height: 1.4vw;
	text-align: center;
	
	
	
	font-weight:500;
	color:#274866;
	
	
 
	
}

.box-tiempo .box-10{
	width:69%;
	justify-content:center;
	align-items:center;
	margin:0;
	
	padding:1%;
	display:flex;
	border-radius: 12px;
	
	
	
	
	

	background:#274866;
	
	
 
	
}


.box-tiempo .box-10 p{
	width:auto;
	
	margin:0;
	
	display:flex;
	font-size:3.6vw;
	
	
	font-weight:700;
	color:#fff;
	
	
	
 
	
}


.box-tiempo .box-tiempo-center{
	width:50%;
	
	display:flex;
	
	
	flex-direction:row;

	
	align-items:center;
	justify-content:center;
}


.box-tiempo .box-tiempo-center .frases{
	width:100%;
	

	
	display:flex;
	
	justify-content: center;
	
	
	flex-direction:row;
	
	border: 3px solid #274866;
	border-radius: 10px 10px 0px 0px;
}



.box-tiempo .box-tiempo-center .frases .image-number{
	width:30%;
	
	display:flex;
	
	justify-content:center;
	flex-direction:column;
}



.box-tiempo .box-tiempo-center .frases .text-number{
	width:auto;
	padding:1%;
	
	display:flex;
	justify-content:center;
	
	
	
	flex-direction:column;
}

.box-tiempo .box-tiempo-center .frases .text-number span{
	color:#274866;
	font-size:6.2vw;
	font-weight:800;
}

.box-tiempo .box-tiempo-center .frases .text-number big{
	color:#274866;
	font-size:3vw;
	font-weight:400;
	font-weight:bold;
}






.words {
	width:100%;

	padding:1%;
	margin-top:2.5%;
	display:flex;
	align-items:center;
	justify-content:center;
	
 
	
}


.words .center-words{
	width:62%;
	
	display:flex;
	
	
	flex-direction:column;
}

.words .center-words .texto-foto .text-words h1{
	color:#013A45;
	font-size:2vw;
	
}

.words .center-words .texto-foto{
	width:100%;
	
	display:flex;
	
	
	flex-direction:row;
}

.words .center-words .texto-foto .space{
	width:8%;
	
	display:flex;
	
	
}

.words .center-words .texto-foto .text-words{
	width:47%;
	
	display:flex;
	
	
	flex-direction:column;
}
.words .center-words .texto-foto .text-words p{
	line-height:1.3vw;
	font-size:0.8vw;
	font-weight:500;
	
}
.words .center-words .texto-foto .foto-words{
	width:45%;
	
	display:flex;
	
	
	flex-direction:row;
}

.words .center-words .texto-foto .foto-words img{
	width:100%;
	
	
}



@keyframes glowing {
    0% {
        box-shadow: 0 0 -10px #16BFBA;
		 
    }
    40% {
        box-shadow: 0 0 50px #4B92B4;
		
    }
    60% {
        box-shadow: 0 0 50px #4B92B4;
		
    }
    100% {
        box-shadow: 0 0 -10px #16BFBA;
		
    }
}
.info-modulo .center {
    width: 9%;
   
    top: 30.9%;
    animation: glowing 1000ms infinite;
    z-index: 15;
    padding: 1%;
	padding-top:1%;
	padding-bottom:1%;
    right: 0%;
    color: #fff;
    position: fixed;
    visibility: visible;
    height: auto;
    background: rgba(105, 105, 105, 0.7);
    
    border-radius: 22px 14px 14px 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.info-modulo .center .contenido-hide {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.info-modulo .center .contenido-hide h2 {
    display: flex;
    color: #fff;
    font-size: 0.6vw;
    font-weight: 600;
    text-align: center;
}
.info-modulo .center .contenido-hide p {
    display: flex;
    text-align: center;
    color: #fff;
    font-size: 0.5vw;
    font-weight: 600;
    text-align: center;
    margin-bottom: 6%;
}
.info-modulo .center .contenido-hide span {
    display: flex;
    color: #fff;
    font-size: 0.6vw;
    margin-bottom: 6%;
    margin-top: 6%;
    font-weight: 400;
    text-align: center;
}
.info-modulo .center .contenido-hide .foto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
}
.info-modulo .center .contenido-hide .foto .all-agente {
    display: flex;
    flex-direction: column;
	align-items:center;
}
.info-modulo .center .contenido-hide .foto .all-agente span {
    display: flex;
    font-size: 0.6vw;
	font-weight:500;
    text-align: center;
}

.info-modulo .center .contenido-hide .foto .all-agente .picture {
    display: flex;
	align-items:center;
	justify-content:center;
	
	overflow: hidden;
   
}

.info-modulo .center .contenido-hide .foto .all-agente .picture img {
	width: 12vh;
	height: 10.8vh;
    
   
}

.info-modulo .center .contenido-hide .foto .all-agente .fotex {
	
	
	border-radius:50%;

  
}

.info-modulo .center .contenido-hide .foto .two-botons {
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
   
	
	
}
.info-modulo .center .contenido-hide .foto .two-botons .horitas {
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
	
}
 
.info-modulo .center .contenido-hide .foto .two-botons .horita h4 {
    display: flex;
	text-align:center;
	font-size:1.2vh;
	font-weight:500;
	margin-top:8%;
	margin-bottom:8%;
    
	padding:0;
   
	
	
}

.info-modulo .center .contenido-hide .foto .two-botons .horita big {
    display: block;
		margin:0 auto;
	text-align:center;
	
	
	
	font-size:1.2vh;
	margin-top:6%;
	margin-bottom:3%;
	padding:0;
	font-weight:500;
    
   
	
	 
}
.info-modulo .center .contenido-hide .foto .two-botons .box-responsive {
    display: grid;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 69%;
    height: auto;
    margin-bottom: 2%;
    margin-top: 2%;
	grid-template-columns: 95%;
    gap: 1% 1%;
	border-radius:10px;
	overflow:hidden;
	
	
}
.info-modulo .center .contenido-hide .foto .two-botons a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 3%;
    height: auto;
    background: #C85C29;
    color: #fff;
}
.info-modulo .center .contenido-hide .foto .two-botons .horario {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.info-modulo .center .contenido-hide .foto .two-botons .horario p {
    text-align: center;
    padding: 0%;
	display:flex;
    flex-direction: row;
    font-size: 0.8em;
}
.info-modulo .center .contenido-hide .foto .two-botons .horario .hours {
    padding: 0%;
    width: auto;
    flex-direction: column;
    align-items: center;
	display:flex;
    font-size: 1.7vh;
	font-weight:600;
	text-align:center;
}
.info-modulo .center .contenido-hide .foto .two-botons .horario .hours small {
    display: flex;
	
}
.info-modulo .center .contenido-hide .foto .two-botons .tit h3 {
    display: none;
}
.info-modulo .center .contenido-hide .foto .two-botons .tit span {
    display: none;
    font-size: 1vh;
}
.info-modulo .center .contenido-hide .foto img {
    display: flex;
    width: 100%;
    margin-bottom: 2%;
   
    margin-top: 2%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.info-modulo .center a {
    width: 100%;
    font-size: 10px;
    padding: 6%;
    top: 0;
    text-align: center;
    font-weight: 600;
    height: auto;
    position: relative;
    color: #fff;
    text-decoration: none;
    display: flex;
    background: red;
}
.info-modulo .center a:hover {
    color: yellow;
}
.info-modulo .center img {
    width: 85%;
    display: none;
    height: auto;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}






.testim {
		width: 100%;
		position: relative;
		
		padding:2%;
		
		
}

.testim .wrap {
    position: relative;
    width: 64%;
	display: flex;
	align-items: center;
	flex-direction: column;
   
    
    margin: auto;
}


.testim .wrap  h1{
   color:#fff;
	padding: 2.5%;
	width: 50%;
	border-radius: 12px;
	background:#F93;
	text-align: center;
	font-weight: 400;
	font-size:1.9vw;
	margin-bottom: 7%;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #333;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;    
    -ms-transition: all .3s ease-in-out;    
    -moz-transition: all .3s ease-in-out;    
    -o-transition: all .3s ease-in-out;    
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}

.testim .arrow:before {
		cursor: pointer;
}

.testim .arrow:hover {
    color: green;
}
    

.testim .arrow.left {
    left: 70px;
}

.testim .arrow.right {
    right: 70px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;
    display: block;
    z-index: 3333;
		height: 12px;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid green;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
		position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: #274866;
    border-color: #274866;
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
    
.testim .cont {
    position: relative;
		overflow: hidden;
} 

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
}
    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    

.testim .cont div .img img {
    display: block;
    width: 130px;
    height: 130px;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div h2 {
    color: #274866;
    font-size: 1.3em;
    margin: 15px 0;
	font-weight:700;
}
 
.testim .cont div p {
    font-size: 1.15em;
    color:#274866;
    width: 70%;
    margin: auto;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    

    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        transform: scale(0);
    }
}

@
	all and (max-width: 300px) {
	body {
		font-size: 14px;
	}
}

@media all and (max-width: 500px) {
	.testim .arrow {
		font-size: 1.5em;
	}
	
	.testim .cont div p {
		line-height: 25px;
	}

}



































.home{
	height: 35vw;
	overflow:hidden;
	position:relative;	
	margin: 0vw 0vw 0vw 0vw ;
	
	
 
	
}
.home .slide{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	
	background-size:cover;
	background-position:center;
	z-index:1;
	display:none;
	animation: slide 6s ease;
	
}
.home .slide.active{
	display:flex;
	
	
}
@keyframes slide{
	0%{
		
		
		transform:scale(1.1)
	
	}
	100%{
		opacity:1;
		transform:scale(1)
	
	}
	
}
.container{
	width:60%;
	
	
	height: 35vw;
	
	
	 
}

.home .container{
	
	flex-grow:1;
}

.home .caption{
	width:35%;
		font-family: 'Montserrat', sans-serif;
	
	padding: 2.5%;
	bottom:4vh;
	position:absolute;
	left:0px;

	background: rgb(2,25,92);
background: linear-gradient(90deg, rgba(2,25,92,1) 0%, rgba(253,255,255,0) 100%);
}
.home .caption h1{
	font-size:3.4vh;
	font-weight:700;
	font-style: italic;
	
	margin-left:3vh;
	color:#fff;
	margin:0;
	padding:0;
	text-transform:uppercase;
	
}

.home .slide.active .caption h1{
	opacity:0;
	animation: captionText .5s ease forwards;
	animation-delay:1s;margin-bottom: 2px;
	
}
.home .caption p{
	font-size:2.8vh;
	margin-left:5vh !important;
	
	color:#DE6826;
	font-weight:700;
	font-style: italic;
	
	
	
	
}
.home .slide.active .caption p{
	opacity:0;
	animation: captionText .5s ease forwards;
	animation-delay:1.2s;
	margin:0;
	padding:0;
}
.home .caption a{
	display:inline-block;
	background-color: #274866;
	text-decoration:none;
	padding:3%;
	font-weight:500;
	color:#fff;
	border-radius:16px;
	opacity:0;
	animation: captionText .5s ease forwards;
	animation-delay:1.4s;
	font-size:0.9vw;
	font-family: 'Montserrat', sans-serif;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}
.home .caption a:hover{
	text-decoration:none;
	  -webkit-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 12x 3px rgba(0, 0, 0, 0.3);

	background-color:#C95927;
	  transform: translate(0px, -14px);
	color:#fff;
}


@keyframes captionText{
	0%{
		opacity:0; transform: translateX(-150px);
	}
	100%{
		opacity:1; transform: translateX(0vh);
		
	}
}

.home .controls .prev,
.home .controls .next{
	position:absolute;
	z-index:2;
	top:48%;
	transition:1s ease-out;
	
	height:45px;
	width:45px;
	margin-top:-20px;
	color:#0B105C;
	background-color:#fff;
	
	border:2px solid #fff;
	border-radius:40px;
	text-align:center;
	line-height:42px;
	font-weight: 700;
	font-size:2.5vh;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	cursor:pointer;

}

.home .controls .prev{
	left:2%;
	
	
}
.home .controls .prev:hover{
	opacity:0.4;
	
	
	
}
.home .controls .next{
	
	right:2%;
	
}.home .controls .next:hover{
	
	opacity:0.4;
	
}

.home .indicator{
	position: absolute;
	display:none;
	left:50%;
	bottom:30px;
	z-index: 2;
	transform: translateX(-50%);
}

.home .indicator div{
	display: inline-block;
	width:25px;
	height: 25px;
	color:#ffffff;
	background-color: #FF5722;
	border-radius:50%;
	text-align: center;
	line-height: 25px;
	margin:0 3px;
}

.home .indicator div.active{
 background-color: #000;
}


.fondo-foto-why{
	width:100%;
	padding:3.5%;
	display:flex;
	flex-direction:column;
	align-items:center;
	height:98vh;
	background-size: cover;
	-webkkit-background-size: cover;
	  
	   background: linear-gradient(0deg,  rgba(0, 0, 0, 0)  0%, rgba(0, 0, 0, 0.1) 70%), url(../imagenes/back-video.mp4) ;
	
	  animation: animatedBackground 8s linear infinite alternate;
}

@keyframes animatedBackground {
  from {
    background-position: 0 0;
	
  }
  to {
    background-position: 100% 0;
  }
}
.fondo-foto-why .banco{
	width:48%;
	padding:2%;
	display:flex;
	flex-direction:row;
	align-items:center;
	margin-top:2%;
	
}

.fondo-foto-why .banco h3{
	width:71%;
	color:#fff;
	font-size:2.2vh;

	margin-right:2%;
	font-weight: 500;
	
	display:flex;
	flex-direction:row;
	align-items:center;
	
}

.fondo-foto-why .banco .loguito{
	width:27%;
	
	
	display:flex;
	flex-direction:row;
	align-items:center;
	
}
.fondo-foto-why .banco .loguito img{
	width:100%;
	
	
	display:flex;
	flex-direction:row;
	align-items:center;
	
}


.fondo-foto-why h2{
	width:auto;
	padding:2%;
	display:flex;
	flex-direction:column;
	align-items:center;
	font-size:2.5vh;
	border-radius:2vh;
	font-weight:400;
	background-color:#274866;
	color:#fff;
	  
}

.fondo-foto-why .grid-carac{
display: grid;
    margin-top: 3vh;
	
    width: 56%;
    height: auto;
   
    grid-template-columns: 32% 32% 32%;
    gap: 6% 2%;
}

.fondo-foto-why .grid-carac .carac{
display: flex;
    
	
    width: 100%;
	border-radius: 15px;
	padding-top: 10%;
	padding-bottom: 10%;
    height: auto;
	color:#0D558A;
	font-size: 7vh;
	align-items: center;
	justify-content: center;
	flex-direction: column;
   background-color:rgba(255, 255, 255, 0.9);
   
}


.fondo-foto-why .grid-carac .carac h4{
display: flex;
    
	font-size: 1.6vh;
	margin-bottom: 4%;
	margin-top: 4%;
	text-align: center !important;
	align-items: center;
	justify-content: center;
	color: #274866;
	font-weight: 600;
	
   
}
.fondo-foto-why .grid-carac .carac img{
display: flex;
    
	
    width: 50%;
	
    height: auto;
   
   
}






















.fondo-foto-why-proyecto{
	width:100%;
	padding:3.5%;
	display:flex;
	flex-direction:column;
	align-items:center;
	height:98vh;
	margin-top:4%;
	margin-bottom:4%;
	background-size: cover;
	-webkkit-background-size: cover;
	  
	   background: linear-gradient(0deg,  rgba(0, 0, 0, 0)  0%, rgba(0, 0, 0, 0.1) 60%), url(../imagenes/slide-back.jpg)  center no-repeat;
	
	  animation: animatedBackground 12s linear infinite alternate;
}

@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}


.fondo-foto-why-proyecto h2{
	width:auto;
	padding:2%;
	display:flex;
	flex-direction:column;
	align-items:center;
	font-size:2.5vh;
	border-radius:2vh;
	font-weight:400;
	background-color:#274866;
	color:#fff;
	  
}

.fondo-foto-why-proyecto .grid-carac{
display: grid;
    margin-top: 3vh;
	
    width: 67%;
	
    height: auto;
   
    grid-template-columns: 22% 22% 22% 22%;
    gap: 4% 4%;
}

.fondo-foto-why-proyecto .grid-carac .carac{
display: flex;
    
	
    width: 100%;
	border-radius: 15px;
	padding-top: 10%;
	padding-bottom: 10%;
    height: auto;
	color:#0D558A;
	font-size: 7vh;
	align-items: center;
	justify-content: center;
	flex-direction: column;
   background-color:rgba(255, 255, 255, 0.9);
   
}


.fondo-foto-why-proyecto .grid-carac .carac h4{
display: flex;
    
	font-size: 1.6vh;
	margin-bottom: 4%;
	margin-top: 4%;
	text-align: center !important;
	align-items: center;
	justify-content: center;
	color: #274866;
	font-weight: 600;
	
   
}
.fondo-foto-why-proyecto .grid-carac .carac img{
display: flex;
    
	
    width: 50%;
	
    height: auto;
   
   
}















 .barra-apartment{
	background-color: #274866;
	width: 100%;
	height: 6vh;
	display: flex;
	padding: 3%;
	align-items: center;
	justify-content: center;
	
	
}

.barra-apartment-center{
	
	width: 72%;
	
	height: 6vh;
	display: flex;
	
	align-items: center;
	flex-direction: row;
	
	justify-content: flex-start;
	
}


.barra-apartment-center h3{
	color: #fff;
	width: 75%;
	
	
	font-size: 2.5vh;
	display: flex;
	font-weight: 400;
	margin-right: 5%;
	text-align: left !important;
	
	
	
	
	
	
	
}
.barra-apartment-center a{
	color: #fff;
	
	animation: ilumiText 2s infinite ;
	animation-delay:1.4s;
	width: 20%;
	font-size: 2.2vh;
	display: flex;
	text-align: center !important;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	
	
	padding: 1.5%;
	

	border-radius: 2vh;
	background-color: #fff;
	
	
	
	font-weight: 400;
	
	color: #274866;
	text-decoration: none;
	
}

.barra-apartment-center a:hover{
	color: #fff;
	
	

	background-color: #F93;
	
	
	
	
}






@keyframes ilumiText{
	
	
	0% { background:#FF9933 }
  50% { color:#274866;
		background:#fff; }
  100% { background:#FF9933}


}














.barra-apartment-proyect{
	background-color: #274866;
	width: 100%;
	height: 6vh;
	display: flex;
	padding: 3%;
	align-items: center;
	justify-content: center;
	
	
}

.barra-apartment-center-proyect{
	
	width: 72%;
	
	height: 6vh;
	display: flex;
	
	align-items: center;
	flex-direction: row;
	
	justify-content: flex-start;
	
}


.barra-apartment-center-proyect h3{
	color: #fff;
	width: 55%;
	
	
	font-size: 2.5vh;
	display: flex;
	font-weight: 400;
	margin-right: 5%;
	text-align: left !important;
	
	
	
	
	
	
	
}
.barra-apartment-center-proyect a{
	color: #fff;
	
	
	width: 30%;
	font-size: 2.2vh;
	margin-right: 1%;
	display: flex;
	text-align: center !important;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	
	
	padding: 1.5%;
	
	border-radius: 2vh;
	background-color: #fff;
	
	
	
	font-weight: 400;
	
	color: #274866;
	text-decoration: none;
	
}

.barra-apartment-center-proyect a:hover{
	color: #fff;
	
	

	background-color: #F93;
	
	
	
	
}













.barra-apartment-verde{
	
	width: 100%;
	height: 6vh;
	display: flex;
	padding: 3%;
	align-items: center;
	justify-content: center;
	margin-bottom:4%;
	
	
}

.barra-apartment-center-verde{
	background-color: #FF9933;
	width: 72%;
	
	height: 6vh;
	display: flex;
	padding: 4%;
	border-radius:14px;
	align-items: center;
	flex-direction: row;
	
	justify-content: flex-start;
	
}


.barra-apartment-center-verde h3{
	color: #fff;
	width: 70%;
	
	
	font-size: 2.5vh;
	display: flex;
	font-weight: 400;
	margin-right: 5%;
	text-align: left !important;
	
	
	
	
	
	
	
}
.barra-apartment-center-verde a{
	color: #fff;
	
	
	width: 25%;
	font-size: 2.2vh;
	display: flex;
	text-align: center !important;
	align-items: center;
	flex-direction: row;
	justify-content: center;
	
	
	padding: 1.5%;
	
	border-radius: 2vh;
	background-color: #fff;
	
	
	
	font-weight: 400;
	
	color: #274866;
	text-decoration: none;
	
}

.barra-apartment-center a:hover{
	color: #fff;
	
	

	background-color: #F93;
	
	
	
	
}



















































*{
	box-sizing:border-box;	
}
.carrusele{
	height: 32vw;
	overflow:hidden;
	position:relative;
	margin-bottom:4%;
	
	
}
.carrusele .slide{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:0 15px;
	background-size:cover;
	background-position:center;
	z-index:1;
	display:none;
	animation: slide2 2s ease;
	
}
.carrusele .slide.active{
	display:flex;
	
	
}
@keyframes slide2{
	0%{
		opacity:0.6;
		
		
		transform: translate(-100px, 0px);
	
	}
	100%{
		opacity:1;
		transform: translate(0px, 0px);
	
	}
	
}


.carrusele .container{
	
	flex-grow:1;
}

.carrusele .caption{
	width:100%;
	text-align:center;
	
		font-family: 'Montserrat', sans-serif;
}
.carrusele .caption h1{
	text-align:center;
	font-size:52px;
	text-shadow: 3px 3px 3px rgba(30, 30, 50, 1);
	color:#fff;
	margin:0;	
}
.carrusele .slide.active .caption h1{
	opacity:0;
	animation: textos .5s ease forwards;
	animation-delay:1s;
}



@keyframes textos{
	0%{
		opacity:0; transform: translateY(150px);
	}
	100%{
		opacity:1; transform: translateY(0px);
	}
}

.carrusele .controls .prev,
.carrusele .controls .next{
	position:absolute;
	z-index:2;
	top:50%;
	transition:1s ease-out;
	
	height:50px;
	width:50px;
	margin-top:-20px;
	color:#fff;
	background: rgba(0, 0, 0, 0.5);
	border:1px solid #CCC;
	border-radius:40px;
	text-align:center;
	line-height:44px;
	font-size:40px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	cursor:pointer;

}

.carrusele .controls .prev{
	left:2%;
	
	
}
.carrusele .controls .prev:hover{
	opacity:0.4;
	
	
	
}
.carrusele .controls .next{
	
	right:2%;
	
}.carrusele .controls .next:hover{
	
	opacity:0.4;
	
}

.carrusele .indicator{
	position: absolute;
	display:none;
	left:50%;
	bottom:30px;
	z-index: 2;
	transform: translateX(-50%);
}

.carrusele .indicator div{
	display: inline-block;
	width:25px;
	height: 25px;
	color:#ffffff;
	background-color: #FF5722;
	border-radius:50%;
	text-align: center;
	line-height: 25px;
	margin:0 3px;
}

.carrusele .indicator div.active{
 background-color: #000;
}

 
.navbar{
	position:absolute;
	right:-250px;
	z-index:10000;
	width:250px;
	height:100%;
	background-color:RGBA(13,31,64,0.89);
	text-align:center;
	transition:0.800s ease;
	
	 
	
} 

.navbar > .side-nav{
	list-style-type:none;
	padding: 0;
	
	margin: 0;
	
}

.side-nav .submenu ul{
	list-style:none;
	text-decoration:none;
	
	
}
.side-nav .submenu a{
	display:block;
	padding:9px;
	text-decoration:none;
	color:#fff;
	font-size:13.4px;
	
	margin:0 auto;
	max-width:180px;
	
	
	
}
.side-nav li{
	
border-bottom:1px solid RGBA(255,255,255,0.75);
margin:0 auto;
	max-width:180px;
	
	 
	
	
	
}



.side-nav .submenu a:hover{
	background-color:#fff;
	color:#0D1F40;
	
	
	
}
.side-nav ul li{
	display:none;
	 
	position:static;
	
	
}


.side-nav .submenu:hover ul{
	position:static;

display:none;
	
	
	
	
	
	
}
.side-nav .submenu:hover ul li{
	display:block;
	position:static;
	
	margin:0 auto;
	
	
	padding: 1px;
	
	
	
}
.side-nav li ul li.botones-sin{
	text-align:left;
	margin:0;
	margin-left:0px;
	padding-left:0px;
	
}

.side-nav li ul li.botones-sin:hover{
	background:none !important;
	
	
}




	
	
	
	

	
	 
	
	
	

.side-nav .submenu ul li{
	display:none;
	 
	position:static;
	
	
}

.nav-item p{
	display:flex;
	color:#fff;
	font-size:14px;
	line-height:22px;
	text-align:center;
	max-width:230px;
	margin:0 auto;
	
	
}
.nav-item{
	display:flex;
	border-bottom:0px !important;
	
	
}
   
.nav-item > .nav-link{
	text-decoration:none;
	color:#fff;
	font-family: 'Exo 2', sans-serif;
	font-family:14px;
	padding:15px;
	flex:1;
	
	
}


.nav-item > .site-name{
	padding:10px;
	width:170px;
	height:38px;
	background:url(../imagenes/icon-01.png) no-repeat;
	margin:0 auto;
	margin-top:35px;
	margin-bottom:10px;
	
}
.nav-item:last-child > .nav-link i{
	padding:6px;
	
	
}

.nav-item:hover:last-child > .nav-link{
	background-color:transparent;
	color:#fff;
	
	
	
}


 footer {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 2%;
		padding-top:3%;
        background: #001a5a;
    }
    footer .center-footer {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }
    footer .center-footer .first-footer {
        display: flex;
        align-items: center;
        flex-direction: row;
        width: 100%;
        margin-bottom: 2%;
    }
    footer .center-footer .first-footer .logo-expo-footer {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 16%;
    }
    footer .center-footer .first-footer .logo-expo-footer .logo-fin {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100%;
        margin-bottom: 9%;
    }
    footer .center-footer .first-footer .logo-expo-footer .logo-fin img {
        display: flex;
        align-items: center;
        width: 75%;
    }
    footer .center-footer .first-footer .logo-expo-footer .redes-fin {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: center;
        width: 60%;

    }
    footer .center-footer .first-footer .logo-expo-footer .redes-fin span {
        margin-left: 3%;
        display: flex;
        justify-content: center;
        margin-right: 3%;
        align-items: center;
    }
    footer .center-footer .first-footer .logo-expo-footer .redes-fin span img {
        width: 90%;
    }
    footer .center-footer .first-footer .links-footer {
        display: flex;
        flex-direction: row;
        width: 72%;
    }
    footer .center-footer .first-footer .links-footer .links-tres {
        display: flex;
        flex-direction: column;
        width: 30%;
        margin-right: 2%;
        color: #fff;
    }
    footer .center-footer .first-footer .links-footer .links-tres p {
        font-size: 0.9vw;
        color: #fff;
        margin-top: 2%;
        margin-bottom: 2%;
    }
    footer .center-footer .first-footer .links-footer .links-tres a {
        font-size: 0.9vw;
        text-decoration: none;
        color: #fff;
        margin-top: 2%;
        margin-bottom: 2%;
    }
    footer .center-footer .first-footer .links-footer .links-tres span {
        font-size: 1.2vw;
        color: #DE6826;
        margin-top: 1%;font-weight:700;
    }
    footer .center-footer .first-footer .links-footer .links-tres h2 {
        color: #fff;
        width: 100%;
        padding: 1%;
        margin: 0;
        display: flex;
        flex-direction: row;
        font-size: 1vw;
    }
    footer .center-footer .first-footer .links-footer .links-tres h2 img {
        width: 4%;
        margin-right: 3%;
    }
    footer .center-footer .first-footer .space-footer {
        display: flex;
        width: 8%;
    }
    footer .center-footer .second-footer {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 70%;
        justify-content: center;
    }
    footer .center-footer .second-footer p {
        color: #fff;
        width: 100%;
        text-align: center;
        font-size: 0.8vw;
        margin-bottom: 2%;
    }
    footer .center-footer .second-footer a {
        color: #fff;
        background: #DE6826;
        width: 15%;
        display: flex;
        flex-direction: row;
        border-radius: 12px;
        padding: 1.3%;
        align-items: center;
        justify-content: center;
        font-size: 1vw;
        margin-bottom: 1%;
		
		

        text-decoration: none;
        font-weight: 500;
    }
	@-webkit-keyframes wobble-hor-top {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-20px) rotate(6deg);
            transform: translateX(-20px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(10px) rotate(-6deg);
            transform: translateX(10px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-10px) rotate(3.6deg);
            transform: translateX(-10px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(5px) rotate(-2.4deg);
            transform: translateX(5px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-3px) rotate(1.2deg);
            transform: translateX(-3px) rotate(1.2deg);
  }
}
@keyframes wobble-hor-top {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-20px) rotate(6deg);
            transform: translateX(-20px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(10px) rotate(-6deg);
            transform: translateX(10px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-10px) rotate(3.6deg);
            transform: translateX(-10px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(5px) rotate(-2.4deg);
            transform: translateX(5px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-3px) rotate(1.2deg);
            transform: translateX(-3px) rotate(1.2deg);
  }
}

	
    footer .center-footer .second-footer a img {
        width: 8%;
        margin-right: 3%;
        display: flex;
    }



@media screen and (max-width: 580px) {
    body {
       
    }
.testim {
		width: 100%;
		position: relative;
		padding:1%;
		
		
}

.testim .wrap {
    position: relative;
    width: 88%;
    margin: auto;
}
.testim .wrap  h1{
   color:#0D558A;
	text-align: center;
	font-weight: 400;
	font-size:1.5em;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #333;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
}
.testim .arrow.left {
    left: 30px;
}

.testim .arrow.right {
    right: 30px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;
    display: block;
    z-index: 3333;
		height: 12px;
}


.testim .cont div .img img {
    display: block;
    width: 130px;
    height: 130px;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div h2 {
    color: #C95927;
    font-size: 1.3em;
    margin: 15px 0;
	font-weight:700;
}
 
.testim .cont div p {
    font-size: 0.95em;
    color: #333;
    width: 70%;
	line-height:1.4em;
    margin: auto;
}











footer{
	display:flex;
	width:100%;
	padding:2.5%;
	height:auto;
	justify-content:center;
	
}


footer .center-footer{
	display:flex;
	flex-direction:column;
	align-items:center;
	width:88%;
	height:auto;
	margin-top:4%;
	margin-bottom:1%;

}


footer .center-footer .botones{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:100%;
	height:auto;
	padding-bottom:5%;
	border-bottom:1px solid #777;
	margin-top:4%;
	margin-bottom:3%;

}

footer .center-footer .botones .boxi{
	display:flex;
	flex-direction:column;
	padding:0.5%;
	width:100%;
	height:auto;
	justify-content:center;
	align-items:center;
	
	
}
footer .center-footer .botones .boxi h2{
	color:#fff;
	font-size:1em;
	text-align:center;
	width:100%;

	padding:0;
	margin:0;
	margin-top:3%;
	margin-bottom:5%;
	
}
footer .center-footer .botones .boxi .iconos{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;	
	width:30%;
	height:auto;
	margin-bottom:1%;
	margin-top:2%;
	
	
}

footer .center-footer .botones .boxi .links{
	display:flex;
	flex-direction:column;
	color:#fff;
	
	
	
}
footer .center-footer .botones .boxi .links a{
	display:flex;
	flex-direction:column;
	color:#fff;
	margin-top:1%;
	margin-bottom:2%;
	text-decoration:none;
	font-weight:600;
	font-size:0.8em;
	
	
}

footer .center-footer .botones .boxi .links-2{
	display:flex;
	flex-direction:column;
	
	
	
	
}
footer .center-footer .botones .boxi .links-2 a{
	display:flex;
	flex-direction:row;
	color:#fff;
	margin-top:1.5%;
	margin-bottom:2%;
	text-decoration:none;
	font-weight:500;
	font-size:0.9em;
	
	
}
footer .center-footer .botones .boxi .links-2 h3{
	color:#fff;
	font-size:0.8em;
}

footer .center-footer .botones .boxi .links-3{
	display:flex;
	flex-direction:column;
}
footer .center-footer .botones .boxi .links-3 a{
	display:flex;
	flex-direction:row;
	color:#fff;
	margin-top:1.5%;
	margin-bottom:1.5%;
	text-decoration:none;
	font-weight:500;
	align-items:center;
	
	font-size:0.8em;
	
	
}
footer .center-footer .botones .boxi .links-3 h3{
	color:#fff;
	font-size:1em;
}


footer .center-footer .botones .boxi .iconos a{
	margin-left:2%;
	margin-right:2%;
	
	
}


footer .center-footer .botones .boxi .iconos a img{
	width:100%;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
	
}
footer .center-footer .botones .boxi .iconos a img:hover{
	width:100%;
	transform: translate(0px, -4px);

	
}

 
footer .center-footer p{
	
	color:#fff;
	font-weight:500;
	text-align:center;
	font-size:0.85em;
	

}













.words {
	width:100%;

	padding:1%;
	margin-top:2.5%;
	display:flex;
	align-items:center;
	justify-content:center;
	
 
	
}


.words .center-words{
	width:86%;
	
	display:flex;
	
	
	flex-direction:column;
}

.words .center-words .texto-foto .text-words h1{
	color:#013A45;
	font-size:1.5em;
	
}

.words .center-words .texto-foto{
	width:100%;
	
	display:flex;
	align-items:center;
	justify-content:center;
	
	flex-direction:column;
}

.words .center-words .texto-foto .space{
	width:5%;
	
	display:flex;
	
	
}

.words .center-words .texto-foto .text-words{
	width:100%;
	
	display:flex;
	
	
	flex-direction:column;
}
.words .center-words .texto-foto .text-words p{
	line-height:1.4em;
	font-size:0.85em;
	font-weight:500;
	
}
.words .center-words .texto-foto .foto-words{
	width:70%;
	
	display:flex;
	
	
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.words .center-words .texto-foto .foto-words img{
	width:100%;
	margin:0;
}
	








.box-mision {
	width:100%;

	padding:1%;
	display:flex;
	height:auto;
	justify-content:center;
	
	
 
	
}


.box-mision .center-mision{
	width:86%;
	
	display:flex;
	
	
	flex-direction:column;
}


.box-mision .center-mision p{
	font-size:0.9em;
	
}

.box-mision .center-mision div{
	width:100%;
	
	display:flex;
	line-height:1.25em;
	
	flex-direction:column;
}

.box-mision .center-mision div h1{
	font-size:1.5em;  
	color:#274866;

}

.box-mision .center-mision .space{
	width:10%;
	
	display:flex;
	flex-direction:row;
}


.box-tiempo{
	width:100%;

	padding:1%;
	display:flex;
	height:auto;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	
	
 
	
}
	
	

.box-tiempo .box-10{
	width:80%;
	justify-content:center;
	align-items:center;
	margin:0;
	
	padding:1%;
	display:flex;

}


.box-tiempo .box-10 p{
	width:auto;
	
	margin:0;
	
	display:flex;
	font-size:1.45em;
	
	
	font-weight:800;
	color:#fff;
	
	
	
 
	
}


.box-tiempo .box-tiempo-center{
	width:100%;
	
	display:flex;
	
	
	flex-direction:row;
	
	align-items:center;
	justify-content:center;
}


.box-tiempo .box-tiempo-center .frases{
	width:80%;
	

	
	display:flex;
	
	
	flex-direction:row;
}



.box-tiempo .box-tiempo-center .frases .image-number{
	width:30%;
	
	display:flex;
	
	justify-content:center;
	flex-direction:column;
}



.box-tiempo .box-tiempo-center .frases .text-number{
	width:auto;
	padding:1%;
	
	display:flex;
	justify-content:center;
	
	
	
	flex-direction:column;
}

.box-tiempo .box-tiempo-center .frases .text-number span{
	color:#274866;
	font-size:2.2em;
	font-weight:800;
}

.box-tiempo .box-tiempo-center .frases .text-number big{
	color:#274866;
	font-size:1.7em;
	font-weight:700;
	font-weight:bold;
}














































.home{
	height: 30em;

	
 
	
}
.home .slide{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:0 15px;
	background-size:cover;
	background-position:center;
	z-index:1;
	display:none;
	animation: slide 2s ease;
	
}
.home .slide.active{
	display:flex;
	
	
}

.container{
	max-width:1170px;
	margin:auto;
	
	
	 
}

.home .container{
	
	flex-grow:1;
}

.home .caption{
	width:100%;
	
	display:flex;
	top: 19vh;
	height: 15vh;
	
	flex-direction:column;
	justify-content:center;
	align-items:center;
		font-family: 'Montserrat', sans-serif;
}
.home .caption h1{
	font-size:1.8em;
	text-shadow: 3px 3px 3px rgba(40, 40, 60, 1);
	color:#fff;
	text-align:center;
	margin:0;	
}
.home .slide.active .caption h1{
	opacity:0;
	animation: captionText .5s ease forwards;
	animation-delay:1s;
}
.home .caption p{
	font-size:0.9em;
	text-align:center;
	margin:15px 0 30px;
	color:#fff;
	font-weight:600;
	text-shadow: 3px 3px 3px rgba(40, 40, 60, 1);
}
.home .slide.active .caption p{
	opacity:0;
	animation: captionText .5s ease forwards;
	animation-delay:1.2s;
}
.home .caption a{
	display:inline-block;
	background-color:RGBA(13,31,64,0.89);
	text-decoration:none;
	padding:3%;
	font-weight:700;
	color:#fff;
	
	border-radius:16px;
	opacity:0;
	animation: captionText .5s ease forwards;
	animation-delay:1.4s;
	font-size:0.9em;
	font-family: 'Montserrat', sans-serif;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}
.home .caption a:hover{
	text-decoration:none;
	  -webkit-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 12x 3px rgba(0, 0, 0, 0.3);

	background-color:#C95927;
	  transform: translate(0px, -14px);
	color:#fff;
}


@keyframes captionText{
	0%{
		opacity:0; transform: translateX(-100px);
	}
	100%{
		opacity:1; transform: translateX(0px);
	}
}

.home .controls .prev,
.home .controls .next{
	position:absolute;
	z-index:2;
	top:50%;
	transition:1s ease-out;
	
	height:40px;
	width:40px;
	margin-top:-20px;
	color:#fff;
	
	border:2px solid #fff;
	border-radius:40px;
	text-align:center;
	line-height:35px;
	font-size:30px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	cursor:pointer;

}

.home .controls .prev{
	left:5.5%;
	
	
}
.home .controls .prev:hover{
	opacity:0.4;
	
	
	
}
.home .controls .next{
	
	right:5.5%;
	
}.home .controls .next:hover{
	
	opacity:0.4;
	
}

.home .indicator{
	position: absolute;
	display:none;
	left:50%;
	bottom:30px;
	z-index: 2;
	transform: translateX(-50%);
}

.home .indicator div{
	display: inline-block;
	width:25px;
	height: 25px;
	color:#ffffff;
	background-color: #FF5722;
	border-radius:50%;
	text-align: center;
	line-height: 25px;
	margin:0 3px;
}

.home .indicator div.active{
 background-color: #000;
}










.cuerpo-proyectos-box {
	
	margin: 14.2vw auto 0vw 0vw ;
	
}



.cuerpo-proyectos-box .cuerpo-center-box{
	width:90%;
	
	display:flex;
	
	
	flex-direction:column;
}
.cuerpo-proyectos-box .cuerpo-center-box h1{
	color:#013A45;
	font-size:1.7em;
	
}






.contenedor-programas #grid {
    display: grid;
    margin-top: 0%;

    width: 90%;
    height: auto;
   
    grid-template-columns: 100% ;
    gap: 0% 4%;
} 

.contenedor-programas #grid .caja {
    position: relative;
    transition: all 0.3s ease;
	margin-bottom:5%;
    
	box-shadow: 2px 5px 8px 6px rgba(0,0,0,0.44);
-webkit-box-shadow: 2px 5px 8px 6px rgba(0,0,0,0.44);
-moz-box-shadow: 2px 5px 8px 6px rgba(0,0,0,0.44);
     
}

.contenedor-programas #grid .caja:hover {
   transform: translate(0px, -4px);
}



.contenedor-programas #grid .caja .desc{
	height:auto;
	background-color:#013A45;
	padding:8%;
	color:#fff;
	display:flex;
	flex-direction:row;
	width:100%;
	
   
}

.contenedor-programas #grid .caja .desc .log{
	height:auto;
	width:35%;
	
	
	display:flex;
	justify-content:center;
	align-items:center;
	margin-right:10%;
	

	
   
}

.contenedor-programas #grid .caja .desc .log img{
	
	width:100%;
	
}

.contenedor-programas #grid .caja .desc .textos{
	height:auto;
	width:55%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
   
}

.contenedor-programas #grid .caja .desc .textos big{
	font-weight:700;
	margin-bottom:4%;
	font-size:1.2em;

   
}
.contenedor-programas #grid .caja .desc .textos span{
	
	
	font-size:1.2em;

   
}



.contenedor-programas #grid .caja div {
    position: relative;
    transition: all 0.3s ease;
    overflow: hidden;
   
	
}


.contenedor-programas #grid .caja div a {
  
   
	
}
.contenedor-programas #grid .caja div a:hover {
    opacity: 0.9;
	
    -webkit-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
}
.contenedor-programas #grid .caja div a img {
    -webkit-background-size: cover;
   
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transform: scale(1.01);
    transform: scale(1.02);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.contenedor-programas #grid .caja div a img:hover {
    -webkit-transform: scale(1.15) ;
    transform: scale(1.15) ;
}
.contenedor-programas #grid .caja div a span {
    position: absolute;
    z-index: 999999;
    padding: 2%;
    color: #fff;
    border: 1px solid #fff;
    font-size: 0.8em;
    border-radius: 8px;
	font-weight:600;
    opacity: 1;
    transition: all 0.3s ease;
    bottom: 4%;
    left:4%;
   background-color:rgba(0, 0, 0, 0.4);
    text-align: center;
}

.cuerpos{
	height: auto;
	
	
	margin: 12.2vw auto 0vw 0vw ;
	display:flex;
	
	 
	justify-content:center;
	flex-direction:column;
	align-items:center;
	
 
	
}


.cuerpos .cuerpos-centro{
	width:86%;
	
	margin-top:3%;
	margin-bottom:0px;
	
	display:flex;
	
	
	flex-direction:column;
}


.cuerpos .cuerpos-centro h1{
	color:#013A45;
	font-size:1.7em;
}

.cuerpos .cuerpos-centro p{
	color:#777;
	font-size:0.9em;
}




















.cuerpos #contact-form{
	height: auto;
	margin-bottom:4%;
	display:flex;
	flex-direction:column; 
	justify-content:center;
	width:86%;
	
	

}

.cuerpos #contact-form h2{
	color:#013A45;
	font-size:1em;
	letter-spacing:0.1vw;
	font-weight:500;
	

}

.cuerpos #contact-form .contenedor-form{
	display:flex;
	flex-direction:column;
		
	margin-bottom:1.5%;
	
	justify-contents:center;
}












.cuerpos .cuerpos-centro .todo-titulos{
	width:100%;
	
	display:flex;
	
	
	flex-direction:row;
}
 
 

.cuerpos .cuerpos-centro .todo-titulos .caja-text{
	width:100%;
	
	display:flex;
	
	
	flex-direction:column;
}


.cuerpos .cuerpos-centro .todo-titulos .caja-text p{
	font-size:0.9em;
	
	font-weight:500;
	line-height:1.6em;
}



.cuerpos .cuerpos-centro .todo-titulos .caja-text h2{
		color:#013A45;
	font-size:1.6em;
	letter-spacing:0.2em;
}


.cuerpos .cuerpos-centro .todo-titulos .foto{
	width:50%;
	
	display:none;
	
	
	flex-direction:column;
}




 




select.grayout{
	display:flex;
	width:100% !important;
	padding-top:2%;
	padding-bottom:2%;
	margin-bottom:1% !important;
	margin-top:2% !important;
	font-size:0.75em !important;
	border:1px solid #999;
}

.cuerpos #contact-form .contenedor-form .inputs{
	display:flex;
	flex-direction:column;
	width:86%;
margin-left:1%;
margin-bottom:3%;
margin-top:3%;
	
}

.cuerpos #contact-form .contenedor-form .space{
	display:flex;
	
	width:6%;

	
}

.cuerpos #contact-form .contenedor-form .mandar{
	display:flex;
	
	width:30%;
margin-right:1%;

	justify-content:center:
	text-align:center;
	
}

.cuerpos #contact-form .contenedor-form .mandar .send-home-envivo{
	display:flex;
	width:100%;
	cursor:pointer;
	align-items:center;
	justify-content:center;
	text-align:center;
margin-right:1%;
text-decoration:none;
	font-weight:600;
	background-color:#013A45;
	
	border-radius:16px;
	padding:6%;
	font-size:0.8em;
	color:#fff;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;	
}
.cuerpos #contact-form .contenedor-form .inputs .large{
	display:flex;
	flex-direction:row;
	margin-bottom:2%;
	width:100%;

	
}
.cuerpos #contact-form .contenedor-form .inputs .large span{
	font-size:0.7em;
	margin-left:1%;
	

	
}



.cuerpos #contact-form .contenedor-form .campos-contacto-datos{
	display:flex;
	width:100%;
	
	
	padding:1.2%;
	padding-top:2%;
	padding-bottom:2%;
	border:1px solid #999;
	margin-left:1%;
	margin-right:1%;
	border-radius:0.4em;
	margin-bottom:2%;
	margin-top:2%;
	
	
	
}



.cuerpos #contact-form .contenedor-form .comentarios{
	display:flex;
	width:100%;
	height:7em;
	padding:1.2%;
	padding-top:2%;
	padding-bottom:2%;
	margin-left:1%;
	margin-right:1%;
	border-radius:0.4em;
	border:1px solid #999;
	
	
}
.cuerpos #contact-form .contenedor-form .comentarios:focus{
	text-decoration:none;
	outline:none;
	
}










.cuerpos .datos-centro{
	width:86%;
	
	margin-top:0%;
	
	margin-bottom:6%;
	
	display:flex;
	
	
	flex-direction:column;
}


.cuerpos .datos-centro .left{
	width:100%;
	display:flex;
	flex-direction:column;
}

.cuerpos .datos-centro .right{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.cuerpos .datos-centro .right iframe{
	width:100%;
	height:400px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.cuerpos .datos-centro .left h2{

	
	
	
	display:flex;
	color:#013A45;
	font-size:1.3em;
	margin:0;
	padding:0;
	

}

.cuerpos .datos-centro .left p{
	line-height:1.5em;

	
	
	
	font-size:0.9em;
	

}
































 
.cuerpo-proyectos-proyecto {
	width:100%;
	
	display:flex;
	margin: 15.2vw auto 0vw 0vw ;
		justify-content:center;	
	flex-direction:column;
	align-items:center;
}

.cuerpo-proyectos-proyecto h1{
	width:86%;
	margin-top:4%;
	margin-bottom:2%;
	font-size:1.6em;
	font-weight:700;

}
.cuerpo-proyectos-proyecto h3{
	width:86%;
	margin-bottom:1%;
	margin-top:0;
	font-size:0.9em;
	font-weight:500;
	margin-bottom:3%;
}

.cuerpo-proyectos-proyecto .rv-caja{
	width:86%;
	height:400px;
	margin-bottom:3%;
}

.cuerpo-proyectos-proyecto .rv-caja iframe{
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;	
	flex-direction:column;
}



.cuerpo-proyectos-proyecto .mapa-caja{
	width:98%;
	height:300px;
	display:flex;
	justify-content:center;	
	align-items:center;
	flex-direction:column;
	margin-bottom:3%;
	margin-top:2%;
}

.cuerpo-proyectos-proyecto .mapa-caja iframe{
	width:86%;
	height:100%;
	display:flex;
	justify-content:center;	
	flex-direction:column;
}


.cuerpo-proyectos-proyecto .banner {
	width:100%;
	
	height:auto;
	display:flex;
	flex-direction:column;
	
	justify-content:center;
	
	align-items:center;
}

.cuerpo-proyectos-proyecto .banner .banner-der {
	width:86%;
	
	height:auto;
	display:flex;
	flex-direction:column;
	
	
}

.cuerpo-proyectos-proyecto .banner .banner-der .carac{
	width:100%;
	
	height:auto;
	display:flex;
	flex-direction:column;
	
	
}
.cuerpo-proyectos-proyecto .banner .banner-der .carac .lugar{
	width:100%;
	
	align-items:center;
	padding:1%;
	
	
	display:flex;
	flex-direction:column;
	margin-top:2%;
	
	
	
}

.cuerpo-proyectos-proyecto .banner .banner-der .carac .lugar img{
	width:14%;
	
	align-items:center;
	
	
	
	display:flex;
	flex-direction:row;
	
	
}
.cuerpo-proyectos-proyecto .banner .banner-der .carac .lugar span{
	width:86%;
	justify-content:center;
	font-size:1.2em;
	margin-left:0%;
	
	font-weight:600;
	
	color:#013A45;
	align-items:center;
	text-align:center;
	
	
	
	display:flex;
	
	
	
}

.cuerpo-proyectos-proyecto .banner .banner-der .carac .lugar strong{
	font-size:1em;
	text-align:center;
	
	font-weight:800;
	color:#013A45;
	
	
	
	
}
.cuerpo-proyectos-proyecto .banner .banner-der .carac .lugar span big{
	width:auto;
	
	font-size:1.4em;
	text-align:center;
	
	font-weight:800;
	color:#013A45;
	margin-right:2%;
	margin-left:1%;
	
	
	
	
	
	
	display:flex;
	
	
	
}




.cuerpo-proyectos-proyecto .banner .banner-der .contai-proy {
	width:100%;
	
	height:80%;
	overflow:hidden ;
	display:flex;
    flex-direction: column;
	
}
.cuerpo-proyectos-proyecto .banner .banner-izq {
	width:86%;
	height:auto;
	flex-direction:column;
	display:flex;
	padding:2%;
	margin-top:5%;
	
}
.cuerpo-proyectos-proyecto .banner .banner-izq .pdfs {
	
	width:100%;
	height:auto;
	display:flex;
	align-items:center;
	justify-content:center;
	
	margin-top:3%;
	margin-bottom:2%;
	
}

.cuerpo-proyectos-proyecto .banner .banner-izq .pdfs .pdfs-centro {
	
	width:100%;
	height:auto;
	display:flex;
	
	flex-direction:row;
	
}

.cuerpo-proyectos-proyecto .banner .banner-izq .pdfs .pdfs-centro div {
	
	width:50%;
	height:auto;
	display:flex;
	padding:2%;
	
	flex-direction:column;
	align-items:center;
	justify-content:center;
	
}

.cuerpo-proyectos-proyecto .banner .banner-izq .pdfs .pdfs-centro div img{
	
	width:32%;
	height:auto;
	display:flex;
	padding:1%;
	flex-direction:column;
	
}
.cuerpo-proyectos-proyecto .banner .banner-izq .pdfs .pdfs-centro div a{
	color:#fff;
	margin-top:2%;
	text-decoration:none;
	height:auto;
	display:flex;
	font-size:0.8em;
	font-weight:700;
	
}


.cuerpo-proyectos-proyecto .banner .banner-izq .pdfs .pdfs-centro div small{
	
	height:auto;
	display:flex;
	font-size:0.9em;
	font-weight:600;
	color:#013A45;
	margin-bottom:2%;
	
}

.cuerpo-proyectos-proyecto .banner .banner-izq .pdfs .pdfs-centro div big{
	height:auto;
	display:flex;
	font-size:1.5em;
	font-weight:800;
	color:#013A45;
	
	
}



.cuerpo-proyectos-proyecto .banner .banner-izq h1 {
	color:#24435D;
	width:100%;
	padding:0;
	margin:0;
	display:flex;
	font-size:1.7em;
	margin-bottom:0.7%;
	
	
}
.cuerpo-proyectos-proyecto .banner .banner-izq h2 {
	color:#24435D;
	width:100%;
	padding:0;
	margin:0;
	display:flex;
	font-size:1.2em;
}


.cuerpo-proyectos-proyecto .banner .banner-izq .grid-car {
    display: grid;
    margin-top: 6%;
	padding:1%;
    width: 100%;
    height: auto;
    grid-template-columns: 30.35% 30.35% 30.35%;
    gap: 1% 1%;
	
	justify-content:center;
	
} 

.cuerpo-proyectos-proyecto .banner .banner-izq .grid-car div {
    display: flex;
	padding:2%;
	flex-direction:column;
	align-items:center;
	
	
    height: auto;
    
} 
.cuerpo-proyectos-proyecto .banner .banner-izq .grid-car div img {
    display: flex;
	flex-direction:column;
	width:54%;
	
    height: auto;
    
} 

.cuerpo-proyectos-proyecto .banner .banner-izq .grid-car div p  {
    display: flex;
	flex-direction:column;
	font-size:0.9em;
	text-align:center;
	font-weight:700;
		width:100%;
	
    height: auto;
    
} 






.cuerpo-proyectos-proyecto .cuerpo-center-proyecto{
	width:64%;
	border:2px solid #111;
	height:30vw;
	display:flex;
	
	
	flex-direction:column;
}










 



.carrusele{
	height: 16em;
	overflow:hidden;
	width:86%;
	margin:0 auto;
	position:relative;
	margin-bottom:4%;
	display:flex;
	
	
	
}
.carrusele .slide{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:0 15px;
	background-size:cover;
	background-position:center;
	z-index:1;
	display:none;
	animation: slide2 2s ease;
	
}
.carrusele .slide.active{
	display:flex;
	
	
}
@keyframes slide2{
	0%{
		opacity:0.6;
		
		
		transform: translate(-100px, 0px);
	
	}
	100%{
		opacity:1;
		transform: translate(0px, 0px);
	
	}
	
}


.carrusele .container{
	
	flex-grow:1;
}

.carrusele .caption{
	width:100%;
	text-align:center;
	
		font-family: 'Montserrat', sans-serif;
}
.carrusele .caption h1{
	text-align:center;
	font-size:18px;
	color:#fff;
	margin:0;	
}
.carrusele .slide.active .caption h1{
	opacity:0;
	animation: textos .5s ease forwards;
	animation-delay:1s;
}



@keyframes textos{
	0%{
		opacity:0; transform: translateY(150px);
	}
	100%{
		opacity:1; transform: translateY(0px);
	}
}

.carrusele .controls .prev,
.carrusele .controls .next{
	position:absolute;
	z-index:2;
	top:50%;
	transition:1s ease-out;
	
	height:35px;
	width:35px;
	margin-top:-25px;
	color:#fff;
	background: rgba(0, 0, 0, 0.5);
	border:1px solid #CCC;
	border-radius:40px;
	text-align:center;
	line-height:33px;
	font-size:20px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	cursor:pointer;

}

.carrusele .controls .prev{
	left:1%;
	
	
}
.carrusele .controls .next{
	
	right:1%;
	

}

.carrusele .indicator{
	position: absolute;
	display:none;
	left:50%;
	bottom:30px;
	z-index: 2;
	transform: translateX(-50%);
}




.titulo-cotiza{
	width:86%;
	color:#013A45;
	font-size:1.7em;
	
	
	margin:0 auto;	
}

















.carrusel-planos{
	width:100%;
	display:flex;
	flex-direction:row;
	height:auto;
	align-items:center;
	
	justify-content:center;
	margin-bottom:4%;
	margin-top:2%;
	
	
}


.carrusel-planos .carrusel-planos-center{
	width:86%;
	display:flex;
	flex-direction:column;
	height:auto;
	align-items:center;
}

.carrusel-planos .carrusel-planos-center .caja-carrusel{
	width:100%;
	display:flex;
	flex-direction:column;
	height:auto;
	
	align-items:center;

}


.slider {
    width: 100%;
    margin: 0px auto;
    
}
.slick-slide {
    margin: 0px 1px;
    transition: all 0.3s ease;
    padding: 0.2%;
}
.slick-slide a {
    border-radius: 8px;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(255, 255, 255);
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(226, 225, 228, 1) 100%);
}
.slick-slide img {
    width: 100%;
    padding: 4%;
    border-radius: 8px;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    background: #FFF;
}
.slick-slide img:hover {
    
    background: #dfdfdf;
}
.slick-prev:before,
.slick-next:before {
    color:#FFF !important;
	background :#111;
	border:2px solid #FFF;
	padding:2%;
	border-radius:50%;
}
.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}
.slick-active {
    opacity: 1;
}
.slick-current {
    opacity: 1;
}





.carrusel-planos .carrusel-planos-center .formulario{
	width:100%;
	padding:2%;
	display:flex;
	flex-direction:column;
	height:auto;
	
	align-items:center;
	
}

.carrusel-planos .carrusel-planos-center .formulario .contenedor-form{
	width:100%;
	
	display:flex;
	flex-direction:row;
	height:auto;margin-bottom:0.5%;
	
}


.carrusel-planos .carrusel-planos-center .formulario h3{
	font-size:1em;

	
}

.carrusel-planos .carrusel-planos-center .formulario p{
	font-size:0.8em;
	font-weight:600;

	
}

.carrusel-planos .carrusel-planos-center .formulario .mandar{
	
display:flex;
	height:auto;
	margin-top:4%;
	
}



.carrusel-planos .carrusel-planos-center .formulario .mandar:hover{
	
	
}


.carrusel-planos .carrusel-planos-center .formulario .mandar .send-plano{
	
text-decoration:none;
	font-weight:600;
	background-color:#2a4666;
	padding:4%;
	border-radius:16px;
	font-size:0.9em;
	color:#fff;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
	
}



.carrusel-planos .carrusel-planos-center .formulario .mandar .send-plano:hover{
	text-decoration:none;
	  -webkit-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 12x 3px rgba(0, 0, 0, 0.3);

	background-color:#C95927;
	  transform: translate(0px, -3px);
	color:#fff;
}









.carrusel-planos .carrusel-planos-center .formulario .contenedor-form-otro{
	width:100%;
	margin-bottom:0.5%;
	display:flex;
	flex-direction:column;
	height:auto;

}

.carrusel-planos .carrusel-planos-center .formulario .contenedor-form-otro .inputs{
	width:100%; 
	margin-bottom:0.5%;
	margin-top:0.5%;
	
	display:flex;
	flex-direction:column;
	height:auto;

}


.carrusel-planos .carrusel-planos-center .formulario .contenedor-form-otro .inputs .large{
	width:100%; 
	display:flex;
	flex-direction:row;
	height:auto;
	margin-bottom:0.5%;
	margin-top:0.5%;
}

.carrusel-planos .carrusel-planos-center .formulario .contenedor-form-otro .inputs .large span{
	font-size:0.7em;
	font-weight:500;
	
}


.carrusel-planos .carrusel-planos-center .formulario .campos-planos{
	display:flex;
	width:100%;
	
	
	padding:1.6%;
	height:3em;
	border:1px solid #777;
	
	
	border-radius:0.4em;
}

.carrusel-planos .carrusel-planos-center .formulario .comentarios-planos{
	display:flex;
	width:100%;
	
	
	padding:1.6%;
	height:15em;
	margin-bottom:2%;
	border:1px solid #777;
	
	
	border-radius:0.4em;
}
.carrusel-planos .carrusel-planos-center .formulario .campos-planos:focus{
	
	text-decoration:none;
	outline:none;
}

.carrusel-planos .carrusel-planos-center .formulario .contenedor-form div{
	width:48%;
	display:flex;
	flex-direction:column;
	height:auto;
	
	
} 

.carrusel-planos .carrusel-planos-center .formulario .contenedor-form .space{
	width:4%;
	display:flex;
	flex-direction:column;
	height:auto;
	
	
}






.slick-prev:before,
.slick-next:before {
    
	background :#fff;
	
	border:5px solid #999;
	color: #F09D01;
	
}







.info-modulo {
	display: none;
    
   
}



.info-modulo .center {
    width: 35%;
    border-top: 2px solid #888;
    border-left: 3px solid #999;
    top: 27.9%;
    animation: glowing 1000ms infinite;
   
}

.info-modulo .center .contenido-hide h2 {
    display: flex;
    color: #fff;
    font-size: 0.7em;
    font-weight: 600;
    text-align: center;
}
.info-modulo .center .contenido-hide p {
    display: flex;
    text-align: center;
    color: #fff;
    font-size: 0.6em;
    font-weight: 600;
    text-align: center;
    margin-bottom: 6%;
}
.info-modulo .center .contenido-hide span {
    display: flex;
    color: #fff;
    font-size: 0.7em;
    margin-bottom: 6%;
    margin-top: 6%;
    font-weight: 400;
    text-align: center;
}

.info-modulo .center .contenido-hide .foto .all-agente span {
    display: flex;
    font-size: 0.7em;
	font-weight:600;
    text-align: center;
}

.info-modulo .center .contenido-hide .foto .all-agente .picture {
    display: flex;
	align-items:center;
	justify-content:center;
   
}

.info-modulo .center .contenido-hide .foto img {
    display: flex;
    width: 100%;
    margin-bottom: 2%;
   
    margin-top: 2%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.info-modulo .center a {
    width: 100%;
    font-size: 10px;
    padding: 6%;
    top: 0;
    text-align: center;
    font-weight: 600;
    height: auto;
    position: relative;
    color: #fff;
    text-decoration: none;
    display: flex;
    background: red;
}




[data-title]:hover:after {
    opacity: 0;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
	display:none;
}









header{
	width:100%;
	height:auto;
	display:flex;
	align-items:center;
	justify-content:center;	
	z-index:10000000000;
	
    background-color: #ffffff;
	
	
	
	  position: fixed;
	  padding:1%;
  top: 0;
  left: 0;
 
  
	
	
	
	
 
}
header .center-header{
	width:100%;
	padding:1%;
	
	padding-top:0px;
	padding-bottom:0px;
	
	height:auto;
	display:flex;
	align-items:center;
	flex-direction:row;
	
}

header .center-header .logo{
	width:40%;
	
	height:auto;	
}

header .center-header .logo img{
	width:90%;
	height:auto;	
}
header .center-header .space{
	width:20%;
	
	height:auto;
	display:none;
}

header .center-header .space-res{
	width:60%;
	
	height:auto;
	display:flex;
}

header .center-header #menu{
	width:auto;
	
	height:auto;
	display:flex;
	
	align-items:center;
	flex-direction:row;
	justify-content:center;
	
	
}

header .center-header .boton-cotiza{
	width:20%;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	height:auto;
	display:none; 
	
	
}











@media only screen and (max-width: 580px) {
    
.cuadros{
	width:100%;
	padding:3%;
	display:flex;
	align-items:center;
	justify-content:center;
	
}

.cuadros .center-cuadros{
	width:98%;
	

	display:flex;

	align-items:center;
	flex-direction:column;
	

	
	
	
	
}

.cuadros .center-cuadros h2{
	color:#1A1D4F;
	font-size:3.8vh;
	text-align:center;
	margin-top:3%;
	margin-bottom:1%;
	
}

.cuadros .center-cuadros p{
	color:#1A1D4F;
	font-size:2vh;
	width:100%;
	text-align:center;
	
}
	
	

#myVideo {
 
  right: 0;
  bottom: 0;
	margin-top: 5vh !important;
  width: 100%;
	min-height: auto !important;
  height: auto !important;
  position:relative;
}

	

.cuadros .center-cuadros .cuadro-services{
	width:100%;
	
	display: flex;
    margin-top: 2%;
    width: 100%;
    height: auto;
	flex-direction: column;
    
	
	justify-content:center;

	
}

.cuadros .center-cuadros .cuadro-services a{
 position: relative;
    transition: all 0.3s ease;
    overflow: hidden;
	margin-bottom: 4%;
   
	display:flex;
	align-items:center;
	justify-content:center;
}

.cuadros .center-cuadros .cuadro-services a img{
 -webkit-background-size: cover;
    border: 1px solid #ccc;
    -moz-background-size: cover;
	width:100%;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transform: scale(1.01);
    transform: scale(1.02);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.cuadros .center-cuadros .cuadro-services a img:hover{
 -webkit-transform: scale(1.15) rotate(-2deg);
    transform: scale(1.15) rotate(-2deg);
}
.cuadros .center-cuadros .cuadro-services a .se big{
 position: relative;
   
  margin-top:3%;
	margin-bottom:1%;
   
	width:7vh;
	height:7vh;
	z-index:26;
    
	
}
.cuadros .center-cuadros .cuadro-services a .se big img{
 
	width:100%;
	border:0px;
	height:100%;
	
     
	
}




.cuadros .center-cuadros .cuadro-services a .se span{
 position: relative;
    z-index: 24;
   
    color: #fff;
	margin-top:3%;
	margin-bottom:3%;
   
    font-size: 1.5em;
	font-weight:600;
    border-radius: 8px;
	
}
.cuadros .center-cuadros .cuadro-services a .se{
 position: absolute;
 display:flex;
 flex-direction:column;
    z-index: 24;
    padding: 2%;
   align-items:center;
	justify-content:center;
	
}

	
	
.button-arrow {
	display: none;
 
 

}


	.videito-test{
	width:91%;
	display:flex;
	justify-content:center;
	margin:0 auto;
	margin-bottom:2%;
	
}

.videito-test video{
	width:100%;
	
	
}
h6{
	
	margin-bottom: 6%;
	

}



h2{
	color:#1A1D4F;
	width: 98%;
	font-size:4vh;
	text-align:center;
	margin-top:5%;
	margin-bottom:0%;
	
}








 

 footer {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 2%;
		padding-top:3%;
        background: #001a5a;
    }
    footer .center-footer {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 92%;
    }
    footer .center-footer .first-footer {
        display: flex;
        align-items:flex-start;
        flex-direction: column;
        width: 100%;
        margin-bottom: 2%;
    }
    footer .center-footer .first-footer .logo-expo-footer {
        display: flex;
        align-items:flex-start;
        flex-direction: column;
        width: 45%;
    }
    footer .center-footer .first-footer .logo-expo-footer .logo-fin {
        display: flex;
       align-items:flex-start;
        flex-direction: column;
        width: 100%;
		
        margin-bottom: 9%;
    }
    footer .center-footer .first-footer .logo-expo-footer .logo-fin img {
        display: flex;
        align-items: center;
        width: 80%;
    }
    footer .center-footer .first-footer .logo-expo-footer .redes-fin {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: center;
        width: 90%;
    }
    footer .center-footer .first-footer .logo-expo-footer .redes-fin span {
        margin-left: 3%;
        display: flex;
        justify-content: center;
        margin-right: 3%;
        align-items: center;

    }
    footer .center-footer .first-footer .logo-expo-footer .redes-fin span img {
        width: 96%;
    }
    footer .center-footer .first-footer .links-footer {
        display: flex;
        flex-direction: column;
        width: 95%;
    }
    footer .center-footer .first-footer .links-footer .links-tres {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin-right: 2%;
        color: #fff;
    }
    footer .center-footer .first-footer .links-footer .links-tres p {
        font-size: 1.9vh;
        color: #fff;
        margin-top: 2%;
        margin-bottom: 2%;
		text-align: left;
    }
    footer .center-footer .first-footer .links-footer .links-tres a {
        font-size: 1.9vh;
        text-decoration: none;
        color: #fff;font-weight:700;
        margin-top: 2%;
        margin-bottom: 2%;
    }
    footer .center-footer .first-footer .links-footer .links-tres span {
       font-size: 1.9vh;
        color: #DE6826;
		font-weight:700;
        margin-top: 1%;
    }
    footer .center-footer .first-footer .links-footer .links-tres h2 {
        color: #fff;
        width: 100%;
        padding: 1%;
		margin-bottom: 2% !important;
		margin-top: 2% !important;
        margin: 0;
        display: flex;
        flex-direction: row;
        font-size: 2.7vh;
    }
    footer .center-footer .first-footer .links-footer .links-tres h2 img {
        width: 4%;
        margin-right: 3%;
    }
    footer .center-footer .first-footer .space-footer {
        display: none;
        width: 8%;
    }
    footer .center-footer .second-footer {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 98%;
        justify-content: center;
    }
    footer .center-footer .second-footer p {
        color: #fff;
        width: 100%;
        text-align: center;
        font-size: 2vh;
        margin-bottom: 2%;
    }
    footer .center-footer .second-footer a {
        color: #fff;
        background: #DE6826;
        width: 48%;
        display: flex;
        flex-direction: row;
        border-radius: 12px;
        padding: 2.5%;
        align-items: center;
        justify-content: center;
        font-size: 2.1vh;
        margin-bottom: 2%;
		margin-top: 3%;
		
		

        text-decoration: none;
        font-weight: 600;
    }



header{
	width:100%;
	height:9vh;
	display:flex;
	align-items:center;
	justify-content:center;	
	
	z-index:10000000000;
	
    background-color:#02195C;
	position: absolute;
	
	
	
	  
  top: 0px;
	
  left: 0;
 
 
}


header .center-header{
	width:95%;
	
	height:auto;
	display:flex;
	align-items:center;
	flex-direction:row;	
}
header .center-header .buttons-lengua{
	width:48%;
	
	height:auto;
	display:flex;
	align-items:center;
	flex-direction:row;	
}


header .center-header .buttons-lengua .container-language{
	width:32%;
	
	height:auto;
	
	display:flex;
	align-items:center;
	flex-direction:row;	
}

header .center-header .logo{
	width:40%;
	height:auto;
	
	position: relative;
	
}

header .center-header .logo img{
	width:100%;
	height:auto;	
}
header .center-header .space{
	width:0%;
	
	height:auto;
	display:flex;
}

header .center-header .space2{
	width:2%;
	
	height:auto;
	display:flex;
}
header .center-header #menu{
	width:auto;
	right: 0vh;
	position: absolute;
	height:auto;
	display:flex;
	
	align-items:center;
	flex-direction:row;
	justify-content:center;
	
	
}

header .center-header .boton-cotiza{
	width:20%;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	height:auto;
	display:flex;
	
}

header .center-header .boton-cotiza a{
	text-decoration:none;
	font-weight:600;
	background-color:#013A45;
	padding:6%;
	border-radius:16px;
	font-size:0.8vw;
	color:#fff;
	transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}


header .center-header .boton-cotiza a:hover{
	text-decoration:none;
	  -webkit-box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 12x 3px rgba(0, 0, 0, 0.3);

	background-color:#C95927;
	  transform: translate(0px, -3px);
	color:#fff;
}
	
	
	
	
	.contador #myDIVI {
  width:200px;
 

  color:#001a5a;
  display:flex;
  padding:5%;
	margin-top: 4%;
 
  flex-direction:column;
  align-items:flex-start !important;
  justify-content:flex-start !important;
 
  border-radius:12px;
  background-color: #fff;
  
 
}





.contador #myDIVI a{
	 display:flex;
	 flex-direction:row;
	 text-decoration:none;
	 color:#fff;
	 width:100%;
	margin-bottom: 2%;
	margin-top: 2%;
	 
	 color:#001a5a;
 font-size:1em;
 

}


.contador #myDIVI a strong{
	font-weight:600;
	font-size:1.2vh;
		
color:#001a5a;
text-align:left;
}

.conoce-2{
	width: 90%;
	
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 12%;
	margin-bottom: 10%;
	
	
	
}


 
.conoce-2 .grid-2-top{
	width: 100%;
	
	  grid-template-columns: 90%;
	align-items: center;
	justify-content: center;
        gap: 5% 1%;
		margin: 0 auto;
		
        display: grid;
	
	
	
}

.conoce-2 .grid-2-top .desc-top{
	width: 100%;
	display: flex;
	flex-direction: column;
	background:#001a5a;
	color:#fff;
	padding: 8%;
	padding-top: 5%;
	padding-bottom: 5%;
	position: relative;
	
	
	
	
}

.conoce-2 .grid-2-top .desc-top h1{
	font-size: 2.5vh;
	
	
	 
	
	
	
}

.conoce-2 .grid-2-top .desc-top p{
	font-size: 1.95vh;
	line-height: 2.7vh;
	
	
	
	
	
	
}

.conoce-2 .grid-2-top .desc-top img{
	width: 8vh;
	height: 8vh;
	position: absolute;
	top: -4vh;
	left: -3.5vh;
	
	
}
	
	
	h5{
	color:#1A1D4F;
	font-size:4vh;
	text-align:center;
	margin-top:4%;
	margin-bottom:1%;
	
}
	
	
	
	.conoce-3{
	width: 94%;
	
	display: column;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 8%;
	margin-bottom: 11%;
	
	
	
}

.conoce-3 .grid-3-top{
	width: 100%;
	
	  grid-template-columns: 100%;
	align-items: center;
	justify-content: center;
        gap: 3% 3%;
		margin: 0 auto;
		
        display: grid;
	
	
	
}

.conoce-3 .grid-3-top .puntos{
	width: 100%;
	
	 
		
		
        display: flex;
	flex-direction: row;
	padding-top: 2%;
	padding-bottom: 2%;
	
	
	
}

.conoce-3 .grid-3-top .puntos .imagecitas{
	width: 10%;
	margin-right: 5%;
	
	 
		
		
        display: flex;	
}

.conoce-3 .grid-3-top .puntos .texta{
	width: 85%;
	
        display: flex;	
	flex-direction: column;
}

.conoce-3 .grid-3-top .puntos .texta h1 {
	width: 100%;
	font-size: 3vh;
	margin-bottom: 1%;
	margin-top: 1%;
	text-align: center;
        display: block;	
	color: #001a5a;
	
}

.conoce-3 .grid-3-top .puntos .texta p {
	width: 100%;
	font-size: 1.95vh;
	text-align: center;
        display: flex;	
	color: #001a5a;
	margin-bottom: 1%;
	margin-top: 1%;
}


.conoce-3 .grid-3-top .puntos .imagecitas img{
	width: 100%;
	
	
	 
		
		
        display: flex;	
}


.conoce-4{
	width: 94%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 4%;
	margin-bottom: 16%;
	
	
	
}

.conoce-4 .grid-4-top{
	width: 100%;
	
	  grid-template-columns: 100%;
	align-items: center;
	justify-content: center;
        gap: 3% 3%;
		margin: 0 auto;
		
        display: grid;
	
	
	
}

.conoce-4 .grid-4-top .texta{
	width: 100%;
	
        display: flex;
	flex-direction: column;
	
	
	
}


.conoce-4 .grid-4-top .texta h1{
	width: 100%;
	font-size: 4.8vh;
	margin-bottom: 2%;
	margin-top: 1%;
	text-align: center;
        display: block;	
	color: #DE6826;
	
	
	
}

.conoce-4 .grid-4-top .texta h3{
	width: 100%;
	font-size: 2.6vh;
	margin-bottom: 1%;
	margin-top: 1%;
	text-align: center;
        display: block;	
	color: #001a5a;
	
	
	
}f

.conoce-4 .grid-4-top .texta p{
	width: 100%;
	font-size: 1.95vh;
	text-align: center;
        display: flex;	
	color: #001a5a;
	margin-bottom: 1%;
	margin-top: 1%;
	
	
}

	

	
	
	

.form-trabaja{
	width: 91%;
	
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-top: 0%;
	margin-bottom: 2%;
	
	
	
	
}

.form-trabaja #contact-work{
	width: 100%;
	
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	flex-direction:column;
	
	

	
	
}

.form-trabaja #contact-work h6{
	 color: #2A2967;
	text-align: left;
        font-weight: 700;
        font-size: 2vh;
	background-color:#fff;
	padding: 0;
	margin-top: 1%;
	margin-bottom: 4%;
	

	
	
}


.form-trabaja #contact-work .contenedor-form{
	width: 100%;
	
	display: flex;
	margin-top: 3%;
	margin-bottom: 3%;
	
	flex-direction:column;
	
	

	
	
}

.form-trabaja #contact-work .contenedor-form .inputs2{
	width: 100%;
	
	display: flex;
	flex-direction:column;	
}

.form-trabaja #contact-work .contenedor-form .inputs2 .large2{
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1.3%;
	display: flex;
	flex-direction:row;	
}
.form-trabaja #contact-work .contenedor-form .inputs2 .large3{
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1%;
	display: flex;
	flex-direction:row;	
}

.form-trabaja #contact-work .contenedor-form .inputs2 .large3 span{
	font-size: 1.6vh;
	
}

.form-trabaja #contact-work .contenedor-form .inputs2 .large2 span{
	font-size: 1.6vh;
	
}

.form-trabaja #contact-work .contenedor-form .inputs2 .large4 span{
	font-size: 1.6vh;
	
}



.form-trabaja #contact-work .contenedor-form .inputs2 .large4{
	width: 100%;
	margin-top: 1%;
	margin-bottom: 3%;
	display: flex;
	flex-direction:row;	
}
.form-trabaja #contact-work .contenedor-form .inputs2 .large5{
	width: 100%;
	margin-top: 1%;
	margin-bottom: 3%;
	display: flex;
	flex-direction:row;	
}

.form-trabaja #contact-work .contenedor-form .mandar{
	width: 100%;
	margin-top: 1%;
	margin-bottom: 1%;
	display: flex;
	flex-direction:row;	
}

.form-trabaja #contact-work .contenedor-form .mandar .send-home-trabaja{
	width: 40%;
	
	display: block;
	height: 7.5vh;
	text-align: center;
	margin: 0 auto;
	background-color:#DD6825;
	color: #fff;
	font-weight: 600;
	flex-direction:row;	
	border: 0px;
	border-radius: 2vh;
	padding-left: 2.5%;
	padding-right: 2.5%;
	cursor: pointer;
	
	font-size: 1.9vh;
}

.form-trabaja #contact-work .large{
	width: 100%;
	
	display: flex;
	
	flex-direction:column;
	margin-bottom:3%;
	
	
	
	
	
}

.form-trabaja #contact-work .large .out{
	width: 100%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	
	border:2px solid #999;
	border-radius:1.3vh;
	padding:0.7%;
	
	
	
}

.form-trabaja #contact-work .large .out img{
	width: 3.3vh;
	
	display: flex;
	position:absolute;
	
	flex-direction:column;
	
	top:0.5vh;
	
	
}

.form-trabaja #contact-work .large .out input{
	width: 89%;
	
	display: flex;
	margin-left:8%;
	height:4vh;
	border:0px;
	
	font-size: 1.8vh;
	
	
	
	
	
	
}

.form-trabaja #contact-work .short{
	width: 100%;
	
	display: flex;
	
	flex-direction:column;
	margin-bottom:0%;
	
	
	
	 
	
}
.form-trabaja #contact-work .short .out{
width: 100%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	
	border:2px solid #999;
	border-radius:1.3vh;
	padding:0.7%;
	margin-bottom: 3%;
	
	
	
}
.form-trabaja #contact-work .short .space{
width: 0%;
	display: none;
	
	
	
	 
	
}



.form-trabaja #contact-work .short .out img{
width: 3.3vh;
	
	display: flex;
	position:absolute;
	
	flex-direction:column;
	top:0.5vh;
		
	
}



.form-trabaja #contact-work .short .out input{
width: 90%;
	font-size: 1.8vh;
	
	display: flex;
	margin-left:8%;
	height:4vh;
	border:0px;
	
		
	
}
















 


.form-trabaja #contact-work .short-3{
	width: 100%;
	
	display: flex;
	
	flex-direction:column;
	margin-bottom:1%;
	
}



.form-trabaja #contact-work .short-3 .space{
	width:4%;
	
	display: none;
	
	
	
	
	
	
	
}



.form-trabaja #contact-work .short-3 .out{
width: 98%;
	
	display: flex;
	margin-bottom:2.1%;
	flex-direction:column;
	position:relative;
	
	
	
	
	
}
 

.form-trabaja #contact-work .short-3 .out-2{
width: 98%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	
	
	 
	
	
}



.form-trabaja #contact-work .inputs-3 .out-3{
width: 100%;
display:flex;
flex-direction:column;
	margin-bottom: 1%;
	
	
	
	
	
}


 

.form-trabaja #contact-work .inputs-3 .out-3 input{
width: 100%;
	
	display: flex;
	
	height:4.5vh;
	
	
		border:2px solid #999;
	border-radius:1.1vh;
	font-size:1.5vh;
	padding:2%;
	
	
	
	
}


.form-trabaja #contact-work .inputs-3 .out-2{
width: 100%;
display:flex;
flex-direction:row;
	
	
	
	
	
}




 

.form-trabaja #contact-work .inputs-3 .out-2 input{
width: 100%;
	
	display: flex;
	
	height:4.5vh;
	
	
		border:2px solid #999;
	border-radius:1.1vh;
	font-size:1.5vh;
	padding:2%;
	
	
	
	
}


.form-trabaja #contact-work .inputs-3 .out-2 p{
width: 15%;
	
	display: flex;
	
	font-size:1.8vh;
	margin-right:3%;
	margin-top:2%;
	
	
	
	
}

 

.form-trabaja #contact-work .short-3 .out input{
width: 100%;
	
	display: flex;
	
	height:4.5vh;
	
	
		border:2px solid #999;
	border-radius:1.1vh;
	font-size:1.5vh;
	padding:2%;
	
}


 


.form-trabaja #contact-work .short-3 .out input{
width: 100%;
	
	display: flex;
	
	height:4.5vh;
	
	
		border:2px solid #999;
	border-radius:1.1vh;
	font-size:1.5vh;
	padding:2%;
	
}


.form-trabaja #contact-work .short-3 .out p{
width: 100%;
	
	display: flex;
	
	font-size:1.3vh;
	margin-top:2%;
	
}


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.caja-subir-files .cajas-sube{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
	
	position:relative;
	
	
}

.caja-subir-files .cajas-sube .space{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	font-size:1.7vh;
	margin-top: 4%;
	margin-bottom: 4%;
	
	
}


.caja-subir-files .cajas-sube .primer-caja{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
	
	position:relative;
	
	
}

.caja-subir-files .cajas-sube .primer-caja h1{
	width:100%;
	height:auto;
	display:block;
	text-align:center;
	margin-bottom:3%;
	font-size:2vh;
	margin-top:2%;
	
	
	
}

.caja-subir-files .cajas-sube .primer-caja   #myDIVIfiles {
        
        width: 100%;
        
        border-radius: 8px;
		
       
        padding: 1%;
		display:flex;
       
      
		border:0.4vh dashed #fcfcfc;
       
        flex-direction: column;
	
	
	}
	
	
	
	
	.caja-subir-files .cajas-sube .second-caja{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
	
	position:relative;
	
	
}

.caja-subir-files .cajas-sube .second-caja h1{
	width:100%;
	height:auto;
	display:block;
	text-align:center;
	margin-bottom:0%;
	font-size:2vh;
	margin-top:2%;
	margin-bottom: 0px;
	
	
	
}
 

.caja-subir-files .cajas-sube .second-caja .url-port{
	width:100%;
	height:auto;
	

	display: flex;
	align-items: center;
	justify-content: center;
	
	height: 5vh;
	margin-top: 3%;
	margin-bottom: 2%;
	
	
}

.caja-subir-files .cajas-sube .second-caja .url-port input{
	width:100%;
	
	text-align: center;
	height: 10vh;
	
	
	
	
	
	
	border:0.25vh solid #dfdfdf;
	border-radius:1.3vh;
	padding:0.9%;
	
	
	display: block;
	
	height:5vh;
	
	
	
}
	
	
#myDIVIfiles a {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
	
    }
    #myDIVIfiles a img {
        width: 20%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }




 #myDIVIfiles p#texto {
        color: #565EA9;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 1.5vh;
        font-weight: 600;
    }
    #myDIVIfiles p#texto img {
        width: 10%;
        margin-right: 3%;
    }
    
        

.form-trabaja #contact-work .inputs-3{
	width: 100%;
	
	
	
	
	
	
	
	flex-direction:row;
	display:flex;
	margin-top:1%;

	
	
	
	
	
	

	
	
}



.form-trabaja #contact-work .inputs-3 .space{
	width: 2%;
	display:none;
	 
	
}



.form-trabaja #contact-work .inputs-3 .out{
	width: 90%;
	display:flex;
	flex-direction:column;
	align-items:center;
	
	
	
}

.form-trabaja #contact-work .inputs-3 .out p{
	width: 30%;
	margin-right:2%;
 font-size: 1.5vh;
	
}


.form-trabaja #contact-work .inputs-3 .out input{
	
	
	
	
	
	
	width:100%;
	
	text-align: center;
	
	
	
	
	
	
	
	
	border-radius:1.3vh;
	padding:0.9%;
	
	

	height:5vh;
	
}


.container2 {
	
  display: flex;
  
	align-items: center;
  width:100%;
 
  height:5vh;
 

  
  position: relative;
  padding-left: 5vh;
 
 
  margin-bottom: 1%;
  cursor: pointer;
  font-size: 1.7vh;
 
}
 
/* Hide the browser's default checkbox */
.container2 input {
  position: relative;
  opacity: 0;
	
  cursor: pointer;
  
  
}

.container2 .campos-contacto-day {
  
  opacity: 1 !important;
	margin-left: 24%;
	
  height: 4vh !important;
  width:32% !important;
	border: 2px solid #999 !important;
  
  
}

/* Create a custom checkbox */

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container2 input:checked ~ .checkmark {
  background-color: #DB6B2A;
}



/* Show the checkmark when checked */
.container2 input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container2 .checkmark:after {
  left: 5px;
  top: 4px;
  width: 5px;
  height: 7px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.form-trabaja #contact-work .inputs-5{
	width: 100%;

	flex-direction:column;
	display:flex;
	margin-top:1%;
	align-items:flex-start;
	
	height:22vh;
	
	
	
	
	

	
	
}


.form-trabaja #contact-work .inputs-5 p{
	width: 100%;
	margin-right:0%;
 font-size: 1.7vh;
 margin-bottom:6%;
	
	
	
}


.form-trabaja #contact-work .inputs-5 .space{
	display:none;

	
	
	
}




.button-filter {
        width: 96%;
	margin: 0 auto;
        display: flex;
        padding: 4%;
        padding-bottom: 0px;
        align-items: center;
        margin-bottom: 2%;
        padding-top: 2%;
		padding-bottom:1%;    }
    .button-filter .buttones-center {
        width: 100%;
        display: flex;
        padding: 1%; 
        padding-bottom: 0px;
        padding-top: 0px;
        align-items: center;
        flex-direction: column;
		
    }
    .button-filter .buttones-center .text-blog {
        width: 100%;
        display: flex;
        padding: 1%;
        padding-bottom: 0px;
        align-items: center;
    }
    .button-filter .buttones-center .text-blog h2 {
        color: #2A2967;
        font-weight: 700;
        font-size: 2.5vh;
    }
    .button-filter .buttones-center .filter-blog {
        width: 100%;
        margin-left: 0%;
		margin-top:2%;
        display: grid;
        align-items: center;
        grid-template: "a a a ";
        gap: 2% 2%;
    }
    .button-filter .buttones-center .filter-blog a {
        background: #e06619;
        padding: 4%;
		width:100%;        border-radius: 12px;
        margin-bottom: 2%;
        font-size: 1.5vh;
		font-style: italic;
        font-weight: 600;
        color: #fff;
        text-decoration: none;
        text-align: center;
        transition: all 0.5s ease;
    }
    .button-filter .buttones-center .filter-blog a:hover {
        background: #565EA9;
    }
   .box-blog {
        width: 100%;
        display: flex;
        padding: 4%;
        align-items: center;
        margin-bottom: 0%;
        padding-top: 1%;
        padding-bottom: 3%;
    }
    .box-blog .box-blog-center {
        width: 100%;
		margin:  auto;
        padding-top: 3%;
        height: auto;
        display: flex;
        border-top: 3px solid #e06619;
        flex-direction: column;
    }
.box-blog .box-blog-center .content-temas {
            width: 100% !important;
             
           
            
            display: block;
            flex-direction: column;
        }
  
    .box-blog .box-blog-center .content-temas .tema-blog {
        width: 100%;
        height: auto;
		
		
        display: flex; 
        flex-direction: column;
        margin-bottom: 0%;
		margin-top:0%;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .foto-blog {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .foto-blog h1 {
        width: 100%;
        font-size:2.8vh;
        font-weight:800;
		font-style: italic;
        border-radius: 12px;
        text-align: center;
        padding: 3%;
        background: #bcc0c3;
        color: #2c2666;
        height: auto;
        display: flex;
		margin-bottom:2%;
		margin-top:0.5%;
	
        flex-direction: column;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .foto-blog img {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic {
        width: 100%;
        padding: 2%;
        margin-left: 0%;
		
        margin-right: 0%;
		margin-top:1%;
		margin-bottom:0%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones {
        width: 100%;
        padding: 1%;
        margin-top: 1%;
        margin-bottom: 0%;
        height: auto;
        display: flex;
        flex-direction: row;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost2 {
        position: absolute;
        width: 50%;
        display: none;
        height: auto;
        padding: 2.5%;
		
        margin-top:9%;
        background: #fff;
        border: 2px solid #fcfcfc;
        -webkit-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost2 .follow2 {
        grid-template-columns: 46% 46%;
        gap: 9% 6%;
		margin: 0 auto;
		
        display: grid;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost2 .follow2 a {
        font-size: 1.6vh;
        color: #fff;
        width: 100%;
        display: flex;
        flex-direction: row;
        padding: 8%;
        align-items: center;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost3 {
         position: absolute;
        width:55%;
        display: none;
        height: auto;
        padding: 1.5%;
		
        margin-top: 3%;
        background: #fff;
        border: 2px solid #fcfcfc;
        -webkit-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost3 .follow2 {
       grid-template-columns: 46% 46%;
        gap: 12% 6%;
		margin: 0 auto;
		
        display: grid;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost3 .follow2 a {
        font-size: 1.2vh;
        color: #fff;
        width: 100%;
        display: flex;
        flex-direction: row;
        padding: 8%;
        align-items: center;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost4 {
         position: absolute;
        width: 18%;
        display: none;
        height: auto;
        padding: 1.5%;
		
        margin-top: 3%;
        background: #fff;
        border: 2px solid #fcfcfc;
        -webkit-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost4 .follow2 {
       grid-template-columns: 46% 46%;
        gap: 12% 6%;
		margin: 0 auto;
		
        display: grid;



    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost4 .follow2 a {
        font-size: 0.8vw;
        color: #fff;
        width: 100%;
        display: flex;
        flex-direction: row;
        padding: 8%;
        align-items: center;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost5 {
         position: absolute;
        width: 18%;
        display: none;
        height: auto;
        padding: 1.5%;
		
        margin-top: 3%;
        background: #fff;
        border: 2px solid #fcfcfc;
        -webkit-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost5 .follow2 {
        grid-template-columns: 46% 46%;
        gap: 12% 6%;
		margin: 0 auto;
		
        display: grid;

    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones #newpost5 .follow2 a {
        font-size: 0.8vw;
        color: #fff;
        width: 100%;
        display: flex;
        flex-direction: row;
        padding: 8%;
        align-items: center;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones a {
        width: 30%;
        padding: 3%;
        text-decoration: none;
        border-radius: 12px;
        font-weight: 500;
        height: auto;
		font-size:1.6vh;
        display: flex;
        justify-content: center;
        flex-direction: row;
        text-align: center;
        align-items: center;
        background: #2c2769;
        margin-right: 2%;
        color: #fff;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones .colorin {
        border: 1px solid #888;
        background: #DFDFDF;
        border-radius: 12px;
        display: flex;
        flex-direction: row;
        width: 32%;
        align-items: center;
        font-weight: 700;
        padding: 3%;
		font-size:1.6vh;
        justify-content: center;
        text-decoration: none;
        cursor: pointer;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .botones .colorin img {
        width: 12%;
        margin-left: 3%;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic h2 {
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 2%;
		font-weight: 800;
		text-align: left;
       
        font-size: 2.5vh;
        color: #2c2666;
        height: auto;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .fecha {
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 0%;
        align-items: center;
        font-size: 1.7vh;
        color: #4D575E;
        display: flex;
        flex-direction: row;
        font-weight: 300;
        height: auto;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .fecha span {
        font-size: 2vh;
        font-weight: 600;
        height: auto;
        margin-right: 2%;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic .fecha big {
        font-size: 2vh;
        font-weight: 600;
        height: auto;
    }
    .box-blog .box-blog-center .content-temas .tema-blog .topic p {
        font-size: 1.8vh;
		
        padding: 0px;
        margin-bottom: 1%;
        margin-top: 1%;
        font-weight: 500;
        color: #2c2666;
        height: auto;
        margin-right:0%;
    }
    .box-blog .box-blog-center .content-widget {
        width: 100%;
		align-items:center;
		justify-content:center;
		margin-top:20%;
		margin-bottom:6%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog .box-blog-center .content-widget .fb-page {
        width: 100%;
        height: 500px;
        display: none;
        align-items: center;
        flex-direction: column;
    }
    .box-blog .box-blog-center .content-widget .fb-page {
        width: 100%;
        height: 1000px;
        display: none;
        align-items: center;
        flex-direction: column;
    }
	.fb_iframe_widget iframe {
        position: relative !important;
        width: 100% !important;
        height: 1100px !important;
    }
    .fb_iframe_widget span {
        display: flex !important;
        position: relative !important;
        width: 100% !important;
        height: 1000px !important;
    }



 .box-blog-2 {
        width: 100%;
        display: flex;
		
        padding: 4%;
        align-items: center;
        margin-bottom: 0%;
        padding-top: 1%;
        padding-bottom: 3%;
        justify-content: center;
    }
    .box-blog-2 .box-blog-center-2 {
        width: 100%;
        padding-top: 3%;
        height: auto;
        display: flex;
        border-top: 3px solid #e06619;
        flex-direction: column;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 {
        width:100%;
        margin-right: 0%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .blog-tema-page {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .blog-tema-page .theme {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .blog-tema-page .theme h3 {
        width: auto;
        padding: 0px;
        margin-top: 1%;
        margin-bottom: 1%;
        background: #BCC0C3;
        padding: 2.5%;
        padding-top: 1%;
        padding-bottom: 1%;
        color: #282678;
        font-style: italic;
        font-size: 1.9vh;
        border-radius: 12px;
        height: auto;
        display: flex;
        flex-direction: row;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .blog-tema-page .subject {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .blog-tema-page .subject h1 {
        width: auto;
        padding: 0px;
        margin-top: 0%;
        margin-bottom: 0%;
        padding-top: 1%;
        padding-bottom: 1%;
        color: #282678;
        font-size: 3.6vh;
		font-weight: 800;
        height: auto;
        display: flex;
        flex-direction: row;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .blog-tema-page .date {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        margin-bottom: 2%;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .blog-tema-page .date span {
        font-size: 2.2vh;
        font-weight: 500;
        color: #4E585F;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .blog-tema-page .date small {
        font-size: 2.2vh;
        margin-left: 1%;
		font-weight: 500;
        
        color: #4E585F;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .video-blog {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .video-blog iframe {
        width: 100%;
        height: 70vh;
        display: flex;
        flex-direction: column;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .coments-fb {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: auto;
        margin-bottom: 4%;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .coments-fb h2 {
        color: #2C266B;
		text-align: left!important;
		display: block;
        font-size: 2.5vh;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .coments-fb .fb-comments {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        height: 460px;
        overflow-y: scroll;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .coments-fb iframe {
        width: 100%;
        height: 380px;
        display: flex;
        flex-direction: column;
        border: 2px solid #111;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .foto-subject {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 p {
        font-size:1.7vh;
        margin-bottom: 3%;
        font-weight: 500;
        line-height: 2.1vh;
        color: #4E585F;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .foto-subject .pic img {
        width: 100%;
        margin-top: 0%;
        margin-bottom: 0%;
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .foto-subject .pic-buttons {
        width: 100%;
        margin-top: 0%;
        margin-bottom: 1%;
        height: auto;
        display: flex;
        flex-direction: row;
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .foto-subject .pic-buttons a {
        width: 25%;
        color: #fff;
        text-decoration: none;
        font-size: 1.2vh;
        font-weight: 700;
        padding: 2%;
        align-items: center;
        justify-content: center;
        transition: all 0.5s ease;
        height: auto;
        display: flex;
        flex-direction: row;
    }
.box-blog-2 .box-blog-center-2 .content-temas2 .foto-subject .pic-buttons a i {
        
        font-size: 2vh;
       
    }
    .box-blog-2 .box-blog-center-2 .content-temas2 .foto-subject .pic-buttons a:hover {
        transform: translate(0px, -4px);
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
		
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .fb-page {
        width: 100%;
        height: 600px;
        display: none;
        align-items: center;
        flex-direction: column;
        margin-bottom: 3%;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
		margin-bottom:10%;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under h3 {
        width: 100%;
        height: auto;
        font-size: 2.5vh;
		
        color: #292A67;
        text-align: center;
        display: flex;
        flex-direction: column;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box {
        width: 100%;
        height: auto;
        flex-direction: column;
        grid-template-columns: 100%;
        gap: 1.4% 1%;
        display: grid;
		
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go {
        width: 100%;
        height: auto;
        flex-direction: column;
        display: flex;
        position: relative;
        overflow: hidden;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go img {
        transition: all 2s ease;
        height: auto;
        width: 100%;
        display: flex;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go img:hover {
        transition: all 0.3s ease;
        height: auto;
        width: 100%;
        display: flex;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go .float {
        height: auto;
        position: absolute;
        overflow: hidden;
        bottom: 0;
        width: 100%;
        padding: 3%;
        display: flex;
        flex-direction: column;
        background: rgb(86, 94, 169);
        background: linear-gradient(0deg, rgba(44, 38, 107, 1) 0%, rgba(48, 38, 107, 0.28895308123249297) 100%);
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go .float a {
        text-decoration: none;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go .float .tit {
        height: auto;
        width: 100%;
        display: flex;
        color: #fff;
        font-size: 1.6vh;
        text-align: left; 
        flex-direction: row;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go .float .icos {
        height: auto;
        width: 80%;
        display: none;
        flex-direction: row;
        color: #fff;
        align-items: center;
        justify-content: center;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go .float .icos a {
        height: auto;
        width: 22%;
        margin-left_2%;
        margin-right: 2%;
        display: flex;
        color: #fff;
        font-size: 1.3vw;
        align-items: center;
        justify-content: center;
    }
    .box-blog-2 .box-blog-center-2 .content-widget2 .boxes-under .articles-box .article-go .float .icos a .fab {} .box-blog .box-blog-center .content-temas {
        width: 80%;
        height: auto;
        grid-template-columns: 100%;
        gap: 1% 1%;
        display: grid;
        flex-direction: row;
    }
#myBack {
 
  
  width: 100%;
  
  height: 28vh;
 
}

#myBack h4 {
	color: #fff;
	margin-top: 0%;
	text-align: center;
	padding3%;
	font-size: 4vh;
	font-weight: 600;
 
  
  
}
h6{
	background:#02195C;
	width:100%;
	padding:2%;
	margin-top:0%;
	text-align:center;
	font-size:2.5vh;
	font-weight:600;
	color:#fff;
	
}
h7{
	color:#1A1D4F;
	font-size:2.8vh;
	text-align:center;
	margin-top:4%;
	display: block;
	padding: 2%;
	width:94%;
	font-weight: 700;
	margin-bottom:1%;
	
}
	
.text-med{
  
	
    width:90%;
	margin: 0 auto;
	height:auto;
	display:block;
	
	
	font-size:1.8vh;
	text-align:center;
	margin-top:1%;
	font-weight:600;
	
	margin-bottom: 2%;
	color: #001A5A;
  
} 
	
	
	
	

.tab4 {
       
        
	width: 96%;
	margin: 0 auto;
		
		display: grid;
	
		 grid-template-columns: 50% 50%;
    gap: 2% 2%;
	
	justify-content: center;
	
	
	
		
		
    }
    /* Style the buttons inside the tab */
    
    .tab4 button {
        background-color: inherit;
        
        border: none;
		margin-bottom: 4%;
        outline: none;
        cursor: pointer;
        width: auto;
        padding-top:1%;
        padding-bottom: 1%;
        padding: 6%;

		color:#01195B;
		border-radius:2vh 2vh 2vh 2vh;
        
        transition: 0.3s;
        font-size: 1.4vh;
        font-weight: 700;

    }
 .tab4 button:hover {
        color: #274866;
		background-color:#DE6826;
        
    }
    /* Create an active/current tablink class */
    
    .tab4 button.active {
      background-color:#DE6826;
	  
        color: #fff;
    }
    /* Style the tab content */
    

.tabcontent2 {
        display: none;
        width: 90%;
	
	 margin: 0 auto;
		
		
        height: auto;
		margin-bottom: 3%;
		padding: 1%;
        
    } 
.tabcontent2 .contenedor-programas-galery {
        
		width: 100%;
	overflow: hidden;
	
		border-radius: 3vh 3vh 3vh 3vh;
        
    } 
	
	
.text-areacin {
    
    font-size: 2vh;
	
}

		
.text-areacin2 {
    
    font-size: 2.5vh;
	
}

	
	
.tabcontent2 .contenedor-programas-galery .button-cotiz {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2%;
	margin-top: 4%;
        
		
	
        
    } 

.tabcontent2 .contenedor-programas-galery .button-cotiz  a{
	color: #fff;
        background: #DE6826;
        width: 45%;
        display: flex;
        flex-direction: row;
        border-radius: 1vh;
        padding:3%;
	border: 0px;
        align-items: center;
        justify-content: center;
        font-size: 1.5vh;
	font-weight: 700;
        

	cursor: pointer;
		
		

        text-decoration: none;
     
		
	
        
    } 	
	
	
	
.text-med3{
  
	
    width:93%;
	margin: 0 auto;
	height:auto;
	display:block;
	
	
	font-size:1.9vh;
	text-align:left;
	margin-top:5%;
	font-weight:500;
	
	margin-bottom: 6%;
	line-height: 2.7vh;
	color: #001A5A;
  
} 
	 
.grid-ventajas{
       
        
	width: 94%;
	margin: 0 auto;
		
		display: grid;
	
		 grid-template-columns: 48% 48%;
    gap: 1% 1%;
	
	justify-content: center;
	margin-bottom:3%;
	padding-bottom: 4%;
	
	
	
		
		
    }
	
	
	
	
.grid-ventajas .cen{
       
        
	width: 100%;

		display: flex;
		align-items:center;
	
		
	
	flex-direction:column;
	
	
	padding:2% 2% 2% 2%;
	background-color:#dfdfdf;
	
	
		
		
    }
	
.grid-ventajas .cen img{
       
        
	width:30%;

		display: flex;
		margin-right:0%;
	margin-bottom: 2%;
	margin-top: 4%;
	
		
	
	flex-direction:row;
	
	
	
	
	
		
		
    }
.grid-ventajas .cen p{
       
    width:90%;
	
	height:auto;
	
	display:flex;
	text-align: center;
	
	
	font-size:1.7vh;
	
	
	
	font-weight:600;
	
	color: #01195B;
	
		
    }
	
	 .button-cotiz2 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 4%;
	margin-top:0%;
        
		
	
        
    } 

 .button-cotiz2  a{
	color: #fff;
        background: #DE6826;
        width: 45%;
        display: flex;
        flex-direction: row;
        border-radius: 1vh;
        padding:2.8%;
	 margin-top: 2%;
	border: 0px;
        align-items: center;
        justify-content: center;
        font-size: 1.5vh;
	font-weight: 700;
        
	cursor: pointer;
		
		

        text-decoration: none;
     
		
	
        
    } 

	
.tab3 {
       
         
	width: 100%;
	margin: 0 auto;
		
		display: grid;
	
		 grid-template-columns: 30% 30% 30%;
    gap: 1% 1%;
	
	justify-content: center;
	
	
	
		
		
    }
    /* Style the buttons inside the tab */
    
    .tab3 button {
        background-color: inherit;
        
        border: none;
		margin-bottom: 4%;
        outline: none;
        cursor: pointer;
        width: auto;
        padding-top:1%;
        padding-bottom: 1%;
        padding: 6%;

		color:#01195B;
		border-radius:2vh 2vh 2vh 2vh;
        
        transition: 0.3s;
        font-size: 1.4vh;
        font-weight: 700;

    }
 .tab3 button:hover {
        color: #274866;
		background-color:#DE6826;
        
    }
    /* Create an active/current tablink class */
    
    .tab3 button.active {
      background-color:#DE6826;
	  
        color: #fff;
    }
    /* Style the tab content */
    


	
	
.cuadros2 .center-cuadros2 .cuadro-services2{
	width:95%;
	
	display: flex;
    margin-top: 2%;
    width: 100%;
    height: auto;
    
	margin-bottom: 0%;
	flex-direction: column;
	
	
	justify-content:center;

	
}

.cuadros2 .center-cuadros2 .cuadro-services2 a{
 position: relative;
    transition: all 0.3s ease;
    overflow: hidden;
	margin-bottom: 4%;
	flex-direction: column;
   text-decoration:none !important;
	display:flex;
	align-items:center;
	justify-content:center;
}
 
.cuadros2 .center-cuadros2 .cuadro-services2 a h9{
	width: 100%; 
	padding: 3%;
	background: #CCC;
	padding-top: 6%;
	font-size: 1.8vh;
	display: flex;
	flex-direction: row;
	color:#1A1D4F;
	text-decoration:none !important;
	margin-bottom: 0px;
	margin-top: 0px;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	 
 
} 


.cuadros2 .center-cuadros2 .cuadro-services2 a h9 img{
	width: 10%;
	
	 
 
}


.cuadros2 .center-cuadros2 .cuadro-services2 a h8{
	width: 100%;
	padding: 4%;
	background: #CCC;
	font-size: 2vh;
	
	text-decoration:none !important;
	margin-bottom: 0px;
	 
 
}





.cuadros2 .center-cuadros2 .cuadro-services2 a .se small{
	width: auto;
	
 
	display:flex;
	align-items:center;
	justify-content:center;
	
	
	position: relative;
	
	color: #fff;
        background: #DE6826;
        
        
        border-radius: 12px;
        padding: 4%;
        
        font-size: 1.4vh;
        margin-bottom: 1%;
	margin-top: 2%;
		
		

        text-decoration: none;
        font-weight: 600;
}

.cuadros2 .center-cuadros2 .cuadro-services2 a img{
 -webkit-background-size: cover;
    border: 1px solid #ccc;
    -moz-background-size: cover;
	width:100%;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transform: scale(1.01);
    transform: scale(1.02);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.cuadros2 .center-cuadros2 .cuadro-services2 a img:hover{
 -webkit-transform: scale(1.15) rotate(-2deg);
    transform: scale(1.15) rotate(-2deg);
}
.cuadros2 .center-cuadros2 .cuadro-services2 a .se big{
 position: relative;
   
  margin-top:3%;
	margin-bottom:1%;
   
	width:7vh;
	height:7vh;
	z-index:26;
    
	
}
.cuadros2 .center-cuadros2 .cuadro-services2 a .se big img{
 
	width:100%;
	border:0px;
	height:100%;
	
    
	
}

 


.cuadros2 .center-cuadros2 .cuadro-services2 a .se span{
 position: relative;
    z-index: 24;
   
    color: #fff;
	margin-top:3%;
	margin-bottom:3%;
	display:block;
	text-align:center;
   
    font-size: 1.4em;
	font-weight:600;
    border-radius: 8px;
	
}
.cuadros2 .center-cuadros2 .cuadro-services2 a .se{
 position: absolute;
 display:flex;
 flex-direction:column;
    z-index: 24;
	
	width: 86%;
    padding: 2%;
   align-items:center;
	justify-content:center;
	
}

.cuadros2 .center-cuadros2 .cuadro-services2 a .se2{
  
 position: absolute;
 
 width:200px;
 height: 27vh;
 z-index:10000;
 opacity:0.0;
 padding:4%;
 display:flex;
 justify-content:center;
 align-items:center;
 
 left: 0;
 top: 7vh;
	 -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
	
}


.cuadros2 .center-cuadros2 .cuadro-services2 a .se2 ul{
  
 
 
 width:80%;
 height: auto !important;
 margin:0 auto;

 
 
}

.cuadros2 .center-cuadros2 .cuadro-services2 a .se2 ul li{
  
 
 
 width:100%;
 font-size:1.6vh;
 font-weight:600;
 
}


.cuadros2 .center-cuadros2 .cuadro-services2 a .se2:hover{
  
 position: absolute;
 background-color:#1A1D4F;
 color:#fff;
 width: 100%;
 padding:4%;
 height: 27vh;
 z-index:10000;
 opacity:0.9;
 
 left: 0;
 top: 7vh;
	
}


.all-grid-cot{
       
        
	width: 92%;
	margin: 0 auto;
		
		display: block;
	
		 grid-template-columns: 100%;
    
	
	justify-content: center;
	margin-bottom: 10%;
	
	
		
		
    }

.all-grid-cot .caja-gerl{
       
        
	width: 100%; 
	margin: 0 auto;
		
		display: flex;
	flex-direction: column;
	
		 
	
	border: 2px solid #DE6826;
	position: relative;
	
	padding:2%;
	padding-top: 4%;
	margin-bottom: 5%;
	padding-bottom: 3%;
	margin-top: 4%;
	padding-left:0%;
	align-items:center;
	
	
		
		
    }
	
	.all-grid-cot .caja-gerl a{
       
   padding: 2.5%;
	text-decoration: none;
	border-radius: 1.2vh;
	
	background-color: #DE6826;
	font-size: 1.8vh;
	height:auto;
	font-weight: 600;
	color: #fff;
	
	

		
		
    }
	
	
	
	
	
.all-grid-cot .caja-gerl p{
       
        
	width:70%;
	
	height:auto;
	
	display:flex;
	
	
	font-size:2.9vh;
	margin-right:6%;
	text-align:center;
	
	font-weight:600;
	
	color: #01195B;
	
		
		
    }

.all-grid-cot .caja-gerl .picture{
       
        
	width: 20%;
	position: absolute;
	left: 42%;
	top: -14.2%;
	
	
		
		display: flex;
	flex-direction: row;
	
		 
	justify-content: center;
	
	
	
	
	
		
		
    }

.all-grid-cot .caja-gerl .picture img{
       
        
	width: 100%;
	
	
	
		
		
    }


.all-grid-cot .celda{
       
        
	width: 100%;
	margin: 0 auto;
		
		display: flex;
	flex-direction: column;
	
		 margin-bottom: 10%;
	margin-top: 10%;
	margin-top: 4%;
	justify-content: center;
	border: 2px solid #DE6826;
	position: relative;
	
	padding: 2%;
	padding-top: 16%;
	padding-bottom: 10%;
	
	
		
		
    }

.all-grid-cot .celda .enlaces{
       
        
	width: 86%;
	margin: 0 auto;
		
		display: flex;
	flex-direction: row;
	
		 
	justify-content: center;
	align-items:center;

	
	
	margin-bottom: 1%;
	
	
	
		
		
    }
.all-grid-cot .celda .enlaces a{
	padding: 2.9%;
	text-decoration: none;
	border-radius: 1.2vh;
	margin-left: 3%;
	background-color: #DE6826;
	font-size: 1.4vh;
	font-weight: 600;
	color: #fff;
	
	margin-right: 3%;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5)  ; 
	-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5)  ; 
	-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5)  ; 
	`}

.all-grid-cot .celda .lis{
       
        
	width:84%;
	margin: 0 auto;
	
		
		display: flex;
	flex-direction: column;
	
	
	
	
	margin-bottom: 1%;
	margin-top: 0%;
	
	
	
		
		
    }
.all-grid-cot .celda .lis .lis-points{
       
        
	width:100%;
	margin: 0 auto;
	
		
		display: flex;
	flex-direction: column;
	
	
	
	
	margin-bottom: 4%;
	margin-top: 0%;
	
	
	
		
		
    }

.all-grid-cot .celda .lis .lis-points li{
       
        
	 width:100%;
	height:auto;
	
	list-style: circle !important;
	
	
	font-size:1.6vh;
	text-align:left;
	margin-top:0.5%;
	margin-bottom: 0%;
	font-weight:600;
	
	color: #01195B;
	
		
		
    }


.all-grid-cot .celda .lis h4{
       
         
	width:100%;
	
	height:auto;
	display:block;
	
	
	font-size:1.7vh;
	text-align:left;
	margin-top:1%;
	margin-bottom: 1%;
	font-weight:600;
	
	color: #01195B;
	
	
		
		
    }

.all-grid-cot .celda h2{
       
        
	
		  width:100%;
	height:auto;
	display:block;
	
	
	font-size:2.5vh;
	text-align:center;
	margin-top:0.5%;
	margin-bottom: 0%;
	font-weight:700;
	
	color: #DE6826;
		
    }

.all-grid-cot .celda h3{
       
        
	
		  width:100%;
	height:auto;
	display:block;
	
	
	font-size:2.2vh;
	text-align:center;
	margin-top:1%;
	margin-bottom: 2%;
	font-weight:700;
	
	color: #01195B;
		
    }

.all-grid-cot .celda span{
       
        
	width: 40%;
	position: absolute;
	color: #fff;
	font-size: 1.7vh;
	font-weight: 600;
	left: 30%;
	top: -5.6%;
	
		display: flex;
	
	
	
	
		
		
    }

.all-grid-cot .celda span small{
       
        
	width: 90%;
	position: absolute;
	color: #fff;
	font-size: 2vh;
	font-weight: 600;
	left: 3.5%;
	text-align: center;
	top: 33%;
	
		display: block;
	
	
	
	
		
		
    }


.all-grid-cot .celda span img{
       
        
	width: 100%;
	position: relative;
	display: flex;
	
	justify-content: center;
	align-items: center;
	
		
    }

 
.grid-3-hor{
	width: 88%;
	margin: 0 auto;
		
		display: block;
	
	
	
	justify-content: center;
	margin-bottom:5%;
	
}

.grid-3-hor .celda-2{
	width: 100%;
	
		display: flex;
		flex-direction:column;
	
		
	
	margin-bottom:5%;
	position:relative;
	border:2px solid #DE6826;
	padding:5%;
	margin-top: 1%;
	align-items:center;
	
	
	
	
	
}


.grid-3-hor .celda-2 .lis{
	width: 100%;
	
		display: flex;
	padding-top: 10vh;
		flex-direction:column;
	
	 
	
	
	
}
 

.grid-3-hor .celda-2 .lis h4{
	width: 100%;
	color: #001A5A;
		display: block;
	text-align: center;
	margin-bottom: 2%;
	margin-top: 2%;
	font-size: 2.5vh;
		
	
	
	
	
	
	
	
}
.grid-3-hor .celda-2 .lis .lis-points{
	width: 100%;
	
		display: flex;
		flex-direction:column;
	height: auto;
	margin-bottom: 3%;
	
	
	
	
	
	
}
.grid-3-hor .celda-2 .lis .lis-points li{
	width: 100%;
	font-size: 1.8vh;
		display: flex;
		flex-direction:row;
	font-weight: 600;
	color: #001A5A;
	align-items: center;
	margin-bottom: 2.5%;
	margin-top: 1%;
	
	
	
	
	
	
}

.grid-3-hor .celda-2 .lis .lis-points li img{
	width: 6%;
	margin-right: 3%;
	
	
	
	
	
	
	
}
.grid-3-hor .celda-2 span{
	width: 50%;
	position:absolute;
	
	top:-5.9%;
	padding: 2%;
	
		display: flex;
		flex-direction:column;
	justify-content: center;
	align-items: center;
	 
}
.grid-3-hor .celda-2 span img{
	width: 100%;
	position:relative;
	
	
	display: flex;
	
	justify-content: center;
	align-items: center;
	
	
}


.grid-3-hor .celda-2 span small{
       
        
	width: 82%;
	position: absolute;
	color: #fff;
	font-size: 1.7vh;
	font-weight: 600;
	left: 5%;
	text-align: center;
	top: 22%;
	
		display: block;
	
	
	
	
		
		
    }


.all-cotiza{
	width: 94%;
	
	display: flex;
	margin: 0 auto;
	
	flex-direction:column;

	margin-top: 6%;
	margin-bottom: 6%;
	
	
	
}
.all-cotiza .button-arrow-next{
	width: 100%;
	display: flex;
	
	
	flex-direction:column;

	margin-top: 2%;
	margin-bottom: 2%;
	
	
	
}

.all-cotiza .button-arrow-next a{
	width: 30%;
	display: flex;
	font-size: 1.8vh;
	border-radius: 1.5vh;
	text-decoration: none;
	background-color: #DE6826;
	padding: 2%;
	align-items: center;
	justify-content: center;
	
	flex-direction:row;
	color:#fff;
	font-weight: 600;

	margin-top: 0%;
	margin-bottom: 3%;
	
	
	
}
.all-cotiza .head-filtros{
	width: 90%;
	display: flex;
	

	flex-direction:row;
	
	margin-top:0%;
	margin-bottom:1%;
	
	
	
}
	


.all-cotiza .head-filtros a{
	width: auto;
	display: flex;
	
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	padding:2.3%;
	background:#CCC;
	font-weight:600;
	margin-right:1.5%;
	border-radius:3vh;
	text-decoration:none;
	font-size:1.6vh;
	color:#fff;
	
	margin-top: 2%;
	margin-bottom: 2%;
	
	
	
}


.all-cotiza .foto-galery{
	width: 100%;
	display: flex;
	

	flex-direction:column;
	
	margin-top:0%;
	padding-bottom:3%;

	border-bottom: 4px solid #DF6718;
	
	
}


.all-cotiza .foto-galery .zoom{
	width: 100%;
	display: flex;
	
	

	flex-direction:column;
	margin-right:0%;
	
	
	
	
	
}
 
 
.all-cotiza .foto-galery .des{
	width: 100%;
	display: flex;
	

	flex-direction:column;
	

	
	
}




.all-cotiza .foto-galery .des h2{
	width: 100%;
	display: flex;
	

	flex-direction:column;
	color:#E46525;
	text-align:left;
	font-size:4vh;
	font-weight:700;
	margin-bottom:2%;
	margin-top:2%;
	
	
}


.all-cotiza .foto-galery .des h3{
	width: 100%;
	display: flex;
	

	flex-direction:column;
	
	
	
	
	color:#2A347D;
	text-align:left;
	font-size:2vh;
	font-weight:700;
	margin-bottom:1%;
	margin-top:0%;
	
}

.all-cotiza .foto-galery .des p{
	width: 90%;
	display: flex;
	

	flex-direction:column;
	
	
	
	
	color:#2A347D;
	text-align:left;
	font-size:1.5vh;
	font-weight:500;
	margin-bottom:3%;
	margin-top:1%;
	
}





.all-cotiza .foto-galery .des .atributes{
	width: 100%;
	margin-top:1%;
	
	
	

	

	
	 grid-template-columns: 49% 49%;
	align-items: center;
	justify-content: center;
        gap: 1% 1%;
		
		
        display: grid;
	
	
	
}


.all-cotiza .foto-galery .des .atributes p{
	width: 100%;
	font-size:1.6vh;
	display: flex;
	color:#2A347D;
	background-color:#D6D6D6;
	margin:-bottom:1%;
	margin-top:1%;
	padding:3%;
	
	
	
	
}

	

.all-cotiza .ficha{
	width: 100%;
	display: flex;
	
	

	flex-direction:column;
	

	
	
}


.all-cotiza .ficha h5{
	width: 90%;
	display: flex;
	
	

	flex-direction:column;
	
color:#E46525;
	text-align:left;
	font-size:2vh;
	font-weight:700;
	margin-bottom:1%;
	
	
}


.all-cotiza .ficha .atributes{
	width: 90%;
	margin-top:2%;
	
	
	

	

	
	 grid-template-columns: 48% 48%;
	align-items: center;
	justify-content: center;
        gap: 2% 2%;
		
		
        display: grid;
	
	
	
}


.all-cotiza .ficha .atributes p{
	width: 100%;
	font-size:1.7vh;
	display: flex;
	color:#2A347D;
	background-color:#CCC;
	margin:-bottom:1%;
	margin-top:0%;
	padding:3%;
	
	
	
	
}

.piclist{
        margin-top: 30px;
		padding:0px;
	
	width: 100%;
	
    }
    .piclist li{
        display: inline-block;
		margin-left:1%;
		margin-right:1%;
        width: 22%;
		
        height: auto;
    }
    .piclist li img{
        width: 100%;
        height: auto;
    }

    /* custom style */
    .picZoomer-pic-wp,
    .picZoomer-zoom-wp{
       
    }

	
	
	
.totem-form{
	
	display:flex;
	flex-direction:column;
	margin-top:3%;
	width: 100%;
}



.totem-form .short6{
	width: 100%;
	
	display: flex;
	flex-direction: column;
	margin-top: 1%;
	margin-bottom: 4%;
	
	
}

.totem-form .short6 .out{
	width: 90%;
	
	display: flex;
	flex-direction: row;
	margin-top: 3%;
	
	
}

.totem-form .short6 .out .campos-contacto-tot{
	width: 100%;
	border-radius: 0.7vh;
	border: 4px solid #DF6718;
	height: 5vh;
	display: flex;
	flex-direction: row;
	
	
}

.totem-form .send-totem{
width: 30%;
	
	display: block;
	text-align: center;
	margin: 0 auto;
	background-color:#DD6825;
	color: #fff;
	flex-direction:row;	
	border: 0px;
	border-radius: 2vh;
	padding-left: 2.5%;
	padding-right: 2.5%;
	cursor: pointer;
	font-weight: 600;
	padding: 2.5%;
	font-size: 1.7vh;

}





.totem-form .short6 h5{
	width: 30%;
	font-weight: 700;
	font-size: 2.5vh;
	display: flex;
	
	
	
}


.totem-form h3{
	width: 100%;
	font-size:1.7vh;
	display: block;
	text-align:center !important;
	color:#2A347D;
	margin-bottom: 5%;
	
}

.send-home-totem-co{
	color: #fff;
        background: #2A347D;
		margin:0 auto;
        width: 60%;
        display: flex;
		margin-top:3%;
        flex-direction: row;
        border-radius: 1vh;
        padding:5%;
	border: 0px;
        align-items: center;
        justify-content: center;
        font-size: 1.9vh;
	font-weight: 700;
 

        text-decoration: none;
    
}




.grid-productos{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 18%;
	
	
	
	
	 grid-template-columns: 48% 48%;
	align-items: center;
	justify-content: center;
        gap: 2% 2%;
		
		
        display: grid;
	margin-bottom: 3%;
	margin-top:5%; 
	
	
}

.grid-productos a{
	width: 100%;
	
	margin-bottom: 7%;
	
	
	
	 
	align-items: center;
	justify-content: center;
       
	flex-direction: column;
		
		
        display: flex;
	text-decoration: none;
	
	
}

.grid-productos a img{
	width: 100%;
	margin-bottom: 4%;
	
		
        display: flex;
	
	
}

.grid-productos a big{
	color: #E06726;
	width: 100%;
	margin-bottom: 1%;
	margin-top: 4%;
	font-size: 2vh;
	font-weight: 700;
	
		
        display: block;
	text-align: center;
	
	
}

.grid-productos a small{
	color: #001A5A;
	width: 100%;
	margin-bottom: 1%;
	margin-top: 1%;
	font-size: 1.7vh;
	font-weight: 700;
	
		
        display: block;
	text-align: center;
	
	
}

.grid-productos a p{
	color: #001A5A;
	width: 100%;
	margin-bottom: 1%;
	margin-top: 1%;
	font-size: 1.6vh;
	font-weight: 600;
	
		
        display: block;
	text-align: center;
	
	
}

.grid-productos a span{
	width: 5vh;
	height: 5vh;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 2%;
	
	background:#E06726;
	border-radius: 50px;
	padding: 1%;
	
	
}

.grid-productos a span img{
	width: 61%;
	
	
	
}




.filters{
	
	width:92%;
	background-color:#E5E5E8;
	padding:5% 3%;
	display:flex;
	flex-direction:column;
	margin-top:3%;
	margin-bottom:3%;
	
	
	
}
.filters h2{
	
	
	
	display:flex;
	margin-right:1%;
	margin-bottom: 3%;
	color:#283476;
	width: auto;
	
	
	font-size:2vh;
	flex-direction:row;
	
	
	
}
.filters .opci{
	
	
	
	 grid-template-columns: repeat(auto-fill, minmax(15vh, 2fr));
	 width:96%;
	
       align-items:center;
	   
	
		
		
        display: grid;
	
	
}

.filters .opci a{
	
	
	width:100%;
	margin-bottom: 8%;
	
	
	
}

.filters .opci a img{
	
	
	width:100%;
	
	
}

.container-jasor{
		margin:0 auto;
		width:94%;
		display:flex;
		margin-bottom:3%;
		margin-top:1%;
		
		
	}
	
	
	
	
	
	.back-cotiza{
	width:100%;
	display:flex;
	align-items:center;
	position:relative;
	justify-content:center;
	height:auto;
	
}

.back-cotiza .cotiza-center{
	width:95%;
	
	display:flex;
	flex-direction:row;
	margin-bottom:0%;
	margin-top:5%;

	
	
}
 
.back-cotiza .cotiza-center .tabs-all {
        width: 100%;
      	
		
	
        padding-top: 0%;
    }


.back-cotiza .image-girl{
	width:18%;
	right:0;
	bottom:0;
	display:none;
	
	position:absolute;

	
	
}


.back-cotiza .image-girl img{
	width:100%;
	
	
	
}
	
	
	
.tab {
        overflow: hidden;
        background-color: #fff;
		
		display: flex;
		
		
		
    }
    /* Style the buttons inside the tab */
    
    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        width: auto;
        padding-top:2%;
        padding-bottom: 2%;
		padding-left: 2%;
		padding-right: 2%;
        padding: 3.5%;
		color:#01195B;
		border-radius:2vh 2vh 0 0;
        
        transition: 0.3s;
        font-size: 2vh;
        font-weight: 700;

    }
	
		
.contenedor-programas2  {
    display: flex;
  
	
    width: 100%;
	align-items:center;
	
    height: auto;
	flex-direction:column;
  
} 
	
	
.contenedor-programas2 .left-cotiza  {
    display: flex;
  
	
    width: 100%;
	margin-right:0%;
	
    height: auto;
	flex-direction:column;
	align-items: center;
	justify-content: center;
  
} 
	
.contenedor-programas2 .left-cotiza h2  {
    display: block;
	text-align: left;
	font-size: 4vh;
	width: 92%;
	margin-bottom: 1%;
	margin-top: 1%;
  color: #001A5A;
	
   
  
} 

.contenedor-programas2 .left-cotiza h3  {
    display: block;
	text-align: left;
	font-size: 2.5vh;
	width: 92%;
  color: #001A5A;
	
   margin-bottom: 1%;
	margin-top: 1%;
  
} 


.contenedor-programas2 .left-cotiza p  {
    display: block;
	text-align: left;
	font-size: 1.6vh;
	width: 92%;
  color: #001A5A;
	
   margin-bottom: 3%;
	margin-top: 2%;
  
} 

.contenedor-programas2 .right-cotiza  {
    display: flex;
  
	
    width: 92%;
	margin-bottom: 3%;
	
    height: auto;
	flex-direction:column;
  
} 

.contenedor-programas2 .right-cotiza #contact-cotizas{
    display: flex;
	padding: 2.8%;
	padding-left: 5%;
	padding-right: 5%;
  
	
    width: 100%;
	background-color:#DFDFDF;
	border-radius: 2vh;
	
    height: auto;
	flex-direction:column;
  
} 
.contenedor-programas2 .right-cotiza #contact-cotizas .large-unit{
     display: flex;
	
    width: 92%;
	margin: 0 auto;
	 
	flex-direction:row;
	margin-top: 1%;
	margin-bottom: 3%;
  
} 
.contenedor-programas2 .right-cotiza #contact-cotizas .large-unit .out{
     display: flex;
	
    width: 100%;
	
	 
	flex-direction:row;
	margin-top: 0%;
  
} 
.contenedor-programas2 .right-cotiza #contact-cotizas .large-unit	.out p{
     display: flex;
	font-weight: 700;
    width: 18%;
	color: #001A5A;
  cursor: pointer;
  font-size: 1.7vh;
	
	 
	
  
}  

.contenedor-programas2 .right-cotiza #contact-cotizas .large-unit	.out	 input{
     display: flex;
	font-weight: 700;
    width: 82%;
	
  font-size: 1.7vh;
	background-color: transparent;
	border: 0px;
	border-bottom: 2px solid #001A5A;
	
	 
	
  
} 



.contenedor-programas2 .right-cotiza #contact-cotizas .inputs-circle{
    display: flex;
	
    width: 94%;
	margin: 0 auto;
	 
	flex-direction:row;
	margin-top: 4%;
  
} 
	
	
	
	
.contenedor-programas2 .right-cotiza #contact-cotizas .short{
	width: 100%;
	
	display: flex;
	
	flex-direction:column;
	margin-bottom:2%;
	
	
	
	
	
}
.contenedor-programas2 .right-cotiza #contact-cotizas .short .out{
width: 100%;
	
	display: flex;
	margin-bottom:2%;
	flex-direction:column;
	position:relative;
	
	border:2px solid #999;
	background-color: #fff;
	border-radius:1.1vh;
	padding:0.7%;
	
	
	
}
.contenedor-programas2 .right-cotiza #contact-cotizas .short .space{
width: 4%;
	display: none;
	
	
	
	 
	
}



.contenedor-programas2 .right-cotiza #contact-cotizas .short .out img{
width: 3vh;
	
	display: flex;
	position:absolute;
	
	flex-direction:column;
	top:0.8vh;
		
	
}



.contenedor-programas2 .right-cotiza #contact-cotizas .short .out input{
width: 85%;
	
	display: flex;
	margin-left:10%;
	height:4vh;
	border:0px;
	
		
	
}


.contenedor-programas2 .right-cotiza #contact-cotizas .large{
	width: 100%;
	
	display: flex;
	
	flex-direction:column;
	margin-bottom:1.3%;
	
	
	
	
	
}


.contenedor-programas2 .right-cotiza #contact-cotizas .large p{
	 display: block;
	
	
	font-size: 1.6vh;
	width: 100%;
  color: #001A5A;
	
   margin-bottom: 2%;
	font-weight: 600;
	margin-top: 1%;
	
	
	
}
.contenedor-programas2 .right-cotiza #contact-cotizas .large textarea{
	width: 100%;
	
	display: flex;
	background-color: #fff;
	
	
	border:2px solid #999;
	border-radius:1.1vh;
	height: 12vh;
	padding:0.7%;
	
	
	
}

.contenedor-programas2 .right-cotiza #contact-cotizas .large .out{
	width: 100%;
	
	display: flex;
	background-color: #fff;
	flex-direction:column;
	position:relative;
	
	border:2px solid #999;
	border-radius:1.1vh;
	padding:0.7%;
	
	
	
}

.contenedor-programas2 .right-cotiza #contact-cotizas .large .out img{
	width: 3.1vh;
	
	display: flex;
	position:absolute;
	
	flex-direction:column;
	
	top:0.5vh;
	
	
}

.contenedor-programas2 .right-cotiza #contact-cotizas .large .out input{
	width: 85%;
	
	display: flex;
	margin-left:10%;
	height:4vh;
	border:0px;
	
	
	
	
	
	
	
}
	

.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
margin-bottom:4%;
	
}

 
.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:row;
	
	position:relative;
	align-items:center;
	justify-content:center;
	
	
}


.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja{
	width:92%;
	height:auto;
	display:flex;
	flex-direction:column;
	
	position:relative;
	align-items: center;
	justify-content: center;
	
	
}

.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja h1{
	width:100%;
	height:auto;
	display:block;
	text-align:center;
	margin-bottom:4%;
	font-size:1.8vh;
	margin-top:2%;
	
	color: #001A5A;
	
}


.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
	
	position:relative;
	align-items:center;
	justify-content:center;
	
}
.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 h1{
	width:100%;
	height:auto;
	display:block;
	text-align:center;
	margin-bottom:3%;
	font-size:1.7vh;
	font-weight:600;
	margin-top:2%;
	
	color: #001A5A;
	
}


.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:row;
	
	position:relative;
	align-items: center;
	justify-content: center;
	
	
}


.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 .out{
	width:90%;
	height:auto;
	display:flex;
	flex-direction:row;
	
	position:relative;
	align-items: center;
	justify-content: center;
	
	
}


.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 .out input{
	width:100%;
	height:auto;
	display:flex;
	padding:2%;
	margin-left:2%;
	border-radius:0.7vh;
	flex-direction:row;
	padding-top:2%;
	padding-bottom:2%;
	
	position:relative;
	align-items: center;
	justify-content: center;
	
	
}



.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2   #myDIVIfiles {
        
        width: 40%;
        
        border-radius: 8px;
		
       
        padding: 1%;
		margin-right:5%;
		display:flex;
       
      
		border:2px dashed #888;
       
        flex-direction: column;
        
    }
    



 .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles a {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }
   .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles a img {
        width: 5%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }




.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles p#texto {
        color: #001A5A;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 0.75vw;
        font-weight: 600;
    }
 .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles p#texto img {
        width: 15%;
        margin-right: 3%;
    }
  .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles div#div_file {
		display:flex;
		flex-direction:column;
        
        margin: 0%;
        padding: 0%;

        width: auto;
    }
    .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles input#btn_enviar {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
	 




















 


.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja   #myDIVIfiles {
        
        width: 100%;
        
        border-radius: 8px;
		
       
        padding: 1%;
		display:flex;
       
      
		border:2px dashed #888;
       
        flex-direction: column;
        
    }
    



 .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja #myDIVIfiles a {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }
   .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja #myDIVIfiles a img {
        width: 20%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }




.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja #myDIVIfiles p#texto {
        color: #001A5A;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 1.6vh;
        font-weight: 600;
    }
 .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja #myDIVIfiles p#texto img {
        width: 15%;
        margin-right: 3%;
    }
  .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja #myDIVIfiles div#div_file {
		display:flex;
		flex-direction:column;
        
        margin: 0%;
        padding: 0%;
        width: auto;
    }
    .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube .primer-caja #myDIVIfiles input#btn_enviar {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
	 



.container-check {
  display: flex;
	flex-direction: row;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5%;
	font-weight: 700;
	color: #001A5A;
  cursor: pointer;
  font-size: 1.5vh;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
}

/* Hide the browser's default checkbox */
.container-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmar {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #001A5A;
	border: 2px solid #DE6826;

  
border-radius: 50px;
}

/* Style the checkmark/indicator */
.container-check .checkmar:after {

  left: 9px;
  top: 5px;
  width: 20px;
  height: 20px;
  
	
   
 
}
/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmar {
  
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmar {
  background-color: #fff
}



.contenedor-programas2 .right-cotiza #contact-cotizas .mandar .send-home-cotiza-mod{
    
   color: #fff;
        background: #DE6826;
        width: 30%;
		font-weight:600;
        
        padding: 4%;
	
  
} 






 .solicitud-center {
        width: 100%;
       
        border-radius: 12px;
      
        display: flex;
        align-items: center;
        flex-direction: column;
    }
     .solicitud-center .titu {
        width: 100%;
        padding-top: 3%;
        padding-bottom: 2%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
   .solicitud-center .titu h2 {
        width: 90%;
        font-weight: 600;
        font-size: 2.8vh;
        color: #08125A;
        padding: 0;
        margin-bottom: 0%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
   .solicitud-center .titu img {
        width: 6%;;
        margin-top: 2%;
        padding: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
   .solicitud-center .girl-atencion {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .solicitud-center .girl-atencion .photo {
        width: 80%;
        display: flex;
        align-items: center;
        flex-direction: row;
    }
   .solicitud-center .girl-atencion .photo img {
        width: 100%;
    }
    .solicitud-center .girl-atencion .texti {
        width: 80%;
        padding: 3%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .solicitud-center .girl-atencion .texti .loguito-soli {
        width: 36%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
   .solicitud-center .girl-atencion .texti .loguito-soli img {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
   .solicitud-center .girl-atencion .texti p {
        width: auto;
        font-size: 3.4vh;
        font-weight: 700;
        text-align: center;
        color: #08125A;
		margin-bottom:3%;
		margin-top:3%;
    }
   .solicitud-center .girl-atencion .texti p span {
        color: #DC6B2B;
    }




.contenedor-programas2 .right-cotiza #contact-cotizas .short4{
	width: 100%;
	
	display: flex;
	
	flex-direction:column;
	margin-bottom:2%;
	
	 
	
	
	
}
 

 

.contenedor-programas2 .right-cotiza #contact-cotizas .short4 p{
	  width:100%;
	
	height:auto;
	
	display:flex;
	
	
	font-size:1.5vh;
	
	
	
	font-weight:600;
	
	color: #01195B;
	
	
	
	
}
.contenedor-programas2 .right-cotiza #contact-cotizas .short4 .out{
width: 100%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	height:4.5vh;
	border:2px solid #999;
	background-color: #fff;
	border-radius:1.1vh;
	padding:0.7%;
	margin-bottom:2%;
	margin-top:2%;
	
	
	
}
.contenedor-programas2 .right-cotiza #contact-cotizas .short4 .space{
width: 3%;
display:none;
	
	
	
	 
	
}



.contenedor-programas2 .right-cotiza #contact-cotizas .short4 .out img{
width: 3.1vh;
	
	display: flex;
	position:absolute;
	
	flex-direction:column;
	top:0.4vh;
		
	
}



.contenedor-programas2 .right-cotiza #contact-cotizas .short4 .out input{




width: 88%;
	
	display: flex;
	margin-left:12%;
	height:4vh;
	border:0px;
	
		
	
}

 
	
	
	
	
	
	
	
	
	
	
.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2{
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
	
	position:relative;
	align-items: center;
	justify-content: center;
	
	
}


.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 .out{
	width:90%;
	height:auto;
	display:flex;
	flex-direction:row;
	
	position:relative;
	align-items: center;
	justify-content: center;
	
	
}


.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 .out input{
	width:100%;
	height:auto;
	display:flex;
	padding:2%;
	margin-left:2%;
	border-radius:0.7vh;
	flex-direction:row;
	padding-top:2%;
	padding-bottom:2%;
	
	position:relative;
	align-items: center;
	justify-content: center;
	
	
}



.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2   #myDIVIfiles {
        
        width: 90%;
        
        border-radius: 8px;
		
       
        padding: 1%;
		margin-right:0%;
		display:flex;
       
      
		border:2px dashed #888;
       
        flex-direction: column;
        
    }
    



 .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles a {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }
   .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles a img {
        width: 7%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }




.contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles p#texto {
        color: #001A5A;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 1.4vh;
        font-weight: 600;
    }
 .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles p#texto img {
        width: 15%;
        margin-right: 3%;
    }
  .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles div#div_file {
		display:flex;
		flex-direction:column;
        
        margin: 0%;
        padding: 0%;

        width: auto;
    }
    .contenedor-programas2 .right-cotiza #contact-cotizas .caja-subir-files2 .cajas-sube2 .primer-caja2 #myDIVIfiles input#btn_enviar {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
	 

	
	
.contenedor-programas2 .caja-grid .grid-selec  {
   
    width: 94%;
	margin: 0 auto;
	
	
	
    height: auto;
	flex-direction:column;
	
	grid-template-columns: 48% 48%;
	align-items: center;
	justify-content: center;
        gap: 0% 3%;
		
		
        display: grid;
	margin-bottom: 4%;
	
  
} 

.contenedor-programas2 .caja-grid .grid-selec .container-select  {
   
    width: 100%;
	margin-bottom: 7%;
	background-color: #dfdfdf;
	padding: 15% 5% 15% 5%;
	
	
	 
	
	
    height: 20vh;
	flex-direction:column;
	
	
	
	
	align-items: center;
	justify-content: center;
       
		
		
        display: flex;
	
	 
	position: relative;
  
	font-weight: 600;
	color: #001A5A;
  cursor: pointer;
  font-size: 1.9vh;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	
  
} 


.contenedor-programas2 .caja-grid .grid-selec .container-select p  {
   
   font-weight: 600;
	color: #001A5A;
  
  font-size: 1.9vh;
	text-align: center;
  margin-bottom:1%;
  margin-top:2%;
  padding:0px;
	
	
	
	
}

.contenedor-programas2 .caja-grid .grid-selec .container-select img{
   
   
  margin-bottom:1%;
  margin-top:2%;
  width:45%;
 
	
	
	
	
}
	
	
	
	
	
	
.contenedor-programas2 .caja-grid .two-parts  {
    display: flex;
  
	
    width: 94%;
	
	margin:0 auto;
	align-items:center;
	
    height: auto;
	flex-direction:column;
  
} 



.contenedor-programas2 .caja-grid .two-parts .carga  {
      display: flex;
  
	
    width: 100%;
	position:relative;
	
	
    height: auto;
	flex-direction:column;
	
  
} 



.contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2  {
      display: flex;
  
	
    width: 100%;
	
	
	
    height: auto;
	flex-direction:column;
	
  
} 


.contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2 h1{
  
	
    width:100%;
	height:auto;
	display:block;
	
	margin-bottom:1%;
	font-size:1.7vh;
	text-align:center;
	margin-top:1%;
	font-weight:700;
	
	color: #001A5A;
  
} 


.contenedor-programas2 .caja-grid .two-parts .carga h2{
  
	
    width:100%;
	height:auto;
	display:block;
	
	margin-bottom:1%;
	font-size:1.5vh;
	text-align:center;
	margin-top:1%;
	font-weight:700;
	
	color: #001A5A;
  
} 



.contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2  #myDIVIfiles {
        
        width: 80%;
		margin:0 auto;        
        border-radius: 8px;
		
       
        padding: 1%;
		display:flex;
       
      
		border:2px dashed #888;
       
        flex-direction: column;
	margin-bottom: 3%;
	margin-top: 3%;
        
    }
    



 .contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2 #myDIVIfiles a {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }
  .contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2 #myDIVIfiles a img {
        width: 5%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }




.contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2 #myDIVIfiles p#texto {
        color: #001A5A;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 1.5vh;
        font-weight: 600;
    }
 .contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2 #myDIVIfiles p#texto img {
        width: 15%;
        margin-right: 0%;
    }
.contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2 #myDIVIfiles div#div_file {
		display:flex;
		flex-direction:column;
        
        margin: 0%;
        padding: 0%;
        width: auto;
    }
.contenedor-programas2 .caja-grid .two-parts .carga .primer-caja2 #myDIVIfiles input#btn_enviar {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
	 









.contenedor-programas2 .caja-grid .two-parts .input-text {
    display: flex;
  
	
    width: 100%;
	margin-right:0%;
	
	
    height: auto;
	flex-direction:column;
	
  
} 

.contenedor-programas2 .caja-grid .two-parts .input-text p{
    width:100%;
	height:auto;
	display:block;
	
	margin-bottom:1%;
	font-size:1.7vh;
	margin-top:1%;
	font-weight:700;
	
	color: #001A5A;
  
} 

.contenedor-programas2 .caja-grid .two-parts .input-text .out{
    width:100%;
	height:auto;
	display:flex;
	
	margin-bottom:1%;
	margin-top:1%;
	
	
} 

.contenedor-programas2 .caja-grid .two-parts .input-text .out textarea{
    width:100%;
	height:15vh;
	display:flex;
	
	margin-bottom:1%;
	margin-top:1%;
	font-weight:600;
	border-radius:1.6vh;
	border:2px solid #CCC !important;
	
} 

	
	
	

	
.contenedor-programas2 .center-load  {
    display: flex;
  
	
    width: 100%;
	align-items:center;
	
    height: auto;
	flex-direction:column;
  
} 




.contenedor-programas2 .center-load .mandar{
 
     
        width: 100%;
        display: flex;
        flex-direction: column;
       

        align-items: center;
        justify-content: center;
      
	


}
.contenedor-programas2 .center-load .mandar .send-home-load{
 color: #fff;
        background: #DE6826;
        width: 32%;
        display: flex;
        flex-direction: row;
        border-radius: 1vh;
        padding:1.8%;
	border: 0px;
        align-items: center;
        justify-content: center;
        font-size: 1.7vh;
	font-weight: 700;
        margin-bottom: 1%;
	cursor: pointer;
		
		

        text-decoration: none;
        font-weight: 500;



}








.contenedor-programas2 .center-load .carga  {
      display: flex;
  
	
    width: 92%;
	position:relative;
	
	
    height: auto;
	flex-direction:column;
	
  
} 



.contenedor-programas2 .center-load .carga .primer-caja3  {
      display: flex;
  
	
    width: 100%;
	
	
	
    height: auto;
	flex-direction:column;
	
  
} 


.contenedor-programas2 .center-load .carga .primer-caja3 h1{
  
	
    width:100%;
	height:auto;
	display:block;
	
	margin-bottom:1%;
	font-size:1.7vh;
	text-align:center;
	margin-top:1%;

	font-weight:600;
	margin-top:1%;
	margin-bottom: 4%;
	color: #001A5A;
  
}  


	

.contenedor-programas2 .center-load h4{
  
	
    width:100%;
	height:auto;
	display:block;
	
	
	font-size:2.5vh;
	text-align:center;
	margin-top:3%;
	margin-bottom: 4%;
	font-weight:700;
	
	color: #001A5A;
  
} 
.contenedor-programas2 .center-load .carga h2{
  
	
    width:100%;
	height:auto;
	display:block;
	
	margin-bottom:1%;
	font-size:1.2vh;
	text-align:center;
	margin-top:3%;
	margin-bottom: 3%;
	font-weight:600;
	
	color: #001A5A;
  
} 



.contenedor-programas2 .center-load .carga .primer-caja3  #myDIVIfiles {
        
        width: 90%;
		margin:0 auto;        
        border-radius: 8px;
		
       
        padding: 1%;
		display:flex;
       
      
		border:2px dashed #888;
       
        flex-direction: column;
        
    }
    



 .contenedor-programas2 .center-load .carga .primer-caja3 #myDIVIfiles a {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }
  .contenedor-programas2 .center-load .carga .primer-caja3 #myDIVIfiles a img {
        width: 15%;
        margin-top: 1%;
        margin-bottom: 1%;
        flex-direction: row;
    }




.contenedor-programas2 .center-load .carga .primer-caja3 #myDIVIfiles p#texto {
        color: #001A5A;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 1.6vh;
        font-weight: 600;
    }
 .contenedor-programas2 .center-load .carga .primer-caja3 #myDIVIfiles p#texto img {
        width: 10%;
	 margin: 0 auto;
       
    }
.contenedor-programas2 .center-load .carga .primer-caja3 #myDIVIfiles div#div_file {
		display:flex;
		flex-direction:column;
        
        margin: 0%;
        padding: 0%;
        width: auto;
    }
.contenedor-programas2 .center-load .carga .primer-caja3 #myDIVIfiles input#btn_enviar {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: 0;
    }
	 


.contenedor-programas2 .input-text .out{
    width:100%;
	height:auto;
	display:flex;
	
	margin-bottom:1%;
	margin-top:1%;
	
	
} 


.contenedor-programas2 .input-text .out #url{
     width:88%;
	margin: 0 auto;
	height: auto;
	padding: 2%;
	
	display:flex;
	
	margin-bottom:1%;
	margin-top:0%;
	font-weight:600;
	border-radius:1.6vh;
	border:2px solid #CCC !important;
	
	
} 

	
		
.contenedor-programas3  {
    display: flex;
  
	position:relative;
    width: 100%;
	align-items:center;

	
    height: auto;
	flex-direction:column;
  
}  
.contenedor-programas3  h8 {
    width:100%;
	
	height:auto;
	
	display:block;
	
	
	font-size:2.6vh;
	text-align: center;
	
	
	
	font-weight:800;
	
	color: #01195B;
	margin-bottom: 2%;
	margin-top: 2%;
	
  
}  

.contenedor-programas3  h9 {
    width:100%;
	
	height:auto;
	
	display:block;
	
	
	font-size:2.1vh;
	text-align: center;
	
	
	
	font-weight:600;
	
	color: #01195B;
	
  
}  

.contenedor-programas3  .box-deli {
    width:100%;
	margin: 0 auto;
	padding: 1%;
	
	height:auto;
	
	display:flex;
	flex-direction: column;
	margin-top: 2%;
	
	
	
  
}  


.contenedor-programas3  .box-deli .deli-der {
    width:100%;
	margin-right: 0%;
	
	padding: 1%;
	
	height:auto;
	
	display:flex;
	flex-direction: column;
	align-items: center;
	
	
	
	
  
}  
 
.contenedor-programas3  .box-deli .deli-der img {
    width:30%;
	
	height:auto;
	
	display:flex;
	margin: 0 auto;
	
	
	
	
  
}  




.contenedor-programas3  .box-deli .deli-der #newpost22 {
        position: absolute;
        width: 98%;
        display: none;
        height: auto;
        padding: 2%;
		margin-left:1%;
		border-radius:1.5vh;
		
        margin-top: -6%;
        background: #fff;
        border: 2px solid #fcfcfc;
        -webkit-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.75);
    }

.contenedor-programas3  .box-deli .deli-der #newpost22 h2 { 
       
        width: 90%;
		display:block;
		margin:0 auto;
		text-align:center;
		margin-bottom:2%;
        
	font-size:2.1vh;
	text-align: center;
	
	

	color: #01195B;
    }











 
.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2{
	width: 90%;
	margin: 0 auto;
	
	
	display: flex;
	
	flex-direction:column;
	margin-bottom:2%;
	padding: 2%;
	
	
	 
	
	
	
}


 
.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .back-pay{
	width: 100%;
	margin: 0 auto;
	border-radius: 1vh;
	background: #dfdfdf;
	border:1px solid #CCC;
	
	display: flex;
	
	flex-direction:column;
	margin-bottom:2%;
	padding: 4%;
	
	
	 
	
	
	
}


 
.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .back-pay .large4 span{
	font-weight:700;
	font-size: 1.5vh;
	
	
	
	color: #01195B;
	 
	
	
	
}



.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short{
	width: 100%;
	
	display: flex;
	
	flex-direction:row;
	margin-bottom:2.5%;
	
	
	
	
	
}


.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short h3{
font-size:1.9vh;
	text-align:left;
	display:block;
	margin-bottom:0%;
	margin-top:1%;
	width:50%;
	
	
	
	font-weight:700;
	
	color: #01195B;
	
	
	
	
	
	
}
 

.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short .space{

	width:2%;

}
.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short .out{
width: 98%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	
	border:2px solid #999;
	background-color: #fff;
	border-radius:1.1vh;
	padding:0.7%;
	
	
	
}
.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short .space{
width: 4%;
	
	
	
	 
	
}




.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short .out input{
width: 100%;
	
	display: flex;
	
	height:4vh;
	border:0px;
	
		
	
}

 
 
.contenedor-programas3 #contact-pay{
	width: 90% !important;
	margin: 0 auto;
	border-radius: 1vh;
	background: #dfdfdf;
	border:1px solid #CCC;
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.37);
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.37);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.37);
	display: flex;
	
	flex-direction:column;
	margin-bottom:5%;
	padding: 2%;
	padding: 6% 6% 6% 6%;
	
	 
	
	
	
}

.contenedor-programas3 #contact-pay .icons-bancos{
	width: 10%;
	margin: 0 auto;
	
	display: flex;
	
	flex-direction:row;
	margin-bottom:2%;
	margin-top:6%;
	align-items:center;
	justify-content:center;

	
	 
	
	
	
}

.contenedor-programas3 #contact-pay .icons-bancos img{
	margin-left:2%;
	margin-right:2%;
	

	
	 
	
	
	
}



.contenedor-programas3 #contact-pay .loge{
	width: 65%;
	margin: 0 auto;
	margin-bottom: 7%;
	
	
	 
	
	
	
}
 
.contenedor-programas3 #contact-pay .loge img{
	width: 100%;
	
	
	
	 
	
	
	
}







.contenedor-programas3 #contact-pay .short{
	width: 100%;
	
	display: flex;
	
	flex-direction:column;
	margin-bottom:3%;
	
	
	
	
	
}
.contenedor-programas3 #contact-pay .short .out{
width: 98%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	margin-bottom: 3%;
	
	border:2px solid #999;
	background-color: #fff;
	border-radius:1.1vh;
	padding:0.7%;
	
	
	
}
.contenedor-programas3 #contact-pay .short .space{
width: 4%;
	display: none;
	
	
	
	 
	
}



.contenedor-programas3 #contact-pay .short .out img{
width: 2.9vh;
	
	display: flex;
	position:absolute;
	
	flex-direction:column;
	top:0.3vh;
		margin-left: 1vh;
	
}



.contenedor-programas3 #contact-pay .short .out input{
width: 75%;
	
	display: flex;
	margin-left:24%;
	height:3vh;
	border:0px;
	
		
	
}

 




.contenedor-programas3 #contact-pay .large3{
	width: 90%;
	margin:0 auto;
	
	display: flex;
	
	flex-direction:row;
	align-items:center;
	justify-content:center;
	margin-bottom:2%;
	margin-top:6%;
	font-size:1.5vh;
	font-weight:600;
	
	
	
	
	
}








.contenedor-programas3 #contact-pay .large{
	width: 100%;
	
	display: flex;
	
	flex-direction:row;
	margin-bottom:3%;
	
	
	
	
	
}
.contenedor-programas3 #contact-pay .large .out{
width: 100%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	
	border:2px solid #999;
	background-color: #fff;
	border-radius:1.1vh;
	padding:0.7%;
	
	
	
}




.contenedor-programas3 #contact-pay .large .out img{
width: 2.9vh;
	
	display: flex;
	position:absolute;
	
	flex-direction:column;
	top:0.2vh;
	margin-left: 1vh;
		
	
}



.contenedor-programas3 #contact-pay .large .out input{
width: 88%;
	
	display: flex;
	margin-left:12%;
	height:3vh;
	border:0px;
	
		
	
}

 




.contenedor-programas3  .box-deli .deli-izq {
    width:90%;
	margin-left: 0%;
	align-items: center;
	padding: 1%;
	
	height:auto;
	
	display:flex;
	flex-direction: column;
	
	
	
  
}  


.contenedor-programas3  .box-deli .deli-izq big {
    width:100%;
	
	height:auto;
	margin-top: 4%;
	margin-bottom: 3%;
	display:block;
	
	
	font-size:2.1vh;
	text-align: center;
	
	
	
	font-weight:600;
	
	color: #01195B;
	
	
	
  
}  

.contenedor-programas3  .box-deli .deli-izq p {
    width:100%;
	
	height:auto;
	margin-top: 4%;
	margin-bottom: 3%;
	display:block;
	
	
	font-size:1.9vh;
	text-align: center;
	
	
	
	font-weight:700;
	
	color: #01195B;
	
	
	
  
}  

.contenedor-programas3  .box-deli .deli-izq p span {
    width:100%;
	
	height:auto;
	
	display:block;
	
	

	
	font-weight:500;
	
	color: #01195B;
	
	
	
  
}  

.contenedor-programas3  .box-deli .deli-izq big span {
    width:100%;
	
	height:auto;
	
	display:block;
	
	

	
	font-weight:700;
	
	color: #01195B;
	
	
	
  
}  

.contenedor-programas3  .box-deli .deli-izq img {
    width:29%;
	
	height:auto;
	
	display:flex;
	margin: 0 auto;
	
	
	
	
  
}  


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.contenedor-programas3 .lista-car{
    display: grid;
  
	
    width: 100%;
	
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
	
		 grid-template-columns: 98%;
    gap: 2% 4%;
} 
.contenedor-programas3 .lista-car .car{
    display: flex;
  
	
    width: 100%;
	padding: 2%;
	border-bottom: 1px solid #CCC;
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
	
		
} 

.contenedor-programas3 .lista-car .car .totem-title{
    display: flex;
  
	
    width: 85%;
	
	
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
	
		
} 


.contenedor-programas3 .lista-car .car .totem-title span{
       display: flex;
  
	
    width: 15%;
	margin-left: 3%;
	
	
    height: auto;
	font-size: 1.4vh;
	
	
	font-weight:600;
	
	color: #001A5A;
	
  
	
		
} 


.contenedor-programas3 .lista-car .car .totem-title small{
       display: flex;
  
	
    width: 15%;
	margin-left: 3%;
	
	
    height: auto;
	font-size: 1.5vh;
	
	
	font-weight:600;
	
	color: #001A5A;
	
  
	
		
} 




.contenedor-programas3 .lista-car .car .totem-title .campos-contacto-tot2{
	width: 12%;
	border-radius: 0.7vh;
	padding: 1%;
	border: 3px solid #DF6718;
	display: flex;
	flex-direction: row;
	
	
}
 

.contenedor-programas3 .lista-car .car .totem-title .list-tot{
    display: flex;
  
	
    width: 50%;
	
	
	align-items:center;
	
    height: auto;
	flex-direction:column;
	margin-right: 1%;
  
	
		
} 


.contenedor-programas3 .lista-car .car .totem-title .list-tot h2{
   
        color: #DE6826;
        width: 100%;
        display: block;
        flex-direction: row;
       
	
        align-items: center;
        justify-content: center;
        font-size: 1.5vh;
	font-weight: 700;
	text-align: center;
    
	
		
} 

 
.contenedor-programas3 .lista-car .car .totem-title .list-tot .cuad{
   
        display: grid;
  
	
    width: 100%;
	
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
	
		 grid-template-columns: 48% 48%;
    gap: 1% 1%;
    
	
		
} 
.contenedor-programas3 .lista-car .car .totem-title .list-tot .cuad p{
   
        display: flex;
  
	
    width: 100%;
	
	
    height: auto;
	font-size: 1.4vh;
	padding: 1%;
	margin-bottom: 0.6%;
	margin-top: 0.6%;
	font-weight:600;
	
	color: #001A5A;
	
		
} 



.contenedor-programas3 .lista-car .car img{
    display: flex;
  
	
    width: 16%;
	margin-right: 2%;
	border: 1px solid #CCC;
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
} 














.contenedor-programas3 .lista-car .car2{
    display: flex;
  
	
    width: 100%;
	padding: 2%;
	
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
	
		
} 

.contenedor-programas3 .lista-car .car2 .totem-title{
    display: flex;
  
	
    width: 85%;
	
	
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
	
		
} 


.contenedor-programas3 .lista-car .car2 .totem-title span{
       display: flex;
  
	
    width: 16%;
	margin-left: 3%;
	
	
    height: auto;
	font-size: 1.9vh;
	
	
	font-weight:600;
	
	color: #001A5A;
	
  
	
		
} 


.contenedor-programas3 .lista-car .car2 .totem-title small{
       display: flex;
  
	
    width: 16%;
	margin-left: 3%;
	
	
    height: auto;
	font-size: 1.9vh;
	
	
	font-weight:600;
	
	color: #001A5A;
	
  
	
		
} 



.contenedor-programas3 .lista-car .car .totem-title .si{
	width: 22%;
	
	
	display: flex;
	flex-direction: column;
	
	
	
}

.contenedor-programas3 .lista-car .car .totem-title .fec{
	width: 40%;
	
	
	align-items: center;
	display: flex;
	flex-direction: column;
	
	
}


.contenedor-programas3 .lista-car .car .totem-title .fec .choose{
	width: 100%;
	
	
	display: flex;
	flex-direction: row;
	
	
}


.contenedor-programas3 .lista-car .car .totem-title .fec .choose input{
	width: 98%;
	
	
	display: flex;
	flex-direction: row;
	border-radius: 0.6vh;
	border: 2px solid #001A5A;
	padding: 1%;
	
	
}


.contenedor-programas3 .lista-car .car .totem-title .fec .choose .space{
	width: 4%;
	
	
	display: flex;
	flex-direction: row;
	
	
}
.contenedor-programas3 .lista-car .car .totem-title .fec h9{
	
    height: auto;
	font-size: 1.4vh;
	margin-bottom: 2%;
	margin-top: 0%;
	padding: 0;
	background-color: transparent;
	
	
	
	font-weight:600;
	
	color: #001A5A;
	
	
}
.contenedor-programas3 .lista-car .car .totem-title .si big{
	font-size: 1.4vh;
	margin-bottom: 1%;
	
	
	font-weight:600;
	
	color: #001A5A;
	
	
}

.contenedor-programas3 .lista-car .car .totem-title .si .campos-contacto-tot2{
	width: 70%;

	border-radius: 0.7vh;
	
	padding: 2%;
	
	display: flex;
	flex-direction: column;
	
	
}


.contenedor-programas3 .lista-car .car2 .totem-title .campos-contacto-tot2{
	width: 20%;
	border-radius: 0.7vh;

	padding: 1%;
	border: 3px solid #DF6718;
	display: flex;
	flex-direction: row;
	
	
}
 

.contenedor-programas3 .lista-car .car2 .totem-title .list-tot{
    display: flex;
  
	
    width: 36%;
	
	
	align-items:center;
	
    height: auto;
	flex-direction:column;
	margin-right: 1%;
  
	
		
} 


.contenedor-programas3 .lista-car .car2 .totem-title .list-tot h2{
   
        color: #DE6826;
        width: 100%;
        display: block;
        flex-direction: row;
       
	
        align-items: center;
        justify-content: center;
        font-size: 2.2vh;
	font-weight: 700;
	text-align: center;
    
	
		
} 
 
.contenedor-programas3 .lista-car .car .totem-title .list-tot h3{
   
        color: #DE6826;
        width: 100%;
        display: block;
        flex-direction: row;
	margin-bottom: 1%;
	margin-top: 1%;
       
	
        align-items: center;
        justify-content: center;
        font-size: 1.6vh;
	font-weight: 700;
	text-align: center;
    
	
		
} 
 
.contenedor-programas3 .lista-car .car2 .totem-title .list-tot .cuad{
   
        display: grid;
  margin-bottom: 22%;
	margin-top: 0.6%;
	
    width: 100%;
	
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
	
		 grid-template-columns: 48% 48%;
    gap: 1% 1%;
    
	
		
} 
.contenedor-programas3 .lista-car .car2 .totem-title .list-tot .cuad p{
   
        display: flex;
  
	
    width: 100%;
	
	
    height: auto;
	font-size: 1.7vh;
	padding: 1%;
	margin-bottom: 0.6%;
	margin-top: 0.6%;
	font-weight:600;
	
	color: #001A5A;
	
		
} 



.contenedor-programas3 .lista-car .car2 img{
    display: flex;
	visibility: hidden;
  
	
    width: 4%;
	margin-right: 11%;
	border: 1px solid #CCC;
	align-items:center;
	
    height: auto;
	flex-direction:row;
  
} 


.contenedor-programas2 .content-1-acabado  {
    display: flex;
  
	
    width: 100%;
	align-items:center;
	
    height: auto;
	flex-direction:column;
  
} 

.contenedor-programas2 .content-1-acabado h2  {
    display: block;
  
	
    width: 100%;
	text-align: center;
	
    height: auto;
	flex-direction:column;
	
	
	font-size: 2.7vh;
	
	margin-bottom: 1%;
	margin-top: 1%;
  color: #001A5A;
	
  
} 

.contenedor-programas2 .content-1-acabado p {
    display: block;
  
	
    width: 100%;
	text-align: left;
	
    height: auto;
	flex-direction:column;
	
	
	font-size: 1.4vh;
	
	margin-bottom: 0%;
	margin-top: 0%;
	font-weight: 400;
  color: #001A5A;
	
  
} 




.inputs-circle2{
    display: flex;
	
    width: 90%;
	
	margin: 0 auto;
	 
	flex-direction:column;border-radius: 1.5vh;
	padding: 2%;
	padding-left: 6%;
	padding-right: 6%;
	background-color: #dfdfdf;
	margin-top: 2.5%;
  
} 

	



.contenedor-programas2 .content-empleados  {
    display: flex;
  
	
    width: 90%;
	
	
    height: auto;
	flex-direction:column;
  
} 





  
.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2{
	width: 100%;
	margin: 0 auto;
	
	
	display: flex;
	
	flex-direction:column;
	margin-bottom:2%;
	padding: 2%;
	
	
	 
	
	
	
}


 
.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .back-pay{
	width: 100%;
	margin: 0 auto;
	border-radius: 1vh;
	background: #dfdfdf;
	border:1px solid #CCC;
	
	display: flex;
	
	flex-direction:column;
	margin-bottom:2%;
	padding: 4%;
	
	
	 
	
	
	
}


 
.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .back-pay .large4 span{
	font-weight:700;
	font-size: 1.5vh;
	
	
	
	color: #01195B;
	 
	
	
	
}



.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short{
	width: 100%;
	
	display: flex;
	
	flex-direction:row;
	margin-bottom:2.5%;
	
	
	
	
	
}


.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short h3{
font-size:1.9vh;
	text-align:left;
	display:block;
	margin-bottom:0%;
	margin-top:1%;
	width:50%;
	
	
	
	font-weight:700;
	
	color: #01195B;
	
	
	
	
	
	
}
 

.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short .space{

	width:4%;

}
.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short .out{
width: 98%;
	
	display: flex;
	
	flex-direction:column;
	position:relative;
	
	border:2px solid #999;
	background-color: #fff;
	border-radius:1.1vh;
	padding:0.7%;
	
	
	
}
.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short .space{
width: 4%;
	
	
	
	 
	
}




.contenedor-programas3  .box-deli .deli-der #newpost22 #contact-pay2 .short .out input{
width: 100%;
	
	display: flex;
	
	height:4vh;
	border:0px;
	
		
	
}

 

.info-modulo .center .contenido-hide .foto .two-botons .box-responsive {
    display: grid;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
	
    height: auto;
    margin-bottom: 2%;
    margin-top: 2%;
	grid-template-columns: 72%;
    gap: 1% 1%;
	border-radius:10px;
	overflow:hidden;
	
	
}



.bajas{
  
	
  width: 18.5vh;
	display: flex;
	flex-direction: column;
	height: 26vh;
	margin-right:1vh;
	position: absolute;
	
	top:-17.5vh;
	left: 8.5vh;
	z-index: 0 !important;
	
	
 
}

.collapsible {
  background-color: #DE6826;
  color: white;text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
  cursor: pointer;
  padding: 1.2vh;
	border-radius: 2vh;
	font-weight: 600;font-size: 1.2vh;
	

  width: 100%;
	border: 0px;
  border: none;
  text-align: left;
  outline: none;
 
}

.active, .collapsible:hover {
  background-color: #143D7B;
}

.content2 {
  padding: 0 2vh;
	width: auto;
	height:40vh !important;
	margin-top:0vh;
  display: none;
	
  overflow: hidden;
  background-color: #fff;
}


.content2 a{
	text-decoration: none;
	font-size: 1.1vh;
	color: #555;
	
	display: block;
	margin-bottom:0.5vh;
	margin-top: 0.5vh;
 
}