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

html, body {
	margin:0; padding:0;
	height:100%;
}

.clear {
	display:block;
	clear:both;
	}

.espai
{
	width:100%;
	height:10px;
}

a{
	text-decoration:none;
	}

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

body {
	background:#e2f2fb;
	font-family:Lucida Grande, Helvetica, Arial, sans-serif;
	margin:0;
   padding:0;
   height:100%;
	}

#background { 
	min-height:100%;
	/*position:relative;*/
	padding-bottom: 35px;
	}
	
.headerimg { 
	background-position: center top; 
	background-repeat: no-repeat; 
	width:100%; 
	height:600px; 
	position:absolute; 
	}

#centered { 
	width:90%; 
	margin:0 auto; 
	background-position:top left; 
	background-repeat:no-repeat;
	}

#content {
	position:relative;
	clear:left;
	width:100%;
	margin:33px auto;
	}

#columna-unica {
	display:block;
	float:left;
	width:100%;
	margin-bottom:10px;
	background:#FFF;
	-moz-box-shadow: 0px 0px 3px #adadad;
	-webkit-box-shadow: 0px 0px 3px #adadad;
	box-shadow: 0px 0px 3px #adadad;
	behavior:url(../es/css/css/PIE.htc);
	}
	
	@media (min-width: 1024px) {
		#centered { 
			width:950px;
		}
		#content,
		#columna-unica {
			width:927px;
		}
	}

#columna-principal {
	display:block;
	float:left;
	width:100%;
	margin-bottom:10px;
	}
	#columna-principal.empresa{
		background:#FFF;
		-moz-box-shadow: 0px 0px 3px #adadad;
		-webkit-box-shadow: 0px 0px 3px #adadad;
		box-shadow: 0px 0px 3px #adadad;
		behavior:url(../es/css/css/PIE.htc);
		padding-bottom: 20px;
	}

	#columna-principal.empresa img {
		width: 100%;
	}

	@media (min-width: 768px) {
		#columna-principal {
			width:68%;
		}
		.homepage #columna-principal {
			width: 100%;
		}
	}

	@media (min-width: 1024px) {
		#columna-principal,
		.homepage #columna-principal {
			width:667px;
		}
		.page-webs #columna-principal {
			width: 625px;
		}
	}
	
#columna-dreta {
	display:block;
	float:right;
	width:100%;
	margin-bottom:10px;
	}
	#columna-dreta-diccionari
	{
		display:block;
		float:right;
		background:#fff;
		padding: 0 0 10px 0;
		width:100%;
		-moz-box-shadow: 0px 0px 3px #adadad;
		-webkit-box-shadow: 0px 0px 3px #adadad;
		box-shadow: 0px 0px 3px #adadad;
		behavior:url(../es/css/css/PIE.htc);
	}
	#columna-dreta-etiquetado
	{
		display:block;
		float:right;
		background:#fff;
		padding: 10px 3%;
		width:100%;
		-moz-box-shadow: 0px 0px 3px #adadad;
		-webkit-box-shadow: 0px 0px 3px #adadad;
		box-shadow: 0px 0px 3px #adadad;
		behavior:url(../es/css/css/PIE.htc);
	}

	@media (min-width: 768px) {
		#columna-dreta,
		#columna-dreta-diccionari {
			width:30%;
		}
		.homepage #columna-dreta {
			width: 100%;
		}
		#columna-dreta-etiquetado {
			width:24%;
			max-width: 180px;
		}
	}

	@media (min-width: 1024px) {
		#columna-dreta,
		.homepage #columna-dreta,
		#columna-dreta-diccionari {
			width:239px;
		}
		.page-webs #columna-dreta {
			width: 280px;
		}
	}


#productos-columna-esquerra {
	display:block;
	float:left;
	position: relative;
	width:100%;
	}

	#productos-columna-esquerra img,
	#columna-dreta-etiquetado img {
		width: 100%;
	}
	
	
#productos-columna-principal, #actualidad-columna-principal, #comunicacion-columna-principal {
	display:block;
	float:left;
	width:84%;
	padding: 12px 8%;
	}

	@media (min-width: 768px) {
		#productos-columna-esquerra {
			width: 30%;
		}
		#productos-columna-principal {
			width: 64%;
			padding: 12px 3%;
			float: right;
		}
		#actualidad-columna-principal, #comunicacion-columna-principal {
			width: 65%;
			padding: 12px 5% 25px;
		}
	}

	@media (min-width: 1024px) {
		#productos-columna-esquerra {
			width:250px;
		}
		#productos-columna-principal {
			float: left;
			width: 60%;
			padding: 12px 5% 25px;
		}
	}
	
	#comunicacion-columna-principal {
		width:90%;
		margin-top:40px;
		}

.pre-footer{
	display:block;
	float:left;
	width:100%;
	margin-top:10px;
	padding-bottom:35px;
	}

#footer{
	position:absolute;
	bottom:0px;
	width:100%;
	height:50px;
	padding-top:5px;
	background:#9dabb5;
	}

	@media (min-width: 1024px) {
		#footer {
			height: 35px;
		}
	}