@charset "utf-8";
/*asignamos el formato al cuerpo de la pagina*/
body{
	font-family:'Gruppo', serif;
	font-size:16px;
	font-weight: 600;
	line-height: 1.2em;
}
#fondo{
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:0;
}
#fondo img{
	top:0;
	left:0;
	height:100%;
	width:100%;
}
/*desaparecemos el título*/
h1{
	display:none;
}
h3{
	background:#380B61;
	border-top-left-radius:.4em;
	-moz-border-top-left-radius:.4em;
	-o-border-top-left-radius:.4em;
	-webkit-border-top-left-radius:.4em;
	border-top-right-radius:.4em;
	-moz-border-top-right-radius:.4em;
	-o-border-top-right-radius:.4em;
	-webkit-border-top-right-radius:.4em;
	behavior: url('../Scripts/PIE.htc');
    color:#fff;
	border-bottom:#fff solid thin;
    font-family: 'Just Another Hand', arial, serif;
	font-size:20px;
	letter-spacing:.05em;
	text-align:center;
    margin:0;
    padding:5px 0;
}
h4{
	color:#C60;
	font-size:18px;
}
/*cabecera con el título*/
header{
	position:fixed;
	top:0;
	left:0;
	height:auto;
	width:100%;
	padding:0;
	z-index:5;
}
header img{
	top:0;
	margin-left:12.5%;
	height:auto;
	width:75%;
	cursor:pointer;
}
/*Pleca para ocultar el texto al usar la barra vertical*/
#cabecera{
	display:block;
	position:fixed;
	left:0;
	top:0;
	z-index:4;
}
#cabecera img{
	position:relative;
	top:0;
	left:0;
	height:auto;
	width:100%;
}
footer{
	box-shadow: rgba(0,0,0,0.25) 0 -5px 10px;
	-webkit-box-shadow: rgba(0,0,0,0.25) 0 -5px 10px;
	-moz-box-shadow: rgba(0,0,0,0.25) 0 -5px 10px;
	-o-box-shadow: rgba(0,0,0,0.25) 0 -5px 10px;
	position:fixed;
	left:0;
	bottom:0;
	background:#0080FF;
	height:auto;
	text-align:center;
	width:100%;
	z-index:5;
	behavior: url('../../../Scripts/PIE.htc');
}
/*propiedades del menu de abajo*/
#bottomMenu{
	font-size:12px;
	letter-spacing:.25em;
	vertical-align:super;
	line-height:2px;
}
#menu-abajo li{
	color:#0B0B3B;
	list-style-type:none;
	display:inline-block;
	cursor:pointer;
}
#menu-abajo li:hover{
	color:#EFF5FB;
}
/*artículos*/
#contenedor-elementos{
	background:url('../../fondos/fondoArticulo.png');
	box-shadow: rgba(0,0,0,0.5) 0 5px 10px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 0 5px 10px;
	-moz-box-shadow: rgba(0,0,0,0.5) 0 5px 10px;
	-o-box-shadow: rgba(0,0,0,0.5) 0 5px 10px;
	behavior: url('../../../Scripts/PIE.htc');
	border-radius:.5em;
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	-o-border-radius:.5em;
	behavior: url('../../../Scripts/PIE.htc');
	position:absolute;
	top:15%;
	left:13%;
	display:block;
	height:auto;
	width:74%;
	z-index:0;
}
#elementos{
	position:relative;
	top:2%;
	left:2%;
	height:auto;
	width:96%;
}
.limpiar{
	clear:left;
}
/*Los derechos reservados*/
#derechos{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:9px;
	letter-spacing:.15em;
	text-align:center;
	height:50px;
	margin-bottom:0;
}
/*Menus*/
nav, #menuDerecha{
	-webkit-box-shadow:0 2px 4px #6427F2;
	-moz-box-shadow:0 2px 4px #6427F2;
	-o-box-shadow:0 2px 4px #6427F2;
	behavior: url('../Scripts/PIE.htc');
	border-radius:.5em;
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	-o-border-radius:.5em;
	behavior: url('../Scripts/PIE.htc');
	list-style-type:none;
	top:15%;
	width:11%;
    min-width:100px;
	z-index:4;
}
nav{
	background:url(../../fondos/fondoMenuWhere.png);
	height:500px;
	position:fixed;
	left:1%;
}
#menuDerecha{
	background:#b7b3ff;
	height:auto;
	position:fixed;
	left:88%;
}
/*propiedades de los botones*/
#botones, #otrosEnlaces{
	display: block;
    margin:0;
	padding:0;
	list-style-type:none;
	text-align: left;
	font-size: 16px;
	height:auto;
}
/*menu principal y otros enlaces*/
#botones li, .botones-menu, #otrosEnlaces li, .botones-menu a{
	list-style-type:none;
	display:block;
	border-bottom: 1px dotted #036;
	color:#2F1B45;
	font-size:15px;
	font-weight:700;
	text-decoration:none;
}
.botones-menu:visited{
color:#069;
}
#botones li:hover, .botones-menu:hover, .botones-menu a:hover{
	background:#F7F8E0;
	color:#08298A;
}
#otrosEnlaces #boton-inactivo{
background:#A9F5F2;
color:#0B0B3B;
cursor:default;
}
/*estilos how to choose*/
#titulo{
	position:relative;
	top:0;
	left:0;
	margin-bottom:5px;
	font-family: 'IM Fell DW Pica', arial, serif;
	font-size:24px;
	color:#DF7401;
	font-weight:700;
}
.titulo-section{
	position:relative;
	top:0;
	left:10px;
	margin-bottom:10px;
	font-family: 'IM Fell DW Pica', arial, serif;
	font-size:20px;
	color:#084B8A;
	font-weight:800;
}
.info-section{
	position:relative;
	top:0;
	left:1%;
	height:auto;
	width:96%;
	padding:1%;
	background-color:#EFF5FB;
	margin-bottom:10px;
}
.foto-section{
	float:left;
	height:120px;
	width:160px;
	margin-right:10px;
}
.texto-section{
	font-family: 'Droid Sans', arial, serif;
	font-size:13px;
	font-weight:500;
	margin-top:0;
	text-align:justify;
}

/*estilos provincias*/
#titulo{
	position:relative;
	top:0;
	left:0;
	margin-bottom:5px;
	font-family: 'IM Fell DW Pica', arial, serif;
	font-size:24px;
	color:#DF7401;
	font-weight:700;
}
#texto-superior, .texto-place{
	font-family: 'Droid Sans', arial, serif;
	font-size:14px;
	font-weight:500;
	text-align:justify;
	margin-top:0;
}
.places{
	position:relative;
	top:0;
	left:1%;
	height:auto;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}
.places li{
	float:left;
	width:400px;
	padding:0;
	margin:5px 0;
	display:inline;
}
.info-places{
	height:1300px;
	margin-right:10px;
	padding:10px;
	background-color:#EFFBFB;
}
.place-name{
	font-family:'IM Fell DW Pica', serif;
	font-size:24px;
	font-weight:700;
	color:#C60;
	margin:10px 0;
}
.info-places img{
	background-color:#0B3861;
	float:left;
	padding:1%;
	margin-right:10px;
	display:block;
	-ms-interpolation-mode:bicubic;
	width:35%;
	height:auto;
}
.subtitulos{
	font-family:'Droid Sans', serif;
	font-size:12px;
	font-weight:700;
	color:#DF7401;
	text-align:left;
	margin-bottom:5px;
	margin-top:0;
}
.texto-place{
	color:#003;
}




