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

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

.tituloPagina {
  background-color: #99dcef;
  text-align: center;
  height: 13vw;
    margin-bottom: 30px;
}
h2 {
  color: #005f54;
  padding-top: 3vw;
  font-size: 4.5vw;
   
}
p {
  color: #005f54;
  text-align: justify;
  padding: 20px 50px 20px 50px;
  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*/

@media (max-width: 576px) {
  #contentLogo {
    text-align: center;
  }
}
/* direccionado del menu segun tamaño de la pantalla */
@media (min-width: 1024px) {
  #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: 13vw;
    padding: 0px;
  }

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