/*   

Theme Name: CSS inicial
Author: Marc
Author URI: http://nsw.cat
Version: 1.0
Description: CSS básico con arreglos y selectores pre-configurados.

*/
/*** HACKS PARA IE ***/
/* Si tienes la necesidad de aplicar algun hack para IE6 utiliza este selector: *  */

/* Si necesitas aplicarlo a IE7 utiliza este: *: */

/*** NEUTRALIZANDO ESTILOS: 
	elementos que queremos limpiar completamente: ***/

* {
	margin: 0;
	padding: 0;
	/*border: none;*/
}

/*** NEUTRALIZANDO ESTILOS:
	elementos con margen vertical: ***/

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 1em 0;
}

/*** Algunos ajustes basicos: ***/

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}

li, dd, blockquote {
	margin-left: 1em;
}

/*** LINKS:
	recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	/*
	Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaremos la siguiente propiedad:
	
	outline: 0;
	
	Sin embargo no se recomienda, por temas de accesibilidad para navegacion con teclado (lo cual implica temas legales, un tema peliagudo).
	*/
	outline: 0;
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	/*border: none;*/
	text-decoration: none;
	/*Si añades un background aparecera como fondo de la imagen, util para imagenes de carga*/
}

/*** FORMULARIOS: ***/

label, button {
	cursor: pointer;
}

input, select, textarea {
	font-size: 100%;
}

input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}

fieldset {
	border: none;
}

/*** Algunas clases útiles: ***/

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.helvetica {
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
/*************************************************************************************/
/*************************************************************************************/
/*************************************************************************************/

/* ***** ESTILOS WEB******  */


/* elementos */
html {
	font: 70% Verdana, Arial, sans-serif;
	text-shadow: #000 0px 0px 0px; /*Elimina el efecto bold en Safari*/
	overflow: auto;
}
body{
	text-align: center;
	background: #FFFFFF none no-repeat;
}
form{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

p.prod-espacia{
	padding-left: 8px;
	padding-right: 10px;
}

/* capas */
#contenedor{
	position: absolute; 	/*Posicionamiento absoluto*/
	top: 50%; 				/*Desde arriba, colocar al 50% de la pantalla*/
	left: 50%; 				/*Desde la izquierda, colocar al 50% de la pantalla*/
	margin-top: -277px; 	/*Restamos la mitad de alto de la capa para centrarla verticalmente*/
	margin-left: -435px; /*Restamos la mitad de ancho de la capa para centrarla horizontalmente*/
	width: 870px;
	height: 572px;
	text-align:left;
	background: #ffffff none no-repeat;
}
#contenedor-idiomas{
	position: absolute; 	/*Posicionamiento absoluto*/
	top: 50%; 				/*Desde arriba, colocar al 50% de la pantalla*/
	left: 50%; 				/*Desde la izquierda, colocar al 50% de la pantalla*/
	margin-top: -100px; 	/*Restamos la mitad de alto de la capa para centrarla verticalmente*/
	margin-left: -64px; /*Restamos la mitad de ancho de la capa para centrarla horizontalmente*/
	width: 128px;
	height: 200px;
	text-align: center;
	background: #ffffff none no-repeat;
}
#logoWeb {
	background: #ffffff none no-repeat;
	height: 33px;
}
#menuSecciones {
	background: #ffffff none no-repeat;
	height: 78px;
}
#menuProductos {
	float: left;
	width: 234px;
	height: 443px;
	background: #ffffff url(../imagenes/img-mp-background.png) repeat-y left;
}
#pie-paginas{
	/*float: left;*/
	height: 18px;
	width: 100%;
	background: #fff url(../imagenes/img-footer.png) repeat;
}
#establecimientos-paises {
	float: left;
	width: 234px;
	height: 443px;
	background: #ffffff url(../imagenes/img-mp-background.png) repeat-y left;
}
#contenido {
	background: #ffffff none no-repeat;
	float: left;
	width: auto;
	
}
#contenido-idiomas {
	/*float: left;*/
	width: auto;
}
#contenido #central-home {
	background: #ffffff none no-repeat;
	float: left;
 	width: 419px;
	height: 443px;
}
#contenido #central-biocol {
	background: #fff none no-repeat;
	float: left;
 	width: 653px;
	height: 443px;
}
#contenido #central-biocol2 {
	background: #fff none no-repeat;
	float: left;
 	width: 100%;
	height: 443px;
}
#contenido #central-avisolegal {
	background: #ffffff none no-repeat;
	float: left;
 	width: 100%;
	height: 630px;
	text-align: justify;
}
#contenido #central-establecimientos {
	background: #ffffff none no-repeat;
 	width: 636px;
	height: 443px;
}
#contenido #central-novedades {
	background: #ffffff none no-repeat;
 	width: 613px;
	height: 406px;
	margin-left: 23px;
}
#contenido #central-productos {
	background: #ffffff none no-repeat;
	float: left;
 	width: 414px;
	height: 406px;
}
#contenido #novedades {
	background: #ffffff url(../imagenes/img-cd-background.png) repeat-y right;
 	float: left;
	width: 217px;
	text-align: center;
	height: 443px;
}
#contenido #biocol {
 	float: left;
	width: 217px;
	text-align: center;
	height: 443px;
	background: #ffffff none no-repeat;
}
#contenido #prod-aplicacion {
	background: #ffffff none no-repeat;
 	float: left;
	width: 246px;
	height: 406px;
}
#nov-contenido{
	color: #506E7F;
	width: 100%;
	text-align: center;
}
#biocol-contenido{
	width: 100%;
	text-align: center;
	margin: 40px 0 0 0;
}
#nov-contenido div{
	margin: 0 auto;
}
#nov-texto1, #nov-texto2, #nov-texto3{
	width: 80%;
	font-size: 7.5pt;
	color: #506e7f;
	text-align: left;
	padding: 6px 0 6px 0;
}
#nov-texto1-sec, #nov-texto2-sec, #nov-texto3-sec{
	width: 98%;
	font-size: 7.5pt;
	color: #506e7f;
	text-align: left;
	padding: 4px 0 4px 8px;
}
#nov-detalle{
	text-align: left;
	padding: 12px 0 0 0;
	width: 90%;
	font-size: 7.5pt;
	color: #506e7f;
}
#bc-contenido{
	width: 485px;
	padding: 18px 0 0 2px;
	line-height: 12pt;
}
#avi-contenido{
	width: 100%;
	padding: 18px 0 0 2px;
	line-height: 12pt;
}
#consej-contenido{
	width: 780px;
	height: 87%;
	padding: 18px 0 0 2px;
	line-height: 12pt;
}
#publi-contenido{
	width: 100%;
	height: 87%;
	padding: 18px 0 0 2px;
	line-height: 12pt;
}
#cont-contenido{
	width: 100%;
	padding: 18px 0 0 2px;
	line-height: 12pt;
}
#est-contenido{
	background-color: #FFFFFF;
	background-image:url(../imagenes/img-est-mapa2.jpg);
	width: 100%;
	height:100%;
	/*border: 1px solid #ff0000;*/
}
#nov-contenido2{
	width: 100%;
/*	background: #ffc000 none no-repeat;*/
	padding: 10px 0 0 0;
}
#prod-header {
	height: 29px;
	background: #ffffff none no-repeat;
}
#prod-header #content {
	width: 100%;
	height: 29px;
	background: #ffffff url(../imagenes/img-prod-top.png) no-repeat;
}
#prod-imagenleft {
	float: left;
	width: 210px;
	height: 406px;
	background: #ffffff none no-repeat;
}
#prod-relacionados {
	width: auto;
	margin: 35px 10px 0 8px;
	background: #ffffff none no-repeat;
}
/*#pie {
	background-color: Fuchsia;
   clear: both;
}*/

/* clases */

.nov-icoazul{
	margin: 0 5px 0 0;
}
.nov-imagenMini{
	padding: 0 0 12px 0;
}
.texto1{
	color: #8ca0ac;
}
.texto2{
	color: #2e5267;
}
.texto3{
	color: #506E7F;
}
.texto4{
	color: #506E7F;
	font-weight: bold;
}
.texto5{
	color: #8ca0ac;
	font-weight: bold;
}
.link1{
	color: #305469;
}
.link1:hover{
	color: #548eb0;
}
.link2{
	color: #8da1ad;
}
.link2:hover{
	color: #548eb0;
}
.titulo1{
	color: #8da1ad;
	font-size: 10pt;
	font-weight: bold;
}
.piedepagina{
	color: #8ca0ac;
	font-size: 7.5pt;
	padding: 3px 0 0 14px;
	background: #fff url(../imagenes/img-footer.png) repeat;
}
/* menu secciones web*/
.menu-principal {
	margin: 0 0 0 1px;
	padding: 20px 0 0 0;
	list-style: none;
	background: #fff;
}
.menu-principal li {
	padding: 0 0 0 0;
	margin: 0 1px 0 0;
	height: 44px;
	/*margin-right: 0.1em;*/
	list-style: none;
	background-repeat: no-repeat;
}
.menu-principal li a, .menu-principal li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -2000px;
	height: 44px;
	background-repeat: no-repeat;
}
.menu-principal li {float: left;}
.menu-principal:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* menu paises -establecimientos- */
#est-menupaises { 
	margin: 0 0 0 0;
	padding: 0 0 0 14px;
}

#est-menupaises ul{
	margin: 0 0 0 0;
	padding: 2px 0 0 0;
	list-style-type: none;
}

#est-menupaises li { margin: 3px 0 0 0; }

#est-menupaises a{
	display: block;
	padding: 0 0 3px 0;
	width: 212px;
	color: #506E7F;
	text-decoration: none;
	/*background-color: orange;*/
}

#est-menupaises a:hover{
	color: #98a9b3;
	text-decoration: none;
}
/* de momento no se usa...

#est-menupaises ul ul li { margin: 0 0 0 0; }

#est-menupaises ul ul a{
	display: block;
	padding: 2px 0 2px 0;
	width: 212px;
	color: #98a9b3;
	background-color: Orange;
	text-decoration: none;
	font-variant: small-caps;
}

#est-menupaises ul ul a:hover{
	color: #506E7F;
	text-decoration: none;
}

de momento no se usa */


/*menu seleccion de idioma*/
#contenido-idiomas ul{
	margin: 30px 0 0 0;
	padding: 0;
	list-style-type: none;
}
#contenido-idiomas li{
	color: #9e9e9e;
	margin: 6px 0 0 0; 
}
#contenido-idiomas a{
	display: block;
	padding: 1px 0 3px 0;
	color: #9e9e9e;
	text-decoration: none;
}
#contenido-idiomas a:hover{
	color: #506E7F;
	text-decoration: none;
}

/* menu de familias-productos */
#menuProductosContenido { 
	margin: 0 0 0 0;
	padding: 0 0 0 14px;
}

#menuProductosContenido ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menuProductosContenido li { 
	color: #506E7F;
	margin: 6px 0 0 0; 
}

#menuProductosContenido a{
	display: block;
	padding: 2px 0 3px 0;
	width: 212px;
	color: #98a9b3;
	text-decoration: none;
	/*background-color: orange;*/
}

#menuProductosContenido a:hover{
	color: #506E7F;
	text-decoration: none;
}

#menuProductosContenido ul ul li { margin: 0 0 0 0; }

#menuProductosContenido ul ul a{
	display: block;
	padding: 2px 0 2px 0;
	width: 212px;
	color: #98a9b3;
	text-decoration: none;
	font-variant: small-caps;
}

#menuProductosContenido ul ul a:hover{
	color: #506E7F;
	text-decoration: none;
}

/* formularios */

input.texto {
  font: 9pt Arial, Helvetica, sans-serif;
  background-color: #f3f5f6;
  border: 1px solid #D7DFE0;
  color: #506E7F;
  padding: 1pt 1pt 1pt 3pt;
}
textarea.texto {
  font: 9pt Arial, Helvetica, sans-serif;
  line-height: 10pt;
  background-color: #f3f5f6;
  border: 1px solid #D7DFE0;
  color: #506E7F;
  overflow: auto;
}
input.button {
  width: 75px;
  color: #839A9E;
  background-color: #DBE1E4;
  border: 1px solid #B4C2C4;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  padding: 1pt;
}
input.button:hover {
  color: #333333;
  border: 1px solid #839A9E;
  cursor: pointer;
}
input.texto:focus{
	color: #486271;
	border-color: #A2B2B4;
}
textarea.texto:focus{
	color: #486271;
	border-color: #A2B2B4;
}
form {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
form label {
  font: 8pt Arial, Helvetica, sans-serif;
  color: #8DA1AD;
  font-weight: bold;
}
.selects {
  font-size: 9pt;
  background-color: #f3f5f6;
  border: 1px solid #D7DFE0;
  color: #506E7F;
  width: 130px;
}
.selects:focus {
	color: #486271;
	border-color: #A2B2B4;
}
.espacioforms{
	margin-top: 8px;
}

#divErrorForm{
	color: #D20000;
}
#divErrorForm.format{
	width:400px;
	border: 1px solid #F9BDC9;
	font-weight: bold;
	background-color: #FCE7EA;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 10px 10px;
}
.esconde{
	visibility: hidden;
}
.muestra{
	visibility:	visible;
}

/*publicaciones*/

#publicaciones-seccion1{
	width:256px;
	float:left;
}
#publicaciones-seccion2{
	width:339px;
	float:left;
} 
#publicaciones-seccion3{
	width:273px; 
	float:left; 	
}
#publicaciones-seccion2-cabecera-titulo{
	font:Arial, Helvetica, sans-serif; 
	font-size:12pt; 
	color:#506e7f;	
}

#publicaciones-seccion2-cabecera-fecha{
	font:Arial, Helvetica, sans-serif; 
	font-size:10pt; 
	color:#a6b6bf;
}
#publicaciones-seccion2-cuerpo{
	font:Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	color:#506e7f;
}
#publicaciones-seccion3-lista{
	font:Arial, Helvetica, sans-serif; 
	font-size:9pt;
	width:85%;
	margin-top:30px; 
	margin-left:35px;
}

#color-publicacion{
	color: 	#506e7f;
}

#color-fecha{
	font-size:8pt;
	color: 	#a6b6bf;
	padding-bottom: 5px;
}

#capa-mas-publicaciones{
	color:#a6b6bf;		
	width:50%%;
	margin-top:30px; 
	padding-left:45px;
}