@import url('yui-reset.css');

*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;color:#000;background:url(../_img/cargando.gif)}

h1,h2,.large,.left{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:40px}
h2,.box div img{padding-bottom:10px}
a{text-decoration:none;color:#000;outline:0}
img{display:block}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#cont{position:absolute;top:0;left:0;z-index:70;overflow:auto}
#menu{position:absolute;bottom:20px;left:141px;z-index:80;width:100%;line-height:12px;}
#menu div{height:56px;background:#000;opacity:0.6;filter:alpha(opacity=60);padding:7px 0 0 7px}
#aliar{position:absolute;bottom:30px;left:90%;z-index:180;width:100%;line-height:12px;}
#facebook{position:absolute;bottom:30px;left:280px;z-index:180;width:100%;line-height:12px;}

h1{position:relative;left:-141px;margin-bottom:-63px;width:140px;opacity:0.99;}
h1 a{padding:41px 10px 10px 0;color:#fff;background:#000 url(../_img/logo_menu_1.gif) 0px 0px no-repeat;font-size:11px;text-align:right;display:block}
h1 a:hover{background:#000 url(../_img/logo_menu_2.gif) 0px 0px no-repeat;}
/* h1 a{padding:41px 10px 10px 0;color:#fff;background:#000 url(../_img/go.gif) 0 -30px repeat-x;font-size:11px;text-align:right;display:block} 
h1 a:hover{background:#000 url(../_img/go.gif) 0 43px repeat-x} */
ul{float:left;width:130px}
li a{height:12px;padding:0 5px;font-weight:bold;color:#999;display:block}
li a:hover,li.cur a{color:#fff}

.titol_gran{font-family:Arial,Helvetica,sans-serif;cursor:default;color:#fff}
.text_continguts{font-family:Arial,Helvetica,sans-serif;font-size:12px;cursor:default;color:#000}
.opacidad_foto{opacity:0.99;}
.text_blanc{color:#fff}
.text_negre{color:#000}
.text_vermell{color:#cc0033}
.text_gris{color:#666666}


A.vermell_groc:link {
	color: #cc0033;
	text-decoration: none;
}

A.vermell_groc:visited {
	color: #cc0033;
	text-decoration: none;
}

A.vermell_groc:hover {
	color: #ffcc33;
	text-decoration: underline;
}

A.vermell_blau:link {
	color: #cc0033;
	text-decoration: none;
}

A.vermell_blau:visited {
	color: #cc0033;
	text-decoration: none;
}

A.vermell_blau:hover {
	color: #455968;
	text-decoration: none;
}

A.aliar:link {
	color: #999;
	text-decoration: none;
}

A.aliar:visited {
	color: #999;
	text-decoration: none;
}

A.aliar:hover {
	color: #fff;
	text-decoration: none;
}

.box_aliar{position:absolute;bottom:30px;right:20px;z-index:180}
.box{position:absolute;top:15%;right:100px;width:500px;padding-bottom:100px}
.box div{line-height:1.5em;background:#fff;padding:20px 30px;opacity:0.90} /* opacitat capa text continguts */ /* ffcc33 fons groc */
.box div a{text-decoration:underline}
.large{text-align:right;top:20%;right:120px;font-size:13px}
.left{text-align:left;right:auto;left:180px;font-size:13px}
.large h2{font-size:60px}
.white{color:#fff}
#beijing{top:15%}

h3{position:relative;border-bottom-width:1px;padding:30px 30px 10px 30px;margin:0 -30px 20px -30px;text-transform:uppercase;line-height:20px;font-weight:bold}
h3 span{position:absolute;right:510px;top:29px;background:#000;text-align:center;padding:0 5px;white-space:nowrap;display:block;color:#fff;font-weight:normal}

dl{margin:10px 0}
dt,dd p{padding:15px 0 25px 0;display:block;border-top-width:1px;width:440px}
dt{text-transform:uppercase;padding:0 5px;cursor:pointer;line-height:20px;height:20px;font-weight:bold;width:430px}
dd{height:0px;overflow:hidden;width:440px}

/* #photos{position:absolute;z-index:90;bottom:41px;right:40px;height:20px;overflow:hidden}
#photos a,#float{z-index:90;height:20px;line-height:20px;text-align:center;width:40px;background:#000 url(gal.gif) -6px 5px no-repeat;cursor:pointer;color:#fff}
#photos a{width:20px;float:left;margin-left:1px;background:#000;font-weight:bold;overflow:hidden}
#photos a:hover,#photos a.cur{background:#fff;color:#000} */
#float{display:none;position:absolute}
#float.nxt,#float.prv{display:block}
#float.nxt{background-position:-16px 5px}
#float.prv{background-position:7px 5px}


/* Formularis */

.input_330 {font-family:Arial; font-size:11px; color:#000; font-weight:bold; width:330px; background-color:#ffffff; border-top:#fff solid 1px; border-bottom:#000 solid 1px; border-right:#fff solid 1px; border-left:#fff solid 1px;}

.input_130 {font-family:Arial; font-size:11px; color:#000; font-weight:bold; width:130px; background-color:#ffffff; border-top:#fff solid 1px; border-bottom:#000 solid 1px; border-right:#fff solid 1px; border-left:#fff solid 1px;}

.input_100 {font-family:Arial; font-size:11px; color:#000; font-weight:bold; width:100px; background-color:#ffffff; border-top:#fff solid 1px; border-bottom:#000 solid 1px; border-right:#fff solid 1px; border-left:#fff solid 1px;}

.input_80 {font-family:Arial; font-size:11px; color:#000; font-weight:bold; width:80px; background-color:#ffffff; border-top:#fff solid 1px; border-bottom:#000 solid 1px; border-right:#fff solid 1px; border-left:#fff solid 1px;}

.input_40 {font-family:Arial; font-size:11px; color:#000; font-weight:bold; width:40px; background-color:#ffffff; border-top:#fff solid 1px; border-bottom:#000 solid 1px; border-right:#fff solid 1px; border-left:#fff solid 1px;}

.select {
	font-family:Arial;
	font-size:11px;
	color:#000;
	font-weight:normal;
	width:100px;
	background-color:#fff;
	border-top:#000 solid 1px;
	border-bottom:#000 solid 1px;
	border-right:#000 solid 1px;
	border-left:#000 solid 1px;
}

.boton { font-family: Arial; font-size: 11px; font-weight:bold; color: #ffffff; background-color:#000; border-width:0px; height:20px; width:70px; cursor: hand;}

.boton_calendario { font-family: Arial; font-size: 11px; font-weight:normal; color: #cc0033; background-color:#fff; border-color:#cc0033; border-width:1px; height:20px; width:70px; cursor: hand;}