/*IMPOSTAZIONI GENERALI*/

html,body{ 
    height:100%;
    margin:0;
    padding:0;
}

body{
        margin:0px;
        padding:0px;
        background:#50200b url(../images/sf_body.jpg) repeat-x 0 0;
        font-family:arial, Verdana, Sans-Serif;
        font-size:100.01%;
        color:#fff;
    }
    
a 
{
    color:#e6be9a;
    text-decoration:none;}

a:hover
{
    text-decoration:underline;}    

h1
{
    font-size: 1.6em;
    font-weight: normal;
    color:#e6be9a;
    margin:0 0 20px 0;
    }
h2{font-size: 1.3em;
    font-weight: normal;
    margin:10px 0 15px 0;

    }
h3{font-size: 1.2em;
    font-weight: normal;
    margin:10px 0 15px 0;}

h4 {font-size: .8em;
    font-weight: bold;
    margin:10px 0 15px 0;
    color:#fff;
    }
    
p{font-size:.8em;
    margin:5px 0 5px 0;
    text-align:justify;}


ul
{
    list-style-type:none;
}


/*STRUTTURA DEL SITO*/



/*div principale */
    
body>#main-wrap{

    height: auto;
    min-height: 100%;
    position:relative;

}




#main-wrap
{
    margin:0px auto;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-500px;
    width:1000px;
    height:100%;
    background:transparent url(../images/main-wrap-bg.jpg) repeat-y 0px top;
    }

/*animazione flash*/
        
 #flash-background{
        width:1000px;
        height:394px;
        text-align:left;
        margin:0px auto;
        position:absolute;
        top:0px;
        left:50%;
        margin-left:-520px;
        z-index:0;
    }
    
 
 #noflash
 {
    position:absolute; top:15%; left:40%; z-index:10000; width:400px;color:#fff;}
 
 
 /*header*/
  #header
  {
    height:135px;
    /*background:transparent url(../images/sf_header.jpg) no-repeat 172px top;*/
    background:transparent url(../images/sf_text.png) no-repeat 153px 90px ;
    z-index:100;
    position:relative;
  }

#logo
{
    height:135px;
    padding:0px 0 0 158px;
    
    }    
    

#logo a
{
    display:block;
    width:180px;
    background:transparent url(../images/logo.png) no-repeat 0 15px;
    height:90px;
    position:relative;
    z-index:1;
    }     
            
/*menu principale di navigazione*/
#menu
{
    width:153px;
    float:left;
    background:transparent;
    margin-left:12px;
    text-align:right;}
    
#menu a
{
    color:#fff;
    }                


.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: 13px Verdana;
width: 153px; /* Main Menu Item widths */
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: transparent; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color:#b13414;}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 98px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
background-color: #b13414;
font-size:11px;}



.sidebarmenu ul li ul a:hover{
background-color:transparent;
text-decoration:underline;
}

  
/* Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }



/*box sotto al menu sulla sinistra*/
#extra_sx
{
    margin-top:40px;
    padding:10px 5px 10px 5px;
    text-align:right;
    border-top:1px solid #fff;
    color:#f1d3b8;}
    
#extra_sx p
{
    text-align:right;
    font-size:.75em;
    margin:4px 0 12px 0;
    
    }
#extra_sx a
{
     color:#e6be9a;
}

/*contenuto del sito*/

#website{
    width:1000px;
    min-height:330px;
    height:auto !important;
    height:330px;
    text-align:left;
    margin-left:-512px;
	left:50%;
    position:relative;
    z-index:10000;
}

#breadcrumbs{font-size:.7em;margin:0 0 10px 0;}

#colsx
{
    float:left;
    width:290px; 
    font-size:.9em;
    }

#colsx ul
{   padding-left:5px;
    margin:0 0 20px 0;
    }

#colsx ul li
{   font-size:.8em;
    padding-top:4px;
    }
    
#colsx ul li a
{   font-weight:bold;
    }    

#colsx h3
{
    margin:10px 0 4px 0;}

#coldx{margin-left:300px;
    padding-top:5px;}




/*Mappa interattiva*/

#mappa 
{
    margin:0;
    margin-left:240px;
	height: 253px; 
	background: transparent;
}
#map {
	width: 730px; 
	position: relative; 
	height: 253px; 
	background:transparent url(../images/mappa2.png) no-repeat center 50%;
}


/*footer*/
#footer
{
    	background:transparent url(../images/sf_footer.png) no-repeat 50% top;
    	width:600px;
    	text-align:center;
        margin:0 auto;
        margin-top:30px;
        padding:10px 0 30px 0;
        font-size:.8em;
        color:#fff;
		clear:both;
    }

/*CLASSI*/


.big{font-size:1.2em;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.small{font-size:.7em;}
.midsmall{font-size:.8em;}
.dest{padding-left:8px;
    display:block;
    color:#e6be9a;}
.text-content-home{
    padding:20px 0 0 270px;
    background:transparent url(../images/sf_text.png) no-repeat 165px 5px;
    font-size:.8em;
}

.text-content{
    padding:0px 0 0 270px;
    background:transparent;
}

.torna
 {
    text-align:center;
    margin-top:20px;
	clear:both;}
    
.travel_img
{
    border:1px solid #fff;
    width:270px; 
    margin:13px 0 6px 0;} 
    
.formfield{background:transparent; border:1px solid #e6be9a; color:#fff;}
.formtextarea{background:transparent; border:1px solid #e6be9a; overflow:hidden; color:#fff;}