@charset "utf-8";
/* CSS Document */

/* ******************************** */
/* Indicar que la página sea un 1% más grande*/
/* para que la barra vertical siempre esté visible */
/* ******************************** */
html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

/* ******************************** */
/* Quitar el fondo azul de selección */
/* ******************************** */
.sin_seleccion{
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

/* ******************************** */
/* Cambiar puntero del ratón */
/* ******************************** */
.cursor{
	cursor:pointer;
}


/* ******************************** */
/* Mensaje */
/* ******************************** */
.fondo_mensaje{
	position: fixed;
	height: 400px;
	width: 600px;
	top:50%;
	margin-top:-300px;
	left:50%;
	margin-left:-300px;
	background-color: #069;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
	opacity:0.5;
	filter:alpha(opacity=50);
	z-index:998;
}
.caja_mensaje{
	position: fixed;
	height: 200px;
	width: 400px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	background-image:url(imagenes/fondo_ventanas2.png);
	box-shadow: 0px 0px 40px #000;
	top:50%;
	margin-top:-200px;
	left:50%;
	margin-left:-200px;
	z-index:999;
}

/* ******************************** */
/* Fuentes/Tamaños/Colores/Sombras de texto */
/* ******************************** */
@font-face { 
	font-family: 'fuente';
	src: url('fuente.eot');
	src: url('fuente.eot?#iefix') format('embedded-opentype'),
	    url('fuente.ttf') format('truetype'),
		url('fuente.woff') format('woff');
}

.texto_titulo{
	font-family: "fuente", sans-serif;	
	font-size: 20px;
}

.texto_pequeno{
	font-family: "fuente", sans-serif;	
	font-size: 14px;
}

.texto_normal{
	font-family: "fuente", sans-serif;	
	font-size: 20px;
}

.texto_grande{
	font-family: "fuente", sans-serif;	
	font-size: 30px;
}

.texto_gigante{
	font-family: "fuente", sans-serif;	
	font-size: 55px;
}

.color_azul{
	color:#0C16CC;
}
.color_verde{
	color:#0F0;
}
.color_blanco{
	color:#FFF;
}
.color_rojo{
	color: #F00;
}
.color_rojo_oscuro{
	color: #C00;
}
.color_amarillo{
	color: #FF0;
}
.color_marron{
	color: #630;
}
.color_negro{
	color: #000;
}

.sombra_texto_blanco{
	text-shadow:0 0 0.8em #FFF,0 0 0.8em #FFF,0 0 0.8em #FFF;
}

/* ******************************** */
/* Esquinas */
/* ******************************** */
.esquinas{
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
.esquinas_mini{
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}


/* ******************************** */
/* Sombras */
/* ******************************** */
.sombra_titulo{
		box-shadow: 0px 0px 20px #357B35; /* Sombra */	
}
.sombra_azul_oscuro{
		box-shadow: 0px 0px 20px #003; /* Sombra */	
}

.sombra_azul{
		box-shadow: 0px 0px 20px #0FF; /* Sombra */	
}

.sombra_costa{
		box-shadow: 0px 0px 20px #0CC; /* Sombra */	
}

.sombra_interior{
		box-shadow: 0px 0px 20px #C60; /* Sombra */	
}

.sombra_seleccion{
		box-shadow: 0px 0px 40px #FFF; /* Sombra */	
}
.sombra_blanco{
		box-shadow: 0px 0px 80px #44BADF; /* Sombra */		
}
.sombra_verde{
		box-shadow: 0px 0px 80px #0F0; /* Sombra */
}
.sombra_negro{
		box-shadow: 0px 0px 20px #000; /* Sombra */
}
.sombra_amarillo{
	box-shadow: 0px 0px 20px #FF0; /* Sombra */		
}
.sombra_baja{
	box-shadow: 0px 12px 14px 0px #003;
}
.sombra_boton_menu_off{
	box-shadow: 0px 0px 20px #003; /* Sombra */		
}
.sombra_boton_menu_on{
	box-shadow: 0px 0px 20px #44BADF; /* Sombra */		
}
.sombra_verde_mini{
		box-shadow: 0px 0px 20px #0F0; /* Sombra */
}
.sombra_marron{
		box-shadow: 0px 0px 20px #C63; /* Sombra */
}

/* ******************************** */
/* Botones */
/* ******************************** */
.btn_normal{
	cursor:pointer;
	font-family: "fuente", sans-serif;	
	font-size: 20px;
	font-weight:bold;
	color:#0C16CC;
    border-radius:10px;
	border-style:solid;
	border-color: #7EBEDD;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	min-width:130px;
	max-width:150px;
	background: linear-gradient(180deg, #C2EDB5 0%, #7EBEDD 60%, #74460C 100%);
	padding:2px;
	text-decoration: none;
	transition: all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.btn_normal:hover{
	letter-spacing: 3px;
	box-shadow: 0px 0px 10px #38A748;
	background: radial-gradient(circle, #74460C 0%, #C2EDB5 30%, #C2EDB5 60%, #38A748 100%);
	border-color: #38A748;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.btn_normal2{ /* Tamaño más grande */
	letter-spacing: 1px;
 	cursor:pointer;
	font-family: "fuente", sans-serif;	
	font-size: 20px;
	font-weight:bold;
	color:#0C16CC;
    border-radius:10px;
	border-style:solid;
	border-color: #7EBEDD;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	min-width:200px;
	max-width:220px;
	background: linear-gradient(180deg, #C2EDB5 0%, #7EBEDD 60%, #74460C 100%);
	padding:2px;
	text-decoration: none;
	transition: all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.btn_normal2:hover{
	letter-spacing: 3px;
	box-shadow: 0px 0px 10px #38A748;
	background: radial-gradient(circle, #74460C 0%, #C2EDB5 30%, #C2EDB5 60%, #38A748 100%);
	border-color: #38A748;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.btn_normal3{ /* Tamaño aun más grande */
	letter-spacing: 1px;
 	cursor:pointer;
	font-family: "fuente", sans-serif;	
	font-size: 20px;
	font-weight:bold;
	color:#0C16CC;
    border-radius:10px;
	border-style:solid;
	border-color: #7EBEDD;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	min-width:250px;
	max-width:350px;
	background: linear-gradient(180deg, #C2EDB5 0%, #7EBEDD 60%, #74460C 100%);
	padding:2px;
	text-decoration: none;
	transition: all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.btn_normal3:hover{
	letter-spacing: 3px;
	box-shadow: 0px 0px 10px #38A748;
	background: radial-gradient(circle, #74460C 0%, #C2EDB5 30%, #C2EDB5 60%, #38A748 100%);
	border-color: #38A748;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.btn_galeria_costa{
	letter-spacing: 1px;
 	cursor:pointer;
	font-family: "fuente", sans-serif;	
	font-size: 20px;
	font-weight:bold;
	color:#0C16CC;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	min-width:700px;
	max-width:700px;
	text-decoration: none;
	transition: all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.btn_galeria_costa:hover{
	letter-spacing: 3px;
	box-shadow: 0px 0px 10px #0CC;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.btn_galeria_interior{
	letter-spacing: 1px;
 	cursor:pointer;
	font-family: "fuente", sans-serif;	
	font-size: 20px;
	font-weight:bold;
	color:#0C16CC;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	min-width:700px;
	max-width:700px;
	text-decoration: none;
	transition: all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.btn_galeria_interior:hover{
	letter-spacing: 3px;
	box-shadow: 0px 0px 10px #C60;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.btn_solo_sombra{
 	cursor:pointer;
	text-decoration: none;
	transition: all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.btn_solo_sombra:hover{
	letter-spacing: 3px;
	box-shadow: 0px 0px 10px #357B35;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.boton_galeria_costa{
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	background: linear-gradient(#7EBEDD, #BFF1F4, #7EBEDD);
	color:#1178F3;
	font-family: "fuente", sans-serif;	
	font-size: 20px;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:15px;
	padding-right:15px;
	text-shadow:none;
	cursor:pointer;
	text-decoration: none;
	transition: all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	min-width:550px;
}

.boton_galeria_costa:hover{
	letter-spacing: 2px;
	box-shadow: 0px 0px 10px #0CC;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.boton_galeria_interior{
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	background: linear-gradient(#C60, #F8CE92, #C60);
	color:#804B0E;
	font-family: "fuente", sans-serif;	
	font-size: 20px;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:15px;
	padding-right:15px;
	cursor:pointer;
	text-shadow:none;
	text-decoration: none;
	transition: all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	min-width:550px;
}

.boton_galeria_interior:hover{
	letter-spacing: 2px;
	box-shadow: 0px 0px 10px #C60;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.boton_galeria_todas{
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	background: linear-gradient(#7EBEDD, #BFF1F4, #F8CE92, #C60);
	color:#575656;
	font-family: "fuente", sans-serif;	
	font-size: 20px;
	padding-bottom:3px;
	padding-top:3px;
	padding-left:15px;
	padding-right:15px;
	cursor:pointer;
	text-shadow:none;
	text-decoration: none;
	transition: all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

.boton_galeria_todas:hover{
	letter-spacing: 2px;
	box-shadow: 0px 0px 10px #C60;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.btn_normal_pequeno{
	cursor:pointer;
	font-family: "fuente", sans-serif;	
	font-size: 12px;
	font-weight:bold;
	color:#0C16CC;
    border-radius:10px;
	border-style:solid;
	border-color: #7EBEDD;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	min-width:150px;
	max-width:190px;
	background: linear-gradient(180deg, #C2EDB5 0%, #7EBEDD 60%, #74460C 100%);
	padding:2px;
	text-decoration: none;
	transition: all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.btn_normal_pequeno:hover{
	letter-spacing: 2px;
	box-shadow: 0px 0px 10px #38A748;
	background: radial-gradient(circle, #74460C 0%, #C2EDB5 30%, #C2EDB5 60%, #38A748 100%);
	border-color: #38A748;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

/* ******************************** */
/* Ventanas */
/* ******************************** */
.ventana{
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	background-image:url(imagenes/fondo_ventanas.png);
	padding:10px;
	min-width:1150px;
	max-width:1150px;
	box-shadow: 0px 0px 20px #357B35;
}

.ventana_cuadro{
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	background-image:url(imagenes/fondo_ventanas.png);
	padding:10px;
	box-shadow: 0px 0px 10px #357B35;
}

.ventana_cuadro2{
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	background-image:url(imagenes/fondo_ventanas2.png);
	padding:10px;
	box-shadow: 0px 0px 4px #000;
}

/* ******************************** */
/* Fondo celdas de tablas */
/* ******************************** */
.fondo_celda_numeros_bas1{
	background-color: #C2EDB5;
}

.fondo_celda_numeros_bas2{
	background-color: #7EBEDD;
}

.fondo_celda_numeros1{
	background-color: #C2EDB5;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

.fondo_celda_numeros1:hover{
	background-color: #E7E67A;
	color:#000;
}

.fondo_celda_numeros2{
	background-color: #7EBEDD;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

.fondo_celda_numeros2:hover{
	background-color: #E7E67A;
	color:#000;
}

.fondo_celda_numeros3{
	background-color: #F5ADAE;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

.fondo_celda_numeros3:hover{
	background-color: #E7E67A;
	color:#000;
}

.fondo_celda_numeros4{
	background-color: #DFC4F5;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

.fondo_celda_numeros4:hover{
	background-color: #E7E67A;
	color:#000;
}


/* ******************************** */
/* Formato fotos mini en ficha */
/* ******************************** */
.foto_mini_costa{
	cursor:pointer;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	box-shadow: 0px 0px 5px #0CC;	
	transition: all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

.foto_mini_costa:hover{
	letter-spacing: 2px;
	box-shadow: 0px 0px 15px #0CC;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	transform : scale(1.1);
	-moz-transform : scale(1.1);
	-webkit-transform : scale(1.1);
	-o-transform : scale(1.1);
	-ms-transform : scale(1.1);
}

.foto_mini_interior{
	cursor:pointer;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	box-shadow: 0px 0px 5px #C60;	
	transition: all 0.3s ease-out;
    -webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}

.foto_mini_interior:hover{
	letter-spacing: 2px;
	box-shadow: 0px 0px 15px #C60;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	transform : scale(1.1);
	-moz-transform : scale(1.1);
	-webkit-transform : scale(1.1);
	-o-transform : scale(1.1);
	-ms-transform : scale(1.1);
}

/* ******************************** */
/* Formato para opciones de tipo select */
/* ******************************** */
.opciones{
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	color:#0C16CC;
	font-family: "fuente", sans-serif;	
	font-size: 20px;
	background-color: #C2EDB5;
	text-align-last: center;
    padding: 9px;
}

/* ******************************** */
/* Formato para los cuadros de texto */
/* ******************************** */
.cuadro_texto{
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	color:#0C16CC;
	font-family: "fuente", sans-serif;	
	font-size: 20px;
	background-color: #C2EDB5;
    padding: 4px;
}


/* ******************************** */
/* Línea separadora */
/* ******************************** */
hr{
	height: 10px;
	width: 75%;
	background-color: #7EBEDD;
	border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* ******************************** */
/* Rotar imagen */
/* ******************************** */
.rotar{
	-webkit-transform:rotate(20deg);
	-moz-transform:rotate(20deg);
	-o-transform:rotate(20deg);
	transform:rotate(20deg);
}

/* ******************************** */
/* cuadro_datos_mapa */
/* ******************************** */
.cuadro_datos_mapa{
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	border:#009 2px solid;
	width: 200px;
	min-height: 60px;
	max-height: 300px;
	min-width:250px;
	max-width:250px;
	position: fixed;
	background-color: #FF9;
	display:none;
	box-shadow: 0px 0px 20px #003;
	margin-left:5px;
	margin-right:5px;
    padding: 4px;
}

/* ******************************** */
/* ventana_acceso */
/* ******************************** */
.ventana_acceso{
	position: absolute;
	height: 300px;
	width: 700px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
	background-color: #BDF771;
	box-shadow: 0px 0px 40px #357B35;
	top:50%;
	margin-top:-250px;
	left:50%;
	margin-left:-350px;
	z-index:999;
}