body{
	font-family: 'Open Sans', sans-serif;
}
nav.navbar.navbar-inverse.navbar-fixed-top{
	height:80px;
	background:white;
	border:0;
	padding:0;
	box-shadow:0px 0px 20px rgba(0,0,0, .5);
}
.navbar-brand{
	display:block;
	padding:10px 15px;
}
.navbar-collapse{
	background:#274186;
	float:right;
	height:40px;
}
.navbar-toggle {
	top:15px;
	background:#333;
}
.menu{
	list-style:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7aa00+0,f7aa00+52,fdc600+52,fdc600+100 */
background: #f7aa00; /* Old browsers */
background: -moz-linear-gradient(top, #f7aa00 0%, #f7aa00 52%, #fdc600 52%, #fdc600 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7aa00 0%,#f7aa00 52%,#fdc600 52%,#fdc600 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7aa00 0%,#f7aa00 52%,#fdc600 52%,#fdc600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7aa00', endColorstr='#fdc600',GradientType=0 ); /* IE6-9 */
	margin-bottom:0;
}
.menu li{
	display:inline-block;
	height:30px;
	padding:5px 25px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7aa00+0,f7aa00+52,fdc600+52,fdc600+100 */
background: #f7aa00; /* Old browsers */
background: -moz-linear-gradient(top, #f7aa00 0%, #f7aa00 52%, #fdc600 52%, #fdc600 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7aa00 0%,#f7aa00 52%,#fdc600 52%,#fdc600 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7aa00 0%,#f7aa00 52%,#fdc600 52%,#fdc600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7aa00', endColorstr='#fdc600',GradientType=0 ); /* IE6-9 */
}
.menu li a{
	text-decoration:none;
	color:#274186;
}
.info{
	height:50px;
	color:#fff;
	font-size:12px;
}
.info-element{
	display:inline-block;
	padding:15px;
}
.info-element i{
	margin-right: 10px;
	font-size:12px;
	background:#EB6659;
	border-radius:50%;
	padding:5px 0;
	width:22px;
	color:#274186;
	text-align:center;
	vertical-align:middle;
}

.info-element.light-blue i{
	background:#89D1F3;
}
.info-element.yellow i{
	background:#FFD165;
}
.jumbotron{
	padding-bottom:0;
	padding-top:78px;
}
.jumbotron img{
	width:100%;
}
.over-layer, .over-layer-2{
	position:relative;
	background: url('../img/nuestra-mision.jpg') no-repeat left top;
	background-size:cover;
	min-height:250px;

}
.over-layer-2{
	background: url('../img/nuestra-vision.jpg') no-repeat left top;
	background-size:cover;
}

.layer h2{
	text-align:center;
	z-index:999999;
	color:white;
	padding:75px 45px 0;
	font-size:22px;
}
.layer h2 span{
	color:#FFED00;
}

h2.blue, .blue{
	color:#274186;

}
strong.blue{
	font-weight:700;
}
.layer {
    background-color: rgba(40, 65, 135, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background 0.3s ease-out;
}
.over-layer:hover .layer, .over-layer-2:hover .layer{
	background:rgba(40, 65, 135, 0.3);

}

.empresa{
	background:#FFCD00;
	margin-top:30px;
	position:relative;
}
.empresa-link{
	display:inline-block;
	height:280px;
	width:100%;
	cursor:pointer;

}
.empresa-link:hover{
	background:#274186;
	text-decoration:none;
	transition: background 0.3s ease-out;
}
.empresa-link:hover h4{
	color:#FFCD00;
	text-decoration:none;
}
.center-img{
	text-align:center;
	margin:0 auto;
	display:block;
}
.empresa h4{
	text-align:center;
	padding:30px;
	color:#274186;
}

.concreto{
	background: url(../img/concreto.jpg)no-repeat left top;
	background-size:cover;
	padding-bottom:60px;
	height:420px;
}
.concreto .tab-pane{
	height:280px;

}

.title{
	color:#274186;
	font-size:32px;
	padding:50px 40px;
}
.title span{
	color: white;
}
.concreto p{
	color:white;
	padding:40px 20px;
	font-size:16px;
}
.link-1, .link-2, .link-3, .link-4{
	background: url("../img/ACTIVIDADES_INFRAESTRUCTURA.png")no-repeat left top;
	background-size:100%;
	width:100%;
	display:block;
	text-align:center;
	height:100%;
	padding:15px 10px;
	color:white;
	font-weight:bold;
	text-decoration:none;
	transition: background 0.3s ease-out;
}
.link-4{
	padding:15px 20px;
}
.link-1 span, .link-2 span, .link-3 span, .link-4 span{
	color:#FFEC00;
}
.link-1:hover, .link-2:hover, .link-3:hover, .link-4:hover, .link-1:focus, .link-2:focus, .link-3:focus, .link-4:focus{
	color:#FFEC00;
	text-decoration:none;
	opacity:.8;
}

.link-1:hover, .link-1:focus{
	background: url("../img/ACTIVIDADES_INFRAESTRUCTURA_2.png")no-repeat left top;
	background-size:100%;
}
.link-1:hover span, .link-2:hover span, .link-3:hover span, .link-4:hover span, .link-1:focus span, .link-2:focus span, .link-3:focus span, .link-4:focus span{
	color:#FFEC00;
}
.link-2{
	background: url("../img/ACTIVIDADES_MANTENCION.png")no-repeat left top;
	background-size:100%;
}
.link-2:hover, .link-2:focus{
	background: url("../img/ACTIVIDADES_MANTENCION_2.png")no-repeat left top;
	background-size:100%;
}
.link-3{
	background: url("../img/TRABAJABILIDAD_OPERACIONAL.png")no-repeat left top;
	background-size:100%;
}
.link-3:hover,.link-3:focus {
	background: url("../img/TRABAJABILIDAD_OPERACIONAL_2.png")no-repeat left top;
	background-size:100%;
}
.link-4{
	background: url("../img/FORMATO_PRESTACION.png")no-repeat left top;
	background-size:100%;
}
.link-4:hover,.link-4:focus{
	background: url("../img/FORMATO_PRESTACION_2.png")no-repeat left top;
	background-size:100%;
}
.link-1:hover h4, .link-2:hover h4, .link-3:hover h4, .link-4:hover h4, .link-1:focus h4, .link-2:focus h4, .link-3:focus h4, .link-4:focus h4{
	opacity:1!important;
	position:relative;
	text-shadow:2px 2px 4px rgba(0,0,0,0.8);
}
.proyectos .banner{
	background: url("../img/BANNER_3.png")no-repeat left top;
	/*border-top:8px solid #FFCD00;
	border-bottom:8px solid #FFCD00;*/
	height:180px;
	background-size:cover;
	margin-bottom:30px;
}
.proyectos-title{
	color:white;
	font-weight:bold;
	padding:20px 0;
}
.proyectos-title img{
	margin-right:20px;
}
.proyectos{
	padding-bottom:60px;
	/*border-bottom:20px solid #FFCD00;*/
}
.link-5, .link-6, .link-7, .link-8, .link-9, .link-10{
	background: url("../img/DECORACION_INTERIORES.png")no-repeat left top;
	background-size:100%;
	width:180px;
	display:block;
	text-align:center;
	height:126px;
	padding:35px 10px 0;
	color:white;
	font-weight:bold;
	text-decoration:none;
	margin:40px auto 0;
	transition: opacity 0.3s ease-out;
}
.link-5:hover, .link-6:hover, .link-7:hover, .link-8:hover, .link-9:hover, .link-10:hover, .link-5:focus, .link-6:focus, .link-7:focus, .link-8:focus, .link-9:focus, .link-10:focus{
	color:#FFCD00;
	text-decoration:none;
	opacity:0.6;
}

.link-6{
	background: url("../img/OFICINA.png")no-repeat left top;
	background-size:100%;
}
.link-7{
	background: url("../img/OBRAS_EXTERIORES.png")no-repeat left top;
	background-size:100%;
}
.link-8{
	background: url("../img/BANOS.png")no-repeat left top;
	background-size:100%;
}
.link-9{
	background: url("../img/MOVIMIENTO_TIERRA.png")no-repeat left top;
	background-size:100%;
}
.link-10{
	background: url("../img/ESTRUCTURA_METALICA.png")no-repeat left top;
	background-size:100%;
}
.clientes{
	padding-bottom:60px;
}
.clientes-title{
	margin:0 auto;
	color:#274186;
	text-align:center;
	padding:40px 0;
}
.carrusel div{
	padding:10px 20px;
}
.carrusel div img{
	width:100%;
}
.contacto{
	height:432px;
	position:relative;
	background:#fff;
}
.bg-image{
	background: url(../img/CONTACTO_12.png) no-repeat center center;
	height:480px;
	background-size:cover;
}
.bg-blue{
	background: #274186;
}

.contents{
	position:absolute;
	top: 10px;
}
.contact-form{
	margin:0 auto;
	display:block;
	text-align:center;
}
.contacto{
	background: url(../img/bg-repeat.png) repeat-y center center;
	height:auto;
}
#success{
	color:white;
	display:block;
	text-align:center;
}
.contact-form label{
	width:100px;
	vertical-align:middle;
	display:inline-block;
	padding-top:5px;
	text-align:left;
	color:#FFCD00;
	font-size:16px;
}
.contact-form input, .contact-form textarea{
	width:300px;
	padding:5px 5px;
	margin:10px;
}
.contact-form .enviar{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7aa00+0,f7aa00+52,fdc600+52,fdc600+100 */
background: #f7aa00; /* Old browsers */
background: -moz-linear-gradient(top, #f7aa00 0%, #f7aa00 52%, #fdc600 52%, #fdc600 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7aa00 0%,#f7aa00 52%,#fdc600 52%,#fdc600 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7aa00 0%,#f7aa00 52%,#fdc600 52%,#fdc600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7aa00', endColorstr='#fdc600',GradientType=0 ); /* IE6-9 */
	margin-bottom:0;
	border:0;
	height:35px;
	padding:5px 35px;
	font-size:16px;
	float:right;
	margin-right:80px;
	margin-bottom:30px;
}
.contact-form textarea{
	height:80px;
}
.bg-image h2{
	text-align:center;
	padding:15px 0;
	font-size: 26px;
	font-weight:bold;
}
.bg-blue h2{
	text-align:center;
	padding:15px 0;
	color:#FFCD00;
	font-size: 26px;
	font-weight:bold;
}
.contacto .info{
	padding:30px;
}
.contacto .info-element{
	font-size:20px;
	display:block;
	color:#274186;
	margin-bottom:20px;
}
.contacto .info-element i{
	font-size:26px;
	margin-right:20px;
	color:white;
	width:45px;
	padding:10px 0;
}
.text-pop-up{
	width:45%;
	background:#274186!important;
	color:white;
	padding:40px!important;
}
.text-pop-up h2{
	color:#FFED00;
	text-align:center;
	padding-bottom:20px;
}
.text-pop-up p{
	font-size:16px;
	line-height:160%!important;
}
label.error{
	display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 10px;
    font-weight: 200;
    float: right;
    text-align: center;
}
.especial{
	position:relative;
	top:80px;
}
@media (max-width: 1023px) {
.navbar-collapse {
    width: 82%;
}	
.info-element {
    display: inline-block;
    padding: 8px;
}
.menu li {
    padding: 5px 16px;
}
.title {
    font-size: 28px;
    padding: 20px;
}
.concreto p {
    padding: 15px 20px;
    font-size:16px;
}
.link-1, .link-2, .link-3, .link-4 {
	padding: 10px;
	margin: 0px 0 20px 0;
}
.link-4 {
    padding: 10px 20px;
}
.link-1 h4, .link-2 h4, .link-3 h4, .link-4 h4{
	font-size:15px;
    
}
.concreto .tab-pane {
    height: 226px;
}
.concreto{
	height: 500px;
}
.contact-form .enviar {
margin-right:20px;
}
}
@media (max-width: 767px) {
	.text-pop-up{
	width:90%;
}
.jumbotron{
	padding-top:78px;
	margin-bottom:0px;
}
.jumbotron img{
	height:100px;
	width:auto;
}
.contacto{
	background: white;
	height:auto;
}
.bg-image{
	height:400px;
}
.bg-blue{
	height:600px;
}

.contacto .info{
	padding:0px;
}
.title{
	padding:15px 40px;
	font-size: 22px;
}
.proyectos-title{
	font-size:16px;
}
.concreto{
	height:950px;
}
.concreto .tab-pane {
	height:360px;
}
.concreto p{
	padding:10px;
	font-size:100%;
}
.link-1, .link-2, .link-3, .link-4{
	margin:15px auto;
}
.proyectos .banner {
	height:120px;
	padding:0;
	margin-bottom:15px;
}
.proyectos-title{
	padding:0;
}
.empresa h4 {
	padding:15px;
}
.empresa-link{
	height:220px;
}
.contacto .info-element {
	font-size:16px;
}
.especial{
	position:relative;
	top:0;
}
.link-5, .link-6, .link-7, .link-8, .link-9, .link-10 {
	margin:15px auto 0;
	width:280px;
}
.clientes-title {
    font-size:24px;
    padding: 15px 0;
}
.clientes{
	padding-bottom:0px;
}
.bg-image h2 {
    padding: 35px 0 0 0;
    font-size: 20px;
}
.contact-form input, .contact-form textarea {
	width:100%;
	margin:0;
}
.bg-blue h2 {
    padding: 35px 0 15px 0;
    font-size: 20px;
}
.contact-form label{
	width:100%;
}
.contact-form .enviar{
	margin:20px auto 0 auto;
	padding:0;
}
.carrusel div{
	padding:0;
}
.proyectos{
	padding-bottom:40px;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.container>.navbar-collapse{
	margin-left:0;
}
.navbar-collapse{
	width:100%;
	float:none;
	position:fixed;
	left:0;
	padding-left:0;
	padding-right:0;
	right:0;
}
.navbar-collapse.collapse{
	margin-top:30px;
	height: 0;
	right:0;
}
.navbar-collapse.in{
	position:fixed;
	height:100%;
	left:0;
	right:0;
	margin-top:30px;
	transition:  0.3s linear;
}
.collapsing {
	transition:  0.3s linear;
	  position: fixed;
	  height: 100%;	
	  margin-top:30px;
	  left:0;
	  right:0;
	  overflow: hidden;
	}
	.menu{
	background: #f7aa00; /* Old browsers */
	padding:0;
	margin:0;
	}
.menu li{
	display:block;
	height:41px;
	padding:10px;
	text-align:center;
	border:1px solid #274186 ;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7aa00+0,f7aa00+52,fdc600+52,fdc600+100 */
background: #f7aa00; /* Old browsers */
}
.navbar-nav {
	margin:0;
}
.info{
	height:auto;
}
address{
	margin-bottom:0px;
}
.info-element{
	display:block;
	padding:10px 45px;
}

.info-element.light-blue i{
	background:#89D1F3;
}
.info-element.yellow i{
	background:#FFD165;
}
}