@charset "utf-8";
/* CSS Document */


* {
	padding:0px;
	margin:0px;	
}
body {
	font-family: 'Roboto', Arial, sans-serif !important;
	text-rendering: optimizeLegibility;
	font-weight: 400;
	padding: 0px;
	margin: 0px;
    color:#4c5652;
}
a {
	text-decoration: none;
	border: none;
	outline:none;
    color:#ff8000;
}
#wrap {
	width:1024px;
	position:relative;
	margin:0px auto;
	padding:40px 0px;
}
.container {
	width: 1024px;
    min-width: 200px;
    max-width: 85%;
    margin: 0px auto;
}
p {
    margin-top: 0;
}
strong {
	font-weight:700;
}
.error {
    padding:10px;
    margin:5px auto;
    width:100%;
    background:rgba(255,0,0,.3);
    text-align: center;
    font-weight:700;
    font-size:15px;
    text-transform: uppercase;
}
.margen {
    margin: 20px 0;
}
/*------------------------MENU---------------------------------*/

header {
    background: url(../img/fin-header.png) repeat-x center bottom;
    padding-bottom: 35px;
}
table {
    margin-bottom:0 !important;
}
#encabezado {
    display: none;
}
pre, blockquote, dl, figure, p, ul, ol, form {
    margin-bottom: 2.5rem;
}
.menu {
	width:100%;
	height:55px;
	position:relative;
	margin:0px auto;	
	background:#0c303c;
}
.nav {
	width:1024px;
	height:55px;
	position:relative;
	margin:0px auto;
	list-style-type: none;	
}
ul, ol {
	list-style: none;
}
.nav li {
	padding: 0px 5px;
}
.nav li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background-color:transparent;
	text-align: left;
	position: relative;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0px;
	line-height:55px;
	padding:0 5px;
}
.nav li a:hover {
	background:#2a4e5a;	
}
.nav > li {
	float: left;
}
.nav li ul li:hover {
	border-top: none;
}
.logo_mobile { 
    background:url(../img/logo-mobile.png) no-repeat;
    background-size: 120px 44px;
    float: left;
    height: 44px;
    width: 120px;
	position:fixed;
	top:3px;
	left:10px;
	z-index:99999;
}

/* PRINCIPALES */
.vertical-centered {
  -ms-display: flex;
  display: flex;
  /* alineacion vertical */
  align-items: center;
   /* alineacion horizontal */
  justify-content: center;
    vertical-align: middle;
    height:100%;
}
.img_ajuste {
    width:100%;
    height:auto;
}
.col-xs {
	text-align:center;
}
.col-xs img, .col-xs-12 img {
	max-width:100%;
	height:auto;
}
h2, h3, h4, h5, h6 {
	font-weight:300;
	letter-spacing:-1px;	
}
#wrap h2 {
    text-align:center;
    padding: 30px 0;
    border-top:2px solid #e7852d;
    border-bottom:2px solid #e7852d;
    color:#0c303c;
    font-family: 'cookitregular' !important;
    
}
h1, h2, h3, h4, h5, h6 {
	color: #4c5652;
}
h2 {
    font-size: 3rem;
    line-height: 1.1em;
    margin-top: 2rem;
	margin-bottom: 2rem;
}
h3 {
    font-size: 28px;
    margin-top: 2rem;
	margin-bottom: 2rem;
}
h4 {
    font-size: 22px;
}
h2 span, h3 span, h4 span {
    display: block;
}

.txt_cn {
	text-align:center !important;	
}
strong {
	font-weight:700;
}
.txt_verde  {
	color:#8bb333 !important;
}
.txt_rojo  {
	color:#f00 !important;
}
.cuadro_texto {
    font-size:20px;
    margin: 30px auto;
    font-weight:400;
    text-align: justify;
}
.msj_gif {
    padding:20px;
    border:3px solid orange;
    color:#4c5652;
    text-align:center;
    position:relative;
    margin:20px auto;  
    width:calc(80% - 40px);
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;   
    background: rgba(231,133,45,.2);
}
.pos_msj_gif {
    margin-top:130px;   
}
.pos_gif {
    margin:60px auto 0;
    position:relative;
    width:300px;   
}
.tit_form {
   font-family: 'cookitregular' !important;
    font-size:30px;
    color:#0c303c !important;
    
}
.borde_inferior_xl {
	border-bottom: 9px solid #509cab;
    padding-bottom: 18px;
}
.borde_inferior_xs {
	border-bottom: 3px solid #5685C0;
    padding-bottom: 5px;
}
.titulo_cn {
   color:#4c5652;
   text-align:center;
   font-size:25px;
   font-weight:300;
   padding:80px 0px 10px 0px;
   border-bottom:3px solid #5685C0;
   margin:30px auto 0px;
   letter-spacing:-1px;
   background:url(../img/ico_cultivos.png) no-repeat left top;
   background-size: 40px 40px;
}
.titulos_centrados {
	text-align:center;
	padding:10px 0px 40px;
	margin:0px auto;
    width:100%;
}
.bajada_cn {
	text-align:center;
	color:rgba(51,51,51,1);
	padding:10px 0px;
	margin:0px auto;	
}
#separador {
	width:100%;
	height:1px;
	background:rgba(153, 153, 153, 0.26);
	margin:40px auto;
	position:relative;	
}
#separador_form {
	width:100%;
	height:3px;
	background:rgb(76, 86, 82);
	margin:40px auto;
	position:relative;	
}
#separador_xs {
	width:100%;
	height:1px;
	background:rgba(153, 153, 153, 0.5);
	margin:10px auto;
	position:relative;	
}
.parrafo_borde {
	position:relative;
	margin:20px auto;
	text-align:justify;
	color:#4c5652;
	padding:0px 10px 0px 20px;
	border-left:2px solid #509cab;	
}
.box_azul  {
	width:90%;
	margin:20px auto;
	position:relative;
    background: rgba(151, 196, 254, 1);
	padding:10px;
	border-radius:3px;
	color:#4c5652;
	text-align:justify;
}
.box_centrado {
	width: 100%;
	position: relative;
	margin: 20px auto;
	clear:both;
	overflow:auto;
	padding:10px 0px;
	border:1px solid #f00;
}
.btn_small {
    background-color:#509cab;
    border-radius: 6px;
    border: none;
    display: table;
    cursor: pointer;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    margin: 10px auto;
    position: relative;
    line-height: 40px;
    padding: 0px 21px;
    text-align: center;
	outline:none;
    transition:all 0.5s;
}
.btn_small:hover {
	background-color:#307684;
    transition:all 0.5s;
}
.btn_small:focus {
	outline:none;	
}
.btn_small:active {
	position:relative;
	top:1px;
}
.btn_lg {
     width:80% !important; 
}
.nota01 {
    margin:0 auto;
    background:url(../img/notas01clip.png) no-repeat center center;
    width:227px;
    height:282px;
}
.nota02 {
    margin:0 auto;    
    background:url(../img/notas02clip.png) no-repeat center center;
    width:227px;
    height:282px;
}
.info_nota {
    position:relative;
    margin:0 auto;
    color:#000;
    text-align:left;
    padding:70px 20px 0 20px;
    font-size:12px;
}
.desc {
    padding: 10px 30px;
    width: calc(100% - 60px);
}
.desc ul {
    list-style: outside decimal;
    margin-left: 1em;    
}
.zoom {
    transition:all 0.5s;
    cursor: pointer;
    margin-bottom: 10px;
}
.zoom:hover {
    transition:all 0.5s;
    transform: translateY(-20px);
}
.laminaresp .iconos {
    width:100px;
    height:100px;
    position:absolute;
    transition: all 0.5s;    
    z-index:999999;
    cursor:pointer;
}
.laminaresp .rotor {
    width:292px;
    height:294px;
    position:absolute;
    transition: all 0.5s;    
    z-index:999999;
    cursor:pointer;
}
.icono1{
    animation: icon1 1.2s infinite alternate;
}
.icono2{
    animation: icon2 1.2s infinite alternate;
}
.icono3{
    animation: icon3 1.2s infinite alternate;
}
.icono4{
    animation: icon4 1.2s infinite alternate;
}
.icono5{
    animation: icon5 1.2s infinite alternate;
}
.icono6{
    animation: icon6 2s infinite alternate;
}
@keyframes icon1 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes icon2 {
  10% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes icon3 {
  20% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes icon4 {
  30% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes icon5 {
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }  
}
@keyframes icon6 {
  0% {
    transform: rotate(10deg)
  }
  100% {
    transform: rotate(-10deg);
  }
}
.mov_icon {
    animation: subir 1s infinite alternate;
}
@keyframes subir {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.ic01 {
    top:120px;
    left:20px;
}
.ic02 {
    top:233px;
    left:35px;
}
.ic03 {
    top:340px;
    left:70px;
}
.ic04 {
    top:439px;
    left:130px;
}
.ic05 {
    top:460px;
    left:260px;
}
.ic06 {
    top:40px;
    right:100px;
}

/* REGISTRO  */

#formulario label {
    width:100%;
    text-align:center;
    line-height:30px;
    display:block;    
}
#formulario table {
     margin:0;   
}
.input_registro {
	display: block;
	width: 90%;
	height: 40px;
	position: relative;
	margin:10px auto;
	color:#444;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	outline: none;
	padding-left:10px;
    background: #ddd;
    border: 1px solid #15243b;
    border-top-color: #0d1827;
}
.input_registro:focus {
	outline: 0;    
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
}
input[type="number"] {
    width:90% !important;    
}
.box_destacado {
    color: #555;
    background: rgba(231,133,45,.2);
    padding: 10px;
    text-align: center;
    border: 1px solid orange;
    border-radius: 10px;
    margin: 10px auto;
}
.imgresp img {
    width:100%;
    height:auto;
    cursor:pointer;
}

/* GALERÍA IMAGENES */

.galeria {
	width:90%;
	margin:auto;
	list-style:none;
	padding:20px;
	box-sizing:border-box;	
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.galeria li {
	margin:5px;
}
.galeria img {
	width:200px;
	height:auto;		
}
.lightbox {
	display:none;
}
.lightbox:target {
	display:block;
	transition:all 0,5s;
	position:fixed;
	background:rgba(0,0,0,.8);
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.imagen {
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:90px;
}
.imagen a {
	color:#fff;
	font-size:40px;
	text-decoration:none;
	border:none;
	margin:0 10px;
	font-family:'Roboto', sans-serif !important;
	font-weight:700;
}
.imagen a:nth-child(2) {
	margin:0;
	height:100%;	
	flex-shrink:2;
}
.imagen img {
	width:100%;
	height:100%;
	max-width:100%;
	border:7px solid #fff;
	box-sizing:border-box;
}
.cerrar {
	display:block;
	background:#fff;
	width:25px;
	height:25px;
	margin:15px auto;
	text-align:center;
	text-decoration:none;
	font-size:25px;
	color:#000;
	padding:5px;
	border-radius:50%;
	line-height:25px;
	font-family:'Roboto', sans-serif !important;
	font-weight:700;	
	border:none;
}

/*FOOTER*/

.u-cf {
    content: "";
    display: table;
    clear: both;
}
footer{
	background: #c1a800;
	margin-top: 2rem;
}
footer #abajo {
	padding: 2rem 1em;
}
footer #abajo h2{
	color:#4c5652;
	font-size: 1.438rem;
	font-weight: 700;
	letter-spacing: -1px;
}
footer #abajo #rrss{
	padding: 2rem 0;
}
footer #abajo #rrss a{
	display: block;
	color: #fff;
	font-size: 1.125rem;
	font-weight: 300;
	padding-left: 30px;
	text-decoration: none;
}
footer #abajo #rrss a:hover{
	text-decoration: underline;
}
footer #abajo #rrss a.em{
	background: url(../img/ico_correo.png) no-repeat left center;
	background-size: 22px;
}
footer #abajo #rrss a.fb{
	background: url(../img/ico_facebook.png) no-repeat left center;
	background-size: 22px;
}
footer #abajo #rrss a.tel{
	background: url(../img/ico_telefono.png) no-repeat left center;
	background-size: 22px;
}
footer #abajo #rrss a.tw{
	background: url(../img/ico_twitter.png) no-repeat left center;
	background-size: 22px;
}
footer #abajo #rrss li{
	list-style: none
}
footer #logos{
	background: url(../img/fin-footer.png) center bottom repeat-x #fff;
	padding: 2rem 1rem .5rem;
}
footer #logos img{
	width: 100%;
}
footer #logos li{
	float: left;
	list-style: none;
	margin-left:50px;

}

/* ------------------- Lists –––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem;
}  

/*------------------------------------   Media Queries  ----------------------- */

@media only screen and (min-width: 768px) and (max-width: 959px) { 
	.container { max-width: 93% }
}
@media only screen and (min-width: 985px) and (max-width: 1024px) { 
	.nav li {padding:0 0 0 10%;}
}
@media only screen and (min-width: 750px) and (max-width: 984px) { 
	.nav li {padding:0 0 0 6%;}
}
@media only screen and (max-width: 767px) { 
	.container { max-width: 95% }
	.titulo_encabezado { max-width: 90%}
}
@media (min-width: 750px) {
	#responsive1 {
	 	display:none;	
	}
}
@media only screen and (max-width: 750px) { 
.menu{
	display:none;
}
.registro {
	width:100%;
}
header {
	display:none;
}
    .pos_msj_gif {
        margin-top:0;
    }
    .pos_gif {
        margin-top:0;
    }
}

/* Más grande que un tablet */

@media (min-width: 750px) {
	#encabezado{
		display: block;
		max-width: 1027px;
		margin: 0 auto;
	}
	#encabezado img{
		display: block;
		margin: 0 auto;
		width: 100%;
        height:auto;
	}    
}

@media (max-width: 1023px) {
    .laminafull {
        display:block;
        visibility: visible;
        position: relative;
        top:10px;
    }
    .laminaresp {
        display:none;
        visibility: hidden;
        position: relative;
    }
}

/* Más grande de version desktop */

@media (min-width: 1024px) {
	footer #logos{
		padding: 2rem 0;
	}
	footer #logos ul, footer #abajo h2, footer #abajo #rrss{
		width: 980px;
		margin: 0 auto;
	}
	footer #abajo #rrss li{
		float: left;
		margin-right: 1.5rem;
	}
	#encabezado img{
		width: 100%;
		margin-bottom: -2.5rem;
	}
    .laminaresp {
        display:block;
        visibility: visible;
        position: relative;
    }
    .laminafull {
        display:none;
        visibility: hidden;
        position: relative;
    }
}