/* Estilos para el capitulo 3, principalmente para la seccion de mapas */

/* Estilos para la imagen de loading */
#loading_container_div {
	position: absolute; top: 0px; left: 0px;
}

#loading_background_div {
	filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block; background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;
}

#loading_image_div {
	position: absolute; display: block; background: url(../images/loading.gif) no-repeat center center; top: 0px; left: 0px;width: 100%;height:100%;
}

/* Estilos para el contenedor de los mapas */
#slide_container {
	cursor: move; position: absolute; left: 130px; top: 0px; width: 700px; height: 500px; overflow: hidden;
}

/* Estilo para los bullets de navegacion */
#bullet_element {
	position: absolute; bottom: 16px; right: 6px;
}

#bullet_element div {
	position: absolute; width: 16px; height: 16px;
}

/* Estilos para las flechas */
#left_arrow_maps {
	width: 30px; height: 46px; top: 227px; left: 130px;
}

#right_arrow_maps {
	width: 30px; height: 46px; top: 227px; right: 130px;
}

/* jssor slider bullet navigator skin 18, modified by Juan Carlos with Photoshop css */
/*
	.jssorb05 div           (normal)
	.jssorb05 div:hover     (normal mouseover)
	.jssorb05 .av           (active)
	.jssorb05 .av:hover     (active mouseover)
	.jssorb05 .dn           (mousedown)
*/
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	background: url(../images/b18-2.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}

.jssorb05 div {
	background-position: -7px -7px;
}

.jssorb05 div:hover, .jssorb05 .av:hover {
	background-position: -37px -7px;
}

.jssorb05 .av {
	background-position: -67px -7px;
}

.jssorb05 .dn, .jssorb05 .dn:hover {
	background-position: -97px -7px;
}

/* jssor slider arrow navigator skin 12 css */
/*
	.jssora12l              (normal)
	.jssora12r              (normal)
	.jssora12l:hover        (normal mouseover)
	.jssora12r:hover        (normal mouseover)
	.jssora12ldn            (mousedown)
	.jssora12rdn            (mousedown)
*/
.jssora12l, .jssora12r, .jssora12ldn, .jssora12rdn {
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(../images/a15.png) no-repeat;
	overflow: hidden;
}

.jssora12l {
	background-position: -16px -37px;
}

.jssora12r {
	background-position: -75px -37px;
}

.jssora12l:hover {
	background-position: -136px -37px;
}

.jssora12r:hover {
	background-position: -195px -37px;
}

.jssora12ldn {
	background-position: -256px -37px;
}

.jssora12rdn {
	background-position: -315px -37px;
}