/* CSS Artigian Web 2011 */

body {
font-family: georgia,verdana,arial,helvetica,sans-serif;
text-align: center; /* Per IE */
background: #fff700;
padding: 0;
margin: 0;
}

/* Acronimi */
acronym {
font-family: Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
cursor: help;
}


#container #content img#holiday {
background: #ff6;
padding: 3px;
margin: 15px 0 15px 1px;
}

/* CONTAINER */
#container {
width: 900px;
margin: 9px auto;
}

/* HEADER */
#container #header {
width: 900px;
height: 252px;
background: url(../prototipo/header2.gif) no-repeat 0 0;
position: relative;
}

    /* Menu social bar */
#container #header ul#socialBar {
padding: 0;
margin: 0 30px 0 0;
float: right;
display: inline;
}

#container #header ul#socialBar li {
list-style: none;
font-size: .7em;
padding: 3px 9px;
margin: 0;
float: left;
display: inline;
}

#container #header ul#socialBar li.mobile {
height: 25px;
font-size: .75em;
font-weight: bold;
background: url(../prototipo/cellulare1.gif) no-repeat;
padding: 5px 0 0 22px;
margin: 10px 9px 0;
}

#container #header ul#socialBar li.mobile a,#container #header ul#socialBar li.mobile a:visited {
text-decoration: none;
color: #009;
}

#container #header ul#socialBar li.mobile a:hover,#container #header ul#socialBar li.mobile a:focus,
#container #header ul#socialBar li.mobile a:active {
color: #090;
}

#container #header ul#socialBar li a img {
border: none;
margin: 5px 9px;
}

    /* Titolo */
#container #header h1 {
width: 900px;
height: 230px;
text-align: left;
text-indent: -2000em;
background: url(../prototipo/titolo.gif) no-repeat 0 0;
padding: 1px 0 0 0;
margin: 9px 0 0 0;
position: absolute;
top: 53px;
left: 0;
display: inline;
}

    /* Menu Navigazione */
#container #header ul#menuNav {
width: 885px;
padding: 0;
margin: 0 0 0 8px;
border-bottom: 3px solid #CF0606;
position: absolute;
top: 259px;
left: 0;
}

#container #header ul#menuNav li {
list-style: none; 
line-height: 37px;
font-size: .79em;
font-weight: bold;
padding: 0;
margin: 0;
float: left;
display: inline; 
}

#container #header ul#menuNav li a,#container #header ul#menuNav li a:visited {
width: 120px;
height: 34px;
background: url(../prototipo/pulsante1.gif) no-repeat 0 0;
text-decoration: none;
float: left;
display: block; /* per distanziare i link e posizionarli secondo il loro background */
}

#container #header ul#menuNav li a:hover,#container #header ul#menuNav li a:focus,
#container #header ul#menuNav li a:active {
background: url(../prototipo/pulsante2.gif) no-repeat;
} 

#container #header ul#menuNav li a.current {
background: url(../prototipo/pulsante4.gif) no-repeat;
}


/* CORPO */
#container #corpo {
width: 100%;
text-align: left;
background: url(../prototipo/container.gif) repeat-y 0 0;
padding: 0;
margin: 0;
}

/* CONTENT */
#container #corpo #content {
width: 622px;
border-right: 1px dotted #F9540C;
float: left;
display: inline;
padding: 0 5px 20px 22px;
margin: 60px 0 0 0;
}

    /* Patway */
#container #corpo #content p.pathway {
font-size: .7em;
color: #404040;
font-weight: bold;
padding: 0 10px 0 9px;
margin: 5px 0 45px;
}

#container #corpo #content p.pathway a,#container #corpo #content p.pathway a:visited {
font-weight: normal;
text-decoration: none;
color: #06038F;
outline: none;
cursor: pointer;
}

#container #corpo #content p.pathway a:hover,#container #corpo #content p.pathway a:focus,
#container #corpo #content p.pathway a:active {
height: 0;
font-weight: normal;
text-decoration: underline;
color: #0600FF;
outline: none;
cursor: pointer;
}

    /* Paragrafi */
#container #corpo #content p.slogan {
font-size: 1.05em;
color: #00c;
text-align: center;
}
    
#container #corpo #content p {
font-size: 1em;
line-height: 1.3em;
padding: 10px 10px 0 0;
margin: 0;
}


/* COLONNA DESTRA */
#container #corpo #colDx {
width: 230px;
padding: 60px 0 20px 0;
margin: 0 14px 0 0;
float: right;
display: inline;
}

    /* Menu destro */
#container #corpo #colDx ul#follow {
padding: 10px 0 0 0;
margin: 0 0 0 20px;
}

#container #corpo #colDx ul#follow li {
font-size: .8em;
list-style: none;
text-align: left;
font-weight: bold;
background: url(../prototipo/button.gif) no-repeat;
padding: 5px 0 5px 35px;
margin: 10px 0;
}

#container #corpo #colDx ul#follow li a.current {
background: #ffc030;
padding: 3px 3px 3px 1px;
}

#container #corpo #colDx ul#follow li a,#container #corpo #colDx ul#follow li a:visited {
color: #009;
text-decoration: none;
}

#container #corpo #colDx ul#follow li a:hover,#container #corpo #colDx ul#follow li a:focus,
#container #corpo #colDx ul#follow li a:active {
color: #f50;
}

    /* Citazioni */
#container #corpo #colDx h3#titleCit {
font-size: .9em;
padding: 40px 10px 5px;
margin: 0;
}

#container #corpo #colDx div#saggi cite {
font-size: .75em;
padding: 0 15px 0 15px;
margin-left: 20px;
}

#container #corpo #colDx div#saggi p {
font-size: .8em;
font-weight: bold;
padding: 5px;
margin: 5px;
}

#container #corpo #colDx p.world {
font-size: .69em;
padding: 60px 5px 0 5px;
margin: 0 10px 0 0;
}


/* FOOTER */
#container #footer {
width: 900px;
height: 60px;
background: url(../prototipo/footer-bottom.gif) no-repeat;
padding: 7px 0 0 0;
margin: 0;
}

#container #footer address {
font-size: .7em;
text-align: center;
font-family: verdana,arial,helvetica,sans-serif;
padding: 0 0 6px 0;
margin: 0;
}

#container #footer address span {
font-weight: bold;
}

#container #footer #licCount {
width: 190px;
margin: 0 auto;
}



/* Clear */
.clrleft {
clear: left;
}

.clrright {
clear: right;
}

.clrboth {
clear: both;
}

.clrleft,.clrright,.clrboth { /* IE non assegna altezza minima ai div vuoti */
font-size: 1px;
height: 0;
}