body{
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding:0;
	font-size: 13px;

}


.resp{
	float: left;
	padding: 0;
	margin:0;
	width: 68%;
	overflow: auto;
}

#header h1, #pixels{
	color: #48941A;
}


.center{
	padding: 80px 0 0 0;
	text-align: center;
}

.cabecera{
	top:0;
	width: 100%;
	height: 64px;
	background: white;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.5);
	position: fixed;
	z-index: 1000;
}

#nav{
	overflow: auto;
	width: 100%;
	margin: 7px auto;
	padding: 0;
	list-style: none;
}

#nav li{
	overflow: auto;
	float: left;
}

#nav li a{
	padding: 0 10px;
	font-size: 12px;
	color: #231F20;
	text-decoration: none;
	font-weight: 600;

}

#nav li:last-child, #nav li:first-child {
	border-right:none;
}

#nav .resp li{
	float:left;
}


#header, #intro{
	width: 100%;
}

#nav .logo{
	width:31.2%;
}

#nav .logo a {
	width: 100px;
	margin: 0 auto;
	display: block;

}

#nav .logo img{
	margin: 0;
	padding: 0;
}
#nav .resp li.sec{
	margin: 30px 0 0 0;
}

#nav .resp li.fb{
	margin: 20px 0 0 0;
	float: right;
}




.contenido{
	left:-440px;
	background: url(../img/placa3.png) 0 0 no-repeat;
	/*-box-shadow: 3px 3px 3px rgba(0,0,0, 0.5);-*/
	background-size: 100% 100%;
	width: 31.9%;
	height: 100%;
	position: absolute;
	margin:0;
	z-index: 500;
	text-align: justify;
	color: #646464;
	font-weight: 500;
}

/*------------------INICIO & DISTRIBUCION-------------------*/

.deco{
	margin: 64px 0 0 0;
	width: 98%;

}

.inicio{
	width: 75%;
	margin: 100px auto;
	padding:8% 0 0 0;

}

.inicio img, .distribucion img{
	width: 100%;
}

.contenido .distribucion img{
	border-top: 1px dashed #646464;
	border-bottom:1px dashed #646464;
}







/*------------NOSOTROS--------------*/



.nosotros, .origenes, .distribucion, .contacto{
	position: absolute;
	width: 77%;
	height: 450px;
	top:20.7%;
	left:10%;
	margin: 0;
	padding: 0;

}

.nosotros h1 , .distribucion h1, .origenes h1, .catalogo h1, .contacto h1{
	color:#5B0000;
	margin: 0 0 8% 12%;
	font-size: 2.8em;
	font-style: italic;
}

.distribucion h1{
	color:#005000;
}



/*------------ORIGENES--------------*/

.origenes h1{
	color:#FF2878;
	
}

.origenes p{
	border-top: 1px dashed #646464; 
	padding: 5px 0 0 0;
	color: #646464;
}

/*------------CATÁLOGO--------------*/

.catalogo h1{
	position: absolute;
	color:#FF9900;
	top:20.5%;
	margin: 0 0 0 20%;
	font-size: 2.8em;
	font-style: italic;
}

.contenedor.ca01{
	background: white;
	height: 667px;
}

.pagina .info{
	width: 20%;
	float:left;
}

.descripcion{
	width: 50%;
	float:left;
}

#dates li { 
	font-weight: 500;
	cursor:pointer;
}

#dates li:hover{
	font-size: 15px;
}

#dates li:hover{
	list-style: url(../img/flechita.png) disc;
  position: relative;

}
#dates li a.selected{
	list-style: url(../img/flechita.png) disc;
  position: relative;

}


.catalogotexto  {
	margin:66px 0 35px 0;
}


/*------------CONTACTO--------------*/



.contacto h1{
	color:#1890CF;
}



input, textarea {
	width: 100%;
	background: #E1E1E1;
	border: none;
}

textarea{
	height: 60px;
}

.contacto ul{
	list-style: none;
}

.contacto ul li {
	margin: 2 0 0 0;
	width: 100%;
	float: left;
	font-weight: 500;
}

.error{
	background: red;
}

form  {
	font-family: 'Roboto', sans-serif;
	margin: 0;
}


/*-------------------------------------------GALERIA---------------------------------------------*/
/*
.show{
	width: 75.8%;
	height: 500px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

.siguiente, .atras{
 	margin: 0;
 	top:88px;
 	right:  -2%;
	cursor: pointer;
	position: relative;
}



.carrusel{
	width: 4850%;
	height: 500px;
	margin: 0 ;
	padding:0;
	position: absolute;
	z-index: -1px;
}

.pagina{
	width: 1.2%;
	background: red;
	height: inherit;
	margin: 0;
	padding: 0;
	background: url('../img/bbwhite.png') no-repeat 4% 158px;
	float:left;
}*/

@media screen and (min-width: 1380px) {
	.nosotros, .origenes, .distribucion, .catalogo, .contacto{
		width: 77%;
		height: 450px;
		margin: 0 auto;
		top:22%;
		}
		/*.catalogo h1{
			margin: 22% 0 20px 20%;
		}*/
}



@media screen and (max-width: 800px) {

}



/*-----------------------------------------------------------------------------------------------MOBILE---------------------*/


@media only screen and (max-device-width: 640px) {

}