body { 
  background-color: #E3E3E3;
  font-family: Arial;
  font-size: 12px;
  margin: 0;	
 }
a{
outline: none;
}

#main {
float:left;
position:relative;
width:76%;
padding:15px;
}

#content-page {
background-color: #FFFFFF;
overflow:hidden;
}

#right {
float:left;
overflow:hidden;
padding-top:10px;
}

#right-servizi {
overflow:hidden;
padding-top:4px;
}

.box-servizi{
padding-top:5px;
padding-right:5px;
}

#benvenuto {
float:left;
overflow:hidden;
padding-top:27px;
width:220px;
text-align:left;
line-height:1.34em;
}

#offerte {
background: transparent url(../images/layout/sfondo-bottom.jpg) no-repeat;
display:block;
width:450px;
height:220px;
padding-left:5px;
padding-top:15px;
font-size:11px;
line-height:13.3px;
}

#photo-gallery {
display:block;
width:450px;
padding-left:2px;

}

.mail {
color:#000000;
text-decoration:none;

}

#wrapper { 
  width: 900px !important;
  padding: 0;
  border: 0;
  margin: 0 auto;
  padding:0 30px;
  color: #000;
  position: relative; 
  z-index: 0;
 }

#header {
  width: 100%;
  height: 125px;
  padding: 0;
  margin: 0;
  border: 0;	   
  position:relative;
  background : transparent url(../images/logo.jpg) no-repeat;
  
 }


#header span { 
  position: absolute; 
  top: 0; 
  font: normal 29px Georgia, serif; 
  margin: 20px;
  padding: 0;
  color: #394753; 
 }

#menu { 
 
  width: 100%;
  color: #fff;
  position: relative;
  z-index: 1;
  border:0;
 }

#menu ul {
  margin: 0; 
  padding: 0; 
  list-style: none; 
  float:right; 

  position:relative;
  right:15px;
  height:125px;
  overflow:hidden;
 }

#menu ul li { 
  margin: 0; 
  padding: 0;
  float:left;
  text-align: center; 
}

#menu ul li a { 
	display:block;
	background:#B8B9BD;
	float:left;
	height:90px;
	margin:100px 2px 0 2px;
	padding:4px 7px;
	text-decoration:none;
	text-align:center;
	
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	color:#1B1C20;
 }
 
#menuVideo{ 
	display:block;
	float:left;
	height:90px;
	margin:100px 2px 0 2px;
	padding:4px 7px;
	text-decoration:none;
	text-align:center;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	color:#1B1C20;
 }

#menu ul li a:hover { 
  background: #fff; 
  color: #000; 
  height:80px;
	margin-top:95px;
 }

#lingua {
position:absolute;
left:770px;
top:18px;
display:block;
width:113px;
text-align:right;
color:#B8B9BD;
z-index:10;
}

#lingua a{
text-decoration : none;
}

#lingua a:hover{
text-decoration : none;
color:#000;
}

#link-sposi{
	padding-left:5px;
}

#testo-sposi p{
	margin:0px;
	color:#000;
	font-size:12px;
	width:100%;
	line-height: 15px;
	padding-bottom: 4px;
    padding-left: 0px;
}

#testo-sposi td{
	margin:0px;
	line-height: 13px;
	vertical-align: top;

	padding: 0 0 1px;
}

#feature { 
  height: 200px;
  margin: 1px 0;
  text-align: left;
  position: relative;
  z-index:0; 
  clear: right; 
  padding-left:5px;
 }

#feature h2 { 
  position: absolute; 
  left: 140px;
  font-family: stereofidelic, sans-serif;
  color: #999;
  font-size: 34pt;
  padding: 0; 
  margin:80px 0 0 0; 
 }

#content { 
  position: relative;
  width:680px;
  background: #ffffff;
  padding-left:0px;
  overflow:hidden;
}
.gt { margin:5px 17px; }
.clear { clear: left; height:15px; }

.tile {
  margin: 5px;
  width: 200px;
  background: #f9f9f9;
  padding: 0;
  font: normal 11px Tahoma,sans-serif;
  color: #444;	   
  border: 1px solid #aaa;
  text-align: left;
  position:relative;
  float:left; 
  display:inline; 
 }
.tile p { margin: 0 5px 5px; }
.tile h2 { margin: 5px 5px 0; font: bold 11px Tahoma, sans-serif;}
.tile .image {  position:relative;float:right;top:-5px;left:5px; right:5px; text-align:right;color:#bbb;margin:0; width:75px; height:75px; background:#eee; border:1px solid #bbb; }


/*#footer  { 
  position: relative;
  width:100%;
  background: #fff;
  padding:0;
  margin: 0px;
  text-align: center;
 }

#footer ul { 
  margin: 0; 
  padding: 0; 
  list-style: none; 
 }

#footer ul li { 
  margin: 0; 
  padding: 0 5px; 
  display: inline; 
  text-align: center; 
 }

#footer ul li a { 
  margin: 0; 
  padding:0;
  border: 0; 
  font: bold 11px Tahoma, sans-serif;
  color: #900;
 }

#footer ul li a:hover { color: #000; }*/

#footer {
    height: 65px;
    width: 900px;
}
#footer p {
    font-size: 10px;
}
#footer div.info {
    float: left;
    max-width: 650px;
}
#footer div.info p {
    margin: 0;
    padding: 0;
    line-height: 16px;
    color:#666666;
}
#footer div.gruppoMarachella {
    color: #666666;
    float: right;
    height: 60px;
    overflow: hidden;
    width: 206px;
}
#footer div.gruppoMarachella p {
    font-size: 10px;
    margin: 0;
    padding: 0;
    line-height: 16px;
}
#footer div.gruppoMarachella a {
    background: url("../images/layout/gruppoMarachella.png") no-repeat scroll 53px 4px transparent;
    border-color: #B3B3B3;
    border-style: solid;
    border-width: 1px 0;
    float: left;
    height: 35px;
    text-indent: -999px;
    width: 206px;
}
#footer p.societa {
    display: inline-block;
    letter-spacing: -0.1px;
    margin-top: 20px;
    width: 680px;
}


#copyright { 
  margin-top: 10px;
  height:20px;
  background-color: #394753;
  font: normal 11px Tahoma, Arial, sans-serif;
  color: #ffffff;
  padding: 5px 0 0 0;
  text-align: center;  
 }
a{
color:#7A8EA1
}


/*Classi per il blocco sulla destra*/
#header-left{
   background: transparent url(../images/layout/header-left.jpg) no-repeat scroll 1px 0%;
   width:100%;
   padding:13px 0px 0px 11px;
}

#body-left{
   background: transparent url(../images/layout/body-left.jpg) repeat-y scroll 0% 100%;
   width:100%;
   padding-left:15px;
   padding-top:10px;
   display:block;
   width:150px;
}

#bottom-left{
   background: transparent url(../images/layout/bottom-left.jpg) no-repeat scroll 0% 100%;
   width:100%;
   padding:16px 0px 0px 0px;
}

#blocco-left{
  display:block;
  width:150px;
}

.span-left{
font-size:15px;
font-weight:bold;
color: #9A0431;
}

.span-lit{
font-size:11px;
padding-bottom:5px;

}

.td_left{
padding-top:0px;
}

/*Fine classe*/

/*MENU SLIDER*/
#gallery {
  background:transparent url(../images/wide/1.jpg);
	position:relative;
	height:200px;
	top:1px;
	
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
		background: url(../images/offerta-sfondo.png) no-repeat 0 0;
		filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	  -khtml-opacity: 0.7;
    opacity: 0.7;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}
	

/*FINE CSS SLIDER*/

/*CSS PopUp*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:1000px;
  height:1000px;
  display:none;
  z-index:9999;
  /*padding:20px;*/
}

#boxes #dialog {
  width:1000px; 
  height:1000px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog2 {
  background:#FFFFFF url(../../sito_new/images/notice.png) no-repeat 0 0; 
  width:850px; 
  height:520px;
  overflow:hidden;
  /*padding:50px 0 20px 25px;*/
}

#boxes #dialog3 {
  background:#FFFFFF url(../../sito_new/images/notice.png) no-repeat 0 0; 
  width:840px; 
  height:700px;
  overflow:hidden;
  /*padding:50px 0 20px 25px;*/
}

/*CSS PER GLI ARTICOLI NEGLI SLIDER*/
#content-article{
padding:10px;
}

#title-article{
display: block;
background-color: #868688;
text-align:center;
color:#FFFFFF;
font-size:18px;
height:30px;
padding-top:0px;
}

/*CSS per form contatti*/
input.classe_textbox
{
color: #868688;
}

input.classe_textbox:hover
{
color: #000000;
background:#868688 url(../images/layout/form_input.gif) repeat-x scroll 100% 100%;
}

input:focus
{
color: #000000;
background:#868688 url(../images/layout/form_input.gif) repeat-x scroll 100% 100%;
}

.title-gallery{
text-decoration:none; 
color:#000000;
}

.title-gallery:hover{
text-shadow: 0 1px 0 #FFFFFF, 0 5px 5px #969696;

}

#video{
position:absolute;
left:530px;
top:-2px;

}
/*PROVA*/
 #scr1 div {
  visibility:hidden;
 }
 #scr1, #scr1 div.default {
   width:300px;
   height:200px;
   overflow:hidden;
   visibility:visible;
 }
 #scr1 table tr td div {
  visibility:visible;
 }

 #scr1 {
   font-size: .8em;
 }

.normalLink{
text-decoration:none;
font-weight:bold;
color:#000000;
}

	#blocker {
			width: 300px;
			height: 300px;
			background: red;
			padding: 30px;
			border: 5px solid green;
		}
	

#sposi-left{
    border-right: 1px solid #000000;
    display: block;
    float: left;
    padding-right: 9px;
    width: 305px;
}

#sposi-right{
    display: block;
    float: left;
    padding-left: 5px;
    width: 300px;    
}

#sposi-right td{
    
}

#menu2 {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#menu2 li {
    float: left;
    height: 85px;
    padding-left: 10px;
    position: relative;
    text-align: center;
}
#menu2 li a {
    background: url("menu.png") no-repeat scroll 0 0 transparent;
    display: block;
    outline: medium none;
    position: relative;
    top: 5px;
}

	#terra{
	    display: block;
	    float: left;
	    padding-right: 5px;
	    width: 120px;
	}
	
	#mare{
	    border-left: 1px solid #F8F8F8;
	    display: block;
	    float: left;
	    padding-left: 10px;
	    width: 120px;
	}
	
	#box-bottom{
	    display: block;
	    float: left;
	    font-size: 10px;
	    line-height: 11.5px;
	    padding-top: 20px;
	}