@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: 'Open Sans';
  src: url('fuentes/OpenSans-Regular.ttf');
}
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;
}
.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 */
}
.home1{position:relative; float:left; top:-10px; width:80px;}
/*| Navigation |*/

nav{
	position: relative;
	top: 26px;
	right: 0rem;
	width: 500px;
	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: auto;
	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 .home, .home a{
	background: rgba(255,255,255,1);
	}
	
    nav ul li:hover{background: rgba(196,209,0,.4);
	color:#FF7F00;
	text-decoration: none;
	font-family: "Squada One";
	font-size:1rem;}
  /* nav ul li:hover > ul{display: block;}*/
    nav ul li{
      float: left;
	  -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
    }
      nav ul li a{
        display: block; 
     padding:0px 8px 0px;
        color: #FF7F00; 
       	text-decoration:none;
		font-family: "Squada One";
	   font-size: 1.1rem;
	    letter-spacing: 0px;
        text-decoration: none;
        
      }
      nav ul ul{
		width: 180px;
        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,.8);}
          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 li a:hover {
			color:#FF7F00;
			font-family: "Squada One";
            
          }
          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 */

}
.normal {
	font-family: 'Open Sans';
	font-size: 1rem;
	font-weight: 300;
	color: #FFF;
}
.titulo_avicola {
	font-family: 'Squada One';
	font-size: 1.3rem;

	color: #FF7F00;
	opacity:1;
}

.titulo_porcino {
	font-family: 'Squada One';
		font-size: 1.3rem;

	color: #00B200;
	opacity:1;
}
.titulo_Inv {
	font-family: 'Squada One';
		font-size: 1.3rem;

	color: #848A00;
	opacity:1;
}
.three-columns {
width: 32%;

display: inline-block;
}
.titular{
	font-family: 'Squada One', Serif; 
	font-size:36px;
	color:#C4D100;
}
.titular2{
	font-family: 'Squada One', Serif; 
	font-size:36px;
	color:#FF7F00;
}
.titular3{
	font-family: 'Squada One', Serif; 
	font-size:36px;
	color:#FFFF00;
}
.titular4{
	font-family: 'Squada One', Serif; 
	font-size:36px;
	color:#FFFFBF;
}
.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_division{
	width: 100%;
	height: 7px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	;
	position: absolute;
	z-index: 6;
	left: 0px;
}
.verde{
	background-color: #00B200;
	top: 172px;
}
	
.naranja{
	background-color: #FF7F00;
	top: 179px;
}	

.gris{
	background-color:#EEEEEE;
	top:186px;
	height:33px;
}
.superior{
height:170px; width:100%;position: absolute; z-index:5; float:left;top:13px;
left:0px;
}
.base_menu{
	float: left; height: 24px; text-align: right;  position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  
	width:100%; top: 20px;
	text-align:right;

}
.base_contenido{
	width: 100%;
	height: auto;
	position: absolute;
	top: 237px;
	z-index: 30;
	left: 0px;
		
}

.fondo{
position:relative; float:left; background-position:center; background-size:cover; background-repeat:no-repeat; width:100%;  z-index:35; top:-10px;
	
}
.diseno{
	background-image: url(imagenes/fondoservicio.jpg);
	height:800px; 
}
.producto{
background-image: url(imagenes/fondoproducto.jpg);
height:900px; }

.quienes{
	height:800px;
	background-image: url(imagenes/fondoquienes.jpg);
}

.servicios{
	height:800px;
	background-image: url(imagenes/fondoservicio2.jpg);
}
.ubicacion{
position: absolute; float: right; left: 723px; top: 36px;	
}
.textos{
	width: 40%;  position: relative; float: left; left: 40px; padding-left: 10px; padding-right: 10px;
}
.tproducto{
	background-color:#FC0;
	top:40px;
}
.tservicios {
	background-color:#FC0;	
 top: 90px;
}
.tdiseno{
	background-color: #C3D100;
	 top: 90px;
}
.tquienes{
background-color:#FC0;	
 top: 90px;
}
.base_logo2{	
	visibility:hidden;
display:none;
	}
	#home2{
	display:none;
	visibility:hidden;
}
@media (min-width : 220px) and (max-width:639px) and (orientation:portrait) {
	
	
	.base_logo{
		visibility:hidden;
display:none;
	}
	.base_logo{
		visibility:visible;
		display:none;
	}
	.superior{
		height:110px;
	}
	
	.base_logo2{
	position:relative;
	float:left;
	height: 125px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	visibility: visible;
display: block;

}

.base_menu{
	top:3rem;
	right:0rem;
	float: right;
	
}

nav{
	top:7rem;
	float:left;
	position:absolute;
	left:0px;
	width:120px;
	height:auto;
	
}
 nav ul{

	float:left;
	 width:120px;
	 	background:rgba(255,255,255,0.8);
	  }
	nav ul li{
		height:35px;
		width:100%;
	}
	
	nav ul ul{
		top:70px;
		left:100px;
		background:rgba(255,255,255,0);
	}
.franja_division{
	width: 100%;
	height: 7px;
	
}
.verde{
	background-color: #00B200;
	top: 126px;
}
	
.naranja{
	background-color: #FF7F00;
	top: 133px;
}	

.gris{
	background-color:#EEEEEE;
	height:33px;
	top:140px;
}
.tquienes{
	width:90%;
		
 top: 160px;
}
.tdiseno{
	background-color: #C3D100;
	 top: 160px;
}
.tservicios {
	top: 160px;
} 
.ubicacion{
position: absolute;

 float: left; 
 left: 130px; 
 top: 70px;	
}
.textos{
	width: 95%;  position: relative; float: left; left: 5px; padding-left: 5px; padding-right: 5px;
	
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
}
.home1{
	display:none;
	visibility:hidden;
}
#home2{
	display:block;
	visibility:visible;
}
.home{
	display:none;
	visibility:hidden;
}
.tproducto{
	background-color:#FC0;
	top:120px;
}
}
@media (min-width : 220px) and (max-width:639px) and (orientation: landscape) {
	#home2{
	display:none;
	visibility:hidden;
}
	
	.base_logo{
		visibility:hidden;
display:none;
	}
	.base_logo{
		visibility:visible;
		display:none;
	}
	.superior{
		height:110px;
	}
	
	.base_logo2{
	position:relative;
	float:left;
	height: 125px;
	width: 320px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	visibility: visible;
display: block;
}

.base_menu{
	top:3rem;
	right:0rem;
	float: right;
}

nav{
	top:5rem;
	float: right;
	position:absolute;
	right:0px;
}
 nav ul{

	float:right;
	
	 
	  }
	  
.franja_division{
	width: 100%;
	height: 7px;
	
}
.verde{
	background-color: #00B200;
	top: 126px;
}
	
.naranja{
	background-color: #FF7F00;
	top: 133px;
}	

.gris{
	background-color:#EEEEEE;
	top:186px;
	height:33px;
	top:140px;
}

.tquienes{
	width:70%;
		
 top: 120px;
}
.ubicacion{
position: absolute;
 float: left; 
 left: 30px; 
 top: 50px;	
}
}	
	
@media (min-width : 640px) and (max-width:800px) {
	
	
	.base_logo{
		visibility:hidden;
display:none;
	}
	.base_logo{
		visibility:visible;
		display:none;
	}
	.superior{
		height:110px;
	}
	
	.base_logo2{
	position:relative;
	float:left;
	height: 125px;
	width: 320px;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	visibility: visible;
display: block;
}

.base_menu{
	top:3rem;
	right:0rem;
	float: right;
}

nav{
	top:5rem;
	float: right;
	position:absolute;
	right:0px;
}
 nav ul{

	float:right;
	
	 
	  }
	  
.franja_division{
	width: 100%;
	height: 7px;
	
}
.verde{
	background-color: #00B200;
	top: 126px;
}
	
.naranja{
	background-color: #FF7F00;
	top: 133px;
}	

.gris{
	background-color:#EEEEEE;
	top:186px;
	height:33px;
	top:140px;
}
.tquienes{
	width:80%;
		
 top: 320px;
}
.tservicios{
	width:80%;
		
 top: 220px;
}
.tdiseno{
	width:80%;
		
 top: 220px;
}
.tproducto{
	width:80%;
	
 top: 220px;

}
.producto{
	height:1000px;
	
}
.ubicacion{
position: absolute;
 float: left; 
 left: 30px; 
 top: 100px;	
}
}