﻿/* adjust body when menu is open */
body.slide-active {overflow-x: hidden}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {margin-top: 0px!important}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {position: relative;/* padding-top: 70px;*/left: 0; top:-8px}
#page-content.slide-active {padding-top: 0}
.header_background{ /*background-color:#f7f7f7;*/background: url(../../assets/images/bg_header.png) repeat-x left top;}
.footer_background{background-color:#141618; min-height: 50px;}
.menu_title{color:#fff !important; padding-top:0px; padding-bottom:0px;}
.footer{font: 11px/15px Arial, Helvetica, sans-serif; color: #dbdbdb;}

.image_header{width:354px;height:59px;margin-top:-10px; background-position: 0 8.776596%; background-size: 152.259887%; max-width: 100%; background-image: url('sprites/sprites_directorio.png');}
.item_only_mobile{background-color:#E9E9E9;height:130px;color:#005AA2;}
.item_fecha{color:#7a7d80;font:11px/15px Arial, Helvetica, sans-serif;height:15px;width:auto;float:right;display:inline-block;margin:5px -188px 0px 0px;overflow:hidden;}
.item_menu_gray{height:22px;float:right;display:inline-block;overflow:hidden;padding:0px 6px 2px 7px;background:#EBEDED url(../../assets/images/bg-btnTopLeft.png) no-repeat left top;}
.item_zop_menu_gray{height:22px;display:table-cell;vertical-align:middle;text-align:center;padding:0px 6px 0px 12px;margin:0px;}
.item_search_header{height:22px;width:166px;float:left;display:inline-block;position:relative;background:url(../../assets/images/bgsearch.png) no-repeat left top;}
.item_search_input_header{width:120px;height:18px;position:absolute;top:2px;left:10px;display:block;color:#FFF;font:bold 11px/18px Arial, Helvetica, sans-serif;border:none;background:transparent;text-transform:uppercase;z-index:2;}
.item_search_button_header{display:block;width:18px;height:18px;cursor:pointer;position:absolute;right:9px;top:4px;background:url(../../assets/images/bg_buscador_boton.png) no-repeat center center;z-index:2;}
.item_text_header{color:#006eb7;font:bold 12px Arial;}
.item_button_close_header{background:#006eb7;border:1px solid #FFF;border-radius:15px;box-shadow:0 2px 5px #ccc;color:#FFF;display:block;font:bold 12px/22px Arial;height:22px;text-align:center;text-decoration:none;width:120px;float:left;}
.item_button_close_header:hover{color:#E9E9E9;text-decoration:none;}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus{color:#005a9d!important;text-decoration:underline;background-color:#eee;border:1px solid;border-radius:3px;border-color:#e0dede;}
#about .navbar .navbar-inverse >li.active a{background:#333;color:#F00;}
/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle{cursor:pointer;position:relative;line-height:1px;float:left;margin:10px 0 0 0;width:40px;height:45px;padding:10px 5px 10px 5px;border:0;background:rgba(0, 0, 0, 0.05);border-radius:0px;}
/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar{width:100%;display:block;height:3px;margin:5px 0 0 0;background:#0072BB;}
#slide-nav .navbar-toggle.slide-active .icon-bar{background:#0072BB;}
.navbar-header{position:relative}
/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active{position:relative}

/*Banner TOP*/

    .banner33
    {
        background-image:url(../images/banner_header/bnr_publicidad33.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:12.31%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
    .banner34
    {
        background-image:url(../images/banner_header/bnr_publicidad34.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:12.31%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
    .banner35
    {
        background-image:url(../images/banner_header/bnr_publicidad35.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:12.31%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
    .banner36
    {
        background-image:url(../images/banner_header/bnr_publicidad36.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:12.31%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
    .banner37
    {
        background-image:url(../images/banner_header/bnr_publicidad37.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:12.31%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
    .banner38
    {
        background-image:url(../images/banner_header/banner_rotativo2.png);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:12.31%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
    
    .banner2
    {
        background-image:url(../images/banner_header/bnr_publicidad2.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:12.31%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
 

	.banner15
      {
        background:url(../images/banner_header/bnr_publicidad21.gif);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:12.31%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }


    .banner40
      {
        background:url(../images/banner_header/bnr_publicidad40.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:12.31%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }

    .banner42
      {
        background:url(../images/banner_header/bnr_publicidad42.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:12.31%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }





    
@media (max-width:991px){.right_menu{display:none!important;}
.btnshow{display:normal;}
}
/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */
@media (max-width:767px){.btnshow{display:none;}
                         .item_fecha{color:#7a7d80;font:11px/15px Arial, Helvetica, sans-serif;height:15px;width:auto;float:left;display:inline-block;margin:0px 10px 0px 0px;overflow:hidden;}
.right_menu{display:none!important;}
#slide-nav .container{margin:0!important;padding:0!important;height:100%;}
#slide-nav .navbar-header{margin:0 auto;padding:0 15px;}
#slide-nav .navbar.slide-active{position:absolute;width:80%;top:-1px;z-index:1000;}
#slide-nav #slidemenu{background:#f7f7f7;left:-100%;width:80%;min-width:0;position:absolute;padding-left:0;z-index:2;top:-8px;margin:0;}
#slide-nav #slidemenu .navbar-nav{min-width:0;width:100%;margin:0;}
#slide-nav #slidemenu .navbar-nav .dropdown-menu li a{min-width:0;width:80%;white-space:normal;}
#slide-nav{border-top:0}
#slide-nav.navbar-inverse #slidemenu{background:#005AA2;}
	/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
#navbar-height-col{position:fixed;top:0;height:100%;bottom:0;width:80%;left:-80%;background:#f7f7f7;}
#navbar-height-col.inverse{background:#005AA2;z-index:1;border:0;}
#slide-nav .navbar-form{width:100%;margin:8px 0;text-align:center;overflow:hidden;/*fast clearfixer*/}
#slide-nav .navbar-form .form-control{text-align:center}
#slide-nav .navbar-form .btn{width:100%}
.image_header{max-width:100%;width:188px;height:32px;margin-top:0px;background-position: 0 26.030928%; background-size: 277.835052%;background-image: url('sprites/sprites_directorio.png');}
#page-content {position: relative;/* padding-top: 70px;*/left: 0; top:0px;}

/*Banner TOP*/
    .banner5
    {
        background:url(../images/banner_header/bnr_publicidad5_small.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:24.62%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
    .banner4
    {
        background:url(../images/banner_header/bnr_publicidad4_small.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:24.62%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
    .banner3
    {
        background:url(../images/banner_header/bnr_publicidad3_small.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:24.62%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
    .banner2
    {
        background:url(../images/banner_header/bnr_publicidad2_small.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:24.62%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
    .banner1
    {
        background:url(../images/banner_header/bnr_publicidad1_small.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:24.62%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
    .anuncio
    {
        background:url(../images/banner_header/bnr_anuncio_small.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:24.62%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
    .banner1
    {
        background:url(../images/banner_header/bnr_publicidad4_small.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:24.62%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
 .banner19
    {
        background:url(../images/banner_header/bnr_publicidad19.jpg);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:24.62%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
.banner20
 {
        background:url(../images/banner_header/bnr_publicidad23.gif);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:24.62%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
.banner21
 {
        background:url(../images/banner_header/bnr_publicidad24.gif);
        background-repeat: no-repeat;
        background-size: contain;
        width:100%;
        height:0;
        padding-top:24.62%;/* (img-height / img-width * width) */  /* (160 / 650 * 100) */
    }
    .footer
    {
        text-align: center;
    }
}
@media (min-width:768px){#page-content{left:0!important}
.navbar.navbar-fixed-top.slide-active{position:fixed}
.navbar-header{left:0!important}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;}
.item_only_mobile{background-color:#E9E9E9;height:100px;color:#fff;display:none!important;}
.item_session_mobile{display:none!important;}

}
@media (max-width:306px){

.image_header{max-width:100%;width:114px;height:21px;margin-top:6px;background-position: 0 32.826362%; background-size: 472.807018%;background-image: url('sprites/sprites_directorio.png');}

}
