/*
 * (c) 2009 Youth
 *
 * Global styles
 * ------------------------------------------------------------------------- */


/*
 * B A S E L I N E
 * ------------------------------------------------------------------------- */
html                { background:#A4C5DE; }
body                { background:#fff; color:#575d6b; font:12px/16px Verdana,sans-serif; -webkit-font-smoothing:antialiased; margin:0 auto 20px; padding:0 10px; text-rendering:optimizeLegibility; width:960px; }
img                 { border:none; }
form, fieldset      { border:none; margin:0; padding:0; }
legend              { margin:0; padding:0; text-indent:0; }
table               { border-collapse:collapse; table-layout:fixed; width:100%; }
thead th            { background:#225798; color:#fff; border-bottom:1px solid #fff; font-size:12px; font-weight:bold; line-height:1; padding:18px 12px 11px; text-align:left; text-transform:uppercase; vertical-align:top; }
td                  { padding:12px 12px 13px; vertical-align:top; }
p                   { margin:0 0 16px; }
a:hover             { text-decoration:none; }
select, input,
textarea            { color:#575d6b; font:12px/16px Verdana,Helvetica,Arial,sans-serif; padding:6px 8px; }

section, header, footer, article, nav, aside
                    { display:block; }
ul, ol              { list-style-type: none; }

/*
 * P A G E    C A N V A S
 * ------------------------------------------------------------------------- */
#banner             { background:url('../images/hedonisme.jpg') no-repeat; _height:1%; margin:27px 0 0; overflow:hidden; }

#banner h1          { margin:46px 0 43px 20px; padding:0; width:340px; }
/*
#xsite              { background:url('../images/xsite.png') repeat-x; left:0; padding:27px 0 0; position:absolute; top:0; width:100%; }
#xsite ul           { list-style:none; margin:0 auto; padding:0; width:940px; }
#xsite li           { display:inline; float:left; height:35px; position:relative; }
#xsite a            { display:inline-block; height:35px; text-indent:-9999px; width:128px; }
#to-youth           { background:url('../images/youth.png'); width:150px; z-index:2; }
#to-anelo           { background:url('../images/anelo.png'); margin-left:-15px; width:138px; z-index:1; }*/

#xsite              { background:url('../images/xsite.png') repeat-x; left:0; padding:27px 0 0; position:absolute; top:0; width:100%; }
#xsite ul           { list-style:none; margin:0 auto; padding:0; width:940px; }
#xsite li           { display:inline; float:left; height:35px; position:relative; }
#xsite a            { display:inline-block; height:35px; text-indent:-9999px; width:128px; }
#to-youth           { background:url('../images/youth-gray.png'); width:138px; z-index:2; }
#to-anelo           { background:url('../images/anelo-blue.png'); margin-left:0px!important; width:138px; z-index:1; }

#body               { overflow:hidden; }
#sidecontent        { display:inline; float:left; padding-right:20px; width:245px; }
#content            { display:inline; float:right; padding-bottom:20px; padding-right:20px; width:675px; }

#breadcrumbs        { color:#575d6b; font-size:11px; line-height:1; padding:7px 10px 12px; }
#breadcrumbs span   { position:absolute; top:-9999px; }



#content h3{
  border-bottom:1px dotted #225798;
  color:#283A08;
  line-height:normal;
  margin:0 0 1px;
  padding:11px 11px 6px;
}


/*
 * U S E F U L    C L A S S E S
 * ------------------------------------------------------------------------ */
.submit             { margin:0; text-align:center; }


#advice {

    background: none repeat scroll 0 0 #7CA825;
    background-image:url(../images/quote-ie.png);
    margin-left: 20px;
    min-height: 133px;
    padding: 12px 15px 10px 20px;
}

#advice cite {
    color: #FFFFFF;
    font-family: 'Lucida Grande','Lucida Sans',sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    text-transform: uppercase;
}

#advice q {
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    line-height: 20px;
    margin: 8px 0 0;
}

#advice a {
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    line-height: 24px;
    margin: 8px 0 0;
}

q {
    font-style: italic;
    quotes: none;
}

dl {
    margin-left: 12px;
    margin-top: 50px;
}

dt {   
display:block;
float:left;
width:30px;
height:30px;
 margin:0;
}

dd {       
display:block;     
float:right;
height:30px;
margin-left:0px;
               
width:620px;

}                

#content .language.two-columns  .checkbox_list li {
  margin-right:20px; 
}  

#content .language.two-columns  .checkbox_list li label {
  width:150px;  
  display: block;
  padding:0;
}

#content .language.two-columns  .checkbox_list li input {
  display: block;
  padding:0;
  margin:0 10px 10px 0;
}

table  ul {
  padding:0;
  margin:0;
}