@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600|Squada+One);
font-face {
  font-family: 'Squada One';
  src: url('fuentes/SquadaOne-Regular.ttf');
}
html, body {
	font-family:'Open Sans';
  height: 100%;
  width:100%;
    margin:0;
  padding:0;
  background-color: #fff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:14px;
}
p{
	font-family:'Open Sans';
	color:#333;
	margin:0;
	
}
.normal {
	font-family: 'Open Sans';
	font-size: 13px;
	font-weight: 300;
	color: #FFF;
}
.titulo {
	font-family: 'Oswald';
	font-size: 16px;
	font-weight: bold;
	color: #000;
	opacity:1;
}
.base_logo{
	position:relative;
	float:left;
	height: 175px;
	width: 400px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
.base_logo2{	
	visibility:hidden;
display:none;
	}
/*| Navigation |*/

nav{
	position: relative;
	top: 6px;
	left:0px;
	right: 0rem;
	width: 420px;
	height: 24px;
	box-shadow: 0 3px 8px -2px rgba(0,0,0,0);
	border: 1px solid rgba(0,0,0,0);
	font-family: "Squada One";

	font-size: 1.1rem;
	z-index: 300;
	float:right;
box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
  nav ul{
	padding:13px 8px 0px;
	width: 420px;
	list-style: none;
	position: relative;
	float: left;
	margin-left: 0px;
	display: inline-table;
	 height: 24px;
	 box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	  }
    nav ul li{
      float: left;
	  height: 24px;
	  font-family: "Squada One";
	  font-size:1.1rem;
      -webkit-transition: all .2s ease-in-out; 
      -moz-transition: all .2s ease-in-out; 
    transition: all .2s ease-in-out; 
	  box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
    }

    nav ul li:hover { background: rgba(0,0,0,.15);
	color:#FFfD9B;
	text-decoration: none;
	font-family: "Squada One";
	font-size:1.1rem;}
   /* nav ul li:hover > ul{display: block;}*/

      nav ul li a{
        display: block; 
        padding:0px 8px 0px;
        color: #fff; 
       	text-decoration:none;
		font-family: "Squada One";
	    font-size:1.1rem;
	    letter-spacing: 0px;
        text-decoration: none;
        
      }

      nav ul ul{
		width: 220px;
        display: none; 
	   	font-family: "Squada One";
		position: absolute;
	    top: 100%;
       
		z-index:300;
      }
	  
      
        nav ul ul li{float: none; position: relative;height: 55px; color:#FF9; font-family: "Squada One"; background: rgba(0,178,0,.35);}
          nav ul ul li a {
			color:#FF9;
			font-family: "Squada One";
            padding: 15px 5px 15px 5px; 
            border-bottom: 1px solid rgba(0,0,0,.05);
			height: 55px;
          }
	
	
          nav ul ul ul {
            position: absolute; 
            left: 100%; 
            top:0;
}	

.contenedor_diapositivas {
		
	width:100%; 
	text-align:center;  
	padding-top:0px; 
	position:relative;
	float:left;
	z-index:1;
	margin:0;
	top:13px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */

}
.copyright {
  /*****/
  font-size:.8em;
  width:100%;
  color: #333;
  text-align:center;
  text-transform:none;
  padding:.5em 0 .2em 0;
 position:fixed;
  _position:absolute;
  bottom:0;  
}
.footer {
  width:100%;
   position:fixed;
  _position:absolute;
  bottom:0;
  background:rgba(255,255,255,1);
  _top:expression(eval(document.body.scrollBottom));
  /*******/
  padding: 0;
  margin: 0;
  font-size:.8em;
  line-height: .8em;
  text-transform:uppercase;
  z-index:200;
}
.franja_verdosa{
width:100%; height:13px; background-color:#C4D100;box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */; position:absolute; z-index:6	
}
.franja_traspnaranja{
	
	height:188px; width:100%;position: absolute; z-index:5;background:rgba(142,55,2,0.4); float:left;top:13px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */; position:absolute; z-index:6
}
.raya_menu{
width:425px; height:10px; 
position:relative; 
float:right; 
z-index:15; 
margin-top:25px; 
background-image: url(imagenes/franja_menu.jpg)	
}
.tope_raya_menu{
	position:relative; float:left; height:10px; width:7px;
	background-image: url(imagenes/franja_menutope.jpg);	

}
.base_menu{
width:450px; position:relative; float: right; z-index:10; top: 53px; box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */ 	
}
.tope_menu{
	width:23px; height:41px;
	 position:relative; float: left; 
	background-image: url(imagenes/imagmenuinicio.png);
	box-sizing:
	 border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */ 
	
}
.medio_menu{
width:427px; position:relative; float: right; background-color:#FF7F00; height:41px; box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */	
}
.menu{
	float: left; height: 24px; text-align: right; right: 1px; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  width:600px; top: 20px;
}
.medio{
width:100%; position:absolute; height:auto; float:left; top:0px; background-color:#85B200;	
}
.divisiones{
	height:10px; background-color:#E7FF9D; z-index:12; width:100%; float:left; position:relative; 
}
.d1{
	top:0px;
}
.d2{
	top:0px;
}

.nombre_empresa{
	width:500px; 
	height:28px; 
	position:relative; 
	float:left; background-color:#CCEA73; 
	-khtml-border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;;
-webkit-border-radius: 15px 15px 15px 15px;;
border-radius: 15px 15px 15px 15px;
border: 2px solid #cccccc;
background-color:#CCEA73;
left:5px; 
z-index:20; 
text-align:center; padding-top:5px; 
font-family:Squada One; 
font-size: 18px;
}
.n1{
top:30px;	
}
.n2{
top:30px;	
}



.slogan_verde{
	width: 516px;
	height: 28px;
	position: absolute;
	float: left;
	top: 80px;
	color: #FFF;
	left: 20%;
	z-index: 50;
	text-align: center;
	padding-top: 5px;
	font-family: Squada One;
	font-size: 24px;
}
.sector{
	width: 117px;
	height: 28px;
	position: absolute;
	float: left;
	color: #FFF;
	left: 118px;
	z-index: 20;
	text-align: left;
	padding-top: 5px;
	font-family: Squada One;
	font-size: 18px;
	 
	 
	
}
.savicola{
	left: 28%;
	 top: 200px; 
}
.sporcino{
	left: 25%;
		 top: 250px; 
}
.specuario{
	left: 25%;
		 top: 300px; 
}
.sagricola{
	left: 28%;
		 top: 350px; 
}
.adorno{
	 width:259px; position:relative; float:left; top:100px; z-index:15;
	 height:400px;
	background-image: url(imagenes/imagen2.jpg);
	
}
.adorno2{
	width:422px; position: absolute; float: right; top:0px; right:0px;
	 height:607px;
	background-image: url(imagenes/imagen1.jpg);
	background-repeat:no-repeat;
	background-position:right;
	
}
.cuadro_naranja{
height:auto; background-color:#FCB41D; z-index:2; width:100%;position:relative; float:left;   text-align:center; margin-top:0px;	
}
.cuadro_gifs{
width:900px; height:560px; position:relative; text-align:center; margin-left:auto; margin-right:auto; margin-top:120px; margin-bottom:50px;
}

.cuadros{
position:relative;  width:440px; height:290px;background-color:#FC0; display:table; vertical-align:middle; text-align:center;	
}
.c1{
float:left;	
}
.c3{
float:left;	
margin-top:10px;
}
.cuadro_tope{
	 width:400px; height:250px; display: block; margin-left:auto; margin-top:20px; margin-bottom:20px; margin-right:auto;
	 
}
.ctp1{
 background-color:#CD6C01; vertical-align:middle; font-family:Squada One; color:#FFC; 
 font-size:24px
}
.c2{
float: right;	
}
.c4{
float: right;
margin-top:10px;	
}
.cuadro_verde{
height:607px; background-color:#85B200; z-index:12; width:100%; float:left; position:relative; top:0px;	
}

.menu_pequeno{
	width:220px;
	height:100px;
	position:absolute;
	float:left;
	z-index:150;
	left:-10rem;
	top:5.7rem;
	background:rgba(0,0,0,0.4);
		visibility:hidden;
display:none;
}
@media (min-width : 220px) and (max-width:479px) and (orientation:portrait) {
	.tope_menu{
	visibility:hidden;
display:none;	
	}
	.menu_pequeno{
	width:220px;
	height:180px;
	position:relative;
	float:left;
	z-index:150;
	left:0rem;
	top:117px;
	background:rgba(0,0,0,0.4);
		visibility: visible;
display: block;
}
	
.franja_traspnaranja{
	
	height:120px; 
	
}
	.tope_menu{
	visibility:hidden;
display:none;	
	}
	.tope_raya_hundida{
			visibility:hidden;
display:none;
	}
	.raya_menu{
		visibility:hidden;
display:none;
	}
	.base_menu{
		width:250px;
	}
		.franja_traspnaranja{
	
	height:104px; 
	
}
.medio_menu{
		visibility:hidden;
display:none;
}
.menu{
	width:250px;
	left:1rem;
	top:8.5rem;

}
nav{
	top:-1rem;
	width:250px;
	left:1rem;
	height:500px;
}
nav ul{
	width:150px;

}
nav ul li{
	height:35px;
	padding-top:1rem;
	width:110px;
	text-align:left;
	

}
nav ul li:focus > ul{display: block;}
 nav ul ul{
	top:24%;
	left:6rem;
	width:12rem;
	
 }
  nav ul ul li{ 
  padding-top:0.7rem;
  height:3rem;
  width:150px;
  
  }
  nav ul ul li a {
	  height:2rem;
	   padding-top:4px;
  }
.savicola{
	visibility:hidden;
display:none;
}
.sporcino{
	visibility:hidden;
display:none;
}
.specuario{
	visibility:hidden;
display:none;
}
.sagricola{
visibility:hidden;
display:none;
}
	.cuadro_naranja{
visibility:hidden;
display:none;
}
.slogan_verde{
visibility:hidden;
display:none;
}

	.adorno2{
visibility:hidden;
display:none;
}
.n1{
	top:12px;
}
.base_logo2{
	position:relative;
	float:left;
	height: 175px;
	width: 260px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	visibility: visible;
display: block;
}
	.base_logo{	
	visibility:hidden;
display:none;
	}
	.nombre_empresa{
		visibility:hidden;
display:none;
	}
}

@media (min-width : 220px) and (max-width:479px) and (orientation: landscape) {
	.tope_menu{
	visibility:hidden;
display:none;	
	}
	.menu_pequeno{
	width:220px;
	height:180px;
	position:relative;
	float:left;
	z-index:150;
	left:0rem;
	top:117px;
	background:rgba(0,0,0,0.4);
		visibility: visible;
display: block;
}
	
.franja_traspnaranja{
	
	height:120px; 
	
}
	.tope_menu{
	visibility:hidden;
display:none;	
	}
	.tope_raya_hundida{
			visibility:hidden;
display:none;
	}
	.raya_menu{
		visibility:hidden;
display:none;
	}
	.base_menu{
		width:250px;
	}
		.franja_traspnaranja{
	
	height:104px; 
	
}
.medio_menu{
		visibility:hidden;
display:none;
}
.menu{
	width:250px;
	left:1rem;
	top:8.5rem;

}
nav{
	top:-1rem;
	width:250px;
	left:1rem;
	height:500px;
}
nav ul{
	width:150px;

}
nav ul li{
	height:35px;
	padding-top:1rem;
	width:110px;
	text-align:left;
	

}
nav ul li:focus > ul{display: block;}
 nav ul ul{
	top:24%;
	left:6rem;
	width:12rem;
	
 }
  nav ul ul li{ 
  padding-top:0.7rem;
  height:3rem;
  width:150px;
  
  }
  nav ul ul li a {
	  height:2rem;
	   padding-top:4px;
  }
.savicola{
	left: 58%;
	 top: 200px; 
}
.sporcino{
	left: 55%;
		 top: 250px; 
}
.specuario{
	left: 55%;
		 top: 300px; 
}
.sagricola{
	left: 58%;
		 top: 350px; 
}
	.cuadro_naranja{
visibility:hidden;
display:none;
}
.slogan_verde{
visibility:hidden;
display:none;
}

	.adorno2{
visibility:hidden;
display:none;
}
.n1{
	top:12px;
}
.base_logo2{
	position:relative;
	float:left;
	height: 175px;
	width: 260px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	visibility: visible;
display: block;
}
	.base_logo{	
	visibility:hidden;
display:none;
	}
}
@media (min-width : 480px) and (max-width:639px) and (orientation: landscape) {
	.contenedor_diapositivas{
		height:250px;
		background:#7E441D;
	}

	.menu_pequeno{
	width:160px;
	height:133px;
	position:relative;
	float:left;
	z-index:150;
	left:0px;
	top:117px;
	background:rgba(0,0,0,0.4);
	visibility: visible;
    display: block;
}
		.tope_menu{
	visibility:hidden;
display:none;	
	}
	.tope_raya_hundida{
			visibility:hidden;
display:none;
	}
	.raya_menu{
		visibility:hidden;
display:none;
	}
	.base_menu{
		width:250px;
	}
		.franja_traspnaranja{
	
	height:104px; 
	
}
.medio_menu{
		visibility:hidden;
display:none;
}
.menu{
	width:250px;
	left:1rem;
	top:6.4rem;

}
nav{
	top:-1rem;
	width:250px;
	left:1rem;
	height:500px;
}
nav ul{
	width:150px;
}
 nav ul ul{
	top:24%;
	left:8rem;
	width:12rem;
	
 }
 nav ul li{
	height:35px;
	padding-top:1rem;
	width:110px;
	text-align:left;

}

  nav ul ul li{ 
  padding-top:0.7rem;
  height:3rem;
  width:150px;
  
  }
  nav ul ul li a {
	  height:2rem;
	   padding-top:4px;
  }

		.base_logo2{
	position:relative;
	float:left;
	height: 175px;
	width: 320px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	visibility: visible;
display: block;
}
	.base_logo{	
	visibility:hidden;
display:none;
	}
.cuadro_gifs {
	width:300px;
	margin-left:12px;
	margin-top:70px;
}
.c2{
float: left;
margin-top:1rem;
visibility:hidden;
display:none;	
}
.c4{
float: left;
margin-top:1rem;	
}
.c3{
margin-top:1rem;
visibility:hidden;
display:none;	
}
.cuadro_naranja{
height:auto;
margin-top:0px;
}
.slogan_verde{
width:auto; 
height:auto; 
left:13rem; 
font-size: 1rem;
text-align:left;
top:1rem;	
}

.adorno{
	 width:161px; position:relative; float:left; top:0rem; z-index:15;
	 height:239px;
	background-image: url(imagenes/imagen2a.jpg);
	background-repeat:no-repeat;

	
}
.adorno2{
visibility:hidden;
display:none;
}
.cuadro_verde{
height:auto;
 	
}
.savicola{
	left: 36%;
	 top: 50px; 
}
.sporcino{
	left: 43%;
		 top: 80px; 
}
.specuario{
	left: 43%;
		 top: 110px; 
}
.sagricola{
	left: 36%;
		 top: 140px; 
}
.d2{
	margin-top:0rem;

}
.n1{
top:0.1rem;
		
}


.nombre_empresa{
	width:300px; 
	height:14px; 
font-size: 1rem;
padding-top:0rem;

}
	}
@media (min-width : 480px) and (max-width:639px) and (orientation: portrait) {
	.menu_pequeno{
	width:160px;
	height:200px;
	position:relative;
	float:left;
	z-index:150;
	left:0rem;
	top:143px;
	background:rgba(0,0,0,0.4);
		visibility: visible;
display: block;
}
		.tope_menu{
	visibility:hidden;
display:none;	
	}
	.tope_raya_hundida{
			visibility:hidden;
display:none;
	}
	.raya_menu{
		visibility:hidden;
display:none;
	}
	.base_menu{
		width:250px;
	}
		.franja_traspnaranja{
	
	height:120px; 
	
}
.medio_menu{
		visibility:hidden;
display:none;
}
.menu{
	width:250px;
	left:1rem;
	top:8.5rem;

}
nav{
	top:-1rem;
	width:250px;
	left:1rem;
	height:500px;
}
nav ul{
	width:150px;
}
 nav ul ul{
	top:24%;
	left:8rem;
	width:12rem;
	
 }
 nav ul li{
	height:50px;
	padding-top:1rem;
	width:110px;
	text-align:left;

}

  nav ul ul li{ 
  padding-top:0.7rem;
  height:3rem;
  width:150px;
  
  }
  nav ul ul li a {
	  height:2rem;
	   padding-top:4px;
  }

		.base_logo2{
	position:relative;
	float:left;
	height: 175px;
	width: 320px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	visibility: visible;
display: block;
}
	.base_logo{	
	visibility:hidden;
display:none;
	}
.cuadro_gifs {
	width:300px;
	margin-left:12px;
	margin-top:70px;
}
.c2{
float: left;
margin-top:1rem;
visibility:hidden;
display:none;	
}
.c4{
float: left;
margin-top:1rem;	
}
.c3{
margin-top:1rem;
visibility:hidden;
display:none;	
}
.cuadro_naranja{
height:auto;
margin-top:0px;
}
.slogan_verde{
width:auto; 
height:auto; 
left:13rem; 
font-size: 1rem;
text-align:left;
top:1rem;	
}

.adorno{
	 width:161px; position:relative; float:left; top:0rem; z-index:15;
	 height:239px;
	background-image: url(imagenes/imagen2a.jpg);
	background-repeat:no-repeat;

	
}
.adorno2{
visibility:hidden;
display:none;
}
.cuadro_verde{
height:auto;
 	
}
.savicola{
	left: 36%;
	 top: 50px; 
}
.sporcino{
	left: 43%;
		 top: 80px; 
}
.specuario{
	left: 43%;
		 top: 110px; 
}
.sagricola{
	left: 36%;
		 top: 140px; 
}
.d2{
	margin-top:0rem;

}
.n1{
top:0.1rem;
		
}
.nombre_empresa{
	width:300px; 
	height:14px; 
font-size: 1rem;
padding-top:0rem;

}
	}
	
@media (min-width : 640px) and (max-width:800px) {
	
.cuadro_gifs {
	width:400px;
}
.c2{
float: left;
margin-top:1rem;
visibility:hidden;
display:none;	
}
.c4{
float: left;
margin-top:1rem;	
}
.c3{
margin-top:1rem;	
}
.cuadro_naranja{
height:auto;
margin-top:0px;
}
.slogan_verde{
width:auto; 
height:auto; 
left:2rem; 
font-size: 1.5rem;
text-align:left;
top:4rem;	
}

.adorno{
	 width:161px; position:relative; float:left; top:100px; z-index:15;
	 height:239px;
	background-image: url(imagenes/imagen2a.jpg);
	background-repeat:no-repeat;

	
}
.adorno2{
	width:333px; position:relative; float: right; top:0px;
	 height:401px;
	background-image: url(imagenes/imagen1a.jpg);
}
.cuadro_verde{
height:auto;
 	
}
.savicola{
	left: 34%;
	 top: 150px; 
}
.sporcino{
	left: 31%;
		 top: 200px; 
}
.specuario{
	left: 31%;
		 top: 250px; 
}
.sagricola{
	left: 34%;
		 top: 300px; 
}
.d2{
	margin-top:0rem;

}
.n2{
top:2rem;
		
}
.base_menu{
	top:.9rem;
	
}
.menu{
	top:0rem;
}
nav{
	top:-1rem;
}
}