/* Add here all your CSS customizations */
.person{
	color: #0088cc;
}

.opacar img {
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;}

.opacar:hover img {
filter:alpha(opacity=100)3000;
-moz-opacity: 1.0;
opacity: 1.0;
}

.opacity{
	margin: 0 auto;
   background-color:#6c6c6c;
   opacity:0.9; /* Opacidad 60% */

}

/* --- Map --- */
.map{
	position:relative;
	margin-top:-50px;
	margin-bottom:40px;
}

.map iframe{
	width:100%;
	height:450px;
	border:none;
}

.map-grid iframe{
	width:100%;
	height:350px;
	border:none;
	margin:0 0 -5px 0;
	padding:0;
}

/* --- Header Logo --- */

#header .logo h1 {
	display: inline-block;
	bottom: 0;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.face{
	position: relative;
	top: -6.8px;
}

.boton{
width: 125px;
  /*margin: 40px auto;*/
}

.centerbtn{ 
    width:100%; left:0;
    text-align:center;
    margin:auto;
    /*position: relative; top: 50%; transform: translateY(-50%) translateX(30%); width: 100%;*/
}

@media screen (max-width: 992px) {
    .media-button {
        transition: all 0s ease 0s;
        min-height: 0px;
        min-width: 0px;
        line-height: 7px;
        border-width: 0px;
        margin: 0px;
        padding: 16px 9px !important;
        letter-spacing: 0px;
        font-size: 16px !important;
        left: 80px !important;
        top: 50% !important;
        backface-visibility: visible;
        visibility: visible;
        opacity: 1;
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1);
        transform-origin: 50% 0% 0px;
    }
}
@media (min-width: 359px) and (max-width: 640px) {
    .media-button {
        transition: all 0s ease 0s;
        min-height: 0px;
        min-width: 0px;
        line-height: 7px;
        border-width: 0px;
        margin: 0px;
        padding: 16px 9px !important;
        letter-spacing: 0px;
        font-size: 16px !important;
        left: 54px !important;
        top: 44% !important;
        backface-visibility: visible;
        visibility: visible;
        opacity: 1;
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1);
        transform-origin: 50% 0% 0px;
    }
}
@media (min-width: 410px) and (max-width: 731px) {
    .media-button {
        transition: all 0s ease 0s;
        min-height: 0px;
        min-width: 0px;
        line-height: 7px;
        border-width: 0px;
        margin: 0px;
        padding: 16px 9px !important;
        letter-spacing: 0px;
        font-size: 16px !important;
        left: 72px !important;
        top: 45% !important;
        backface-visibility: visible;
        visibility: visible;
        opacity: 1;
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1);
        transform-origin: 50% 0% 0px;
    }
}
@media (min-width: 767px) and (max-width: 1024px) {
    .media-button {
        transition: all 0s ease 0s;
        min-height: 0px;
        min-width: 0px;
        line-height: 13px;
        border-width: 0px;
        margin: 0px;
        padding: 21px 6px !important;
        letter-spacing: 0px;
        font-size: 25px !important;
        left: 183px !important;
        top: 229px !important;
        visibility: visible;
        opacity: 1;
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, -0.0025, 0, 0, 0, 1);
        transform-origin: 50% 0% 0px;
    }
}