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

/*-------------------------------------------------------------------------------
 * Website CSS
 * Author: Anna Pallerols anna@pallerols.cat
 * Created: March 2012
 * Notes: 
-------------------------------------------------------------------------------*/

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,
sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
	margin: 0;
   	padding: 0;
    border: 0 none;
  	outline: 0;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
}

html {  }
body { background:#e2e7d7 url(../images/interface/background_dotted.gif) repeat top left; margin-bottom:100px;  }
/*body { background-color:#e2e7d7; margin-bottom:100px;  }*/

a img, :link img, :visited img { border: 0; padding: 0; margin: 0; }
ol, ul { list-style: none; list-style-position: outside; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea { margin: 0; padding: 0 }
p, br { }
blockquote, q { quotes: none; }
strong, .bold { font-weight: bold; }
em { font-style: italic;}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.hide { display:none; }
.overflow { overflow:hidden; }
.inline { display:inline; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; font-style: normal; }

a { text-decoration: none; color: #48493e; }
a:hover { text-decoration: underline; color: #48493e; }
div#content a, div#content a:hover { color: #C75C25; }

/* Fonts
------------------------------------------------------------------------*/
body { font: 0.875em Georgia, Helvetica, Arial, serif; color: #48493e; line-height: 1.3em;  }
h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; color:#48493e; }
h1 { font-size: 2.57em; line-height: 1.05em; font-weight: normal; }
h2 { font-size: 1.28em; line-height: 1.2em; color:#C75C25; }
h3 { font-size: 0.875em; line-height: 1.2em; }
div#languages { font: 0.875em Helvetica, Arial, sans-serif; }
div.txt a.read_more { font: 0.875em Helvetica, Arial, sans-serif; } 
div#news_h p.date, div#news p.date { font-size:0.92em; }
div#footer { font: 0.875em Helvetica, Arial, sans-serif; color:#535c3a; }
div#footer a, div#footer a:hover { color:#535c3a; }
div#footer a:hover { text-decoration: underline; }

/* Layout
------------------------------------------------------------------------*/

div#wrapper { width:980px; margin: 0 auto; padding: 0 12px;  background:transparent url(../images/interface/background.png) repeat-y top center; }
div#wrapper div#main { width:956px; background-color:#FFF; padding: 0 12px; border-top: 7px solid #b25a35; }
div#main div#header { width:956px; }
div#main div#main_nav { width:956px; height: 36px; background-color:#48493e; }
div#main div#main_img { width:956px; margin:0; padding: 0; height: 299px; }
div#main div#main_content { padding-top:25px;  }
div#main_content div#subnav { width: 150px; margin-right: 20px; padding-left: 30px; }
div#main_content div#subnav_cat { width: 180px; margin-right: 20px; padding-left: 0;}
div#main_content div#content { width: 469px; margin: 0 30px 35px 0; padding:0 24px 0 12px; border-top: 2px solid #b25a35; }
div#main_content div#news_h { width: 469px; margin: 0 30px 35px 0; padding:0 24px 0 12px; border-top: 2px solid #b25a35; }
div#main_content div#news { width: 469px; margin: 0 0 35px 0; padding:0; }
div#wrapper div#sidebar_home { width: 408px; margin-right:13px; padding:25px 0; }
div#wrapper div#sidebar { width: 195px; margin-right:13px; padding:25px 0; }
div#wrapper div#footer { width:940px; background-color:#9ba975; margin: 50px 0 0 0; padding: 25px 20px 50px 20px; }

/* header
------------------------------------------------------------------------*/

div#header div#languages ul { margin-top: 74px; }
div#languages ul li { float: left; padding-right: 10px; }
div#languages ul li a:hover { color: #C75C25; text-decoration:none; }
div#languages ul li.active a { color: #C75C25; font-weight: bold; }

/* Navigation
------------------------------------------------------------------------*/

div#main_nav ul li { float:left; padding: 11px 0 6px 0; text-transform: uppercase; border-right: 1px solid #FFF;}
div#main_nav ul li a { padding: 3px 30px; color:#FFF; }
div#main_nav ul li a:hover { color:#FFF; }

div#main_nav ul li ul li a { color: #FFF; font-weight: normal; }
div#main_nav ul li ul li a:hover { color: #FFF; font-weight: bold; }

div#main_nav ul li:hover { background-color: #E2E7D7; }
div#main_nav ul li:hover a { color:#48493E; }
div#main_nav ul li:hover ul li a { color: #FFF; font-weight: normal; }
div#main_nav ul li:hover ul li a:hover { color: #FFF; font-weight: bold; }

div#main_nav ul li.active { font-weight: bold; background-color: #E2E7D7; border-right: 1px solid #E2E7D7;}
div#main_nav ul li.active a { background-color: none; color:#48493E; font-weight: bold; }
div#main_nav ul li.active ul li a { color: #FFF; font-weight: normal; }
div#main_nav ul li.active ul li a:hover { color: #FFF; font-weight: bold; }

/* subnav */

div#main_nav ul.sf-menu-level2 { border: none; }
div#main_nav ul li li { padding: 10px 0 7px 0; border-bottom: 1px solid #FFF; border-right: none;}
div#main_nav ul li li a { padding: 0 30px; color:#FFF; font-weight: normal; }
div#main_nav ul li li a:hover { color:#FFF; background-color:#9BA975; font-weight: bold; }

div#main_nav ul li li:hover { background-color:#9BA975; border-bottom: 1px solid #FFF; }
div#main_nav ul li li:hover a {color:#FFF; font-weight: normal; }

div#main_nav ul.sf-menu-level2 li.current a { font-weight:bold; }

div#main_nav a { font: 0.875em Helvetica, Arial, sans-serif; text-transform:uppercase; }
div#main_nav a:hover { text-decoration: none; }

div#subnav ul, div#subnav_cat ul { margin-top: 30px;}
div#subnav ul li, div#subnav_cat ul li { padding: 7px 5px 7px 20px; border-bottom: 1px solid white; }
div#subnav ul li a, div#subnav_cat li a { color: #C75C25;  }
div#subnav ul li a:hover, div#subnav_cat li a:hover { color: #C75C25; font-weight: bold; text-decoration:none;  }
div#subnav ul li.active a, div#subnav_cat li.active a { font-weight: bold;  }

div#subnav_cat ul#category { background-color: #f7eeea; margin-top: 0; padding: 10px 0 32px 0; border-top: 5px solid #B25A35; margin-bottom: 30px;}

/* Content
------------------------------------------------------------------------*/

div#content h1 { margin: 25px 0; }
div#content p { margin-bottom: 15px; }
div#content div.image { border-top: 1px solid #CECECC; margin: 35px 0; padding: 15px 0;}
div#content div.image img { padding-right: 15px;}

/* Notícies
------------------------------------------------------------------------*/
div#news_h h2 { margin: 25px 0 0 0; }
div#news_h ul { margin-bottom: 15px; }
div#news_h ul li { padding: 10px 0; border-bottom: 1px solid #cececc; }
div#news_h a, div#news_h a:hover { color: #c75c25; }

div#news ul li { padding: 10px 0; border-bottom: 1px solid #cececc; }
div#news p { margin-bottom: 0 }
div#news p.date { margin-bottom: 5px }
div#news p.titol { margin-bottom: 5px; font-weight: bold; }
div#news p.titol_n { margin-bottom: 5px; font-weight: normal; color: #C75C25 }
div#news a, div#news a:hover { color: #c75c25; }

/* Sidebar
------------------------------------------------------------------------*/

div#sidebar_home div.highlight, div#sidebar div.highlight { width:195px; border-top:5px solid #9ba975; background-color:#e2e7d7; }
div#sidebar_home div.highlight { height:245px;  }
div#sidebar div.highlight { height:100px; }
div.highlight { width:195px; border-top:5px solid #9ba975; }
.h_margin_right { margin-right: 18px; }
.h_row { margin-bottom: 18px; }
div.highlight div.img a:hover { background-image: url(../images/destacats/destacat_img_2_roll.jpg); }
div.highlight div.img a:hover img { visibility:hidden; }
div.highlight div.txt { padding: 10px; }
div.txt h3 { margin: 0 0 12px 0; }
div.txt h3 a:hover { text-decoration: none;}
div.txt a.read_more { background: transparent url(../images/interface/read_more.png) no-repeat center left; padding: 3px 0 0 20px; }

div#sidebar div#followus { margin-top: 40px; padding: 10px 0; border-top: 2px solid #B25A35; }
div#followus ul { margin-top: 10px; }
div#followus li { padding: 0 8px 0 0; float:left; }

/* Footer
------------------------------------------------------------------------*/
div#footer .left { width: 635px; padding-right: 100px; }
div#footer .right { width: 205px; text-align: left }

div#footer ul#delegacions { margin-top: 15px; }
ul#delegacions li { float: none; padding: 3px 0;  }
ul#delegacions li div.loc { float:left; text-transform: uppercase; width: 100px; font-weight: bold; }
ul#delegacions li div.address { }

div#footer ul#utilities { border-left: 1px solid #535c3a; padding-left: 25px; }
ul#utilities li { float: none; padding: 3px 0;  }
ul#utilities li.about, ul#utilities li.contact { font-weight: bold; }
ul#utilities li.about { padding-top: 10px;}
/* Forms
------------------------------------------------------------------------*/

form { }
fildset { }
legend { }
form p { }
label { }
input { }
textarea { } 
select { } 
button { }

/* ----------> Pagination <---------- */

div#pagination { margin: 20px 0; }
div#pagination a { padding: 4px 6px 2px 6px; background-color: #EDECEB; color:#75950D; margin: 0; }
div#pagination .active_link { font-weight: bold; color: #6F5E4F;  padding: 4px 6px 2px 6px; }
div#pagination .button_next a { background-color: #FFF; padding: 0; margin: 0 8px; }