/* div que contiene el slider */

div#alrededores_cont_slider {
	border:4px solid #ddd;
	background-color:#eee;
	width:74%;
	float:right;
}

div#instalaciones_cont_categorias {
	float:left;
	width:24%;
}

div.jcarousel-skin-slider-alrededores {
	margin:0 auto;
	border:none;
}

div.jcarousel-skin-slider-alrededores ul.jcarousel-list {
	left:0;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	top:0;
	z-index:1;
	border:none;
}

ul#slider_alrededores {
	list-style:none;
}

div.jcarousel-skin-slider-alrededores .jcarousel-container {
    background: transparent;
	border:none;
	position:relative;
	padding:0;
}

/*div que contiene tanto la imagen como las flechas del desplazamiento*/
.jcarousel-skin-slider-alrededores .jcarousel-container-horizontal {
    width: 100%;
	overflow:hidden;
	padding-top:15px;
}


/*div que sirve de ventana para el slider, estableciendo el tamaño de la 'ventana'
para las miniaturas de imagen*/
.jcarousel-skin-slider-alrededores .jcarousel-clip-horizontal {
    width:470px;
	margin:0 auto;
	overflow:hidden;
	padding:10px 0;
	position:relative;
}

/*Este es el estilo del elemento que contiene la imagen, generalmente un <li>*/

.jcarousel-skin-slider-alrededores .jcarousel-item {
    width: 470px;
    height:auto;
	float:left;
	list-style:none;
}

.jcarousel-skin-slider-alrededores .jcarousel-item-horizontal {
    margin-right: 20px;
}

.jcarousel-skin-slider-alrededores .jcarousel-item-placeholder {
    background: transparent;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-slider-alrededores .jcarousel-next-horizontal {
    position: absolute;
    top: 170px;
    right: 5px;
    width: 30px;
    height: 23px;
    cursor: pointer;
    background: transparent url(/img_maquetacion/sp_flecha_derecha.gif) no-repeat 0 0;
}

.jcarousel-skin-slider-alrededores .jcarousel-next-horizontal:hover {
    /*background-position: -32px 0;*/
}

.jcarousel-skin-slider-alrededores .jcarousel-next-horizontal:active {
   /* background-position: -64px 0;*/
}

.jcarousel-skin-slider-alrededores .jcarousel-next-disabled-horizontal,
.jcarousel-skin-slider-alrededores .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-slider-alrededores .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    /*background-position: -96px 0;*/
}

.jcarousel-skin-slider-alrededores .jcarousel-prev-horizontal {
    position: absolute;
    top: 170px;
    left: 5px;
    width: 30px;
    height: 23px;
    cursor: pointer;
    background: transparent url(/img_maquetacion/sp_flecha_izquierda.gif) no-repeat 0 0;
}

/*Utiliza una tira de imágenes para cambiar el estado del botón, desplazándolo 32 pixeles, como se ve en los dos estilos de debajo*/

.jcarousel-skin-slider-alrededores .jcarousel-prev-horizontal:hover {
    /*background-position: -32px 0;*/
}

.jcarousel-skin-slider-alrededores .jcarousel-prev-horizontal:active {
    /*background-position: -64px 0;*/
}

.jcarousel-skin-slider-alrededores .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-slider-alrededores .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-slider-alrededores .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    /*background-position: -96px 0;*/
}

/*Estilo del div que contiene la imagen y el título*/

div.jcarousel-skin-slider-alrededores div.sa_cont_img {
	padding:10px;
	background:white;
	width:auto;
}

div.jcarousel-skin-slider-alrededores div.sa_img_wrapper {
	width:450px;
	height:300px;
	overflow:hidden;
}


.jcarousel-skin-slider-alrededores .sa_foto_img {
	border:1px solid white;
}

.jcarousel-skin-slider-alrededores p.sa_foto_tit {
	text-align:left;
	font-size:1.2em;
	margin-top:15px;
}

/*Estilos para el submenu de los alrededores*/

div#alrededor_cont_categorias {
	float:left;
	overflow:hidden;
	width:23%;
}

div.cont_menu_categoria {
	background-color:#333333;
	text-align:left;
}

h3.mc_tit_menu {
	line-height:26px;
	margin:0;
}

span.mc_tit_menu_txt {
	padding-left:10px;
	color:#FFFFFF;
}

div.mc_categoria {
	background-color:#EEEEEE;
	font-size:0.9em;
	text-align:left;
}

h3.mc_tit_categoria {
	font-weight:100;
	line-height:22px;
	margin:0;
	padding:4px 4px 0 10px;
	border-bottom:1px solid #FFFFFF;
}

a.mc_tit_categoria_link {
	color:#000033;
}