@charset "utf-8";
/* CSS Document */

/*Color Verde= #77890B;
Color Azul= #174372;*/

/*--------------------NAV*/
.fondomenu{
	background: #fff!important;	
	margin: 0;
	padding: 0;
}

.marmenu{
	padding: 0px 150px 0px 150px;
}

.menuppal li a{
	text-align: center;
	cursor: pointer;
	padding: 50px 15px 50px 15px!important;
	font-family:'Roboto-Regular';
	font-size: 18px;
	color:#174372!important;
}

.menuppal li a:hover{
	background: #77890B;
	color:#fff!important;
}

.submenu{
	background:#174372;
	border-radius:0px;
	margin:0px;
	padding:0px;
}
	
.submenu ul li a{
	padding:10px 20px 10px 20px!important;
	color:#fff!important;
}

.logonav{
	margin-left: 0px;
}

.btnburger{
	background: #E81619;
	margin-right:0px;
}

.btnburger:hover{
	background: #174372;
}

.btnburger .inavbar-toggler-icon{
	color: #fff!important;
}

.sombranav{
	-webkit-box-shadow: 0 5px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 5px 6px -6px #777;
}

/*--------------------FONDOS DE COLORES*/

.fondogris{
	background: #efefef;
}

.fondoverde{
	background: #77890B;
	padding: 50px;	
}
.fondoverde h1{color: #fff;}
.fondoverde h5{color: #fff;}

.fondoazulfooter{
	background: #174372;
	padding: 50px;
}
.fondoazulfooter h4{text-align: left; color: #fff!important;}
.fondoazulfooter p{text-align: left; color: #fff!important;}

.superiorinicio{
	margin-top: 100px;
}
.superiorcomer{
	margin-top: 120px;
}
/*------Servicios*/
.marservic{margin: 0px 50px;}
/*------Servicios*/

/*--------------------TEXTOS Y FUENTES*/
.txtconstruccion{
	font-family: 'Roboto-Bold';
	font-size:40px;
	text-align:center;
	color: #fff;	
}

p{
	font-family: 'Roboto-Regular';
	text-align:justify;
	color:#232322;
	font-size:16px;
}

h1{
	font-family: 'Roboto-Bold';
	color: #174372;
	font-size: 45px;	
	text-align: center;
}

h3{
	font-family: 'Roboto-Bold';
	text-align:justify;
	color:#232322;
}

h4{
	text-align: center;
	font-family: 'Roboto-Bold';
	color: #174372;
}

/*Footer*/

.botonesfooter {
	text-decoration: none;
	color: #fff;	
}

.botonesfooter:hover {
	text-decoration: none;
	color: #77890B;	
}

.botonesfooter a{
	font-family:'Roboto-Regular';
	font-size: 18px;
	color: #fff!important;
}

.botonesfooter a:hover{
	text-decoration: none;
	color: #77890B!important;
}

/*---------------------------------------------------------------------------------Responsive*/
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.marmenu{padding: 0px 50px 0px 50px!important;}
	.superiorcomer{margin-top: 150px;}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.superiorcomer{margin-top: 90px;}
	.marmenu{padding: 0px!important;}
	.menuppal li a{	padding: 10px 25px 10px 25px!important;}
	.logonav{margin-left: 50px;}
	.btnburger{background: #77890B; margin-right:50px;}
	.btnburger:hover{background: #77890B;}
	.btnburger .inavbar-toggler-icon{color: #fff!important;}	
	.superiorinicio{margin-top: 90px;}
}

/* xs */
@media (min-width: 480px) and (max-width: 767px) {		
	p{font-size:14px;}
	h1{font-size: 30px;}	
	.superiorcomer{margin-top: 90px;}
	.marmenu{padding: 0px!important;}
	.menuppal li a{	padding: 10px 25px 10px 25px!important;}
	.logonav{margin-left: 30px;}
	.btnburger{background: #77890B; margin-right:30px!important;}
	.btnburger:hover{background: #77890B;}
	.btnburger .inavbar-toggler-icon{color: #fff!important;}	
	.superiorinicio{margin-top: 90px;}	
	.fondoverde{padding: 30px;}
	.fondoverde h1{color: #fff;}
	.fondoverde h5{color: #fff; font-size: 17px;}
	.marservic{margin: 0px;}
}

/* XS Portrait */
@media (max-width: 479px) {
	.superiorcomer{margin-top: 80px;}
	.marmenu{padding: 0px!important;}
	.menuppal li a{	padding: 10px 25px 10px 25px!important;}
	.logonav{margin-left: 20px; width: 60%;}
	.btnburger{background: #77890B; margin-right:20px!important;}
	.btnburger:hover{background: #77890B;}
	.btnburger .inavbar-toggler-icon{color: #fff!important;}
	.superiorinicio{margin-top: 60px;}
	.marservic{margin: 0px;}
}
