html{ overflow: auto }

body{ font-family: verdana, sans-serif; font-size: 11px; color: #404040; line-height: 1.5em; background-color: #95d2e9; }
#container{ width: 1024px;  background-color: #95d2e9; margin-left: auto; margin-right: auto; }

#page{ width: 960px; background-color: white; margin-left: 32px; }

/*#header{ width: 100%; height: 85px; position: relative; background-color: #95d2e9; color: black; font-size: .9em }*/

#header{height: 85px; position: relative; background-image: url( images/header_new.gif ); background-repeat: no-repeat; background-position: top; color: black; font-size: .9em; background-color: #95d2e9; }

#sub_header_blanc{height: 15px; position: relative; background-repeat: no-repeat; background-position: top; background-color: #FFFFFF; }

#content{ width: 100%; position: relative;}
#footer{ width: 100%; height: 85px; background-color: #95d2e9; position: relative }

#footer object{ position: absolute; left: 5px; top: 8px }
#footer div.bodycopy{ position: absolute; right: 5px; top: 8px; text-align: right; padding: 5px }
h1, h2 { font-weight: bold; margin: 1em 0; color: #202020 }
h1{ font-size: 1.4em }
h2{ font-size: 1.2em }
a{ color: #404040; text-decoration: none; border-bottom: 1px dotted }
a:hover{ color: black; border: none }
p{ text-align: left }
b{ font-weight: bold }

#header p.login{ position: absolute; right: 1em; top: 4px; text-align: right }
#header p.date{ position: absolute; right: 1em; bottom: 20px }
/*#header #clover{ width: 314px; height: 42px; position: absolute; left: 50%; margin-left: -157px; bottom: 18px; background-image: url( images/clover1.gif ); background-repeat: no-repeat; }*/

td{ vertical-align: top }
td.home_left{ width: 165px; padding-left: 10px }
td.home_right{ width: 565px; height: 250px; margin: 10px; position: relative }

#main_column{ width: 100% }

div.right{ text-align: right }

ul.categories{ margin: 15px 0 0 20px }
ul.categories li{ display: block }

ul.categories li.category h1{ margin: 1em 0 0 0 }
ul.subcategories li{ float:none; }
ul.categories li h1, ul.categories li h1 span { background-repeat: no-repeat; font-size: 1.4em; font-weight: bold; height: 30px }
ul.categories li h1 a { font-weight: bold }
ul.categories li a{ color: #808080 }
ul.categories li h1 span{ display: block; height: 33.2px; width: 130px; background-image: url( images/nav_ca_4.gif ); background-repeat: no-repeat; background-position: 0 0 }
#agenda, #agenda span{ background-position: 0 -2.2px } 
#activities, #activities span{ background-position: 0 -35.2px }
#outdoor, #outdoor span{ background-position: 0 -68.6px } 
#places, #places span{ background-position: 0 -101px } 
#shop, #shop span{ background-position: 0 -135px }


.breakafter{ clear:both }

div.banner { margin-bottom: 4px }
div.banner a{ border: none }
div.horizontal{ width: 200px; height: 40px }
div.vertical{ margin-top: 10px }
#content h1{ font-weight: bold }

#layout { width: 100%; background-repeat: no-repeat; background-position: bottom right }
#layout td.left, #layout td.right, #layout td.middle{ vertical-align: top }
#layout td.left, #layout td.right { position: relative; padding: 0px 10px 10px 10px }
#layout td.left { width: 150px; padding-top: 50px }
#layout td.right{ width: 150px }
/*#layout td.middle{ position: relative; padding: 0 0 0 20px; width: 580px; display: block; min-width: 580px }*/
#layout td.middle{ position: relative; padding: 50px 0 0 20px; width: 580px; display: block; min-width: 580px }
#layout td div.block{ margin-bottom: 1em; display: block }
#layout td div.block img{ text-align: center; display: block; margin: auto }

#home_page { }
#home_page td.part{ width: 50%; padding: 0px .5em }
#home_page td.square{ text-align: center; vertical-align: middle }
#home_page td.part h1{ border-bottom: 2px solid; margin-bottom: 1em }
#home_page td.part a{ color: #404040 }

*.text{ border: 1px solid gray; width: 100% }
*.text2{ border: 1px solid gray;  }
input.button{ padding: .5em; font-family: verdana, sans-serif; font-size: 1em }

#qlinks{ text-align: center; width: 100%; line-height: 4em; margin-bottom: 1em; height: 3em }
#qlinks li{ display: inline; margin-right: 1em }
#qlinks li a{ display: inline; padding: .75em 1em }

#llinks{ text-align: center; width: 100%; height: 2em }
#llinks li{ display: inline; margin-right: 1em }

table.calt{ background-color: white; width: 80%; font-size: .9em; margin-left: 10% }
table.calt p{ text-align: center }
table.calt a{ display: block; cursor: pointer; text-align: center }
table.calt td.wnum{ text-align: center; color: gray; margin: 1px; vertical-align: middle }
table.calt td.hilite{ color: #b70000 }
table.calt td{ width: 12.49%; text-align: right; padding: 0; margin: 0 }
table.calt tr.header{ height: 1.5em; border-bottom: 1px solid gray }
table.calt tr.header td{ text-align: center; padding: 0 }
table.calt tr.controls{ }
table.calt tr.controls td{ text-align: center; }
table.calt a.currentday{ background-color: white }
table.calt a.currentday:hover { color: black }
table.calt p.date_caption{ padding-top: .5em; height: 1.5em; display: block; text-align: center }
table.calt a.clickable{ padding: .25em }
td{ height: 100%; }

*.clickable{ color: black; display: block; padding: .5em; background-color: #caf97a; border-left: 1px solid #e3ffb3; border-top: 1px solid #e3ffb3; border-right: 1px solid #99c64d; border-bottom: 1px solid #99c64d; margin: 0; cursor: pointer }
*.clickable:hover{ background-color: #eeffd2; border-left: 1px solid #e3ffb3; border-top: 1px solid #e3ffb3; border-right: 1px solid #99c64d; border-bottom: 1px solid #99c64d }

*.clickable_b{ color: black; display: block; padding: .5em; background-color: #caf977; border-left: 1px solid 	#a1d44b; border-top: 1px solid #a1d44b; border-right: 1px solid #99c64d; border-bottom: 1px solid #99c64d; margin: 0; cursor: pointer }
*.clickable_b:hover{ background-color: #eeffd2; border-left: 1px solid #a1d44b; border-top: 1px solid #a1d44b; border-right: 1px solid #99c64d; border-bottom: 1px solid #99c64d }

*.new_clickable{ color: black; display: block; padding: .5em; border-bottom: 1px solid #FFFFFF; margin: 0; cursor: pointer }
/**.new_clickable:hover{ background-color: #FFFFFF; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF }*/


a.file{ width: 180px; margin-left: 55px }
span.thumb_ctr{ height: 120px; display: block; width: 100%; background-position: bottom center; background-repeat: no-repeat }

div.more{ text-align: center; display: block; margin-top: 1em; margin-left: 2.5em; }
div.more2{ text-align: right; display: block; margin-top: 1em; margin-right: 4.3em; }
#bottom{ height: 20px; display: block; }
			
div.remark_box{ padding: .5em; background-color: #A1D44B; border-top: 1px solid #d0e9a4; border-left: 1px solid #d0e9a4; border-right: 1px solid #626f7a; border-bottom: 1px solid #626f7a; font-size: .9em; line-height: 1em }

div.remark_box p{ color: #414141; font-weight: bold; text-align: left; margin-bottom: .5em }
div.remark_box table{ width: 100% }
div.remark_box input.text{ width: 100% }
div.remark_box td{ width: 100% }
div.remark_box p.error{ text-align: center; margin-top: .5em; color: #b70000 }

div.search_results h1{ margin-top: 1em; margin-bottom: 0; padding-bottom: 0 }
div.search_results{ line-height: 1.5em }
dl.results {}
dl.results dt{ font-weight: bold; color: black; margin: 1em 0 .5em 0 }
dl.results dd{ margin-left: 0; clear: both; margin-bottom: .15em }

div.search_results{ }
div.search_results h1{ font-family: verdana, sans-serif; font-size: 1.2em }
div.search_results dl.results{ margin-left: 1em; margin-bottom: 2em }

h1 a{ font-weight: inherit }
dl.results dt a{ font-weight: bold }


div.breadcrumb { display: block; background-image: url( images/linea_punts.gif ); background-position: bottom; background-repeat: repeat-x; margin-bottom: 32px; padding-bottom: 1em }
div.breadcrumb > a{ white-space: nowrap }
*.breadcrumb b{ text-transform: uppercase; font-weight: bold; color: #F59F00 }
*.agenda b{ color: #1a95dc }
*.activitats b{ color: #62d22c }
*.sortides b{ color: #ece90c }
*.locals b{ color: #cb4795 }
*.productes b{ color: #fb3333 }

form.sheet{ border: 1px solid #dddddd; padding: 2% 5%; display: block; margin: 1em auto; clear: both }
form.sheet h1{ margin: 0 0 1em 0; padding: 0 }
*.sheet{}
*.sheet table{ width: 100% }
*.sheet td{ padding: .25em .5em }
*.sheet td.field{ text-align: right; width: 16em }
*.sheet td.captcha{ text-align: right; vertical-align: middle; width: 16em }
*.sheet div.error{ border-left: 1px solid #ffeac1; border-top: 1px solid #ffeac1; border-right: 1px solid #f9a24d; border-bottom: 1px solid #f9a24d; background-color: #fffad8; padding: .5em; color: #b70000 }
div.cluf{ background-color: #d0e9a4; border: 1px solid gray; padding: 1em }
div.cluf b{ font-weight: bold }

*.sheet img.captcha{ vertical-align: middle; }

span.star{ width: 16px; height: 14px; display: block; background-image: url( images/small_stars.gif ); background-repeat: no-repeat; background-position: -80px 0; float: left }
span.AGENDA{ background-position: -48px 0 }
span.ACTIVITATS{ background-position: 0 0 }
span.SORTIDES{ background-position: -16px 0 }
span.LOCALS{ background-position: -64px 0 }
span.PRODUCTES{ background-position: -32px 0 }

input.image{ border: none; outline: none; background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; display: block; cursor: pointer }
div.bodycopy p{ margin-bottom: 1em }
*.header span { background-color: white; display: block; width: 100%; height: 100% }

div.file{}
div.file table.review{ width: 580px; margin-bottom: .5em; border: 1px solid #808080 }
div.file h1, div.file h2 { color: #606060 }
table.review td{ padding: 1em }
table.review td.data{ width: 10em; display: block }
table.review td.review{ width: 100% }
*.action{ display: block; width: 14em; text-align: center; margin-bottom: 1em }

ul.sessions{ display: block }
ul.sessions li{ float: left; width: 25%; display: block }
div.after{ clear: both }

*.attention{ padding: 1em; display: block; background-color: #caf97a; clear: both }
*.attention a{ color: black }

strong{ font-weight: bold }

table.sessions{ width: 580px; display: block; clear: both}
table.sessions tr { width: 580px; border-bottom: 1px solid #dddddd }
table.sessions td{ width: 116px; padding: .5em 1em .5em 0 }

table.card { border: 1px solid #808080; padding: 1em; width: 40em; margin: 2em auto 0 auto }
table.card td{ padding: 4em 1em 1em 2em; vertical-align: bottom }
table.card a{ color: #5c8e07 }

ul.detail{}
ul.detail li{ margin-bottom: 1em; padding-left: 2em; background-image: url( images/destacat.gif ); background-repeat: no-repeat; background-position: 0 50% }

div.result{ border-left: 1px solid d3e9fb; border-top: 1px solid #d3e9fb; border-right: 1px solid #626f7a; border-bottom: 1px solid #626f7a; background-color: #9fcaed; padding: .5em; color: #000000 }