@charset "utf-8";
/* CSS Document */
body{
	padding:0px;
	margin:0px;	
	//font-family: 'Montserrat', sans-serif;
	font-family: 'Lato', sans-serif;
	font-size:14px;
	color:#666;
	font-size:14px;
	background: #fff; 
	/*background: -moz-linear-gradient(left, #282828 0%, #5b5b5b 42%, #5b5b5b 56%, #282828 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#282828), color-stop(42%,#5b5b5b), color-stop(56%,#5b5b5b), color-stop(100%,#282828));
	background: -webkit-linear-gradient(left, #282828 0%,#5b5b5b 42%,#5b5b5b 56%,#282828 100%); 
	background: -o-linear-gradient(left, #282828 0%,#5b5b5b 42%,#5b5b5b 56%,#282828 100%); 
	background: -ms-linear-gradient(left, #282828 0%,#5b5b5b 42%,#5b5b5b 56%,#282828 100%);
	background: linear-gradient(to right, #282828 0%,#5b5b5b 42%,#5b5b5b 56%,#282828 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#282828',GradientType=1 );*/
}

p{
	padding:0px;
	margin:0px;	
	text-align:justify;
	font-size:14px;
}

a{
	text-decoration:none;
	color: #CD8A02;	
}

a:hover{

	text-decoration:underline;
	color:#F6CE27;	
}

#contenedor{
	border:0px solid #0FF;
	width:950px;
	margin:0px auto;
	overflow:hidden;
	height:auto;
}

#info_paginas{
	border:0px solid #FFF;
	margin:0px auto;
	min-height:400px;
	height:auto;
	width:950px;	
	overflow:hidden;
}

#imagen_derecha{
	border:0px solid #FFF;
	width:300px;
	height:250px;	
	float:right;
	margin-left:2%;
	margin-top:7%;
}

#imagen_derecha img{
	width:100%;
	height:100%;
}

h1{
	color: #666;
	margin:0px;
	padding:0px;
	font-weight:300px;
	font-size:30px;
}
#tit{
	color: #666;
	margin:0px;
	padding:0px;
	font-weight:300px;
	font-size:30px;
}

#boton_plano_tecnico{
	margin-top:30px;
}

#menu_colores{
	width: 885px;
	min-height: 600px;
	height:auto;
	margin-bottom:5%;
	margin:20px;
	overflow:hidden;
}

#colores {
	float: left;
	width: 100px;
	height: 100px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	margin-left:60px;
	margin-top:10px;
	margin-bottom:30px;
}

#colores img{
	border:0px solid #03F;
	margin-top:1px;
	width:100%;
	height:100%;
}

#colores img:hover{
	width:105px;
	height:105px;
	//box-shadow:2px 3px 10px #f6ce27;
}

#colores span{
	text-transform:uppercase;
}

/*#colores a{
	text-decoration:none;
	color:#333;	
}

#colores a:hover{
	text-decoration:none;
	color:#FF9900;	
}*/


/* CSS Header */
header{
	background:#fff;	
	padding-bottom:10px;
}

#logo{
	float:left;
	margin-top:12px;
	margin-left:0px;
}

#header_derecho{
	border:0px solid #000;
	float:right;
	overflow:hidden;
	width:460px;
}

#sociales{
	border:0px solid #000;
	float:right;
	margin-top:10px;
}

#sociales img{
	margin-left:5px;	
}

#subscribete {
	border:0px solid #000;
	margin: 0px;
	margin-top: 3%;
	float: left;
	font-size:13px;

}

#subscribete p {
	color:#666;
	font-size:13px;
}

#linea_header{
	background:url(img/header/linea_header.html) repeat-x;
	height:	17px;
}

/* CSS Index */
#banner_rotatorio{
	border:0px solid #FFFFFF;
	width:431px;
	margin:0px auto;
	margin-top:0px;
	height:431px;
	width:950px;
}

#banner_minis{
	border:0px solid #FFFFFF;
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:20px;
	padding-bottom:2%;
}

#cuadromini1, #cuadromini2, #cuadromini3{
	border:0px solid #FFF;
	width:287px;
	height:auto;
	float:left;
	margin-left:21px;
}

#info_imagenes_mini{
	border:0px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: auto;
	text-align: justify;
	line-height:13px;
	margin-top:15px;
}

#ver_mas{
	text-decoration:none;
	border:0px solid #000;
	color:#E99500;
	float:right;
}

/* CSS Footer */
#top_footer{
	background:#666;
	height:5px;	
}

footer{	
	background:#F2F2F2;	
	height:auto;
	overflow:hidden;
	padding-bottom:15px;
}

#minis_footer{
	border:0px solid #333;
	margin-top:14px;
	overflow:hidden;
}

#minis_footer img{
	border:0px solid #333;
	width:301px;
	height:101px;
	float:left;
}

#copyright {
	border:0px solid #F00;
	width: 950px;
	font-size: 13px;
	line-height: 13px;
	margin: 10px auto;
	margin-bottom: 5px;
}

/* CSS Solid Surface */
#botones_solid{
	border:0px solid #FFF;
	float:left;
	margin-top:25px;
}

#botones_solid input[type="image"]{
	margin-left:41px;	
}

/*  SOLIF SURFACE  */
#tipos_granos{
	border:0px solid #0F0;
	overflow:hidden;
	height:auto;
	padding-bottom:3%;	
}


/* CSS Contacto */
#datos_contacto{
	border:0px solid #FFF;
	float:left;
	margin:15px 30px;
}

#datos_contacto label{
	padding:0px;
	margin:0px;	
	text-align:justify;
	font-size:15px;
}

#datos_contacto input[type="text"], textarea, input[type="email"]  {
	width:250px;
	border-radius:10px;
	padding-left:10px;
	color:#666;
	font-weight:bold;
	outline:none;
}

#datos_contacto textarea {
	width:350px;
	height:100px;
	resize:none;
}

#mapa_contacto{
	border:0px solid #FFF;
	float:right;
	margin:15px 30px;
}

/*     GALERIAS Y UTILIDADES         */
#galerias_productos{
	border:0px solid #F00;
	overflow:hidden;
	margin:2% 0px;
}
#cuadro_galeria {
	border:0px solid #000;
	float:left;
	width:250px;
}
#titulo_galeria {
	margin:0px;
	padding:0px;
	font-weight:bold;
	color:#F6CE27;
	font-size:18px;
}
#galeria{
	border:0px solid #33C;
	width: 900px;
	margin-left:20px;
	position:relative;
	
}
/*     GALERIAS Y UTILIDADES   DESCRIPCION IMAGEN      */
#titulo_articulo{
	border:0px solid #FFF;
	color:#FFC525;
	font-weight:bold;
	font-size:20px;
	position:relative;
	top: 30px;
	left: 50px;
	width: 380px;
}
#imagen_grande_articulos{
	border:0px solid #FFF;
	float:left;
	width:380px;
	height:285px;
	overflow:hidden;
	margin-left:50px;
	margin-top:30px;
}
#imagen_grande_articulos img{
	width:100%;
	height:100%;
}
#cuadro_descripcion_producto{
	border:0px solid #FFF;
	float:left;
	max-width:435px;
	overflow:hidden;
	margin-left:20px;
	margin-top:37px;	
}
#sub_titulo_articulos{
	color:#FFC525;
	font-size:15px;
	font-weight:bold;
}


/*     GALERIA DE IMAGENES      */
#galeriaa{
	margin:30px auto;
	width:662px;
}