/* LLITERAS - Estils generals */

/* Elements generals */

body {
	padding: 0;
	font-size: 62.5%;
	background-color: #fff;
	font-family: Verdana, Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
	color: #B82633;
	margin: 0;
	padding: 0;
}

div, p {
	margin: 0;
	padding: 0;
}

ul, ul li, ol, ol li {
	margin: 0;
	padding: 0;
	color: #333;
}

a {
	color: #B82633;
}

a img {
	border: none;
}

p {
	color: #333;
	margin: 0 1em;
}

.hidden {
  height: 0;
  width: 0;
  border: none;
  overflow: hidden;
  position: absolute;
}

/* ----------------- */

/* Elements contenidors principals */
#marc_web {
	width: 74.4em;
	margin: 0 auto;
	overflow: hidden;
}
#mainContent {
	overflow: hidden;
	width: 100%;
}

.columna1 {
	float: left;
	width: 15.1em;
}

	.columna1 h1 img{
		margin-top: -12px;
	}
	
.columna1_interior {
	float: left;
	width: 15em;
}
	
	.columna1_interior h1 img{
		margin-top: -4px;
	}
	
.columna2 {
	float: right;
	width: 59.3em;
}

/* Estils de seccions */
#banner-header-interior {
	width: 59.3em;
	height: 8.3em;
}

#banner-header-interior.serveis {
	background: url("/site/images/header/head_servicios.jpg") no-repeat;
}

.columna2 div.clients {
	background: url("/site/images/header/head_clientes.jpg") no-repeat;
}

.columna2 div.equip {
	background: url("/site/images/header/head_equipo.jpg") no-repeat;
}

.columna2 div.on-som {
	background: url("/site/images/header/head_onsom.jpg") no-repeat;
}

.columna2 div.noticies {
	background: url("/site/images/header/head_noticias.jpg") no-repeat;
}
/* ------------------------------- */


/* ------------------------------- */

/* Barra d'idiomes */
#languages {		
	width: 100%;
	padding: .5em;
	padding-top: 0;
	background-color: #fff;
	text-align: right;
}

#languages ul li {
	display: inline;
	line-height: 1em;
	font-size: .9em;
	color: #999;
	line-height: 1.5em;
	border-right: 1px solid #999; 
	padding-right: .7em;
	margin-right: .7em;
}	
#languages ul li.last {
	border-right: none;
}
#languages ul li strong {
	color: #666;
}

#languages ul li a {
	color: #999;
	text-decoration: none;
}
#languages ul li a:hover {
	text-decoration: underline;
}
/* --------------- */


/* Header */
#header {
	width: 100%;
	overflow: hidden;
}
#header .columna1 h1 img {
	width: 100%;
	margin-bottom: 1em;
}
#header .columna2 img {
	width: 100%;
	margin-bottom: -0.3em;
}	

/* Estils Menu Principal
 * -----------------------------------------------------------------------------*/
#main_menu {
	margin: 0;
}
#main_menu ul {
	margin: 0;
	padding: .5em;
	background-color: #B82633;
	overflow: hidden;
	width: 100%;
	list-style:none;
}
#main_menu ul li {
	float: left;
	padding:  0 .5em;
	border-right: 1px solid white; 
	font-size: 1.2em;
	color: white;
}
#main_menu ul li.last {
	border-right: none;
}	
#main_menu ul li a {
	color: white;
	text-decoration: none;
}
#main_menu ul li a:hover {
	text-decoration: underline;
}	
/* ------ */

#mainContent .columna1 {
	margin-top: 1.3em;	
}
/* Estils Submenu
 * -----------------------------------------------------------------------------*/
.columna1 #submenu ul {
	margin-top: 1.2em;	
	margin-bottom: 2em;	
}
.columna1 #submenu li {
	color: #B82633;
	border-top: 1px dotted #666; 
	padding: .7em 0;
}	
.columna1 #submenu li.last {
	border-bottom: 1px dotted #666; 
}
.columna1 #submenu li a {
	text-decoration: none;
}
.columna1 #submenu li a:hover {
	text-decoration: underline;
}

/*  UI Clients
 * -----------------------------------------------------------------------------*/
 .columna1 h2.ui {
	width: 13em;
	color: #333;
	font-size: 1em;
	font-family: Arial;
	border: 0;
	margin-bottom: 1em;
}
ul#banners {
	min-height: 10em;
}
.columna1 li {
/*    width: 13em;*/
}
.columna1 li img {
/*    width: 100%;*/
}


/* Zona per a contingut */
#Content {
	margin: 2.5em 2em;
	border-top: 1px dotted #666;
	overflow: hidden;
/*    width: 100%;*/
	width: 55.4em;
}

#Content h2 {
	margin-top: .3em;
	font-size: 1.6em;
	padding-bottom: .7em;
	margin-bottom: .5em;	
	border-bottom: 2px solid #B82633; 
}
#Content h2 strong {
	color: #7B6D53;
}

#Content h3 {
	margin-top: .5em;	
}
#Content p {
	margin-top: .2em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	font-size: 1.2em;
	line-height: 1.5em;
}

#Content p a.link-contact-form {
	color: #000;
}

#Content p a.link-contact-form:hover {
	color: #000;
	text-decoration: none;
}

#Content p a.access {
	color: #000;
}

#Content p a.access:hover {
	color: #000;
	text-decoration: none;
}

#Content address {
	font-style: normal;
	font-size: 1.2em;
	line-height: 1.5em;
}

#Content p.destacat {
	color: #B82633;
	font-weight: bold;
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
	border-bottom: 2px solid #B82633;
}

#Content ol {
	margin-left: 2em;
	margin-bottom: 2em;
}	

#Content ul {
	margin-left: 2em;
	margin-bottom: 2em;
}

#Content li {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 0.5em;
}


/* -------------------- */


/*  Estil per les noticies
 * -----------------------------------------------------------------------------*/
#news {
	width: 100%;
	height: 142em;
	background-color: #eeeeee;
	overflow: hidden;
/*    height: auto;*/
	border: none;
	scrolling: no;
}

#news table {
	background-color: #eee;
}

/*  Estils per la pàgina de clients
 * -----------------------------------------------------------------------------*/
#customerList {
	overflow: hidden;
	width: 100%;
	margin-top: 2em;
/*  border-top: 2px solid #B82633; */
}

#customerList li {
	list-style: none;
	float: left;
	border-bottom: 1px solid #CCC;
	padding: 1em;
	width: 20em;
	height: 7em;
	text-align: center;
	overflow: hidden;
}


/* Estils Footer
 * -----------------------------------------------------------------------------*/
#footer {		
	clear: both;
	width: 100%;
	border-top: 1px dotted #666;
	background-color: #fff;
	margin-top: 1em;
	padding-top:0.5em;
	margin-bottom:2em;
}	

#footer address {			
	float: left;
	font-size: 1.1em;
	font-style: normal;
	color: #666;
	line-height:1.4em;
}
#footer address em {			
	color: #B82633;
	font-style: normal;
}
#footer address a {			
	color: #666;
}
/* ------ */



/*  Estils Forms
 * -----------------------------------------------------------------------------*/

a.backContact {
	float: right;
}

.FormBox form {
	margin: 0;
	padding: 0;
}

.FormBox fieldset {
	border: none;
	margin: 0 0 1em 0;
	padding: 0;
}

.FormBox .camps {
	width: 52.5em;
}

/*estil pel label input text i selects*/
.FormBox label {	
	margin: 0;
	margin-right: 1em;
	padding-top: .8em;
	float: left;					
	font-size: 1.1em;
	color: #000;
	display: block;
	width: 10em;
}				

/*Estils pels inputs tipus text*/
.FormBox input {
	float: left;
	margin-right: 1em;
}
.FormBox .text {
	font-size: 1.1em;
	margin-top: .2em;
	margin-top: .8em;
/*    margin-left: 12px;*/
}

.FormBox .boto {
	width: auto;
	font-size: 1em;
/*    background: #D7D8B8;*/
/*    color: #000000;*/
	margin-top: .3em;
	margin-bottom: .2em;
	margin-left: .2em;
	padding: 0 1em;


}

/* Classes per a les amplades dels elements */
.FormBox .xtragran { width: 53.6em;}				
.FormBox .gran { width: 26.2em;}				
.FormBox .mitja { width: 12.5em; }
.FormBox .petit { width: 4em; }
.FormBox .mini { width: 2.6em; }
.FormBox .granmitja { width: 40em;	 }

.FormBox br {
	clear: left;
}

.FormBox .hidden {
	display: none;
}


/*  Estil del llistat de errors q es posa a sobre el formulari
 * -----------------------------------------------------------------------------*/
.FormBox .formErrors li {
	font-size: 1.1em;
	color: #990000;
}