/*
ESTILS PROPIS
============= 
	- és únic per a cada projecte web. 
	- normalment, el document té una mida de font del 76% (equivalent a 12px)
*/

body {
font-family: Arial, Helvetica, sans-serif;
font-size:76%;
background-color:#E20A17;
color:#060000;
margin:0 auto;
}

a{
	color:#89755A;
}

p{
	padding:10px 0;
}

a.album_fotos:visited, a.album_fotos:link{
	text-decoration:none;
}
a.album_fotos:hover{
	color:#E20A17;
}

div#contenidor {
width:900px;
margin:0 auto;
background-color:white;
}

#sobrecontenidor {
/*width:1030px;*/
margin:0 auto;
background:transparent url(../img/fons_01.gif) 0 0 repeat-y;}

div#contenidor2 {
padding: 10px 50px 0 50px;
}

div#contenidor_fotos {
padding: 10px 50px 0 40px;

}

div#capcalera {	
}

div#peu {
height:75px;	
background-color:#FFB400;
}


div#menu {
	border:1px solid white;
	padding: 0px 0px;
	background-color:#E20A17 !important;
	color:#FFFFFF;
}

.foto {
	border:1px solid #F1C691;
	padding:5px;
	background:#FEF9E5;
}

div.menu_dreta {
	border-top:1px solid #E4AB5E;	
	display:block;
	
}

.border_sota {
	border-bottom:1px solid #E4AB5E;	
}

div.menu_dreta a, div.menu_dreta a:link, div.menu_dreta a:visited {
	display:block;
	padding:10px 0 10px 18px;
	font-weight:bold;
	color:black;
	text-decoration:none;
}

div.menu_dreta a:hover, div.seleccionat a, div.seleccionat a:link, div.seleccionat a:visited {
	color:red;
	text-decoration:none;
	background:#FFDBAE url('../img/quadrat_vermell.gif') 6px 14px no-repeat;
}



a.menu_text {
display:block;
padding-top:5px;
width:110px;
height:20px;
color:white;
text-decoration:none;
background-color:#E20A17;
text-align:center;
}

a.menu_text_marcat {
display:block;
padding-top:5px;
width:110px;
height:20px;
color:#E20A17;
text-decoration:none;
background-color:#FFDA80;
text-align:center;



}

a.menu_text:hover {
background-color:#FFDA80;
color: #E20A17;
}

.destacat {
	padding: 10px 0;
	border-bottom: 1px solid #D9CA9F;
	border-top: 1px solid #D9CA9F;
}

.linia_separacio {
	padding: 10px 0;
	border-top: 1px solid #D9CA9F;
}

.linia_separacio_inferior {
	padding: 10px 0;
	border-bottom: 1px solid #D9CA9F;
}


div.imprimir {
	
	padding-left:24px;
	height:24px;
	background:url('../img/ico_imprimir.gif') 0 0 no-repeat;

}

a.imprimir:link, a.imprimir:visited {
	padding-top:5px;
	text-decoration:none;
	display:block;
	color:#87847B;
}

a.imprimir:hover,{
	text-decoration:underline;
	color:#89755A;
}


/* 
colors 
------
	- només el nom del color
	- ha de coincidir amb els colors de fons
	- si hi ha varietats d'un color, li posem un número
*/

.vermell {color:#E20A17}
.verd {color:green}
.blau {color:blau}
.blanc {color:white}
.blanc_taronja, a.blanc_taronja:link, a.blanc_taronja:visited {
	color:#FFF4BC
	}
.taronja_fluix {color:#FFDA80}
.taronja_fort {color:#FFB400}
.gris {color:#756248}
.gris_2 {color:#89755A}
.gris_fluix {color:#87847B}
.negre {color:black}

/* 
colors de fons 
--------------
	- f + només color
	- ha de coincidir amb els colors de lletra
	- si hi ha varietats d'un color, li posem un número
*/

.f_vermell {background-color:#E20A17}
.f_verd {background-color:green}
.f_blau {background-color:blau}
.f_taronja_molt_fluix {background-color:#FFEAB8}
.f_taronja_fluix {background-color:#FFDA80}
.f_taronja_fort {background-color:#FFB400}
.f_taronja_mitja {background-color:#FEE4C1}
.f_blanc_fort {background-color:#FFF8E6}

/* 
separadors 
----------
	- n'hi ha d'horitzontals i de verticals
	- normalment tenen 15px alçada i una imatge de fons que es repeteix horitzontalment
*/

.separador_1_h { /* la h final vol dir 'horitzontal' */
height:15px;
background-position:left center;
background-repeat:repeat-x;
}

.separador_1_v { /* la v final vol dir 'vertical' */
width:10px;
background-position:top center;
background-repeat:repeat-y;
}

/* 
llistes 
-------
*/
li {
margin-bottom:10px;
}






.text{
	color:#75644D;
	font-weight:bold;
	font-size: 1.1em;
}

#contact .form td.nom{
	color:#75644D;
	font-weight:bold;
	width: 170px;
	padding-bottom: 20px;
	vertical-align:top;
}

#contact .form td.camp{
	font-weight:bold;
	vertical-align:top;
}

#contact .form input{
	color:#89755A;
	width: 460px;
	border: 1px solid #89755A;
	font-weight:bold;
}


#contact .form textarea{
	color:#89755A;
	width: 460px;
	border: 1px solid #89755A;
	height: 150px;
	font-weight:bold;
}

#contact .form .enviar{
	padding-top:20px;
	padding-right: 20px;
	text-align:right;
	height: 24px;
}

#contact .form .enviar a:link, #contact .form .enviar a:visited{
	color:#89755A;
	font-weight:bold;
	text-decoration:none;
	font-size:1.1em;
	border: 0px solid;
	padding: 2px;
	padding-right: 8px;
	padding-left: 4px;
}

#contact .form .enviar a:hover{
	color:#E20A17;
}