html,body,wrapper,container{margin:0px;padding:0px}
body{font:76% verdana,arial,sans-serif; font-family: Verdana,Arial; text-align:center; color:#000000; font-size:0.8em}
p{margin:0 10px 10px}
p.content{margin:0 10px 30px; text-align:justify}
table#listino{
              margin:10px;
              width:100%;
              border-top:2px solid #b3d8f4;
              border-bottom:2px solid #b3d8f4;
              border-collapse:collapse;
              }
#dispari{background: #b3d8f4}

p.firma{margin:0 10px 10px; text-align:right}
div{padding-top:0px; padding-bottom:0px}
div#container{padding-top:20px; padding-bottom:20px;}

/*stili per i link*/

div#navigation1 a{color:#085dd1;font-size:1.1em; font-weight:bold;}
div#navigation1 a:hover{color: #085dd1;font-size:1.1em;font-weight:bold;}
div#navigation1 a:visited{color: #085dd1;font-size:1.1em;font-weight:bold;}

div#navigation2 a{color:#085dd1;font-size:1em; font-weight:bold;}
div#navigation2 a:hover{color: #085dd1;font-size:1em;font-weight:bold;}
div#navigation2 a:visited{color: #085dd1;font-size:1em;font-weight:bold;}

div#content a{color:#000000}
div#content a:hover{color:#000000}
div#content a:visited{color:#000000}

div#extra a{color:#000000}
div#extra a:hover{color:#000000}
div#extra a:visited{color:#000000}


div#content h1{margin:10px;}
div#content h2{margin:15px;}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;background: #EEE;color: #79B30B}
div#container{text-align:left}
div#content p{line-height:1.8em; padding-top:10px;}
div#navigation1{background:url(../immagini/bg-nav1.gif) repeat-x #ffffff; color: #085dd1; font-size:1.1em;font-weight:bold; height:30px;}
div#navigation2{background:url(../immagini/bg-nav1.gif) repeat-x #ffffff; color: #085dd1; font-size:1em;font-weight:bold; height:20px;}

div#extra{text-align:center}
div#footer{background:url(../immagini/immagine-sotto-pensione-concadoro.jpg) no-repeat #f2f8fd top; height:150px}
div#footer p{margin:0;padding:5px 10px}


div#navigation1{width:980px;margin:0px;}
div#testo-nav1{margin:0px 10px 0px;}
div#testo-nav2{margin:0px 10px 0px;}
div#wrapper{background:#b3d8f4}

div#container{width:980px;margin:0 auto;}

div#content{float:left;width:698px;background:#f2f8fd;border-top:2px solid #b3d8f4;}
div#extra{float:right;clear:right;width:280px;background:#f2f8fd; border-top:2px solid #b3d8f4;}
div#footer{clear:both;width:100%}
div#copyright{font-size:0.7em}
div#navigation2{clear:both;width:100%}

.virgolettato{
	padding:15px 40px;
	background-color:#f2f8fd;
	font-style: italic;
	/*border-top:2px solid #b3d8f4;
	border-bottom:2px solid #b3d8f4;*/
	position:relative;
}

.virgolette_top{
	position:absolute;
	background:url(../immagini/virgolette-top.png) no-repeat #f2f8fd top left;
	width:25px;
	height:18px;
	top:10px;
	left:5px;
}

.virgolette_bottom{
	position:absolute;
	background:url(../immagini/virgolette-bottom.png) no-repeat #f2f8fd top left;
	width:25px;
	height:18px;
	bottom:10px;
	right:5px;
}


/*toglie il bordo alle immagini linkabili*/
A:link IMG { border: 0px solid blue }
A:visited IMG { border: 0px solid red }
A:active IMG { border: 0px solid lime }

/* effetto ombra alle immagini/box*/


#contenitore-immagine
{
    position: relative;
    left: 7px;
    
}


#ombra
{
    width: 267px;
}
/* Per quanto riguarda le sfumature: impostiamo il posizionamento relativo e lo spostamento (in negativo) di un pixel ai tre livelli di sfumatura dell'ombra: */
#ombra .sfumatura_2, #ombra .sfumatura_3, #ombra .immagine
{
    position: relative;
    left: -1px;
    top: -1px;
}


/*A questo punto impostiamo il colore di sfondo ai vari livelli di sfumatura, utilizzando ad esempio delle scale di grigio:*/

#ombra .sfumatura_1
{
    background: #E0E0E0;
}
#ombra .sfumatura_2
{
    background: #C0C0C0;
}
#ombra .sfumatura_3
{
    background: #A0A0A0;
}

#ombra .immagine
{
    background: #FFFFFF;
    padding: 5px 5px 5px 5px;
    border: solid 0px #b3d8f4;
}