/* div que contiene el slider */

div#alrededores_cont_imagen_wrapper {
	width:500px;
	float: left;
	height:350px;
	background:#ddd;
	overflow:hidden;
}

div#alrededores_cont_imagen {
	width:480px;
	margin:0 auto;
	position:relative;
	height:340px;
	background:#d1d1d1;
	overflow:hidden;
	
}

div#alrededores_cont_imagen img{
	border:none;
}

div#alrededores_cont_tit_fotogrande {
	position:relative;
	width:100%;
	text-align:left;
	background:#ddd;
}

p.sa_foto_tit {
	margin:0;
	font-size:1.2em;
	line-height:26px;
	font-size:bold;
	color:#4c4c4c;
}

a#alrededores_control_slider {
	position:absolute;
	top:0;
	right:0;
	line-height:26px;
	color:#2A5FAA;
}

div#alrededores_cont_imagen_inf, div#alrededores_cont_imagen_sup {
	position:absolute;
	top:26px;
	left:0;
	width:480px;
	height:320px;
	text-align:center;
	color:#d1d1d1;
}

div#alrededores_cont_imagen_inf {
	z-index:10;
}

div#alrededores_cont_imagen_sup {
	z-index:20;
}

img#alrededores_imagen_inf, img#alrededores_imagen_sup {
	margin:0 auto;
}

div#instalaciones_cont_categorias {
	float: right;
	width:26%;
}

div#alrededores_slider_wrapper {
	overflow:hidden;
	width:100%;
	height:80px;
	position:absolute;
	top:25px;
	left:0;
	z-index:30;
}

div#alrededores_cont_slider {
	width:100%;
	position:absolute;
	top:-80px;
	left:0;
	z-index:31;
	height:80px;
}

div#alrededores_cont_slider_fondo {
	background-color:#222;
	width:100%;
	opacity:0.6;
	position:absolute;
	top:-80px;
	left:0;
	z-index:29;
	height:80px;
}

div#alrededores_cont_contador {
	width:100%;
	position:absolute;
	top:60px;
	left:0;
	z-index:40;
	line-height:20px;
	color:white;
	text-align:left;
	height:20px;
	zoom:1;
}

p.sa_contador_txt {
	margin:0;
	padding-left:10px;
}

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:456px;
	margin:0 auto;
	overflow:hidden;
	padding:10px 0 20px;
	position:relative;
}

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

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

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

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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-slider-alrededores .jcarousel-next-horizontal {
    position: absolute;
    top: 27px;
    right: 1px;
    width: 10px;
    height: 12px;
    cursor: pointer;
    background: transparent url(/img_maquetacion/botones/slider_alrededores_next.jpg) no-repeat 0 0;
	z-index:1000;
	opacity:0.6;
}

.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: 27px;
    left: 1px;
    width: 10px;
    height: 12px;
    cursor: pointer;
    background: transparent url(/img_maquetacion/botones/slider_alrededores_prev.jpg) no-repeat 0 0;
	z-index:1000;
	opacity:0.6;
}

/*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 {
	width:80px;
}

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


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

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

div.sa_cont_contador {	
	display:none;
}

/*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;
}

div#recursos_cont_recursos{
	margin-top:15px;
	text-align:left;
}