body{color:#000000;font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#0E5F7D url(style/bg_body.png) left top repeat-x;text-align:center}
#layout{width:902px;margin:0 auto;text-align:left}
#header{height:105px;padding-top:7px}
#header_menu{float:left; width:657px; padding-right:10px}
#header_menu a{color:#fff;text-decoration:none}
#header_menu a:hover,#header_menu a:visited:hover{text-decoration:underline}

#menu{color:#fff;float:right;list-style:none;margin:0;margin-top:27px;clear:right;width:585px}
#menu li{float:left; margin-right:20px}
#menu li.last{margin-right:0}
#menu li a{font-size:12px;font-weight:bold;text-transform:uppercase}

#submenu{color:#fff;float:right; margin-top:43px}
#submenu li{margin-right:30px;float:left}
#submenu li.last{margin-right:0}
#submenu li a{font-weight:normal}

#informacion_extra{background:url(style/bg_informacion_extra.gif) repeat-x left top #ECEEF2; padding:20px 10px 10px; margin-top:10px; height:277px}
#informacion_extra .panel_info{width:278px; float:left; text-align:center}
#informacion_extra .panel_info p{font-size:11px; margin-bottom:10px; text-align:left}
#informacion_extra .panel_info a.readmore{float:right}
#informacion_extra h6{font-size:17px;color:#354f7a; margin-bottom:5px; text-align:left}
#informacion_extra span.titulo_base{display:block; font-weight:bold; text-align:left}
#informacion_extra span.sub_titulo_base{font-weight:bold; text-align:left; font-size:10px; display:block}
.marco{border:4px solid #fff}
#informacion_extra div.hr{background:none; border-left:1px solid #DBDDE1; height:100%; margin:0 10px; float:left}

#menu2{list-style:none;background:#ECEFF3; margin:0; border-top:1px solid #DCDEE2; border-bottom:1px solid #DCDEE2; margin-top:1px}
#menu2 li{float:left; border-right:1px solid #DCDEE2}
#menu2 li a{display:block; float:left; padding:0 34px; height:62px; font-size:15px; line-height:62px; background:#ECEFF3; color:#343434; text-decoration:none; font-weight:bold}
#menu2 li.selected a, #menu2 li a:hover, #menu2 li a:visited:hover{color:#d34e00; background:#fff}

#logo{float:left;height:97px;display:block;overflow:hidden}
#loogo img{height:97px}

#container{background:url(style/bg_layout.png) repeat-y left top #fff; position:relative; border-top:1px solid #424242; border-bottom:1px solid #424242; padding:0 1px; width:900px}
#container .esq_izq{background:url(style/esq_izq-trans.png) no-repeat; width:20px; height:18px; position:absolute; top:-1px; left:0}
#container .esq_der{z-index:100;background:url(style/esq_der-trans.png) no-repeat; width:20px; height:18px; position:absolute; top:-1px; right:0}
#container .esq_der_bot{background:url(style/esq_der_bot.png) no-repeat; width:20px; height:20px; position:absolute; bottom:-1px; right:0}
#container .esq_izq_bot{background:url(style/esq_izq_bot.png) no-repeat; width:20px; height:20px; position:absolute; bottom:-1px; left:-1px}
#content{padding:0 14px;font-family:Verdana, Arial, Helvetica, sans-serif;}
#col_izq{float:left;font-family:Verdana, Arial, Helvetica, sans-serif;width:632px;}
#col_der{float:left;width:230px;padding-left:10px;}
.page_title h2{margin:0;font-size:15px}
h2.encabezado{margin:0;font-size:1.1em;color:#6e8ba9; margin:10px 0pt;}
.page_title h3{color:#597D98; margin:0; font-weight:normal}

#content .page_title{color:#597D98;font-size:11px; margin-bottom:10px}
#content .page_title img.mazatlan_logo{float:right}

#atraccion img{float:left; width:609px}



#atraccion #buscador{float:left; width:273px;padding:17px 0 0 18px; background:#F3F5F7; height:215px; color:#525252; font-size:13px; position:relative}
#atraccion #buscador label{display:block; margin-bottom:12px}
#atraccion #buscador .input{float:left;margin:0 10px 10px 0}
#atraccion #buscador br{clear:left}
#atraccion #buscador span.label_radio{ display:block; float:left; padding-top:3px; font-weight:bold}
#atraccion #buscador div.radio input{float:left}

#atention{padding:0 14px; margin:10px 0;font-family:Verdana, Arial, Helvetica, sans-serif}
/*#atention .bloque_link{height:62px; float:left; margin-right:10px}*/
#atention .bloque_info{ float: left; margin-right: 10px}
#atention .bloque_link{height:62px; margin-bottom: 10px}
#atention .bloque_tel{ font-weight: bold; font-size: 13px; color: #0f5f80}
#atention .bloque_tel span{ display: block; margin-bottom: 5px; color: #da5900}
#atention .panel{float:left; width:264px;height:50px}
#atention .panel a.readmore{display:none}
#atention .panel_info{float:left; width:572px; font-size:11px; color:#000}
#atention .panel_info p{margin-bottom:5px; text-align:justify}
#atention .panel_info a.readmore{float:right; margin-left:10px}


button.search{background:url(style/bg_search_buton.jpg) no-repeat; width:86px; height:28px; color:#fff; border:0; cursor:pointer;font-weight:bold}
button.search{position:absolute; bottom:10px; right:10px; padding-bottom:4px}
select{height:18px; font-size:12px; margin:0}
input{background:url(style/bg_input.png) repeat-x left top; height:16px; font-size:12px; border:0; border-left:1px solid #98978F; border-right:1px solid #D0D0CB}
input.from_input{width:71px}
input.to_input{width:71px}

#atraccion h1{color:#575757; font-size:28px; font-weight:normal; margin-bottom:5px}
#atraccion h2{color:#c54e29; font-size:15px; font-weight:normal}
#atraccion h3{color:#354f7a; font-size:13px; font-weight:normal}

div.hover .panel{background:url(style/panel/bg_panel_hover.png) repeat-x left top}
.panel{color:#597D98;background:url(style/panel/bg_panel.png) repeat-x left top;border:1px solid #CECECE;position:relative;padding:5px 10px}
.panel .panel_top_izq{background:url(style/panel/panel_top_izq-trans.png) no-repeat;width:9px;height:8px;position:absolute;top:-1px; left:-1px}
.panel .panel_top_der{background:url(style/panel/panel_top_der-trans.png) no-repeat;width:9px;height:8px;position:absolute;top:-1px; right:-1px}
.panel .panel_bot_der{background:url(style/panel/panel_bot_der-trans.png) no-repeat;width:9px;height:9px;position:absolute;bottom:-1px; right:-1px}
.panel .panel_bot_izq{background:url(style/panel/panel_bot_izq-trans.png) no-repeat;width:9px;height:9px;position:absolute;bottom:-1px; left:-1px}
#content .panel h2,#atention h2{margin:0;font-size:15px; text-align:left; height:37px; overflow:hidden}
#content .panel h4,#atention h4{margin:0;font-size:11px; text-align:left; font-weight:normal; margin-bottom:15px}
#content h1.title_top{ color:#354f7a; font-size:17px; font-weight:normal}
#content .panel h3,#atention h3{margin:0; font-size:11px; font-weight:normal; text-align:left; padding:1px 0px 2px 4px}
.panel img.icon{float:left; margin-right:10px}
.panel hr{border:none; border-bottom:1px solid #CECECE; margin-left:-10px; margin-right:-10px}

a.readmore{background:url(style/bg_read_more.png) no-repeat;width:123px;height:31px;display:block;line-height:31px;text-align:center;color:#fff;text-decoration:none; font-size:11px}
div.hr{background:url(style/bg_hr.gif) repeat-x; height:1px; margin:10px 0}
div.hr hr{display:none}

div.property_list .cont_panel{float:left;height:207px; margin-right:16px}
div.property_list .panel{float:left; margin:0; margin-bottom:10px; width:252px; text-align:center}
div.property_list .panel_last{margin-right:0}
div.property_list .panel a.readmore{display:none}
div.property_list a.readmore{float:right}
div.bloque_link{cursor:pointer}

#menu_footer{margin:0; list-style:none; padding-left:10px; margin-top:5px}
#menu_footer li{float:left; margin-right:10px}
#menu_footer li a{color:#fff; text-decoration:none}
#menu_footer li a:hover{text-decoration:underline}
#footer{position:relative; padding-bottom:10px}
#footer .copyright{color:#002c3f;font-size:10px; padding-left:10px; margin-top:5px; width:632px}
#footer .powered{position:absolute;left:0;padding-top:10px;padding-left:10px}
#footer .member_logos{position:absolute;right:0;list-style-type:none;margin-right:10px;}
#footer .member_logos li{float:left;margin-right:8px}
#propiedades .img_propiedad{ background:url(style/img_propiedad_bg.jpg) no-repeat; height:156px; width:248px; padding:5px 9px 0; float:left; margin-right:10px}
#propiedades .info_propiedad{float:left; width:560px; position:relative}
#propiedades .info_propiedad p{font-size:11px; font-weight:normal; text-transform:uppercase; color:#010101}
#propiedades .info_propiedad h2{color:#354f7a; font-size:17px; font-weight:normal}
#propiedades .info_propiedad dl{font-size:9px; font-weight:bold; color:#010101; width:560px; margin-top:10px}
#propiedades .info_propiedad dt{float:left; width:150px; clear:left}
#propiedades .info_propiedad dd{font-weight:normal}
#propiedades hr{clear:both}
#propiedades .info_propiedad .readmore{position:absolute; right:0; bottom:0}

/* Paginator */
.paginator{color:#999999;font-weight:bold;padding:10px 0; font-size:12px}
.paginator .pages{float:right}
.paginator a{margin-right:5px; text-transform:uppercase;font-size:9px;text-decoration:none;text-align:center;color:#677ea5;background:url('style/paginator/pag_control.png') no-repeat;display:block;width:53px;float:left;line-height:20px}
.paginator a:hover{color:#7A9EB5}
.paginator span{margin-right:5px;display:block;float:left;width:23px;height:20px;text-align:center;line-height:20px}
.paginator span a{margin-right:0;float:none;width:auto;text-align:center;display:block;text-decoration:none;color:#7A9EB5;background:url('style/paginator/pag_link.png') no-repeat}
.paginator span a:hover{background:url('style/paginator/pag_hover.png') no-repeat}
.paginator span.current{background:url('style/paginator/pag_current.png') no-repeat; color:#354f7a}

/* Propiedad */
#propiedad{font-family:Verdana, Arial, Helvetica, sans-serif}
#propiedad h1{color:#417494; font-size:17px; font-weight:normal; margin-bottom:3px}
#propiedad h2{color:#5ea3d5; font-size:14px; font-weight:normal}
#propiedad #galeria{float:right; width:500px; height:430px; background:url(style/bg_galeria.jpg) no-repeat; padding:12px 8px 0 7px; margin-left:10px}
#propiedad #galeria .navfotos{list-style:none; margin:0}
#propiedad #galeria .navfotos li{float:left; width:100px}
#propiedad .description{text-align:justify; line-height:20px}
#propiedad hr.clear{clear:both; border:none; margin:0; padding-top:5px; visibility:hidden}
#propiedad h3.details{color:#417494; font-size:17px; float:left}
#propiedad a.contacto_propiedad{float:right; position:relative;text-transform:uppercase; text-decoration:none; background:url(style/bg_link.png) repeat-x; height:29px; line-height:29px; display:block; color:#fff; font-size:12px; font-weight:bold; padding:0 10px}
#propiedad a.contacto_propiedad .link_der{width:10px; top:0; height:29px; position:absolute; right:0; display:block; background:url(style/link_der.png) no-repeat}
#propiedad a.contacto_propiedad .link_izq{width:10px; top:0; height:29px; position:absolute; left:0;  display:block; background:url(style/link_izq.png) no-repeat}
#propiedad .caracteristicas .bloque_info{float:left; height:157px; margin-right:30px; width:240px}
#propiedad .caracteristicas .bloque_grande{margin-right:0; width:574px; height:auto}
#propiedad .caracteristicas .label{color:#236387; font-size:12px; margin-bottom:10px; display:block}
#propiedad .caracteristicas dt{float:left; width:120px; clear:left; color:#236387; font-weight:bold; font-size:12px}
#propiedad .caracteristicas dd{color:#101111; font-size:12px}
#propiedad .caracteristicas dl.grande dt{clear:none; border-bottom:1px dotted #236387; margin-bottom:5px; width:215px}
#propiedad .caracteristicas dl.grande dt.no_tiene{color:#98b9cc;}
#propiedad .caracteristicas dl.grande dd{ margin-right:50px; width:20px;border-bottom:1px dotted #98b9cc;margin-bottom:5px; float:left}
#propiedad .caracteristicas{border:1px solid #E7EBE0; padding:2px; background:#FEFEFE; margin-top:5px}
#propiedad .cont_caract{background:#F6FAFB; border:1px solid #E7EBE0; border:1px solid #CDD9E2; padding:10px}
#propiedad a.return{font-weight:bold;margin-right:5px;text-decoration:none;text-align:center;color:#d65a10;display:block;float:right;line-height:20px}
#propiedad a.return:hover{color:#ad8935}
#propiedad a.control{margin-right:5px;float:right;width:23px;text-align:center;display:block;text-decoration:none;color:#d65a10;line-height:20px}
#propiedad a.control:hover{color:#ad8935}

.no_display{display:none}
.panel_lista h3{color:#354F7A; font-size:1em; text-align:left}
.panel_lista ul{float:right}
.panel_lista ul li{ list-style:none;background:url(style/li_vineta.png) no-repeat;padding-left:15px; background-position:0px 3px}

#contact_send{background:url(style/contact_send_buttonn.png) repeat-x;border:none; border-right:1px solid #adadad; border-left:1px solid #e2e2e2; border-top:none; border-bottom:none;font-size:11px;color:#000000;display:block;height:27px;text-align:center;text-decoration:none;width:150px;margin-top:50px;float:right;font-weight:bold}
#contact_send:hover{background:url(style/contact_send_button_hover.png) repeat-x;border:none;border-right:#6ca0e5 1px solid; border-left:#d5e4f8 1px solid;cursor:pointer; }

.panel_lista h3{color:#354F7A; font-size:1em; text-align:left}
.panel_lista ul{float:right}
.panel_lista ul li{ list-style:none;background:url(style/li_vineta.png) no-repeat;padding-left:15px; background-position:0px 3px}

/* Imagen con Marco */
.img_marco{position:relative; overflow:hidden}
.img_marco img{margin:7px}
.img_marco .img_marco_top_izq{float:left;height:35px; width:35px; background:url(style/img_marco/img_top_izq-trans.png) no-repeat; position:absolute; top:0; left:0}
.img_marco .img_marco_top_der{float:right;height:35px; width:35px; background:url(style/img_marco/img_top_der-trans.png) no-repeat; position:absolute; top:0; right:0}
.img_marco .img_marco_bot_izq{float:left;height:35px; width:35px; background:url(style/img_marco/img_bot_izq-trans.png) no-repeat; position:absolute; top:0; left:0}
.img_marco .img_marco_bot_der{float:right;height:35px; width:35px; background:url(style/img_marco/img_bot_der-trans.png) no-repeat; position:absolute; top:0; right:0}

.img_marco .img_content{overflow:hidden; position:absolute;top:35px; left:0; height:100%; width:100%}
.img_marco .img_estructura_top{position:absolute; top:0; left:0; height:35px; width:100%}
.img_marco .img_estructura_bot{position:absolute; bottom:0; left:0; height:35px; width:100%}
.img_marco .img_estructura_top .img_top{background:url(style/img_marco/img_top-trans.png) repeat-x left top; height:35px; margin:0 35px}
.img_marco .img_estructura_bot .img_bot{background:url(style/img_marco/img_bot-trans.png) repeat-x left top; height:35px; margin:0 35px}
.img_marco .img_right{position:absolute; bottom:70px; right:0; height:100%; width:35px; background:url(style/img_marco/img_right-trans.png) repeat-y left top}
.img_marco .img_left{position:absolute; bottom:70px; left:0; height:100%; width:35px; background:url(style/img_marco/img_left-trans.png) repeat-y left top}

/* Imagen con Marco Chico*/
.img_marco_chico{position:relative; overflow:hidden}
.img_marco_chico img{margin:7px}
.img_marco_chico .img_content{overflow:hidden; position:absolute;top:0; left:0; height:100%; width:100%; background:url(style/img_marco_chico/bg_img_marco_chico-trans.png); height:65px}

.title_top{font-size:28px; color:#454545; margin:0}

.panel_img{margin:10px; text-align:center; position:relative; border-top:1px solid #D8E3E8}
.panel_img .panel_img_foot{padding-right:5px; text-align:right;background:url(style/panel_img/panel_img_bot_center.png) repeat-x left bottom; line-height:21px; height:27px}
.panel_img .panel_img_bot_left{position:absolute; left:0; bottom:0;height:7px;width:5px;background:url(style/panel_img/panel_img_bot_left.png) no-repeat}
.panel_img .panel_img_bot_right{position:absolute; right:1px; bottom:0;height:10px;width:8px;background:url(style/panel_img/panel_img_bot_right.png) no-repeat}
.panel_img .panel_img_top_left{position:absolute; left:0; top:-1px;height:4px;width:4px;background:url(style/panel_img/panel_img_top_left.png) no-repeat}
.panel_img .panel_img_top_right{ position:absolute; right:0; top:-1px;height:6px;width:9px; background:url(style/panel_img/panel_img_top_right.png) no-repeat; overflow:hidden}
.panel_img .panel_img_cont_izq{background:url(style/panel_img/panel_img_center_left.png) repeat-y left top; padding-left:4px}
.panel_img .panel_img_cont_der{background:url(style/panel_img/panel_img_center_right.png) repeat-y right top; padding-right:4px; padding-top:10px}
.panel_img .panel_img_cont_der span{display:block; font-size:1em; margin-bottom:8px}
.panel_img .panel_img_cont_der div.img{position:relative;margin-bottom:8px}
.panel_img .panel_img_cont_der div.img img{border:1px solid #CFC0B2}
.panel_img .panel_img_cont_der div.img .img_top{background:url(style/panel_img/inner_img_top-trans.png) no-repeat;position:absolute;height:5px;width:5px; top:0; right:7px}
.panel_img .panel_img_cont_der div.img .img_botador{background:url(style/panel_img/inner_img_bot-trans.png) no-repeat;position:absolute;height:5px;width:5px; bottom:0;right:7px}
.panel_img a.leermas{color:#354F7A; font-size:1em; font-weight:bold; text-decoration:none}
.panel_img a.leermas:hover{color:#7dcbd7}

.panel_azul{margin:10px 0; text-align:left/**/}
.panel_sombra_top_c{margin:0;padding:0}

.panel_esquina_top_izq{margin:0;padding:0;font-size:4px;background:url(style/panel_azul/panel_esquina_top_izq.png) no-repeat top left;height:8px}
.panel_esquina_top_der{margin:0;padding:0;font-size:4px;background:url(style/panel_azul/panel_esquina_top_der.png) no-repeat top right;height:8px}
.panel_sombra_top{margin:0;padding:0;background:url(style/panel_azul/panel_sombra_top.gif) repeat-x left top;height:8px; font-size:4px; margin:0 7px}
.panel_esquina_bot_izq{font-size:4px;background:url(style/panel_azul/panel_esquina_bot_izq.png) no-repeat bottom left;height:8px}
.panel_esquina_bot_der{font-size:4px;background:url(style/panel_azul/panel_esquina_bot_der.png) no-repeat bottom right;height:8px}
.panel_sombra_bot{font-size:4px;background:url(style/panel_azul/panel_sombra_bot.gif) repeat-x bottom left;height:8px; font-size:4px; margin:0 7px}
.panel_fondo_cont{background:#95D5F1; padding:0 6px 0 12px}
.panel_sombra_izq{border-left:1px solid #4A8AA6}
.panel_sombra_der{border-right:1px solid #4A8AA6}
.panel_sombra_der h1{text-align:center; color:#196A87; font-weight:bold; margin-bottom:10px; font-size:20px}
.panel_azul p{color:#000f26; font-size:11px}
.panel_azul h2{color:#007e9a; font-size:20px; font-weight:bold}
.panel_azul hr{border-bottom:1px solid #fff}
.panel_azul hr{border:none;border-top:1px solid #aecae9; border-bottom:1px solid #ccddf0}
.panel_azul label{display:block;color:#003456;font-weight:bold;font-size:11px;margin-bottom:3px}
.panel_azul div.input{float:left;margin-right:12px;width:150px;height:50px;overflow:hidden}
.panel_azul div.input input{width:150px}
.panel_azul button{display:block;float:right}

.error-message{color:#C54E29; font-size:11px; font-weight:bold; float:left; clear:left}

/*Panel de desplazamiento*/
.panel_gris{width:278px;}
.panel_gris_sombra_top_c{margin:0;padding:0}
.panel_gris_esquina_top_izq{margin:0;padding:0;font-size:4px;background:url(style/panel_gris/panel_esquina_top_izq.png) no-repeat top left;height:5px}
.panel_gris_esquina_top_der{margin:0;padding:0;font-size:4px;background:url(style/panel_gris/panel_esquina_top_der.png) no-repeat top right;height:5px}
.panel_gris_sombra_top{margin:0;padding:0;background:url(style/panel_gris/panel_sombra_top.gif) repeat-x left top;height:5px; font-size:4px; margin:0 7px}

.panel_gris_esquina_bot_izq{font-size:4px;background:url(style/panel_gris/panel_esquina_bot_izq.png) no-repeat bottom left;height:5px}
.panel_gris_esquina_bot_der{font-size:4px;background:url(style/panel_gris/panel_esquina_bot_der.png) no-repeat bottom right;height:5px}
.panel_gris_sombra_bot{font-size:4px;background:url(style/panel_gris/panel_sombra_bot.gif) repeat-x bottom left;height:5px; font-size:4px; margin:0 7px}

.panel_gris_fondo_cont{background:url(style/panel_gris/panel_fondo.png) repeat-x top left #fff; padding:0 6px }
.panel_gris_sombra_izq{background:url(style/panel_gris/panel_sombra_izq.gif) repeat-y left top; padding-left:2px; }
.panel_gris_sombra_der{background:url(style/panel_gris/panel_sombra_der.gif) repeat-y right top; padding-right:2px;}
.panel_gris_sombra_der h1{text-align:center; font-weight:bold; margin-bottom:10px}

.panel_gris p{color:#000f26; font-size:11px;text-align:justify; display:inline}
.panel_gris h2{color:#000; font-size:11px; font-weight:bold}
.panel_gris hr{border-bottom:1px solid #fff}

.bloque{border:1px solid #E0E0E0; margin-left:-3px; margin-top:5px}
.bloque li{border-bottom:1px solid #E0E0E0;padding:4px; text-align:left}
.bloque li.last{border:none}
.bloque .fecha{font-size:9px}

.bloque a.leermas{color:#354F7A;font-weight:bold; text-decoration:none}
.bloque a.leermas:hover{color:#7dcbd7}

.gris{color:#4F4F4F}
.letraNegra{color:#fff}

/* Estilos para la tira de noticias */
.tira{padding-top:5px;position:relative;overflow:hidden;visibility:visible}
.tira ul{position:relative;z-index:1}
.tira ul li{padding:0}
.tira .propiedades{height:108px;padding-left:5px;overflow:hidden;position:relative}
/*.tira .propiedades a:link,.tira .propiedades a:visited{padding:5px;text-decoration:none;display:block;color:#000;background:#FBFBFB;height:26px}
.tira .propiedades a:hover,.tira .propiedades a:visited:hover{background:#c7c7c7;color:#000}*/
.tira .propiedades .recordset{padding:5px;display:block;color:#000;background:#FBFBFB;height:40px;}
.tira .controls{margin-top:5px;background:#c7c7c7;float:right;height:103px;position:relative}
.tira .controls div{border:1px solid #e0e0e0;width:9px;line-height:19px}
.tira .regresar a:link,.regresar a:visited{background:url(style/scr_up.gif) no-repeat top left;display:block;text-decoration:none;width:9px;height:19px}
.tira .avanzar{position:absolute;bottom:0}
.tira .avanzar a:link,.avanzar a:visited{background:url(style/scr_down.gif) no-repeat top left;display:block;text-decoration:none;width:9px;height:19px}
/* Fin de estilos para la tira */

/*Imagenes del footer*/
.