@charset "utf-8";
@import "menupresentacion.css";

body{
    background-color: #ffc107;
}

h3 {
    text-align: left;
    color: #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 2.5vw;
}


h4 {
    text-align: justify;
    color: #343a40;
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 5vw;
}

h5 {
    text-align: left;
    color: #ffc107;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size:5vw;
}

#cabecera div {
  /* border: 1px solid yellow;*/
}
.texcontact {
  background-color: #343a40;
  font-size: 3.7vw;
  text-align: center;
  height: 9vw;
  padding-top: 2vw;
}
.texcontact a {
  color: #DBDBDB;
}
#contentLogo {
  background-color: #ffc107;
  text-align: left;
  height: auto;
}
a:hover {
   text-decoration: underline dotted black;
      color: #ffc107;
    
}
#logoversal {
  width: 20vw;
  padding: 3vw;
    text-align: left;
}

.tituloPagina {
  background-color: #dcc97b;
  text-align: center;
  height: 13vw;
    margin-bottom: 30px;
}
h2 {
  color: #005f54;
  padding-top: 3vw;
  font-size: 4.5vw;
   
}
p {
  color: black;
  text-align: left;
  padding: 10px 10px 10px 10px;
  font-size: 4vw;
}
.flecha {
  display: inline;
  color: white;
  font-size: 4vw;
}
/* css pagina contacto*/
.conContacta {
  font-size: 3.7vw;
  text-align: center;
  padding-bottom: 12vw;
}
.conContacta a{
    color: #005f54;
}
.iconocontact {
  font-size: 11vw;
    color: #005f54;
}
#contenBaner {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
#contenBaner img{
    
    width: 80%;
}


#contac {
  padding-top: 0vw;
}
/*boton flotante wassap*/
    
   .float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:60px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.float:hover {
	text-decoration: none;
	color: #25d366;
  background-color:#fff;
}

.my-float{
	margin-top:16px; 
} 

.float p{
    color: white;
    background-color: #25d366;
}
/*fin boton flotante*/

.card {
    
    width: 33rem;
    text-align: left;
    background-color: #fbd256;
    margin-left: 21px;
    margin-top: 15px;
}
#descripcion {
    text-align: center;
}

#descrip {
    margin-left: 25px;
    text-align: center;
    width: 80%;
}

@media (max-width: 576px) {
  #contentLogo {
    text-align: center;
  }
}
/* direccionado del menu segun tamaño de la pantalla */
@media (min-width: 1024px) {
    
h4 {
        font-size: 3vw;
    }
    
p {
  
  font-size: 1.5vw;
}
    
  #cabecera div {
    /*border: 1px solid yellow;*/
  }
  .texcontact {
    font-size: 1.5vw;
    text-align: center;
    padding: initial;
    height: auto;
  }
  .texcontact a {
    color: #DBDBDB;
  }
  #contentLogo {
  }
  a:hover {
    text-decoration: underline dotted #ffc107;
      color: #ffc107;
      font-size: 140%;
  }
  #logoversal {
    width: 10vw;
    padding: 5px;
  }

  .tituloPagina {
    height: 5vw;
  }
  h2 {
    padding-top: 0px;
    font-size: 3vw;
  }
 
  #mapasitio {
    width: 1100px;
  }
}