@charset "utf-8";




*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	border: 0;
	}




	body{

		background-color: rgba(254, 255, 242, 1);
		font-family: montserrat;
		
		
		}






/* header */


.registroeinicio {

	background-color: #E6373C;
	height: 7.77vh;
	width: 100%;
 
	}

/* MENU DESPLEGABLE*/ 



.menu_bar {
	display:none;
}

header {
	width: 100%;
	height: 7.7vh;

}

header nav {
	background:rgba(158, 181, 102, 1);
	z-index: 1000;
	width:100%;
	height: 7.7vh;
	display: flex;
	justify-content: center;

	
}

header nav ul {
	list-style:none;
	

}

header nav ul li {
	display:inline-block;
	position: relative;
}

header nav ul li:hover {
	background:#E6373C;
}

header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 2.15vh;
}

header nav ul li a span {
	margin-right:10px;
}

header nav ul img {

height: 3vh;
width: auto;
padding-right: 0.5vw;


}


.menu_bar img{


height: 4vh;
width: auto;







}


/*ACCIÓN MENÚ*/


@media screen and (max-width: 800px) {





    
    header  {
    
   margin-top: 7.7vh;



	}

	header nav ul li{
   
	display: flex;
	flex-direction: column;
	justify-content: center;
	
	
   
	}



	header nav ul li a {

    display: flex;
	align-items: center;


	}

header nav ul img {

padding-right: 3vw;

}



	#iniciomenu {

    margin-top: 7.7vh;


	}

	.menu_bar {
		display:block;
		width:100%;
		height: 7.7vh;
		position: fixed;
		top:0;
	background:#E6373C;

	}

	.menu_bar .bt-menu {
		display: block;
		padding: 25px;
		color: #fff;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_bar span {
		float: right;
		font-size: 40px;
	}

	header nav {
		width: 65.65vw;
		height: calc(100% - 7.7vh);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
	}

}


/* main */

/* index */


.cc {

	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
		
	}
		
	.cc input {
		
	border: 0.188em solid #E6373C; 
	margin-top: 1.64vh;
	color: rgba(158, 181, 102, 1);
	height: 4.86vh;
	width: 78.97vw ;
	font-size: 1.51vh;
	padding: 0em 0em 0em 0.625em;
	background-color: rgba(254, 255, 242, 1);
		
	}
	
	.botonesiyr {
	display: flex;
	justify-content: center;
	align-items: center;
		 
		   }
		  
	.botonesiyr input {
	   
	background-color: #E6373C ;
	height: 3.88vh;
	width: 30.37vw ;
	border-radius: 2.5rem;
	text-decoration: none;
	font-size: 1.403vh ;
	color: white;
	margin-bottom: 1.84vh;
	cursor: pointer;  
	box-shadow: 0rem 0.5rem 0.5rem rgba(0, 0, 0, 0.25);   
				   
	}
	   
	.botonesiyr input:hover{
	   
	background-color: #cc3136 ;
	   
	}
	
	.registrar{
	
	color: black;
	font-style: italic;
	font-size: 1.619vh ;
	font-weight: 400;
	text-decoration: underline black;
		
	}
		
	
	#iniciarsesion {
	   
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	height: calc(100vh - 7.77vh - 7.77vh);
							
						
	}
										  
	#iniciarsesion h1{
						
	color: rgba(158, 181, 102, 1);
	font-weight: 900;
	font-style: normal;
	font-size: 3.23vh;
						
	}
	
	#principio{
	
	color: rgba(158, 181, 102, 1);
	font-weight: 600;
	font-size: 3.23vh;
	margin-bottom: -0.3em;
			   
	}
	
	#nombrepag{
	   
	 color:rgba(230, 55, 60, 1) ;
	 font-weight: 900;
	font-size: 3.23vh;
			
	}
	
	#bajada {
	
	color: rgba(62, 97, 59, 1);
	font-style: italic;
	font-weight: 400;
	font-size: 2.375vh;
	margin-top: 1.625rem;
				
	}
	
	#logoindex img {
	
	height: 21.27vh;
	width: auto;
	}
	
	#contra {
	
	margin-bottom: 4.64vh;
							
	}
	
	
	#registrolvido {
	
	display: flex;
	flex-direction: column;
		
	}
	
						
	#olvido {
						
	margin-bottom: 2.15vh;
						
	}
	
	
	
	/* registrarse */
	
	#datosregistro {
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: calc(100vh - 7.77vh - 7.77vh);
		
	}
	
	#registroh1 {
	
	display: flex;
	justify-content: center;
	align-items: center;
		
	}
		
		
	#registroh1 h1{
	
	text-align: center;
	font-size: 2.91vh ;
	color:rgba(230, 55, 60, 1) ;
	font-weight: 700;
	margin-bottom: 3.45vh;
		
	}
		
		
	#checkregistro {
	
	margin-top: 6.47vh;
	margin-left: 10.51vw ;
	display: flex;
	margin-bottom: 6.80vh ;
		
	}
		
	#checkregistro input {
		
	height:3.88vh ;
	width: 8.41vw ;
	margin-right: 5.3vw;
		
	}
		
	#checkregistro label {
		
	font-size: 1.511vh;
	font-weight: 400;
	font-style: italic;
		
	}
		
	
			   
	
	
	/* intereses */
	
	.acordeon {
	
	margin-top: 1.61vh ;
	width: 78.9vw ;
	
	}
	
	
	.acordeon-boton {
	
	background-color: rgba(158, 181, 102, 1);
	color: white;
	font-weight: 700;
	font-size: 1.5vh;
	border: 0.3vh solid #E6373C ;
	width: 78.9vw ;
	height: 4.85vh;
	padding: 0em 8.17vw 0em 3.03vw;
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
	
	}
	
	.acordeon-boton::after{
	
	content:"\002B";
	font-size: 4vh ;
	position: absolute;
	right: 3.73vw;
	
	}
	
	
	
	.acordeon-boton.active::after{
	
	content:"\2212" ;
	
	}
	
	
	.acordeon-boton:visited{
	
	background-color: #E6373C;
	
	}
	
	.acordeon-body{
	
	color: black;
	max-height: 0em;
	overflow: hidden;
	
	}
	
	.acordeon-boton.active {
	
	background-color: #E6373C;
	
	}
	
	
	.acordeon-body-contenido {
	
	display: flex;
	flex-direction: column;
	margin-top: 1.83vh;
	font-size: 1.18vh ;
	font-weight: 400;
	
	}
	
	
	.interesinput input{
	
	margin-right: 2.80vw;
	
	}
	
	.interesinput {
	
	margin-top: 1.51vh;
	color:#E6373C ;
	display: flex;
	
	}
	
	#intereses {
	
	margin-top: 7.77vh;
	height: calc(100vh - 23.31vh );
	
	}
	
	
	#titulointereses {
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	
	}
	
	#ecoamenazasintereses {
	
	margin-left: 4.67vw;
	
	}
	
	
	#ecoamenazasintereses h1 {
	
	font-size: 3.27vh;
	font-weight: 900;
	color: rgba(158, 181, 102, 1);
   
	}
	
	#ecoamenazasintereses h1 b {
	
	font-size: 3.27vh;
	font-weight:900 ;
	color: rgba(230, 55, 60, 1);
	
	}
	
	#interesesimg a img{
	
	height: 6.04vh;
	width: auto ;
	
	}
	
	#ecoamenazasintereses p {
	
	font-size: 1.62vh;
	color: rgba(62, 97, 59, 1) ;
	font-weight: 400;

	}
	
	#titulointereses{
	
	margin: 0em 0em 3.55vh 0em;
	
	}
	
	#acordeones {
	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	
		
	}
	
	#continuarinteres {
	
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 8.96vh 10.28vw 0vh 10.28vw;
	
	}
	
	
	

	
	
	
	/* Inicio */



	.peticionesyamenazas input{

	height: 10.15vh;
	width: 100vh;
	background-color: rgba(158, 181, 102, 1);
	font-size: 3.02vh;
	font-weight: 900;
	color: rgba(254, 255, 242, 1);
    cursor: pointer;

     
	}


	.peticionesyamenazas input:hover {

     background-color: rgba(230, 55, 60, 1);

	}

#inicio {
	height: calc(100vh - 7.7vh - 7.7vh);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;

}


#logoinicio {

display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin-bottom: 7.7vh;

}

#logoinicio img {

height: 27.75vh;
width: 60.04vw ;

}


#logoinicio h1 {

font-size: 2.91vh;
font-weight: 900;
color:rgba(158, 181, 102, 1) ;


}

#nombrepaginicio {

color: #E6373C  ;
font-size: 2.91vh;
font-weight: 900;

}


#inputinicio {

margin-top: 1.18vh;


}

#ecoamenazasypeticiones {

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    
    
    
    }
    
    #ecoamenazas {
    
    margin-right: 3.03vw;

    
    }
    
    #ecoamenazasypeticiones input {
    
    background-color:#9EB566 ;
    width: 37.38vw;
    height: 4.42vh ;
    border-radius: 2.5rem;
    color: rgba(254, 255, 242, 1) ;
    box-shadow: 0rem 0.25rem 0.25rem rgba(0, 0, 0, 0.25);margin-bottom: 7.7vh;
    cursor: pointer;
    
    
    
    }

    #ecoamenazasypeticiones input:hover{

    background-color: #E6373C;


    }
      
      .sliderinicio ul, li {
          padding: 0;
          margin: 0;
          list-style: none;
      }
      
      ul.sliderinicio{
        position: relative;
        width: 333px;
        height: 223px;
      }
      
      ul.sliderinicio li {
          position: absolute;
          left: 0px;
          top: 0px;
          opacity: 0;
          width: inherit;
          height: inherit;
          transition: opacity .5s;
      }
      
      ul.sliderinicio li img{
        width: 100%;
        height: 223px;
        object-fit: cover;
      }
      
      ul.sliderinicio li:first-child {
          opacity: 1; /*Mostramos el primer <li>*/
      }
      
      ul.slider li:target {
          opacity: 1; /*Mostramos el <li> del enlace que pulsemos*/
      }
      
      .menu{
        text-align: center;
        margin: 20px;
      }
      
      .menu li{
        display: inline-block;
        text-align: center;
      }
      
      .menu li a{
        display: inline-block;
        color: white;
        text-decoration: none;
        padding: 10px;
        width: 20px;
        height: 20px;
        font-size: 20px;
        border-radius: 100%;
        background-color: rgba(62, 97, 59, 1);
      }
    
    
    
    

/* notificaciones */



:root {
	--white: rgba(254, 255, 242, 1);
	--gray: #434257;
	--blue: #18172c;
	--green: #9EB566;
  }


#notificaciones {

height: calc(100vh - 7.7vh - 7.7vh);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;

}

.switches [type="checkbox"] {
	position: absolute;
	left: -2336.2vw;
  }


#h1notificaciones {

	font-size: 3.13vh;
	text-align: center;
	color: rgba(158, 181, 102, 1);
	font-weight: bold;
	

}


#bnotificaciones {

color:#E6373C ;


}

.switches a {

	color: inherit;
	text-decoration: none;


}

.switches label {


		cursor: pointer;
	  

}

.switches {
	max-width: 500px;
	width: 95%;
	margin: 50px auto 0;
	border-radius: 5px;
	list-style: none;
	
  }



  .switches li {
	position: relative;
	counter-increment: switchCounter;
  }
  
  .switches li::before {
	content: counter(switchCounter);
	position: absolute;
	top: 50%;
	left: -30px;
	transform: translateY(-50%);
  }
  
  .switches label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
  }
  
  .switches span:last-child {
	position: relative;
	width: 50px;
	height: 26px;
	border-radius: 15px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
	background: var(--gray);
	transition: all 0.3s;
  }
  
  .switches span:last-child::before,
  .switches span:last-child::after {
	content: "";
	position: absolute;
  }
  
  .switches span:last-child::before {
	left: 1px;
	top: 1px;
	width: 24px;
	height: 24px;
	background: var(--white);
	border-radius: 50%;
	z-index: 1;
	transition: transform 0.3s;
  }
  
  .switches span:last-child::after {
	top: 50%;
	right: 8px;
	width: 12px;
	height: 12px;
	transform: translateY(-50%);
	background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/uncheck-switcher.svg);
	background-size: 12px 12px;
  }
  
  .switches [type="checkbox"]:checked + label span:last-child {
	background: #9EB566;
  }
  
  .switches [type="checkbox"]:checked + label span:last-child::before {
	transform: translateX(24px);
  }
  
  .switches [type="checkbox"]:checked + label span:last-child::after {
	width: 14px;
	height: 14px;
	/*right: auto;*/
	left: 8px;
	background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/checkmark-switcher.svg);
	background-size: 14px 14px;
  }
  
  @media screen and (max-width: 600px) {
	.switches li::before {
	  display: none;
	}
  }
  
  .cuadradonotificaciones{ 
  
	  
	  width: 279px;
	  height: 45px;
	  background: #9EB566;
	  text-align: center;
	  padding: 11px;
	  margin-right: 1em;
	  font-size: 1.40vh;
	  font-weight: 700;
	  color: rgba(254, 255, 242, 1);
  
  }
  

/* contacto */


#contacto {

	height: calc(100vh - 7.7vh - 7.7vh);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}


.cajas {
    
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
    }
    
    .cajas input {
    
    border: 0.188em solid #E6373C; 
    margin-top: 1.64vh;
    color: rgba(158, 181, 102, 1);
    height: 4.86vh;
    width: 78.97vw ;
    font-size: 1.51vh;
    padding: 0em 0em 0em 0.625em;
    background-color: rgba(254, 255, 242, 1);
    
    }


.enviar {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 6.80vh ;
}


.enviar input {

        background-color: #e6373c;
        height: 56px;
        width: 30.37vw ;
        border-radius: 6px;
        text-decoration: none;
        font-size: 13px;
        color: rgba(254, 255, 242, 1);
        margin-bottom: 1.84vh;
         
}

.enviar input:hover {
        background-color: rgba(0,0,0,0.3);
        pointer-events: visible;
}

.about {
    display:block;
    position: absolute;
                width: 383px;
                height: 68px;
                left: 29px;
                top: 70px;
                font-family: Montserrat;
                font-style: normal;
                font-weight: normal;
                font-size: 12px;
                line-height: 21px;
              
}

#pcontacto {
    margin-block-end: 1em;
    display: block;
    margin-block-start: 1em;
    margin-inline-start: 27px;
    margin-inline-end: 41px;
    font-family: Montserrat;
    font-size: 12px;
    position: relative;
    top: 80px;
    left: 18px;
    color: #E6373C;
}

#formcontacto {
    width: 450px;
    margin: auto;
    padding: 10px 20px;
    box-sizing: border-box;
    margin-top: 20px;
    border-radius: 20px;
}


.about h1  {
    
        display: flex;
        justify-content: center;
        font-size: 22px;
        margin-block-start: 1.67em;
        margin-block-end: -1.33em;
        margin-inline-start: -128px;
        margin-inline-end: 0px;
        font-weight: bold;
        color:rgba(158, 181, 102, 1);
}


#titulo h2 {
    display: flex;
    justify-content: center;
    font-size: 22px;
    margin-block-start: 3.67em;
    margin-block-end: -1.33em;
    margin-inline-start: -128px;
    margin-inline-end: 0px;
    font-weight: bold;
    color:rgba(158, 181, 102, 1);
}

input textarea {
    width: 100%;
    margin-bottom: 12px;
    padding: 7px;
    box-sizing: border-box;
    font-size: 1.51vh;
    font-family: montserrat;
}

textarea {
    min-height: 100px;
    max-height: 200px;
    max-width: 100%;
	border: 2px solid #E6373C;
	background-color: rgba(254, 255, 242, 1);
}


#boton {
    background: #E6373C;
    padding: 20px;
}

#boton:hover {
    cursor: pointer;
}

@media (max-width: 480px) {
    form{
        width: 100%;
    }
    textarea{
        width: 100%;
    }
}

/*  ecopeticiones  */


#ecopeticionescontenedor{

	height: calc(100vh - 7.7vh - 7.7vh);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;



}






#ecopeticiones {
    display: flex;
    justify-content: center;
}

#ecopeticiones h1 {
    font-size: 3.27vh;
    font-weight: 900;
    color: rgba(158, 181, 102, 1);
}

#ecopeticiones h1 b {
    font-size: 3.27vh;
    font-weight: 900;
    color: rgba(230, 55, 60, 1);
}



#peticionesadheridas h2 {
    display: flex;
    justify-content: center;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 10px;
    margin-inline-end: 0px;
    font-weight: bold;
    color: #E6373C;
    margin-bottom: 0px;
}

#firmarpeticiones h3 {
    display: flex;
    justify-content: center;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    color: #E6373C;
}


#peticionesadheridas {

list-style: none;


}

.slider {
    width: 300px;
    height: 150px;
    margin: auto;
    position: relative;
    list-style: none;
    padding: 0;
    display: flex;

    justify-content: center;
    align-items: flex-end;
    top: 14px;
    left: 0px;

}

.slider img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.7s;
}

.slider input[type="radio"] {
    display: none;
 
}

.slider input[type="radio"]:checked ~ img {
    opacity: 1;
}

.slider input[type="radio"] + label {
    position: relative;
    z-index: 50;  
    margin: 10px;  

    width: 10px;
    height: 10px;
    background: rgba(254, 255, 242, 1);
    display: block;
    border-radius: 50%;
    border: 2px solid black;
    cursor: pointer;
}

.slider input[type="radio"]:checked +label {
    background: black;
    border: 2px solid rgba(254, 255, 242, 1);
}

#img1 {
    height: auto; 
    width: auto; 
    max-width: 60vw; 
    max-height: 300px;
    position: center;
    top: 0;
    left: 31px;
    width: 100%;
    height: 100%;
}

#img2 {
    height: auto; 
    width: auto; 
    max-width: 60vw; 
    max-height: 300px;
    position: center;
    top: 0;
    left: 31px;
    width: 100%;
    height: 100%;
}

#img3 {
    height: auto; 
    width: auto; 
    max-width: 60vw; 
    max-height: 300px;
    position: center;
    top: 0;
    left: 31px;
    width: 100%;
    height: 100%;
}

.cuadrado { 

    font-family: sans-serif;
    font-weight: 700;
    font-size: 1.5vh;
    text-align: center;
    list-style: none;

color: rgba(254, 255, 242, 1);
background: #9EB566;
margin: 0 0 10px;
overflow: hidden;
padding: 15px;
border: 2px solid #E6373C;
width: inherit;
}


	/* footer */


	.contacto {

     background-color:rgba(230, 55, 60, 1) ;
	 height: 7.7vh;

     display: flex;
	 justify-content: flex-end;
	 flex-direction: row;
	 align-items: center;
	 color: rgba(254, 255, 242, 1);
     padding-right: 7.24vw;
 
	}


	
.contacto input {

cursor: pointer;
background-color:rgba(230, 55, 60, 1) ;
color: rgba(254, 255, 242, 1);

}