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

/*Reset global*/
body,div,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,input,textarea,p,img,button {  
	margin:0; 
	padding:0; 
} 
ul { 
	list-style:none; 
} 
fieldset,img {  
	border:0; 
} 
h1,h2,h3,h4,h5{ 
    font-size:100%; 
    font-weight:normal; 
}
a{
	text-decoration:none;
}
:focus{
	outline:none;
}
/*Reglas generales*/
body{
	background-color:#FFFFFF;
	background-image:url(imagenes/fondo.jpg);
	background-repeat:repeat-x;
	background-position:top;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;	
}
p{
	font-size:1.1em;
	margin-bottom:10px;
}
h1{
	color:#FF6600;
	font-size:2.4em;
	margin-bottom:15px;
	padding-left:10px;
	padding-top:20px;
}
/*Elementos de contrucción*/
#wrapper{
	margin-left:auto;
	margin-right:auto;
	width:805px;
}
#cabecera{
	height:170px;
	padding-top:20px;
	background-image:url(imagenes/cabecera.jpg);
	background-repeat:repeat-x;
}
#contenido{
	margin-top:30px;
	min-heigth:560px;
	padding-bottom:15px;
	overflow:auto;
}
#pie{
	background-image:url(imagenes/pie.jpg);
	background-repeat:repeat-x;
	height:40px;
	line-height:40px;
	clear:both;
}
/*Elementos de la cabecera*/
#cabecera .logo{
	float:left;
}
#cabecera .float-right {
	float: right;
	padding-top:10px;
	padding-right:10px;	
}
#cabecera .trust{
	display:block;
	margin-top:10px;
	float:right;
	clear:right;
}
#cabecera .ingles{
	background:url(imagenes/ingles.png) no-repeat center;
	height:32px;
	width:32px;
	text-indent:-9000px;
	margin-right:5px;
	display:block;
	float:left;
}
#cabecera .espanol{
	background:url(imagenes/spain.png) no-repeat center;
	height:32px;
	width:32px;
	text-indent:-9000px;
	display:block;
	float:left;
}
#menu{
	background-image:url(imagenes/menu.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	height:40px;
	padding-top:20px;
	margin-bottom:20px;
	line-height:40px;
	clear:both;;
}	
#menu ul li{
	float:left;
	width:115px;
	height:40px;
	text-align:center;
	font-size:1.1em;
	background-image:url(imagenes/linea.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#menu a:link,#menu a:visited{
	color:#333333;
	text-decoration:none;	
}
#menu a:hover,#menu a:focus{
	color:#0F74BA;
	text-decoration:none;
	outline:none;
}
#menu ul li:hover{
	background-image:url(imagenes/seleccionado.jpg);
	background-repeat:repeat-x;
}
#menu ul li:active{
	position:relative;
	top:1px;
	left:1px;
}
#menu .current{
	background-image:url(imagenes/seleccionado.jpg);
	background-repeat:repeat-x;	
}
#menu .no-back{
	background-image:none;	
}
/*Elementos del contenido*/
#col-izq{
	float:left;
	width:474px;
	border-right:#E5E5E5 thin solid;
	padding-right:15px;
}
#col-izq p, #distribuidores p, #pedidos p, #contacto p, #privado p, #productos p,#login p{
	padding-left:10px;
	margin-bottom:25px;
}
#col-der{
	float:right;
	width:285px;
	margin-left:15px;
}
/*Elementos del pie*/
#pie p{
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:0;
}
#pie a{
	color:#FFFFFF;
	text-decoration:underline;
}
/*Elementos específicos de Home*/
#home #cabecera{
	height:430px;
}
#home h2{
	font-size:1.9em;
	margin-bottom:15px;
}
#home h3{
	font-size:1.2em;
	font-weight:bold;;
	margin-top:15px;
	margin-right:20px;
	float:left;
	width:135px;
	text-align:center;
}
/*Elementos específicos de #contenido de Home*/
#superior{
	margin-bottom:15px;
	overflow:auto;
}
#inferior{
	border-top:#E5E5E5 thin solid;
	height:210px;
}
#inferior .caja{
	width:235px;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	padding-left:15px;
	padding-right:15px;	
}
#inferior .caja p{
	margin:10px 5px 15px;
}
#inferior .caja a:link,#inferior .caja a:visited{
	width:60px;
	height:25px;
	background-image:url(imagenes/boton.png);
	float: right;
	text-align:center;
	text-decoration: underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	line-height:25px;
	color:#FFFFFF;
}
#inferior .caja a:hover{
	text-decoration:none;
}
#inferior .caja a:active{
	text-decoration:none;
	color:#3333FF;
}
#inferior #borders{
	border-right: thin solid #E5E5E5;
	border-left: thin solid #E5E5E5;
	}
#col-der ul{
	list-style-position: inside;
	list-style-type: square;
}
#col-der ul li{
	margin-bottom:8px;
	font-size:1em;
}
#col-der ul a{
	text-decoration: underline;
}
#col-der ul a:link{
	color:#FF6600;
}
#col-der ul a:visited{
	color:#0033CC;
}
#col-der ul a:hover{
	color:#0099FF;
}
/*Elementos específicos de #granjas*/
#granjas #contenido{
	background-color:#FFFFFF;
}
#granjas h2,#noticias h2, #publicaciones h2{
	font-size:1.4em;
	font-weight:bold;
	color:#3399FF;
	margin-top:10px;
	margin-bottom:10px;
}
#granjas .granja{
	width:700px;
	border:#E5E6E5 thin solid;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	overflow:auto;
}
.granja img{
	float:left;
	margin: 10px 20px 10px 10px;
}
.granja p{
	margin-right:10px;
}
.granja ul{
	list-style:inside square;
}
.granja ul li{
	font-size:1em;
	font-weight:bold;
	margin-bottom:5px;
}
/*Elementos específicos de #pedidos*/
#pedidos #contenido p{
	font-size:1.5em;
	line-height:1.7em;
}
#pedidos #contenido a,#pedidos #contenido span{
	font-weight:bold;
	color:#0066CC;
}

/*Elementos específicos de #contacto*/
button, #tablas button{
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	background:transparent url(imagenes/boton.png) no-repeat;
	width:60px;
	height:25px;
	border:0;
	margin-top:10px;	
	margin-left:20px;
	cursor:pointer;
}
#contacto form{
	border:#E5E5E5 thin solid;
	width:700px;
	height:380px;
	margin:20px auto 30px;
	font-size:1.1em;
	background-color:#FFFFFF;
}

#contacto form h3,#privado form h3{
	height:30px;
	background-image:url(imagenes/contacto.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-size:1.4em;
	font-weight:bold;
	padding-left:15px;
	margin-bottom:30px;
	line-height:30px;
	text-transform: uppercase;
}
#contacto form p{
	width:290px;
	padding:0;
}
#contacto form label{
	float:left;
	width:85px;
}
#contacto form input{
	width:200px;
	background-color:#FFFFFF;
	margin-bottom:7px;
}
#contacto form textarea{
	width:200px;
	height:160px;
	margin-bottom:20px;
}
#contacto form select{
	margin-bottom:20px;
	margin-left: 58px;
}
#contacto .error{
	color:#CC0000;
	float:none;
	padding-left:85px;
}

#message{
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	width:326px;
	overflow:auto;
	margin-bottom:40px;
	background:url(imagenes/confirm.png) no-repeat center;
	height:80px;
}
#message h4{
	font-size:1.4em;
	font-weight:bold;
	float:right;
	padding:25px 20px 0 0;
}
#message p{
	float:right;
	margin:0;
	padding-right:107px;	
}
#message img{
    padding:15px 0 0 20px; 
}
.left-col{
	padding-left:30px;
	padding-right:30px;
	width:290px;
	float:left;
}
.right-col{
	width:290px;
	float:right;
	padding-left:30px;
	padding-right:30px;
}
.center{
	text-align:center;
}
.espacio{
	display:block;
	padding-left:85px;
}
/*Elementos específicos de #noticias*/
.noticia{
	width:750px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:#E5E5E5 thin solid;
	overflow:auto;
}
.noticia img{
	float:right;
	margin:15px 20px 20px;
}
/*Elementos específicos de #publicaciones*/
#cat{
	width:170px;
	float:right;
	border:thin #999 solid;
	margin-right:10px;
	padding:10px 10px 15px 10px;
	background-color:#FFFFFF;
}
#cat h3{
	font-size:1.6em;
	font-weight:700;
	text-align: center;
	padding-top:5px;
	padding-bottom:10px;
	border-bottom:#999 thin solid;
	letter-spacing:3px;
}
#cat a{
	font-size:1.1em;
	padding-top:12px;
	padding-bottom:12px;
	border-bottom:#CCCCCC dotted thin;
	text-decoration:none;
	display:block;
}
#cat a:link{
	color:#666666;
}
#cat a:visited{
	color:#0066CC;
}
#cat a:hover{
	text-decoration:underline;
}
#cat a:active{
	color:#FF6600;
}
#listado{
	width:580px;
	float:left;
	margin-left:10px;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
}
#listado .snippet{
	height:230px;
	overflow:hidden;
	padding:25px;
	border-left:#CFCFCF thin solid;
	border-right:#CFCFCF thin solid;
	border-top:#CFCFCF thin solid;
	background-image:url(imagenes/articulo.png);
	background-repeat:repeat-x;
}
#listado img{
	float:left;
	margin-right:25px;
	margin-bottom:10px;
}
#listado h2{
	margin:0px;
	font-size:1.6em;
}
#listado .date{
	margin-top:5px;
	margin-bottom:10px;
	color:#999999;
}
#listado p{
	font-size:1.1em;
	line-height:1.6em;	
}
#listado a{
	text-align:right;
	text-decoration:none;
	font-style:italic;
	font-size:1.2em;
	display:block;
	margin-top:20px;
	margin-right:15px;
}
#listado a:link{
	color:#006699;
}
#listado a:visited{
	color:#0066CC;
}
#listado a:hover{
	text-decoration:underline;
}
#listado a:active{
	color:#FF6600;
}
#publicaciones .articulo{
	width:775px;
	padding:15px;
	overflow:auto;
	background-color:#FFFFFF;
    min-height:225px;
}
.articulo img{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}
#contenido .descarga{
	height:40px;
	background-image:url(imagenes/publicaciones.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	clear:both;
}
.descarga p{
	float:left;
	margin-left:20px;
	color:#333333;
	line-height:40px;
}
.descarga a{
	background-image:url(imagenes/boton-azul.png);
	background-repeat:no-repeat;
	background-position:center;
	width:65px;
	height:40px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	line-height:40px;
	float:right;
	margin-right:20px;
}
.descargar{
	background-image:url(imagenes/file_download.png);
	background-repeat:no-repeat;
	background-position:center;
	width:22px;
	height:40px;
	margin-right:10px;
	float:right;
}
.ver{
	background-image:url(imagenes/visualizar.png);
	background-repeat:no-repeat;
	background-position:center;
	width:20px;
	height:40px;
	margin-right:10px;
	float:right;
}
/*Elementos de #productos*/

#productos #col-izq{
	float:left;
	width:269px;
	border-right:#E5E5E5 thin solid;
	padding-right:15px;
	margin-bottom:15px;
}
#productos #col-izq ul li,#productos h5{
	background-image:url(imagenes/boton-familia.png);
	width:225px;
	height:30px;
	margin-bottom:5px;
	line-height:30px;
	margin-left:15px;
	padding-left:10px;
	color:#FFFFFF;
	font-size:1.1em;
}
#productos #col-izq ul li:hover,#productos h5:hover{
	cursor:pointer;
}
#productos #col-izq .sub {
	list-style-position: inside;
	margin-bottom:10px;
	margin-top:10px;
	padding-left:15px;
}
#productos #col-izq .sub li{
	background-image:url(imagenes/bullet.png);
	background-position:left;
	background-repeat:no-repeat;
	height:12px;
	line-height:12px;
}
#productos #col-izq .sub a:link,#productos #col-izq .sub a:visited{
	color:#000000;
}
#productos #col-izq .sub a:hover{
	color:#000000;
	text-decoration:underline;
}
#productos h2{
	background-color:#FF6600;
	padding-left:15px;
	height:25px;
	line-height:25px;
	font-size:1.2em;
	color:#FFFFFF;
	font-weight:bold;
}
#fam-select{
	width:260px;
	background-color:#FFFFFF;
	margin-left:10px;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:#CCCCCC thin solid;
	border-left:#CCCCCC thin solid;
	border-right:#CCCCCC thin solid;
}
#productos #fam-select ul li{
	background-image:none;
	border-bottom:thin #CCCCCC dotted;
	width:220px;
	background-image:url(imagenes/bullet.png);
	background-position:left;
	background-repeat:no-repeat;
	margin-bottom:0;
}
#productos #fam-select a:link{
	color:#000000;
}
#productos #fam-select a:visited{
	color:#0066CC;
}
#productos #fam-select a:hover{
	color:#000000;
	text-decoration:underline;
}
#productos #fam-select a:active{
	color:#CC6600;
}
#ficha{
	float:right;
	width:490px;
}
#ficha img{
	margin-bottom:10px;
}
#ficha h3{
	color:#FF6600;
	font-size:2em;
	margin-bottom:10px;
}

#ficha p{
	border-top:#E5E5E5 thin solid;
	border-bottom:#E5E5E5 thin solid;
	padding:15px;
	font-size:1.2em;
	width:460px;
}
#ficha table{
	border-collapse: collapse;
	border-spacing: 0;
}
.head{
	background-image:url(imagenes/barra-ficha.jpg);
	background-repeat:repeat-x;
	height:30px;
	color:#FFFFFF;
}
#ficha td,#ficha th{
	width:450px;
	text-align:center;
	font-size:1.2em;
}
.item{
	height:30px;
}
/*Area privada*/
#login form{
	width:230px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	background-image:url(imagenes/login-box.jpg);
	background-repeat:repeat-x;
}
#login form label{
	display:block;
	margin-left:55px;
	margin-bottom:5px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.1em;
}
#login form input{
	display:block;
	width:120px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	font-size:1.1em;
}

#login form h3{
	margin-left:10px;
	margin-bottom:20px;
	color:#FFFFFF;
	font-size:1.4em;
	font-weight:bold;
	line-height:20px;
}
#login form button{
	display:block;
	width:60px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}
/*Ficha de producto nuevo*/
#privado #cabecera,#tablas #cabecera{
	height:170px;
}
#privado #contenido,#tablas #contenido{
	min-height:565px;
}

#privado form{
	border:#E5E5E5 thin solid;
	width:500px;
	min-height:550px;
	margin:20px auto 30px auto;
	font-size:1em;
	background-color:#FFFFFF;
}
#privado form p{
	margin-left:20px;
	margin-bottom:35px;
}
#privado form label{
	width:125px;
	display:block;
	float:left;
}
#privado .botones{
	width:203px;
	margin-left:auto;
	margin-right:auto;
}
/*Menú edición*/
#edicion{
	margin-left:10px;
	width:780px;
	margin-bottom:10px;
}
#edicion h2{
	color:#FF6600;
	font-size:1.4em;
	margin-bottom:10px;
	font-weight:bold;
}
#edicion ul{
	width:780px;
	height:60px;
}
#edicion .familias{
	background-image:url(imagenes/boton-familia.jpg);
	background-color:#509CCE;
	font-size:1.1em;
	height:30px;
	line-height:30px;
	margin:0px 0px 10px 30px;
	width:230px;
	text-align:center;
	float:left;
	display:block;
	vertical-align: middle;
}
#edicion .familias a:link, #edicion .familias a:visited{
	color:#FFFFFF;
	text-decoration:none
}
 
/*Tabla de familias*/
#tablas table{
	width:750px;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#tablas th {
	font: bold 1em Verdana, Helvetica, sans-serif;
	background:url(imagenes/barra-ficha.jpg) repeat-x;
	color: #FFFFFF;
	border: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 8px 6px 8px 6px;
}
#tablas td {
	font: bold 1em Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 5px 5px 5px 5px;
	color: #6D929B;
	height:35px;
}
.ref{
	width:90px;
}
#tablas button{
	margin-top:5px;	
	margin-left:0px;
}
#tablas .editar,#tablas .imprimir{
	margin:10px 0px 0px 30px;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	background:transparent url(imagenes/boton.png) no-repeat center;
	width:60px;
	height:25px;
	border:0;
	cursor:pointer;
}
#tablas .imprimir{
	float:left;
	line-height:25px;
}
#tablas #contenido a:link,#tablas #contenido a:visited{
	text-decoration:none;
	color:#FFFFFF;
}
#tablas .back{
	display:block;
	margin:10px 30px 20px 0;
	float:right;
	background-color:#007EB9;
	padding:5px;
}