/* 
estl_parrrafo
Para las paginas que llama la pagina de portada 
Ver 2.0 Noviembre 2016
Vidal Lasa 
Esto son los estilos de los textos
*/

:root {
  --c_texto: #635959;
  --c_fondo_contacto_2: #000000;
  --bg_contacto_ini: #9ABB95;
  --bg_contacto_fin: #58A153;
}

/*___________________________________________________________________________________________________________
                                                                                              comunes a todos
*/

.contenedor {
  width: 99.8%;
  height: 99.5%;
  margin: 0.1%;
}
/*si no se ve el ancho en el navegador del movil hay que configurarlo 
para quitar el auto-fit (o como se llame en cada uno)*/
.caja_parrafo {
  float: left;
  width: 99%;

  color: var(--c_texto);  
  font-size: 1em;
  text-align: justify;
  margin-bottom: 0.5%;
}

.caja_parrafo_borde {
  float: left;
  width: 99%;

  color: var(--c_texto);  
  font-size: 1em;
  text-align: justify;
  margin-bottom: 0.5%;
  padding: 0.5% 0.2%;

  border-color: var(--c_texto);
  border-style: solid;  
  border-width: 1px;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
}

.caja_imagen_izda {
  float: left;
  width: 10%;
  /*height: 100%*/;
  padding: 0.5% 1%;
}
.caja_imagen_izda img {
  width: 100%;
  /*height: 100%*/;
}

.caja_imagen_dha {
  float: right;
  width: 15%;
  /*height: 100%*/;
  padding: 0.5% 1%;
}
.caja_imagen_dha img {
  width: 100%;
  /*height: 100%*/;
}

.caja_imagen_centro {
  float: left;
  width: 10%;
  /*height: 100%*/;
  padding: 0.5% 1%;
}
.caja_imagen_centro img {
  width: 50%;
}



.caja_parrafo {
  position: relative;
  width: 100%;
  height: 50%;
  /*background-color: red;*/
}
.caja_izda {
  position: absolute;
  left: 0%;
  width: 32%;
  height: 100%;
  margin-left: 1%;
  /*background-color: green;*/
}
.caja_centro {
  position: absolute;
  left: 34%;
  width: 32%;
  height: 100%;
  /*background-color: gray;*/

}
.caja_dha {
  position: absolute;
  right: 0%;
  width: 32%;
  height: 100%;
  margin-right: 1%;
/*  background-color: yellow;*/
}
.parrafo_trans {
  width: 100%;
  height: 100%;

/*  background-color: cyan;*/
}
.parrafo_trans img {
  position: relative;
  left: 15%;
  height: 50%;
  margin: 1%;
}







.parrafo {
  color: var(--c_texto);  
  font-size: 1em;
  text-align: justify;
  text-indent: 2%;
  margin-bottom: 1%;
}
.parrafo_puntos {
  font-size: 1em;
  line-height: 1.204em;
  text-align: justify;
  color: var(--c_texto);
  padding:0 3% 1.5% 3%;
}

.texto_centro { text-align:center; }

.img-izda {
  float:left; 
  margin: 0.5%; 
}

.resalte_ancho_completo {
  width: 100%;
  float:left;
  margin-bottom: 0.5%;
  color: #FFFFFF; 
  background-color: #00a551; /*#26C739;*/
  border-radius:9px;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
}
.resalte_izda {
  width: 20%;
  float:left;
  margin: 0.5%;
  color: #FFFFFF; 
  background-color: #00a551;
  border-radius:9px;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
}
.resalte_dha {
  width: 20%;
  float:right;
  margin: 0.5%;
  color: #FFFFFF; 
  background-color: #00a551;
  border-radius:9px;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
}
.resalte_cabecera {
  font-size: 1.5em;
  margin: 2%;
  text-align:center;
}
.resalte_parrafo {
  width: 100%;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  color: #FFFFFF; 
  background-color: #000000;
  overflow: hidden;
}
.resalte_texto_parrafo {
  font-size: 0.8em;
  line-height: 1.4em;
  padding: 0% 5% 5% 5%;
}
.resalte_parrafo img {
  display:block;
  margin: 0 auto 0 auto;
  padding: 5% 3%; 
}
.resalte_texto_suelto {
  font-size: 0.8em;
  line-height: 1.4em;
  padding: 0% 5% 5% 5%;
  color: black;
}
.resalte_parrafo_trans {
  width: 100%;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  color: #FFFFFF; 
  background-color: #000000;
  /*opacity: 0.7;*/
  background:rgba(0,0,0,0.7);
  overflow: hidden;
}


.columna-centro {
  float:center;
  margin-left: 40%; 
  margin-right: 40%;
}
.columna_dha {
  width: 20%;
  float: right;
  margin: 0.5%;
}
.columna_izda {
  width: 78%;
  margin-right: 0.2%;
  float:left;
}

.centro { text-align:center; }

.cab_naparlinex {
  width: 90%;
  height: 90%;
  margin: 0.3% 0 0 0.5%;
  position: absolute;
  
  background: url(../images/comun/logo_trans_inv.png) no-repeat;
  background-size: contain;
}
.cab_info {
  float: right;
  margin: 2% 2.5% 0 0;
  color: white;
}

.lista-1 {
 list-style:none;
 margin: 0;
 padding: 5%;
}
.lista-1 li {
  line-height: 1.5em;
  padding: 0.2% 2%;
  text-indent: 6%;
  background:url(../images/comun/marca_listas.png) 1% 10px no-repeat;
}

.lista-2 {
 list-style:none;
 margin: 0;
 padding: 1%;
}
.lista-2 li {
  line-height: 1.5em;
  padding: 0.2% 2%;
  text-indent: 1%;
  background:url(../images/comun/marca_listas.png) 1% 10px no-repeat;
}

.boton {
  display:inline-block;
  padding: 0.1% 2%;
  margin-bottom: 5%;
  font-size: 1.5em;
  line-height: 1.238em;
  letter-spacing:-1%;
  text-decoration: none;
  color: #2B2B2B;
  
  border: 2px solid #fff;
  
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;   
  border-radius: 8px;
  background: #F8FFE8;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F8FFE8),to(#E3F5AB));
  background: -webkit-linear-gradient(#F8FFE8, #E3F5AB);
  background: -moz-linear-gradient(#F8FFE8, #E3F5AB);   
  background: -ms-linear-gradient(#F8FFE8, #E3F5AB);    
  background: -o-linear-gradient(#F8FFE8, #E3F5AB);     
  background: linear-gradient(#F8FFE8, #E3F5AB);        
  -pie-background: linear-gradient(#F8FFE8, #E3F5AB);   
  
  cursor:pointer;
}
.boton:hover {background: #DBDBDB;}

.encabezado_paginas {
  font-size: 2em;
  line-height:1.204em;
  text-align: center;
  color:#009EE2;
  padding: 1%;
}
.encabezado_izda {
  font-size: 2em;
  line-height: 1.204em;
  text-align: left;
  color: #009EE2;
  font-weight: bold;
  padding: 1%;
}
.encabezado_centro {
  font-size: 2em;
  line-height: 1.204em;
  text-align: center;
  color: #009EE2;
  font-weight: bold;
  padding: 1%;
}

/*
______________________________________________________________________________________________________________________
                                                                                      para los index
*/
.contenedor_index {
  float: left;
  width:99.2%;
  margin: -0.4% 0.4% 0% 0.4%;
  padding:0;
  height: 100%;
  background-image: url("../images/riego/p_riego_4.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.arriba_index {
  float: left;
  width: 33%;
  height: 40%;
  position: relative;
  left: 33%;
}
.arriba_marcalinex {
  width: 100%;
  height: 100%;
  background-image: url("../images/marcalinex/destacada.png");
  background-repeat: no-repeat;
}
.enmedio_index {
 float: left;
  width: 100%;
  height: 32%;
  padding-top: 1%;
  text-align: center;
}
.pie_index {
  position: fixed;
  bottom: 0;
 
  width:99.8%;
  color: #FFFFFF; 
  text-align: center;
  margin-bottom: 4px;
  overflow: hidden;
  line-height: 1.5;
  padding-bottom: 4px;
  
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;   
  border-radius: 8px;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);   
  box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
  background: #959595;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#959595),to(#0D0D0D));
  background: -webkit-linear-gradient(#959595, #0D0D0D);
  background: -moz-linear-gradient(#959595, #0D0D0D);   
  background: -ms-linear-gradient(#959595, #0D0D0D);    
  background: -o-linear-gradient(#959595, #0D0D0D);     
  background: linear-gradient(#959595, #0D0D0D);        
  -pie-background: linear-gradient(#959595, #0D0D0D);   
  
  z-index: 50;
}

.pie_index a {
  color: #ffffff;
}