﻿#principal {
	padding-top: 20px;
	width: 100%;
}

#left_shadow {
	background-image: url(../img/1px_left.jpg);
	background-repeat:repeat-y;
}

body {
	background-image: url(../img/background.jpg);
	background-repeat:no-repeat;
	background-color: #C3C3C3;
	margin: 0 0 0 0;
}

#cabezera {
	
}

.subtitol_soluciones {
	color: #9E005D;
	font: bold 14px Arial,Verdana;
}

#calendario {
	height: 33px;
	background-color: #333333;
}

.fecha {
	color: #7D7D7D;
	font: bold 9px Verdana,Arial;
}

#blog_columna {
	background-image: url(../img/blog_fons.jpg);
	width: 228px;
	height: 153px;
}

.link_blog_columna {
	text-decoration: none;
	color: #FFFFFF;
	font: italic 11px Verdana,Arial;
}

.link_blog_columna:hover {
	color: #EADE08;
}

#noticias_columna {
	width: 228px;
	background-image: url(../img/1px_columna_noticias.jpg);
}

.noticia_columna {
	background-image: url(../img/pastilla_noticias.jpg);
	width: 217px;
	height: 23px;
}

#central {
	background-image: url(../img/trama.jpg);
}

.link_noticia_columna {
	text-decoration: none;
	color: #FFFFFF;
	font: 11px Verdana,Arial;
}

.link_noticia_columna:hover {
	text-decoration: underline;
}

#espai_info {
	padding-top: 20px;
	margin-left: 15px;
	padding-bottom: 14px;
}

#inicio{
	width: 582px;
	height: 587px;
	background-repeat: no-repeat;
}

#compania {
	width: 565px;
	height: 743px;
	background-image: url(../img/fondo_compania.jpg);
}

#contacto {
	width: 582px;
	height: 587px;
	background-image: url(../img/fondo_contacto.jpg);
}

#soluciones {
	width: 565px;
	background-image: url(../img/fondo_soluciones.jpg);
	background-repeat: no-repeat;
}

#trabajar {
	width: 582px;
	height: 587px;
	background-image: url(../img/fondo_trabajar.jpg);
}

#desarrollo {
	width: 582px;
	height: 587px;
	background-image: url(../img/fondo_desarrollo.jpg);
}

#solicitar {
	width: 582px;
	height: 587px;
	background-image: url(../img/fondo_solicitar.jpg);
}

#servicios {
	width: 582px;
}

.filo_rosa{
	color: #9E005D;
	font: 9px Verdana,Arial;
}

.link_rosa{
	color: #9E005D;
	font: bold 10px Verdana,Arial;
	text-decoration: none;
}
.link_rosa:hover {
	text-decoration: underline;
}

.titol_contacto {
	color: #9E005D;
	font: bold 14px Verdana, Arial;
}

.black_serv {
	font: 10px Arial,Verdana;
	color: #3F3F3F;
}

.black_serv_b {
	font: bold 10px Arial,Verdana;
	color: #3F3F3F;
}

.black_serv_12 {
	font: bold 11px Arial,Verdana;
	color: #3F3F3F;
}

.black_serv_14 {
	font: bold 14px Arial,Verdana;
	color: #3F3F3F;
}


.blanc{
	color: #FFFFFF;
	font: 9px Verdana,Arial;
}

.filo_blau {
	color: #00879C;
	font: 9px Verdana,Arial;
}

.titulo_blau {
	color: #00879C;
	font: bold 11px Verdana,Arial;
}

.titol_soluciones {
	color: #00879C;
	font: bold 12px Arial,Verdana;
}

.filo_verd {
	color: #0B3A35;
	font: 9px Verdana,Arial;
}

.filo_verd_serv {
	color: #0B3A35;
	font: 12px Verdana,Arial;
}

.negre {
	color: #000000;
	font: 9px Verdana,Arial;
}

.verd_gran {
	color: #0B3A35;
	font: 10px Verdana,Arial;
}

.titulo_verde {
	color: #0B3A35;
	font: bold 13px Verdana,Arial;

}

.input_area {
	width: 230px;
	height: 97px;
	background-color: #eaeaea;
	font: 9px Arial, Verdana;
	color: #000000;
	border: 1px solid #CCCCCC;
}

.input_area2 {
	width: 215px;
	height: 97px;
	background-color: #eaeaea;
	font: 9px Arial, Verdana;
	color: #000000;
	border: 1px solid #CCCCCC;
}

.input_area3 {
	width: 288px;
	height: 97px;
	background-color: #eaeaea;
	font: 9px Arial, Verdana;
	color: #000000;
	border: 1px solid #CCCCCC;
}

.input_text2 {
	width: 215px;
	background-color: #eaeaea;
	font: 9px Arial, Verdana;
	color: #000000;
	border: 1px solid #CCCCCC;
}

.input_text {
	width: 230px;
	background-color: #eaeaea;
	font: 9px Arial, Verdana;
	color: #000000;
	border: 1px solid #CCCCCC;
}

.f_left {
	float: left;
	position: relative;
}

.link_contacto {
	color: #14958C;
	font: 9px Verdana,Arial;
	text-decoration: none;
}

.link_contacto:hover {
	text-decoration: underline;
}

#peu {
	margin-left: 15px;
}

#lateral {
	top: 188px;
	position: absolute;
}