@charset "utf-8";

/* Inicialització */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a {
	text-decoration: underline;
	color: #00b8dc;
	border-bottom-color: #d0d0d0;
	}

a:hover {
	color:  #FF0033;
	}

object, embed { padding-left: 0px; margin-left: 0px; height: 360px; width: 640px; float: left; !important; !important; }
object { padding-left: 0px; margin-left: 0px; width: 640px; float: left; !important; !important; }

/* Personalització */

body  {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #tot */
	color: #ffd094;
	line-height: 16px;
	letter-spacing: 1px;
    }
    .portada #tot { 
    width: 960px;
    background: #000;
    margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    border: 0;
    text-align: left; /* esto anula text-align: center en el elemento body. */
    } 
	.fila {
	width: 100%;
	padding: 0;
	clear: both;
	margin: 15px 0 0 0;
	}
	.columna {
	float:left;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: #333;
	}
	.filaInt {
	width: 100%;
	padding: 0;
	clear: both;
	margin: 0;
	}
	.titol {
	width: 100%;
	padding: 0;
	margin: 0;
	height: 28px;
	background-color: #607468;
	border-top: solid #f3ef1e 3px;
	}
	.titol h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 6px;
	margin: 5px 0 0 0;
	color: #f3ef1e;

	}
	.sepHor {
	float:left;
	height: 100%;
	padding: 0;
	margin: 0;
	width: 15px;
	}
    .portada #cap {
	height: 62px;
    } 
.portada #cap p {
	margin: 0 0 0 750px;
}

    .portada #banner {
	width: 960px;
	background-image: url(../im/pairal2.jpg);
    } 
    .portada #fila1 {
	height: 444px;
    } 
.portada #fila1 p {
	margin: 10px 12px 0px 12px;
}

    .portada #anim {
	width: 640px;
    } 
    .portada #b3d {
	width: 305px;
    } 
    .portada #links3d {
	width: 135px;
    } 
    .portada #imatges3d {
	width: 170px;
    } 
.portada #fila2 p {
	text-align: center;
	margin: 3px 0;
}

    .portada #foto {
	width: 735px;
    } 
    .portada #manzi {
	width: 210px;
    } 
    .portada #peu {

    } 
    .portada #dades {
	width: 960px;
	background-color: #000;
    } 
.portada #dades p {
	text-align: center;
	color: #607468;
}

    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }