/*!
 * Autor::
 * Institución: 	   
 * Version:           
 * Descripción: Archivo de estilos de la pantalla principal
*/

@charset "UTF-8";
/*------------------------------------*
   Contenido
*------------------------------------*/
/**
 * BASE
 * - MAIN
 * - NORMALIZE
 * - LAYOUTS
 * - COMPONENTS
 * - TYPOGRAPHY
 * - FORMS
 *
 * COMPONENTS
 * - TOP BAR
 * - HEADER
 * - NAVIGATIONS
 * - LINKS EFFECT
 * - MEGA MENU
 * - SEARCH ICON
 * - DROP DOWN MOBILE
 * - FULL SCREEN MOBILE
 * - PAGE HEADER
 * - BLOG
 * - SIDEBAR
 * - CUSTOM SELECTS
 * - PAGINATION
 * - COMMENT
 * - SEARCH
 * - FOOTER
 * - 404 PAGE
 *
 * PLUGINS
 * - GENERAL
 * - MAGNIFIC POPUP
 * - SIDR
 * - SLICK
 *
 * RESPONSIVE
 */
/*------------------------------------*
	Cuerpo
*------------------------------------*/
:root{
  --verdeacav: #216e3a;
  --rojoacav: #de2118;
  --rojod: rgba(124,37,41,0.5);
  --verded: rgba(21,119,80,0.5);
  --gris: #666666ff;
}

html {
  height: 100%;
  line-height: 1.125em;

}


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

/*
header, section, footer, aside, nav, article, figure, figcaption,
hgroup, label, input{
display: block;
}-*/


/*------------------------------------*
	Cuerpo Principal
*------------------------------------*/

body{
 /*width: 100%;
 min-height: 100vh;
 background-image:url('https://cdn.pixabay.com/photo/2018/05/04/15/23/poppies-3374193_1280.jpg');*/
 background-image: url('../img/fondo4.jpg');
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: cover;
 /*background-position: center center;*/
 /*background-size:contain; */
 display: grid;
 grid-template-rows: auto 1fr auto;
 min-height: 100vh;
}


/*------------------------------------*
	Cabecera Principal
*------------------------------------*/
.header{
	background: transparent;
	box-shadow: 0 0 .0rem rgba(0,0,0,.08),0 .5rem .75rem rgba(0,0,0,.14);
   padding: 0px 0px;
}

.header #nivel1{
	/*background: #7c2529;*/
	background-color:rgba(124,37,41,0.8); 
   padding: 5px 10px;
   color: #fff;
   text-align: left;
}
.header #conte{
  display: grid;
  grid-template-columns: 1fr auto;	
}

.header #nivel2{
	/*background: transparent;-
	background: #157750;*/
	background-color:rgba(21,119,80,0.5);
   padding: 25px 10px;
   color: #d4aa00ff;
   font-size: 1.70rem;
}

.header #bot-ingresar{
	/*background: transparent;-
	background: #157750;*/
	background-color:rgba(21,119,80,0.5);
   padding: 25px 10px;
   color: #fff;
   border-left: 2px solid #999999;
}

.header #bot-ingresar:hover{
	color: #fff;
   background-color: var(--verdeacav);
   cursor: pointer;
   outline: none;
}

#conte a{
text-decoration: none;
color: #d4aa00ff;
}

/*------------------------------------*
	Sección
*------------------------------------*/

.seccion {
	/*display: grid;
	g/rid-template-columns: repeat(2,1fr);
  grid-column: span 3;
 min-height: 80%;
  min-width: 800px
   display: grid;
  grid-template-columns: repeat(2,2fr);	
  gap: 20px;
  place-items: center;
  min-height: 80%;*/
  padding: 1rem;
  display: flex;
  justify-content: center;
  place-items: center;
  /*aling-items: center;*/
  gap: 30px;
 
  
  
  /*background-image:url('https://cdn.pixabay.com/photo/2018/05/04/15/23/poppies-3374193_1280.jpg');
  align="center";*/
}

.seccion .mensaje{
	width:400px;
	height: 300px;
	background-color:rgba(255,255,255,0.7);
	border-radius: 5px;
	padding: 15px;
	
	/*transform: translateY(50%); 
	align:"left";
	margin-bottom: 1rem; */
}

.mensaje #titulo3{
  margin: 15px auto;
}

.seccion .busqueda{
	width:400px;
	height: 300px;
	background-color:rgba(255,255,255,0.7);
	border-radius: 5px;
	padding: 10px;
	text-align: center;
	
	/*place-items: center;
	align-items: center;
	margin: 10px auto;;
	/*transform: translateY(50%);
	align-items:center;*/
} 

#radio{
   margin: 15px auto;
   gap: 15px;
}

#taxon{
  width: 100%;
  height: 45px;
  margin: 15px auto;
}

input[ type="submit"]{
  width: 50%;
  outline: none;
  border-radius:5%;	
  background: linear-gradient( to right, rgba(237, 188, 57), rgba(124,37,41));
  /*background: #676c53ff;*/
  border: 0;	
  cursor: pointer;
  height: 40px;	
  color: #fff;
  font: bold 16px verdana, sans-serif;
  margin: 15px auto;
}
input[ type="submit"]:hover{
 background-color: #8a916fff;
}



/*------------------------------------*
	Pie de la página
*------------------------------------*/
footer #conte-footer{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  background: rgba(21,119,80,0.5);
  /*#536c53ff;*/
  padding: 1rem;
  gap: 20px;
  height: 100px;
}

#conte-footer #f1{
  text-align: center;

}
#conte-footer #f2{
  text-align: center;

}
#conte-footer #contacto{
  color:#fff;
  font-size: 14px;

}

footer #pie{
  background-color: var(--rojoacav);
  color:#fff;
  font-size: 12px;
  height: 20px;
  text-align: center;
}


/*------------------------------------*
	Diferentes dispositivos
*------------------------------------*/
@media screen and (max-width: 500px ){
   #cabecera_logo{
      text-align:center;   
   
   }
   #pnael1{
     grid-column: span 3;   
   }
   
  footer{
     grid-column: 1/-1;
      
   }



/*------------------------------------*
	Fin de los estilos grid-column: span 3;
*------------------------------------*/














/* Sección */

#seccion {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  /* grid-template-columns: 55% 45%;*/
  gap: 1.6rem;
  padding: 1rem;
  line-height: 20rem;
}

#panel1{
  grid-column: span 2;

}

#panel1_msj{
  padding: 1rem;
  display: flex;
  align-items: center;
  /*justify-content: center;*/
  flex-direction: column;
}

#panel1 h1{
 margin-top: 1rem;	
 margin-bottom: 1rem;

}

.form_inicio {
background: #FFF;
width: 290px;
border: 1px solid #999999;
border-radius:3%;
padding: 15px;
margin: 1em auto;
/*margin-bottom: 15px;*/
box-shadow: 0 0 .55rem rgba(0,0,0,.08),0 .5rem .75rem rgba(0,0,0,.14);
}

.form_inicio header{
  padding: 1rem;
  text-align: center;

}
.form-elemento{
  margin-bottom: 20px;

}

.form-elemento input {
   width: 100%;
   background:transparent;
   border: none;
   outline: none;
   border-bottom: 2px solid #999999;
   height: 38px;
   font-size: 16px;
   
}



select {
     background: #fff; /*transparent; */
     border: 1; 
     font-size: 14px;
     height: 30px;
     padding: 5px;
     width: 100%;
  }



/*  Foolder Pie */

#pie {
background: #ac9d93;
color: black;
text-align: center;
padding-top: 10px;
margin-top: 25px;
border-top: 2px solid #999999;
display: grid;
grid-template-columns: repeat(3,1fr);

}

/*
.columnas_pie{
  width: 180px;
}
*/

#pie_d_pie{
  grid-column: span 3;
  background: #917c6f;
  padding: 1rem;

}


   
   

}