/************************************************/
/* CSS 2.0 carrusel.css - HOTEL DE ALICANTE     */
/* @author: netconsulting.es                    */
/* @url: www.netconsulting.es                   */
/************************************************/

/* CSS Document */
html > body #content #carousel{
	margin-top:10px;
	/*border:1px solid #000;*/
	position:relative;
}
#content #carousel{
	width:460px; /* 560px */
	height:145px;
	overflow:hidden;
	padding:0px;
	margin:0 auto;
	position:relative;
	margin-top:20px;
	border:0px solid red;
	}

	#content #carousel .panel{
		position:relative;
		width:460px; /* 560px */
		height:145px;
		margin:5px 5px 5px 15px;
		padding:0 0 0 20px;
		text-align:center;
		display:block;
		overflow:hidden;
	}

		#content #carousel #offer-header{
		background:url(../images/ico-offers.jpg) no-repeat top left #ef2d24;
		height:auto;
		padding:10px;
	}
		#content #carousel #offer-header h4{
			color:#fff;
			margin-left:25px;	
			font-weight:bold;
		}
		#content #carousel #offer-header p{
			color:#fff;
			margin-left:25px;
			text-align:justify;
			
		}
			html > body #content #carousel .offers-list li.offer-item{
				margin-right:30px;
			}
							
			#content #carousel .offers-list li.offer-item{
				float:left;
				width:150px;
				height:130px;
				margin-top:10px;
				margin-right:10px;
			}
							
				#content #carousel .offers-list li.offer-item h5{
					background:url(../images/bullet_offers.jpg) no-repeat top left;
					margin-top:5px;
					/*padding-left:25px;*/
					font-size:80%;
					font-weight:bold;
					color:#ff911a;/*#0478c5*/
					text-align:center;
				}
			#content #carousel #offer-header a{ color:#fff;}

	/*-- NAVEGACION --*/
	#content #carousel #navegacion{
		/*position:relative;*/
		position:absolute;
		left:20px;
		height:30px;
		text-align:left;
		top:156px;
		padding:0 0 10px 0;

	}
	#content #carousel #navegacion #anterior{
		margin:0px;
		padding:0px;
		position:relative;
		background-color:#00FF00;
		left:10px;
	}
	#content #carousel #navegacion #siguiente{
		margin:0px;
		padding:0px;
		position:relative;
		left:475px;
	}
		#content #carousel #navegacion img:hover{
			cursor:pointer;
		}