/*-------------------------------------------------------------------------------
 * Website CSS - Any Joan Maragall 2010-2011
 * Author: Anna Pallerols anna@pallerols.cat
 * Created: Jan 10
 * 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,
strong, 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;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

html { background-color: #FFF; color: #4b3d3a; font: 100% Verdana, Helvetica, Arial, sans-serif; text-align: center; }
body { background-color: #FFF; text-align: left; width: 990px; margin: 0 auto; line-height: 16px; font-size: 16px; margin-top: 20px; }

img { border: 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 { font-weight: bold; color: #766A62; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; height: 0px; }
.hide { display:none; }
.ow { overflow: hidden; }

h1, h2, h3, h4, h5, h6 { font: 100% Georgia, Verdana, Helvetica, Arial; }
a { color: #4b3d3a; text-decoration: none; }
a:hover { color: #4b3d3a; text-decoration:underline; }
a:focus { outline: 1px dotted #eee; }
a:active { outline: 0px; }

div#content_info a { color: #BF8E0B; text-decoration: none; }
div#content_info a:hover { color: #BF8E0B; text-decoration: underline; }

/* ----------> Layout <---------- */
div#container { width: 940px; margin: 20px 0 0 0; padding-bottom: 70px; }
div#container div#header { width: 940px; padding: 20px 0 10px 0; }
div#header div#hleft { width: 300px; }
div#header div#hright { width: 640px; text-align: right; }
div#container div#maincontent{ width: 940px; }
div#maincontent div#mainnav { display:none; }
div#maincontent div#content { width: 940px; margin-right: 24px; border-top: 1px solid #c2bab3; padding-top: 16px;}
div#content div#content_info { font-size: 0.687em; }
.infomargin { margin-right: 20px; }
div#maincontent div#rightside { display:none; }
div#footer { width: 990px; background-color:#FFF; font-size: 0.625em; color: #645752; padding-bottom: 40px; padding-top: 16px; }

/* ----------> <---------- */
div#hright div#hright_top { padding-bottom: 54px; width: 640px; }
div#hright_top div#search { display:none  }
div#hright_top div#lang { display:none }
div#hright div#hright_bottom { overflow: hidden; width: 640px; }
div#hright_bottom ul li { float:right; padding-left: 5px; }

/* ----------> Language <---------- */
div#lang ul li { float: right; padding-left: 7px; padding-top: 9px; }
div#lang ul li a { color: #766761 }
div#lang ul li.active a { color: #BF8E0B }
div#lang ul li.active a:hover { text-decoration: none }

/* ----------> Breadcrumbs <---------- */
div#content div#breadcrumbs { display: none; }

/* ----------> Titles <---------- */
div#content div#title { padding-bottom: 15px; }
div#title h2 { font-size: 1.125em; color: #bf8e0b; margin: 15px 0 8px 0; }
div#title h2 a, div#title h2 a:hover { color: #bf8e0b; text-decoration: none; }
div#title h3 { font-size: 1em; border-bottom: 1px solid #f2f1ee; padding-bottom: 5px; margin-bottom: 14px; }
div#title h3 a, div#title h3 a:hover { color:#4b3d3a; text-decoration: none; }
div#title h2.main { font-size: 1.125em; color: #bf8e0b; border-bottom: 1px solid #f2f1ee; padding-bottom: 5px; margin: 15px 0 14px 0; }
div#title h2.rss { background: transparent url(icons/rss_color.gif) no-repeat center right; }
div#content div#subtitle { padding-bottom: 5px; margin-bottom: 14px; border-bottom: 1px solid #f2f1ee; }
div#subtitle div#subtitle_main h3 { font-size: 1em; padding-bottom: 5px; margin-bottom: 14px; display: inline; }
div#subtitle div#subtitle_op h4 { font-size: 0.875em; padding-bottom: 5px; margin-bottom: 14px; display: inline; }
div#subtitle_op h4 a { padding-left: 20px; }
div#subtitle_op h4 a.active { color: #BF8E0B; padding-left: 20px; }

/* ----------> Highlights <---------- */
div#content div#highlights { width: 549px; border-top: 1px solid #f2f1ee; padding-top: 16px; }
div#content div#highlights_list { width: 549px; padding: 0; border: none;}
div#highlights, div#highlights_list { width: 549px; border-top: 1px solid #f2f1ee; }
div#highlights div.hl1 { width: 173px; margin-right: 15px; padding-bottom: 10px; border-bottom: 1px solid #f2f1ee; }
div#highlights div.hl2 { width: 173px; margin-right: 15px; padding-bottom: 10px; border-bottom: 1px solid #f2f1ee; }
div#highlights div.hl3 { width: 173px; padding-bottom: 10px; border-bottom: 1px solid #f2f1ee; }
div#highlights_list div.highlights_row { margin-bottom: 32px; }
div#highlights_list div.hl1 { width: 173px; margin-right: 15px; padding-bottom: 10px; border-bottom: 1px solid #f2f1ee; }
div#highlights_list div.hl2 { width: 173px; margin-right: 15px; padding-bottom: 10px; border-bottom: 1px solid #f2f1ee; }
div#highlights_list div.hl3 { width: 173px; padding-bottom: 10px; border-bottom: 1px solid #f2f1ee; }
div.hl1 div.cat, div.hl2 div.cat, div.hl3 div.cat { margin-top: 10px; font-size: 0.625em; color:#766761; }
div.cat a { color:#766761; }
div.hl1 h2.title, div.hl2 h2.title, div.hl3 h2.title { padding-bottom: 2px;  }
div.hl1 h2.titlelist, div.hl2 h2.titlelist, div.hl3 h2.titlelist { font-size: 0.875em; padding-bottom: 2px; line-height: 1.375em; }
div.hl1 div.date, div.hl2 div.date, div.hl3 div.date { font-size: 0.625em; color:#766761; line-height: 1.312em; }
div.hl1 div.info, div.hl2 div.info, div.hl3 div.info { font-size: 0.687em; padding: 8px 0; }
div.hl1 div.link a, div.hl2 div.link a, div.hl3 div.link a { font-size: 0.625em; color: #BF8E0B; }

/* ----------> Highlights Content <---------- */
div#content div#hl_content { width: 549px; margin-top: 20px; }
div#content div#hl_content_list { width: 529px; padding-right: 20px; margin-top: 0; }

/* ----------> Highlights Program <---------- */
div#hl_content div#hl_program { width: 361px; margin-right: 15px; }
div#hl_content_list div#hl_program_list { width: 529px; }
div#hl_program div.hl_program_item, div#hl_program_list div.hl_program_item { border-bottom: 1px solid #f2f1ee; padding-bottom: 10px; margin-bottom: 10px; }
div.hl_program_item div.cat { font-size: 0.625em; padding-bottom: 3px; }
div.hl_program_item div.cat_inf { font-size: 0.625em; padding-top: 3px; }
div#hl_program_list div.hl_program_item div.cat { font-size: 0.625em; padding-bottom: 3px; color:#766761; }
div.hl_program_item div.cat a, div.hl_program_item div.cat_inf a { color:#766761; }
div.hl_program_item h2.title { font-size: 0.875em; line-height: 1.375em; }
div.hl_program_item div.date { font-size: 0.625em; color:#766761; padding-top: 3px; line-height: 1.312em; }
div.hl_program_item div.info { font-size: 0.687em; padding: 8px 0; }
div.hl_program_item div.link { font-size: 0.625em; color: #BF8E0B; }
div.hl_program_item div.link a { color: #BF8E0B; }

/* ----------> Highlights Utilities <---------- */
div#hl_content div#hl_utilities{ width: 173px; }
div#mainnav div#hl_utilities{ width: 153px; margin-top: 40px; border-bottom: 1px solid #f2f1ee; padding-bottom: 18px; }
div#hl_utilities div#hl { margin-top: 16px; padding: 16px 0; border-top: 1px solid #f2f1ee; border-bottom: 1px solid #f2f1ee; }

/* ----------> Content_info structure <---------- */
div#content_info div#content_infotxt { width: 707px; margin-right: 60px; }
div#content_info div#content_infoimg { width: 173px; }
div#content_info ul.links { margin: 0; border-bottom: 1px solid #f2f1ee; border-top: 1px solid #f2f1ee; padding: 10px 0; }
div#content_info ul.links_program { margin: 15px 0; border-bottom: 1px solid #f2f1ee; border-top: 1px solid #f2f1ee; padding: 16px 0; width: 356px; }
div#content_info ul.links li.title, div#content_info ul.links_program li.title { font-weight: bold; color: #766A62; padding-bottom: 5px; }
div#content_info ul.links li, div#content_info ul.links_program li { padding: 0; }
div#content_info dl { float: left; overflow: hidden; border-bottom: 1px solid #f2f1ee; padding: 10px 0; width: 529px; }
div#content_info dl dt { float:left; font-weight: bold; color: #766A62; width: 60px; }
div#content_info dl dd { width: 469px; float: right; }
div#content_info dl dd.title { font-family: Georgia, Verdana, Helvetica, Arial; font-size: 1.18em; padding-bottom: 5px;}
div#content_info dl dd.title a { color: #4b3d3a; }
div#content_info dl dd.linka { color: #766761; }
div#content_info dl dd.linka a { color: #766761; }
div#content_infotxt h5 { font-size: 1.18em; font-weight: bold; margin-bottom: 5px; line-height: 1.375em; }
div#content_infotxt div.cat { color: #766761; font-size: 0.90em; margin-bottom: 20px; }
div#content_infotxt p.print { background: transparent url(icons/print.gif) scroll no-repeat center left; padding-left: 20px; margin-top: 20px; }
div#content_infotxt p.print a { color: #766761; text-decoration: none; }

div#content_infoimg div.divisor { border-bottom: 1px solid #f2f1ee; padding-bottom: 16px; }
div#content_infoimg div.margin { margin-top: 16px; }
div#content_infoimg div#gallery { width: 173px; border-top: 1px solid #f2f1ee; padding-top: 16px; }
div#gallery p { color: #766761; margin: 10px 0 5px 0; font-size: 0.90em; }
div#content_infoimg div#video { width: 173px; border-top: 1px solid #f2f1ee; padding-top: 16px;  }
div#content_infoimg div#downloads { width: 173px; border-top: 1px solid #f2f1ee; padding-top: 16px; }
div#downloads ul.downloads li.pdf { background: transparent url(icons/pdf.gif) scroll no-repeat center left; padding: 2px 0 2px 20px; }
div#downloads ul.downloads li.title { font-weight: bold; color: #766A62; }

/* ----------> Llistat <---------- */
div#content_info ul.program { padding: 10px 0; }
div#content_info ul li { padding: 8px 0; }
div#content_info ul li.first { padding: 0 0 8px 0; }
div#content_info ul li.program { padding: 1px 0; }
div#content_info ul li.title { padding: 0 0 5px 0; }

/* ----------> Agenda <---------- */
div#content div#agenda { border-bottom: 1px solid #f2f1ee; width: 529px; margin-bottom: 30px; padding-bottom: 16px; font-size: 0.687em; }
div#agenda form { width: 529px; }
div#agenda form p { margin-right: 20px; }
div#agenda form p.button { margin-right: 40px; }
div#agenda form label { width: 50px; float:left; }
div#agenda form input { width: 100px; }
div#agenda form select { border: 1px solid #C2BAB3; }
div#agenda form button { background-color: #f2f1ee; border: 1px solid #f2f1ee; padding: 2px 5px; margin-right: 20px; font-family: Verdana,Helvetica,Arial,sans-serif; }

/* ----------> Footer <---------- */
div#footer div#foot1 { width: 495px; color: #8a7b75; }
div#footer div#foot2 { display:none }
div#foot1 ul li { float:left; padding-right: 10px;}
div#foot1 ul li a, li a:hover { color: #8a7b75;}
div#foot2 ul li { float:right; padding-top: 5px; }
div#foot2 li.txt { margin: 10px 10px 0 0; }