#sp-images{ 
  float: left;
  margin: 5px 0
}

#big-image{
  float: left
}

.big-image-serv-1, .big-image-serv-2 {
  background: url(myimages/ombra-big-dx-servizi.png) no-repeat right;  
  height:246px;
  width:332px;
  line-height: 100%
}

.big-image-serv-2 {
  margin-top: 10px
}

.big-image-serv-2  div, .big-image-serv-1 div{
  background: url(myimages/ombra-big-sotto.png) no-repeat bottom;  
  height:246px;
  width:332px;
  line-height: 100%
}

#big-image div{
  background: url(myimages/ombra-big-sotto.png) no-repeat bottom;  
  height:502px;
  width:332px;
}

#big-image{
  background: url(myimages/ombra-big-dx.png) no-repeat right;  
  height:502px;
  width:332px;
  line-height: 100%
}

#big-image div{
  background: url(myimages/ombra-big-sotto.png) no-repeat bottom;  
  height:502px;
  width:332px;
}

#small-images{
  float: left;
  margin-left: 5px
}

.small-img{
  background: url(myimages/ombra-picc-dx.png) no-repeat right;  
  height:158px;
  width:158px;
}

.small-img div{
  background: url(myimages/ombra-picc-sotto.png) no-repeat bottom;  
  height:158px;
  width:158px;
}

#sp-content{ 
  float: left;
  padding: 25px 10px 0px 0px;
  width: 395px;
}

.spazio{
  height: 14px
}

span.freccette{
  font: 11px "Agency FB";
}

#extra-azienda{
  float: right;
  text-align: right;
}

#extra-dove-siamo{
  text-align: right;
  margin-top: -5px;
}

span.extra-titolo a:link{
  font: 11px "Arial Unicode MS";
  color: #484848;
}

h1.extra-title {             
  width: 109px;
  height: 20px;
  font: 11px "Arial Unicode MS";
  color: #484848;
  background: #dadada url(myimages/sfuma-titoli.jpg) no-repeat;
  padding: 5px 5px 0 20px;
  margin-bottom: 5px;
  text-transform: uppercase
}

#extra-azienda a{
  font: 11px "Arial Unicode MS";
  color: #484848;
}

#extra-servizi{
  float:right
}

ul#list-servizi{
  font: 11px Verdana;
  padding: 0;
  margin: 0
}

div.list-content{
  padding: 5px 0 0 10px;
}

ul#list-servizi li.el-servizi{
  background: url(myimages/servizi/bk-lista.jpg) no-repeat;
  height: 25px;
  width: 153px;
  margin: 1px 0 0;
  padding: 0;
}

#extra-marchi{
  margin-top:50px;
}

.marchio{
  width: 144px;
  height: 78px;
  text-align: center;
}

/*		JQuery plug-in for proposal list	*/
/* root element for scrollable */
.vertical {  
	/* required settings */
	position:relative;
	overflow:hidden;
	/* vertical scrollers have typically larger height than width */	
	height: 378px;
	margin: 0 auto;
	width: 320px;
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	/*height:20000em;*/
	overflow: hidden;
	margin: 0px;
}

/* single scrollable item */
.items div.views-row {
	padding:4px;
	font-size:12px;
	background: url(myimages/proposte/cornice.jpg) no-repeat;
	width:320px;
	height: 378px
}

/* elements inside single item */
.items img {
	float:left;
	margin: 0;
}

.views-field-field-image-fid{
  background:transparent url(myimages/proposte/cornice-immagine.jpg) no-repeat scroll 0 0;
  padding:5px 4px;
  height: 300px
}

.views-row div{
  overflow:hidden
}

/* the action buttons above the scrollable */
#actions {
  width: 320px;
  text-align: center;
  margin: 0 auto
}

.extra-content .up{
  margin-top:15px
}

#actions a {
  font-size:11px;		
  cursor:pointer;
}

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

.disabled {
  visibility:hidden;		
}

.views-field-title a{
  font: bold 10px verdana;
  color: #f6f6f6;
  margin: 0 5px 5px 5px;
}

.views-field-body{
  font: 10px verdana;
  color: #f6f6f6;
  margin: 0 10px 5px;
}

.views-field-body p{
  padding: 0;
  margin: 0
}

#map_canvas{
  font: 11px Verdana;
  color: #484848;
  text-align: left
}

.map-container-1{
  background: url(myimages/dovesiamo/ombra-mappa-sotto.png) no-repeat bottom;
  width: 373px;
  height: 277px;
}

.map-container-2{
  background: url(myimages/dovesiamo/ombra-mappa-dx.png) no-repeat right;
  width: 373px;
  height: 277px;
}

#node-4{
  margin: 5px 50px
}