/* CSS Guardati Edilizia Srl */

body {
font-family: verdana,arial,helvetica,sanas-serif;
text-align: center; /* Per IE */
background: #f8f3f7 url(../gif/guardati-logo.gif) no-repeat 0 0;
padding: 0;
margin: 0;
}

/*#content-bottom p#holiday {
height: 70px;
font-size: 1.3em;
text-align: center;
color: #00c;
background: url(../gif/Linie107.gif) repeat-x 0 30px;
padding: 0 0 10px 0;
margin: 15px 0 20px;
}

#content-bottom p#holiday strong {
font-size: 1.4em;
}*/

#content-bottom img#holiday {
padding: 4px;
margin: 10px 0 10px 100px;
}

#content-bottom img#imgFeste {
padding: 5px;
margin: 10px 0 10px 150px;
background: #ccf;
}

a,a:visited {
outline: 0;
cursor: pointer;
}

#container {
width: 800px;
/*background: #ff6;*/
text-align: left;
padding: 0 0 5px 0;
margin: 10px auto 0;
}

hr {
position: absolute;
top: 0;
left: -2000em;
}


/* MENU NAVIGAZIONE */
#siderbar {
width: 800px;
height: 35px;
background: url(../prototipo/menu-nav_top.gif) no-repeat 0 5px;
}

#container #siderbar ul {
padding: 0;
margin: 5px 0 0;
float: right;
}

#container #siderbar ul li {
list-style: none;
font-size: .8em;
background: url(../gif/freccia.gif) no-repeat 10px 6px;
padding: 2px 30px 3px 40px;
margin: 0;
border-right: 1px dotted #ccc;
float: left; /* per affiancare le voci del menu */
display: inline; /* Per il bug di IE */
}

#container #siderbar ul li.noBorderR {
border-right: none;
padding-left: 38px;
}

#container #siderbar ul li a,#container #siderbar ul li a:visited {
color: #606;
}

#container #siderbar ul li a:hover,#container #siderbar ul li a:focus,#container #siderbar ul li a:active {
color: #ff0030;
text-decoration: none;
}

#container #menuNav ul {
width: 800px;
height: 60px;
padding: 0;
margin: 4px 0;
background: url(../prototipo/menu-nav.gif) no-repeat 0 0;
float: left;
display: inline; /* Per il bug di IE */
}

#container #menuNav ul li {
list-style: none;
font-size: .95em;
font-family: arial,helvetica,sans-serif;
padding: 1px 30px 1px;
margin: 19px 0 0 0;
border-right: 1px groove #ccc;
float: left; /* per affiancare le voci del menu */
display: inline; /* Per il bug di IE */
}

#container #menuNav ul li.liFirst {
margin-left: 27px;
}

#container #menuNav ul li.noBorderR {
border-right: none;
}

#container #menuNav ul li a,#container #menuNav ul li a:visited {
font-size: 1em;
color: #fff;
}

#container #menuNav ul li a:hover,#container #menuNav ul li a:focus,#container #menuNav ul li a:active {
color: #fff;
text-decoration: none;
}


/* TITOLO H1 */
#container h1 {
width: 800px;
height: 195px;
font-size: 1px;
color: #fff;
padding: 5px 0 0 0;
margin: 1px 0 0 0;
position: relative;
}

#container h1 span {
width: 100%;
height: 100%;
background: url(../prototipo/header.gif) no-repeat 0 0;
position: absolute;
top: 0;
left: 0;
}


/* TITOLO H3 */
h2 {
font-size: 1.2em;
color: #00c;
font-style: italic;
text-align: center;
font-weight: normal;
padding: 15px 10px;
margin: 0; 
}


/* CONTENT */
div#content-top {
width: 800px;
background: #fff url(../prototipo/content-top.gif) no-repeat 0 0;
margin: 1px 0 0 0;
}

div#content-bottom {
background: url(../prototipo/content-bottom.gif) no-repeat 0 100%;
padding: 0 0 30px 0;
}


/* Pathway */
#content-bottom p.pathway {
font-size: .75em;
font-weight: bold;
color: #3f3f3f;
padding: 8px 10px;
margin: 0;
}

#content-bottom p.pathway a,#content p.pathway a:visited {
font-weight: normal;
color: #009;
outline: none;
cursor: pointer; 
}

#content-bottom p.pathway a:hover,#content-bottom p.pathway a:focus,#content-bottom p.pathway a:active {
color: #ff0030;
text-decoration: none;
}

#content-bottom p {
font-size: .95em;
font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
line-height: 1.4em;
color: #4f4f4f;
padding: 5px 10px 0 10px;
margin: 0;
}

#content-bottom div#pAddress {
width: 300px;
float: left;
}

#content-bottom p.address {
font-size: .75em;
font-family: Verdana,Arial,Helvetica,sans-serif;
line-height: 1.2em;
color: #6f6f6f;
font-weight: bold;
padding: 0 0 0 10px;
margin: 10px 0 0 0;
}

#content-bottom p.address2 {
font-size: .75em;
font-family: Verdana,Arial,Helvetica,sans-serif;
line-height: 1.2em;
color: #6f6f6f;
padding: 2px 0 0 10px;
margin: 10px 0 0 0;
}

#content-bottom p.firstAddress {
padding-top: 20px;
}

#content-bottom p.lastAddress {
padding-bottom: 20px;
}

#content-bottom img#imgAddress {
width: 400px;
padding: 0;
margin: 20px 10px 0 5px;
float: left;
display: inline;
}

#content-bottom a img#imgAddress {
border: none;
}

#content-bottom img#logoGuardati {
padding: 0;
margin: 0 5px 0 0;
float: right;
display: inline;
}


/* SERVIZI */
#content-bottom ul.servizi {
padding: 5px 0 2px 20px;
margin: 0;
}

#content-bottom ul.servizi {
height: 30px;
list-style: none;
font-size: .75em;
line-height: 30px;
color: #1f1f1f;
font-weight: bold;
background: url(../gif/lista_servizi.gif) no-repeat 10px 0;
padding: 0 0 0 50px;
margin: 10px 0 0 0;
}


/* REFERENZE */
#content-bottom p a.lavRefer,#content-bottom p a:visited.lavRefer {
padding: 2px;
background: #ebebeb;
}

#content-bottom p a:hover.lavRefer,#content-bottom p a:focus.lavRefer,#content-bottom p a:active.lavRefer {
padding: 2px;
background: #fde3b8;
}


/* CONTATTI */
#content-bottom img#imgContatti {
width: 400px;
padding: 0;
margin: 20px 10px 0 5px;
float: right;
display: inline;
}

#content-bottom img#imgContatti {
border: none;
}

#content-bottom p.addressMail {
height: 30px;
background: url(../gif/mail.gif) no-repeat;
line-height: 20px;
padding-left: 35px;
margin-left: 10px;
}


/* CREDITS */
div#htmlValidator p a,div#cssValidator p a {
border: none;
}


/* FOOTER */
#footer {
width: 800px;
height: 30px;
background: url(../prototipo/footer.gif) no-repeat 0 0;
margin: 0 auto;
}

#footer address#footerAddress {
font-size: .7em;
font-style: normal;
color: #3f3f3f;
padding: 4px 0;
margin: 0 0 10px 0;
}



/* 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;
}