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

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('web_fonts/bebasneue-webfont.eot');
    src: url('web_fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('web_fonts/bebasneue-webfont.woff') format('woff'),
         url('web_fonts/bebasneue-webfont.ttf') format('truetype'),
         url('web_fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BigNoodleTitlingRegular';
    src: url('web_fonts/big_noodle_titling-webfont.eot');
    src: url('web_fonts/big_noodle_titling-webfont.eot?#iefix') format('embedded-opentype'),
         url('web_fonts/big_noodle_titling-webfont.woff') format('woff'),
         url('web_fonts/big_noodle_titling-webfont.ttf') format('truetype'),
         url('web_fonts/big_noodle_titling-webfont.svg#BigNoodleTitlingRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NewAthleticM54Regular';
    src: url('web_fonts/new_athletic_m54-webfont.eot');
    src: url('web_fonts/new_athletic_m54-webfont.eot?#iefix') format('embedded-opentype'),
         url('web_fonts/new_athletic_m54-webfont.woff') format('woff'),
         url('web_fonts/new_athletic_m54-webfont.ttf') format('truetype'),
         url('web_fonts/new_athletic_m54-webfont.svg#NewAthleticM54Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaLTStdCondRegular';
    src: url('web_fonts/helveticaltstd-cond_0-webfont.eot');
    src: url('web_fonts/helveticaltstd-cond_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('web_fonts/helveticaltstd-cond_0-webfont.woff') format('woff'),
         url('web_fonts/helveticaltstd-cond_0-webfont.ttf') format('truetype'),
         url('web_fonts/helveticaltstd-cond_0-webfont.svg#HelveticaLTStdCondRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{ behavior: url(pie/PIE.htc);}
body{ background: #97adbb url(../images/body_bg.jpg) center -500px no-repeat fixed; margin:0; padding: 0; width: 100%; font-family: 'HelveticaLTStdCondRegular'; z-index: 0;}
div{ /*border:1px solid red;*/}
img{ border:none;}
h1, h2, h3, h4, h5, h6{}
a{}
a:hover{}

.clearfix{ clear:both;}

/* MAIN CSS */
#holder_all{ position: relative; display: block; width: 100%; min-height: 620px; max-height: 100%; margin: 0 auto; z-index: 1;}
#holder_all .lilttle_contact{ position: absolute; display: block; width: 360px; height: 22px; top:0; right: 200px; color: #fff; font-size: 14px; background: url(../images/bg_black_80_.png) center repeat;  padding: 0 0 8px 0;  border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px;  z-index: 5;}
#holder_all .lilttle_contact .phone_little_contact{ position: relative; display: block; float: left; padding: 5px 0 0 10px;}
#holder_all .lilttle_contact .mail_little_contact{ position: relative; display: block; float: right; padding: 5px 10px 0 0;}

#holder_all #mega_menu{ position: relative; display: block; width: 1366px; height: 620px; margin:0 auto; background: url(../images/bg_mega_menu.png) center 20px no-repeat; z-index: 2;}
/* SLIDER */

#holder_all #slider{ position: absolute; display: block; top: 46px; left: 40px; width: 280px; height: 250px; background: url(../images/bg_slider.png) center top no-repeat; z-index: 3;}
#holder_all #slider .slider_holder{ position: absolute; z-index:5; display: block; top:26px; left:4px; width:274px; height:153px; background: #ccc;}

/* BUTTONS */

#holder_all #mega_menu .dot_r{ position: absolute; display: block; top:0px; right: -15px; width: 15px; height: 15px; cursor: pointer; z-index: 4; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}
#holder_all #mega_menu .dot_l{ position: absolute; display: block; top:0px; left: -15px; width: 15px; height: 15px; cursor: pointer; z-index: 4; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}
#holder_all #mega_menu .dot_l_1{ position: absolute; display: block; top:35px; left: -15px; width: 15px; height: 15px; cursor: pointer; z-index: 4; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;}

#holder_all #mega_menu #btn_qualitas{ position: absolute; display: block; top: 300px; left: 115px; z-index: 4;}
#holder_all #mega_menu #btn_ana{ position: absolute; display: block; top: 370px; left: 115px; z-index: 4;}
#holder_all #mega_menu #btn_aba{ position: absolute; display: block; top: 255px; left: 235px; z-index: 4;}
#holder_all #mega_menu #btn_gnp{ position: absolute; display: block; top: 330px; left: 300px; z-index: 4;}
#holder_all #mega_menu #btn_imax{ position: absolute; display: block; top: 225px; right: 700px; z-index: 4;}
#holder_all #mega_menu #btn_axa{ position: absolute; display: block; top: 187px; right: 422px; z-index: 4;}
#holder_all #mega_menu #btn_mty{ position: absolute; display: block; top: 300px; right: 405px; z-index: 4;}
#holder_all #mega_menu #btn_banorte{ position: absolute; display: block; top: 187px; right: 182px; z-index: 4;}
#holder_all #mega_menu #btn_primero{ position: absolute; display: block; top: 275px; right: 275px; z-index: 4;}
#holder_all #mega_menu #btn_hospipmotors{ position: absolute; display: block; top: 340px; right: 240px; z-index: 4;}
#holder_all #mega_menu #btn_seguro_p_viajes{ position: absolute; display: block; bottom: 50px; left: 170px;}
#holder_all #mega_menu #buddy_talk{ position: absolute; display: block; bottom: 0px; right: 350px;}

#holder_all #budytips{ position: absolute; display: block; width: 225px; height: 143px; bottom: 0px; right: 380px; z-index: 4; background: url(../images/budy_talk.png) center no-repeat;}

/* BUTTONS CONTENT */

#acceso_clientes{ position: absolute; display: block; z-index: 25; /*border: 1px dotted red;*/ top:80px; right: 10px; width: 410px; height: 72px; background: url(../images/dirigible_acces.png) center no-repeat;}
#acceso_clientes a h3{ position: relative; display: block; width: 150px; height: auto; margin: 7px 0 0 0px; padding: 0; float: right; text-align: center; color: black;}
#acceso_clientes a:hover h3{ color: #000; text-decoration: underline;}


#hide_content{ display: none;}
.columna_1{ position: relative; display: block; width: 405px; height: auto; margin: 0; padding: 15px; float: left; /*border:1px solid red;*/}
.columna_1:after{ content: ""; position: absolute; display: block; width: 2px; height: 250px; top:10%; right: 0; background: #ccc;}
.columna_2{ position: relative; display: block; width: 240px; height: auto; margin: 0; padding: 5px; float: right; /*border:1px solid red;*/}
.c_texto{ width: 385px; height: auto;}
.c_texto p{ margin: 0; padding: 0; font-size: 18px;}
.c_servicios{ }
.columna_1 h3{ margin: 10px 0; font-size: 22px; color: #2E3192;}
.columna_2 h3{ margin: 10px 0; font-size: 20px; color: #2E3192;}
.columna_2 h4{ margin: 5px; font-size: 15px; font-weight: normal;}
.c_servicios .c_img_servicios{}
.c_img_servicios .icon{ float: left; margin: 0 5px 5px 0;}
.columna_2 input#nombre_chat[type="text"]{ display: block; width: 150px; height: 20px; border:1px solid #ccc;}
.columna_2 textarea#mensaje_chat{ display: block; width: 200px; height: 50px; border: 1px solid #ccc;}
.columna_2 input[type="submit"]{ margin:5px 0 0 0; width: 100px; height: 20px; font-size: 14px; font-weight: bolder; color: #fff; border:2px solid #f93; background: url(../images/btn_enviar_a.png) center repeat-x;}
.columna_2 input[type="submit"]:hover{background: url(../images/btn_enviar_h.png) center repeat-x;}
.columna_2 input[type="submit"]:active{background: url(../images/btn_enviar_v.png) center repeat-x;}

#ABA_content{ position: relative; display: block; width: 700px; height: 350px; background: #fff; border-radius: 0 0 25px 0;
-webkit-border-radius: 0 0 25px 0;
-moz-border-radius: 0 0 25px 0;
-ms-border-radius: 0 0 25px 0;
-o-border-radius: 0 0 25px 0;}
#ABA_content .c_empresa_logo{ position: relative; display: block; width: 700px; height: 65px; background: url(../images/logos_t/bg_t_aba.png) center repeat-y;}

#BANORTE_content{ position: relative; display: block; width: 700px; height: 350px; background: #fff; border-radius: 0 0 25px 0;
-webkit-border-radius: 0 0 25px 0;
-moz-border-radius: 0 0 25px 0;
-ms-border-radius: 0 0 25px 0;
-o-border-radius: 0 0 25px 0;}
#BANORTE_content .c_empresa_logo{ position: relative; display: block; width: 700px; height: 65px; background: url(../images/logos_t/bg_t_banorte.png) center repeat-x;}

#PRIMERO_content{ position: relative; display: block; width: 700px; height: 350px; background: #fff; border-radius: 0 0 25px 0;
-webkit-border-radius: 0 0 25px 0;
-moz-border-radius: 0 0 25px 0;
-ms-border-radius: 0 0 25px 0;
-o-border-radius: 0 0 25px 0;}
#PRIMERO_content .c_empresa_logo{ position: relative; display: block; width: 700px; height: 65px; background: url(../images/logos_t/bg_t_primero.png) center repeat-x;}

#SMTY_content{ position: relative; display: block; width: 700px; height: 350px; background: #fff; border-radius: 0 0 25px 0;
-webkit-border-radius: 0 0 25px 0;
-moz-border-radius: 0 0 25px 0;
-ms-border-radius: 0 0 25px 0;
-o-border-radius: 0 0 25px 0;}
#SMTY_content .c_empresa_logo{ position: relative; display: block; width: 700px; height: 65px; background: url(../images/logos_t/bg_t_s_mty.png) center repeat-y;;}

#AXA_content{ position: relative; display: block; width: 700px; height: 350px; background: #fff; border-radius: 0 0 25px 0;
-webkit-border-radius: 0 0 25px 0;
-moz-border-radius: 0 0 25px 0;
-ms-border-radius: 0 0 25px 0;
-o-border-radius: 0 0 25px 0;}
#AXA_content .c_empresa_logo{ position: relative; display: block; width: 700px; height: 65px; background: #164D91;}

#Qualitas_content{ position: relative; display: block; width: 700px; height: 350px; background: #fff; border-radius: 0 0 25px 0;
-webkit-border-radius: 0 0 25px 0;
-moz-border-radius: 0 0 25px 0;
-ms-border-radius: 0 0 25px 0;
-o-border-radius: 0 0 25px 0;}
#Qualitas_content .c_empresa_logo{ position: relative; display: block; width: 700px; height: 65px; background: url(../images/logos_t/bg_t_qualitas.png) center repeat-y;}

#GNP_content{ position: relative; display: block; width: 700px; height: 350px; background: #fff; border-radius: 0 0 25px 0;
-webkit-border-radius: 0 0 25px 0;
-moz-border-radius: 0 0 25px 0;
-ms-border-radius: 0 0 25px 0;
-o-border-radius: 0 0 25px 0;}
#GNP_content .c_empresa_logo{ position: relative; display: block; width: 700px; height: 65px; background: #E86B1F;}

#ANA_content{ position: relative; display: block; width: 700px; height: 350px; background: #fff; border-radius: 0 0 25px 0;
-webkit-border-radius: 0 0 25px 0;
-moz-border-radius: 0 0 25px 0;
-ms-border-radius: 0 0 25px 0;
-o-border-radius: 0 0 25px 0;}
#ANA_content .c_empresa_logo{ position: relative; display: block; width: 700px; height: 65px; background: url(../images/logos_t/bg_t_ana.png) center repeat-x;}

#IMAX_content{ position: relative; display: block; width: 700px; height: 350px; background: #fff; border-radius: 0 0 25px 0;
-webkit-border-radius: 0 0 25px 0;
-moz-border-radius: 0 0 25px 0;
-ms-border-radius: 0 0 25px 0;
-o-border-radius: 0 0 25px 0;}
#IMAX_content .c_empresa_logo{ position: relative; display: block; width: 700px; height: 65px; background: url(../images/logos_t/bg_t_imax.png) center repeat-x;}

#MOTORS_content{ position: relative; display: block; width: 700px; height: 350px; background: #fff; border-radius: 0 0 25px 0;
-webkit-border-radius: 0 0 25px 0;
-moz-border-radius: 0 0 25px 0;
-ms-border-radius: 0 0 25px 0;
-o-border-radius: 0 0 25px 0;}
#MOTORS_content .c_empresa_logo{ position: relative; display: block; width: 700px; height: 65px; background: url(../images/logos_t/bg_t_motors.png) center repeat-x;}

#SEGURO_viajes{ position: relative; display: block; width: 700px; height: 350px; background: #fff; border-radius: 0 0 25px 0;
-webkit-border-radius: 0 0 25px 0;
-moz-border-radius: 0 0 25px 0;
-ms-border-radius: 0 0 25px 0;
-o-border-radius: 0 0 25px 0;}
#SEGURO_viajes .c_empresa_logo{ position: relative; display: block; width: 700px; height: 65px; background: url(../images/logos_t/bg_t_viajes.png) center repeat-x;}

#BUDDY_help{ position: relative; display: block; width: 218px; height: 143px; margin: 0 auto; background: url(../images/budy_talk.png) center no-repeat;}

/* FOOTER */
#footer_holder{ position: relative; display: block; margin: 0 auto; width: auto; height: 30px; border-top: 5px solid #E6E6E6; background: url(../images/bg_footer.jpg) center top repeat-y;}
#footer_holder #content{ position: relative; display: block; margin: 0 auto; padding-top: 5px; width: 800px; height: 25px; color: #fff; }
#footer_holder #content p{ position: relative; display: block; margin: 0; padding: 0; text-align: center; font-size: 14px;}
#footer_holder #content p a{ text-decoration: none; color: #fff;}
#footer_holder #content p a:hover{ color: #E6E6E6;}

/* PopUp jQuery */
#pop{ z-index: 30; position: absolute; text-align: center;}
#cerrar{ float: right; margin: 0; padding: 2px 5px; cursor: pointer; color: white; font-weight: bold; background: #00ADFF; width: 12px; position: relative; text-align: center;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;}
#obscurecer{ position: absolute; display: block; width: 100%; height: 100%; background: url(../images/bg_60_op.png) center repeat; z-index: 29;}