html, body{
    width: 100%;
    height: 100%;
}

*{ 
   box-sizing: border-box;
   font-family: 'Raleway', sans-serif;
    font-weight: lighter;
}




/*-------------------------------------------INICIO PANEL FOTOS----------------------------*/


.fade-in-fwd {
	-webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}


/* ----------------------------------------------
 * Generated by Animista on 2021-1-28 19:18:4
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-fwd
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}


/*-------------------------------------------FIN PANEL FOTOS----------------------------*/

#invisible, #invisible1, #invisible2{
    display: none;
}


#envoltorio{
   	background-image: url(../img/fondo.jpg);
	background-size: cover;

    width: 100%;
    height: 19%;
    padding: 29px;
    background-color: #907e8c;
    display: grid;
    grid-template-columns: 70%;
    grid-column-gap: 30px;
    justify-content: center;
    align-items: flex-end;
    position: relative;
}

#envLis2T5{
    width: 100%;
    min-height: 60%;
    position: relative;
}

#envLis1{
	width: 100%;
    min-height: 60%;
    position: relative;
	
}

#envIntra{
    width: 100%;
    min-height: 60%; 
    
}

#envBlog{
    width: 100%;
    min-height: 59%;
    position:relative;
    
}



#sacar {
    display: block !important;
}



#apartados{
    margin: 0 auto;
    width: 80%;
    height: 40px;
    display: grid;
    grid-template: 1fr / 23% 23% 23% 23%;
    justify-content: space-around;
    align-items: center;
}

.casilla{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 2px solid white;
    color: black;
    font-size: 23px;
    cursor: pointer;
}

.casilla:hover{
   background-color: #4e547e;
    color: white;
 
}





a{  width: 100%;
    height: 100%;
   text-decoration: none;
    display: block;
    background-color: #efeff3;
  
}

#centrH2{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

h2{
    text-align: center;
    color: #4e547e;
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 60px;
}


h1{
    font-family: 'Norican', cursive;
    font-weight: lighter;
    
    margin: 0 auto;
   
    
    color: white;
    font-size: 36px;
    
    
}



h3{

    text-align: center;
    font-size: 33px;
    color: #4e547e;
    font-weight: bold;
    text-transform: uppercase;
}

#josu{
     text-align: center;
    font-size: 23px;
    color: #4e547e;
    
}


footer{
    width: 100%;
    height: 18%;
    background-image: url(../img/fondo.jpg);
	background-size: cover;
    position: relative;
}

#apartados2{
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
}

.casilla2{
     width: 15%;
    height: 40px;
    display: grid;
    justify-content:center;
    align-items: center;
    border: 1px solid black;
    background-color: #efeff3;
    color: black;
    font-size: 30px;
}




.caja4{
    width: 100%;
    height: 100%;
    padding-left: 30px;
    display: grid;
    grid-template: 20% 80% / 1fr;
}

#logo{
    width: 80px;
    height: 38px;
    position: absolute;
    border: 3px solid #efeff3;
    top: 20px;
    left: 20px;
}

#logo img{
    width: 100%;
    height: 100%;
    
}
#intra{
    width: 110px;
    height: 40px;
    border-radius: 10px;
    display: grid;
    justify-content: center;
    align-items: center;
    position: absolute;
    background-color: #efeff3;
    border: 2px solid white;
    left: 90%;
    top: 20px;
    color: black;
    font-size: 23px;
}


#intra:hover{
    background-color: #4e547e;
    color: white;
}

#cajon{
    width: 70%;
    margin: 0 auto;
    margin-bottom: 40px;
    display: grid;
    grid-template: 1fr / 44% 44%;
    justify-content: center;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    
}




.caja2{
    width: 100%;
    max-height: 500px;
    display: grid;

    cursor:pointer;
}




#envLis2INDEX{
    width: 100%;
}




#cajonLista, #cajonFotos, #cajonTop5, #cajonFotosT5, #envS{
    width: 70%;
    margin: 0 auto;
    margin-bottom: 80px;
    display: grid;
    grid-template: 1fr / 36% 36%;
    align-items: center;
    justify-content: center;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  
	position: relative;
   
}


.ediFot{
    width: 100%;
    height: 300px;
}

.ediFot img{
    width: 100%;
    height: 100%;
}


#caja1, #cajaV{
    width: 50%;
    margin: 0 auto;
    margin-bottom: 80px;
    display: grid;
    grid-template: 1fr/ 100%;
}

.sel{
    width: 580px;
    height: 40px;
    font-size: 25px;
    margin: 0 auto;
    display: block;
    border: 2px solid black;
    margin-bottom: 50px;
    padding-left: 7px;
    
    

    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    padding-right: 2em;
    border: 1px solid #333;

}

#selectLis{
    margin-top: 40px;
}

.botSel{
    width: 200px;
    height: 50px;
    margin: 0 auto;
    display: block;
    font-size: 24px;
    border-radius: 10px;
    background-color: #4e547e;
    color: white;
    margin-bottom: 40px;
    cursor:pointer;
}

.botSel:hover{
    background-color: white;
    color: #4e547e;
    border: 2px solid #4e547e;

}

.dividirM:hover{
   color: #4e547e;
   cursor: pointer;
}


#iconoInt{
 
    color: white;
    
}
#iconoInt:hover{
    filter:brightness(0.7);
    cursor: pointer;
}

#iconoInt2:hover{
    filter:brightness(0.7);
    cursor: pointer;
}

#redes{
    width: 30%;
    height: 110px;
    margin-left: 100px;
    display: grid;
    grid-template: 1fr / 25% 25% 25% 25%;
    justify-content: space-around;
    align-items: flex-end;
}

#firma{
    width: 100%;
    height: 110px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}



#contacto{
    width: 190px;
    height: 40px;
    position: absolute;
    left: 70%;
    top: 41%;
}



#absFoot{
    width: 350px;
    height: 140px;
    position:absolute;
    left: 81%;
    top:40%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: transparent;
    
}

.caja3Por{
    width: 100%;
  
}

.cajaA{
    width: 100%;
    height: 360px;
}


.caja3Por img{
   width: 100%;
 
}

.caja3{
    width: 100%;
   height: 235px;
    overflow: hidden;
}

/*PARA QUE LA IMAGEN QUEDE DENTRO DE UN DIV  DETERMINADO Y SI SOBRA ALGO NO SE VEA*/
/*PARA EL EFECTO ZOOM PONEMOS LOS TRANSITION Y LOS TRANSFORM, SIN OLVIDAR EL OVERFLOW:HIDDEN EN EL DIV QUE CONTIENE LA FOTO */

@supports(object-fit: cover){
    .caja3 img{
        width: 100%;
        cursor: pointer;
    
      object-fit: cover;
      object-position: center center;
        
        
      -webkit-transition:all .9s ease; /* Safari y Chrome */
      -moz-transition:all .9s ease; /* Firefox */
      -o-transition:all .9s ease; /* IE 9 */
      -ms-transition:all .9s ease; /* Opera */
    }
}

 .caja3:hover img{
      -webkit-transform:scale(1.10);
      -moz-transform:scale(1.10);
      -ms-transform:scale(1.10);
      -o-transform:scale(1.10);
      transform:scale(1.10);
}


.agru:hover{
    cursor:pointer;
    color: #4e547e;
}



.caja3N{
   width: 100%;
  
}




.caja3N img{
    width: 100%;
 
}

.caja3Nindex{
   width: 100%;
   
    overflow: hidden;
    
}

    
/*PARA QUE LA IMAGEN QUEDE DENTRO DE UN DIV  DETERMINADO Y SI SOBRA ALGO NO SE VEA*/
/*PARA EL EFECTO ZOOM PONEMOS LOS TRANSITION Y LOS TRANSFORM, SIN OLVIDAR EL OVERFLOW:HIDDEN EN EL DIV QUE CONTIENE LA FOTO */

@supports(object-fit: cover){
    .caja3Nindex img{
        width: 100%;
        cursor: pointer;
     
      object-fit: cover;
      object-position: center center;
        
        
      -webkit-transition:all .9s ease; /* Safari y Chrome */
      -moz-transition:all .9s ease; /* Firefox */
      -o-transition:all .9s ease; /* IE 9 */
      -ms-transition:all .9s ease; /* Opera */
    }
}

 .caja3Nindex:hover img{
      -webkit-transform:scale(1.10);
      -moz-transform:scale(1.10);
      -ms-transform:scale(1.10);
      -o-transform:scale(1.10);
      transform:scale(1.10);
   
}





#cajaInd2{
    margin-bottom: 70px;
}




.caja5{
    margin-top: 9px;
    font-size: 28px;
    font-weight: bold;
}

.caja7{
   
    font-size: 25px;
    

}

.caja5B{
    margin-top: 9px;
    font-size: 23px;
    font-weight: lighter;
    margin-bottom: 20px;
}

.caja6B{
    margin-top: 9px;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
}

.caja7B{
   
    font-size: 23px;
    margin-bottom: 20px;

}

.caja8B{
    font-size: 23px;
}

.caja6{
    margin-top: 5px;
    font-size: 17px;
    font-weight: lighter;
}




#ic{
    width: 0px;
    height: 0px;
     position: absolute;
    left: 89%;
    top: 800px;
    position: fixed;
	background-color: #a6b1be
}

a{
    color: #a6b1be;
	
	
}




.caja3A, .caja3B, .caja3C{
    width: 100%;
    height: 100%;
    display:none;
}

.caja3A img{
    width: 100%;
    height: 100%;
}

.caja3B img{
    width: 100%;
    height: 100%;
}

.caja3C img{
    width: 100%;
    height: 100%;
}


#cajonNoticias, #tresUlt{
    width: 60%;
    margin: 0 auto;
    margin-bottom: 80px;
    display: grid;
    grid-template: 1fr / 100%;
    align-items: center;
    justify-content: center;
    grid-row-gap: 120px;
    margin-bottom: 150px;
  
}



.cajaB{
    width: 100%;
    height: 100%;
    display: grid;
    grid-template: 1fr / 50% 50%;
    justify-content: center;
    align-items: center;
    grid-column-gap: 40px;
 
}

.cajaBM{
    width: 60%;
   
    margin: 0 auto;
    display: grid;
    grid-template: 1fr / 40% 55%;
    justify-content: space-around;
    
}





.caja7M{
    width: 100%;
    margin-bottom: 7px;
    font-size: 25px;
    font-weight: lighter;


}

.caja7M2{
    margin-bottom: 7px;
}

.caja5M{
    margin-bottom: 7px;
    font-size: 34px;
    font-weight: bold;
}

.caja6M{
    font-size: 23px;
    font-weight: lighter;
 
}


.fijo{
    width: 140px;
    height: 140px;
    position: absolute;
    left: 90%;
    top:230px;
    position: fixed;
    
    
}

.logofijo {
    width: 118px;
    height: 57px;
}

.logofijo img{
    width: 100%;
    height: 100%;
}

blockquote{
    width: 200px;
    height: 190px;
    font-size: 20px;
    font-weight: bold;
    padding-right: 50%;
    color: dimgrey;
    margin-top: -10px;
    margin-left: -1px;
}

#paraLogo{
    position: relative;
}

#granCajon{
    position:relative;
}

#indexx{
    width: 100%;
}



#envLis2INDEX{
    width: 100%;
    display:grid;
    grid-template: 80px, 1fr / 1fr
}

#cuerpoIntra{
    width: 100%;
    height: 60%;
    
}


#envIntra{
    width: 53%;
    height: 30%;
    margin: 0 auto;
    margin-bottom: 60px;
}

#envIntra2{
    width: 43%;
    height: 30%;
    margin: 0 auto;
    
}


input{
    width: 60%;
    height: 40px;
    margin: 0 auto;
    display: block;
}

#envCon{
    width: 100%;
    height: 60%;
    
}

form{
    width: 40%;
    margin: 0 auto;
    font-size: 21px;
}


.divBot a{
    width: 47%;
    height: 50px;
	text-align: center;
	padding-left:2%;
	padding-right: 2%;
    display: block;
    margin: 0 auto;
    background-color: #4e547e;
    color: white;
    border-radius: 10px;
    font-size: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 14px;
}

.divBot a:hover{
    background-color: white;
    color: #4e547e;
    border: 2px solid #4e547e;

}

#intraSe{
    width: 100%;  
   
}

.caja2IS{
     width: 100%;
    height: 1700px;
    display: grid;
   
    grid-row-gap: 10px;
    border: 2px solid #666;
    padding: 10px;
     
}



.caja3IS img{
    width: 100%;
    height: 100%;
}

.caja3IS{
   width: 100%;
    height: 100%;
}

.caja3AIS{
   width: 100%;
    height: 100%;
}

.caja3AIS img{
    width: 100%;
    height: 100%;
}
.caja3BIS{
   width: 100%;
    height: 100%;
}

.caja3BIS img{
    width: 100%;
    height: 100%;
}
.caja3CIS{
   width: 100%;
    height: 100%;
}

.caja3CIS img{
    width: 100%;
    height: 100%;
}

.caja5IS{
    margin-top: 9px;
    font-size: 28px;
    font-weight: bold;
}

.caja8IS{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.caja7IS{
   
    font-size: 25px;

}

.caja6IS{
   
    font-size: 17px;
    font-weight: lighter;
}

#intraSe2{
    width: 70%;
    margin: 0 auto;
    margin-bottom: 80px;
    display: grid;
    grid-template: 1fr / 23% 23% 23% 23%;
    align-items: center;
    justify-content: center;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
}

#edic form{
    font-size: 25px;
    color:black;
  
}



#edic input{
display: inline-block
}



textarea{
    width: 60%;
    height: 130px;
display: inline-block
}


#bot{
    margin-top: 80px;
    margin-bottom: 80px;

    
}

#bot a{
    width: 100%;
    height: 100%;
    background-color: #4e547e;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

#cajonFotos1, cajonFotos1T5{
width: 100%;
  margin: 0 auto;
    
}

#cajonFotos2, #cajonFotos2T5, #cajonFotos1INDEX{
    width: 70%;
    display: grid;
    grid-template: 1fr / 40% 40%;
    align-items: center;
    justify-content: center;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    margin: 0 auto;
    margin-bottom: 50px;
}



.cajaFot{
    width: 100%;
    height: 100%;
}

.cajaFot img{
    width: 100%;
    height: 100%;
}

.cajaFotIn{
    width: 100%;
    height: 320px;
}

.cajaFotIn img{
    width: 100%;
    height: 100%;
}

.invisible{
    display:none;
}

.caja2intra{
    padding: 10px;
    width: 100%;
  
    display: grid;
    grid-row-gap: 10px;
    border: 2px solid #666;
}

.borrIn{
	width: 50%;
    margin-top: -40px;
	font-size:20px;
}

#ana form{
    font-size: 25px;
    color:black;
  
}

#ana input{
display: inline-block
}

#ana textarea{
    width: 60%;
    height: 130px;
display: inline-block
}

#intraFot{
	margin: 0 auto;
    width: 90%;
    display: grid;
    grid-template: 1fr / 23% 23% 23% 23%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}

.cajaFot1{
    width: 100%;
    height: 480px;
    border: 2px solid #666;
    padding: 10px;
}

.cajaFot2{
    width: 100%;
    height: 270px;
    margin-bottom: 10px;
}
.cajaFot3{
    font-size: 29px;
    text-align: center;
     margin-bottom: 10px;
}

.cajaFot2 img{
    width: 100%;
    height: 100%;
}

.botFot{
    margin-top: 9px;
    margin-bottom: 45px;
}

#edicFo legend{
    font-size: 29px;
    margin: 0 auto;
    
}

#edicCat legend{
    font-size: 29px;
    margin: 0 auto;
    
}

#enviarFo{
    margin-top: 40px;
}

#intraCat{
    width: 100%;
    margin-top: 80px;
}

#enviarCat{
    margin-top: 70px;
}

#intraCat2{
	margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template: 1fr / 23% 23% 23% 23%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}

.cajaCat1{
    width: 100%;
    height: 100%;
    border: 2px solid #666;
}


.cajaCat2{
    text-align: center;
    font-size: 29px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#intraCapi2{
    width: 90%;
	margin: 0 auto;
    display: grid;
    grid-template: 1fr / 23% 23% 23% 23%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}

#edicCapi legend{
    font-size: 29px;
    margin: 0 auto;
    
}

.cajaCapi1{
    width: 100%;
    height: 100%;
    border: 2px solid #666;
}


.cajaCapi2{
    text-align: center;
    font-size: 29px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#intraNoti2{
    width: 90%;
	margin: 0 auto;
    display: grid;
    grid-template: 1fr / 23% 23% 23% 23%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}

#edicNoti legend{
    font-size: 29px;
    margin: 0 auto;
    
}

.cajaNoti1{
    width: 100%;
    height: 100%;
    border: 2px solid #666;
    padding: 10px;
}


.cajaNoti2{
   
     text-align: center;
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cajaNoti5{
   
     text-align: center;
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cajaNoti3{
 
 
    text-align: center;
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.cajaNoti4{
  
    text-align: center;
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
}



.cajaNoti{
    width: 100%;
    height: 250px;
}

.cajaNoti img{
    width: 100%;
    height: 100%;
}

#edicNoti input{
    
display: inline-block
}

#edicNoti label{
    
font-size: 29px;
}

#enviarNoti{
    margin-top: 40px;
}

#intraNoti{
    margin-top: 50px;
}

#anad{
    margin: 0 auto;
    width: 21%;
    margin-bottom: 40px;
}

#volv{
    margin: 0 auto;
    width: 16%;
    margin-bottom: 40px;
    margin-top: 40px;
}

#volvIn{
    margin: 0 auto;
    width: 16%;
    margin-bottom: 40px;
    margin-top: 40px;
}

#volvInFo{
    margin: 0 auto;
    width: 16%;
    margin-bottom: 40px;
    margin-top: 40px;
}

#anaFo{
    margin: 0 auto;
    width: 20%;
    margin-bottom: 40px;
    margin-top: 40px;
    
}



#volvIntr{
    margin: 0 auto;
    width: 20%;
    margin-bottom: 40px;
    margin-top: 40px;
}

#inSer{
    margin: 0 auto;
    width: 30%;
    margin-bottom: 40px;
    margin-top: 40px;
}

#volverIntranet{
    margin: 0 auto;
    width: 20%;
    margin-bottom: 40px;
    margin-top: 40px;
}
#inserCap{
    margin: 0 auto;
    width: 30%;
    margin-bottom: 40px;
    margin-top: 40px;
}

#volCap{
    margin: 0 auto;
    width: 14%;
    margin-bottom: 40px;
    margin-top: 40px;
}

#voliinn{
    margin: 0 auto;
    width: 14%;
    margin-bottom: 40px;
    margin-top: 40px;
}

#inserNot{
    margin: 0 auto;
    width: 25%;
    margin-bottom: 40px;
    margin-top: 40px;
}

#volIntNot{
    margin: 0 auto;
    width: 17%;
    margin-bottom: 40px;
    margin-top: 40px;
}

#volIntran{
    margin: 0 auto;
    width: 13%;
    margin-bottom: 40px;
    margin-top: 40px;
}

#vic{
    
    margin: 0 auto;
    width: 13%;
    margin-bottom: 40px;
    margin-top: 40px;
    
}

#vise{
    margin: 0 auto;
    width: 13%;
    margin-bottom: 40px;
    margin-top: 40px;
}

#viseF{
    margin: 0 auto;
    width: 13%;
    margin-bottom: 80px;
    margin-top: 40px;
}

#viseC{
    margin: 0 auto;
    width: 13%;
    margin-bottom: 70px;
    margin-top: 40px;
}

#edicFo{
    margin-bottom: 160px;
}

#edicCat{
    margin-bottom: 130px;
}

#edicCapi{
    margin-bottom: 120px;
}

#ana{
    margin-bottom: 50px;
}

.invis{
    display:none;

}

#volvB{
    margin: 0 auto;
    width: 16%;
    margin-bottom: 40px;
    margin-top: 40px;
}



.botEdit{
    width: 50%;
	font-size:20px;
}

#edicB{
   
    min-height: 500px;
}

#edicBCa{
   
    min-height: 500px;
}

#edicBF{
    padding:100px;
    min-height: 500px;
}

.claL{
    width: 55%;
    margin: 0 auto;
    display: block;
    font-size: 30px;
}
.claLC{
    width: 60%;
    margin: 0 auto;
    display: block;
    font-size: 30px;
}

.claLC{
    width: 65%;
    margin: 0 auto;
    display: block;
    font-size: 40px;
}

#c form{
    font-size: 25px;
  
}

#e{
    width: 100%;
    margin-bottom: 50px;
}

#c input{
display: inline-block
}

#cajaPortada{
    width: 100%;
    height: 100%;
	
    background-image: url(../img/po.jpeg);
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

 
}



#tit{
	font-size: 270px;
	color: white;
	font-family: 'Norican', sans-serif;
	position: absolute;
	top: 250px;
	left:27%;
}


#preAviso{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#ab{
    margin-top: 50px;
}

#tituFotos{
    width: 100%;
    height: 70px;
    text-align: center;
    color: black;
    margin-top: 33px;
    font-size: 31px;
}

#se, #ca{
    width:0px;
    height: 0px;
    border: 1px solid white;
}


@media (max-width: 1500px){
	
	#intraCat2 {
    margin: 0 auto;
    width: 90%;
    display: grid;
    grid-template: 1fr / 33% 33% 33%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}
	#intraSe2 {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 80px;
    display: grid;
    grid-template: 1fr / 30% 30% 30%;
    align-items: center;
    justify-content: center;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
}
	

	
	
	#intraFot {
    width: 80%;
    display: grid;
    grid-template: 1fr / 33% 33% 33%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}
	
	
	
	#envIntra {
    width: 65%;
    height: 30%;
    margin: 0 auto;
    margin-bottom: 60px;
}
	
	#cajonLista, #cajonFotos, #cajonTop5, #cajonFotosT5, #envS {
    width: 90%;
   
}
    
    #intra{

        left: 85%;
    }
    
    #apartados{
        width: 100%;
    }
    
 .caja3Nindex {
    width: 100%;
  
    overflow: hidden;
}
    
    .cajaBM{
        grid-template: 1fr 1fr / 100%;
    }
    
    .caja3Nindex{
        margin-bottom: 30px;
    }
    
    .cajaB{
        grid-template: 1fr 1fr / 100%;
    }
    
}

@media (max-width: 1300px){
	
	#intraNoti2{
    width: 90%;
	margin: 0 auto;
    display: grid;
    grid-template: 1fr / 33% 33% 33%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}
	
	#intraCapi2{
    width: 90%;
	margin: 0 auto;
    display: grid;
    grid-template: 1fr / 33% 33% 33%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}

#intraFot {
    width: 80%;
    display: grid;
    grid-template: 1fr / 45% 45%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}
}

@media (max-width: 1200px){
	
	#cajonFotos2, #cajonFotos2T5, #cajonFotos1INDEX {
    width: 90%;
    display: grid;
    grid-template: 1fr / 40% 40%;
    align-items: center;
    justify-content: center;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    margin: 0 auto;
    margin-bottom: 50px;
}
	
		#intraSe2 {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 80px;
    display: grid;
    grid-template: 1fr / 45% 45%;
    align-items: center;
    justify-content: center;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
}
	
	.divBot a{
    width: 60%;
    height: 50px;
    display: block;
    margin: 0 auto;
    background-color: #4e547e;
    color: white;
    border-radius: 10px;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 14px;
}
    
    .casilla{
        font-size: 20px;
    }
    
    #intra{
        font-size: 20px;
    }
    
    
}
@media (max-width: 1000px){
	
		
	#intraCat2 {
    margin: 0 auto;
    width: 90%;
    display: grid;
    grid-template: 1fr / 45% 45%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}
	
	#intraFot {
    width: 90%;
    display: grid;
    grid-template: 1fr / 45% 45%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}

#cajonLista, #cajonFotos, #cajonTop5, #cajonFotosT5, #envS {
	width: 70%;
   
    display: grid;
    grid-template: 1fr / 100%;
    align-items: center;
    justify-content: center;
   
    grid-row-gap: 80px;
    position: relative;
	margin-bottom: 170px;
}

    
    
       
    #intra{

        left: 80%;
    }
    
    
    #envoltorio{
        height: 350px;
    }
    
    .casilla{
        height: 40px;
    }
    
    #apartados{
        height: 100px;
        grid-template: 1fr / 42% 42%;
        grid-row-gap: 20px;
        margin-bottom: 50px;
    }
    

    
    .fijo{
        display: none;
    }
    
    .cajaBM{
        width: 75%;
    }
    
     #tresUlt{
        width: 75%;
    }
    
}


@media (max-width: 900px){
	h2{
		font-size: 29px;
		padding-left: 3%;
		padding-right: 3%;
	}
	
	h3{
		font-size: 27px;
		padding-left: 3%;
		padding-right: 3%;
	}
	
		#intraFot {
    width: 90%;
    display: grid;
    grid-template: 1fr / 90%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}
	
	
	#miSelect{
		width: 300px;
		font-size: 19px;
	}
	
	
.divBot a {
    width: 90%;
    height: 50px;
    display: block;
    margin: 0 auto;
    background-color: #4e547e;
    color: white;
    border-radius: 10px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 14px;
}
	
}


@media (max-width: 800px){
	
	#redes{
    width: 20%;
   
    margin-left: 50px;
    display: grid;
    grid-template: 1fr / 50% 50%;
    justify-content: space-around;
    align-items: flex-end;
}
	
		#intraNoti2{
    width: 90%;
	margin: 0 auto;
    display: grid;
    grid-template: 1fr / 45% 45%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}
	
		#intraCapi2{
    width: 90%;
	margin: 0 auto;
    display: grid;
    grid-template: 1fr / 45% 45%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}
	
	h2 {
    text-align: center;
    color: #4e547e;
    font-size: 29px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 60px;
}
	
	#intraSe2 {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 80px;
    display: grid;
    grid-template: 1fr / 90%;
    align-items: center;
    justify-content: center;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
}
	
	h3 {
    text-align: center;
    font-size: 26px;
    color: #4e547e;
    font-weight: bold;
    text-transform: uppercase;
}
	
	
}

@media (max-width: 700px){
	
	#envIntra2 {
    width: 60%;
    height: 30%;
    margin: 0 auto;
}
	input {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    display: block;
}
	.sel {
    width: 370px;
    height: 40px;
    font-size: 18px;
    margin: 0 auto;
    display: block;
    border: 2px solid black;
    margin-bottom: 50px;
    padding-left: 7px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3…c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    padding-right: 2em;
    border: 1px solid #333;
}
	
	h2 {
    text-align: center;
    color: #4e547e;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 60px;
}
	
	h3 {
    text-align: center;
    font-size: 24px;
    color: #4e547e;
    font-weight: bold;
    text-transform: uppercase;
}
	
	.botSel {
    width: 140px;
    height: 50px;
    margin: 0 auto;
    display: block;
    font-size: 20px;
    border-radius: 10px;
    background-color: #4e547e;
    color: white;
    margin-bottom: 40px;
    cursor: pointer;
}
	
}




@media (max-width: 600px){
	
		#cajonFotos2, #cajonFotos2T5, #cajonFotos1INDEX {
    width: 90%;
    display: grid;
    grid-template: 1fr / 90%;
    align-items: center;
    justify-content: center;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    margin: 0 auto;
    margin-bottom: 50px;
}
	
	.cajaCapi2 {
    text-align: center;
    font-size: 23px;
    margin-top: 20px;
    margin-bottom: 20px;
}
	
			#intraCapi2{
    width: 90%;
	margin: 0 auto;
    display: grid;
    grid-template: 1fr / 90%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}
	.cajaCat2 {
    text-align: center;
    font-size: 23px;
    margin-top: 20px;
    margin-bottom: 20px;
}
	
		#intraCat2 {
    margin: 0 auto;
    width: 90%;
    display: grid;
    grid-template: 1fr / 90%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}
	
	.divBot a {
    width: 100%;
    height: 50px;
    display: block;
    margin: 0 auto;
    background-color: #4e547e;
    color: white;
    border-radius: 10px;
    font-size: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 14px;
}
    

    
    .dividirM{
        margin-top: -50px;
    }
    
    

	
	#cajonLista, #cajonFotos, #cajonTop5, #cajonFotosT5, #envS {
	width: 90%;
   
    display: grid;
    grid-template: 1fr / 100%;
    align-items: center;
    justify-content: center;
   
    grid-row-gap: 80px;
    position: relative;
}
    
    h1{
        margin-top: 30px;
    }
    
    h2{
        font-size: 25px;
    }
    
    h3{
        font-size: 22px;
    }
    
 #intra{

        left: 70%;
    }

    .casilla{
        font-size: 18px;
        height: 60px;
    }
    
}


@media (max-width: 500px){
	
	.caja3N {
   
    margin-top: 60px;
}
	.cajaNoti2 {
    height: 60px;
    text-align: center;
    font-size: 23px;
    margin-top: 20px;
    margin-bottom: 20px;
}
	
	.cajaNoti3 {
    height: 220px;
    text-align: center;
    font-size: 23px;
    margin-top: 20px;
    margin-bottom: 20px;
}
	
	.cajaNoti4 {
    height: 360px;
    text-align: center;
    font-size: 23px;
    margin-top: 20px;
    margin-bottom: 20px;
}
			#intraNoti2{
    width: 90%;
	margin: 0 auto;
    display: grid;
    grid-template: 1fr / 90%;
    justify-content: center;
    align-items: center;
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    margin-bottom: 50px;
}
	
	h3 {
    font-size: 18px;
			padding-left: 3%;
		padding-right: 3%;
		margin-bottom: 90px;
}
	
	h2 {
    font-size: 20px;
		padding-left: 3%;
		padding-right: 3%
}
	
	#miSelect {
    width: 200px;
    font-size: 17px;
}
	
	.divBot a {
    width: 100%;
    height: 50px;
    display: block;
    margin: 0 auto;
    background-color: #4e547e;
    color: white;
    border-radius: 10px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 14px;
}
    
    .cajaB{
        margin-bottom:370px;
    }
    
    .cajaA{
        
        margin-top: -110px;
    }
    
     .dividirM{
        margin-top: -90px;
    }
    #intra{

        left: 65%;
    }
}


@media (max-width: 400px){
    
    
    .cajaBM {
    width: 90%;
}
    
    .caja6M {
    font-size: 17px;
    font-weight: lighter;
}
    
    .caja7B {
    font-size: 17px;
    margin-bottom: 20px;
}
    
    .caja8B {
    font-size: 17px;
}
    
#cajonNoticias, #tresUlt {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 80px;
    display: grid;
    grid-template: 1fr / 100%;
    align-items: center;
    justify-content: center;
    grid-row-gap: 300px;
    margin-bottom: 150px;
}
	
	#intraSe2 {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 80px;
    display: grid;
    grid-template: 1fr / 90%;
    align-items: center;
    justify-content: center;
    grid-column-gap: 80px;
    grid-row-gap: 80px;
}
	#envIntra2 {
    width: 70%;
    height: 30%;
    margin: 0 auto;
}
	
	.sel {
    width: 300px;
    height: 40px;
    font-size: 14px;
    margin: 0 auto;
    display: block;
    border: 2px solid black;
    margin-bottom: 50px;
    padding-left: 7px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3…c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    padding-right: 2em;
    border: 1px solid #333;
}
	
	.botSel {
    width: 120px;
    height: 50px;
    margin: 0 auto;
    display: block;
    font-size: 18px;
    border-radius: 10px;
    background-color: #4e547e;
    color: white;
    margin-bottom: 40px;
    cursor: pointer;
}
	
		#cajonLista, #cajonFotos, #cajonTop5, #cajonFotosT5, #envS {
	width: 90%;
   
    display: grid;
    grid-template: 1fr / 100%;
    align-items: center;
    justify-content: center;
   
    grid-row-gap: 150px;
    position: relative;
}
    .caja8B{
        margin-bottom: 50px;
    }
	
	#intra{
		left: 60%;
		font-size: 16px;
	}
    
	.casilla{
		font-size: 16px;
	}
    
   .dividirM {
    margin-top: 10px;
}
     #envoltorio{
        height: 350px;
    }
    
   
}