/* 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;}
.m-b-100 {margin-bottom:100px;}


.p-0 { padding: 0; }

.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-60 {padding-top:60px;}
.p-t-70 {padding-top:70px;}
.p-t-80 {padding-top:80px;}
.p-t-90 {padding-top:90px;}
.p-t-100 {padding-top:100px;}
.p-t-200 {padding-top:200px;}
.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-50 {padding-bottom:50px;}
.p-b-60 {padding-bottom:60px;}
.p-b-70 {padding-bottom:70px;}
.p-b-80 {padding-bottom:80px;}
.p-b-90 {padding-bottom:90px;}
.p-b-100 {padding-bottom:100px;}
.p-b-150 {padding-bottom:150px;}
.p-b-160 {padding-bottom:160px;}

.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: 'Inter', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	line-height: 1.7em;
}

.servicios{ 
	color: rgba(0,0,0,1);
    font-family: 'Inter', sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	line-height: 1.7em;
}

h1 { 
	font-size: 2em;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
}
.titulo-movil { 
	font-size: 1.3em;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
}

h2 { 
	font-size: 1.9em;
	font-family: 'Inter', sans-serif;
	font-weight: 700;
}

.espacio{
	line-height: 0em;
}

.espacio-servicios{
	line-height: 1.2em;
}

h3 { 	
		font-family: 'Inter', sans-serif;
		font-weight: 700;
		font-size: 1.8em;
	}

h4 {	
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	line-height: 1.6em;}

		
/* estilos de color */

.c-servicios{
	color: rgba(126,173,166,1);
}

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

.c-azul{
	color: rgba(9,28,96,1);
}

.c-naranja{
	color: rgba(213,143,56,1);
}

.bgm-azul{
	background-color: rgba(9,28,96,1);
}


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




/* Menu principal */

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



.menu-movil li a { 
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
	color:rgba(255,255,255,1);
	cursor: pointer;
	font-size: 2em;
	font-weight: 900;
	padding: 5px 5px 
}

.menu-principal li a:hover {
	color:rgba(222,134,24,1); 
}

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


.menu-proyectos li a { 
	font-family: 'Inter', sans-serif;
	font-size: 1.3em;
	font-weight: 600;
}

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


.telefono:hover{
	color: rgba(222,134,24,1);
}

.modal-menu-movil  { background-color:rgba(9,28,96,1) !important; }

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

.close-menumovil { 
	color: white; opacity: 1;
	font-size: 3em;}
	

.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(9,28,96,0.8);
			box-shadow:0 0 10px rgba(18,55,92,0.8); }

/* Estilos de seccion */
.seccion-menu-principal{
	background-color: rgba(9,28,96,1);
}

.seccion-menu-principal-movil{
	background-color: rgba(9,28,96,1);
}


.seccion-banner-home{
	background: url(../img/home/banner-principal-01.jpg) no-repeat bottom;
	background-size: cover;
	padding: 135px 0 125px;
	
}

.seccion-banner-home-movil{
	background: url(../img/home/banner-principal-01-movil.jpg) no-repeat bottom;
	background-size: cover;
	padding: 10px 0 10px;
}

.seccion-11-años{
	background: url(../img/home/banner-nosotros.jpg) no-repeat bottom;
	background-size: cover;
	padding: 200px 0 200px;
}

.seccion-11-años-movil{
	background: url(../img/home/banner-nosotros-movil.jpg) no-repeat bottom;
	background-size: cover;
	padding: 100px 0 100px;
}

.seccion-clientes{
	background: url(../img/home/banner-clientes.jpg) no-repeat bottom;
	background-size: cover;
	padding: 100px 0 100px;
}

.seccion-clientes-movil{
	background: url(../img/home/banner-clientes-movil.jpg) no-repeat bottom;
	background-size: cover;
	padding: 100px 0 100px;
}

.seccion-nuestra-experiencia{
	background: url(../img/nosotros/nuestra-experiencia.jpg) no-repeat bottom;
	background-size: cover;
	padding: 110px 0 110px;
}


.seccion-nuestra-experiencia-movil{
	background: url(../img/nosotros/banner-acercade-movil.jpg) no-repeat bottom;
	background-size: cover;
	padding: 100px 0 0px;
}


.seccion-vision{
	background: url(../img/nosotros/banner-vision.jpg) no-repeat bottom;
	background-size: cover;
	padding: 10px 0 10px;
}

.seccion-vision-movil{
	background: url(../img/nosotros/banner-vision-movil.jpg) no-repeat bottom;
	background-size: cover;
	padding: 10px 0 10px;
}


.seccion-consultoria{
	background: url(../img/servicios/banner-consultoria.jpg) no-repeat bottom;
	background-size: cover;
	padding: 50px 0 50px;
}

.seccion-consultoria-movil{
	background: url(../img/servicios/banner-consultoria-movil.jpg) no-repeat bottom;
	background-size: cover;
	padding: 100px 0 180px;
}



.seccion-gerencia{
	background: url(../img/servicios/banner-gerencia.jpg) no-repeat bottom;
	background-size: cover;
	padding: 100px 0 140px;
}


.seccion-servicios{
	background-color: rgba(9,28,96,1);
}

.seccion-servicios-movil{
	background-color: rgba(9,28,96,1);
}


.seccion-contacto{
	background-color: rgba(9,28,96,1);
}

.seccion-contacto-movil{
	background-color: rgba(9,28,96,1);
}

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




/* estilos de botón */

.btn { 	border-radius: 0 !important;
border: 0;
padding: 10px 40px;
font-family: 'Inter', sans-serif;
font-weight: 700;
text-transform: uppercase;}


.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-naranja { 
	background: rgba(222,134,24,1); 
	color:rgba(0,0,0,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 30px !important;
	}

.btn-blanco{ 
	background: rgba(255,255,255,1); 
	color:rgba(9,28,96,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 30px !important;
}

.btn-blanco-movil{ 
	background: rgba(255,255,255,1); 
	color:rgba(222,134,24,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 30px !important;
}

.btn-proyectos{
	font-size: 0.9em;
	min-height: 50px;
	min-width: 260px;
	max-width: 260px;
	background: rgba(222,134,24,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
}

.btn-proyectos-movil{ 
	font-size: 0.9em;
	min-width: 180px;
	max-width: 180px;
	background: rgba(222,134,24,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 30px !important;
}


.btn-enviar{ 
	background: rgb(9,28,96,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 30px !important;
	}
.btn-banner{ 
	background: rgb(126,173,166,1); 
	color:rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(100,100,100,0);
	border-radius: 30px !important;
	
}

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


}


.abajo{
	margin-top: 100px;
}


.panel-formulario {
	margin-bottom: 20px;
	background-color: rgba(255,255,255,1);
	border: 0px solid;
	border-radius: 25px;
	-webkit-box-shadow: 0 1px 1px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.panel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 0px solid;
	border-radius: 25px;
	-webkit-box-shadow: 0 1px 1px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.panel-heading .accordion-toggle::after {
	/* symbol for "opening" panels */
	font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
	content: "\002b"; /* adjust as needed, taken from bootstrap.css */
	float: right;        /* adjust as needed */
	color: rgba(119,175,207,1);         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after{
	/* symbol for "collapsed" panels */
	content: "\2212"; /* adjust as needed, taken from bootstrap.css */
}

.panel-default > .panel-heading {
	color: #333;
	border: 1px solid;
	background-color: rgba(228,239,253,1); 
	padding-top: 20px;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
border: 1px solid;
border-top: none;
}



.lightbox-gallery {
    background-image: linear-gradient(#4A148C, #E53935);
    background-repeat: no-repeat;
    color: #000;
    overflow-x: hidden
}



@media (max-width:767px) {
    .lightbox-gallery h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px
    }
}

.lightbox-gallery .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 40px
}

.lightbox-gallery .intro p {
    margin-bottom: 0
}

.lightbox-gallery .photos {
    padding-bottom: 20px
}

.lightbox-gallery .item {
    padding-bottom: 30px
}




.lightbox-gallery-movil {
    background-image: linear-gradient(#4A148C, #E53935);
    background-repeat: no-repeat;
    color: #000;
    overflow-x: hidden
}

.lightbox-gallery-movil  p {
    color: #fff
}

.lightbox-gallery-movil  h2 {
    font-weight: bold;
    margin-bottom: 40px;
    padding-top: 40px;
    color: #fff
}

@media (max-width:767px) {
    .lightbox-gallery h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px
    }
}

.lightbox-gallery-movil  .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 40px
}

.lightbox-gallery-movil  .intro p {
    margin-bottom: 0
}

.lightbox-gallery-movil  .photos-movil {
    padding-bottom: 20px
}

.lightbox-gallery-movil  .item {
    padding-bottom: 30px
}



/*Estilo de boton whatssap*/
.whatsapp-float { position: fixed;
	z-index: 99;
	bottom: 20px; 
	right:20px;
	 }


.whatsapp-float p { padding: 10px 10px;
	border-radius:10px;
	margin-top:10px;
	background: rgba(0,192,75,1); }





#wrapperMenu {
	width: 50%;
	margin: 20px 0px;
}

.wrappernav-dashboard {
	/*background: #d3d3d3;*/
	/*border: 1px dashed orange;*/
	width: 100%;
	padding: 10px;
	margin: 0;
}
#menu-dashboard {
	/*border: 1px dashed red;*/
	border-left: 1px solid #bcbcbc; 
	border-right: 1px solid #bcbcbc;
	border-top: 1px solid #bcbcbc;
	border-radius: 5px;
	overflow: hidden;
}
#menu-dashboard .active a {
	background: rgba(222,134,24,1); 
	border-radius: 0;
	color: #fff;
}
#menu-dashboard li {
	border-radius: 0;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #bcbcbc; 
}
#menu-dashboard li > a {
	border-radius: 0;
	padding: 10px;
	color: #444;
}
#menu-dashboard > li > a:hover,
#menu-dashboard > li > a:focus {
	color: #fff;
	background: rgba(222,134,24,1); 
	-webkit-transition: all 1ms ease-in-out;
	-moz-transition: all 1ms ease-in-out;
	-ms-transition: all 1ms ease-in-out;
	-o-transition: all 1ms ease-in-out;
	transition: all 1ms ease-in-out;
}
#submenu {
	background: #333;
}
#submenu li {
	border: none;
}
#submenu li a {
	color: #fff;
	padding: 10px;
	margin: 0;
	text-indent: 20px;
}
#submenu li a:hover {
	background: rgba(0,0,0,.5);
}