/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}
@font-face {
	font-family: 'myriad';
	src:url(../fonts/myriad.eot);
	src: url('../fonts/myriad.eot?#iefix') format('embedded-opentype'), url('../fonts/myriad.ttf') format('truetype'), url('../fonts/myriad.svg#myriad') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NunitoLight';
	src:url(../fonts/Nunito-Light.eot);
	src: url('../fonts/Nunito-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Nunito-Light.ttf') format('truetype'), url('../fonts/Nunito-Light.svg#Nunito-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

html { 
    scroll-behavior: smooth; 
  }

  a{
    text-decoration: none;
  }
body {
	-webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    background-color:rgb(20, 20, 20);;
    font-family:myriad, Arial;
	color: white;
    font-size:12px;
    height:100%;
    margin:0px;
    padding:0px;
    width:100%;
	border:none;
	text-decoration: none;
	-webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.seccion{
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}


img {
  object-fit: cover;
}

.centrar_v {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
}

.centrar_h {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
}

.centrar {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}



.inputFile {
    width: 100%;
	height: 100%;
	position: absolute;
    overflow: hidden;
	opacity: .0;
	cursor:pointer;
	left: 0px; top: 0px;
}
input{
	background: #fff;
	border: 1px solid #999;
	font-family:myriad, Arial;
	color: #41423e
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ffffff;
    opacity: 1; /* Firefox */
  }



.sombra{
	-webkit-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.44);
    box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.44);
}





.redondo {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.redondo50 {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
}


.textos_exg {
    position: absolute;
    font-size: 4.5vh;
}

.textos_ex {
    position: absolute;
    font-size: 3.5vh;
}

.textos_g {
    position: absolute;
    font-size: 2.8vh;
}

.textos_m {
    position: absolute;
    font-size: 2vh;
}

.textos_c {
    position: absolute;
    font-size: 1.7vh;
}

.textos_cx {
    position: absolute;
    font-size: 1.1vh;
}

textarea,
input[type="text"],
input[type="button"],
input[type="email"],
input[type="password"],
input[type="submit"] {
    -webkit-appearance: none;
    padding: 0px;
}


::-webkit-scrollbar          { width:6px;}
::-webkit-scrollbar-button       { opacity:0}
::-webkit-scrollbar-track        { opacity:0}
::-webkit-scrollbar-track-piece  { opacity:0}
::-webkit-scrollbar-thumb        { background-color:#da7416;}
::-webkit-scrollbar-corner       { opacity:0}
::-webkit-resizer{ opacity:0}



.ciculo {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.redondo {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}


#oro {
    mix-blend-mode:lighten;
  }
  



textarea,
input[type="text"],
input[type="button"],
input[type="email"],
input[type="password"],
input[type="submit"] {
    -webkit-appearance: none;
    padding: 0px;
}

video {
    z-index: -1
}

#arriba{
    width:100%; height:40px; background-image:url('../img/arriba.png'); background-size: 100% 100%; position: fixed; z-index: 1000; border-bottom: 5px solid #fff;
}
#redes{
    width:100%; max-width:850px; height:75px; display: none1;
}
#buscar{
    right:5%; width:22%; height:34px; background:rgba(255, 255, 255, 0.95); padding-right:34px; border:none; padding-left:12px;
}
#lupita{
    right:calc(5% + 4px); background-color:#000; height: 26px; width: 26px; background-image: url('../img/lupita.png'); background-position: center; background-size: 60%; background-repeat: no-repeat
}
#mm{
    width:65%; text-align: center; position: relative; float: left; font-size:13px; line-height: 40px; color:#f7941d; margin-top: -127px;
}
.mm{
    margin:15px; margin-top: -100px; position: relative; float: left;
}
.cuerpo{
    width:100%; height:auto; position: relative; float: left; color:#575757; margin-top: 40px;
}
#abajo{
    width:100%; height:90px; background:#000; position: relative; float: left;
}

img.izquierda {
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
  }