/* Estilos de margen y tamaño */

.m-t-10 {margin-top:10px;}
.m-t-20 {margin-top:20px;}
.m-t-30 {margin-top:30px;}
.m-t-40 {margin-top:40px;}
.m-t-50 {margin-top:50px;}

.m-b-10 {margin-bottom:10px;}
.m-b-20 {margin-bottom:20px;}
.m-b-30 {margin-bottom:30px;}
.m-b-40 {margin-bottom:40px;}
.m-b-50 {margin-bottom:50px;}


.p-0 { padding: 0; }
.p-t-5 {padding-top:5px;}
.p-t-10 {padding-top:10px;}
.p-t-20 {padding-top:20px;}
.p-t-30 {padding-top:30px;}
.p-t-40 {padding-top:40px;}
.p-t-50 {padding-top:50px;}
.p-t-100 {padding-top:100px;}
.p-t-150 {padding-top:150px;}
.p-t-200 {padding-top:200px;}
.p-t-250 {padding-top:250px;}
.p-t-300 {padding-top:300px;}



.p-b-10 {padding-bottom:10px;}
.p-b-20 {padding-bottom:20px;}
.p-b-30 {padding-bottom:30px;}
.p-b-40 {padding-bottom:40px;}
.p-b-45 {padding-bottom:45px;}
.p-b-50 {padding-bottom:50px;}
.p-b-100 {padding-bottom:100px;}
.p-b-145 {padding-bottom:145px;}



.p-l-40 {padding-left:40px;}

.m-l-30 {margin-left:30px;}
.m-l-40 {margin-left:40px;}


.p-r-40 {padding-right:40px;}









/* Estilos de textos */

p{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1em;

}


h1 { 	
	font-weight: 600;
	font-size: 4em;
}

h2 { 	
	font-weight: 600;
	font-size: 1.8em;

}

h3 { 	
	font-weight: 600;
	font-size: 1.8em;
}

h4 {		
	font-weight: 500;
	line-height: 1.6em;
}

.servicios{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1.2em;
}

.sub-textos{
	font-family: 'Montserrat', sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 1.2em;

}
	

.titulo-proyecto-movil{ 	
	font-size: 1.3em;

}

.menu-movil{ 	
	font-weight: 600;
	font-size: 3em;
}
/* estilos de color */

.c-verde{
	color: rgba(124,180,180,1);
}

.c-titulos{
	color: rgba(28,72,95,1);
}

.c-blanco{
	color: rgba(255,255,255,1);
}

/* Menu principal */

.modal-menu-movil  { background-color:rgba(124,180,180,1) !important; }

#modal-menu-movil .modal-content { 
					background:none;
					box-shadow: none;
					border: 0; 
}

.navbar-top { 	position: fixed;
	z-index: 999;
	width: 100%; 
	background:rgba(1,65,102,0);
	box-shadow:0 0 10px rgba(0,0,0,0);
	}
	
.navbar-top-2 { background:rgba(124,180,180,0.7);
				box-shadow:0 0 10px rgba(124,180,180,0.7); }

/* Estilos de seccion */

.menu-principal li a {
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	color:rgba(255,255,255,1);
	cursor: pointer;
	font-size: 1.2em;
	font-weight: 500;
	padding: 5px 5px 
}

.menu-principal li a:hover{
	color: rgba(124,180,180,1);
}

.menu-movil li a {
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	color:rgba(255,255,255,1);
	cursor: pointer;
	font-size: 0.7em;
	font-weight: 500;
}

.menu-movil li  { 
	list-style: none;
}

.seccion-banner{

	background: url(../img/incuadra-banner.jpg);
	background-size: cover;
	padding: 100px 0 380px;

}


.seccion-banner-movil{

	background: url(../img/incuadra-banner-movil.jpg);
	background-size: cover;
	padding: 100px 0 100px;

}

.seccion-mision{

	background: url(../img/incuadra-banner-mision.jpg);
	background-size: cover;
	padding: 100px 0 158px;

}

.seccion-vision{

	background: url(../img/incuadra-banner-vision.jpg);
	background-size: cover;
	padding: 100px 0 158px;

}


.seccion-servicios{
	background-color: rgba(242,242,242,1);
}

.seccion-fortalezas{
	background-color: rgba(242,242,242,1);
}

.seccion-footer{
	background-color: rgba(28,72,95,1);
}


/* estilos de botón */

.btn { 	
border: 0;
padding: 10px 40px;
font-family: "Montserrat", sans-serif;
}

.btn-contactanos { 	
	border-radius: 20px !important;
	background: rgba(124,180,180,1); 
	color:rgba(255,255,255,1);
   box-shadow: 0 0 0 rgba(100,100,100,0);
}


.btn-negro { 	background: rgba(0,0,0,1); 
		 color:rgba(255,255,255,1);
		box-shadow: 0 0 0 rgba(100,100,100,0);}

.btn-negro:hover { 	background: rgba(0,0,0,1); 
			 color:rgba(255,255,255,1);
			 box-shadow: 0 6px 0 rgba(100,100,100,0.8);}

.btn-conoce { 	
	font-weight: 500;
	background: rgba(0,0,0,0);
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(0,0,0,1);
	border-radius: 20px !important;
	border:4px solid rgba(124,180,180,1);
}
			

.btn-proyectos { 	
	font-weight: 500;
	background: rgba(0,0,0,0);
	color:rgba(124,180,180,1);
	box-shadow: 0 0 0 rgba(0,0,0,1);
	border-radius: 20px !important;
	border:4px solid rgba(124,180,180,1);
}

.btn-contactanos-proyectos { 	
	font-weight: 500;
	background: rgba(24,63,83,1); 
	color:rgba(255,255,255,1);
	border-radius: 20px !important;
   	box-shadow: 0 0 0 rgba(100,100,100,0);
}


.btn-contactanos-modal{ 	
	font-weight: 500;
	background: rgba(24,63,83,1); 
	color:rgba(255,255,255,1);
	border-radius: 20px !important;
   	box-shadow: 0 0 0 rgba(100,100,100,0);
}


/* Estilos de bootstrap */





.carousel-control.right { background-image: none; }

.carousel-control.left { background-image: none; }



/* Portrait and Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) { 


}

.panel-servicios {
    margin-bottom: 0px;
	color: rgba(255,255,255,1);
    background-color: rgba(124,180,180,1);
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}


.close-modal-proyectos { color: rgba(124,180,180,1); opacity: 1;
	font-size: 3em;
}

.close-menu-movil { color: rgba(0255,255,255,1); opacity: 1;
	font-size: 3em;
}