#servicios{
	background: url(../img/bg.jpg);
}
#servicios h1{
text-transform: uppercase;
border-bottom: solid 1px #fff;
padding-bottom: 10px;
font-size: 30px;
color: #fff;
font-family: "AmazingGrotesk-UltraItalic";
margin-top: 33px;
}

#servicios h2{
  font-size: 30px;
  text-align:left;
  color: #fff;
  font-weight: normal;
  margin-top: 2px;
  line-height:40px;
  border-bottom: 3px solid #fff;
  font-family:"AmazingGrotesk-UltraItalic";
}
#servicios p{
  font-size: 18px;
  text-align:left;
  color:#fff;
  font-weight: normal;
  margin-top: 11px;
}
.diseno-contenido{
	 margin-top: 80px;
	margin-bottom: 80px;
}
.diseno2{
	background: #000542a3;
	padding: 15px;
}
.btn-ser{
  float: left;
  position: relative;
  margin-top: 30px;
  width: 100%;
}
.title-ser{
  font-family: 'Cuprum', sans-serif;
  margin-top: 20px;
  color: #fff;
  background: #72b932;
  padding: 10px;
  font-size: 18px;
  text-transform: uppercase;
  display: block;
  margin: 10px auto;
  width: 70%;
  text-align: center;
}
.btn-ser:hover .title-ser{
  background: #000;
  text-decoration: none;
}
.servicios-b{
  padding-bottom: 30px;
  float: left;
  position: relative;
  width: 100%;
  margin-top: 10px;
}
.servicios-b h2{
  font-family:"Neou Bold";
  font-size: 31px;
  color: #72b932;
  font-weight: normal;
  margin-top: 40px;
}
.servicio{
  float: left;
  position: relative;
  width: 100%;
  margin-top: 30px;
}
.servicio-caption{
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #D0262B;
  width: 100%;
  padding: 15px;
  font-family: 'Cuprum', sans-serif;
  color: #FFF;
  font-size: 28px;
}
.servicio-caption:hover{
  background: #000;
  color: #FFF;

}
.mas{
  position: absolute;
  right: 15px;
  top: 15px;
  color: #FFF;
}
#servicios-bg{
  background: url(../img/servicios-bg.jpg) no-repeat center top;
  padding: 220px 0px;
}
#servicios-bg h1{
  font-family:"Neou Bold";
  font-size:33px;
  text-align: center;
  color: #FFF;
}
@media (max-width: 780px){
  #servicios-bg{
    padding: 20px 0px;
  }
  #servicios-bg h1{
    font-size: 28px;
  }
  #empresa-texto h1 {
    color: #72B932;
    font-family: "Neou Thin";
    font-size: 28px;
}
}
#titulo-servicios{
  margin-top: 100px;
}
#titulo-servicios h1{
  font-family:"Neou Bold";
  font-size: 34px;
  text-align: right;
  border-bottom: solid 1px #72b932;
  padding-bottom: 10px;
  color: #72b932;
}
#titulo-servicios a{
  float: right;
  font-family: 'Cuprum', sans-serif;
  font-size: 20px;
  padding: 10px;
  margin-top: 20px;
  position: relative;
  background: #72b932;
  color: #FFF;
}
#servicios-fotos{
  margin-top: 10px;
  padding-bottom: 50px;
}
.servicio-foto{
  float: left;
  position: relative;
  width: 100%;
  margin-top: 20px;
}
.ser-foto-cap{
  float: left;
  position: relative;
  margin-top: 3px;
  background: #72b932;
  color: #FFF;
  font-family: 'Cuprum', sans-serif;
  padding: 10px;
  width: 100%;
  font-size: 20px;
  z-index: 20;
}
.ser-mas{
  display: none;
}
.servicio-foto:hover .ser-mas{
  width: 100%;
  display: block;
  height: 100%;
  position: absolute;
  left: 0px;
  z-index: 10;
  top: 0px;
  background: rgba(0, 0, 0, 0.20);
}
.mas-s{
  color: #FFF;
  font-size: 40px;
  text-align: center;
  width: 100%;
  margin-top: 25%;
}
.photo2 {
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	height: 500px;
	position: relative;
  background-image: url(../img/servicios-bg.jpg);
}
.photo2 h1{
  font-family:"Neou Bold";
  font-size: 25px;
  color: #FFF;
  text-align: center;
  margin-top: 200px;
}
.photo2 h1{
  font-family:"Neou Bold";
  font-size:33px;
  text-align: center;
  color: #FFF;
}
@media (max-width: 780px){
  .photo2 h1{
    font-size: 28px;
    margin-top: 80px;
  }
}
#contacto{
  border-top: solid 1px #828282;
  padding-top: 40px;
  margin-top: 100px;
}
#texto-cont h1{
  font-family:"Neou Bold";
  font-size: 34px;
  color: #72b932;
}
#texto-cont p{
  text-align: justify;
  font-family: 'Cuprum', sans-serif;
  margin-bottom: 20px;
  margin-top: 30px;
}
#texto-cont img{
  float: right;
}
#formulario{
  margin-bottom: 10px;
}
#formulario h2{
  font-family: 'Cuprum', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 6px;
	}
#formulario input{
	width:100%;
	background-color:transparent;
	border:solid 1px #72b932;
	color:#000;
	font-family: 'Cuprum', sans-serif;
	font-size:16px;
	padding:10px;
	margin-top:2px;
	}
#formulario textarea{
	width:100%;
  background-color:transparent;
	border:solid 1px #72b932;
	color:#000;
	font-family: 'Cuprum', sans-serif;
	font-size:16px;
	padding:15px;
	height:95px;
	margin-bottom:7px;
	margin-top:2px;
	}
#enviar{
	width:90px !important;
	cursor:pointer;
	position:relative;
	float:right;
	font-size:16px !important;
	color:#FFF !important;
	text-align:center;
  font-family: 'Cuprum', sans-serif;
	background:#72b932 !important;
	margin-top:5px !important;
	margin-bottom:0px !important;
	padding:10px 0px !important;
	margin-right:15px;
    border: solid 1px #000 !important;
	}
#enviar:hover{
	background:#000 !important;
	}
#borrar{
	width:90px !important;
	cursor:pointer;
	position:relative;
	float:right;
	font-size:16px !important;
	color:#FFF !important;
	text-align:center;
  font-family: 'Cuprum', sans-serif;
  background:#72b932 !important;
	margin-top:5px !important;
	margin-bottom:0px !important;
	padding:10px 0px !important;
  border: solid 1px #000 !important;
	}
#borrar:hover{
	background:#000 !important;
	}
#mapa{
  margin-top: 30px;
  padding-bottom: 20px;
}
#mapa h1{
  font-family:"Neou Bold";
  font-size: 34px;
  color: #72b932;
  text-align: center;
}
#map{
	height:315px;
	margin-bottom:30px;
	margin-top:30px;
  border: solid 1px #72b932;
	}
#ampliar{
	background:url(../img/ampliar.png);
  width: 122px;
  height: 132px;
	position:absolute;
	bottom:-15px;
  right: 15px;
	}
#ampliar:hover{
	background:url(../img/ampliar-h.png);
	}


@media (max-width:900px) and (min-width:780px){
header{
  height:auto;
  box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.6);
  z-index: 1;
  position:relative;
  float:left;
}
#navbar a{
  font-family:"Neou Bold";
  color: #FFF;
  font-size: 14px;
  text-transform: uppercase;
  float: left;
  position: relative;
  padding:10px 18px;
  margin-left: 20px;
  margin-top:10px;
}

}


@media (max-width:1200px) and (min-width:900px){
header{
  height:auto;
  box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.6);
  z-index: 1;
  position:relative;
  float:left;
}

#navbar a{
  font-family:"Neou Bold";
  color: #FFF;
  font-size: 16px;
  text-transform: uppercase;
  float: left;
  position: relative;
  padding:10px 30px;
  margin-top:8px;
}
}


@media (max-width:1600px) and (min-width:1200px){
header{
  box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.6);
  z-index: 1;
  position:relative;
  float:left;
}

#navbar a{
  font-family:"Neou Bold";
  color: #FFF;
  font-size: 14px;
  text-transform: uppercase;
  float: left;
  position: relative;
  padding:10px 8px;
}
}