@import "../_inc/reset.css";
html, body {margin:0; padding:0; font:normal 0.9em Arial, Helvetica, sans-serif; color:#000; background-color:#ccc} 

	/* colors base */
	.rosa, .rosa a, .rosa a:hover {color:#f09}
	.blau, .blau a, .blau a:hover {color:#09f}
	.verd, .verd a, .verd a:hover {color:#3c0} 
	
	.border-rosa {border-color:#f09}
	.border-blau {border-color:#09f}
	.border-verd {border-color:#3c0} 
	
	.bg-rosa {background-color:#f09}
	.bg-blau {background-color:#09f}
	.bg-verd {background-color:#3c0}
	
	a {color:#333; text-decoration:none}
	* a:hover {text-decoration:underline}
	p {margin:.4em 0 1.6em 0; line-height:1.6em}
	.c, #right .c {text-align:center}
	.r, #right .r {text-align:right}
	label {cursor:pointer}
	.txtArea {overflow:auto; margin:-10px 0 10px 0; height:60px; width:560px}
	.btn {float:right; margin:15px 0 15px 10px; padding:4px 10px; border:1px solid #ccc; background-color:#f3f3f3}
	input, textarea {border:1px solid #ddd; padding:3px; margin:2px 0; color:#333}

	.addUser {background:url(../_img/icons/user_gris.png) no-repeat 0 -1px; padding:0 0 0 20px}
	.sendPass {background:url(../_img/icons/mail_gris.png) no-repeat 0 0; padding:0 0 0 20px}
	.editUser {background:url(../_img/icons/edit_verd.png) no-repeat 0 -1px; padding:0 0 0 20px; font-size:90%; ; color:#777; line-height:2em}
	.logout {background:url(../_img/icons/close_verd.png) no-repeat 0 -1px; padding:0 0 0 20px; font-size:90%; color:#777; line-height:2em}


#warp {margin:0 auto; width:1000px; padding:0; background-color:#fff}	


#user-acces {display:block; position:absolute; margin-top:-40px; height:40px; line-height:40px; width:970px; text-align:right; padding:0 30px 0 0; background-color:#ccc; color:#555}
	#user-acces a {color:#555}
	#user-acces .btn { padding:2px 10px; margin:0 10px 0 0; float:none; border:1px solid #999}
	#user-acces input { border:1px solid #999; margin-right:5px}
	#user-acces a.user-access-cancel { background:url(../_img/icons/close.png) no-repeat center 0; padding-left:40px; text-decoration:none}

#head {height:285px; background-position:0 to; background-repeat:no-repeat}
	#head.img-1 {background-image:url(../_img/2010/bg_header1.png)}
	#head.img-2 {background-image:url(../_img/2010/bg_header2.png)}
	#head.img-3 {background-image:url(../_img/2010/bg_header3.png)}
	#head .logo {position:absolute; z-index:999; margin-left:42px}
	#head .banner {margin:35px 0 0 245px/*; top:55px*/}
	
	#head p {margin:0 25px 0 0; padding-top:10px; text-align:right; color:#ccc; font-size:.9em}
	#head p a {text-decoration:none; color:#999; padding:0 5px}
	#head p a:hover {text-decoration:underline; color:#000}
	#head .home { padding-left:20px; background:url(../_img/icons/home_clar.png) no-repeat 0 -1px}
	#head .contactar { padding-left:20px; background:url(../_img/icons/mail_clar.png) no-repeat 0 -1px}
	#head .user-acccess-btn { padding-left:20px; background:url(../_img/icons/users_clar.png) no-repeat 0 -1px}

	#menu {margin:35px 0 0 0; padding:0 0 0 240px; height:38px; line-height:38px; background:#444 url(../_img/bg_menu.gif) repeat-x 0 top}	

	#menu ul {list-style:none; margin-left:5px}
	#menu li {display:inline; margin:0; padding:0; position:relative}
	#menu a {display:block; margin:0; padding:0; float:left; text-decoration:none; background-image:url(../_img/menu_cat.png); background-repeat:no-repeat; cursor:pointer}
	#menu a span {display:block; background-image:url(../_img/menu_cat.png); background-repeat:no-repeat; text-indent:-9999px}

		#menu a.fed { width:118px; background-position:0 -1px}
		#menu a.fed span, #menu a.fed.active { background-position:0 -38px}
	
		#menu a.not { width:113px; background-position:-118px -1px}
		#menu a.not span { background-position:-118px -38px}
	
		#menu a.act { width:125px; background-position:-231px -1px}
		#menu a.act span { background-position:-231px -38px}
	
		#menu a.srv { width:102px; background-position:-356px -1px}
		#menu a.srv span { background-position:-356px -38px}
	
		#menu a.for { width:95px; background-position:-458px -1px}
		#menu a.for span { background-position:-458px -38px}
	
		#menu a.tre { width:97px; background-position:-553px -1px}
		#menu a.tre span { background-position:-553px -38px}
			
		#menu a.alb { width:79px; background-position:-650px -1px}
		#menu a.alb span { background-position:-650px -38px}

	#head ul.submenu {margin:10px 0 0 240px; display:none}
	#head ul.submenu li {display:inline; font-size:1.2em; padding:10px}



#main {margin:25px 0 0 0; float:left; padding:20px 15px 20px 40px; width:585px}
	#main h1 {margin:10px 0 0 0; font:bold 44px Arial, Helvetica, sans-serif; color:#fff; line-height:1em}
	#main h2 {margin:15px 0 25px 0; font:bold 26px Arial, Helvetica, sans-serif; color:#fff; line-height:1em}
	#main h2.alt {margin-bottom:5px}
	#main h3 {margin:50px 0 15px 0; font:normal 18px Arial, Helvetica, sans-serif; color:#555}
	#main p  {margin-right:10px; padding:0}
	#main ul {margin:0 10px 15px 40px}
	#main ul ul {margin:0 10px 15px 40px}
	#main ul li {margin:0 0 15px 0; padding:0 0 0 5px; line-height:1.5em; list-style:none; list-style-image:url(../_img/icons/bullet_gris.png)}
		#main ul.ico-verd li {list-style-image:url(../_img/icons/bullet_verd.png)}
		#main ul.ico-blau li {list-style-image:url(../_img/icons/bullet_blau.png)}
		#main ul.ico-rosa li {list-style-image:url(../_img/icons/bullet_rosa.png)}
	#main li.def, #main ul.def li {list-style:none; list-style-image:none}

	.navTop  {text-align:right}
	.navTop a {font-size:90%; color:#777; text-decoration:underline;}
	.navTop a:hover {color:#000; text-decoration:none}

	.fotoL {float:left; margin:0 15px 0 0; padding:0}
	.fotoR {float:right; margin:0 0 0 15px; padding:0}

	#fotoPresidenta {float:left; margin:-10px 15px 0 0; padding:12px 10px 1px 0; text-align:center}
	#fotoPresidenta p {font-size:.85em; color:#777; margin:0 0 0 0; padding:0; line-height:1.4em; text-align:center}
	#fotoPresidenta strong {color:#333}
	
	p.entitats img {margin:0 15px}
	
	#main .frmContacte {line-height:2em; margin-top:7px}
	#main .frmContacte p {margin:0; padding:0}
	
	#map {margin-top:10px; width:575px; height:375px; border:1px solid #ccc}

	#main h2.newsList  {margin:40px 0 0 0}
	#main .newsThumb {float:left; margin:5px 25px 25px 0}
	#main .newsThumb img {border:none}
	
	#main .calendariHead {margin-top:20px; width:98%; border:0}
	#main .calendariHead td {width:50%; font-size:1.25em; vertical-align:middle}
	#main .calendariHead td.r {text-align:right; vertical-align:top; font-size:1em}
	#main .calendariHead td a:hover {text-decoration:underline}

	#main .calendari {margin:25px auto; border-top:1px solid #ccc; border-right:1px solid #ccc}
	#main .calendari th {padding:4px 0 4px 0 ; font-size:125%; color:#fff; text-align:center; background-color:#ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc}
	#main .calendari td {color:#999; border-bottom:1px solid #ccc; border-left:1px solid #ccc; padding:7px 7px 23px 37px; font-size:1.6em; text-align:right}
	#main .calendari .info {color:#fff; font-weight:bold; cursor:pointer}
	#main .calendari .info a {position:relative; z-index:24; text-decoration:none; color:#fff; background-image:none; padding:0}
	#main .calendari .info a:hover {z-index:25; text-decoration:underline; color:#000}
	#main .calendari .info a span {display:none}
	#main .calendari .info a:hover span, #main .info:hover a span {text-decoration:none; white-space:nowrap; text-align:left; font-size:.6em; font-weight:normal; color:#111; 
	display:block; position:absolute; padding:6px; border:1px solid #777; background-color:#ddd; top:4px; left:20px}

	.message {width:98%; border:none; height:100px}
	.message td {text-align:center; vertical-align:middle}
	.message td.error {font-weight:bold; color:#f00}
	#main .message td.error a{color:#f00}
	#main .message td.error a:hover {color:#f00; text-decoration:none}

	.tForm {border:none; margin:0 auto; border-collapse:collapse}
	.tForm td {padding:0 5px 10px 0; vertical-align:top}
	.tForm .radio {border:none}
	.tForm .tdLabel {text-align:right; padding-top:5px}
	.tForm .tdInput {/*padding-top:2px*/}
	.tForm .note, .note {font-size:90%; color:#555; line-height:2em}

	/*album fotos*/
	.thumb {margin:10px 25px 10px 0; padding:1px; border:1px solid #f1f1f1}
	.thumb.last {margin-right:0}

	/*Fòrum de debat */
	table#forum {margin:-20px 0 20px 0; width:99%}
	#forum th {height:20px; text-align:center; background-color:#f5f5f5}
	#forum th.l {text-align:left}
	#forum th.data-actv {min-width:125px}
	#forum tr.alternate td {background:#f5f5f5; border-bottom:1px dotted #ccc}
	#forum td {vertical-align:middle; padding:25px 10px; border-bottom:1px dotted #ccc; line-height:1.6em}
	#forum td.data, #forum td.replies {font-size:90%; letter-spacing:.1em; text-align:center; text-transform:none; background-image:none}
	#forum a:hover {text-decoration:underline}
	#forum span.user {letter-spacing:0.075em; color:#777; padding-left:20px; background:url(../_img/forum/user.png) no-repeat 0 0; height:26px}
	#forum p.action {text-align:right; margin:10px 0 -5px 0; font-size:90%; letter-spacing:.1em; height:20px; color:#777}
	#forum p.edited {font-size:90%; letter-spacing:.1em; color:#777}
	#forum td.ico { background:url(../_img/forum/folder_page.gif) no-repeat 5px 25px}
	#forum .alternate td.ico {background:#f5f5f5 url(../_img/forum/folder_page.gif) no-repeat 5px 25px}
		#forum td.rosa {background:url(../_img/forum/replies_rosa.gif) no-repeat 0 25px}
		#forum td.blau {background:url(../_img/forum/replies_blau.gif) no-repeat 0 25px}
		#forum td.verd {background:url(../_img/forum/replies_verd.gif) no-repeat 0 25px}

	#forum .reply {padding-left:20px; background:url(../_img/icons/news_verd.png) no-repeat 0 -2px}
	#forum .edit {padding-left:20px; background:url(../_img/icons/edit_verd.png) no-repeat 0 0}
	#forum .delete {padding-left:20px; background:url(../_img/forum/delete_topic.gif) no-repeat 0 -2px}
	#forum .cancel {padding-left:20px; background:url(../_img/forum/folder_delete.gif) no-repeat 0 -2px}
	#forum img {margin-left:4px}

	form#forumPost {margin-top:10px}
	#forumPost .msgTitle {margin:10px 0 10px 0 ; width:560px; font:normal 100% Arial, Helvetica, sans-serif; padding:4px}
	#forumPost .msgTextarea {margin:10px 0 10px 0 ; width:560px; height:150px; overflow:auto; font:normal 100% Arial, Helvetica, sans-serif; padding:4px}

	#pagination { color:#777; text-align:center; margin:40px 25px 0 25px; padding:25px 0}
	#pagination strong {padding:8px 15px; font-weight:normal; color:#333}
	#pagination a {color:#777; text-decoration:none; padding:18px 0}
	#pagination a:hover {text-decoration:underline; color:#333}
	#pagination a.next {}
	#pagination a.prev {}

	#pagination a.nPag {padding:8px 10px}
	#pagination a.nPag:hover {text-decoration:none; color:#fff; background-color:#000}

#right {float:right; padding:10px 25px 0 15px; width:300px}
	#right h1 {margin:0; padding:0; font:normal 1.25em Arial, Helvetica, sans-serif; color:#fff; line-height:28px; height:30px}
	#right p {margin:5px 0 5px 0; padding:6px 0 10px 0; text-align:left; line-height:18px; color:#333}
	#right .box {margin:15px 0 25px 0; border-style:solid; border-width:1px}
	#right .box h1 {color:#fff; padding:4px 0 0 10px}

	.data {color:#777; font-size:85%; padding-top:4px; text-transform:uppercase; letter-spacing:.1em}
	.news {padding-left:20px; background:url(../_img/icons/news.png) no-repeat 0 0}
	.replies {padding-left:20px; background:url(../_img/forum/replies_blau.gif) no-repeat 0 2px}
	.no-replies {padding-left:20px; background:url(../_img/forum/folder_page.gif) no-repeat 0 2px}
	
	#flash-banner {margin:5px 0 20px 0}
		
	#right p.colaboradors {margin:10px 0 0 15px}	
	#right p.colaboradors a img {background:none}
	#right p.colaboradors img {padding:10px 0 5px 15px; border:0}	
	
	/* right tabs */
	ul#tabs {float:left; list-style:none; height:32px; border-bottom:1px solid #ccc; width:299px; margin:0; padding:0}
		#right #tabs.border-rosa {border-bottom:1px solid #f09}
		#right #tabs.border-blau {border-bottom:1px solid #09f}
		#right #tabs.border-verd {border-bottom:1px solid #3c0}
	ul#tabs li {float:left; text-align:center; /*width:89px;*/ height:31px; line-height:31px; border-right:1px solid #fff; border-left:1px solid #fff; border-botttom:1px solid #ccc; background:#f3f3f3; overflow:hidden; position:relative; margin:0 0 -1px; padding:0}
    ul#tabs li a {text-decoration:none; display:block; outline:none; padding:0 10px; font-size:1.25em}
    #right ul#tabs li a:hover {text-decoration:underline}
    html ul#tabs li.active {background:#fff; border:1px solid #ccc; border-bottom:1px solid #fff; margin-right:1px}
	    #right #tabs li a.rosa {width:102px}
	    #right #tabs li a.blau {width:55px}
	    #right #tabs li a.verd {width:75px}

		#right #tabs li.active.rosa {border:1px solid #f09; border-bottom:1px solid #fff}
	    #right #tabs li.active.blau {border:1px solid #09f; border-bottom:1px solid #fff}
	    #right #tabs li.active.verd {border:1px solid #3c0; border-bottom:1px solid #fff}
	html ul#tabs li.active:hover {}
    
    #tab-container {margin-bottom:20px; border:1px solid #ccc;; clear:both; float:left; width:296px; background:#fff}
	    #right #tab-container.rosa {border:1px solid #f09; border-top:none}
	    #right #tab-container.blau {border:1px solid #09f; border-top:none}
	    #right #tab-container.verd {border:1px solid #3c0; border-top:none}

    .tab-content {padding:10px 15px 5px 15px}
	/*.tab-content p {color:#333}*/
		.tab-content.blau p.text {border-bottom:1px dotted #09f}
		.tab-content.verd p.text {border-bottom:1px dotted #3c0}


#footer {/*clear:both;*/ margin:0 auto; padding-top:75px; width:1000px; height:265px; background:#ccc url(../_img/2010/bg_footer.png) no-repeat center top; color:#555}
	#footer a{text-decoration:underline; color:#555}
	#footer a:hover {text-decoration:none; color:#111}

	#footer h1 {margin:0; padding:0; font:bold 24px Arial, Helvetica, sans-serif; color:#777; line-height:1em}
	#footer table {margin:15px 0 85px 65px; width:590px}
	#footer td {padding:0; width:45%; line-height:1.5em}
	#footer td.last {border-left:1px dotted #555; padding-left:35px; width:55%}

	#footer p {margin:0; padding:0; color:#999}
	#footer p a {color:#999; text-decoration:none}
	#footer p.info {float:right; margin:-22px 370px 0 0; text-align:right}