/* 
    Document   : Centro
    Created on : Jun 27, 2012, 4:35:40 PM
    Author     : pcb
    Description:
        Purpose of the stylesheet follows.

	CENTRO
*/

.cell1, 
.cell2{
	display: block;
	margin-top: 10px;
}

.cell1{
	width: 503px;
}

	.cell1 .title-page,
	.cell1 .prenota,
	.cell1 .descrizione,
	.cell1 .image-zoom .text-hover,
	.cell1 .title-section{
		width: 464px;
	}
	
	.cell2 .title-page,
	.cell2 .prenota,
	.cell2 .image-zoom .text-hover,
	.cell2 .title-section,
	.cell2 .centri{
		width: 394px;
	}

.cell2{
	width: 435px;
}

.cell2 img{
	margin-right: 15px;
	margin-bottom: 21px;
	float: left;
}


.title-page{
	display: block;
	line-height: 71px;
	font-size: 19px;
	font-weight: bold;
	background: url('../images/titolo_centri.jpg') repeat-x top left;
}

	.title-page span,
	.prenota span,
	.text-hover span,
	.title-section span{
		padding-left: 10px;
	}

.image-zoom{
	margin-top: 10px;
	display: block;
	position: relative;
	height: 467px;
}
	.image-zoom img,
	.presentation img,
	.machines-images img,
	.galleria-video img,
	.title-page,
	.prenota,
	.title-section,
	.machines-images,
	.listino,
	.orari,
	#map{
		-moz-box-shadow:  2px 2px 2px #AAA;
		-webkit-box-shadow:  2px 2px 2px #AAA;
		box-shadow: 2px 2px 2px #AAA;
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#AAAAAA', Direction=135, Strength=1);
	}
	
	.presentation img{
		cursor: pointer;
	}
	
	.image-zoom .text-hover{
		position: absolute;
		bottom: 3px;
		line-height: 42px;
		background: url('../images/img-hover.png') repeat-x top left;
		font-size: 14px;
	}
	
.prenota{
	display: none;
	background: url('../images/gradiente_prenota.jpg') repeat-x top left;
	line-height: 44px;
	font-size: 15px;
	margin-top: 10px;
}

.prenota span,
.prenota-small span{
	text-shadow:#666666 1px 1px 3px;
}
	
.active{
	cursor: pointer;
}
.active:active{
	-moz-box-shadow:  0px 0px 8px #DDD inset;
	-webkit-box-shadow:  0px 0px 8px #DDD inset;
	box-shadow: 0px 0px 8px #DDD inset;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#DDDDDD', Direction=135, Strength=1);
}

.title-section{
	line-height: 52px;
	font-size: 17px;
	background: url('../images/gradiente_titoli.jpg') repeat-x top left;
	position: relative;
	margin-top: 10px;
}

.title-section .open-close{
	position: absolute;
	bottom: 3px;
	right: 5px;
	font-size: 11px;
	line-height: 11px;
}

.machines-images{
	display: block;
	line-height: 18px;
	display: block;
	padding-left: 7px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 7px;
	font-size: 15px;
	margin-bottom: 10px;
	float: left;
	width: 380px;
	background: #ECDAB6;
}

.map-container,
.map-container #map,
.descrizione,
.cell1 .title-section{
	margin-top: 15px;
}


	.map-container .title-map{
		font-size: 13px;
		line-height: 21px;
	}
	
	.map-container #map{
		margin-bottom: 15px;
	}

.orari{
	display: block;
	line-height: 18px;
	display: block;
	padding-left: 7px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 7px;
	margin-bottom: 10px;
	float: left;
	width: 380px;
	background: #ECDAB6;
}

.listino{
	display: block;
	padding-left: 7px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 2px;
	font-size: 15px;
	margin-bottom: 10px;
	float: left;
	width: 385px;
	background: #ECDAB6;
}

.box-img{
	display: block;
	float: left;
	position: relative;
}

.box-img .box-hover{
	position: absolute;
	bottom: 21px;
	left: 0px;
	height: 30px;
	background: url('../images/centri.png') repeat top left;
	width: 110px;
}

.box-img .box-hover span{
	width: 100px;
	margin-left: 5px;
	height: 30px;
	display: block;
	line-height: 13px;
}


.giorno,
.centro{
	width: 130px;
}
.ora{
	width: 170px;
	text-align: right;
}

.lampada{
	width: 252px;
}

.image-zoom .loading{
	margin-top: 40px;
}

.centri{
	font-size: 15px;
	line-height: 35px;
}


.promo {
	display: block;
	float: left;
	padding: 3px;
	font-size: 15px;
	clear: both;
	text-decoration: underline;
}

.promo-centri{
	display: block;
	line-height: 18px;
	display: block;
	padding-left: 7px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 7px;
	margin-bottom: 10px;
	float: left;
	width: 380px;
	background: #ECDAB6;
}

.promo-centri ul{
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

	.promo-centri ul li{
		font-size: 13px;
		color: #795817;
		font-weight: bold;
	}