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

@import url(normal.css); /*estilos para normalizar diferencias entre navegadores*/

@font-face {
 	font-family: 'GraublauWeb';
	src: url('GraublauWeb.eot?#iefix') format('embedded-opentype'), 

	     url('GraublauWeb.ttf')  format('truetype'),
	     url('GraublauWeb.svg#svgFontName') format('svg');
}
body {
	font-size: 62.5%;
	font-family: "Trebuchet MS", Arial, Verdana;
	background:#fff url(../img/Fondo.jpg) no-repeat center top;
}
#Container {
	font-size:1.3em;  /*tamanyo general de textos 13px*/
	color:#666;
	max-width:1014px;
	min-width: 760px;
	margin:auto;
	width:100%;
	
}
* html #Container {
	width:1010px;
	
}
h1 { width:50%;}
#idiomas {
	float:right;
	z-index:1;
	margin:2em 3em 0 0;
}
#idiomas li {
	display:inline;
}
#Menu li {
	display:inline;
	margin-left:2px
}


html > /**/ body #Menu a:hover
{
	opacity: .5;
}
#Menu :hover
{
	filter:alpha(opacity=50);
}
/*encabezados*/
h2 {
	font-family: GraublauWeb;
	font-size:1.6em;
	font-weight:normal;
	padding: 0;
	clear: both;
	margin-bottom: 5px;
	color:#012F75;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png, sizingMethod=crop);
	min-height: 0;
}

h3{	font-family: GraublauWeb;
	font-size:1.2em;
	font-weight:bold;
	padding: 0;


	color:#FF9100; }
p {
	font-family: GraublauWeb;
	font-size:1.1em;
	font-weight:normal;
	padding: 0;

	margin-bottom: 5px;
	color:#333333; line-height:20px; margin:10px 0; text-align:justify
}
.TextoResaltado{ font-weight:bold; color:#FF9100}
a{font-weight:bold; color:#FF9100}
a:hover{color:#000}
/*3 columnas*/
.ColumnaLeft {
	float:left;
	width:33%; background:url(../img/Sombra1.gif) no-repeat right top;/* min-height:315px*/
}

.ColumnaRight {
	float:right; margin-right:25px;
	width:31%;/*min-height:315px*/
}

.ColumnaCenter {
	float:left;
	width:33%;background:url(../img/Sombra1.gif) no-repeat right top;/*min-height:315px*/
}

.Margenes{ margin:0 10px}
.MargenesProductos{margin:0 30px 0 10px}

/*productos home*/
.ProductosHome { position:relative; overflow:auto; height:1%;}
.ProductosHome li {
	float:left;
	width:153px;
	color:#000;
	font-weight:bold;
	font-size:1.2em;
	text-align:right;
	margin-right:3px;
	margin-bottom:3px;
	height:119px;
}
.ProductosHome span {
	padding-right:5px;
	display:none
}
.Mejillon {
	background:url(../img/Mejillon.jpg) no-repeat left top;
}
.Mejillon_eu {
	background:url(../img/Mejillon_eu_s1.jpg) no-repeat left top;
}
.Mejillon_en {
	background:url(../img/Mejillon_en_s1.jpg) no-repeat left top;
}
.Bigaro {
	background:url(../img/Bigaro.jpg) no-repeat left top;
}
.Bigaro_eu {
	background:url(../img/Bigaro_eu_s1.jpg) no-repeat left top;
}
.Bigaro_en {
	background:url(../img/Bigaro_en_s1.jpg) no-repeat left top;
}
.Almejas {
	background:url(../img/Almejas.jpg) no-repeat left top;
}
.Almejas_eu {
	background:url(../img/Almejas_eu_s1.jpg) no-repeat left top;
}
.Almejas_en {
	background:url(../img/Almejas_en_s1.jpg) no-repeat left top;
}
.Chirlas {
	background:url(../img/Chirla.jpg) no-repeat left top;
}
.Chirlas_eu {	
	background:url(../img/Chirla_eu_s1.jpg) no-repeat left top;
}
.Chirlas_en {
	background:url(../img/Chirla_en_s1.jpg) no-repeat left top;
}

/*productos*/
.Productos li{ float:left}
.Productos span{ display:none}
.ImagenDerecha {
	float:right;
	margin-left:10px
}
.Centrar{ text-align:center}
.none {
	position:absolute;
	left:-1500px;
	top: -10%;
	overflow:hidden;
	font-size:0%;
	line-height:0%;
}

#Pie{ background:url(../img/Pie.jpg) no-repeat left top; clear:both; text-align:center; min-height:60px; padding-top:10px; color:#000}
#Pie a{color:#000}
.clear{ clear:both}

.clearfix:after
{
	/* Con esto se subsana el colapso al flotar bloques en los navegadores que interpretan contenido generado */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix
{
	/* Con esto se subsana el colapso al flotar bloques en IE-Mac pero se hace necesario rectificar 				su efecto posteriormente */
	overflow: hidden; /* Con esto se subsana el colapso al flotar bloques en IE-Win */
	height: 1%;
}
/* Oculto para IE-mac \*/
.clearfix
{
	/* Con esto se compensa el overflow antes declarado. */
	overflow: visible;
}
/* Este comentario es necesario para cerrar el hack de IE-mac */