@charset "utf-8";
/* CSS Document */

@import url("css_reset.css");
@import url("header.css");
@import url("footer.css");
@import url("css_icons.css");

a{text-decoration:none;}
body{font-family:Verdana; font-size:0.8em; margin-bottom:10px;}

.wrap{width:974px; margin:0 auto;}
#contingut{width:974px; margin:0 auto;margin-top:10px; min-height:350px;height:auto !important;height:350px;}


/* hacks varios, adivinen para q browser... */
html, body, #contenedor {
    min-height: 100%; /* alto minimom FF y Safari */
    width: 100%;
    height: 100%; /* alto minimo para IE Windows */
    margin: 0;
    padding: 0;
}

html>body #contenedor {
    height: auto; /* con este hack escondemos el min-height de IE*/
}
/* fin hacks varios */

#contenedor {
    position: absolute;
    top: 0;
    left: 0;
}



#sidebar-left{float:left; width:190px;}
	#sidebar-left h1{ font-family:Verdana; font-weight:normal; text-align:right; font-size:22px; color:#80AB80; padding-right:10px;}
	
#content{float:left; width:484px;}
	#content h1{ font-family:verdana; font-weight:normal; text-align:left; margin-bottom:20px; font-size:22px; color:#005A00; padding-right:10px;}
	#content h2{ font-family:verdana; font-weight:normal; text-align:left; margin-bottom:20px; font-size:20px; color:#81AB7D; padding-right:10px;}
	#content h3{ font-family:verdana; font-weight:bold; text-align:left; margin-bottom:20px; font-size:14px; color:#81AB7D; padding-right:10px;}
	#content p{color:#363636; font-family:verdana; font-size:11px; line-height:15px; margin-bottom:20px; text-align:justify;}
	#content img{margin:10px 0; border:1px solid #6792E0; padding:4px;}
	#content span{color:#1A741A; font-weight:bold;}
	#content .titulo{color:#1A741A; font-weight:normal;}
	
	#content ul{margin-bottom:10px; background-image:url(../img/detalle_menu_actividades.png); height:26px; background-position:bottom; background-repeat:no-repeat; text-align:left;}
	#content li{display:inline;font-family:Verdana; font-size:11px;}
	#content li a{color:#1D67CA;}
	#content li a:hover{background-color:#ADC5EB;}
	#content li.actiu{background-color:#BFD8FF;}
	
#sidebar-right1{float:right; width:240px; margin-top:40px; padding-left:20px; }

#sidebar-right{float:right; width:240px; min-height:350px;height:auto !important;height:350px; margin-top:40px; padding-left:20px; background-image:url(../img/detall_sidebar.png); background-repeat:no-repeat; background-position:0px 0px;}
	#sidebar-right ul{font-family:Verdana; font-size:11px; min-height:250px; height:auto !important; height:250px;}
	#sidebar-right li{border-bottom:1px solid #ccc;display:block; }
	#sidebar-right li a{color:#336fd4;display:block;padding-bottom:6px; padding-top:6px;}
	#sidebar-right li a:hover{background-color:#EAF1F9;}
	#sidebar-right .actiu{background-color:#EFF7FF;}
/*
#sidebar-right{float:right; width:240px; border-left:1px solid #B5B5B5;margin-top:40px; padding-left:20px; }
	#sidebar-right ul{font-family:Verdana; font-size:11px; min-height:250px; height:auto !important; height:250px; margin-bottom:10px;}
	#sidebar-right li a{color:#96B6E5;border-bottom:1px solid #ccc; padding-bottom:6px; padding-top:6px; display:block;}
	#sidebar-right li a:hover{background-color:#EAF1F9;}
	#sidebar-right li.actiu{background-color:#EFF7FF;}*/

#slogan{font-family:Verdana;font-weight:normal; width:80%; text-align:right; color:#b7b7b7; font-size:14px; margin-top:20px; margin-bottom:30px;}
	#slogan h1{ font-size:16px; margin-bottom:10px; font-weight:bold;text-align:right;}

input.formulari{border:1px solid #ccc;  margin-top:4px; margin-bottom:10px; background-color:#C3D4F0; font-family:Verdana; font-size:11px; padding:2px 0;}
textarea.formulari{border:1px solid #ccc;  margin-top:4px; margin-bottom:10px; background-color:#C3D4F0; font-family:Verdana; font-size:11px;}
input.botoformulari {border:none; background-color:#FFFFFF; font-family:Verdana; font-size:11px; color:#777777;}