/* CSS Document */
/*RESETEIG DE TOTES LES CONDICIONS PREVIES DELS NAVEGADORS*/
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, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     vertical-align: baseline
}

body { line-height:0.75em
     
}

:focus {
     outline: 0
}
img, iframe {border: none; text-decoration:none;}
ol, ul {
     list-style:outside url(../imagenes/ulu.png);
	margin:1em 0 2em 2em;
	 
}
li{margin:1em 0 1em 1em;}
li ul{margin:1em 0 0em 1em; list-style:outside url(../imagenes/ulu2.png);}
table {
     border-collapse: collapse;
     border-spacing: 0
}

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

blockquote, q {
     quotes: "" ""
}

 textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}
/*****************************************/
/*=GENERAL                               */
/*****************************************/
body{ font-family:Verdana, Arial, Helvetica, sans-serif;  background:url(../imagenes/fondos/bginuit.gif); color:#787994; background-position:fixed; }
p{font-size:11px;margin:1em 0 1em 1em;}
/*****************************************/
/*=CONTAINER                             */
/*****************************************/
#container{margin:0 auto; width:770px; background:#2dcefa; border:0; height:auto}	
	/*****************************************/
	/*=CAPÇALERA                             */
	/*****************************************/
		.sprite {background:url(imagenes/cabecera/menubailon.gif); margin:0; border:0}
		.menu{height:33px;}
		.presentacion{ width:111px; background-position:0px 0px; float:left}
		.viajes{width:153px;background-position:-111px 0;float:left}
		.articulos{width:172px;background-position:-264px 0;float:left}
		.eventos{width:65px;background-position:-436px 0;float:left}
		.centro{width:183px;background-position:-501px 0;float:left}
		.contacto{width:86px;background-position:-684px 0;float:left}
		.presentacion:hover{ background-position:0px -50px;}
		.viajes:hover{ background-position:-111px -50px;}
		.articulos:hover{ background-position:-264px -50px;}
		.eventos:hover{ background-position:-436px -50px;}
		.centro:hover{ background-position:-501px -50px;}
		.contacto:hover{ background-position:-684px -50px;}
	/*****************************************/
	/*=COS                             */
	/*****************************************/
	#cosindex{overflow:auto }
	#cos{background:#2dcefa; width:770px; height:auto}
		/*****************************************/
		/*=CONTINGUT                             */
		/*****************************************/
			#contingutindex{background-image:url(../imagenes/fondos/fondoindex.jpg); width:623px; height:500px;float:left; font-size:11px;}
			#contingut{ background:#FFFFFF; width:623px; float:left; font-size:11px;min-height:500px}
			#texto{ float:right; margin-right:15px; width:603px; padding-right:0}
			#textcont{float:right; width:580px; padding-right:0;clear:both}
			#textoindex{ float:right; margin-right:10px; width:503px; padding-right:0}
			.titulo{ font-weight:bold; float:left; margin:12px 5px 3px 5px; font-size:20px; height:auto; padding-bottom:5px; text-decoration:none;color:#787994; }
			.titulo:hover{text-decoration:none; color:#2dcefa}
			.separador{float:right;width:567px;border-top:dotted 4px; margin-bottom:1em}
			.separadorindex{float:right;width:472px;border-top:dotted 4px; margin-bottom:1em}
			.enlaces{ margin:20px 2px 5px 2px; text-decoration:none; font-weight:bold; color:#787994; font-size:10px}
			.enlaces:hover{text-decoration:none; font-weight:bold; color:#2dcefa}
			.links{ margin:10px 2px; text-decoration:none; font-weight:bold; color:#787994; font-size:10px; line-height:1.5em}
			.links:hover{margin:10px 20px;text-decoration:none; font-weight:bold; color:#2dcefa}
			.subenlaces{float:right; margin:20px 2px 5px 2px; text-decoration:none; font-weight:bold; color:#787994; font-size:10px}
			.subenlaces:hover{float:right; text-decoration:none; font-weight:bold; color:#2dcefa}
			.focus{text-decoration:none; font-weight:bold; color:#2dcefa}
			.subtitulo{ font-weight:bold; font-size:1.1em}
			.columna{ width:180px; margin: 6px; float:left}
			.tituloform{font-size:1.1em}
			#contacto{ width:300px; position:relative; top:-50px; left:270px; z-index:100; border: #666666 2px; border-style: dotted; padding-right::5px}
			#formulario{position:relative; top:-70px; left:0; z-index:1; height:200px}
			#subir{ float:right; margin: 5px}
			#frase{width: 240px; padding:10px; margin: 10px; font-size:10px; background:#cbfff9; border: #005bb9 thin dotted; float:right}
		/*****************************************/
		/*=tooltips                              */
		/*****************************************/
			
			#tooltip {
	background-color: #0963a9;
	border: 1px solid #888888;
	color: #ffffff;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 7px;
	max-width: 230px;
	line-height: 0.8em;
}
#tooltip h3 {
	font-size: 0.8em;
    margin: 0;
	padding: 0 3px;
	text-align: left !important;
}
#tooltip p {
	font-size: 0.8em;
	margin: 5px 0 0 5px;
	text-align: left;
}
		/*****************************************/
		/*=LATERAL                            */
		/*****************************************/
			#lateral{ width:147px; background:#2dcefa; float:right;}
			#buscador{width:147px; height:37px; background-image:url(imagenes/fondos/fondobuscador.gif)}
			form{padding:3px 0px 2px 5px; margin:0}
			#q{width:100px;}
			#enviar { height:25px; margin:4px 4px 5px 4px; width:25px; background-image:url(imagenes/cabecera/fondoenviar.gif)}
		/*****************************************/
		/*=calendario                            */
		/*****************************************/
		
		#boxcalendario{position:relative;
		z-index:1;top:0px;left:-12px}
		#boxcalendario .tabla {
		width: 146px;
		border-collapse:separate;
		border-spacing:2px;
		background: url(../imagenes/fondocalendario.png);
		font-size:9px;
		padding:1px;
		
		}
		
		#boxcalendario .encabezado {
		color:#fff;
		font-weight:bold;
		font-size:11px;
		text-align:center;
		padding:2px;
		}
		
		#boxcalendario .celdaDiaSemana {
		padding:1px;
		color:#fff;
		text-align:center;
		}
		
		#boxcalendario .diacita {
		font-weight:bold;
		}
		#boxcalendario .diacita:hover{background:#44567b; color:#FFFFFF}
		
		#boxcalendario .hoy {
		background:#eee;
		padding:1px;
		text-align:center;
		border:1px solid #ccc;
		}
		
		#boxcalendario .celda {
		background:#dcdfe6;
		padding:1px;
		text-align:center;
		border:1px solid #ccc;
		}
		
		#boxcalendario .celdacita {
		background:#dcdfe6;
		/*padding:2px;*/
		text-align:center;
		}
		#boxcalendario .celdacita a { color:#ff0000; text-decoration:none; padding:2px;text-align:center; width:20px}
		#boxcalendario .celdacita a:hover { background:#0963a9; color:#FFFFFF}
		#boxcalendario .celdacita a:visited { color:#ff0000; text-decoration:none}
		.mes{padding:1px; background: url(../imagenes/fondocalendario.png); color:#FFFFFF; float:left;position:relative; top:0; font-size:9px; z-index:100; border:0}
		.mes1{padding:1px; background: url(../imagenes/fondocalendario.png); color:#FFFFFF; float:right;position:relative; top:0; font-size:9px; z-index:100; border:0}

	/*****************************************/
	/*=PEU                            */
	/*****************************************/
		#peu{margin:0;clear:both; float:none}