/*Classes del control del projecte i missatges d'alerta*/
#control { margin: 10px auto; width: 940px; border: 1px solid #000; padding: 5px; background: #ff9; font-size: 1.2em; }
#control .alerta { color: #c60; }
#control .error { color: #f00; }
#control .missatge { color: #222; }
#control li { list-style-type: square; line-height: 2em; }


/* Classes estàndard de qualsevol projecte */
body { font-family: Verdana, Arial, Tahoma; font-size: 10px; color: #000; }

.centrat { width: 905px; margin: auto; }
.centrat-lliure { margin: auto; }

#columna-1 #wide-column { width: 905px; margin: auto; padding: 0 0 15px 0; }
#columna-1 #narrow-column { display: none; }
#columna-2 #wide-column { width: 199px; float: left; padding: 0 0 15px 0; background: #cfe1ed url('/images/background-left.png') top left repeat-x; }
#columna-2 #narrow-column { margin-left: 199px; width: 685px; background: #fff; padding: 10px 10px 10px 10px; } /* IE6 max margin */
#columna-2 #narrow-column-galeria { margin-left: 199px; width: 705px; background: #fff; padding: 10px 0px 10px 0px; } /* IE6 max margin */

#top { width: 905px; margin:auto; height: 111px; padding: 0px 0px 9px 29px; }
#multiflash { width: 905px; height: 230px; }
#menu { height: 67px; background: transparent; }
#dades { padding: 10px 0 10px 0; }
#bottom { height: 164px; padding: 20px 0 0 0; background: #00786f url('/images/bottom.jpg') left top repeat-x; }
#bottom-dades { width: 490px; text-align: left; margin:auto; padding-left:24px; background: transparent url('/images/bottom-bar.jpg') center left no-repeat; }

/* Configuració de mides i colors dels textos*/
h1,h2,h3,h4,h5,h6 { margin-bottom: 6px; }

.text00 { font-size: 1.2em; line-height: 2em; }
.text01 { font-size: 2em; }
.text02 { font-size: 1.6em; }
h1.titol,h2.titol,h3.titol,h4.titol,h5.titol,h6.titol { font-size: 2.0em; line-height: 1.4em; background: #f00; padding: 0px 0px 2px 10px; background: transparent url('/images/back-barra.png') top left repeat-y; color: #fff; }
.degradado { padding: 0px 0px 2px 10px; background: transparent url('/images/back-barra.png') top left repeat-y; color: #fff; }
div.titol { font-size: 1.7em; line-height: 1.4em; }


.color00 { color: #000; }
.color01 { color: #fff; }
.color03 { color: #004080; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

.italic { font-style: italic; }
.bold { font-weight: bold; }

/* Configuració de llistats */
ul { margin-left: 30px; }
ul.numeric { list-style-type: decimal; }

/* Configuració d'espais i zones */
.floatleft { float: left; }
.floatright { float: right; }


/* Separadors i formatació de text */
.indent { margin-left: 30px; }

.wrapper { clear: both; height: 0px; }
.wrapper10 { clear: both; height: 10px; }
.wrapper20 { clear: both; height: 20px; }
.wrapper30 { clear: both; height: 30px; }

.hidden { display: none; }

#narrow-column .wrapper0,#narrow-column-galeria .wrapper0 { clear: right; height: 0px; }
#narrow-column .wrapper10,#narrow-column-galeria .wrapper10 { clear: right; height: 10px; }
#narrow-column .wrapper20,#narrow-column-galeria .wrapper20 { clear: right; height: 20px; }
#narrow-column .wrapper30,#narrow-column-galeria .wrapper30 { clear: right; height: 30px; }


/*Formulari de contacte*/
.cssform p{
	width: 455px; /*El mateix que wide-column menys el padding-left d'aquí avall ha de ser*/
	clear: right;
	margin: 0;
	padding: 8px 0 5px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-bottom: 1px dashed gray;
	height: 1%;
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 450px;
}

.cssform textarea{ width: 450px; height: 150px; }

.cssform label.error { float: none; clear:both; color: #f00; margin-left: 0em; vertical-align: middle; }
.cssform .block { display: block; }
.cssform .error2 { display: none; }	



/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{ margin-left: 3px; }
/*Final formulari de contacte*/