body{
	background: #363636 url("fondo-web.jpg") repeat-x;
	margin-top: 0px;
}


/* TOTAL WEB */
#contingut{
	margin: 0 auto;
	width: 966px;
	height: 700px;

}



.banderes{
	text-align: right;
	width: 966px;
}



.banderes a{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#CCC;
	text-decoration: none;
	margin-right: 3px;
}



.banderes a img{
	vertical-align: middle;
}



.banderes .espai {
	margin-right: 15px;
}



.banner{
	/*background: url("images/banner.png") 0px 52px no-repeat;*/
	background: url("images/banner.png") left bottom no-repeat;
	width: 966px;
	height: 151px;
	margin-bottom: 20px;
}

.banner .img{
	float:left;
}

.logo{
	float: left;
}


.menu{
	float: right;
	margin: 60px 15px 0px 0px;
}



.menu li{
	display: inline;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}



.menu li img{
	vertical-align: middle;
}


/* ::CLASS:: Boto activat del menu web" */
.bto a{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight:bold;
	text-decoration: none;
	margin: 5px;
}
.bto a:hover
{
	color: #66CC33;
}


/* ::CLASS:: Boto NO activat del menu web" */
.bto_NO{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #66CC33;
	font-weight:bold;
	text-decoration: none;
	margin: 5px;
}


#esquerra{
	float: left;
	width: 245px;
	margin-left: 12px;
}



#dreta{
	float: right;
	margin-right: 11px;
}



.index_general{
	float: left;
	width: 942px;
	height: 515px;
	margin-left: 15px;
	background: url("images/fondo_general.png") no-repeat;
	text-align: center;
}



.index_empresa{
	float: left;
	width: 942px;
	height: 515px;
	margin-left: 15px;
	background: url("images/index_empresa.png") no-repeat;
	text-align: center;
}



.empresa{
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width: 880px;
	padding-top: 240px;
	padding-left: 75px;
	text-align: left;
}



.index_produc{
	float: left;
	width: 942px;
	height: 515px;
	margin-left: 15px;
	background: url("images/index_produc.png") no-repeat;
	text-align: center;
}



.index_contacto{
	float: left;
	width: 942px;
	height: 515px;
	margin-left: 15px;
	background: url("images/fondo_mail.png") no-repeat;
	text-align: center;
}



.index_llegar{
	float: left;
	width: 942px;
	height: 515px;
	margin-left: 15px;
	background: url("images/fondo_contacto.png") no-repeat;
	text-align: center;
}



.index_fitxa{
	float: left;
	width: 942px;
	height: 515px;
	margin-left: 15px;
	background: url("images/index_produc.png") no-repeat;
	text-align: center;
}

.index_fitxa2{
	float: left;
	width: 942px;
	height: 550px;
	margin-left: 15px;
	background: url("images/index_produc2.png") no-repeat;
	text-align: center;
}



/*::CLASS:: de la Taula de productos estandar */
.taula{
	margin-top: 30px;
}



/*::CLASS:: de la Taula de la Sub-secció de productos estandar */
.taula2{
	margin-top: 10px;
}


.clear{
	clear: both;
}


/*::CLASS:: Styl del segon flash del index.html */
.flash{
	margin: 0 auto;
	width: 942px;
	height: 165px;
}



/*::CLASS:: styls de la linia de informació del peu de la web  */
.peu{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #CCC;
	padding: 5px 0px 10px 40px;
	text-align: center;
}



/* ::MAIL:: Peu de la web */
#mail a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	font-weight:bold;
	text-decoration: none;
}

#mail a:hover{
	color: #66CC33;
}


/* ::MAIL:: Part esquerra de "como_llegar.html" */
#mail2 a{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-weight:bold;
	text-decoration: none;
}
#mail2 a:hover{
	color: #333;
}

/* ::WEB:: Link de Dispromèdia */
#web a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
	margin-left: 70px;
	text-decoration: none;
}

#web a:hover{
	color: #66CC33;
}


/* ::DIV:: Part esquerra de "como_llegar.html" */
#info_empresa{
	float: left;
	width: 309px;
	height: 486px;
	margin: 15px 15px;
}


/* ::CLASS:: Part esquerra de "como_llegar.html" */
.info_contacto{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	color: #666;
	text-align: left;
	padding: 260px 0px 0px 70px;
}


/* ::DIV:: Part dreta de "como_llegar.html" */
#map{
	float: right;
	background: url("images/fondo_map.png") left bottom no-repeat;
	width: 560px;
	height: 410px;
	margin: 55px 40px 0px 0px;
}


/* ::CLASS:: Part dreta de "como_llegar.html" */
.posicio_map{
	vertical-align: middle;
	padding: 5px;
}


/* ::DIV:: Part esquerra de "contacto.html" */
#info_formulari{
	float: left;
	width: 309px;
	height: 486px;
	margin: 15px 15px;
}


/* ::DIV:: Part Dreta de "contacto.html" */
#formurali{
	font: 0.7em Verdana, Arial, Helvetica, sans-serif;
	float: right;
	width: 550px;
	height: 360px;
	margin: 50px 50px 0px 0px;
}


/* ::CLASS:: Styls formulari de la Part esquerra de "contacto.html" */
.contacte{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	line-height: 150%;
}


.contacte input, .contacte textarea {
	font: 1.05em Verdana, Arial, Helvetica, sans-serif;
}


/* ::CLASS:: Styls per definir el color del asterisco de  "contacto.html" */
.obligatori {
    color: #993300;
}

.error {
    background: 20px #FDE4E5;
    border: 1px solid #FFC5C5;
    color: #000000;
}


/* ::CLASS:: Styls de ...................... "contacto.html" */
#curriculum {
    font: 1em Verdana, Arial, Helvetica, sans-serif;
    width: 750px;
    margin: 0 auto;
}


.text_legal_contacte {
    font: 1em Verdana, Arial, Helvetica, sans-serif;
    text-align:  justify;
    margin: 0px 10px;
    width: 480px;
}


/*::DIV:: Capa de la part superior del Sub-menus de productos */
#list_sinfin{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
	padding: 10px 0px 10px 30px;
}


/*::DIV:: Capa dels botons de la part superior del Sub-menu de productos */
#sinfin a
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #CCC;
	text-decoration: none;
}
#sinfin a:hover
{
	color: #66CC33;
}




/*............................ IE .................................*/
	.ocult {
		display: none;
	}

	.avis_explorer {
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		height: 210px;
		border-top: 2px solid #95b8c9;
		border-bottom: 2px solid #95b8c9;
		background: #c6d3da url('./images/explorer.jpg') no-repeat;
	}
	
	.avis_explorer p {
		text-align: justify;
		padding: 10px 40px 10px 210px;
	}
	
	.avis_explorer p a {
		color: #626ac6;
		text-decoration: none;
	}
/*.................................................................*/

/* Estils formulari contacte */
.ok {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 10px;
	background: url('./imatges/ok.png') no-repeat 15px #E5FDE4;
	width: 75%;
	padding: 10px 5px 10px 50px;
	border: 1px solid #C8FFC5;
/*	color: #29DC00;*/
	color: #009900;
}

#ok {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 10px;
	background: url('./imatges/ok.png') no-repeat 15px #E5FDE4;
	width: 75%;
	padding: 10px 5px 10px 50px;
	border: 1px solid #C8FFC5;
/*	color: #29DC00;*/
	color: #009900;
}

.msg_avis {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 auto;
	margin-top: 50px;
/*	margin-bottom: 30px;*/
	background: url('./imatges/warning.png') no-repeat 10px #FCF5E4;
	width: 50%;
	padding: 10px 5px 10px 50px;
	border: 1px solid #FFE8C5;
	color: #DC8100;
	display: block;
}

.msg_error {
	float: right;
	margin: 29px 20px 0px 0px;
/*	margin-bottom: 30px;*/
	background: url('./images/stop.jpg') no-repeat 0px #FDE4E5;
	width: 230px;
	padding: 5px;
	border: 1px solid #FFC5C5;
	color: #DC3500;
	display: block;
}

.error {
    background: 20px #FDE4E5;
    border: 1px solid #FFC5C5;
    color: #000000;
}

/*.................................................................*/

/* Avis legal */

#contingut_avis {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
}

/*************/