/* CSS Sapore di Mare rel. 1 */


/*x lo sfondo che si autoadatta*/
* {margin: 0;padding: 0;}
#Body {font-family:"Lucida Grande", Lucida, Verdana, sans-serif;background-color:#e8f6fa;}
html, #Body, #bg, #bg table, #bg td {height:100%;width:100%;overflow:hidden;}
html,#Body{overflow:auto;}
#bg {position: fixed;}
#bg div {height:200%;left:-50%;position:absolute;top:-50%;width:200%;}
#bg td {text-align:center;vertical-align:middle;}
#bg img {margin:0 auto;min-height:50%;min-width:50%;}

/*x i contenitori del corpo del sito*/

#cont {position:absolute;top:0px;left:0;width:100%;height:auto;z-index:70;/*background-image:url(images/sfondo_testata.png);background-repeat:no-repeat;background-position:center 65px; background-attachment:scroll;*/}
.box {margin:10px auto 0;width:100%;height:100%;/*background-image:url(images/sfondo_bianco.png);*//*padding-bottom:25%;*/} /*height:960px*/

/*contenitore delle 3 colonne del corpo*/
div.colonne { width:1000px;height:auto;margin:0 auto; /*padding-bottom:50px;*/}


/*menu principale*/
div.menu_principale {width:1000px;height:30px;margin:0 auto;}
a.fade {height:30px;line-height:30px;margin-left:1px;text-align:center;font-size:13px; font-weight:bold;text-decoration:none;color:#FFFFFF;background-image:url(images/sfondo_tasti.jpg);cursor:pointer;float:left;display:block;}

a.home {width:90px;margin:0;}
a.chi {width:157px;}
a.filosofia {width:161px;}
a.franchising {width:167px;}
a.punti {width:168px;}
a.news {width:90px;}
a.dove {width:161px;}

a.user{font-size:12px;font-weight:bold} a.user:hover {color:#003366;}
div.userpane{width:136px;padding:5px 0px 5px 12px;margin: 0 auto;border-bottom:2px solid #c2c2c2;border-top:2px solid #c2c2c2;}
/*Testata con logo e oblo*/
div.testata {width:100%;height:100px;margin:10px 0 10px;background-image:url(images/sfondo_testata.png);background-repeat:repeat;background-position:center 0px; background-attachment:scroll;}

div.logo {width:1000px;height:97px;text-align:center;padding:0px;margin:0 auto 3px;/*float:left;*/}
/*div.sotto_testata {height:10px;border-left:1px solid #b7b7b7;border-right:1px solid #b7b7b7;}*/



/*Colonna SX*/
div.colonna_sx {width:168px;height:100%;padding:0px 0px 20px;float:left;border:1px solid #b7b7b7; background-image:url(images/sfondo_bianco_170px.png);}
div.inizio_colonna {height:27px; margin-bottom: 22px;background-image:url(images/inizio_colonna.jpg);}

a.fade_2 {width:136px;height:30px;margin: 0 auto;line-height:30px;text-align:left;background-image:url(images/sfondo_tasti_2.jpg);font-size:13px;font-weight:bold;padding-left:12px;text-decoration:none;color:#004278;cursor:pointer;display:block;border-top:1px solid #b7b7b7;}
a.fade_2_margin {border-bottom:1px solid #b7b7b7;}

a.fade_3 {background-image:url(images/sfondo_tasti_3.jpg);color:#FFFFFF;}

a.fade_4 {background-image:url(images/sfondo_tasti_4.jpg);color:#FFFFFF;}

a.fade_5 {background-image:url(images/sfondo_tasti_5.jpg);color:#FFFFFF;}

a.fade_6 {background-image:url(images/sfondo_tasti_6.jpg);color:#FFFFFF;}



/*NEWS*/
/*div.news_testata {width:148px;height:4px;margin:0 auto;}*/
div.news_corpo {width:148px;margin:0 auto 10px;}
/*div.news_piede {width:148px;height:4px;margin:0 auto;background-image:url(images/grigio_sfumato_03.png);}*/
div.news_titolo {font-size:14px;font-weight:bold;padding-left:12px;color:#004278;}
div.news_linea {width:100%;height:2px;margin:5px 0;}
div.articolo {font-size:10px;padding:0 7px;margin:10px 0;line-height:11px;}
div.articolo span {color:#6b6b6b;}

/*div centrale*/
div.centrale {width:640px;height:auto; margin:0 10px;padding:0px 0px 20px;float:left; background-image:url(images/sfondo_bianco_620px.png);}
div.tit_div_centrale {width:640px;height:36px;margin:10px 0;color:#FFFFFF;line-height:36px;text-align:center;font-size:24px; font-weight:bold;background-image:url(images/sfondo_tit_div_centrale.jpg);float:left;}
div.tit_div_centrale h1{color:#FFFFFF;line-height:36px;text-align:center;font-size:24px; font-weight:bold;}
div.tit_div_centrale_mappa {width:628px;height:36px;padding-left:12px;margin:10px 0;color:#FFFFFF;line-height:36px;text-align:left;font-size:16px; font-weight:bold;background-image:url(images/sfondo_tit_div_centrale.jpg);}
div.elenco_regioni {width:516px;height:100%;padding:30px 5px 30px 90px;margin:15px;color:#ffffff;font-size:14px;background-color:#3389c2;line-height:18px;}
div.elenco_regioni div {width:258px;float:left;}
div.elenco_regioni div a {color:#FFF;text-decoration:none;}
div.elenco_regioni div a:hover {color:#FFF;text-decoration:underline;}

div.tre_immagini {width:208px;float:left;text-align:center;}
div.tre_immagini img , div.tre_immagini_centrale img {border:0px solid #b7b7b7;}
div.tre_immagini_centrale {width:208px;padding:0 7px;float:left;text-align:center;}
div.tre_immagini div.testo a, div.tre_immagini_centrale div.testo a {width:208px;font-size:14px;font-weight:bold;color:#005189;text-decoration: none;cursor:pointer;}


/*Colonna DX*/
div.colonna_dx {width:168px;height:100%;padding:0px 0px 20px;float:left;border:1px solid #b7b7b7;background-image:url(images/sfondo_bianco_170px.png);}
/*div.testo_info {font-size:12px;color:#8c1071;margin-top:15px;}*/
div.linea_grigia {width:148px;height:2px;margin:0 auto 0;}
div.linea_grigia2 {width:148px;height:2px;margin:22px auto 0;}
div.fb {margin:8px 0 12px 10px;float:left;cursor:pointer;}
div.fb_testo {height:30px;line-height:30px;font-size:14px;padding-left:10px;margin-top:8px;float:left;cursor:pointer;}
div.fb_testo a {color:#000000;text-decoration:none;}
/*div.fb_testo_2 {font-size:11px;text-align:left;margin-top:5px;}*/
div.clear {clear:both;}
div.skype {margin:8px 0 6px 10px;float:left;}
div.skype_testo {height:32px;line-height:32px;font-size:14px;color:#0071bc;margin:8px 0px 6px 10px;float:left;}
div.skype_testo a {color:#0071bc;text-decoration:none;}
div.skype_testo2 {font-size:10px;text-align:left;margin:0 0 12px 10px;color:#0071bc;}
div.num_verde {margin: 20px 0 0 10px;}
div.informazioni {font-size:12px;text-align:left;color:#004379;margin:15px 10px 0 10px;}
div.informazioni2 {margin-bottom:3px;}


/*piede e copyright*/
div.piede {width:100%;height:88px;display:block;z-index:-1;margin-top:0px;text-align:center;background-image:url(images/sfondo_verde_2.png);background-repeat:no-repeat;background-position:center;}

div.cont_copy {width:100%;height:108px;left:-8px;z-index:72;margin-top:-88px;background-repeat:no-repeat;}
div.copy {font-size:10px;text-align:center;width:100%;height:20px;line-height:20px;margin: 0 auto;color:#FFFFFF;background-image:url(images/sfondo_copy.png);/*position: absolute;bottom:0;z-index:72;*/}
div.copy a {font-size:10px;text-decoration: none;color:#FFF;}
div.copy a:hover {color:#FFF;text-decoration: underline;}

a.contatti {color:#000000;} a.contatti:hover {color:#000000;}

/*per categoria e scheda prodotto

div.categoria {width:630px;margin:0 5px;float:left;}
div.titolo {width:615px;height:30px;background-color:#8C1071;float:left;line-height:30px;color:#FFF;font-size:12px;padding-left:15px;float:left;}
div.imgcateg {width:628px;height:310px;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;float:left;}
div.filettoazz {width:630px;height:10px;background-color:#577AA6;margin-bottom:8px;float:left;}

div.prodotti {width:114px;margin-right:15px;float:left;}
div.icone {width:112px;height:112px;border: 1px solid #cccccc; cursor:pointer;}
div.nome_prodotto {width:110px;height:22px;background-color:#E6E6E6;font-size:9px;color:#8C1071;line-height:22px;padding-left:4px;}
div.prezzo {width:50px;height:18px;color:#FFF;line-height:18px;font-size:9px;background-color:#8C1071;font-weight:bold;padding-left:4px;margin-bottom:8px;float:left;}

div.filettoazz2 {width:630px;height:10px;background-color:#577AA6;float:left;}
div.descr {width:285px;height:178px;background-color:#abbcd2;float:left;color:#1D4C81;font-size:12px;padding:15px;}
span.titdescr {color:#8C1071;font-weight:bold;}
span.titdescrbold {font-weight:bold;}

div.acquista {width:285px;height:178px;background-color:#CCC;float:left;padding:15px;}
div.acquistatxt {width:285px;height:20px;background-color:#f2f2f2;float:left;color:#000;font-size:9px;padding-left:4px;line-height:20px;margin-bottom:8px;}
div.tastiacquista {float:left;}


div.tastofisso {float:left;border-right: 1px solid #FFF;}
a.fade_6 {width:130px;height:20px;margin: 0 auto; cursor:pointer;display:block;float:left;color:#FFF;font-size:10px;background-image:url(images/sfondo_tasti.jpg);text-decoration: none;line-height:20px;text-align:center;border-right: 1px solid #FFF;}

a.fade_7 {width:100px;height:20px;margin: 0 auto; cursor:pointer;display:block;float:left;color:#FFF;font-size:10px;background-image:url(images/sfondo_tasti_3.jpg);text-decoration: none;line-height:20px;text-align:center;}

div.rosa {width:630px;height:164px;background-color:#e8cfe3;float:left;}
div.titconsigliati {width:123px;height:20px;background-color:#8C1071;color:#FFF;font-size:10px;text-align:right;padding-right:15px;line-height:20px;}

div.icone_consigliati {width:112px;height:112px;border: 1px solid #cccccc; cursor:pointer;float:left;margin:15px 0 0 15px;}
*/

 .c_contentpane td {padding:3px 25px;}

/* MODULO FOS */

.fos_main_container{width: 638px; height: 360px;  border: 1px solid #ccc;background-color:#ccc}

.fos_area_top {width:640px;height:36px;padding:0px;margin:10px 0;color:#FFFFFF;line-height:36px;text-align:left;font-size:18px; font-weight:bold;background-image:url(images/sfondo_tit_div_centrale.jpg);}
.fos_area_top .SubHead{color:#FFFFFF;line-height:36px;text-align:left;font-size:18px; font-weight:bold;padding-left:12px;}
.fos_area_top table td{margin:0px;padding:0px;}
.fos_area_top select{font-size:12px;font-weight:bold;color:#3389C2;padding:4px;}

.fos_area_container 
{
    
    background-color: #ccc;
   
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    width: 640px;
    border-top:5px solid #3389C2;
    border-bottom:5px solid #3389C2;
	
    }
    
  .fos_area_list
 {
     width:508px;
	 height:auto;
     margin:15px auto;
     background-color:#fff;
	 padding-top:25px;
	 padding-bottom:25px;
	 display:block;

 }

    
  .fos_data_container 
  {
    background-color: #ccc;
    position:relative;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    width: 640px;
    height:340px;
    }
    
 
 
 .fos_data_list
 {
     width:250px;
     height:300px;
     overflow:auto;
     position:absolute;
     border:2px solid #fff;
     background-color:#eee;
     top:16px;
     left:20px;
     
 }
 
  .fos_data_detail
{
    width: 330px;
    height: 300px;
    overflow: auto;
    position: absolute;
    border: 2px solid #999999;
    background-color: #fff;
    top: 16px;
    left: 290px;
}

.fos_data_detail h3{color: #3389C2;font-size:12px;margin-top:10px; margin-left:15px;}
.fos_data_list h3{color: #3389C2;font-size:12px;margin:10px 23px 2px 5px;padding-bottom:10px;}
.fos_data_list td{margin:0px;padding:0px;}
.fos_data_item
{   margin-left:5px;
    width:200px;border-bottom:2px dotted #3389C2;padding-top:8px;padding-bottom:8px;padding-left:8px; 
}
.fos_data_item_first
{
    border-top:2px dotted #3389C2;
}  
  

.fos_data_item a:link,.fos_data_item a:visited,.fos_data_item a:active{ 
    color: #3389C2;
    font-weight:bold;
    font-size: 11px;}

.fos_item_city
{
    color:#3389C2;
    font-size:14px;
    font-weight:bold;
    border-top:2px dotted #3389C2;
    margin:0px 15px 0px 15px;
    padding-top:5px;
    border-top:2px dotted #3389C2;
 }

.fos_item_address
{
    color:#3389C2;
    font-size:12px;
    font-weight:bold;
    border-bottom:2px dotted #3389C2;
    margin:0px 15px 0px 15px;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:2px dotted #3389C2;
}    
.fos_item_tel
{
    padding-top:2px;
}
.fos_item_Orario
{
    margin-left:15px;
	margin-right:15px;
    font-weight:bold;
    font-size: 11px;
    color: #FF6600;
}
.fos_item_Orario h3
{
    font-weight:bold;
    font-size: 15px;
    color: #FF6600;
    border:none;
	margin-left:0;
}
.fos_area_item{width:200px;border-bottom:2px dotted #005189;padding-bottom:5px;/*padding-left:8px;*/}
    
.fos_area_item a:link,.fos_area_item a:visited,.fos_area_item a:active{ 
    color: #005189;
    font-weight:bold;
    font-size: 12px;}

 .fos_path
 {
     margin-left:10px;
     
 }
 .fos_path_title
 {
     width:630px;
     color:#ffffff;
     background-color: #3389C2;
     line-height:15px;
     height:15px;
     vertical-align:middle;
     padding:5px;
     margin-left:-10px;
    
     font-size:11px;
 }
 
 .fos_item_icons td{width:48px;}
 


 
 .ModNewsSubscriptionC .NormalTextBox{
 
 border:1px solid #003D76;
 
 }
 
.articleEntry{
 margin-top:15px ;
 }
 .article{
padding-top:20px;
 
 
 }
 
 .articleImage{
 margin-left:0px;
 }
 
 #W2ArticlesView{
 background-image:url(images/imgOfferte.jpg);
 background-repeat:no-repeat;
 
 }
 .TitleBlock a:link,.TitleBlock a:visited{
 color:#fff;padding-right:15px;
 }
 #ArticleListContainer{padding-right:150px;padding-top:30px;}
.W2ArticleImage img{border:2px solid #fff !important;}

#slider{background-color:#ccc;width: 480px;height:360px;}
#slider li {width: 480px;height:360px;}

.ActiveMenu
{
    color: #999999 !important;
}

#facebox {

		/* overlay is hidden before loading */
		display:none;

		/* standard decorations */
		width:500px;
		height:366px;
		background-color:#FFFFFF;
		border:10px solid #666;
		/*padding:10px;*/

		/* for modern browsers use semi-transparent color on the border. nice! */
		border:10px solid rgba(255, 255, 255, 0.3);
        z-index:9999999;
		/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
		/*-moz-border-radius:8px;
		-webkit-border-radius:8px;*/
	}

#facebox div {
		padding:10px;
		border:1px solid #3B5998;
		background-color:#fff;
		font-family:"lucida grande",tahoma,verdana,arial,sans-serif
	}

	/* close button positioned on upper right corner */
#facebox .close {
	background-image:url(images/close.png);
	position:absolute;
	right:-30px;
	top:-30px;
	cursor:pointer;
	height:38px;
	width:38px;
}

div.menufranch { width:640px;text-align:center; float:left;color:#e11423;font-weight:bold;font-size: 12px; margin-bottom:10px; border-bottom:2px solid #4697c6; padding-bottom:8px;}
div.menufranch a { color:#e11423; text-decoration:none;}
div.menufranch a:hover { color:#e11423; text-decoration: underline;}




