.blanco-claro {  background-color: rgba(255,255,255,1.0);}
.negro-claro {  background-color: rgba(0,0,0,0.50);}
.azul-oscuro {  background-color: #003366;}
.gris {  background-color: #303030;}
.negro {  background-color: #000000;}

@media screen and (max-width:5500px)  
{	
#tit1 {display: inline;}
#tit2 {display: none;}
}


@media (max-width:767px)
{
#tit1 {display: none;}
#tit2 {display: inline;}
}



.img { top:  -100px;}
.imgg { top: -50px;}
@media (max-width: 479px) {.imgg { top: -100px;}}

.efecto img{	
-webkit-transition: .2s;
-moz-transition: .2s;
}
.efecto:hover img{	
-webkit-transform:scale(.9);
-moz-transform:scale(.9);
}
#proyectos li{list-style:none;}

.marco-oro { padding: 10px; border-style: solid; border-color: #ffffff;  border-radius: 2px; background-color:#E8C866; border-width: 10px;}
.marco-azul { padding: 10px; border-style: solid; border-color: #ffffff;  border-radius: 2px; background-color:#6699FF; border-width: 10px;}
.marco-lila { padding: 10px; border-style: solid; border-color: #ffffff;  border-radius: 2px; background-color:#F7F7F9; border-width: 10px;}
.marco-rosa { padding: 10px; border-style: solid; border-color: #ffffff;  border-radius: 2px; background-color:#FFF7F4; border-width: 10px;}
.marco-gris { padding: 10px; border-style: solid; border-color: #ffffff;  border-radius: 2px; background-color:#F2F7F0; border-width: 10px;}

#seccion1 #boton1 a,
#seccion2 #boton2 a,
#seccion3 #boton3 a,
#seccion4 #boton4 a,
#seccion5 #boton5 a,
#seccion6 #boton6 a,
#seccion7 #boton7 a,
#seccion8 #boton8 a,
#seccion9 #boton9 a,
#seccion10 #boton10 a
{
color: #0172b6; font-weight: 700;
}

.html-widget-menu.html-preset-default .html-widget-menu-list .html-widget-menu-item .html-widget-menu-link-level-1 .html-widget-menu-link-arrow:before {
  color: #f8f8f8;  font-weight: 700;
}
.html-widget-menu.html-preset-default .html-widget-menu-list .html-widget-menu-item .html-widget-menu-link-level-1.html-widget-menu-link-active {
  color: #8fca6c;  font-weight: 700;
  }
.html-widget-menu.html-preset-default .html-widget-menu-list .html-widget-menu-item .html-widget-menu-link-level-1.html-widget-menu-link-active .html-widget-menu-link-arrow:before {
  color: #8fca6c;  font-weight: 700;
}
.html-widget-menu.html-preset-default .html-widget-menu-list .html-widget-menu-item .html-widget-menu-link-level-2 .html-widget-menu-link-arrow:before {
  color: #f8f8f8;  font-weight: 700;
}
.html-widget-menu.html-preset-default .html-widget-menu-list .html-widget-menu-item .html-widget-menu-link-level-2.html-widget-menu-link-active {
  color: #8fca6c;  font-weight: 700;
  }
.html-widget-menu.html-preset-default .html-widget-menu-list .html-widget-menu-item .html-widget-menu-link-level-2.html-widget-menu-link-active .html-widget-menu-link-arrow:before {
  color: #8fca6c;  font-weight: 700;
}
.html-widget-menu.html-preset-default .html-widget-menu-list .html-widget-menu-item .html-widget-menu-link-level-3 .html-widget-menu-link-arrow:before {
  color: #f8f8f8;  font-weight: 700;
}
.html-widget-menu.html-preset-default .html-widget-menu-list .html-widget-menu-item .html-widget-menu-link-level-3.html-widget-menu-link-active {
  color: #8fca6c;  font-weight: 700;
  }
.html-widget-menu.html-preset-default .html-widget-menu-list .html-widget-menu-item .html-widget-menu-link-level-3.html-widget-menu-link-active .html-widget-menu-link-arrow:before {
  color: #8fca6c;  font-weight: 700;
}

.sticky {
            position: -webkit-sticky; /* Para compatibilidad con navegadores WebKit */
            position: sticky; /* Habilita el efecto sticky */
            top: 0; /* El encabezado se mantendrá en la parte superior del contenedor */
            left: 0;
            width: 100%;
            background-image: url('../imagenes/fondo-menu.jpg');
   background-position: center top;
  background-repeat: repeat-x;
            /*padding: 10px 0;*/
            z-index: 1000; /* Asegura que el encabezado se mantenga sobre otros elementos */
        }
		
		 html {
            scroll-behavior: smooth;
        }
    

.html-parallax {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  border-style: none;
  border-color: #fff;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-image: url('../imagenes/fondo.jpg');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.html-parallax2 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  border-style: none;
  border-color: #fff;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-image: url('../imagenes/parallax2.png');
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}