html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {  margin: 0; padding: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
abbr, acronym { border: 0; }
em { font-style: italic; }
strong { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a, a:link, a:visited, a:hover, a:active { outline: none; text-decoration: none; }
:focus { outline: 0; }

body { font: normal 62.5%/1.4 "lucida grande", Helvetica, arial, sans-serif; }
a, a:visited { color: #6688CC; text-decoration: none;}
a:hover, a:focus { color: #000; text-decoration: none; }

h1 { font-size: 1.8em; font-weight:bold; line-height:1;  }
h2 { font-size: 1.4em; font-weight:bold; margin-bottom:0.1em; }
h3 { font-size: 1.2em; font-weight:bold; margin-bottom:0.1em; }
h4 { font-size: 1em; font-weight:bold; margin-bottom:0.05em; }
h5 { font-size: 1em; margin-bottom: 5px; font-weight:bold; }
h6 { font-size: .9em; margin-bottom:15px; }

.clear { clear: both; height: 0px; overflow: hidden; display: block; }

html, body { height: 100%; }
#push { height: 50%; margin-bottom: -300px; position: relative; }
#content { clear: both; margin: 0 auto; width: 960px; position:relative;  }

body { color: #6688CC; }

#header { width: 960px; height: 50px; color: #888; overflow: hidden; margin: 0 auto; text-align: center; padding: 50px 0 0;}
#header a, #header a:hover { color: #6688CC; }

#header h1 { font-size: 38px; letter-spacing: .05em; color: #6688CC; line-height: 1; font-weight: normal; }
#header #nom { float: left; text-align: left; line-height: 38px; }
#header #menu { float: right; text-align: right; line-height: 38px; }
/*#header #menu h1 { float: left; margin-right: 5px;  }*/
#header #menu p { float: left; font-size: 28px; line-height: 1; padding-top: 8px; letter-spacing: .05em; color: #6688CC; font-weight: normal; }
#header #menu strong { font-size: 38px; }

#footer { width: 960px; margin: 0 auto; padding-top: 5px; }
#footer span { padding: 0 5px; }
#legal { float: left; font-size: 1.4em;}
#infopeu { float: right; font-size: 1.8em; }

#content { width: 960px; margin: 0 auto; font-size: 1.4em; border-top: 1px solid #CCDDFF; border-bottom: 1px solid #CCDDFF; padding-top: 10px; }
#content p { margin-bottom: 10px; }

#content.contacte { height: 600px; font-size: 1.8em; }
#content.error { height: 600px; font-size: 1.8em; }


.gacordeo { width: 960px; margin: 0 auto; }
.gacordeo img, .gacordeo .caption { position:absolute; left:-9999px; }

/* accordion */
.gacordeo { position: relative; overflow: hidden; }
.gacordeo .panel { position:absolute; overflow:hidden; /*background: #000 url(../images/preloader.gif) no-repeat center center;*/ background: #000; }
.gacordeo .shadow { position:absolute; right:0; width:25px; height:100%; background:url(accordion-assets/images/shadow.png) repeat-y; }
.gacordeo .preloader { width:62px; height:14px; position:absolute; z-index:15; background:url(../images/preloader.gif) no-repeat; }
.gacordeo .caption { overflow:hidden; position:absolute; z-index:20; }
.gacordeo .caption-background { position:absolute;width:100%; height:100%; background:transparent url(accordion-assets/images/captionBg.png); background:rgba(0,0,0,0.5); }
.gacordeo .caption p { color:#FFF; margin:0; padding:10px; }
.gacordeo .caption p a { color:#FFF; }