* {min-height:1px;}

body {border:0; margin:0; padding:0; 
background:#FFFFFF url("../imatges/bg.gif") 0 0 repeat-x; 
font:70%/160% "verdana",sans-serif; color:#192666; 
_text-align:center;}

a {color:#507A47;}
a:hover {color:#192666;}

p {border:0; margin:15px 0; padding:0;}

div {display:block; border:0; margin:0; padding:0;}

h1, h2, h3, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h1 {font-size:220%; line-height:100%; font-family:"verdana",serif; font-weight:normal;}
h2 {font-size:180%; line-height:100%; font-family:"verdana",serif; font-weight:normal;}
h3 {font-size:120%; line-height:100%; font-weight:bold;}
h4 {font-size:120%;}
h5 {font-size:100%;}

table {display:table; border-collapse:collapse; margin:5px 0; padding:0; border:1px solid #A7BCA3; font-size:100%;}
tr {display:table-row;}
th, td {display: table-cell; border:1px solid #A7BCA3; margin:0; padding:5px; vertical-align:top; }
th {background:#517A48; text-align:center; color:#FFFFFF; font-weight:bold;}

ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0; _height:1px;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}

dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}

form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}

hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}

a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}

del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

.va-middle {vertical-align:middle;}

.clear {clear:both;}
.box {min-height:1px; _height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}

.nom {margin:0;}
.noscreen {display:none;}

.desplegables{
height:16px; 
border: 1px solid #71A764;
font:95% "verdana",sans-serif; 
color:#192666; 
}

/* -----------------...........--------------------------------------------------------------------------------------- */

#main {width:770px; margin:50px auto 0 auto; _text-align:left;}

/* Header */
#header {position:relative; width:770px; height:200px; margin:0; padding:0; 
background:url("../imatges/header.jpg") 0 0 no-repeat; color:#FFF;}

    /* Header - logo */
    #header #logo {position:absolute; top:5px; left:12px; margin:0;}

    #header #logo a {color:#FFF; text-decoration:none;}
    #header #logo a:hover {color:#FFF; text-decoration:underline;}

    /* Header - logo */
    #header #logo2 {position:absolute; top:10px; left:650px; margin:0;}

    #header #logo2 a {color:#FFF;text-decoration:none;}
    #header #logo2 a:hover {color:#FFF; text-decoration:underline;}

/* Main menu (tabs) */
#tabs {background:#71A764; margin:0 0px; padding:8px 0 0 0; height:33px;}

    #tabs ul {margin:0 0 0 15px; padding:0; list-style:none;}
    #tabs ul li {margin:0 8px 0 0; padding:0; float:left;}
    #tabs ul li a {display:block; position:relative; padding:8px 9px; border:0; background:url("../imatges/tab_link.gif") 0 0 repeat-x; color:#FFFFFF; font-weight:bold; text-decoration:none; cursor:pointer;}
    
    /* Main menu (tabs - hover) */
    #tabs ul li a:hover {background:url("../imatges/tab_hover.gif") 0 0 repeat-x; color:#507A47;}
    
    /* Main menu (tabs - active) */
    #tabs ul li#active a {background:#FFF; color:#507A47;}

/* Page (2 columns) */
/*#page {width:770px; min-height:1px; background:#FFF url("../imatges/bg_page.gif") 0 0 repeat-y; _height:1px;}
#page-in {min-height:1px; padding:10px 0; background:url("../imatges/bg_page_in.jpg") 0 0 no-repeat; _height:1px;}*/
#page {width:770px; min-height:1px; background:#FFF url("../imatges/bg_page.gif") 0 0 repeat-y; _height:1px;}
#page-in {min-height:1px; padding:10px 0;}


/* Strip */
#strip {position:relative; padding:0px 20px 0px 25px; color:#192666;}
#strip p {margin:0; color:#192666;}
#strip a {color:#6182D1;}
#strip a:hover {color:#192666;}

    /* Strip - breadcrumbs */
    #strip #breadcrumbs {width:520px; margin:0; padding:0;}
    

/* Content */

#calendari {float:left; width:750px;  margin:0; padding:0 0 0 20px;}
#calendari h3 {color:#FFFFFF;}
#calendari h3 a {color:#FFFFFF;}
#calendari h3 a:hover {color:#99CC99;}
#calendari .article {clear:both; margin:0 -10px ; padding:20px 50px 20px 20px; }
#calendari .article h3 {margin:0 -12px; padding:10px; background: url("../imatges/content_title_bg.gif") 0 0 repeat-y; color:#FFFFFF;}
#calendari .article h3 span {padding-left:5px;}
#calendari .tCalendari {float:left; margin-right:20px;} 
#calendari .tCalendari th { padding:2px; text-align:center; font-weight:bold;}
#calendari .tCalendari td { padding:2px; text-align:center; background-color:#FFFFFF; font-weight:bold;}
#calendari .tCalendari .emptyDay { background-color:#FFFFFF; padding:2px; }
#calendari .tCalendari .busyDay { padding:2px; text-align:center; background-color:#71A764;}
#calendari .tCalendari .busyDay a { text-align:center; text-decoration:none; color:white;}
#calendari .article .caixes {border: 1px solid #71A764;font:95% "verdana",sans-serif; color:#192666; }
#calendari .article .boto {background-color:#507A47; color:#FFFFFF; margin-top:15px; margin-left:0px; width:80px; height:20px; border: 1px solid #000000;font:95% "verdana",sans-serif;  }
#calendari .article #blocAct { margin-top:20px;}
#calendari .article .titolAct {float:left; text-align:left; color:#517A48; font-weight:bold;}
#calendari .article .modalitat {float:right; width:100px; text-align:left; color:#517A48;}
#calendari .article .textAct { padding-left:15px;}


#contentFotos {float:left; width:650px;  margin:0; padding:0 0 0 20px;}
#contentFotos h3 {color:#FFFFFF;}
#contentFotos h3 a {color:#FFFFFF;}
#contentFotos h3 a:hover {color:#99CC99;}
#contentFotos .article {clear:both; margin:0 -10px ; padding:20px 50px 20px 20px; }
#contentFotos .article h3 {margin:0 -12px; padding:10px; background: url("../imatges/content_title_bg.gif") 0 0 repeat-y; color:#FFFFFF;}
#contentFotos .article h3 span {padding-left:5px;}

#content {float:left; width:521px;  margin:0; padding:0 0 0 20px;}
#content h3 {color:#FFFFFF;}
#content h3 a {color:#FFFFFF;}
#content h3 a:hover {color:#99CC99;}

    /* Content - article */
    #content .article {clear:both; margin:0 -10px ; padding:20px 50px 20px 20px; }
    #content .article h3 {margin:0 -12px; padding:10px; background: url("../imatges/content_title_bg.gif") 0 0 repeat-y; color:#FFFFFF;}
    #content .article h3 span {padding-left:5px;}
	#content .article .caixes {margin-bottom:5px; height:16px; border: 1px solid #71A764;font:95% "verdana",sans-serif; color:#192666; }
	#content .article .boto {background-color:#507A47; color:#FFFFFF; margin-top:15px; margin-left:0px; width:80px; height:20px; border: 1px solid #000000;font:95% "verdana",sans-serif;  }
	#content .article .botog {background-color:#507A47; color:#FFFFFF; margin-top:15px; margin-left:0px; width:140px; height:20px; border: 1px solid #000000;font:95% "verdana",sans-serif;  }
    #content .article p {text-align:justify;}
    #content .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #71A764;}
	#content .imgNoticia {margin:25px 0 25px 100px;}
	#content .peuNoticia {padding-bottom:20px; }
	#content .formulariAlta {margin-left:100px; margin-top:0px; padding:0;}
	#content .formulariTarVip {margin-left:50px; margin-top:0px; padding:0;}
	#content .dadesNoModificables {
	margin-left:100px; width:350px; margin-top:40px;margin-bottom:30px; padding:10px;
	border-bottom:1px solid #71A764;
	border-top:1px solid #71A764;}
    
    #content .info span.date, #content .info span.cat, #content .info span.user, #content .info span.comments {padding-left:15px;}
    #content .info span.date {background:url("../imatges/ico_date.gif") 0 50% no-repeat;}
    #content .info span.cat {background:url("../imatges/ico_cat.gif") 0 50% no-repeat; margin-left:8px;}
    #content .info span.user {background:url("../imatges/ico_user.gif") 0 50% no-repeat; margin-left:8px;}
    #content .info span.comments {background:url("../imatges/ico_comments.gif") 0 50% no-repeat; margin-left:8px;}

    /* Right column - Category */
    #content ul#category {margin:15px 0 0 0; padding:0; list-style:none; color:#FFFFFF;}
    #content ul#category li {margin:0; padding:0;}
    #content ul#category li a {display:block; padding:3px 0 3px 10px; text-decoration:none;}
    #content ul#category li a:hover {color:#192666;}
    #content ul#category li#category-active a {background:#FFFFFF ; font-weight:bold;}
	
	#content ul#category li#subcategory {background-color:#FFFFFF; margin-left:0px;  padding-left:18px; font-weight:normal;color:#192666;}
	#content ul#category li#subcategory-active a {background-color:#FFFFFF; margin-left:0px; padding-left:28px; font-weight:bold; }
	#content ul#category li#subcategory2 {background-color:#FFFFFF; margin-left:0px; padding-left:40px; font-weight:normal;}


    /* Right column - Category */
    #col ul#category {margin:15px 0 0 0; padding:0; list-style:none; color:#FFFFFF;}
    #col ul#category li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #col ul#category li a {display:block; padding:3px 0 3px 10px; text-decoration:none;}
    #col ul#category li a:hover {color:#192666;}
    #col ul#category li#category-active a {background:#FFFFFF ; font-weight:bold;}
	
	#col ul#category li#subcategory {background-color:#FFFFFF; margin-left:0px;  padding-left:18px; font-weight:normal;color:#192666;}
	#col ul#category li#subcategory-active a {background-color:#FFFFFF; margin-left:0px; padding-left:28px; font-weight:bold; }
	#col ul#category li#subcategory2 {background-color:#FFFFFF; margin-left:0px; padding-left:40px; font-weight:normal;}
    

/* Right column */
#col {float:left; width:190px; margin:0 0 0 9px; padding:0;}
#col-in {padding:20px 10px; }
#col h3 {padding:10px; margin:0 -10px 15px -10px; background: url("../imatges/col_title_bg.gif") 0 0 repeat-y; color:#FFFFFF;}

    /* Right column - About me */
    #col #socisInfo {margin-bottom:35px;line-height:130%;}
    #col #socisInfo p {margin:0;}
	#col #socisInfo .caixes {width:120px; height:16px; border: 1px solid #71A764;font:95% "verdana",sans-serif; color:#192666; }
	#col #socisInfo .boto {background-color:#507A47; color:#FFFFFF; margin-top:7px; margin-left:64px; width:60px; height:20px; border: 1px solid #000000;font:95% "verdana",sans-serif;  }


    /* Right column - Archive */
    #col ul#archive {margin:15px 0; padding:0; list-style:none;}
    #col ul#archive li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #col ul#archive li a {display:block; padding:3px 0 3px 22px; background:url("../imatges/ico_archive.gif") 5px 50% no-repeat; text-decoration:none;}
    #col ul#archive li a:hover {background-color:#D3DFF8; color:#192666;}
    #col ul#archive li#archive-active a {background:#E0E8FA url("../imatges/ico_archive2.gif") 5px 6px no-repeat; font-weight:bold;}
    
    /* Right column - Links */
    #col ul#links {margin:15px 0; padding:0; list-style:none;}
    #col ul#links li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
    #col ul#links li a {display:block; padding:3px 0 3px 22px; background:url("../imatges/ico_links.gif") 5px 6px no-repeat; text-decoration:none;}
    #col ul#links li a:hover {background-color:#D3DFF8; color:#192666;}

	/* Footer */
	#footer { text-align:center; background-color:#71A764;position:relative; clear:both; width:770px; height:60px; padding-top:10px; padding-bottom:10px; margin-bottom:50px;color:#FFFFFF;}
	#footer a {color:#FFFFFF;}
	#footer a:hover {color:#FFFFFF;}



    /* Footer - created by */
    #createdby {position:absolute; top:10px; left:562px; margin:0; color:#8CA3D8;}
    #createdby a {color:#8CA3D8;}


