@charset "utf-8";

/* CSS Document */



body{ background:#eeeeee; font-family:Arial, Helvetica, sans-serif}

.header{ width:1000px; height:74px; background:#FFFFFF; margin: 0 auto}

.header .contenido{ width:924px; margin:0 auto}

.header .contenido .imagen{ float:left; margin-left:20px; padding-top:12px;}

.marcofondo{background:url(img/body_fondodegradado.jpg) repeat-x; background-color:#b8b8b8; width:1000px; height:1200px; margin:0 auto; display:table; }

.marcofondo .headshadow{background:url(img/head_fondogrisconsombra.gif); width:924px; height:20px;margin: 0 auto}

.marcofondo .main{ padding-top:25px; width:924px; height:auto;margin: 0 auto}

.marcofondo .main .mapaybeneficios{ width:934px; height:646px;}

.marcofondo .main .mapaybeneficios .mapa{width:548px;height:585px; float:left}

.marcofondo .main .mapaybeneficios .mapa .titulo{ height:54px;background:url(img/logo-guiaturisticavivemexico.png) no-repeat center; margin: 0 auto}

.marcofondo .main .mapaybeneficios .mapa .vista{width:548px;height:541px; margin-top:10px;}

.marcofondo .main .mapaybeneficios .beneficios{ margin-left:26px;width:360px;height:615px; float:left;      }

.marcofondo .main .mapaybeneficios .beneficios .botones{ padding:5px; margin-top:10px; height:30px; float:left; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; text-align:center; border-right-color:#996600; border-right-style:solid; border-right-width:2px; margin-bottom:15px;}

.marcofondo .main .mapaybeneficios .beneficios .botones a{ text-decoration:none; color:#ffffff}

.marcofondo .main .mapaybeneficios .beneficios .botones a:hover{ color:#666666;}

.marcofondo .main .mapaybeneficios .beneficios .busca{ width:308px;  height:273px; background:url(img/fondo_beneficios.gif) repeat-x; display:table; border:solid; border-color:#FFFFFF; border-width:1px; padding:20px; padding-bottom:0}

.marcofondo .main .mapaybeneficios .beneficios .busca .titulo{ width:289px; height:91px; background:url(img/index_fondo_beneficioslogo.png) no-repeat center;  margin:0 auto; border-bottom-color:#FFFFFF; border-bottom-style:solid; border-bottom-width:2px;}

.marcofondo .main .mapaybeneficios .beneficios .busca .texto{ padding-top:10px; width:289px; height:117px; margin:0 auto;border-bottom-color:#FFFFFF; border-bottom-style:solid; border-bottom-width:2px; text-align:justify; font-size:13px; line-height:1.5}

.marcofondo .main .mapaybeneficios .beneficios .busca .porciudad{ width:239px; height:53px; background:url(img/index_fondo_beneficios_lupa.png) no-repeat; background-position: 10px 23px;;  margin:0 auto;font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:400; color:#FFFFFF; padding-left:50px; padding-top:20px;}

.marcofondo .main .mapaybeneficios .beneficios .botonciudadam{ width:353px; height:32px; background:url(img/index_fondo_beneficiosnaranja.png) no-repeat; color:#FFFFFF; text-align:center; padding-top:15px;}
.marcofondo .main .mapaybeneficios .beneficios .botonciudadam a{ text-decoration:none; color:#FFF}
.marcofondo .main .mapaybeneficios .beneficios .botonciudadam a:hover{ color:#158db2; font-weight:bold}

.marcofondo .main .mapaybeneficios .beneficios .botonciudadaz{ width:353px; height:32px; background:url(img/index_fondo_beneficiosazul.png) no-repeat;  color:#FFFFFF;text-align:center;padding-top:15px;}
.marcofondo .main .mapaybeneficios .beneficios .botonciudadaz a{ text-decoration:none; color:#FFF}
.marcofondo .main .mapaybeneficios .beneficios .botonciudadaz a:hover{ color:#158db2; font-weight:bold}



.marcofondo .main .publicidad{ width:924px; height:492px;}

.marcofondo .main .publicidad .hoteles{ width:548px; height:auto; float:left}

.marcofondo .main .publicidad .hoteles .titulo{border-top-right-radius: 10px; border-top-left-radius: 10px; width:488px; height:30px; background:url(img/icono_dondehospedarse.png) no-repeat; background-color:#FFF; color:#ffa010; font-size:24px; padding-left:70px; background-position:15px 5px; padding-top:15px;}
.marcofondo .main .publicidad .hoteles .filtros{width:488px; height:1px; background-color:#FFF; color:#158db2; font-size:12px; padding-left:60px; background-position:10px; padding-top:15px;}
.marcofondo .main .publicidad .hoteles .filtros .enlace{ padding-left:15px;padding-right:15px; float:right}
.marcofondo .main .publicidad .hoteles .filtros .enlace a{ text-decoration:none; color:#ffa010}
.marcofondo .main .publicidad .hoteles .filtros .enlace a:hover{ text-decoration:none; color:#ffa010; color:#158db2}

.marcofondo .main .publicidad .hoteles .cont{ margin-top:0px; width:548px; height:auto; background:#FFFFFF}

.marcofondo .main .publicidad .hoteles .paginas{ margin-top:5px; width:auto; height:auto; color:#FFFFFF; float:right}

.marcofondo .main .publicidad .hoteles .paginas a{ text-decoration:none; color:#000000}

.marcofondo .main .publicidad .hoteles .paginas a:hover{ color:#FFFFFF}

.marcofondo .main .publicidad .banner{ margin-left:32px; width:344px; height:464px; float:left;}

.marcofondo .main .publicidad .banner .uno{ background:url(img/index_anuncio-muestra.png) no-repeat; width:344px; height:284px;}

.marcofondo .main .publicidad .banner .dos{ background:url(img/index_portadaguia.png) right no-repeat; width:344px; height:184px;}

.marcofondo .main .publicidad .banner .dos .parrafo{ width:180px; text-align:justify; padding:16px; padding-right:28px; padding-top:28px;font-size:14px; line-height:1.2}

.footer{width:1000px; background:#4d7889;height:150px;margin: 0 auto; text-align:center}

.footer .marcoenlaces{ margin:0 auto; width:900px; padding-top:30px;}

.footer .marcoenlaces .enlace{ padding-right:26px;padding-left:26px; float:left; color:#FFFFFF; font-size:14px; border-right:solid #FFFFFF; border-right-width:2px; height:13px; padding-top:0}

.footer .marcoenlaces .enlace a{ color:#FFFFFF; text-decoration:none}

.footer .marcoenlaces .enlace a:hover{ color:#FFFFFF; text-decoration:none; color:#333333}

.footer .socialmedia{ width:910px; margin-top:37px;margin:35px auto;}

.footer .socialmedia .logo{float:left; margin-top:10px;}

.footer .socialmedia .datos{float:left; font-size:12px; color:#FFFFFF; width:660px;text-align:left; margin-left:25px;}