@charset "utf-8";

a{
	text-decoration:none;
} 

a:hover{
	text-decoration:none;
} 

a:link{
	color:#254054;
} 

a:visited{
	color:#254054;
} 

a:hover{
	color:#254054;
} 

a:active{
	color:#254054;
} 

#acordion ul, #recomendacion ul{
	list-style-type: square;
	margin: 0px;
	padding: 25px;
}



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

ul .listado{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul .listado_interior{
	padding: 5px;
	list-style-type: square;
	margin-left: 12px;
}

li{
	display: list-item;
}

li .item{
	margin: 0px 0px 10px;
}


body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #272727;
	font-size: 0.8em;
	margin: 0 auto;
	display: block;
	width: auto;

	
}
body .label{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	font-size: 12px;
	text-align: left;


}
p {
	margin: 0px;
}


#envoltura {
	width: 1000px;
	height:auto;
	background-color: #fff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display:block;
	
}
/*  Header */

#envoltura #header {
	height: 127px;
}
#envoltura #estructura {
	background-image: url(../img/f_estructura.png);
	background-repeat: no-repeat;
	background-position: center top;
	height:100px;
	padding: 24px;
}
/*  Division de Espacios  */

#envoltura #estructura #colizq {
	width: 286px;
	margin-right: 38px;
	float: left;
}
#envoltura #estructura #colder {
	width: 628px;
	float: left;
}

/*  Columna Izquierda  */


#envoltura #estructura #colizq .head_izq_t1 {
	background-image: url(../img/h_colizq1.png);
	height: 22px;
	width: 286px;
	padding-top: 5px;
	text-align: center;
	background-repeat: no-repeat;
}
#envoltura #estructura #colizq .cont_izq_t1 {
	background-image: url(../img/f_colizq1.png);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: justify;
}

#envoltura #estructura #colizq #info{
	width:100%;
	float:left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#envoltura #estructura #colizq  #info #img_mas{
	background-image: url(../img/info.png);
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	float:left;
	
}
#envoltura #estructura #colizq  #info #vinculo{
	float:left;
	margin-left: 3px;
}


#envoltura #estructura #colizq .pie_izq_t1 {
	background-image: url(../img/p_colizq1.png);
	height: 10px;
	width: 286px;
	margin-bottom: 30px;
}
#envoltura #estructura #colizq .head_izq_t2 {
	background-image: url(../img/h_colizq2.png);
	height: 35px;
	width: 286px;
	padding-top: 12px;
	text-align: center;
}
#envoltura #estructura #colizq .cont_izq_t2 {
	background-image: url(../img/f_colizq2.png);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: justify;
}
#envoltura #estructura #colizq .pie_izq_t2 {
	background-image: url(../img/p_colizq2.png);
	height: 10px;
	width: 286px;
	margin-bottom: 30px;
}

/*  Columna Derecha  */

#envoltura #estructura #colder #banner {
	height: 290px;
	width: 628px;
	margin-bottom: 30px;
}
#envoltura #estructura #colder #boletin #detalle {
	height: auto;
	width: 628px;
	;
}
#envoltura #estructura #colder #boletin #detalle .titulo{
	color: rgb(228, 145, 49);
	font-size: 14px;
	font-weight: bold;
	text-align: center;

}
#envoltura #estructura #colder #boletin #detalle #municipio{
	height: auto;
	width: 628px;
	float: left;
	margin-bottom: 10px;
}
#envoltura #estructura #colder #boletin #detalle #info{
	width: 628px;
	float: left;
	text-align: left;
	;
	margin-top: 20px;
}
#envoltura #estructura #colder #boletin #detalle #info_muni{
	width: 628px;
	float: left;
	text-align: left;
	;
}
#envoltura #estructura #colder #boletin #detalle #mapa{
	width: 408px;
	float: left;
	text-align: left;
	;
	height: 100px;
}

#envoltura #estructura #colder #faq{
	width: 628px;
	float: left;
	text-align: left;
	;
	margin-bottom: 50px;
}



#envoltura #estructura #colder #boletin #ficha_tecnica {
	width: 628px;
	;
}
#envoltura #estructura #colder #boletin #ficha_tecnica #top{
	height: 54px;
	width: 628px;
	background-image: url(../img/FichaTecnica_up.png);
	;
}
#envoltura #estructura #colder #boletin #ficha_tecnica #contenido{
	width: 608px;
	color:#FFF;
	text-align: center;
	padding:10px;
	;
	float: left;
}
#envoltura #estructura #colder #boletin #ficha_tecnica #contenido h1{
	color: rgb(228, 145, 49);
	font-size: 14px;
	text-align:center;
}
#envoltura #estructura #colder #boletin #ficha_tecnica #contenido p{
	text-align:justify;
	background-color: #CCC;
}

#envoltura #estructura #colder #boletin #ficha_tecnica #contenido .nota{
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	text-align:justify;
}

#envoltura #estructura #colder #boletin #ficha_tecnica #contenido .advertencia{
	font-size: 12px;
	font-weight: bold;
"
	text-align:justify;
}


#envoltura #estructura #colder #boletin #ficha_tecnica #espacio{
	height: 30px;
	width: 628px;
	background-image: url(../img/FichaTecnica_next.png);
}
#envoltura #estructura #colder #encabezados {
	width: 628px;
	float:left;
}
#envoltura #estructura #colder #encabezados #titulo_long_on{
	float: left;
	height: 50px;
	width: 211px;
	padding-top: 11px;
	text-align: center;
	background-image: url(../img/titulo_long_on.png)
}

#envoltura #estructura #colder #encabezados #titulo_long_off{
	float: left;
	height: 50px;
	width: 211px;
	padding-top: 11px;
	text-align: center;
	background-image: url(../img/titulo_long_off.png)
}
#envoltura #estructura #colder #encabezados #titulo_short_on{
	float: left;
	height: 50px;
	width: 142px;
	padding-top: 11px;
	text-align: center;
	background-image: url(../img/titulo_short_on.png)
}

#envoltura #estructura #colder #encabezados #titulo_short_off{
	float: left;
	height: 50px;
	width: 142px;
	padding-top: 11px;
	text-align: center;
	background-image: url(../img/titulo_short_off.png)
}
#envoltura #estructura #colder #mapa{
	width: 628px;
	height:500px;
	float:left;
	margin-bottom: 20px;
}
#envoltura #estructura #colder #recomendacion{
	width: 628px;
	float:left;
	margin-top: 10px;
}
#envoltura #estructura #colder #evento{
	width: 628px;
	float:left;
	margin-bottom:10px;
}
#envoltura #estructura #colder #evento #calendario{
	width: 88px;
	float:left;
	margin-left:30px;
	margin-right:30px;
}

#envoltura #estructura #colder #evento #calendario .cal_top{
	background-position: 0px 0px;
	float: left;
	height: 20px;
	width: 88px;
	float:left;
	background-image: url(../img/calendario.png);
	display: block;
	background-repeat: no-repeat;
	text-align:center;
	font-weight:bold;
	color:#FFF;

}
#envoltura #estructura #colder #evento #calendario .cal_dia{
	
	background-color:#FFF;
	color: #C4CDE0;
	font-size:8px;
	text-align:center;
	display: block;
    line-height: 80%;
}

#envoltura #estructura #colder #evento #calendario .cal_fecha{
	width: 88px;
	height:100%;
	float:left;
	background-color:#FFF;
	color: #C4CDE0;
	font-size:30px;
	text-align:center
}

#envoltura #estructura #colder #evento #calendario .cal_bottom{
	background-position: 0px -21px;
	float: left;
	height: 15px;
	width: 88px;
	background-image: url(../img/calendario.png);
	display: block;
	background-repeat: no-repeat;
}
#envoltura #estructura #colder #acordion {
	float: left;
	width: 628px;
	display: block;
}


#envoltura #estructura #colder #accordionResizer {
	float: left;
	width: 608px; 
	display: block;
	padding:10px;
	height:320px;
}

#envoltura #estructura #colder #evento .event_top{
float: left;
	height: 10px;
	width: 628px;
	background-image: url(../img/evento_top.png);
	display: block;
	background-repeat: no-repeat;	
}

#envoltura #estructura #colder #evento .event_bottom{
	float: left;
	height: 10px;
	width: 628px;
	background-image: url(../img/evento_bottom.png);
	display: block;
	background-repeat: no-repeat;
}

#envoltura #estructura #colder #evento .event_left{
	float: left;
	height: 72px;
	width: 8px;
	background-image: url(../img/evento_left.png);
	display: block;
	background-repeat: no-repeat;
}

#envoltura #estructura #colder #evento .event_right{
	float: left;
	height: 72px;
	width: 8px;
	background-image: url(../img/evento_right.png);
	display: block;
	background-repeat: no-repeat;
}

#envoltura #estructura #colder #evento #contenido{
	float: left;
	height: 72px;
	width: 612px;
	background-color:#FFF;
	display:block;
}


#envoltura #estructura #colder #evento #contenido #detalles .det_hora{
	background-position: 0px 0px;
	background-image: url(../img/evento_detalles.png);
	width: 84px;
	height: 18px;
	background-repeat: no-repeat;
	float:left;
	margin: 7px 42px 7px 42px;
	padding: 4px 0 0 36px ;
}

#envoltura #estructura #colder #evento #contenido #detalles .det_costo{
	background-position: 0px -22px;
	background-image: url(../img/evento_detalles.png);
	width: 84px;
	height: 18px;
	background-repeat: no-repeat;
	float:left;
	margin: 7px 42px 7px 42px;
	padding: 4px 0 0 36px ;
}

#envoltura #estructura #colder #evento #contenido #detalles .det_clase{
	background-position: 0px -44px;
	background-image: url(../img/evento_detalles.png);
	width: 84px;
	height: 18px;
	background-repeat: no-repeat;
	float:left;
	margin: 7px 42px 7px 42px;
	padding: 4px 0 0 36px ;
	
}

#envoltura #estructura #colder #evento #contenido #detalles{
	float: left;
	height: 37px;
	width: 612px;
	background-color:#FFF;
	display:block;
}
#envoltura #estructura #colder #evento #contenido .nombre{
	float: left;
	height: 35px;
	width: 500px;
	background-color:#FFF;
	display:block;
}
#envoltura #estructura #colder #evento #contenido #reserva{
	float: left;
	height: 35px;
	width: 112px;
	background-color:#FFF;
	display:block;
}

#envoltura #estructura #colder #evento #contenido #reserva .img_reserva{
	background-image: url(../img/reserva.png);
	width: 16px;
	height: 13px;
	background-repeat: no-repeat;
	float:left;
	
}

#envoltura #estructura #colder #evento #contenido #reserva .link_reserva{
	float: left;
	height: 13px;
	width: 96px;
	background-color:#FFF;
	display:block;
	text-align:right;;
	
}


#envoltura #estructura #colder #info{
	width: 480px;
	float:left;
	margin-top: 10px;
}
#envoltura #estructura #colder #localizacion{
	width: 608px;
	float:left;
	margin-top: 10px;
}

#envoltura #estructura #colder #map3d{
	width: 628px;
	height: 350px;
	float: left;
}

#envoltura #estructura #colder #notas{
	width: 624px;
	float:left;
	margin-bottom: 20px
	padding: 4px;
    margin: 5px 0 0 0;
    border: 1px solid #EEEEEE;;
}
#envoltura #estructura #colder #novedades{
	width: 624px;
	float:left;
	margin-bottom: 20px
	padding: 4px;
    margin: 5px 0 0 0;
    border: 1px solid #EEEEEE;
}
#envoltura #estructura #colder #novedades a.dd {
    display: block;
    padding-left: 4px;
    line-height: 160%;
    font-weight: bold;
	text-align:right;
}

#envoltura #estructura #colder #novedades a.dt {
    display: block;
    line-height: 140%;
    padding-left: 4px;
    color: #000000;
}
#envoltura #estructura #colder #noticias{
	width: 624px;
	float:left;
	margin-bottom: 20px
	
}
#envoltura #pie  {
	font-size: 0.9em;
	color: #CACACA;
	background-color: #363135;
	width: 100%;
	clear: both;
	height: 20px;
	text-align: center;
	vertical-alig=n: middle;
}
.titulo {
	font-weight: bold;
	color: #272727;
	font-size: medium;
}

strong.ti{
	color: rgb(228, 145, 49);
	font-size: 16px;
	text-align:center;
    display: block;
    padding-left: 4px;
    line-height: 160%;
    font-weight: bold;
}

strong.subti {
	color: rgb(228, 145, 49);
	font-size: 14px;
	text-align:center;
    display: block;
    line-height: 140%;
    padding-left: 4px;
}
#envoltura #estructura #colizq  a.dd {
    display: block;
    padding-left: 4px;
    font-weight: bold;
	text-align:center;
}

#envoltura #estructura #colizq  a.dt {
    display: block;
    padding-left: 4px;
    color: #000000;
}

#envoltura #estructura #colizq #notas{
	width: 624px;
	float:left;
	margin-bottom: 20px
	padding: 4px;
    margin: 5px 0 0 0;
    border: 1px solid #EEEEEE;;
}

.caja  {
	float:left;
	margin-bottom:30px;
	
}
.caja .enumeracion {
	float:left;
	width:250px;
	
}

.caja .item_contenido {
	float:left;
	width:378px;
	
}


.enumeracion .enum_encabezado{
	float:left;
	padding-top:5px;
	height:20px;
	

	
}

.enumeracion .enum1{
	background-position: 0px 0px;
	float: left;
	height: 25px;
	width: 23px;
	background-image: url(../img/enum.png);
	display: block;
	background-repeat: no-repeat;
	margin-right: 5px;
	
}
.enumeracion .enum2{
	background-position: -24px 0px;
	float: left;
	height: 25px;
	width: 23px;
	background-image: url(../img/enum.png);
	display: block;
	background-repeat: no-repeat;
	margin-right: 5px;
	
}
.enumeracion .enum3{
	background-position: 0px -26px;
	float: left;
	height: 25px;
	width: 23px;
	background-image: url(../img/enum.png);
	display: block;
	background-repeat: no-repeat;
	margin-right: 5px;
	
}
.enumeracion .enum4{
	background-position: -24px -26px;
	float: left;
	height: 25px;
	width: 23px;
	background-image: url(../img/enum.png);
	display: block;
	background-repeat: no-repeat;
	margin-right: 5px;
	
}