@import url(rst.css);

/* ================ */
/* = Basic styles = */
/* ================ */

a { color:#fff; text-decoration:underline; }
a:hover { color:#ffa303; text-decoration:none; }

img { border:0; }

a img { border:0; }

h1 { font-size:2.2em; font-weight:bold; margin:0.8em 0; letter-spacing:0.10em; }
h2 { font-size:1.4em; font-weight:bold; margin:0.6em 0; }
h3 { font-size:1.3em; font-weight:bold; margin:0.7em 0; }
h4 { font-size:1.1em; margin:0.8em 0 0; font-weight:bold; }
/*h5 { font-size:1.1em; font-weight:bold; margin:0.5em 0 0.3em; }
h6 { font-size:1em; font-weight:bold; margin:0.7em 0 0.1em 0; }
*/

h1,h3,h4,h5 { color:#ffa303; }

p { line-height:1.4em; text-align:justify; margin-left:0; margin-right:0; margin-top:0.2em; margin-bottom:0.9em }


strong { font-weight:bold; }
em { color:#9e9afb; }

ul { list-style-type:disc; }
ol { list-style-type:decimal; }
ul, ol { margin-left:2em; }


/* ========== */
/* = Layout = */
/* ========== */

/* Arancio: #ffa303 */

body {
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background:#000;
    color:#fff;
    font-size:11px;
}

#frame { width:750px; margin:0 auto; text-align:left;  margin-top:30px; }
#header { position:relative; height:220px; border:1px solid #9d9d9d; border-bottom:none; }
#header #logo {
    position:absolute;
    left:20px; top:25px;
    background:url(../images/logo.gif) no-repeat;
    overflow:hidden;
    
    height:35px; width:279px;
}

#header #logo a { text-indent:-2000px; display:block;}

#bb { background:#333 url(../images/header_bg.jpg) no-repeat; height:135px; position:relative; }
#bb h1 { position:absolute; top:50px; margin:0; padding:0; }

/*#header #bb { bottom:0; }*/
#header #bb { top:85px; }

#nav { position:absolute; bottom:-2.5em; overflow:hidden; text-align:right; height:2em; }
#nav ul { list-style-type: none; }
#nav li { list-style-type: none; display:inline; margin-left:10px; }

#wrapper { background-color:#333; overflow:hidden; border:1px solid #9d9d9d; }
#sidebar { float:left; width:150px; padding:70px 20px 30px;}
#content { background-color:#000; padding:45px 20px 30px 40px; /*margin-left:190px;*/ overflow:hidden; }

#footer { font-size:0.9em; height:50px; color:#9d9d9d; margin-top:0.5em; }
#footer .credits { float:right; }

#nav a, #sidebar a, #footer a { text-decoration:none; }
#nav .selected, #sidebar .selected { color:#ffa303; }
#nav .selected a, #sidebar .selected a { color:#ffa303; }
#nav .selected a:link, #sidebar .selected a:link { cursor:text; }
#nav .selected a:hover, #sidebar .selected a:hover { cursor:text; }

#subnav h3 { font-size:1.2em; color:#fff; font-weight:bold; margin:1.3em 0 0.5em; }
#subnav ul { margin:0; list-style:none; }

/* ============ */
/* = Homepage = */
/* ============ */

.hp #bx { border:1px solid #9d9d9d; margin-top:50px; }
.hp #header { border:none; }
.hp #lang { position:absolute; right:20px; }
.hp #header #logo { left:60px; top:40px; background:url(../images/hp_logo.gif) no-repeat; height:27px; width:279px; }
.hp #bb { background: #000 url(../images/hp_bg.jpg) no-repeat; height:276px; position:relative; }
.hp #bb h1 { top:100px; }
.hp #nav { overflow:hidden; text-align:right; position:static; margin-top:5px; }
.hp #nav ul { list-style-type: none;  }
.hp #nav li { list-style-type: none; display:inline; margin-left:10px; }

.hp #header, .hp #nav { height:100px; }

#nav, #header #bb h1, .hp #lang, .hp #bb h1 { right:20px; }
#content, .hp #nav, #footer { padding-right:20px; }

/* ========= */
/* = Varie = */
/* ========= */
.photo_side { float:right; margin-left:15px; }

.team_desc { overflow:hidden; margin:2em 0 1em;}
.team_desc img { float:right; }