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:10px 10px 30px; text-align:justify}
p.firma{margin:0 10px 10px;}
div{padding-top:0px; padding-bottom:0px}
div#container{padding-top:0px; padding-bottom:20px;}

.dispari{background:#ffffff;}
table#social-network {width:100%}

/* il blu #0099ff*/
/*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;font-weight:bold;text-decoration:none}
div#content a:hover{color:#000000;font-weight:bold;text-decoration:none}
div#content a:visited{color:#000000;font-weight:bold;text-decoration:none}

div#extra a{color:#ffffff;font-weight:bold;}
div#extra a:hover{color:#ffffff;font-weight:bold;}
div#extra a:visited{color:#ffffff;font-weight:bold;}

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


div#footer{background:url(../immagini/pensione-rimini-evalda-mare.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:#0099ff;}

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

div#content{float:left;width:700px;background:#f2f8fd;border-top:0px solid #0099ff;}
div#extra{float:right;clear:right;width:280px;background:#ffffff; border-top:1px solid #ffffff; border-right:0px solid #ffffff; text-align:center;padding-right:0px;}
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: 257px;}
/* 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;
}

/* CONTENITORI DEI BORDI E DEL CONTENUTO DEL BOX */
div.BORDI{width: 279px;}
div.CONTENUTO{
    background-color: #c76e44;
    color: #f2f8fd;
    width: 269px;
    padding: 5px;
}
/* CREAZIONE DEGLI ANGOLI SMUSSATI */
span.TOP, span.BOTTOM{
    display: Block;
    background-color: #ffffff;
}
span.TOP span, span.BOTTOM span{
    display: Block;
    overflow: Hidden;
    background-color: #c76e44;
    height: 1px;
}
span.RIGA1{margin: 0 5px;}
span.RIGA2{margin: 0 3px;}
span.RIGA3{margin: 0 2px;}
span.TOP span.RIGA4, span.BOTTOM span.RIGA4{
    margin: 0 1px;
    height: 2px;
}