
@charset "utf-8";

  
.fondoPublicaciones {
 border: none;
 background: #5C0505 none repeat center center;
 color: black;
 margin-top: 30px;
 margin-left: 15%;
 width: 60%;
 padding: 10px;
 font-size: 18px;
 border-radius: 20px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;

 color: white;
}

.fondoPublicaciones:before {
 content:'';
 position: absolute;
 top: 0px;
 left: 0px;
 width: 0px;
 height: 42px;
 background: rgba(255,255,255,0.3);
 border-radius: 5px;
 transition: all 2s ease;
}

.fondoPublicaciones:hover:before {
 width: 100%;
}
.fontoActividad{   
     -webkit-box-shadow: inset -2px -3px 6px 11px rgba(0,0,0,0.08);
-moz-box-shadow: inset -2px -3px 6px 11px rgba(0,0,0,0.08);
box-shadow: inset -2px -3px 6px 11px rgba(0,0,0,0.08);
color: white;
font-weight: 800;
font-size: 22px;
background-color: #000441;
border-radius: 3px 3px 3px 3px;
text-shadow: -5px -5px 5px black;
   }
.resplandorblanco{   
     -webkit-box-shadow: inset -2px -3px 6px 11px rgba(0,0,0,0.08);
-moz-box-shadow: inset -2px -3px 6px 11px rgba(0,0,0,0.08);
box-shadow: inset -2px -3px 6px 11px rgba(0,0,0,0.08);
color: white;
font-weight: 800;
font-size: 40px;
background-color: #9C2721;
border-radius: 3px 3px 3px 3px;
text-shadow: -5px -5px 5px black;
   }
 
 .subtitulo{
  font-size: 20px;background-color: #E5E5E5;color: black;font-weight: 800;text-shadow: -3px -3px 3px white
 }
 
.letras{
  text-shadow: -5px -5px 5px black;
}
.letras1{
  text-shadow: -3px -3px 5px black;
   
}
.letrasmenu{
  text-shadow: -1px -1px 0.5px black;
}
/* pagina NOSOTROS*/
.quienesomos{
-webkit-box-shadow: -2px -7px 15px -2px rgba(66,63,66,0.28);
-moz-box-shadow: -2px -7px 15px -2px rgba(66,63,66,0.28);
box-shadow: -2px -7px 15px -2px rgba(66,63,66,0.28);
}
.quienesomosh2{
  font-family:Baskerville Old Face;
  -webkit-box-shadow: -1px 8px 5px 1px rgba(0,0,0,0.23);
-moz-box-shadow: -1px 8px 5px 1px rgba(0,0,0,0.23);
box-shadow: -1px 8px 5px 1px rgba(0,0,0,0.23);
} 
.quienesomos p{
   padding: 10px;
   text-align: justify;
    
} 



.consejoDimg img{
  margin-left: 0px;
  padding: 0px;
}
.consejoDimg h3{
  text-align: center;margin-top:-0.01px
}
.consejoDimg h3 span{
  color: #9C2721
}
.fondo{  
  border: silver 10px solid; 
  border-image-slice: 21;
  border-image-outset: 10px;
}

.facebook:hover{
  background-color: red;
}

.titulomio{
font-family: fantasy;
text-align: center;
}
.miboton {
 border: none;
 background: #9C2721;
 color: black;
 margin-top: 30px;
 margin-left: 15%;
 width: 60%;
 padding: 10px;
 font-size: 18px;
 border-radius: 20px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;

 color: white;
}

.miboton:before {
 content:'';
 position: absolute;
 top: 0px;
 left: 0px;
 width: 0px;
 height: 42px;
 background: rgba(255,255,255,0.3);
 border-radius: 5px;
 transition: all 2s ease;
}

.miboton:hover:before {
 width: 100%;
}

/* ------------------*/
.fondoActi {
 border: none;
 background: #5C0505;
 color: black;
 margin-top: 30px;
 margin-left: 15%;
 width: 60%;
 padding: 10px;
 font-size: 18px;
 border-radius: 20px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;

 color: white;
}

.fondoActi:before {
 content:'';
 position: absolute;
 top: 0px;
 left: 0px;
 width: 0px;
 height: 42px;
 background: rgba(255,255,255,0.3);
 border-radius: 5px;
 transition: all 2s ease;
}

.fondoActi:hover:before {
 width: 100%;
}

.botongrande{
        font-size:20px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
        background-color: #9E3828;
        border:0px;
        width:100%;
        height:auto;
       }
      .botongrande:hover{
        font-size:20px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
        background-color: #9E3828;
        border:0px;
        width:100%;
        height:auto;
       }

        /*ENLACES DE INTERES  ...........................................*/
 .enlaces{
                        margin-top: 2px;
                        height: 70px;
                        padding-top: 8px;
                        text-align: center;
                        -webkit-box-shadow: 1px 6px 15px 10px #737373;
                    box-shadow: 1px 6px 15px 10px #737373;
                    background-color: white;
                      }
                      .enlaces a{
                        text-decoration: none;
                        height: 90PX;
                        color: black;
                        font-size:12PX ;
                        text-align: center; 
                      }
                      .enlaces a:hover{
                        color: #9C2721;
                      }
                      .tituloSection{
                        -webkit-border-radius: 3px 60px 2px 56px;
                    border-radius: 3px 60px 2px 56px;
                      }
                      .tituloenlace {
                        text-align: center;
                    color: white;
                    font-family: fantasy
                      }


.zoom{
    transition: 3.5s ease;
    -moz-transition: 3.5s ease; /* Firefox */
    -webkit-transition: 3.5s ease; /* Chrome - Safari */
    -o-transition: 3.5s ease; /* Opera */
  }
  .zoom:hover{
    transform :         scale(1);
    -moz-transform :    scale(1); /* Firefox */
    -webkit-transform : scale(1); /* Chrome - Safari */
    -o-transform :      scale(1); /* Opera */
    -ms-transform :     scale(1); /* IE9 */
   
  }

 .cabe { 
     visibility: ;
    }
 
 
/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 481px) {
  .cabe { 
     visibility: ;
    }
}

/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 769px) {
 .cabe { 
     visibility: none;
    }
 
}
@media only screen and (min-width: 360px) {
    .cabe { 
     visibility: none;
    }

@media only screen and (max-width:  412px) {
    .cabe { 
     visibility: none;
    }
}

