/* CSS Document */
/* by Alice e Luca #7 */
/* ---------------------------------------------------------------------------------------- MASTER PAGE -------------- */
/* regole generali della pagina */

body
{
margin:0 auto;
padding:0;

}

#totale
{
font-family: Arial, Helvetica, sans-serif ;
font-size:11px;
color:#333;
margin:0 auto;
padding:0;
line-height:130%;
background-color:#FFFFFF;
height:100%;
}

#sito
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
padding:0 ;
width:755px;
padding-left:25px;
line-height:130%;
background-color:#FFFFFF;
border-top:5px solid #990099;

}

/* regole generali link */
a{
font-weight:bold;
color:#333;
text-decoration:none;
}

a:hover{
text-decoration:underline;
color:#990099;
}

embed{
border:10px solid #000;
}

/* regole testata menu generico orizzontale */
#header{
width:100%
padding-bottom:10px;
font-family: Arial, Helvetica, sans-serif ;
}

/* lista orizzontale menu generico */
#header ul{
font-family:Tahoma, Helvetica, sans-serif;
font-size:9px;
}

/* voci della lista contenuta dentro il box header */
#header li{
display:inline;
list-style:none;
}

/* regole link menu generico orizzontale */
#header a{
text-decoration:none;
color:#666;
}

#header a:hover{
text-decoration:none;
color:#990099
}


.sel{
font-weight:bold;
color:#990099;
text-decoration:none;
}

.sel a:{
font-weight:bold;
color:#990099;
text-decoration:none;
}

.sel a:hover{
text-decoration:none;
color:#333;
}

/*regole del box contenente menu e payoff*/
#box_top 
{
float:right;
margin:0 10px 0 0;
padding:0;
text-align:right;
}

/* regole box menu */
#menu {
background-image:url(../img/back_menu.jpg);
background-repeat:repeat-x;
background-position:top;
clear:both;
margin-bottom:20px;
text-align:left;
width:105%;
margin-left:-25px
}

#menu img {
border:0;
vertical-align:middle;
}

/* box contenuto delle pagine */
#content{
padding:0;
margin:0;
clear:left;
width:700px;
}

#content h1
{
    
    font-family: Arial, Helvetica, sans-serif ;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:0 0 15px 0;
}

#titolo {
float:left;
width:215px;
border-top:1px solid #EAEAEA;
font-size:18px;
font-family: Arial, Helvetica, sans-serif ;
font-weight:bold;
color:#990099;
padding-top:10px
}

#titolo span{
line-height:18px;
}


#titolo_fashion
{float:left;
width:215px;
border-top:1px solid #EAEAEA;
font-size:18px;
font-family: Arial, Helvetica, sans-serif ;
font-weight:bold;
padding-top:10px;
  color:#ff0066  }
  
.img_hsl {
border:1px solid #999;}  

a .img_hsl {
border:1px solid #999;} 
  
a:hover .img_hsl {
border:1px solid #ff0066;} 

#box_contenuto{
width:430px;
border-top:1px solid #EAEAEA;
margin-left:30px;
float:right;
padding-top:10px;
}

#servizi_muneri{
clear:both;
width:730px;
margin:10px 0;
padding-top:3px;
position:relative;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
color:#333;
text-align:right;
}

#box_percorso_pagina {
font-family:Arial, Helvetica, sans-serif;
clear:both;
width:725px;
background-color:#F0EEEE;
font-size:11px;
vertical-align:middle;
font-weight:bold;
margin:0 auto;
margin-bottom:10px;
padding-right:5px;
text-align:right;
position:relative;
}

#box_percorso_pagina a{
text-decoration:none;

}

#box_percorso_pagina a:hover{
text-decoration:none;
color:#333333;

}

#box_percorso_pagina .lucchetto{
position:absolute;
z-index:2;
margin-top:-10px;
left:0;
}

#box_percorso_pagina .testo_lucchetto{
float:left;
margin-left:30px;
}


.percorso_booking a{
font-weight:bold;
color:#3399cc;
}

.percorso_booking a:hover{
font-weight:bold;
color:#333333;
}

.percorso_fashion a{
font-weight:bold;
color:#ff0066;
}

.percorso_fashion a:hover{
font-weight:bold;
color:#333333;
}

.percorso_commerce a{
font-weight:bold;
color:#ff6600;
}

.percorso_commerce a:hover{
font-weight:bold;
color:#333333;
}

.percorso_display a{
font-weight:bold;
color:#6600ff;
}

.percorso_display a:hover{
font-weight:bold;
color:#333333;
}

.percorso_intranet a{
font-weight:bold;
color:#339900;
}

.percorso_intranet a:hover{
font-weight:bold;
color:#333333;
}

.percorso_service a{
font-weight:bold;
color:#666666;
}

.percorso_service a:hover{
font-weight:bold;
color:#333333;
}


/* box inferiore contenente copyright */
#footer {
text-align:left;
clear:both;
padding-top:5px;
margin:5px 0;
font-size:11px;
font-family: Arial, Helvetica, sans-serif ;
width:730px;
}

#footer  a{
text-decoration:none;
font-weight:bold;
}

#footer  a:hover{
text-decoration:underline;
}

.testo 
{
font-family: Verdana, Helvetica, sans-serif ;
font-size:11px;
color:#333;
}

.testo a{
font-weight:bold;
color:#333;
text-decoration:none;
}

.testo a:hover{
text-decoration:underline;
color:#990099;
}





/* --------------------------------------------------------------------------------------- CONTENUTI HOME ----------- */
#box_servizi1{
}

#box_commerce {
width:231px;
margin:5px 5px 10px 0px;
height:100px;
float:left;
border:1px solid #ccc
}


.box_descrizione_servizi {
padding:0px 3px 10px 3px;
clear:left;
float:left;
}

.box_descrizione_servizi p{
margin:0 0 5px 0;
}

#box_booking {
width:231px;
margin:0 5px 5px 5px;
height:100px;
float:left;
border:1px solid #ccc
}

#box_servizi2 {
padding-top:10px;
}

#box_service {
width:231px;
margin:0 5px 5px 5px;
height:100px;
float:left;
border:1px solid #ccc;
float:left;
}

#box_fashion {
width:231px;
margin:0 5px 5px 5px;
height:101px;
float:left;
border:1px solid #ccc;
float:right;
}


#box_grigio {
margin:15px 0 40px 0;
width:730px;
clear:both;
padding-top:0px;
}

.titolo_box_grigio {
padding:5px 5px 3px 5px;
border-bottom:1px dotted #666;
font-family: Arial, Helvetica, sans-serif ;
font-size:15px;
font-weight:bold;
color:#990099;
}


.titolo_box_grigio a{
font-weight:bold;
color:#990099;
text-decoration:none;
}

.titolo_box_grigio a:hover{
font-weight:bold;
color:#333;
text-decoration:none;
}

#box_mission 
{
width:220px;
padding:10px 20px 0 10px;
float:left;

/** border-left:3px solid #990099;**/
}

#box_news {
float:right;
width:400px;
padding:0px 20px 0 20px;
/** border-left:3px solid #FFCC00;**/
margin-bottom:20px;
}



/* box angoli arrotondati */
div.quadrato {
float:left;
position:relative; 
width:340px; 
background-color: #fff; 
background-image:url(../img/sfum_box.jpg);
background-position:top;
background-repeat:repeat-x;
} 

div.quadrato2 {
float:right; 
padding:0px 0px 0 0;
margin-left:20px;
position:relative; 
width:340px;
min-height:150px; 
background-color: #fff; 
background-image:url(../img/sfum_box.jpg);
background-position:top;
background-repeat:repeat-x;
} 

div.top-left-corner, div.bottom-left-corner, div.top-right-corner, div.bottom-right-corner {position:absolute; width:20px; height:20px; background-color:#FFF; overflow:hidden;} 
div.top-left-inside, div.top-right-inside {position:relative; font-size:150px; font-family:arial; color:#E6E6E6; line-height: 40px;} 
div.bottom-left-inside, div.bottom-right-inside {position:relative; font-size:150px; font-family:arial; color:#fff; line-height: 40px;} 
div.top-left-corner { top:0px; left:0px; } 
div.bottom-left-corner {bottom:0px; left:0px;} 
div.top-right-corner {top:0px; right:0px;} 
div.bottom-right-corner {bottom: 0px; right:0px;} 
div.top-left-inside {left:-8px;} 
div.bottom-left-inside {left:-8px; top:-17px;} 
div.top-right-inside {left:-25px;} 
div.bottom-right-inside {left:-25px; top:-17px;}
div.quadrato-contenuto {position: relative; padding: 8px; color:#000;} 



/* --------------------------------------------------------------------------------------- CONTENUTI NEWS ----------- */
.box_news
{
    margin:0 0 20px 0;
}

h2
{
    color:#990099;
    margin:0;
    font-family: Arial, Helvetica, sans-serif ;
    font-size:12px;
    font-weight:bold;
}

h3
{
    color:#990099;
    font-weight:bold;
    margin:0;
    font-family: Arial, Helvetica, sans-serif ;
    font-size:11px;
}

.news_archivio
{
    color:#000;
    font-family: Arial, Helvetica, sans-serif ;
    font-size:12px;
    border-left:5px solid #eee;
    padding:0 0 0 5px;
    margin:5px 0 15px 0;
}


.news{
min-height:100px;
padding-bottom:10px;
}

.news h2
{    
    font-size:12px;
	color:#990099;
	text-decoration:none;
	margin-top:5px
}

.news a:hover h2 
{    
    font-size:12px;
	color:#990099;
	text-decoration:none
}

.news .data
{
    color: #666666;
    font-weight:normal;
}

.news_archivio p
{
    margin:0 0 5px 0;
}

.news_archivio:hover
{
    background-color:#fafafa;
   
}

.data_news
{
    color:#999;
    font-family: Arial, Helvetica, sans-serif ;
    font-size:12px;
    font-weight:normal;
    margin:0 0 2px 0;
}

.data_news_archivio
{
    color:#999;;
    font-family: Arial, Helvetica, sans-serif ;
    font-size:12px;
   

}



.news_archivio a
{
    color:#666666;   
}

.news_archivio a:hover
{
    color:#990099;
    text-decoration:none;
}

.news_archivio .categoria
{
    color:#666666;
    font-size:12px;
}

.corpo_news
{
    
    font-size:11px;
    margin:0 0 2px 0;
}

.corpo_news p
{
    margin:2px 0 0px 0;
}

/* --------------------------------------------------------------------------------------- CONTENUTI SERVIZI ----------- */


.box_service
{
    clear:left;
}

.box_service p
{
    margin:0 0 3px 0;
	
}

.box_service img
{
   
    margin:0 5px 0 0;
}

.box_service .content_box_service
{
    margin:0;
    padding:0 5px;
	
}

.box_service h2
{
    margin:10px 0 0 0;
    padding:3px 0;
}

.box_service h2 a{
	color:#990099;
	font-weight:bold;
	font-size:110%;
}

.box_service a
{
    font-weight:normal;
}

/* --------------------------------------------------------------------------------------- PAGINA GENERALE PRODOTTO ----------- */

.elenco_prodotti_left
{
    vertical-align:top;
    width:200px;
}

.elenco_prodotti_left ul
{
    margin:0;
    padding:15px 0 0 0;
}

.elenco_prodotti_left li
{
    margin:0;
    padding:0;
    list-style-type:none;
}

.elenco_prodotti_right
{
    vertical-align:top;
}

.portfolio
{
    background-color:#eee;
    padding:10px;
    width:680px;
    position:relative;
}

.portfolio .prodotto
{
    display:inline;
    background-color:#ddd;
    margin:5px;
    padding:5px;
    width:80px;
}


/* --------------------------------------------------------------------------------------- MENU DI SEZIONE ----------- */

/*********************************BOOKING*/
.menuBooking{
}

.menuBooking ul,li{
margin:0;
}

.menuBooking li{
border-left:6px solid #3399cc;
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:5px 0;
padding:0 5px;

}

.menuBooking li:hover{
border-color:#999999;

}

.menuBooking .sel{
border-color:#999999;
}

.menuBooking .sel a{
color:#3399cc;
text-decoration:none;
font-weight:bold;
}

.menuBooking a{
font-weight:normal;
font-size:14px;
font-stretch:narrower;
}

.menuBooking a:hover{
color:#3399cc;
text-decoration:none;
}


/*********************************COMMERCE*/

.menuCommerce{
}

.menuCommerce ul,li{
margin:0;
}

.menuCommerce li{
border-left:6px solid #ff9900;
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:5px 0;
padding:0 5px;
}

.menuCommerce li:hover{
border-color:#999999;
}

.menuCommerce .sel{
border-color:#999999;
}

.menuCommerce .sel a{
color:#ff9900;
text-decoration:none;
font-weight:bold;
}

.menuCommerce a{
font-weight:normal;
font-size:14px;
font-stretch:narrower;
}

.menuCommerce a:hover{
color:#ff9900;
text-decoration:none;
}

/*********************************FASHION*/

.menuFashion{
}

.menuFashion ul,li{
margin:0;
}

.menuFashion li{
border-left:6px solid #ff0066;
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:5px 0;
padding:0 5px;
}

.menuFashion li:hover{
border-color:#999999;
}

.menuFashion .sel{
border-color:#999999;

}

.menuFashion .sel a{
color:#ff0066;
text-decoration:none;
font-weight:bold;
}

.menuFashion a{
font-weight:normal;
font-size:14px;
font-stretch:narrower;
}

.menuFashion a:hover{
color:#ff0066;
text-decoration:none;
}


/*********************************SERVICE*/

.menuService{
}

.menuService ul,li{
margin:0;
}

.menuService li{
border-left:6px solid #666;
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:5px 0;
padding:0 5px;
}

.menuService li:hover{
border-color:#333;
}

.menuService .sel{
border-color:#333;
}

.menuService .sel a{
color: #666;
text-decoration:none;
font-weight:bold;
}

.menuService a{
font-weight:normal;
font-size:14px;
font-stretch:narrower;
}

.menuService a:hover{
color: #666;
text-decoration:none;
}

/*********************************INTRANET*/
.menuIntranet{
}

.menuIntranet ul,li{
margin:0;
}

.menuIntranet li{
border-left:6px solid #339900;
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:5px 0;
padding:0 5px;
}

.menuIntranet li:hover{
border-color:#999999;
}

.menuIntranet .sel{
border-color:#999999;
}

.menuIntranet .sel a{
color:#339900;
text-decoration:none;
font-weight:bold;
}

.menuIntranet a{
font-weight:normal;
font-size:14px;
font-stretch:narrower;
}

.menuIntranet a:hover{
color:#339900;
text-decoration:none;
}

/*********************************DISPLAY*/
.menuDisplay{
}

.menuDisplay ul,li{
margin:0;
}

.menuDisplay li{
border-left:6px solid #6600ff;
font-family:Geneva, Arial, Helvetica, sans-serif;
margin:5px 0;
padding:0 5px;
}

.menuDisplay li:hover{
border-color:#999999;
}

.menuDisplay .sel{
border-color:#999999;
}

.menuDisplay .sel a{
color:#6600ff;
text-decoration:none;
font-weight:bold;
}

.menuDisplay a{
font-weight:normal;
font-size:14px;
font-stretch:narrower;
}

.menuDisplay a:hover{
color:#6600ff;
text-decoration:none;
}


/*********************************NEWS*/
.menuNews{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#333333;
font-weight:normal
}

.menuNews ul,li{
margin:0;
}

.menuNews li{
border-left:6px solid #990099;
margin:5px 0;
padding:0 5px;
}

.menuNews li:hover{
border-color:#333;
color:#333333;
}

.menuNews .sel{
border-color:#990099;
}

.menuNews .sel a{
color:#990099;
text-decoration:none;
font-weight:bold;
}

.menuNews a{
font-weight:normal;
font-size:14px;
font-stretch:narrower;
}

.menuNews a:hover{
color:#990099;
text-decoration:none;
}

.descrizione_news p{
margin:0;
padding:0;
}

.button{
font-size:12px;
border:1px solid #660099;
background-color :#660099;
background-position:top;
background-repeat:repeat-x;
color:#fff;
font-weight:bold;
padding:0;

}

.button a{
color:#a40130;
font-stretch:narrower;
}

.button a:hover{
color:#000000;
font-stretch:narrower;
}