*{padding:0px;
margin: 0px;
box-sizing: border-box;}
html, body{width: 100%;
height: 100%;}

.im100{width: 100%;}


/* 
font-family: 'Lato', sans-serif;
font-family: 'Roboto Slab', serif;
*/

.flexi{display:flex;
justify-content: space-between;
flex-wrap: wrap;}

.container{max-width: 1250px;
margin:0px auto;}

.w15{width: 15%;}
.w15{width: 20%;}
.w31{width:31%;}
.w20{width: 20%;}
.w80{width: 80%;}
.w85{width: 85%;}
.w70{width: 70%}
.w30{width: 30%;}


footer{padding:40px;
background-color:rgba(243,147,103,0.9);
width: 100%;
margin-top: 5%;}
footer p{text-align: center;
font-weight: 700;
}


#logo{width: 10%;
margin: 0px auto;
padding: 20px;}
#logo img{}
nav{width: 40%;
margin: 30px auto;
}
nav ul{display: flex;
justify-content: space-between;
flex-wrap: wrap;}

nav li{list-style-type: none;}

nav a{display: block;
text-decoration: none;
font-family: 'Roboto Slab', serif;
font-size:18px;
color:black;
text-align: center;
border-bottom: 1px solid white;}

nav a:hover{border-bottom: 1px solid orange;
text-decoration: none;
color:orange;}

p{font-family:'Lato', sans-serif; }

.padre{position: relative;}
.hijo1{position: absolute;
z-index: 1000;
    width: 50%;
top:35%;
left:25%;}
#s1 h1{font-family: 'Roboto Slab', serif;
font-size: 65px;
text-decoration: underline;
color:white;
text-align: center;}
#s1 p{color:white;
    text-align: center;
margin-top: 3%;
line-height: 19px;}


/* section2*/
#s2{padding: 100px 0px;}


#s2 h1, #s3 h1{font-family: 'Roboto Slab', serif;
    font-size: 35px;
    text-decoration: underline;
   color:black;
    text-align: center;
margin-bottom: 4%;}


#s2 h2, #s4 h2{font-family: 'Roboto Slab', serif;
    font-size: 22px;
   margin-top: 4%; 
   color:black;
    text-align: center;
    margin-bottom: 4%;}


#s2 p{text-align: center; 
padding: 0px 50px;
line-height: 19px;}

#s2 a{color:black;}

#s2 a:hover{color:dimgrey;
text-decoration: none;}


/* section3*/


#s3 .padre:nth-child(odd) .hijo2{
    right: 0px;
}
#s3 .padre .hijo2 {
position: absolute;
z-index: 1000;
width: 50%;
top:0px;
/*left:0px;*/
padding: 80px;
background-color: rgba(243,147,103,0.9);
height: 100%;}



/*.hijo3{position: absolute;
z-index: 1000;
width: 50%;
top:0;
right:0;
padding: 80px;
background-color: rgba(243,147,103,0.9);
height: 100%;}
*/


/* section4*/
#s4{padding-top: 5%;}

#s4 article{width: 25%;
margin: 40px auto;}


#s4 input#nossus{width:300px;
text-align: center;
border: 1px solid black;
display: block;
margin: 0px auto;
}

#s4 #sussus{width: 90px;
display: block;
text-align: center;
font-family: 'Lato', sans-serif;
font-size:16px;
line-height: 16px;
background-color: white;}

.acepto{margin-top: 0%; 
display: block;
color:grey;}

#s3 h2{font-family: 'Roboto Slab', serif;
    font-size: 26px;
   margin-top: 4%; 
   color:white;
    text-align: center;
    margin-bottom: 4%;}


#s3 p{text-align: center; 
padding: 0px 50px;
color:white;}

#s4 form{margin: 20px auto;
text-align: center;
}
#s4 p{text-align: center;}
.bton{display: block;
width: 100px;
padding: 5px;
text-align: center;
text-decoration: none;
color:rgba(243,147,103,1);
margin: 20px auto;
border: 1px solid  rgba(243,147,103,1);}
.bton:hover{text-decoration: none;
background-color:rgba(243,147,103,1);
margin: 20px auto;
color:black;}

.bton2{display: block;
width: 140px;
padding: 5px;
text-align: center;
text-decoration: none;
color:rgba(243,147,103,1);
border: 1px solid  rgba(243,147,103,1);
margin-top:40px;
margin-left: 20px;}
.bton2:hover{text-decoration: none;
background-color:rgba(243,147,103,1);
color:black;}

.icono{width: 30px;
padding: 3px;}


#fichart{padding:60px;}

#ficha h1{ font-family: 'Roboto Slab', serif;
    font-size: 28px;
    margin-top: 4%; 
    color:black;
    text-align:left;
    margin-bottom: 4%;
    padding-left: 80px;
    border-bottom: 2px solid black;}

#ficha h2{ font-family: 'Roboto Slab', serif;
    font-size: 22px;
    margin-top: 4%; 
    color:black;
    text-align: left;
    margin-bottom: 4%;
    padding-left: 10px;
    border-bottom: 2px solid black;}
.w50{width: 50%;}


.ocultar{display: none;}
#s5{margin-top: 5%;}

.circulo{width: 90px;
height: 90px;
border-radius: 90px;
background-color: rgba(243,147,103,1)}

.circulo p{text-align: center;
padding-top: 18px;}

#s5 h1, #men h1{font-family: 'Roboto Slab', serif;
    font-size: 35px;
    text-decoration: underline;
   color:black;
    text-align: left;
   margin-bottom: 8%;}
#s5 h2{font-family: 'Roboto Slab', serif;
    font-size: 22px;
    text-decoration: underline;
    color: rgba(243,147,103,1);
    text-align: left;
    margin-bottom: 6%;
    margin-top: 6%;}

.nigga{font-weight: 600;}

.not{padding-right: 30px;}
#men{padding-left:30px;
border-left: 1px solid black;
margin-top: 0%;
}
#men a{color:black;
text-decoration: none;}
#men a:hover{text-decoration: none;
color:rgba(243,147,103,1);}
#men img{padding-right: 10px;}

#publi h1{margin-top:8%;}
#topp{margin-top: 10%;}
.publilogo{width: 40%;}
#s5 a{color:black;
text-decoration: none;}
#s5 a:hover{color:  rgba(243,147,103,1);}


#s6 h1{ font-family: 'Roboto Slab', serif;
font-size: 35px;
margin-bottom: 8%;
margin-top: 8%;}

lenged{ font-family: 'Roboto Slab', serif;
font-size: 25px;
margin-bottom: 2%;}
#s6 label{width:160px;
    background-color: rgba(243,147,103,1);
    padding: 5px;
    
}
#s6 input {width: 380px;
border: 1px solid grey; }

#s6 textarea{width:545px;
border: 1px solid grey; }

.verde{color:green;}
.rojo{color:red;}

#tabl{padding: 40px;
    margin-top:4%;
}
#tablita {width:80%;
padding: 20px;
margin: 0px auto;
border:1px solid rgba(243,147,103,0.9);
font-family: 'Roboto Slab', serif;


}




#tablita2 {width:99%;
padding:90px 60px;
margin: 0px auto;
border:1px solid rgba(243,147,103,0.9);
margin-bottom: 8%;
}

#tablita2 th{

    padding: 15px;
        background-color: rgba(243,147,103,1);
}
#tablita2 td{
 
    padding: 10px;
    border-right: 2px solid rgba(243,147,103,1);
    border-bottom: 2px solid rgba(243,147,103,1);
}




.reser{color:black;
text-decoration: none;
border-bottom: 1px solid transparent;
display: block;
width: 130px;
text-align: center;
margin: 0px auto;}
.reser:hover{color:white;
    text-decoration: none;
border-bottom: 1px solid white;}


.acceso{width: 26%;
margin: 200px auto;
background-color: white;
padding:20px 10px 20px 20px;
border-radius: 15px;}
.acceso form{margin: 10px auto;
width: 90%;}
.acceso label{
width: 110px;}

.fondo{background-image: linear-gradient(rgba(243,147,103,1), rgba(293,187,103,1));
height: 100%;
overflow: hidden;}
.acceso label, .acceso input{margin-bottom: 10px;}
.btnacceso{width: 100px;
margin: 10px auto;
display: block;}

#accesh1{
font-family:'Lato', serif;
    font-size:27px;
    text-align: center;
    margin-bottom: 8%;
}

/* a partir de aki es admin: */



#n2 a:hover{ color:papayawhip;
border-bottom: 1px solid papayawhip;}
.con{display: block;}
.normal{color:white;
text-decoration: none;
padding: 10px 0px;
display: block;
font-family: 'Roboto Slab', serif;
color:black;
text-align: left;
display:block;
width: 100%;

}

.con ul li a{color:lightgray;
text-align: right;
display:block;
margin-left: 50px;
text-decoration: none;
padding: 10px 0px;
font-family:  'Roboto Slab', serif;
}


#n2{margin-left: 50px;}
#vertical{margin-bottom: 20%;
background-color:rgba(243,147,103,1);
padding: 80px 0px;}

#vertical h1{font-family: 'Roboto Slab', serif;
font-size:30px; 
color:white;
text-align: left;
padding-left: 50px;}

#vertical h2{font-family: 'Roboto Slab', serif;
font-size:22px;
color:white;
padding-left: 50px;}
#admins1{ padding:90px 80px;}

#admins1 h1{font-family: 'Roboto Slab', serif;
font-size:25px;
text-align: left;
border-bottom: 2px solid black;
display: block;
width:60%;
margin-bottom:2%;}


.txth2{font-family: 'Roboto Slab', serif;
font-size:30px;
text-align: left;
margin-bottom: 5%;
width: 80%;
    color:rgba(243,147,103,1);
}
.txth3{font-family: 'Lato', sans-serif;
font-size:25px;
    font-weight: 700;
text-align: left;
display: block;
width: 80%;
margin-bottom: 2%;}
.txth3-3{font-family: 'Lato', sans-serif;
font-size:25x;
text-align: left;
display: block;
width: 80%;
margin-bottom: 2%;}

.txth3-2{font-family: 'Roboto Slab', serif;
font-size:25px;
text-align: left;
margin-bottom: 0%;
width: 80%;
    color:black;}





.margle{margin-left: 50px;
    padding-left:40px;}

#fichamod{margin-top: 20%;
}
.portadacen{width: 100px;
text-align: center;}

#formadm{margin-bottom: 6%;
border:2px solid rgba(243,147,103,1);
padding: 40px;}

#formadm label{width: 100px;
font-family: 'Lato', sans-serif;
margin-bottom: 1%;}
#formadm input{margin-bottom: 1%;}

#formadm2{margin-bottom: 6%;
border:2px solid rgba(243,147,103,1);
padding: 40px;
margin-top: 0px;}

#formadm2 label{width: 100px;
font-family: 'Lato', sans-serif; }



.icon{margin: 0px auto;
width: 50px;
display: block;}
.icon2{margin: 0px auto;
width: 30px;
display: block;}
.boton{margin-top: 4%;}

.texarea{width: 500px;
height: 180px;}



#tablita3{width:100%;
padding:0px;
margin: 20px auto;
border:none;

    
}
#tablita3 thead{  background-color: rgba(243,147,103,1);
  border:none;}
#tablita3 th{
    padding: 15px;
    color:black;
    font-family:'Lato', sans-serif;
    border:none;
    font-weight: 700;
}
#tablita3 td{
 
    padding: 10px;
    border: 2px solid rgba(243,147,103,1);
    border-right: 2px solid rgba(243,147,103,1);
    border-bottom:2px solid rgba(243,147,103,1);
font-family:'Lato', sans-serif;
    text-align: center;
    font-size:14px;
}


.tablita3{width:100%;
padding:0px;
margin: 20px auto;
border:none;

    
}
.tablita3 thead{  background-color: rgba(243,147,103,1);
  border:none;}
.tablita3 th{
    padding: 15px;
    color:black;
    font-family:'Lato', sans-serif;
    border:none;
    font-weight: 700;
}
.tablita3 td{
 
    padding: 10px;
    border: 2px solid rgba(243,147,103,1);
    border-right: 2px solid rgba(243,147,103,1);
    border-bottom:2px solid rgba(243,147,103,1);
font-family:'Lato', sans-serif;
    text-align: center;
    font-size:14px;
}

#latablaactivos{
    margin-bottom: 5%;
}
.centrau{width: 80%;
margin: 20px auto;}
.buscar{padding: 5px 20px;
}
.fotoficha{padding:0px  20px;}