/* WHADS | ACCENT */


	/* Estils generals */

		body {
			color: #666;
			font-family: Arial, Verdana, sans-serif;
			padding: 0;
			margin: 5px 0 0 0;
			background-color: #eee;
		}

		ul,
		ol,
		li {
			margin: 0;
			padding: 0;
			list-style: none;
		}

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

		a {
			color: #BE141F;
		}

		a img {
			border: none;
		}

		p {
			margin: 0;
			padding: 0;
			color: #666;
		}

		.hidden {
		  display: none;
		}

		.vermell {
			color: #D82E39;
		}




	/* Layout general */

		.super {
			width: 926px;
			margin: 0 auto;
		}

		#content {
			width: 924px;
			overflow: hidden;
			border-left: 1px solid #dedede;
			border-right: 1px solid #dedede;
			border-bottom: 1px solid #dedede;
			background-color: #fff;
			padding-bottom: 80px;
		}
        


	/* Elements de capcalera */

		#header {
			margin: 20px 10px 0 10px;
		}



        /* Language bar */
            
            #header .LanguageSelector {                
                float: right;
                font-size: 11px;
            }

                #header .LanguageSelector li {
                    display: inline;
                    padding-right: .7em;
                    margin-right: .7em;
                    border-right: 1px solid #666;
                }
                
                    #header .LanguageSelector li.last {
                        padding-right: 0;
                        margin-right: 0;
                        border-right: none;
                    }
                
                    #header .LanguageSelector li,
                    #header .LanguageSelector li a {
                        color: #666;
                    }



			#header .logo {
				margin: 0 0 12px 0;
			}

				#header .logo img {
					display: block;
				}


			#header .company {
				margin: 0 0 34px 0;
				color: #333;
				font-size: 10px;
				font-family: Verdana, Arial, sans-serif;
				font-weight: normal;
			}




	/* Menu principal */

		#menu-bar {
			position: relative;
			background: #E0E0E0 url("../images/main_menu_background.gif") repeat-x left bottom;
			_border-top: 1px solid #eeeeee; /* Correccio IE6 */
		}

		#main-menu {		    
			background: url("../images/main_menu_corner_left.gif") no-repeat left top;
		}

		    #main-menu p.inici {
		        font-size: 12px;
		        position: absolute;
		        top: 13px;
		        left: 20px;
                padding-right: 25px;
                z-index: 0;
		    }

		        #main-menu p.inici a {
		            color: #000;
		            text-decoration: none;
                    position: relative;
                    z-index: 0;		            
		        }

    		        #main-menu p.inici a:hover {
    		            text-decoration: underline;
    		        }



			#main-menu ul {
				background: url("../images/main_menu_corner_right.gif") no-repeat right top;
				width: 861px;
				margin-left: 65px;
				padding-top: 4px;
				overflow: hidden;
			}

				#main-menu ul li {
					float: left;
					font-size: 14px;
					list-style: none;
					line-height: 32px;
					background: url("../images/main_menu_separator.gif") no-repeat right center;
				}

                #main-menu ul li.last {
                    background: none;
                }

					#main-menu ul li strong {
						font-weight: normal;
					}

					#main-menu ul li a {
						padding: 0 30px;
						color: #000;
						text-decoration: none;
						display: block;
					}

						#main-menu ul li a:hover {
							text-decoration: underline;
						}




		#main-menu ul li.inici a {            
			padding: 0 19px;            
		}

		#main-menu ul li.selected {
		    margin-left: -2px;
			background: #fff url("../images/main_menu_selected_left.gif") no-repeat left top;
		}

		    #main-menu ul li.qui-som { margin-left: 0; }

			#main-menu ul li.selected a {
				display: block;
				padding: 0 30px;
				background: url("../images/main_menu_selected_right.gif") no-repeat right top;
			}




	    #main-menu ul li ul {
	        position: absolute;
	        top: 2.5em;
	        left: 1px;
	        width: 859px;
	        padding: 10px 0 10px 65px;
	        margin: 0;
            z-index: 0;
	        background: url("../images/submenu_background.gif") repeat-x left bottom;
	    }

    	    #main-menu ul li.selected ul li,
    	    #main-menu ul li ul li {
    	        font-size: 12px;
    	        background: none;
    	        margin-right: 1em;
    	        padding-right: 1em;
    	        line-height: 16px;
    	        border-right: 1px solid #ddd;
    	    }

        	    #main-menu ul li.selected ul li.last,
        	    #main-menu ul li ul li.last {
        	        margin-right: 0;
        	        padding-right: 0;
        	        border-right: none;
        	    }

        	    #main-menu ul li.selected ul li a,
        	    #main-menu ul li ul li a {
        	        display: inline;
        	        padding: 0;
            	    font-size: 12px;
            	    background: none;
        	    }

        	        #main-menu ul li ul li.selected {
        	            background: none;
        	        }

        	        #main-menu ul li ul li.selected a {
            	        display: inline;
            	        padding: 0;
            	        color: #D82E39;
            	        font-size: 12px;
            	        background: none;
        	        }




	/* Estils per a la home */
	
	    #text.home {
		    padding-top: 30px;
		}

		#content #banner {
			border-bottom: 1px dotted #cecece;
			display: block;
		}

		#content .text-que-fem h2 {
            color: #666;
            font-size: 13px;
            font-weight: normal;
            margin-top: 3px;
            margin-bottom: 15px;
        }

            #content .text-que-fem h2 span {
                color: #BE141F;
            }

		#laterals {
			width: 230px;
			float: right;
			margin: 60px 65px 0 0;            
		}
        
            #content .home-laterals {
                margin-top: 45px;
            }
		
			#page-469 #laterals {
				margin-top: 32px; /* Cas especific per als moduls laterals de la home */
			}
		
			#laterals .modul {
				border: 1px solid #e8e8e8;
				margin-bottom: 15px;
			}
			
			    #laterals .modul .inner {
			        padding: .7em 1em;
				    margin-bottom: 1em;
			        border: 1px solid #fff;
			        background: url("../images/background-module.gif") repeat-x left top;
			    }

				#laterals .modul h2 {
					font-size: 14px;
					font-weight: normal;
					margin-top: 0;
					margin-bottom: 10px;
				}

				#laterals .modul p {
					line-height: 16px;
					margin-bottom: 5px;
				}

				#laterals .modul ul {                    
					margin-bottom: 15px;
				}

				#laterals .modul p,
				#laterals .modul ul li {
					color: #666;
					font-size: 12px;
				}

				#laterals .modul ul li {
					line-height: 14px;                    
					padding: .3em 1em .3em 1.5em;
					background: url("../images/li_vermell_modul.gif") no-repeat 4px 8px;
				}

				#laterals .modul img.imatge-esquerra {
					float: left;
					border: none;
					margin-right: 5px;
					margin-bottom: 0;
				}

				#laterals .modul ul.llista-checks {
				}

				#laterals .modul ul.llista-checks li {
					padding: .3em 2em;
					background: url("../images/icona_check.gif") no-repeat 3px 4px;
				}

				#laterals .modul img {
					display: block;
					padding: 1px;
					margin-bottom: .5em;
					border: 1px solid #ccc;
				}
				
				#laterals .modul .gallery,
				#laterals .modul .gallery li {
				    margin: 0;
				    padding: 0;
				    background: none;
				}



			/* Estils per al modul lateral del SiteBasis */

				#laterals .sitebasis {
					background: url("../images/modul_lateral_sitebasis_background_top.gif") no-repeat left top !important;
				}

				#laterals .sitebasis-ca {
					background: url("../images/modul_lateral_sitebasis_background_top_ca.gif") no-repeat left top !important;
				}

				#laterals .sitebasis-es {
					background: url("../images/modul_lateral_sitebasis_background_top_es.gif") no-repeat left top !important;
				}

					#laterals .sitebasis-ca h3,
					#laterals .sitebasis-es h3 {
						margin-top: 10px;
						*margin-top: 20px;
					}

					#laterals .sitebasis-ca img,
					#laterals .sitebasis-es img {
						border: none;
					}





		#text #projectes-destacats {
			float: left;
			width: 500px;
			overflow: hidden;
			margin-top: 15px;
		}

			#text #projectes-destacats li {
				width: 100%;
				overflow: hidden;
				padding: 0 0 14px 0;
				margin: 0 0 14px 0;
				list-style: none;
				border-bottom: 1px solid #eee;
				background: none;
			}

				#text #projectes-destacats li img {
					float: left;
					margin-right: 20px;
				}

				#text #projectes-destacats li p {
					font-size: 11px;
					margin: 0;
				}

					#text #projectes-destacats li a {
						color: #666;
						text-decoration: none;
					}

						#text #projectes-destacats li a:hover {
							text-decoration: underline;
						}

					#text #projectes-destacats li p.client {
						font-size: 14px;
						color: #BE141F;
					}

						#text #projectes-destacats li p.client a {
							color: #BE141F;
						}

					#text #projectes-destacats li p.nom {
						font-size: 16px;
						font-weight: bold;
						margin: 5px 0;
					}

					#text #projectes-destacats li p.tipus {
						font-size: 12px;
					}








/* Estils submenu */

	#submenu {
		background: url("../images/submenu_background.gif") repeat-x left bottom;
	}

		#submenu ul {
			padding: 10px 65px;
		}

			#submenu ul li {
				display: inline;
				font-size: 12px;

				border-right: 1px solid #666;
				padding-right: 15px;
				margin-right: 15px;
			}

				#submenu ul li.last {
					border-right: none;
					padding-right: 0;
					margin-right: 0;
				}

				#submenu ul li a {
					color: #666;
				}

				#submenu ul li strong {
					font-weight: normal;
					color: #D82E39;
				}




/* Estils interior */

	#text {
		margin-left: 65px;
		padding-top: 55px;
		width: 500px;
		float: left;
	}

		#text.ample {
			width: 790px;
			display: block;
			float: none;
			overflow: hidden;
			margin-right: 65px;
		}

		#text h1 {
			font-weight: normal;
			font-size: 28px;
			margin-bottom: 20px;
		}

			#text h1 a {
				text-decoration: none;
			}

				#text h1 a:hover {
					text-decoration: underline;
				}

		#text h2 {
			font-size: 16px;
			margin-bottom: 10px;
			padding-bottom: 16px;
			background: url("../images/h3_background.gif") repeat-x left bottom;
		}

		#text ul {
			margin-bottom: 20px;
		}

			#text ul li {
				font-size: 14px;
				line-height: 18px;
				color: #666;
				padding: 6px 15px;
				background: url("../images/li_text.gif") no-repeat 3px 12px;
			}


		#text ul.llista-checks {
		}

			#text ul.llista-checks li {
				padding: .3em 1.6em;
				background: url("../images/icona_check.gif") no-repeat left 6px;
			}


		#text p {
			font-size: 14px;
			line-height: 20px;
			color: #666;
			margin-bottom: 12px;
		}

			#text p strong,
			#text ul li strong {
				color: #333;
			}

			/* Classes seleccionables des del gestor */

				#text .vermell {
					color: #D82E39;
				}

				#text img.imatge-dreta {
					float: right;
					margin: 0 0 1em 2em;
				}

				#text img.imatge-esquerra {
					float: left;
					margin: 0 2em 1em 0;
				}




	/* Bloc d'informacio desplegable */


#tornar_content p {
font-size: 1em;
float: right;
}

#tornar_content p a {
padding-left: 1em;
margin-left: 1em;
background: url("../images/icona_tornar.gif") no-repeat left center;
}

		#text .modul-desplegable {
		}

			#text .modul-desplegable h3 {
			}

			#text .modul-desplegable .bloc {
				position: relative;
			}

			#text .modul-desplegable .contingut {
				/*
				padding-top: 10px;
				position: absolute;
				top: 0;
				left: 0;
				*/
			    background-color: #fff;
			}

				#text .modul-desplegable .contingut-on {
					position: absolute;
					top: 0;
					left: 0;
					background-color: #fff;
				}

				#text .modul-desplegable .contingut p {
					font-size: 12px;
				}

				#text .modul-desplegable .contingut ul {
				}

					#text .modul-desplegable .contingut ul li {
						font-size: 12px;
						padding: .3em 1.2em;
						background: url("../images/li_text.gif") no-repeat 2px 8px;
					}




	/* Llista de treballs (per als clients i les e-Solutions) */

		#content .treballs {
			margin-top: 40px;
			border-top: 1px dotted #999;
		}

			#content .treballs li {
				width: 100%;
				overflow: hidden;
				padding: 20px 0;
				border-bottom: 1px dotted #999;
			}

				#content .treballs li div.descripcio {
					width: 470px;
					float: right;
					margin-right: 65px;
				}

					#content .treballs li div.descripcio h2 {
						color: #666;
						font-size: 18px;
						font-weight: normal;
					}

						#content .treballs li div.descripcio h2 a {
							color: #666;
							text-decoration: none;
						}

							#content .treballs li div.descripcio h2 a:hover {
								text-decoration: underline;
							}


					#content .treballs li div.descripcio p {
						font-size: 12px;
						margin: 7px 0;
					}

						#content .treballs li div.descripcio p.web {
							font-size: 11px;
						}


				#content .treballs li img {
					float: left;
					margin-left: 65px;
					padding: 1px;
				}


				#content .treballs li img.imatge {
					border: 1px solid #ccc;
				}
                
                #content .category-201 li img.imatge {
                    border: none;
                }

				#content .treballs li img.noborder {
					border: 0;
				}



	/* Llista de clients */

		#content .clients {
			clear: both;
			width: 100%;
			overflow: hidden;
			margin-top: 40px;
			border-top: 1px dotted #999;
		}

			#content .clients li {
				padding: 5px 37px;
				border-bottom: 1px dotted #999;

				float: left;
				display: block;
			}		

			#content .clients li.primer {
				padding-left: 65px;
			}
			
			    #content .clients li img {
			        display: block;
			    }





	/* Llistat d'opcions */

		ul.opcions {
		    clear: both;
			margin-top: 15px;
			padding: 0 65px !important;
		}

			ul.opcions li {
				display: inline;
				line-height: 16px;
				font-size: 12px;
				float: left;
				margin-right: 10px;
				padding-right: 10px;
				border-right: 1px solid #666;
			}

			p.tornar {
				line-height: 16px;
				padding: 0 65px;
				font-size: 12px;
			}

				ul.opcions li.tornar,
				p.tornar {
					float: right;
				}

				ul.opcions li.tornar a,
				p.tornar a {
					background: url("../images/icona_tornar.gif") no-repeat left center;
					display: block;
					padding-left: 12px !important;
				}

				ul.opcions li.tornar,
				ul.opcions li.last {
					margin-right: 0;
					padding-right: 0;
					border-right: none;
				}





#titol-client {
	background: url("../images/titol_clients_background.gif") repeat-x left 21px;
	margin-bottom: 40px;
}

	#titol-client h3 {
		background: url("../images/clients_titol_background.gif") no-repeat left top;
		line-height: 29px;
		margin-left: 53px;
		padding-left: 12px;
		font-size: 18px;
		font-weight: normal;
		color: #666;
	}


.descripcio-client {
	float: right;
	width: 190px;
	margin: 0 65px 0 0;
	padding: 0;
}

	.descripcio-client p {
		color: #666;
		font-size: 12px;
		margin-bottom: 20px;
	}



	/* Llista imatges dels CMS */

		#text ul.galeria-cms {
			padding-top: 1em;
			width: 100%;
			overflow: hidden;
		}

			#text ul.galeria-cms li {
				width: 204px;
				height: 240px;
				float: left;
				padding: 0;
				margin: 0 .9em 2.5em .9em;
				background: none;
			}

				#text ul.galeria-cms li img {
					padding: 1px;
					border: 1px solid #ddd;
				}

				#text ul.galeria-cms li h4 {
					color: #666;
					margin: .2em 0 0 0;
				}

				#text ul.galeria-cms li p {
					font-size: .9em;
					margin: 0;
				}

				#text ul.galeria-cms li p.link {
					margin-top: .3em;
				}



	/* Llista de les imatges de la galeria de treballs dels clients */

		ul.imatges {
			width: 569px;
			overflow: hidden;
			margin-left: 65px;
		}

			ul.imatges li {
				float: left;
				margin-right: 26px;
				margin-bottom: 32px;
			}

				ul.imatges li div.descripcio {
					font-size: .8em;
					padding: 10px 5px;
				}

					ul.imatges li div.descripcio p {
					}

				ul.imatges li img {
					padding: 1px;
					border: 1px solid #ccc;
					display: block;
				}

				ul.imatges li img.noborder {
					border: 0;
				}

	/* Llista de les imatges de la galeria de les instalacions */

		#text ul.intalacions {
			width: 500px;
			overflow: hidden;
			clear: both;
			margin-left: 65px;
		}

			#text ul.instalacions li {
				float: left;
				margin-right: 26px;
				margin-bottom: 26px;
				background:none;
				padding:0;
			}

				#text ul.instalaciones li img {
					display: block;
				}



	/* Estils per als llistats dels components de l'equip */

		.staff-columna {
			float: left;
			width: 33%;
		}

		.staff-main {
			border-bottom: 1px solid #D82E39;
			margin-bottom: 1em;
		}

			.staff-main dl dt {
				color: #D82E39;
			}

			.staff-main dl,
			.staff-columna dl {
				font-size: .8em;
				color: #666;
			}

			.staff-main dl dt,
			.staff-columna dl dt {
				font-weight: bold;
			}

			.staff-main dl dd,
			.staff-columna dl dd {
				margin: 0;
				margin-bottom: 1em;
			}

            
            
	/* Formulari clients */

		#text .newsletter-form fieldset {
			margin: 0;
			padding: 0;
			border: none;
		}

		#text .newsletter-form legend {
			display: none;
		}

		#text .newsletter-form p label.principal {
			display: block;
			width: 80px;
			text-align: left;
			margin-right: 5px;
		}

		#text .newsletter-form p input.boto-client {
			margin-left: 85px;
		}

		#text .newsletter-form p input,
		#text .newsletter-form p label {
			font-size: .9em;
			float: left;
		}



    /* Formulari del newsletter */
    
        #text p.avis-formulari {
            font-size: 12px;
        }
    
        #text .newsletter-form  {
            margin: 15px 0 30px 0;
        }
        
            #text .newsletter-form p {
                margin-bottom: 15px;
                clear: left;
                width: 100%;
                overflow: hidden;
            }
            
            #text .newsletter-form label {
                font-size: 12px;
                float: left;
                width: 120px;
            }
            
            #text .newsletter-form input {
                width: 200px;
            }
            
            #text .newsletter-form input.button {
                font-size: .8em;
                width: auto;
                margin-left: 119px;
            }
            
            	#text .newsletter-form input {
            		font-family: tahoma;
            		font-size: 11px;
            	}
                
                
                
    /* Text d'introduccio a la home */

        #text .text-que-fem {
            margin-top: .8em;
        }



    /* Estils per al formulari de newsletter de la home */
    
        .newsletter-module {
            margin-top: 1em;
        }
    
        .newsletter-module label {
            float: left;
            display: block;
            width: 65px;
            font-size: 11px;
            line-height: 18px;
        }
        
        .newsletter-module input {
            width: 120px;
            font-size: 11px;
            display: block;
        }
        
        .newsletter-module input.button {
            width: auto;
            margin-left: 65px;
        }
                
        #laterals .modul img.newsletter-logo {
            border: none;
        }



	/* Footer */

		#footer {
			width: 100%;
			overflow: hidden;
			clear: both;
			margin-bottom: 20px;
		}

			#footer strong {
				color: #D82E39;
			}

			#footer a {
				color: #666;
			}

			#footer address {
				float: left;
				color: #666;
				font-size: 11px;
				font-style: normal;
				margin: 10px;
			}

			#footer ul {
				float: right;
				font-size: 11px;
				margin: 10px;
			}

				#footer ul li {
					float: left;
					border-right: 1px solid #333;
					margin-right: 10px;
					padding-right: 10px;
				}

					#footer ul li.last {
						border-right: none;
						margin-right: 0;
						padding-right: 0;
					}

			#footer .credits {
				clear: both;
				color: #666;
				font-size: 11px;
				font-style: normal;
				margin: 10px;
			}