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

body {
	width: 1000px;
	margin: 0 auto;
	font-family: Arial, Verdana, Helvetica;
	font-size: 12px;
}

.clear {
	clear: both;
}

/*Estilos CABECERA */
#cabecera {
	background: url(../imagenes/cabecera.png) no-repeat;
	height: 110px;
}

/*Estilos MENU */
#menu {
	border-bottom: 5px solid #ff8300;
	float: left;
	width: 100%;
}

#menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#menu ul li {
	float: left;
	background-image: url(../imagenes/tab-off-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 2px;
}

#menu ul li a {
	display: block;
	background-image: url(../imagenes/tab-off-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 8px 10px 5px;
	font: normal normal 16px Arial, Verdana, Helvetica;
	color: #142d45;
	text-decoration: none;
	font-size: 11px;
}

#menu ul li.actual {
	float: left;
	background-image: url(../imagenes/tab-on-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 2px;
}

#menu ul li a.actual {
	display: block;
	background-image: url(../imagenes/tab-on-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 8px 10px 5px;
	font: normal normal Arial, Verdana, Helvetica;
	text-decoration: none;
}

#menu ul li a img {
	border: 0px;
	margin-bottom: 2px;
}

ul#banderas {
	float: right;
}

/*Estilos INICIO */
#inicio_sup_izq {
	float: left;
	width: 350px;
}

#inicio_sup_cen {
	float: left;
	width: 405px;
	padding:0px 25px 0px 10px;
}

#inicio_sup_der {
	float: left;
	width: 210px;
}

#inicio_inf_izq {
	float: left;
	width: 360px;
}

#inicio_inf_der {
	float: left;
	width: 640px;
}

#presentacion {
	margin-top: 45px;
}

#presentacion_sup {
	background: url(../imagenes/presentacion_sup.png) no-repeat;
	height: 24px;
}

#presentacion_sup span {
	background-color: #fff;
	margin-left: 15px;
	font-size: 16px;
	font-weight: bold;
}

#presentacion_img {
	background: url(../imagenes/pixel_presentacion.png) repeat-y;
}

#presentacion_img img {
	margin-left: 8px;
}

#paginacion {
	margin: 20px 3px 20px;
}

#atras, #num_fotos, #titulo_foto, #delante {
	float: left;
	color: #fff;
	font-weight: bold;
}

#num_fotos {
	background: url(../imagenes/numeracion.gif) no-repeat;
	width: 41px;
	height: 21px;
	padding-top: 2px;
	text-align: center;
}

#titulo_foto {
	background: url(../imagenes/titulo_foto.gif) no-repeat;
	height: 21px;
	width: 245px;
	padding-top: 2px;
	text-align: center;
}

#atras, #delante {
	cursor: pointer;
}

#presentacion_inf {
	background: url(../imagenes/presentacion_inf.png) no-repeat;
	height: 11px;
}
#inicio_sup_cen div#titulo_inicio{
	font-size:16px;
	font-weight:bold;
	margin-top:15px;
}
#texto_inicio {
	margin-top: 0px;
	text-align:justify;
}

#servicios {
	border: solid 1px #ff8300;
	margin-top: 10px;
	font-weight: bold;
	color: #0B71DF;
}

#servicios ul {
	list-style-image: url(../imagenes/punto-lista.png);
	list-style-position: outside;
	list-style-type: none;
}

#servicios ul li {
	line-height: 1.8em;
}

#servicios span {
	margin-left: 10px;
	display: block;
	margin-bottom: 18px;
	font-size: 18px;
}

#servicios span.titulo_serv {
	margin: 18px 10px 10px;
	color: #ff8300;
	font-size: 14px;
}

#inicio_inf div.titulo_inicio {
	background: url(../imagenes/pixel_linea_titulos.png) repeat-x scroll 0 -4px;
}

#inicio_inf div.titulo_inicio span {
	background-color: #fff;
	margin-left: 15px;
	font-size: 16px;
	font-weight: bold;
}

#inicio_inf div.titulo_inicio span.subtitulo {
	margin-left: 350px;
	font-size: 14px;
}

#que_hacer {
	margin: 20px 25px 20px 15px;
}

#que_hacer div.boton {
	margin-top: 20px;
	background: url(../imagenes/fondo_btn_que_hacer.gif) no-repeat;
	float: left;
	width: 104px;
	height: 44px;
}

.boton_margen {
	margin-left: 3px;
}

#que_hacer div.boton span {
	display: block;
	margin: 6px 10px;
	text-align: center;
}

#que_hacer div.boton span a {
	color: #fff;
	text-decoration: none;
}

#tu_reserva {
	margin: 20px 25px 20px 15px;
}

#tu_reserva div#cuadro_reserva {
	margin-top: 20px;
	margin-left: 15px;
	border: 3px solid #ff8300;
	background-color: #3f95ea;
	height: 200px;
	width: 258px;
}

#cuadro_reserva .filaFormulario {
	margin: 20px 0 ;
}

#cuadro_reserva .filaFormulario label {
	width: 60px;
	float: left;
	text-align: right;
	padding-right: 10px;
	color: #fff;
}

#cuadro_reserva .filaFormulario input {
	width: 150px;
}

#cuadro_reserva .filaFormulario input.btn_cal {
	background: url(../imagenes/calendar.png) no-repeat;
	height: 23px;
	width: 23px;
}

#siguenos {
	margin: 20px 25px 20px 15px;
}

#siguenos div.sig_boton {
	float: left;
	margin-top: 15px;
}

#siguenos div.sig_boton img {
	border: none;
	margin: 5px;
}

#blog_reciente {
	margin: 20px 0 20px 5px;
}

/*Estilos PEREGRINOS */
#titulo_peregrinos h2 {
	color: #FF8300;
	text-align: center;
	margin: 30px auto;
}

#peregrinos_sup_izq {
	float: left;
	width: 347px;
	padding: 10px 15px;
}

#peregrinos_sup_der {
	float: left;
	width: 593px;
	padding: 10px 15px;
}

#peregrinos_sup_der p.bienvenida, #peregrinos_sup_der p.despedida {
	font-weight: bold;
	font-size: 16px;
}

#peregrinos_sup_der p.despedida {
	float: right;
	margin-right: 10px;
}

#peregrinos_sup_der p {
	text-align: justify;
}

#peregrinos_inf fieldset {
	border: 1px solid #FF8300;
}

#peregrinos_inf_sup img {
	margin-left: 180px;
}

#peregrinos_inf_inf div {
	float: left;
	width: 320px;
	height: 265px;
	margin: 5px 2px;
	text-align: center;
}

/*Estilos RESERVA */
#reserva_izq {
	width: 232px;
	float: left;
}

#reserva_centro {
	float: left;
	width: 556px;
}

#reserva_centro h2 {
	color: #FF8300;
	text-align: center;
	margin: 30px auto;
}
#reserva_form{
	width:540px;
	margin: 0px 0px 0px 10px;
}
#reserva_form_titulo{
	font-size:14px;
	font-weight:bold;
	margin: 0px 0px 15px 0px;
}
.reserva_form_fila{
	width:530px;
	height:30px;
}
.reserva_form_fila label{
	width:170px;
	font-weight:bold;
	padding-left:25px;
	float:left;
}
#reserva_der {
	float: left;
	width: 212px;
}

#precios {
	border: solid 1px #ff8300;
	margin-top: 40px;
	font-weight: bold;
	color: #0B71DF;
}

#precios ul {
	list-style-image: url(../imagenes/punto-lista.png);
	list-style-position: outside;
	list-style-type: none;
}

#precios ul li {
	line-height: 2.2em;
}

#precios span {
	margin-left: 10px;
	display: block;
	margin-bottom: 18px;
	font-size: 18px;
}

#precios span.titulo_prec {
	margin: 18px 10px 10px;
	color: #ff8300;
	font-size: 14px;
}

/* Estilos ACTIVIDADES */
#mes {
	width: 800px;
	margin: 20px auto;
}

#nombres_dias {
	width: 800px;
}

#numeros_dias {
	width: 800px;
}

#nombres_dias div {
	width: 113px;
	float: left;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #FF8300;
}

.dia {
	float:left;
	width: 113px;
	height: 60px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}

.borde_der {
	border-right: 1px solid #000;
}

.activo {
	background-color:#FFFFFF;
}

.inactivo {
	color: #FF0000;
	background-color:#999999;
}

#titulo_mes {
	width: 800px;
	color: #142D45;
	font-weight: bold;
	margin-bottom: 5px;
}

#titulo_mes a:link, #titulo_mes a:visited {
	color: #142D45;
	margin: 0 70px;
	font-weight: bold;
}

#act_detalladas h3 {
	color: #FF8300;
}

#act_detalladas p span {
	font-weight: bold;
}

/* Estilos BLOG */
#blog_izq {
	width: 620px;
	float: left;
}

#blog_der {
	width: 380px;
	float: left;
}

#blog_izq fieldset, #blog_der fieldset {
	border: 1px solid #FF8300;
	margin-top: 20px;
}

div.post {
	margin-top: 10px;
}

div.post_fecha {
	float: left;
	color: #fff;
	text-align: center;
}

div.post_mes {
	background: url(../imagenes/fondo_mes_dia.gif) no-repeat;
	width: 66px;
	height: 20px;
	padding-top: 3px;
	text-transform: capitalize;
}

div.post_anno {
	background: url(../imagenes/fondo_anno.gif) no-repeat;
	width: 66px;
	height: 20px;
	padding-top: 3px;
}

div.post_titulo {
	float: left;
	padding-left: 10px;
}

div.post_titulo h2 {
	margin: 2px 0 8px;
}

div.post_titulo h2 a {
	color: #0B71DF;
	text-decoration: none;
}

#blog_der div.titulo {
	background: url(../imagenes/pixel_linea_titulos.png) repeat-x scroll 0 -4px;
}

#blog_der div.titulo span {
	background-color: #fff;
	margin-left: 15px;
	font-size: 16px;
	font-weight: bold;
}

/* Estilos COMO-LLEGAR */
#como_llegar_izq {
	float: left;
	width: 290px;
}

#como_llegar_izq .sel {
	background-color: #ACD1F3;
}

#como_llegar {
	background-color: #ACD1F3;
	border: 1px solid #3B90E3;
	min-height: 45px;
}

#como_llegar span {
	font-size: 18px;
	display: block;
	margin: 12px 20px;
	text-align: center;
}

#transportes {
	margin-top: 2px;
	padding-top: 7px;
	border: 1px solid #3B90E3;
	border-top: 3px solid #3B90E3;
}

#aeropuerto, #plaza_armas, #prado, #santa_justa, #san_bernardo {
	border: 1px solid #3B90E3;
	padding: 5px 0 15px;
	text-align: center;
	margin: 2px 4px;
}

#aeropuerto img, #plaza_armas img, #prado img, #santa_justa img, #san_bernardo img {
	border: none;
}

#como_llegar_der {
	float: left;
	width: 700px;
	margin-left: 10px;
}

#como_llegar_mapa {
	height: 570px;
}

#como_llegar_detalle_sup {
	background-color: #ACD1F3;
	height: 35px;
}

#como_llegar_detalle_sup span {
	font-size: 14px;
	display: block;
	padding: 7px 15px;
}

#como_llegar_detalle_inf p {
	text-align: justify;
	margin-left: 40px;
}

#como_llegar_detalle_inf ul {
	margin-left: 40px;
}

/* Estilos CONTACTO */
h2#contacto {
	color: #FF8300;
	text-align: center;
	margin: 30px auto;
}

#contacto_izq {
	float: left;
	width: 500px;
}

#contacto_izq p {
	margin-left: 95px;
	font-size: 20px;
}

#contacto_der {
	float: left;
	width: 500px;
}

/* Estilos FOTOS */
fieldset#fotos {
	border: 1px solid #FF8300;
}

fieldset#fotos legend {
	font-weight: bold;
}

fieldset#fotos ul{
	margin:0px;
	padding:0px;
}

fieldset#fotos ul li{
	list-style:none;
	display:inline;
	padding-right:5px;
	padding-bottom:5px;
	float: left;
}
div.foto img {
	border: 1px solid #FF8300;
}

/* Estilos HISTORIA */
h2#historia {
	color: #FF8300;
	text-align: center;
	margin: 30px auto;
}

div.historia_izq {
	float: left;
	width: 295px;
	margin: 10px;
}

div.historia_der {
	float: left;
	width: 570px;
	margin: 20px;
}

div.historia_der h3 {
	color: #FF8300;
}

div.historia_der p {
	text-align: justify;
}