body {
font-family: 'Open Sans', Arial, sans-serif;
font-size:16px;
font-smooth: always;
font-smooth: 2em;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
overflow-x:hidden;
background:#fff;
}

@media (max-width: 1160px) {

	body {
		font-size:11px;
	}

}

a, a:hover {
text-decoration:none;
color:#000;
}

.container-fluid {
padding:0px;
}

main {
margin:0px;
padding:0px !important;
}

.row {
}

.container {
}

.gigante {
height:4000px;
background:#f0f;
}

.mhp-cabecera h1 {
float:left;
width:100%;
text-align:center;
font-size:1em;
color:#000;
text-transform:uppercase;
font-weight:500;
margin:28px 0px;
}
 
.mhp-trabajos div {
padding:0px 10px 20px 10px;
}

.mhp-trabajos div img {
float:left;
width:100%;
height:auto;
}

.mhp-slider {
padding: 0px 10px;
}

.mhp-obra {
padding: 0px 10px;
}


.mhp-detalle {
background:#f0f8f4;	
padding:20px;
min-height:500px;
}

.mhp-detalle h1,
.mhp-detalle p {
color:#4d4d4d;
font-size:1em;
font-weight:400;
}

.mhp-detalle a {
color:#4d4d4d;
font-size:1em;
font-weight:400;
text-decoration:underline;
}

.mhp-detalle a:hover {
text-decoration:none;
}

.mhp-detalle h1 {
font-weight:600;
}

.mhp-detalle h2 {
color:#4d4d4d;
font-size:0.8em;
font-style:italic;
margin-bottom:20px;
}

.mhp-detalle-arriba {
position: absolute;
top: 20px;
height: calc(100% - 150px);
width: calc(100% - 25px);
padding-right:5px;
overflow: auto;	
}

.mhp-detalle-abajo {
position: absolute;
bottom: 20px;
height: 100px;
width: calc(100% - 40px);
overflow: hidden;
text-align:right;
}

.mhp-detalle-arriba::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

.mhp-detalle-arriba::-webkit-scrollbar-track {
  background: rgba(114, 167, 132, 0.2);        /* color of the tracking area */
}

.mhp-detalle-arriba::-webkit-scrollbar-thumb {
  background-color: rgba(114, 167, 132, 0.8);    /* color of the scroll thumb */
}


.frame {
  text-align: center; 
  position: relative;
  cursor: pointer;  
  perspective: 500px; 
}
.frame img {
  width: 100%;
  height: auto;
}
.frame .details {
  width: calc(90% - 20px);
  height: calc(90% - 20px);  
  padding: 0%;
  position: absolute;
  content: "";
  top: calc(50% - 10px);
  left: 50%;
  transform: translate(-50%, -50%) rotateY(90deg);
  background: rgba(114,167,132,0.8);  
  opacity: 0;
  transition: all 0.4s ease-in;
  display: flex;
  flex-direction: column;
  justify-content: center;
  resize: vertical;
  overflow: auto;
}
.frame:hover .details {
  transform: translate(-50%, -50%) rotateY(0deg);
  opacity: 1;
}
.frame .details h1,
.frame .details p {
color:#fff;
font-size:1em;
font-weight:400;
text-transform:uppercase;
margin: 0;
}

.mhp-imagen img {
border-radius: 50%;
width:70%;
margin:15%;
height:auto;
}



.mhp-detalle input[type="text"],
.mhp-detalle textarea,
.mhp-detalle input[type="email"] {
float:left;
width:100%;
color:#000;
padding:10px;
font-size:1em;
font-weight:400;
border:1px solid;
background:none;
border-color: rgba(114, 167, 132, 0.8);
margin-bottom:10px;
}

.mhp-detalle textarea {
height:100px;	
}

.mhp-detalle input[type="submit"] {
float:left;
width:100%;
color:#fff;
padding:10px;
font-size:1em;
font-weight:400;
border:0px solid;
background:none;
text-align:center;
background: rgba(114, 167, 132, 0.8);	
}

.mhp-detalle input[type="submit"]:hover {
color: rgba(114, 167, 132, 0.8);
background:#fff;
}





@media (max-width: 992px) {
	
	
	
}

@media (max-width: 768px) {
	
	
}