
.w3-sidebar{ background-color: #ff4087!important;}
.w3-sidebar a{ color: #fff!important;}
.w3-sidebar a:hover{ background-color: #fff!important; color: #ff4087!important;}

/*Animación de fondo en barra superior de menú*/
.w3-white{
  background-color: #ff4087!important;
  color: #fff!important;
-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
animation-name: example;
animation-duration: 3s;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0%   {background-color: #fff;color:#3F4949;}
    50%  {background-color: #fff;color:#3F4949;}
    100% {background-color: #ff4087;color:#fff;}
}
/* Standard syntax */
@keyframes example {
  0%   {background-color: #fff;color:#3F4949;}
  50%  {background-color: #fff;color:#3F4949;}
  100% {background-color: #ff4087;color:#fff;}
}
/*TERMINA Animación de fondo en barra superior de menú*/
/* VIDEO EN PARALLAX*/
.overlay {
background-color:rgba(0,0,0,.1);
height:auto;
left:0px;
position:relative;
top:0;
transition:background-color 300ms ease;
width:100%;
}
#intro-vid {
backface-visibility:hidden;
background-size:cover;
top:0;
height:auto;
min-height:100%;
min-width:100%;
perspective:1000;
position:fixed;
right:0;
width:100%;
z-index:-1;
}
.contenido{
background-color: #fff;
margin-top: 980px;
padding:80px;
position:relative;
z-index:1;
box-shadow: 0px -30px 50px rgba(0, 0, 0, 0.2);
}
#intro-pic {
display:block;
height:auto;
width:100%;
margin-top: 100px;
}
@media only screen and (max-width:768px) {
    .contenido{margin-top: 120px!important;}
}
@media only screen and (min-width:769px) {
    .hidden-desktop { display:none !important; }
}
@media only screen and (max-width:768px) {
    .visible-desktop { display:none !important; }
}
/* TERMINA AJUSTED DE VIDEO EN PARALLAX*/
/**/
@media only screen and (max-width:768px) {
  .info1{font-size: 15px!important;}
  .city{font-size: 14px!important;}
}
@media only screen and (max-width:600px) {
  .city td{font-size: 14px!important;}
  .w3-bar button{font-size: 18px!important;}
}
@media only screen and (max-width:535px) {
  .city td{font-size: 11px!important; padding: 4px; border:1px solid!important;}
  .w3-bar button{font-size: 14px!important; padding: 3px!important;}
  h1{font-size: 22px!important;}
  h2{font-size: 20px!important;}
  .sombra1 img, .sombra2 img, .sombra3 img, .sombra4 img{margin-top: 20px!important;}
  .w3-quarter img{margin-top: 20px!important;}
}

.info1{
  font-size: 20px;
}
.sombra1 a:hover{ border: 1px solid #3F4949; background-color: #fff; box-shadow: 5px 10px 25px rgba(0, 0, 0, 0.15); color:#3F4949;}
.sombra1 a{ padding: 8px 20px; background-color: #3F4949;border: none; border-radius: 50px; color:#fff;}
.sombra2 a:hover{ border: 1px solid #02dedb; background-color: #fff; box-shadow: 5px 10px 25px rgba(0, 0, 0, 0.15);}
.sombra2 a{ padding: 8px 20px; background-color: #02dedb;border: none; border-radius: 50px;}
.sombra3 a:hover{ border: 1px solid #bced1d; background-color: #fff; box-shadow: 5px 10px 25px rgba(0, 0, 0, 0.15);}
.sombra3 a{ padding: 8px 20px; background-color: #bced1d;border: none; border-radius: 50px;}
.sombra4 a:hover{ border: 1px solid #ff4087; background-color: #fff; box-shadow: 5px 10px 25px rgba(0, 0, 0, 0.15);}
.sombra4 a{ padding: 8px 20px; background-color: #ff4087;border: none; border-radius: 50px;}

.sombra{ text-decoration:none; box-shadow: 0 8px 10px 0 rgba(0,0,0,0.1), 0 6px 15px 0 rgba(0,0,0,0.1);}
a{ text-decoration:none;}
.sombra:hover{ color:#02dedb;}
.w3-bar-item{
  font-size: 25px;
  color: #ff4087;
}
.w3-bar-item:hover{
  color: #fff!important;
  background-color: #ff4087!important;
}
.w3-teal{
  background-color: #bced1d!important;
}
.bg-rosa{
  background-color: #02dedb!important;
  margin: 0;
  padding: 50px 30px;

}
.w3-table td{
  color: #fff!important;
  font-size: 18px;
  font-weight: 600;
}
.w3-black{
    color: #fff!important;
    background-color: #3f4949!important;
    border-radius: 50px;
}
 .w3-black:hover{
   background-color: #ff4087!important;
   color: #fff!important;
 }
.abrir:hover, .cerrar:hover{
  color: #02dedb!important;
  background-color: transparent!important;
}
.icon{
  font-size: 25px;
  color: #ff4087!important;
}
.icon:hover{
  color: #bced1d!important;
}
