/*-------------------------------------------------------

Foglio di stile
sito Autonoleggio

-------------------------------------------------------*/

/* importo il file dropdown.css presente nella stessa cartella del file global.css */
@import "dropdown.css";

* {
    margin:0;
    padding:0;
}

/* setto la pagina per l'html */ 
html {
    text-align:center;
    background:#F3F3F3;
}

/* setto le proprietà del tag <body> */
body {
    font:62.5% Verdana, Arial, Helvetica;
    text-align:left;
    color:#333;
    width:100em;
    margin:2em auto;
    background:#FFF;
    padding:1.3em;
    background:#FFF url(../images/body_bg.gif) bottom repeat-x;
    border:0.1em solid #EAEAEA;
}

/* quando userò il tag <p> avrò questi valori di default */
p {
    font-size:1.2em;
    line-height:1.5em;
    margin:1em 0;
}

/* tag <a> */
a {
    color:#004D85;
    text-decoration:none;
}

p a, td a, th a {
    background:url(../images/link_underline.gif) bottom repeat-x;
    padding-bottom:0.1em;
}

/* tag <ul> */
ul {
    list-style:none;
}

/* <div id='masthead'> */
#masthead {
    width:100%;
    height:16.5em;
    position:relative;
    margin-bottom:0.3em;
    background:url(../images/masthead_bg.gif) repeat-x;
    line-height:16em;
}

#masthead h1 {
    font-size:3em;
    font-family:"trebuchet ms";
    margin-left:1em;
    color:#FFF;
}

#masthead h1 a {
    color:#FFF;
}

#masthead sup {
    font-size:0.5em;
}

/*(fumetto)*/
#mastheadBox {
    background:url(../images/masthead_box.gif) left center no-repeat;
    z-index:11;
    position:absolute;
    height:8em;
    top:50%;
    margin-top:-5em;
    right:2em;
    width:43.5em;
    padding:1em 1em 1em 3.5em;
}



/* tag <h2> per il masthead */
#mastheadBox h2 {
    line-height:1em;
    color:#F60;
    font-size:1.2em;
}

#mastheadBox p {
    padding:1em 0 0;
    margin:0;
}

/* Main */

#mainContent {
    width:75em;
    padding:2em 0 2em 2em;
    float:left;
}

/* tag <h2> all'interno del main*/ 
#mainContent h2 {
    color:#F60;
    font-size:1.5em;
}

/* tag <p><h2> all'interno del main */ 
#mainContent p + h2 {
    margin-top:1.5em;
}
/* tag <h3> all'interno del main */ 
#mainContent h3 {
    font-size:1.25em;
}

/* tag <ul> */
#mainContent ul {
    color:#F90;
}

/* tag <li> */
#mainContent li {
    background:url(../images/li_bullet.gif) left center no-repeat;
    font-size:1.4em;
    padding-left:1em;
    margin:0 0 0.5em 1em;
    color:#333;
}
/*
#suckerfish {
    width:100%;
    height:10em;
    font-family:monaco, courier;
}
*/
/* Main Column Table */

#mainContent table {
    margin-top:1.5em;
}

#mainContent thead th {
    background:#EAEAEA;
}

#mainContent td {
    padding:0.5em;
    background:#F4F4F4;
}

#mainContent td:hover {
    background:#EAEAEA;
}

#mainContent th {
    padding:0.5em;
    background:#F4F4F4;
    color:#004D85;
}

#mainContent th strong {
    color:#F60;
}

/* campi delle Form */

fieldset {
    padding:1em 1em 0.5em;
    border:1px solid #EAEAEA;
    margin-top:2em;
    background:#F7F7F7;
}

label {
    display:block;
    padding-bottom:0.5em;
    font-weight:bold;
}

input, textarea {
    border:1px solid #CCC;
    padding:0.25em;
}

textarea {
    height:5em;
    font:1.2em Verdana, Arial, Helvetica, sans-serif;
}

input:hover, input:focus, textarea:hover, textarea:focus {
    border-color:#999;
}

#submit {
    color:#FFF;
    font-size:1em;
    font-weight:bold;
    width:auto;
    background:#F90 url(../images/nav_bg.gif) bottom repeat-x;
}

input#submit:hover {
    border-color:#F60;
}

/* Seconda colonna (interna al main!!) */

#secondaryContent {
    width:18em;
    padding:2em;
    float:left;
}

#secondaryContent h2, #secondaryContent p {
    font-size:1.2em;
}

#secondaryContent h2 {
    color:#F60;
}

/* box della seconda colonna interna al main (riquadro grigio chiaro) */
.secondaryContentBox {
    border:1px solid #EAEAEA;
    background:#F7F7F7;
    padding:1em 1em 0.5em;
    margin-bottom:2em;
}

.secondaryContentBox span {
    color:#F60;
    font-weight:bold;
}

#secondaryContent .source {
    text-align:right;
    margin:-0.5em 0 2em;
    font-size:1em;
}

/* fine seconda colonna e fine del box*/

/* parte finale della pagina */
#footer {
    text-align:center;
    clear:both;
    padding:1em 0 0;
    background:url(../images/footer_hr.gif) repeat-x;
}

#footer li {
    display:inline;
    margin:0.5em;
}
