@charset "utf-8";
/* CSS Document */
    body {
    	font: 80% Verdana, Arial, Helvetica, sans-serif;
    	background: #ffffff;
    	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
    	padding: 0;
    	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #estructura */
    	color: #000000;
		/* background-image:url(imatges/fons_web.gif); background-repeat:repeat-x; */
    }
	
   /*\*/ * htmal slogan { height: 1%; } /**/

    .RA #estructura {
    	width: 800px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
    	background: #FFFFFF;
    	margin: 4px auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	border: 0px solid #000000;
    	text-align: left; /* esto anula text-align: center en el elemento body. */
    }
    .RA #cap {
		/* background:#FF9999;  */
		width:800px;
		height:80px;
    	/* padding: 0 10px 0 20px; */  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #cap en lugar de texto, es posible que le interese quitar el relleno. */
    }
    .RA #cap h1 {
    	margin: 0; /* el ajuste en cero del margen del último elemento del div de #cap evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
    	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
    }

    #idiomes {  text-align:right; float:right;  width:260px; margin-top: 10px;}
 	#idiomes p {
		width:auto;
		
		float:left;
		font-size:80%;
		
	}
/*COS PRINCIPAL*/
    .RA #cos {
    	padding: 0 0px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    	background: #ffffff   ;
		width:800px;
		float:left;
		
    }
	.RA #colEsquerra {
		float: left; 
		width: 251px; /* dado que este elemento es flotante, debe asignarse un ancho */
		background: #f7f7f7; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */
		padding: 10px 0; /* el relleno superior e inferior crea un espacio visual dentro de este div  */
	}
	.RA #colEsquerra h3, .twoColLiqLt #sidebar1 p {
		margin-left: 10px; /* deben asignarse los márgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
		margin-right: 10px;
	}

	.RA #colDreta {
	margin: 0 20px 0 33%; /* el margen derecho puede asignarse en porcentajes o píxeles. Éste crea el espacio a lo largo de la parte derecha de la página. */
	}
	.RA #colDreta img{
	margin:0;}
    .RA #peu {
    	padding: 10px 0 0 10px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
		margin-top: 0px;
		color:#FFFFFF;
    	background:#285012;
		/* background:#006837;  VERD CORPORATIU ANTIC */
		float:left;
		width:100%;
		height:26px; 
		text-align: center;
		font-size:smaller;
    }
    .RA #peu p {
    	margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
    	padding: 0px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
    }
    .RA #peu a {
	color:#FFFFFF;
	}
	.RA #peu img {
	margin-bottom: -4px; }

/* estils del cap */
   .RA #logo{ width:200px; height: 100%; float:left; padding-left: 30px;  text-align:center;}
   .RA #logo img{ padding-top: 4px;}
   .RA #menu{ margin: 0px 0px 0px 250px;  }
   
   .RA #slogan{ width: 250px; height:150px; _height: 125px; float:left; background-color:#285212; margin:0;}
   .RA #slogan p {	display: block; padding: 35px 10px 0 30px; _padding-top: 29px; font-size: 12px; color:#FFFFFF;   }
   .RA #banner{ height:150px;  margin: 0 0px 0 254px; padding-left:0px; text-align:center;} 


/**/
#news {
	width: 250px;
	padding: 0 ;
	margin: 0;
	background-image:none;
	background-color:none;
}
#news dl{
	padding: 10px ;

}
#mod_blog {
	width: 190px;
	margin: 8px 0 0 320px;
	padding: 0;
}   
#mod_blog li{
list-style:none;
margin-left:-36px;
margin-bottom: 2px;
font-size:smaller;
color:#999999;
background-image:url(imatges/topics/info.png); background-repeat:no-repeat; background-position:left 0px;
padding-left: 16px;}

#mod_blog li a{
font-size:11px; 
display:block;}

#dest_home {
	margin: 2px 0;
	width: 300px;
	float:left;
	text-align:center;
	/* background-color:#990000; */
}

/*CATALEG*/
.RA #colEsquerra_cat {
	float: left; 
	width: 250px; /* dado que este elemento es flotante, debe asignarse un ancho */
	
}
/*SUBMENU DE CORPORATIVES*/
.RA #colEsquerra_cat #subMenu_corp{	margin:0; padding:6px 6px; background-color:#f7f7f7; 	}
.RA #colEsquerra_cat #subMenu_corp li{	margin:0; padding:2px 8px 3px 8px; list-style:none;}

.RA #colDreta_cat {
	width: 540px;
	margin: 0 0 0 0; /* el margen derecho puede asignarse en porcentajes o píxeles. Éste crea el espacio a lo largo de la parte derecha de la página. */
	
	/* background-color:#66CC00; */
	float: right; }
#mem_Cataleg {
	width: auto;
	margin-top: 10px;
	/* background-color:#ffcc99;  */
	
}

#columna_unica {
	width: 90%;
	margin: 10px auto;
	/* background-color:#ffcc99;  */
	
}

#sub1{
	font-size: 10px;
	font-weight: normal;
	font-variant:small-caps;
	color: #FFFFFF;
	text-decoration: none;
	margin: 1px 0 0px 1px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #ffcc33;
	/* background-color: #d8ece3; */
	padding: 2px 2px 0 1px ;
}

#subCorp{
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	margin: 1px 0 1px 1px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #ffcc33;
	/* background-color: #d8ece3; */
	padding: 1px 2px 0px 4px ;
}
#subCorp a{ padding: 3px 2px 3px 2px;}

#subPar_corp{width:100%; }

#extraLinks {
	padding: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #285012;
	background-color:#FFFFFF;
	margin: 8px 0;
	 }
/* disseny tablas*/
table {
	background-color:#eeeeee; border-width: 1px;
	empty-cells: hide;
	margin:0;
	padding:0px;
	width: 90%;
	text-align: center;
}
tr,td {
	text-align: center ;
	background-color:#fff;
}
tr{  margin:0px;}
td {padding: 2px;}
td > h1  {  color:#FFFFFF;	background-color:#800080; font-size:medium; margin:0; padding:1px;}
td > p {margin:0; 	padding:0; 	}

/*\*/ * htmal div { height: 1%; } /**/

#video embed {width:175px; height:145px; margin:0; padding:0 0 2px 0;}


#form{
margin: 0px;
padding: 0px;
}
#form table {
	text-align:left;
	background:#FFFFFF;
	padding: 3px;
	border: none;
	margin: 0;
	width: 100%;
}

#form td {text-align:left}
#commerce #formatos #envase {
	float: left;
	width: 50%;
}

#commerce #formatos #envase #tablaEnvase {width:100%; 
								border:none; }
#commerce #formatos #envase #tablaEnvase table {width:100%;}
#commerce #formatos #envase td{ text-align:left
}
#commerce #formatos #envase td input {background-color:#ccFFcc;}
#cestaContent {font-family:Arial, Helvetica, sans-serif; width:280px}
#cestaContent table {border:none; padding:0 0 0 0;
					
					font-family:Arial, Helvetica, sans-serif;
					}
#tablaCesta table {
	width: 100%;
	text-align: left;}
#tablaCesta td{text-align:left;
				font-size:90%; }

/*En presup.asp*/		
#cesta {width:100%; border:none;}
#cesta td {text-align:left;}
#cesta table {width:100%; border:none;}

#datosPedido {width:100%; border:none;}
#datosPedido h1 {background-color:#285012;}
#datosPedido td {text-align:left;}
#datosPedido table {width:100%; border:none;}


#pedidoMail table {width:100%,border:none;}