/* BASICS */

/* Formateo de css
--------------------------------------------------------------------------- */
p, ul, ol, dl, dt, dd, li, blockquote, cite, h1, h2, h3, h4, h5, h6 { padding:0; margin:0; font-weight:normal; }
img{ border:0;}

ul, li { list-style-type:none;}


/*Body -  cuerpo del documento
--------------------------------------------------------------------------- */
body { font-family: Arial, Helvetica, sans-serif; font-size:75%; color:#000000; background:#FFFFFF; text-align:center;  margin:auto;}

/*Estructura de titulares
--------------------------------------------------------------------------- */
h2 { font-size: 2em; }
	.titols-seccio { height:184px; background:#F5F5F5; text-indent:-9999px; display:block;}
	.titol-separador { font-size:22px; font-weight:bold; padding:10px 0;}
h3 { font-size: 1.5em; } 
	.h-tres-gran { font-size:30px; color:#009FC3; font-weight:bold; text-transform: uppercase;}
	.htres-comu  { font-size:1.7em; margin-bottom:0.4em; font-weight:bold; padding:0 0 0 0.5em;} 
	.htres-itineraris { font-size:19px;  line-height:19px;}
	.htres-itineraris-dos  { font-size:1.6em; margin-bottom:0.7em;}
	.htres-itineraris-categories { font-size:20px; font-weight:bold; padding-bottom:14px; padding-top:14px;}
h4 { font-size: 1.3em;}    
	.h-cuatre-gran { font-size:30px; color:#000000; text-transform: uppercase;}
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

p { padding:0.5em;}

/*Varios
--------------------------------------------------------------------------- */
.right { text-align:right;}
.left  { text-align:left;}
.clear { clear:both;}


/*Enlaces
--------------------------------------------------------------------------- */
a:link,
a:visited { color:#000000; }
a:hover   { text-decoration:none;color: #000000;}

a.azul:link,
a.azul:visited { color:#009FC3; text-decoration:none; }
a.azul:hover   { text-decoration:underline;}

.meitat-esquerra        { width:304px; float:left;}
.meitat-dreta           { width:290px; float:right;}
.meitat-esquerra-invert { width:290px; float:left;}
.meitat-dreta-invert    { width:304px; float:right;}
.petit-esquerra         { width:200px; float:left;}
.petit-dreta            { width:380px; float:right; }