/**
 * imports
 */
@import url("menu.css");
@import url("slider.css");

/**
 * Fuentes
 */
@font-face {
	font-family:CenturyGothic;
	src:url('fuentes/GOTHIC.TTF') format('truetype');
}

@font-face {
	font-family:BudHand;
	src:url('fuentes/BUDHAND2.TTF') format('truetype');
}

@font-face {
	font-family:Baltathar;
	src:url('fuentes/BALTH.TTF') format('truetype');
}

@font-face {
	font-family:Tempus;
	src:url('fuentes/TEMPSITC.TTF') format('truetype');
}

/*
 * TAGS
 */
body {
	margin: 0px 0px 0px 0px;
	width:100%; height:100%;
	font-family:CenturyGothic, "Century Gothic", Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#3f4650;
}

h1, h2, h3, h4 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
	font-weight:normal;
}

h1 { text-align:center;}
img { border:0px; }
a { text-decoration:none; }
/*
 * Alineaciones para contenedores.
 */
.buttonCenter { margin:auto auto 0px auto; vertical-align:text-bottom; text-align:center; }
.buttonLeft { margin:auto auto 0px 0px; vertical-align:text-bottom; text-align:left; }
.buttonRight { margin:auto 0px 0px auto; vertical-align:text-bottom; text-align:right; }
.middleCenter { margin:auto; vertical-align:middle; text-align:center;}
.middleLeft { margin:auto auto auto 0px; vertical-align:middle; text-align:left; }
.middleRight{ margin:auto auto auto 0px; vertical-align:middle; text-align:right;}
.topCenter{ margin:0px auto auto auto; vertical-align:top; text-align:center; }
.topLeft{ margin:0px auto auto 0px; vertical-align:top; text-align:left; }
.topRight{ margin:0px 0px auto auto; vertical-align:top; text-align:right; }

.flotarIzq { float:left; }
.flotarDer { float:right; }
.flotarLimpio { clear:both; }

/*
 * OBJETOS E IDS
 */
 #imgFondo{
	 position:absolute; z-index:-1;
	 width:100%; height:100%;
 }
#cuerpoWeb {
	margin:0px;
	width:100%;
	min-width:1100px; min-height:900px;
	position:relative;
	vertical-align: top; text-align: left;
}


/*** cabecera ***/
#cabecera {
	position:relative;
	width:100%; height:120px;
}

#logo {
	position:absolute; z-index:100;
	right:150px; top:47px;
	margin:0px; padding:0px;
	width:170px; height:140px;
	cursor:pointer;
}

#federTop {
	position:absolute; z-index:100;
	right:350px; top:10px;
	margin:0px; padding:0px;
	width:170px; height:140px;
	cursor:pointer;
}
#federTop a {
	color:#FFF;
	font-weight: bold;
	font-size:20px;
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	letter-spacing: 2px;
	opacity: .7;
	transition: opacity 0.3s ease; /* aquí va la transición */
}
#federTop a:hover {
	opacity: 1;
}

/*** cabecera ***/

/*** cuerpo ***/
#contenido {
	position:relative;
	margin:0px; padding:0px;
	width:100%; min-height:600px;
}

#contenido .fondo {
	position:absolute; z-index:-1;
	width:100%; height:100%;
	background-color:white;
	filter:alpha(opacity=90);
	opacity:0.9;
}

#slider_top {
	padding-top:70px;
	width:100%; height:270px;
	background-color:#FFF;
}
#slider_pie {
	width:100%; height:60px;
	clear:both;
}
#slider_pie img { width:100%; height:50px; }
/*** cuerpo ***/

/*** idiomas ***/
#panel_idiomas {
	position:absolute; top:10px; left:20px;
	width:50px; height:150px;
}
#panel_idiomas ul {
	margin:0px; padding:0px;
	width:22px; height:81px;
	list-style:none;
}
#panel_idiomas ul li { margin:0px; padding:5px; font-family:CenturyGhotic; font-size:0.9em; cursor:pointer; }

#div_submenu #panel_idiomas ul {
	margin:0px; padding:0px;
	width:120px; height:22px;
	list-style:none;
}

#div_submenu #panel_idiomas ul li {
	margin:0px; padding:5px;
	float:left;
	font-family:CenturyGhotic;
	font-size:0.9em;
	cursor:pointer;
}
/*** idiomas ***/

/*** pie ***/
#pie {
	position:relative;
	width:100%; height:120px;
}
#pie .fondo {
	position:absolute; z-index:-1;
	width:100%; height:100%;
	background-color:#000;
	filter:alpha(opacity=40);
	opacity:0.4;
}

#pie_direccion {
	position:absolute; z-index:10; top:0px; left:0px;
	width:100%; height:100%;
}
#pie_direccion h3 { margin:2px; padding:0px; font-family:Tempus, Verdana; font-size:20pt; text-align:center; color:#FFF; }
#pie_direccion h4 { margin:2px; padding:0px; font-family:Verdana, Arial; font-size:9pt; text-align:center; color:#EABC12; }

#bandeja {
	position:absolute; top:-50px; left:20px; z-index:30;
	width:120px; height:120px;
	background: url('../imagenes/bandeja.png') no-repeat;
}

#powered {
	position:absolute; z-index:1000;
	right:20px; top:0px;
	margin:5px; padding:0px;
	height:20px;
	clear:both;
	float:right;
	font-size:0.8em;
	color:#C0C0C2;
}
#powered a { font-weight:700; text-decoration:none; color:#FFF; }

#aviso_legal { margin:5px; padding:0px; position:absolute; z-index:1000; left:145px; top:0px; }
#aviso_legal a { text-decoration:none;font-size:0.8em; color:#C0C0C2; }

#federPie {
	position:absolute; z-index:100;
	left:45px; top:75px;
	margin:0px; padding:0px;
	width:170px; height:140px;
	cursor:pointer;
}
#federPie a {
	color:#FFF;
	font-weight: bold;
	font-size:20px;
	font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	letter-spacing: 2px;
	opacity: .7;
	transition: opacity 0.3s ease; /* aquí va la transición */
}
#federPie a:hover {
	opacity: 1;
}
/*** pie ***/

/*** portada ***/
#rotulo {
	margin:10px auto; padding:0px;
	width:1000px; height:80px;
}
#rotulo h2 {
	font-family:Baltathar;
	font-size:25pt;
	text-align:center;
	text-shadow:3px 2px 5px black;
	color:#EABC12;
}
#rotulo h3 {
	font-family:Baltathar;
	font-size:20pt;
	text-align:center;
	color:#62728A;
}

#pie_texto {
	margin:10px auto; padding:0px;
	width:1000px;
}

.portada_texto { float:left; text-align:justify; width:300px; }
.portada_contacto { float:left; text-align:justify; width:400px; font-size:0.8em; line-height:1.2em; text-align:center; }
.portada_contacto strong { color:#62728A; }

#div_pesca_sostenible { position:absolute; left:20px; top:140px; }
#div_submenu #div_pesca_sostenible { position:absolute; left:10px; top:50px; }
#div_submenu p { width:600px; padding:0px; margin:0px; font-family: BudHand, CenturyGothic, Verdana, Arial; font-size:1.5em;}

#certeficaciones { position:absolute; left:20px; top:220px;}
#div_submenu #certeficaciones { position:absolute; left:80px; top:50px; }
/*** portada ***/

/*** productos ***/
#menu_productos {
	float:left;
	width:250px;
}
#fichas_productos {
	float:left;
	width:800px; height:750px;
	border:2px solid #5c5c7e;
}
#productos {list-style:none; margin:0px; padding:0px;}

#productos .titulo {
	position:relative;
	width:100%; height:60px;
	background-color:#dadae7;
}
#productos .titulo h3 { margin:0px; padding:5px 0px 5px 25px; font-size:1.5em; font-weight:700; text-transform:uppercase; }
#productos .titulo h5 { margin:0px; padding:2px 0px 2px 25px; font-size:1.2em; font-weight:400; text-transform:uppercase; font-style:italic; }
#productos .ficha_icono { position:absolute; right:20px; top:10px; background:url('../imagenes/ficha.png') no-repeat; width:50px; height:30px; }

#productos .ficha_contenido { margin:0px; padding:0px; background-color:#f1f1fb; width:100%; height:690px; }

.ficha_foto { margin:10px; padding:0px; float:left; width:300px; }
.ficha_datos { float:left; width:450px; margin:0px; padding:10px;}

#ul-fichas_productos {list-style:none; margin:0px; padding:0px;}
#ul-fichas_productos li { display:none; }
#ul-fichas_productos .activa { display: block; }


#panel_productos {
	margin:20px auto; padding:0px;
	width:1010px; height:360px;
}
#panel_productos ul {
	margin:0px; padding:0px;
	width:1010px; height:360px;
	list-style:none;
}
#panel_productos ul li {
	position:relative;
	margin:0px; padding:0px; border:1px solid #E0E0E0;
	width:250px; height:175px;
	float:left;
	overflow:hidden;
	background-color:#FAFAFA;
	cursor:pointer;
}

.panel_texto {
	position:absolute; z-index:0;
	bottom:-60px; left:0px;
	width:100%; height:60px;
}

.panel_texto_fondo {
	position:absolute; z-index:0;
	top:0px; left:0px;
	width:100%; height:100%;
	background-color:#FFF;
	opacity:0.6;
	filter:alpha(opacity=60);
}

.panel_texto h4 {
	position:absolute; z-index:10;
	top:20px; left:20px;
	margin:0px; padding:0px;
	width:100%; height:20px;
	font-size:20px;
	font-weight:400;
	color:#061240;
}

/*** productos ***/

/*** servicios ***/
#servicios{
	margin:30px 0px;
	width:100%; height:100%;
}

#servicios ul {
	margin:30px; padding:0px;
	list-style:none;
}

#servicios ul li {
	float:left;
	margin:10px; padding:20px; border:2px solid #C0C0C2;
	width:300px; height:220px;
	background-color:#F0F0F0;
	cursor:pointer;
}

.servicios_foto { position:relative; overflow:hidden; }
.servicios_foto h3 { margin:15px auto auto 0px; padding:0px; font-size:16pt; font-weight:400; text-transform:uppercase; }

.servicios_texto {
	position:absolute; z-index:100;
	top:-180px; left:0px;
	width:300px; height:180px;
	background-color:#FFF;
	opacity:0.85;
	filter:alpha(opacity=85);
}
.servicios_texto h5 { margin:auto; padding:30px; font-size:14px; font-weight:300; color:black; text-align:justify; }
/*** servicios ***/

/*** contacto ***/
.formulario {
	margin:30px; padding:10px; border:1px solid #62728A;
	float:left;
	width:500px;
}
.campo { padding:10px 0px 10px 40px; color:#3f4650; }


#mapa {
	margin:30px 0px 10px 0px; padding:0px 0px 0px 45px;
	width:300px;
	float:left;
}
/*** contacto ***/

/*** aviso legal ***/
.aviso_legal {
	margin:30px 30px 30px 200px; padding:10px;
	float:left;
	width:600px;
}
.aviso_legal p { text-align: left; }

/*** aviso legal ***/