/**
 *
 * pianopiano.info - ecoturismo
 * Copyright (C) 2006 by exeLab
 *

/*******************************************************************************
 GLOBAL
*******************************************************************************/
* { margin: 0; padding: 0; }
body { font-size: 11px; 	background-color: #99A7CC;
}
body, h1, h2, h3, h4, h5, h6, p {
    font-family: 'Trebuchet MS', Verdana, sans-serif;
}

img { border:none; }

#titolo {
	text-indent: -10000px;
	}

/*******************************************************************************
* LINKS
*******************************************************************************/
a { color: #333333; text-decoration: none; }
a#menu-contatti { background: url(css/images/button/contatti.gif) no-repeat; height: 36px; margin: 0px 0 0 63px; width: 86px; }
a#menu-contatti:hover, a#menu-contatti.active { background-position: 0 -36px; }
a#menu-dovesiamo { background: url(css/images/button/doveSiamo.gif) no-repeat; height: 36px; margin: 0px 0 0 37px; width: 109px; }
a#menu-dovesiamo:hover, a#menu-dovesiamo.active { background-position: 0 -36px; }
a#menu-galleria { background: url(css/images/button/galleria.gif) no-repeat; height: 36px; margin: 0px 0 0 55px; width: 99px; }
a#menu-galleria:hover, a#menu-galleria.active { background-position: 0 -36px; }
a#menu-home { background: url(css/images/button/home.gif) no-repeat; height: 28px; margin-left: 1px; width: 63px; }
a#menu-home:hover, a#menu-home.active { background-position: 0px -28px; }
a#menu-lacucina { background: url(css/images/button/laCucina.gif) no-repeat; height: 36px; margin: 0px 0 0 21px; width: 89px; }
a#menu-lacucina:hover, a#menu-lacucina.active { background-position: 0 -36px; }
a#menu-lariserva { background: url(css/images/button/laRiserva.gif) no-repeat; height: 36px; margin: 0px 0 0 29px; width: 89px; }
a#menu-lariserva:hover, a#menu-lariserva.active { background-position: 0 -36px; }
a#menu-mangiaredormire{ background: url(css/images/button/mangiaredormire.gif) no-repeat; height: 37px; margin-left: 20px; width: 128px; }
a#menu-mangiaredormire:hover, a#menu-mangiaredormire.active { background-position: 0px -37px; }
a#menu-prezzi { background: url(css/images/button/prezziPrenotazioni.gif) no-repeat; height: 37px; margin: 0px 0 0 49px; width: 128px; }
a#menu-prezzi:hover, a#menu-prezzi.active { background-position: 0 -37px; }

a#menu-contatti-eng { background: url(css/images/button/contatti-eng.gif) no-repeat; height: 36px; margin: 0px 0 0 63px; width: 86px; }
a#menu-contatti-eng:hover, a#menu-contatti.active { background-position: 0 -36px; }
a#menu-dovesiamo-eng { background: url(css/images/button/doveSiamo-eng.gif) no-repeat; height: 36px; margin: 0px 0 0 37px; width: 109px; }
a#menu-dovesiamo-eng:hover, a#menu-dovesiamo.active { background-position: 0 -36px; }
a#menu-galleria-eng { background: url(css/images/button/galleria-eng.gif) no-repeat; height: 36px; margin: 0px 0 0 55px; width: 99px; }
a#menu-galleria-eng:hover, a#menu-galleria.active { background-position: 0 -36px; }
a#menu-home-eng { background: url(css/images/button/home-eng.gif) no-repeat; height: 28px; margin-left: 1px; width: 63px; }
a#menu-home-eng:hover, a#menu-home.active { background-position: 0px -28px; }
a#menu-lacucina-eng { background: url(css/images/button/laCucina-eng.gif) no-repeat; height: 36px; margin: 0px 0 0 21px; width: 89px; }
a#menu-lacucina-eng:hover, a#menu-lacucina.active { background-position: 0 -36px; }
a#menu-lariserva-eng { background: url(css/images/button/laRiserva-eng.gif) no-repeat; height: 36px; margin: 0px 0 0 29px; width: 89px; }
a#menu-lariserva-eng:hover, a#menu-lariserva.active { background-position: 0 -36px; }
a#menu-mangiaredormire-eng{ background: url(css/images/button/mangiaredormire-eng.gif) no-repeat; height: 37px; margin-left: 20px; width: 128px; }
a#menu-mangiaredormire-eng:hover, a#menu-mangiaredormire.active { background-position: 0px -37px; }
a#menu-prezzi-eng { background: url(css/images/button/prezziPrenotazioni-eng.gif) no-repeat; height: 37px; margin: 0px 0 0 49px; width: 128px; }
a#menu-prezzi-eng:hover, a#menu-prezzi.active { background-position: 0 -37px; }



a:hover { color: #666666; text-decoration: underline; }
a.ext { background: url(css/images/ext-link_off.gif) no-repeat 0 4px; padding-left: 14px; }
a.ext:hover { background-image: url(css/images/ext-link_on.gif); }
div#content { background: url(css/images/strisciabg.jpg) repeat-y; left: 203px; position: absolute; text-align: justify; top: 146px; width: 573px; z-index: 4; }
div#content-ie { background: url(css/images/background_content.gif) repeat-y 2px 0; padding: 0 0px 10px 0px; }

/*******************************************************************************
* CONTENT
*******************************************************************************/
div#contentwrapper { left: 166px; position: absolute; top: 172px; width: 498px; z-index: 10; }
div#finepagina { background: url(css/images/finePagina.gif) no-repeat; background-color: #99A7CC; color: #333333; font-size: 90%; height: 100px; margin: 50px 0px 0px 0px; padding: 1px 20px 0px 20px; position: relative; text-align: center; width: 532px; float:left; }
div#footer { background: url(css/images/background_footer.png) no-repeat; }

/*******************************************************************************
* FOOTER
*******************************************************************************/
div#footer, div#footer-ie { height: 52px; }
div#footer-ie { background: url(css/images/background_footer.gif) no-repeat 2px 0; }
div#form_dormire { height: 650px; }

/*******************************************************************************
* RESERVATION PAGE
*******************************************************************************/
div#form_mangiare { height: 450px; }
/* manca tutto pezzo menu da screen.css *******

/*******************************************************************************
* HEADING
*******************************************************************************/
div#heading { left: 290px; position: absolute; top: 210px; }
div#heading h1 { height: 50px; width: 270px; }
div#heading h1 b { display: none; }
div#heading h1.contact { background: url(css/images/title_contact.gif) no-repeat; }
div#heading h1.designchuchi { background: url(css/images/title_designchuchi.gif) no-repeat; }
div#heading h1.portfolio { background: url(css/images/title_portfolio.gif) no-repeat; }
div#heading h1.profile { background: url(css/images/title_profile.gif) no-repeat; }
div#heading h1.projectDetails { background: url(css/images/title_projectdetails.gif) no-repeat; }
div#heading h1.services { background: url(css/images/title_services.gif) no-repeat; }
div#intro { background: url(css/images/bkg_content.gif) repeat-y; height: 339px; left: 206px; padding: 0 5px 10px 5px; position: absolute; text-align: justify; top: 111px; width: 549px; z-index: 11; }
div#mutanda { left: 420px; position: absolute; text-align: justify; top: 37px; width: 455px; z-index: 5; }

/*******************************************************************************
* SKELLETON CONTAINER
*******************************************************************************/
div#skelletoncontainer { background: url(css/images/bkgTotale.jpg) no-repeat; height: 816px; left: 0px; position: absolute; top: 0; width: 780px; z-index: 0; }
div.picture { z-index: 5; }
form input.submit { background: url(css/images/btn-send.gif) no-repeat left top; display: block; height: 15px; text-indent: -1000px; width: 52px; }
form input.submit:hover { background-position: 0 -15px; }
h1, h2, h3, h4 { background-color: transparent; font-weight: bold; }
h1.latest { background: url(css/images/title_latest.gif) no-repeat; height: 40px; margin-bottom: 20px; width: 160px; }
h1.latest b { display: none; }
h2 { font-size: medium; margin-bottom: 5px; }
h3 {
	line-height: 27px;
	font-size: 2em;
}
h3.civitella { background: url(css/images/titles/civitella.gif) no-repeat; }
h3.contatti { background: url(css/images/titles/contatti.gif) no-repeat; }
h3.cucina { background: url(css/images/titles/lacucina.gif) no-repeat; }
h3.cucina { background: url(css/images/titles/lacucina.gif) no-repeat; }
h3.dintorni { background: url(css/images/titles/home.gif) no-repeat; margin-bottom: 4px; }
h3.dintorni { background: url(css/images/titles/dintorni.gif) no-repeat; }
h3.dintorni { background: url(css/images/titles/dintorni.gif) no-repeat; }
h3.dormire { background: url(css/images/titles/dormire.gif) no-repeat; }
h3.dovesiamo { background: url(css/images/titles/dovesiamo.gif) no-repeat; }
h3.filacciano { background: url(css/images/titles/filacciano.gif) no-repeat; }
h3.galleria { background: url(css/images/titles/gallery.gif) no-repeat; }
h3.home { background: url(css/images/titles/home.gif) no-repeat; }
h3.home { background: url(css/images/titles/home.gif) no-repeat; }
h3.mangiare{ background: url(css/images/titles/mangiare.gif) no-repeat; }
h3.nazzano{ background: url(css/images/titles/nazzano.gif) no-repeat; }
h3.numerose { background: url(css/images/titles/numerose.gif) no-repeat; }
h3.offriamo { background: url(css/images/titles/offriamo.gif) no-repeat; }
h3.prenota_dormire { background: url(css/images/titles/prenotadormire.gif) no-repeat; }
h3.prenota_mangiare { background: url(css/images/titles/prenotamangiare.gif) no-repeat; }
h3.prenotazioni { background: url(css/images/titles/prenotazioni.gif) no-repeat; }
h3.prodotti { background: url(css/images/titles/prodotti.gif) no-repeat; }
h3.ricettario { background: url(css/images/titles/ricettario.gif) no-repeat; margin-bottom: 4px; }
h3.riserva { background: url(css/images/titles/lariserva.gif) no-repeat; }
h3.riserva, h3.dovesiamo, h3.prenotazioni, h3.galleria, h3.contatti,  h3.offriamo, h3.prodotti, h3.numerose,
h3.dormire, h3.mangiare, h3.dintorni, h3.nazzano, h3.filacciano, h3.santoreste, h3.torrita, h3.civitella, h3.santandrea, h3.visite, h3.cucina, h3.home, h3.dintorni, h3.prenota_mangiare, h3.prenota_dormire { height: 30px; padding: 0px 0px 0px 0px; }
h3.santandrea{ background: url(css/images/titles/santandrea.gif) no-repeat; }
h3.santoreste { background: url(css/images/titles/santoreste.gif) no-repeat; }
h3.torrita { background: url(css/images/titles/torrita_tiberina.gif) no-repeat; }
h3.visite { background: url(css/images/titles/visiteguidate.gif) no-repeat; }
img { border: none; }
img#welcomeimage { left: -28px; margin-bottom: 10px; position: relative; top: -20px; }
p { background: transparent; margin-bottom: 20px; }
ul{ list-style-position: inside; list-style-type: disc; padding: 0px 0px 0px 0px; }
ul ul{ list-style-type: square; }
ul ul ul{ list-style-type: none; }

/*******************************************************************************
* MENU
*******************************************************************************/
ul#menu { font-size: 0; height: 229px; left: 28px; line-height: 0px; list-style-type: none; position: absolute; top: 181px; visibility: visible; width: 205px; z-index: 1; }
ul#menu li { text-indent: -10000px; }
ul#menu li a { display: block; position: relative; text-decoration: none; }

/*******************************************************************************
* W3C
*******************************************************************************/
ul#w3c { font-size: 0; left: 345px; line-height: 0px; list-style-type: none; position: absolute; top: 793px; }
ul#w3c li { text-indent: -10000px; }
ul#w3c li a { display: block; height: 41px; position: relative; text-decoration: none; width: 64px; }
ul#w3c li a.css { background: url(css/images/w3c_css.png) no-repeat; left: 84px; top: -70px; }
ul#w3c li a.xhtml { background: url(css/images/w3c_xhtml.png) no-repeat; }
.clear { clear: both; font-size: 1px; height: 1px; line-height: 1px; width: 100%; }
.error { cursor: help; }
.pola { float: right; margin: 0 0px 0px 10px; padding: 0px 10px 0px 0px; z-index: 100; }
.pola1 { padding-bottom: 10px; padding-right: 0px; padding-top: 0; position: relative; top: 5px; }
.td_form { height: 25px; }
#colonnadx { float: left; width: 90 px; }

/*******************************************************************************
* CONTACT PAGE
*******************************************************************************/
#contactForm { display: block; float: left; width: 225px; }
#contactForm input, #contactForm textarea { font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 11px; }
#contactForm p { margin-bottom: 10px; }
#contactForm p.label-email { background: url(css/images/label-email.gif) no-repeat; }
#contactForm p.label-message { background: url(css/images/label-message.gif) no-repeat; }
#contactForm p.label-name { background: url(css/images/label-name.gif) no-repeat; }
#contactForm p.label-name,
#contactForm p.label-email,
#contactForm p.label-subject,
#contactForm p.label-message { height: 13px; line-height: 13px; margin: 0; text-indent: -10000px; }
#contactForm p.label-subject { background: url(css/images/label-subject.gif) no-repeat; }
#contactForm textarea.error,
#contactForm input.error { border: 1px solid #000000; }
#contactForm textarea.input,
#contactForm textarea.error,
#contactForm input.input,
#contactForm input.error { border: 1px solid #DDDDDD; padding: 2px; width: 240px; }
#contactForm textarea.input:hover,
#contactForm textarea.input:focus,
#contactForm input.input:hover,
#contactForm input.input:focus { border: 1px solid #AAAAAA; }
#pagetext { color: #353535; font-size: 11px; margin: 10px 55px 10px 40px; padding: 0 5px 10px; position: relative; text-align: justify; }
#pagetextpola { color: #353535; float: left; margin: 10px 0px; padding: 0 5px 10px 25px; position: relative; text-align: justify; width: 350px; }
#spalla { background: url(css/images/bkg_spalla2.pg.jpg) no-repeat; background-image: url(css/images/bkg_spalla2.pg.jpg); height: 500px; left: 784px; padding-left: 17px; padding-top: 150px; position: relative; top: 144px; width: 170px; z-index: 0; }
#spalla .spallatxt { background: url(css/images/bg_spallatxtgif.gif); background-image: url(css/images/bg_spallatxtgif.gif); color: #353535; margin-bottom: 20px; padding-bottom: 8px; padding-left: 8px; padding-top: 5px; position: relative;  width: 150px; }
#spalla .spallatxt:hover { background: url(css/images/bg_spallatxthovergif.gif); color: #353535; margin-bottom: 20px; padding-bottom: 8px; padding-left: 8px; padding-top: 5px; position: relative; width: 150px; }
#spalla_list { padding: 0px 0px 20px 0px; position: static; }
#spalla h3 {
	font-size: 1.5em;
}
#bandiera {
	position:absolute;
	left:61px;
	top:33px;
	width:120px;
	height:75px;
	z-index:6;
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}