.blanco-claro {  background-color: rgba(255,255,255,0.7);}
.negro-claro {  background-color: rgba(0,0,0,0.50);}
.azul {  background-color: #3ac4fe;}
.gris {  background-color: #fafafa;}
.negro {  background-color: #000000;}


@media screen and (max-width:5000px){	
.blanco-transparente2 {background-color:  rgba(255,255,255,0.8); border-radius: 20px; padding-left: 10px; padding-right:10px; margin-left: 50px; margin-right:50px;}
}
@media (max-width: 1039px) {
.blanco-transparente2 {background-color:  rgba(255,255,255,0.8); border-radius: 0px; padding-left: 0px; padding-right:0px;  margin-left: 0px; margin-right:0px;}
}

@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-blanco { padding: 10px; border-style: solid; border-color: #ffffff;  border-radius: 2px; background-color:#ffffff; 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: #fe44fe; 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: #fe44fe;  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: #fe44fe;  font-weight: 700;
}

.opcion-contenido{
    margin:5% auto;
padding:10px 10px;
background-color: #ffffff;
border-radius: 3px;
width:80%; max-height:80%;
overflow: auto;
}
.opcion-estilo{
  background-color: rgba(0,0,0,.8);
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:0;
  pointer-events:none;
  transition: all 1s;
}

#opcion1:target, #opcion2:target, #opcion3:target, #opcion4:target, #opcion5:target, #opcion6:target, #opcion7:target, #opcion8:target, #opcion9:target, #opcion10:target, #opcion11:target, #opcion12:target, #opcion13:target, #opcion14:target, 
#opcion15:target, #opcion16:target, #opcion17:target, #opcion18:target, #opcion19:target, #opcion20:target {
  opacity:1;
  pointer-events:auto;
}
.btn-cerrar {
        display:block;
        position: relative;
        left:5px;
        top:5px;
        
        z-index:999;
}


.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/parallax.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;
}

#notas {
margin:0 auto;	
padding: 0px; /*.....espaciar los articulos*/
text-align: center; /*........para centrar los articulos*/
width: 100%;
}

#notas article{	
display: inline-block; 
margin: 5px ; /* separa los articulos entre si*/
padding: 0px;
border-radius: 0px;
width: 20%;
/*background: #ffffff;*/
text-align: center;
vertical-align: top;
}
@media (max-width:760px)
{
#notas article{	
display: inline-block; 
margin: 0px ; /* separa los articulos entre si*/
padding: 0px;
border-radius: 0px;
width: 40%;
/*background: #ffffff;*/
text-align: center;
vertical-align: top;
}
}
#notas article img{-webkit-transition: .2s; -moz-transition: .2s;  border-radius: 10px; }
#notas article:hover img{-webkit-transform:scale(.95); -moz-transform:scale(.95);}

#notas-index {
margin:0 auto;	
padding: 0px; /*.....espaciar los articulos*/
text-align: center; /*........para centrar los articulos*/
width: 100%;
}
#notas-index article{	
display: inline-block; 
margin: 5px ; /* separa los articulos entre si*/
padding: 0px;
border-radius: 0px;
width: 31%;
/*background: #ffffff;*/
text-align: center;
vertical-align: top;
}
@media (max-width:760px)
{
#notas-index article{	
display: inline-block; 
margin: 0px ; /* separa los articulos entre si*/
padding: 0px;
border-radius: 0px;
width: 100%;
/*background: #ffffff;*/
text-align: center;
vertical-align: top;
}
}
#notas-index article img{-webkit-transition: .2s; -moz-transition: .2s;  border-radius: 10px; }
#notas-index article:hover img{-webkit-transform:scale(.95); -moz-transform:scale(.95);}

#notas-secciones {
margin:0 auto;	
padding: 0px; /*.....espaciar los articulos*/
text-align: center; /*........para centrar los articulos*/
width: 100%;
}

#notas-secciones article{	
display: inline-block; 
margin: 5px ; /* separa los articulos entre si*/
padding: 0px;
border-radius: 0px;
width: 18%;
/*background: #ffffff;*/
text-align: center;
vertical-align: top;
}
@media (max-width:760px)
{
#notas-secciones article{	
display: inline-block; 
margin: 0px ; /* separa los articulos entre si*/
padding: 0px;
border-radius: 0px;
width: 90%;
/*background: #ffffff;*/
text-align: center;
vertical-align: top;
}
}


.box-icon-1 {
  margin-bottom: 20px; }
  .box-icon-1 .icon {
    display: inline-block;
    color: #46c2ca;
    font-size: 36px;
    line-height: 43px;
    float: left; }
  .box-icon-1 .body-content {
    margin-left: 55px;
    color: #041e42;
    font-weight: 700; }
    .box-icon-1 .body-content .heading {
      color: #666666;
      font-weight: 400; }

/* 2.4. BOX ICON 2 */
.box-icon-2 {
  margin-bottom: 40px;
  padding: 30px 30px 60px 30px;
  background-color: #eff3f6;
  border: 1px solid #dcdde1;
  min-height: 250px; }
  .box-icon-2 .icon {
    display: inline-block;
    color: #9a9a9a;
    font-size: 36px;
    line-height: 43px;
    margin-bottom: 20px; }
  .box-icon-2 .body-content {
    color: #222222; }
    .box-icon-2 .body-content .heading {
      color: #041e42;
      font-size: 18px;
      margin-bottom: 15px;
      text-transform: uppercase;
      font-weight: 700; }
  .box-icon-2:hover {
    background-color: #46c2ca; }
    .box-icon-2:hover .icon, .box-icon-2:hover .body-content {
      color: #ffffff; }



.box-icon-3 {
  padding: 50px 30px 60px 30px;
  border: 1px solid #dcdde1;
  text-align: center;
  position: relative;
  background-color: #eff3f6;
  min-height: 300px; }
  .box-icon-3 .icon {
    display: inline-block;
    color: #041e42;
    font-size: 50px;
    line-height: 43px;
    margin-bottom: 40px; }
  .box-icon-3 .body-content {
    color: #222222; }
    .box-icon-3 .body-content .heading {
      color: #041e42;
      margin-bottom: 15px;
      text-transform: uppercase;
      font-weight: 700;
      letter-spacing: .2px; }
    .box-icon-3 .body-content .readmore {
      display: block;
      margin-top: 20px;
      font-weight: 700;
      -webkit-transform: translate3d(0px, 25px, 0px);
      transform: translate3d(0px, 25px, 0px);
      -webkit-transition: all 0.4s ease 0s !important;
      transition: all 0.4s ease 0s !important;
      opacity: 0;
      color: #041e42; }
  .box-icon-3:hover {
    background-color: #46c2ca;
    -webkit-box-shadow: 0 10px 18px #eee;
    -moz-box-shadow: 0 10px 18px #eee;
    box-shadow: 0 10px 18px #eee; }
    .box-icon-3:hover .icon {
      color: #ffffff; }
    .box-icon-3:hover .body-content {
      color: #ffffff; }
      .box-icon-3:hover .body-content .readmore {
        opacity: 1;
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px); }
  .box-icon-3 .line-t {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
    .box-icon-3 .line-t:before {
      content: '';
      width: 2px;
      height: 2px;
      display: block;
      position: absolute;
      top: -1px;
      left: -1px;
      background-color: #041e42; }
    .box-icon-3 .line-t:after {
      content: '';
      width: 2px;
      height: 2px;
      display: block;
      position: absolute;
      top: -1px;
      right: -1px;
      background-color: #041e42; }
  .box-icon-3 .line-b {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
    .box-icon-3 .line-b:before {
      content: '';
      width: 2px;
      height: 2px;
      display: block;
      position: absolute;
      bottom: -1px;
      left: -1px;
      background-color: #041e42; }
    .box-icon-3 .line-b:after {
      content: '';
      width: 2px;
      height: 2px;
      display: block;
      position: absolute;
      bottom: -1px;
      right: -1px;
      background-color: #041e42; }
.box-icon-4 {
  margin-bottom: 20px;
  padding: 30px 30px 30px 30px;
  background-color: #3AC4FE;
  border: 1px solid #dcdde1;
  text-align: center;
  height: 175px;
  position: relative;
  overflow: hidden; }
  .box-icon-4 .icon {
    display: inline-block;
    color: rgba(255, 255, 255, 0.2);
    font-size: 100px;
    position: absolute;
    right: -40px;
    bottom: -20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; }
  .box-icon-4 .body-content {
    color: #000000; }
    .box-icon-4 .body-content .heading {
      color: #000000;
      font-size: 18px;
      margin-bottom: 15px;
      text-transform: uppercase;
      font-weight: 700; }
  .box-icon-4:hover {
    background-color: #FE44FE; }
    .box-icon-4:hover .icon {
      right: 0; }
    .box-icon-4:hover .body-content {
      color: #000000; }