html, body {
margin:0;
padding:0;
height:100%;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
}

h1, h2, h3, h4, h5, td, th, form,p {font-size: 1em;margin:0;padding:0}

#contenidor {
min-height:100%;
position:relative;
background:white url(../img/fons_01.gif) 0 0 repeat-x;
}

/*************************
capcalera 
*************************/

#capcalera {
position:relative;
height:18em;
background:transparent url(../img/capcalera_oriol_bargallo_02.gif) 0 0 no-repeat;
}

#cos {
width:630px;
margin-left:228px;
padding-bottom:40px;
}

#capcalera h1, #capcalera h2{
position:absolute;
text-indent:-10000px;
}

#capcalera h1 {
top:35px;
left:260px;
background-image:url(../img/capcalera_oriol_bargallo_01.gif);
width:467px;
height:70px;
}

#capcalera h2 {
top:40px;
right:25px;
background-image:url(../img/telefon_oriol_bargallo.gif);
width:162px;
height:42px;
}

a#tornarInici:link,a#tornarInici:visited {
display:block;
position:absolute;
width:130px;
height:130px;
top:65px;
left:65px;
text-indent:-10000px;
}

#capcalera ul {
position:absolute;
top:118px;
left:228px;
margin:0;
padding:0;
list-style:none;
}

#capcalera ul li {
float:left;
display:inline;
margin-right:15px;
}

#capcalera ul li a:link, #capcalera ul li a:visited {
display:block;
color:black;
font-weight:bold;
text-decoration:none;
text-align:center;
padding-top:60px;
height:30px;
background-position:top center;
background-repeat:no-repeat;
}

#capcalera ul li a:hover {text-decoration:underline}

#capcalera ul li a:link span.seccioTriada,#capcalera ul li a:visited span.seccioTriada,#capcalera ul li a:hover span.seccioTriada {background:#DC0168;
padding:1px 5px;color:white !important;
text-decoration:none !important;
}

a#menu_1:link ,a#menu_1:visited {
width:6.3em;
background-image:url(../img/ico_menu_1.gif);
}

a#menu_2:link ,a#menu_2:visited {
width:8em;
background-image:url(../img/ico_menu_2.gif);
}

a#menu_3:link ,a#menu_3:visited {
width:6.7em;
background-image:url(../img/ico_menu_3.gif);
}


a#menu_4:link ,a#menu_4:visited {
width:6.9em;
background-image:url(../img/ico_menu_4.gif);
}

a#menu_5:link ,a#menu_5:visited {
width:5em;
background-image:url(../img/ico_menu_5.gif);
}

a#menu_6:link ,a#menu_6:visited {
width:5em;
background-image:url(../img/ico_menu_6.gif);
}

a#menu_7:link ,a#menu_7:visited {
width:5.2em;
background-image:url(../img/ico_menu_7.gif);
}



/**************************
final capcalera
***************************/

#peu {
position:absolute;
width:100%;
height:25px;
line-height:25px;
left:0;
bottom:0;
background-color:black;
font-weight:bold;
color:white;
text-align:center;
z-index:1;
}

#fotoOriol {
position:absolute;
right:0;
bottom:0;
height:248px;
width:103px;
background:transparent url(../img/fotohome.jpg) bottom right no-repeat;
z-index:2;
}

/*************************
formats interiors
*************************/
div#cos h1 {
font-size:1.1em;
font-weight:bold;
padding:0.5em 1.2em;
}

div#cos div.desenvolupament {
background-repeat:repeat-y;
background-color:white;
background-position:top left;
padding:1em 2em;
line-height:1.5em;
}

div#cos div.tancament {height:18px}

/* visites */
div.llibreVisites h1 {
background:#3F68A4 url(../img/fons_cap_blau.gif) 0 0 no-repeat;
color:white;
}

div.llibreVisites div.desenvolupament {
background-image:url(../img/fons_cos_blau.gif);
}

div.llibreVisites div.tancament {
background-image:url(../img/tancament_blau.gif);
}

/* agenda */
div.calendari h1 {
background:#E52627 url(../img/fons_cap_vermell.gif) 0 0 no-repeat;
color:white;
}

div.calendari div.desenvolupament {
background-image:url(../img/fons_cos_vermell.gif);
}

div.calendari div.tancament {
background-image:url(../img/tancament_vermell.gif);
}


/* vincles */
div.vincles h1 {
background:#AE0566 url(../img/fons_cap_lila.gif) 0 0 no-repeat;
color:white;
}

div.vincles div.desenvolupament {
background-image:url(../img/fons_cos_lila.gif);
}

div.vincles div.tancament {
background-image:url(../img/tancament_lila.gif);
}

/* galeria fotos */

div.marcFoto {
float:left;
text-align:center;
background:#FFE400 url(../img/sw_groc_01.gif) bottom left no-repeat;
margin-right:5px;
margin-bottom:10px;
}

div.marcFoto a img {
border:6px solid #FFE400;
}

div.peuFoto {
font-size:0.9em;
background:transparent url(../img/se_groc_01.gif) bottom right no-repeat;
padding:5px 5px 10px 5px;
}

div.peuFoto a:link,div.peuFoto a:visited {
color:black;
}


/* curriculum */
div.curriculum h1 {
background:#52A128 url(../img/fons_cap_verd.gif) 0 0 no-repeat;
color:white;
}

div.curriculum div.desenvolupament {
background-image:url(../img/fons_cos_verd.gif);
}

div.curriculum div.tancament {
background-image:url(../img/tancament_verd.gif);
}

/* astronomia */
div.astronomia h1 {
background:#FD7813 url(../img/fons_cap_taronja.gif) 0 0 no-repeat;
color:white;
}

div.astronomia div.desenvolupament {
background-image:url(../img/fons_cos_taronja.gif);
}

div.astronomia div.tancament {
background-image:url(../img/tancament_taronja.gif);
}

/* contacte */
div.contacte h1 {
background:#8905F9 url(../img/fons_cap_lila2.gif) 0 0 no-repeat;
color:white;
}

div.contacte div.desenvolupament {
background-image:url(../img/fons_cos_lila2.gif);
}

div.contacte div.tancament {
background-image:url(../img/tancament_lila2.gif);
}

div.contacte div.separador{
background:transparent url(../img/separador_lila3.gif) left center no-repeat;
height:20px;
}


/*************************
caixes rodones 
*************************/
td.caixaVermellaHome {background:#E52627 url(../img/s_vermell_02.gif) bottom left no-repeat;}
	td.caixaVermellaHome fieldset{background:transparent url(../img/n_vermell_02.gif) top left no-repeat;}

td.caixaVerdaHome {background:#53973A url(../img/s_verd_02.gif) bottom left no-repeat;}
	td.caixaVerdaHome fieldset{background:transparent url(../img/n_verd_02.gif) top left no-repeat;}
	
td.caixaBlavaHome {background:#007DBC url(../img/s_blau_02.gif) bottom left no-repeat;}
	td.caixaBlavaHome fieldset{background:transparent url(../img/n_blau_02.gif) top left no-repeat;}

fieldset.home {
color:white;
border:0;
margin:0;
padding:15px;
height:auto;
}

div.caixaRodonaVerda {background:#53973A url(../img/nw_verd_01.gif) top left no-repeat;}
div.caixaRodonaVerda div {background:transparent url(../img/ne_verd_01.gif) top right no-repeat;}
div.caixaRodonaVerda div div{background:transparent url(../img/sw_verd_01.gif) bottom left no-repeat;}
div.caixaRodonaVerda div div fieldset {
background:transparent url(../img/se_verd_01.gif) bottom right no-repeat;
padding:2em;
min-height:150px;
height:auto !important;
height:150px;
border:0;
margin:0;
}
div.caixaRodonaVerda div div fieldset div {background-image:none;}

div.caixaRodonaBlava {background:#007DBC url(../img/nw_blau_01.gif) top left no-repeat;}
div.caixaRodonaBlava div {background:transparent url(../img/ne_blau_01.gif) top right no-repeat;}
div.caixaRodonaBlava div div{background:transparent url(../img/sw_blau_01.gif) bottom left no-repeat;}
div.caixaRodonaBlava div div fieldset {
background:transparent url(../img/se_blau_01.gif) bottom right no-repeat;
padding:2em;
min-height:150px;
height:auto !important;
height:150px;
border:0;
margin:0;
}
div.caixaRodonaBlava div div fieldset div {background-image:none;}

div.caixaRodonaVermella {background:#E52627 url(../img/nw_vermell_01.gif) top left no-repeat;}
div.caixaRodonaVermella div {background:transparent url(../img/ne_vermell_01.gif) top right no-repeat;}
div.caixaRodonaVermella div div{background:transparent url(../img/sw_vermell_01.gif) bottom left no-repeat;}
div.caixaRodonaVermella div div fieldset {
background:transparent url(../img/se_vermell_01.gif) bottom right no-repeat;
padding:2em;
min-height:150px;
height:auto !important;
height:150px;
border:0;
margin:0;
}
div.caixaRodonaVermella div div fieldset div {background-image:none;}

/* vincles */
a.blanc:link,a.blanc:visited {color:white;}
a:link,a:visited {color:#0099FF}

/* aliniacions */
.aTop {vertical-align:top}
.aRight {text-align:right}
.aCenter {text-align:center}
.aBottom {vertical-align:bottom}
.aLeft {text-align:left}
.blocCentrat {margin:0 auto !important;}
.blocaEsquerra {margin:0 auto 0 0 !important;}
.blocaDreta {margin:0 0 0 auto !important;}

/* floats */
div.trencaTot {clear:both}

/* mides */
.tot {width:100%;}
.h1 {height:1px}
.h10 {height:10px}

.w310 {width:310px;}
.w10 {width:10px}

.caixesHome {
min-height:160px;
height:auto !important;
height:160px;
}

/* tamanys text */
.Gran {font-size:1.2em}
.Petit {font-size:0.9em}

/* marges */
.Persobre {margin-top:5px !important}
.xPersobre {margin-top:10px !important}
.xxPersobre {margin-top:15px !important}
.xxxPersobre {margin-top:20px !important}
.xxxxPersobre {margin-top:25px !important}
.xxxxxPersobre{margin-top:30px !important}

.Perdreta {margin-right:5px !important}
.xPerdreta {margin-right:10px !important}
.xxPerdreta {margin-right:15px !important}
.xxxPerdreta {margin-right:20px !important}

.Persota {margin-bottom:5px !important}
.xPersota {margin-bottom:10px!important}
.xxPersota {margin-bottom:15px!important}
.xxxPersota {margin-bottom:20px!important}
.xxxxPersota {margin-bottom:25px!important}
.xxxxxPersota {margin-bottom:30px!important}

.Peresquerra {margin-left:5px !important}
.xPeresquerra {margin-left:10px !important}
.xxPeresquerra {margin-left:15px !important}
.xxxPeresquerra {margin-left:20px !important}

/* espaiats */
.Espaiat {padding:5px}
.xEspaiat {padding:10px}
.xxEspaiat {padding:15px}
.xxxEspaiat {padding:20px}


/* colors de fons */
.fonsVerdClar {background-color:#52A128}
.fonsBlau {background-color:#0083D7}
.fonsVermell {background-color:#E20A16}

/* colors */
.blanc, a.blanc:link, a.blanc:visited {color:white}

/* taules */
table.simple, table.simple td {
margin:0;
padding:0;
border:0;
border-collapse:collapse;
}

.acc {position:absolute;left:-10000px;display:block;}

div.feedback {border:2px solid #3F68A4;background:white url(../img/raco_camp_info.gif) 0 0 no-repeat; width:450px; margin:20px auto; font-size:18px;padding:30px 15px 30px 55px;text-align:center}