@import url(rst.css);

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

a { color:#e8572f; text-decoration:none; }
a:hover { color:#black; text-decoration:none; }

img { border:1; black}

a img { border:0; }

h1 { font-size:2.5em; font-weight:bold; margin:0.2em 0;  }
h2 { font-size:1.8em; font-weight:bold; margin:0.6em 0; letter-spacing:0.10em;}
h3 { font-size:1.3em; font-weight:bold; margin:0.7em 0; }
h4 { font-size:1.8em; margin:0.8em 0 0; font-weight:normal; }
/*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,h2,h4,h5 { color:#77b517 ; }

p { margin:0.2em 0 0.9em; line-height:1.6em; }


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

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


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

/* Arancio: #e8572f */
/* Verde: #77b517 */

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

#page { width:750px; margin:0 auto; text-align:left;  margin-top:0px; }
#frame {background: #fff; border:1px solid #77b517; }
#bb { background: #fff url(../images/top.jpg) no-repeat; height:140px; position:relative;}

#header { position:relative; height: 45px; padding: 0px 18px;  }

.nav { position: relative; text-align: right; height: 2em; }
.nav ul { list-style-type: none;}
.nav li { list-style-type: none; display:inline; margin-left:10px; }
.nav a { color:#e8572f; text-decoration:none; }
.nav a:hover { color:#77b517; text-decoration:underline; }

.nav #menu1 {  top: 0px; }
.nav #menu2 {  bottom: 0px; }
#menu1 {  font-weight: bold; }
#menu2 { font-weight: normal; }

#wrapper { background-color:#fff; min-height: 500px;  padding: 18px; overflow: auto; }

#left-content { background-color:#fff; padding-top: 10px; float: left; clear: none; width: 320px; }
#right-content { background-color:#fff; padding-left: 10px; float: left; width: 380px; }
#leftcrea-content { background-color:#fff; padding-top: 10px; float: left; clear: none; width: 500px; }
#rightcrea-content { background-color:#fff; padding-left: 10px; float: left; width: 200px; }


#left-content img, #left-content span { padding: 0px; }
#all-content { background-color:#fff; padding-left: 10px; width: 700px; float: left; } 
#fine-content { clear: both; } 





.home #left-content { padding-top: 10px; width: 340px; }
.home #right-content { padding-left: 10px; width: 355px; }

#footer { font-size:0.9em; height:50px; color:#000; margin-top:0.5em; padding: 0px 18px; }
#footer .credits { float:right; }

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




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

.hp #bx { border:1px solid #9d9d9d; margin-top:105px; }
.hp #header { border:none; }
.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; }