@charset "utf-8";
/* CSS Document */


html,body {
margin: 0; padding:0; 
top:0;
background-color: #FFF;
font-size: 100%;
font-family: Tahoma, Geneva, sans-serif;  text-align: center;
}

/*  container  */
div#container {
width: 960px;
margin: 0 auto; 
margin-top: 20px;
text-align: center; 
background-color: #FFF;
border-style:solid;
border-width:1px;
border-color:#666;
}

div#containerint {
width: 924px;
margin: 0 auto; 
margin-top: 0px;
text-align: center; 
background-color: #FFF;
}

div#logo {
margin: 0 auto; 
margin-top: 0px;
text-align:right;
width: 882px;
height: 70px;
background-color: #FFF;
background-image:url(appartamenti_mare_toscana/logo.jpg);
background-repeat:no-repeat;
}

div#lingue {
width:300px;
padding-top:25px; float:left;
text-align:right}
div#slogan {
padding-top: 10px;
padding-left:20px;


}

div#contfoot {
width: 960px;
height: 60 px;
padding-top: 15px;
margin: 0 auto; 
margin-top: 0px;
text-align: right;
font-size:12px;
background-color: #FFF;
background-image:url(appartamenti_mare_toscana/shadow_BG.jpg);

}

/*  testa e colonne  */
div#testa {width: 924px; height:330px; margin: 0 auto; text-align: left; background-color: #ffffff;}

/*   content   */
#content { margin: 0 auto; text-align:left; padding: 20px; width: 884px; height: 443px; background-color: #FF9933;}

/* colonne */
div#colsxup { margin: 0 auto; text-align:left; width: 586px; height: 330px; float:left; background-color: #FFF;}
div#coldxup {margin: 0 auto; text-align:left; width: 335px;  height: 330px; float:left; background-color: #CCCCCC; color:#333333; }


div#colsx { margin: 0 auto; text-align:left; padding: 20px; width: 552px; height: 443px; float:left; background-color: #FF9933;}
div#coldx {margin: 0 auto;; text-align:left; padding: 10px; width: 310px;  height: 463px; float:left; background-color:#f9a437; background-image:url(appartamenti_mare_toscana/offerte_BG2.jpg); background-position:bottom; background-repeat:no-repeat}
div#coldx a{ color: #FF3300; text-decoration:none}
div#coldx a:hover{ color:#FF3300; text-decoration:underline}


/* oveerflow */
div#scorri { margin: 0 auto; text-align:left; width: 542px; height: 383px; background-color: #FF9933; overflow:auto;}
div#testoflow {margin: 0 auto; text-align:justify; width: 502px; height: 363px;}
div#scorrixl { margin: 0 auto; text-align:left; width: 884px; height: 403px; background-color: #FF9933; overflow:auto;}
div#testoflowxl {margin: 0 auto; text-align:justify; width: 844px; height: 403px;}


/*  NOTIZIE  */
div#scorri2 {margin: 0 auto; text-align:justify; width: 542px; height: 190px; overflow:auto; padding-right:15px}
#blocco-news { }
#foto img{margin-right: 10px}
#blocco-news .data {font-size:90%}
#blocco-news .text { text-align:justify;color:#000000; font-size:100%}
#blocco-news a{ color:#FFFFFF; font-size:14px; text-decoration:none;}
#blocco-news a:hover{ color:#ffffff; font-size:14px; text-decoration:underline; }


/*  NOTIZIA  */
#blocco-new h2 {color:#FF99CC;font-size: 110%;}
#blocco-new .dove {color:#000000;font-size: 105%; font-weight:bold}
#not { float:left}
#not img{margin-right:10px;}
#blocco-new .text {text-align:justify; color:#00000; font-size:100%}
#blocco-new a{ color: #FFFFff; text-decoration:none}
#blocco-new a:hover{ color: #FFFFff; text-decoration: underline}
#all-news a {color: #ff99cc; font-weight:bold; text-decoration:none}
#all-news a:hover{ color: #ff99cc; font-weight:bold; text-decoration: underline}


/*  CONTATTI   */
#testoflow a{ color: #FFFFff; text-decoration:none}
#testoflow a:hover{ color: #FFFFff; text-decoration: underline}




div#footer { text-align:right; color:#000; background-color:#FFF; width: 960px; height: 80px; clear:left; background-image:url(appartamenti_mare_toscana/shadow_BG.jpg); background-repeat:no-repeat; padding-top:20px;}

div#footervuoto { text-align:right; color:#000; background-color:#FFF; width: 924px; height: 30px; clear:left;}

/*  personalizzazione testi  */
.titolo { font-size:36px; color:#333; font-family:Tahoma, Geneva, sans-serif}
.titolo2 { font-size:20px; color:#FFF; font-family:Tahoma, Geneva, sans-serif;}
.titolo3 { font-size:26px; color:#333; font-family:Tahoma, Geneva, sans-serif}
.titolo4 { font-size:36px; color:#333; font-family:Tahoma, Geneva, sans-serif; padding: 50px;0 0 20px}

.contatti { font-size:14px; color:#333; font-family:Tahoma, Geneva, sans-serif;}





div#riga { margin-top: 0px; background-color: #CC3333; width: 922px; height: 2px;}

/*  layout menu  */
#menu{ margin: 0; padding:0;  height:52px; width:922px; display:block; background-image:url(appartamenti_mare_toscana/menu_BG2.jpg);}
#menu li{padding:0; margin:0; list-style:none; display:inline;}

a.home{float: left; height: 52px; width:154px; background: url(appartamenti_mare_toscana/bottone.jpg) no-repeat top left; color: #FFF; font-size:14px; text-decoration: none;}
a.home span{display:block;background: url(psicologa-psicoterapeuta/home.jpg) no-repeat top right}
a.home:hover{background-position:0px -52px; color: #FFF; margin-top:0px; font-size:14px; text-decoration: none; font-weight:bold;}
a.home:hover span{background-position:0px -52px;color: #FFF; margin-top:0px; font-size:14px; text-decoration: none; font-weight:bold; }
.home-on {float: left;height: 52px; width:154px; background: url(appartamenti_mare_toscana/bottone_on.jpg) no-repeat top left; color: #FFF; margin-top:0px; font-size:14px; text-decoration: none;}


a.appartamenti{float: left;height: 52px; width:154px; background: url(appartamenti_mare_toscana/bottone.jpg) no-repeat top left; color: #FFF; font-size:14px; text-decoration: none;}
a.appartamenti span{display:block;background: url(psicologa-psicoterapeuta/chisono.jpg) no-repeat top right}
a.appartamenti:hover{background-position:0px -52px; color: #FFF; margin-top:0px; font-size:14px; text-decoration: none; font-weight:bold}
a.appartamenti:hover span{background-position:0px -52px; color: #FFF; margin-top:0px; font-size:14px; text-decoration: none; font-weight:bold}
.appartamenti-on{float: left;height: 52px; width:154px; background: url(appartamenti_mare_toscana/bottone_on.jpg) no-repeat top left; color: #FFF; margin-top:0px; font-size:14px; text-decoration: none;}

a.dintorni{float: left;height: 52px; width:154px; background: url(appartamenti_mare_toscana/bottone.jpg) no-repeat top left; color: #FFF; font-size:14px; text-decoration: none;}
a.dintorni span{display:block;background: url(psicologa-psicoterapeuta/chisono.jpg) no-repeat top right}
a.dintorni:hover{background-position:0px -52px; color: #FFF; margin-top:0px; font-size:14px; text-decoration: none; font-weight:bold}
a.dintorni:hover span{background-position:0px -52px; color: #FFF; margin-top:0px; font-size:14px; text-decoration: none; font-weight:bold}
.dintorni-on{float: left;height: 52px; width:154px; background: url(appartamenti_mare_toscana/bottone_on.jpg) no-repeat top left; color: #FFF; margin-top:0px; font-size:14px; text-decoration: none;}

a.prezzi{float: left;height: 52px; width:153px; background: url(appartamenti_mare_toscana/bottone.jpg) no-repeat top left; color: #FFF; font-size:14px; text-decoration: none;}
a.prezzi span{display:block;background: url(psicologa-psicoterapeuta/terapie.jpg) no-repeat top right}
a.prezzi:hover{background-position:0px -52px; color: #FFF; margin-top:0px; font-size:14px; text-decoration: none; font-weight:bold;}
a.prezzi:hover span{background-position:0px -52px; color: #FFF; margin-top:0px; font-size:14px; text-decoration: none; font-weight:bold;}
.prezzi-on{float: left;height: 52px; width:153px; background: url(appartamenti_mare_toscana/bottone_on.jpg) no-repeat top left;  color: #FFF; margin-top:0px; font-size:14px; text-decoration: none;}

a.dovesiamo{float: left;height: 52px; width:153px; background: url(appartamenti_mare_toscana/bottone.jpg) no-repeat top left; color: #FFF; font-size:14px; text-decoration: none;}
a.dovesiamo span{display:block;background: url(psicologa-psicoterapeuta/formazione.jpg) no-repeat top right}
a.dovesiamo:hover{background-position:0px -52px; color: #FFF; margin-top:0px; font-size:14px; text-decoration: none; font-weight:bold;}
a.dovesiamo:hover span{background-position:0px -52px; color: #FFF; margin-top:0px; font-size:14px; text-decoration: none; font-weight:bold;}
.dovesiamo-on{float: left;height: 52px; width:153px; background: url(appartamenti_mare_toscana/bottone_on.jpg) no-repeat top left; color: #FFF; margin-top:0px; font-size:14px; text-decoration: none;}

a.contatti{float: left;height: 52px; width:153px; background: url(appartamenti_mare_toscana/bottone.jpg) no-repeat top left; color: #FFF; font-size:14px; text-decoration: none;}
a.contatti span{display:block;background: url(appartamenti_mare_toscana/bottone.jpg) no-repeat top right}
a.contatti:hover{background-position:0px -52px; color: #000; margin-top:0px; font-size:16px; text-decoration: none; font-weight:bold;}
a.contatti:hover span{background-position:0px -52px; color: #FFF; margin-top:0px; font-size:14px; text-decoration: none; font-weight:bold;}
.contatti-on{float: left;height: 52px; width:153px; background: url(appartamenti_mare_toscana/bottone_on.jpg) no-repeat top left; color: #FFF; margin-top:0px; font-size:14px; text-decoration: none;}

a.linkpiede {font-size: 12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:normal;}
a.linkpiede:hover {font-size: 14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; text-decoration:none; font-weight:bold;}

