@charset "utf-8";
/* CSS Document */

body
{
  font-family:Geneva, Arial, Helvetica, sans-serif;
  COLOR: #666666;
  margin: 0px; 
  padding: 0px; 
  background:#ffffff url(../images/body_img.jpg) repeat-y; 
}



#container
{
   background:url(../images/sfondo_content.jpg) repeat-y;
   width:774px;
   margin:3em auto 0px auto;
   margin-bottom:3em;
   text-align:left;
}

/* HEADER - START */

#container #header
{
   
   width:774px;
   height:146px;
   margin:0px auto 0px auto; 
   text-align:left;  
}
#container #header #header-left
{
   width:192px;
   height:146px;
   float:left;
   background:url(../images/sfondo_header_left.jpg) no-repeat;
   cursor:pointer;
}
#container #header #header-right
{
  width:582px;
  height:146px;
  float:left;
  background:url(../images/sfondo_header_right.jpg) no-repeat;
}
#container #header #title_top
{
  margin-left:2em;
  padding-top:2em;
  width:77%;
  height:32px;
}



#container #header #title_top h1
{
   float:left;
   margin-left:2px;
   font-size:16px;
   color:#666666;
   position:relative;
}

#container #header #title_top #flag_top
{
   float:left;
   width:150px;
   height:30px;
   position:relative;
}

/* HEADER - END */

/* CONTENT - START */
#container #content
{
   width:774px;
   height:100%;
  
}
#desc-barche td.lx1
{
   height:25px;
   width:20%;
   padding:4px 4px 4px 4px;
   background:#0099CC;
   font-weight:bold;
   color:#FFFFFF;
}
#desc-barche td.lx2
{
   height:25px;
   width:20%;
   padding:4px 4px 4px 4px;
   background:#00B5F0;
   font-weight:bold;
   color:#FFFFFF;
}
#desc-barche td.rx1
{
   height:25px;
   width:80%;
   padding:4px 4px 4px 4px;
   background: #DDDDDD;
   color:#000000;
}
#desc-barche td.rx2
{
   height:25px;
   width:80%;
   padding:4px 4px 4px 4px;
   background: #ececec;
   color:#000000;
}
#container #content #left-sidebar
{
    background:#006699 url(../images/sfondo_left.jpg) no-repeat;
	width:197px;
	height:250px;
	float:left;
}

/* LEFT NAVIGATION - START */
#container #content #left-sidebar #nav
{  
   
   width:100%;
   padding-top:0.6em;
  
}
#container #content #left-sidebar #nav ul
{
   list-style:none;
   display: block;
   width:100%;
   /*color:#FFFFFF;*/
   font-size:15px;
   font-weight:bold;
   
}
#container #content #left-sidebar #nav dl dt
{
  padding: 0.4em 0.4em 0.1em 0.6em;
 padding-left:1.6em; 
  /*margin-left:-1.4em;*/
  display:block;
  height:10px;
  list-style:none;
    
}
#container #content #left-sidebar #nav dl dt a
{
  color: #FFCC00;
  text-transform:none;
  font-size:16px;
  text-decoration:none;
  font-weight:bold;
}
#container #content #left-sidebar #nav dl dt a:hover
{
  
  height:10px;
  width:100%; 
  display:block;
  color:#FFCC00;
  text-decoration: underline;
  font-weight:bold;
    
}

/* LEFT NAVIGATION - END   */



#container #content #box-content
{
    width:66%;
	font-size:12px;
    float:left;
	padding-left:1.4em;
	padding-top:2em;
	padding-bottom:2em;
	padding-right:2em;
	height:auto;
}

#container #content #box-content #index-box-1,#index-box-2,#index-box-3
{
  width:25%;
  float:left;
  height:200;
  padding:6px 6px 6px 6px;
  
}
h2.title-index
{
  color:#FF9900;
}
#container #content #box-content h1
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  font-size:18px;
  font-weight:bold;
}

#container #content #box-content h2 a
{
  font-family:Geneva, Arial, Helvetica, sans-serif;
  /*background: #FF9900;*/
  color:#FF9900 ;
  font-size:16px;
  text-decoration:none;
}

#container #content #box-content h2 a:hover 
{
  font-family:Geneva, Arial, Helvetica, sans-serif;
  /*background:#FF6600;*/
  color: #FF6600;
  font-size:16px;
  text-decoration:NONE;
}

#container #content #box-content #cat-indice
{
  width:100%;
  font-size:10px;
  margin-left:0px;
}
#container #content #box-content #cat-indice ul
{
   display:inline;
   /*margin-left:-4em;*/   
}
#container #content #box-content #cat-indice ul li
{
   display:inline;
   height:100px;
   width:20%;
   color:#666666;
}
#cat-indice ul li{

font-size:12px;
}
#container #content #box-content #cat-indice ul li a
{
   color:#999999;
   text-decoration:none;
}

#container #content #box-content #cat-indice ul li a:hover
{
   color:#666666;
   text-decoration:none;
}

#container #content #box-content #grigio-arancio-box
{
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#006699;  
}

#container #content #box-content #grigio-arancio-box th.title
{
background:url(../images/th_white.png);

}

#container #content #box-content #grigio-arancio-box th
{
  background:url(../images/th_arancio.png);
   height:3px;
   text-align:center;
   font-weight:bold;
   font-size:12px;
   
}
#container #content #box-content #grigio-arancio-box td
{
  background:url(../images/td_grigio.png) repeat-x;
   height:45px;
   font-size:10px;
   text-align:center;
}

#container #content #box-content #preview-list
{
   width:100%;
   margin:0px auto 0px auto;
   text-align:left;
   margin-bottom:2em;
   border-bottom:1px dotted #FF9900;
  
}
#container #content #box-content #preview-list #img_box
{
   width:44%;
   float:left;
}
#container #content #box-content #preview-list #prev-box
{
   
   text-align:left;
   width:44%;
   float:left;
}


/* CONTENT - END */

/* FOOTER - START */
#container #bottom-content
{
  background:url(../images/sfondo_content_bottom.jpg) no-repeat;
  height:10px;
  width:774px;
}
#container #footer
{
   width:774px;
   height:193px;
   background:url(../images/sfondo_footer.jpg);
   margin:0px auto 0px auto; 
   text-align:left;
}
#container #footer #nav-bottom
{
   padding-top:5.1em;
   padding-left:18.5em;
   width:60%;
   height:40px;
}
#container #footer #nav-bottom ul
{
  display:inline;
}
#container #footer #nav-bottom ul li
{
  display:inline;
}
#container #footer #nav-bottom ul li a
{
  color:#000000;
  text-decoration:none;
  font-weight:bold;
  
}
#container #footer #nav-bottom ul li a:HOVER
{
  color:#276394;
  text-decoration:underline;
  font-weight:bold;
}

#partners{

background:#FFFFFF;}
/* FOOTER - END   */

#img-cont
{
   background:url(../images/provtp.jpg) no-repeat;
   width:479px;
   height:399px;
}

#img-cont a
{
  font-family:Arial, Helvetica, sans-serif;
  color:#FF9900;
  text-decoration:none;
  font-size:12px;
  font-weight:bold;
}

#img-cont a:HOVER
{
  font-family:Arial, Helvetica, sans-serif;
  color:#FF9900;
  text-decoration:underline;
  font-size:12px;
  font-weight:bold;
}


#svito{padding-top:1.3em; margin-left:18.5em;}
#erice{padding-top:5em; margin-left:19.3em;}
#levanzo{padding-top:0; margin-left:11em;}
#trapani{margin-top:-1em; margin-left:16.5em;}
#marettimo{margin-top:-0.8em; margin-left:3em;}
#favignana{margin-top:1em; margin-left:9em;}
#mothia{margin-top:0; margin-left:15.5em;}
#marsala{padding-top:2em; margin-left:15em;}
#pantelleria{padding-top:7em; margin-left:4em;}
#ustica{padding-top:1em; margin-left:17em;}