/*
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:75%;
background:#b3b3b3;
color:#ffffff;
padding:0 0 10px 0;
margin:0
}

div#contenidor_01 {width:956px; margin:0 auto;background-color:#000000 !important;padding: 30px 0;}
div#subcontenidor_01 {width:743px; background:url('../img/fons-blanc-taronja.gif') left top repeat-y; float:left; color:#000000;}
div#subcontenidor_02 {width:743px; background:#FFFFFF; float:left; color:#000000;}
div#menu_esquerra {float:left; width:200px;}
.fons_menu {background:#000000 url('../img/fons-menu.gif') left bottom no-repeat;height:787px;width:180px;margin-top:100px}

h1.logo {background:transparent url(../img/logo-triomf.gif) left top no-repeat;width:200px;height:93px; text-indent:-20000px;}
h1.logo a {display:block;width:200px;height:93px}

div#barra_telefon {position:absolute;top:5px;width:956px;}
.v_idioma {text-decoration:none;}
.v_idioma_triat {text-decoration:none;font-weight:bold;}

.menu_home {background:transparent url('../img/titol-seccio-home.gif') left top no-repeat;width:421px;height:23px;padding:6px 0 0 50px;font-weight:bold;color:#000000;font-size:1.3em}
.menu_interior {background:transparent url('../img/titol-seccio-interior.gif') left top no-repeat;width:693px;height:23px;padding:6px 0 0 50px;font-weight:bold;color:#000000;font-size:1.3em}

.caixa_blanca{width:471px;background:#ffffff;color:#3D3938;}
.caixa_taronja{float:left;width:472px;background:#fc7216 url('../img/peu-iomf.gif') left bottom no-repeat;color:#3D3938;}
.columna_esquerra_home {float:left;height:760px;background:transparent url('../img/fons-adreca.gif') right bottom no-repeat;}
.peu_blanc_taronja {background:url('../img/peu-triomf-blanc-taronja.gif') top left no-repeat; height:118px;}

.triangle_taronja {
	background:url('../img/triangle-taronja.gif') left top no-repeat;
	height:22px;
	padding:4px 0 0 40px;
	margin:20px 0 5px 30px;
	font-weight:bold;
	color:#000000;
	font-size:1.2em
}

.punt_menu {margin:0 0 15px 0;}
.punt_menu a:link, .punt_menu a:visited {
	background:url('../img/boto-menu_01.gif') left top no-repeat;
	height:15px;
	padding:0 0 0 45px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:1.1em;
}
.punt_menu a:hover {
	background:url('../img/boto-menu_02.gif') left top no-repeat;
}

.punt_menu_triat {margin:0 0 15px 0;}
.punt_menu_triat a:link, .punt_menu_triat a:visited, .punt_menu_triat a:hover {
	background:url('../img/boto-menu_02.gif') left top no-repeat;
	height:15px;
	padding:0 0 0 45px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
}

/* 
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:red}
.verd {color:green}
.blau {color:blau}
.blanc, .blanc a:link, .blanc a:hover, .blanc a:visited {color:#ffffff;}
.negre, .negre a:link, .negre a:visited {color:#000000;}

/* 
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:red}
.f_verd {background-color:green}
.f_blau {background-color:blau}
.f_taronja{background-color:#fc7216;}

/* 
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;
}

.ratlla_gris {
background:url('../img/ratlla-gris.gif');
height:2px;
margin:0 0 10px 30px;
}