body {margin:10px 0 0 0; padding:0; background-color:#fff; background:url(../_img/bg_body.gif) repeat-x 0 top;
font:normal 75%/100% "Lucida Sans", Arial, Helvetica, sans-serif ; color:#222; text-align:left; }
a {color:#CC3366}
a:hover {color:#000; text-decoration:none}

#header {background:url(../_img/bg_main_header.gif) no-repeat right top; height:97px; text-align:right; vertical-align:top; color:#555}
	#header p { margin:0; padding:10px 10px 0 0}
	#header a{ padding-left:16px; color:#555; text-decoration:none; font-size:95%}
	#header a:hover{ padding-left:16px; color:#9c2049; text-decoration:underline}
	#header a.portada{ background:url(../_img/ico_home.gif) no-repeat 2px 2px; }
	#header a.contactar{ background:url(../_img/ico_contact.gif) no-repeat 2px 2px; }
	#header a:hover.portada { background:url(../_img/ico_home_over.gif) no-repeat 2px 2px; }
	#header a:hover.contactar { background:url(../_img/ico_contact_over.gif) no-repeat 2px 2px; }

	#titolquienessomos {background:url(../_img/head_quienes_somos.jpg) no-repeat right top; height:87px}
	#titoltrabajamos {background:url(../_img/head_como_trabajamos.jpg) no-repeat right top; height:87px}
	#titoleventos {background:url(../_img/head_tipo_eventos.jpg) no-repeat right top; height:87px}
	#titolpresupuesto {background:url(../_img/head_presupuesto.jpg) no-repeat right top; height:87px}
	#titolcontactar {background:url(../_img/head_contactar.jpg) no-repeat right top; height:87px}

#leftNav {}
	#leftNav a { color:#9c2049; text-decoration:none; display:block; padding:5px 1px 5px 1px; /*border:solid 1px red;*/ margin-bottom:-5px}
	#leftNav a:hover { color:#fff; text-decoration:none; background-color:#9c2049; padding:5px 1px 5px 1px}
	#leftNav p { line-height:1.5em}
	#leftNav a.mail:hover {color:#fff; text-decoration:none; padding:5px 1px 5px 1px}


#main { vertical-align:top; padding:10px 0 0 0}
	#main p { padding:0 0 0 14px; line-height:165%; text-align:justify}
	#main .center { text-align:center}
	#main ul { margin:0 0 0 7px padding:0 0 0 7px; line-height:150%; list-style:square}
	#main strong {color:#9c2049; }
	#main .nota {font:normal 90% "Lucida Sans", Arial, Helvetica, sans-serif ; color:#aaa; }
	#main .quoted { float:right; background-color:#ededed; margin:0 0 0 20px; padding:0 6px; border:solid 1px #ddd}
	#main .quoted p { padding:0; color:#444; line-height:140%}
	#main form { margin:0; padding:0; color:#555}
	#main input { margin:0; padding:0; border:solid 1px #fff; font:normal 100% "Lucida Sans", Arial, Helvetica, sans-serif ; color:#111}
	#main .input { margin:0; padding:0; border:0; border-bottom:solid 1px #ddd; font:normal 100% "Lucida Sans", Arial, Helvetica, sans-serif ; color:#111}
	#main .r { text-align:right}
	#main .button{ padding:1px 10px; margin:0; border:solid 1px #cbcbcb; font:normal 100% "Lucida Sans", Arial, Helvetica, sans-serif ; color:#111; cursor:pointer}
	#main .dot { padding:0; margin:0 3px 0 0; font:normal 100% "Lucida Sans", Arial, Helvetica, sans-serif ; color:red}

	/* tabs */
	#main .right {float:right; margin:0 0 0 18px; width:300px; height:320px}
	#main #map {width:300px; height:300px}
	#main .contactar { margin:0; padding:0 20px; background-color:#eee}
	#main .contactar p { padding:4px 0 6px 0; margin:0}
	#main .contactar .input { padding:2px}

	#tabs {margin:0; padding:0; list-style:none}
	#tabs li{ float:left; margin:0; padding:0; list-style:none;}
	#tabs li a {text-decoration:underline; color:#9c2049; padding:5px 10px; height:24px; line-height:24px}
	#tabs li a:hover {text-decoration:none; color:#000}
	#tabs a.active-tab { text-decoration:none; background-color:#eee; border-bottom:1px solid #eee; color:#222; font-weight:bold}

	.panel{clear:both; display:none; background:url(../_img/loading.gif) no-repeat center center}
	.panel.active-tab-body{display:block}


#footer { color:#444; margin-top:6px; padding-top:10px; border-top:2px solid #9c2049}
	#footer a { color:#444; text-decoration:underline}
	#footer a:hover { color:#9c2049; text-decoration:none}