/*FUENTES*/
@font-face {
    font-family: 'bignoodletitlingregular';
    src: url('../fonts/big_noddle/bignoodletitling.eot');
    src: url('../fonts/big_noddle/bignoodletitling.eot?#iefix') format('embedded-opentype'),
        url('../fonts/big_noddle/bignoodletitling.woff') format('woff'),
        url('../fonts/big_noddle/bignoodletitling.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'icomoon';
    src:url('../fonts/icomoon/icomoon.eot?-9l2arq');
    src:url('../fonts/icomoon/icomoon.eot?#iefix-9l2arq') format('embedded-opentype'),
        url('../fonts/icomoon/icomoon.woff?-9l2arq') format('woff'),
        url('../fonts/icomoon/icomoon.ttf?-9l2arq') format('truetype'),
        url('../fonts/icomoon/icomoon.svg?-9l2arq#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Windows Chrome ugly fix http://stackoverflow.com/questions/13674808/chrome-svg-font-rendering-breaks-layout/14345363#14345363 */
@media screen and (-webkit-min-device-pixel-ratio:0){
    @font-face{
        font-family: 'icomoon';
        src: url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
    }
}
[class^="icon-"], [class*=" icon-"]{
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -1px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*------------------------------------------*/
/*CLASES CON PROPIEDAD BOX SIZING*/
.btn-close, .contenedor_contenido, aside.side_menu, .side_menu_wrapper, .side_menu_scroller, .head_bar, .breadcrumb, .panel, .text_footer, .btn_menu_2_n1, .medio_contenedor_contenido, .g_span_1, .g_span_2, .g_span_3, .g_span_4, .g_span_5, .g_span_6, .g_span_7, .g_span_8, .g_span_9, .g_span_10, .g_span_11, .g_span_12, .box, .box .contents, .box.highlight, .galeria_items .item, .galeria_items .item .disabled, .galeria_items .item .tag_list, .item.item_desplegable ul, .post_x, .post_c, .post_i, .frame_img, .box .post_x .detail_1, .detail_1 img, .detail_2 img, .tab_group, .tags, form, .form_inline, .form_horizontal, .form_highlight, .form_control, .help_text.warning, .help_text.error, .help_text.success, .logged img, .dropdown-menu, .table-scroll-y, .badge, .menu_1_n1 li, .menu_1_n2, .menu_2_wrapper .scroller, .menu_2_n1, .menu_2_n1 li a, .menu_2_n2 li, .menu_2_n2 li a, .menu_2_n1 li a .icon, .side_menu, .side_menu_scroller, .table-responsive, .timeline .btn, .mask_2_contents, .box_caption, .mask_1 .box_caption, .mask_2 .box_caption, .call_to_action .call_btn, .call_to_action, .call_tooltip, .banner_roll, .banner_roll .head_roll, .tab_bar.call_box{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing:border-box;
}
/*CLASES CON PROPIEDAD BORDER RADIUS 6px*/
.modal-content, .btn-close, .alert, .panel, .box .contents, .box_animated .mask_1, .box_animated .mask_2, .box.highlight, .box_high, .galeria_items, .galeria_items .item, .galeria_items .item .disabled, .galeria_items .item .tag_list, .galeria_items .item.item_desplegable .desplegable_btn, .item.item_desplegable li, .post_x,.post_c, .post_i, .post_c .frame_img, .post_i .frame_img, .post_x .frame_img, .box.hg1 .box_img, .box.hg2 .box_img, .box.hg3 .box_img, .box.hg_mini .box_img, .box_high, .tab_bar, .tags, .panel_oculto, .user_head, .user_head, .dropdown-menu, .table-responsive, .content_responsive, .table-scroll-y, .btn, .btn_high, .map_container, .box.main_post .main_post_banner, .box.main_post .filter{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}
/*CLASES CON PROPIEDAD TRANSITION*/
.btn-close, a, .logo, .user_head, .networks a, .tools a, .btn_menu_1_n1, .btn_menu_2_n1, .box.highlight, .box.highlight .title_h4, .btn_high, .btn_menu_2_n1, .box_animated .mask_2, .mask_1 .box_caption, .box_animated:hover .mask_2 .box_caption, .mask_2 .box_caption, .box_animated:hover .mask_1 .box_caption, .galeria_items .item, .galeria_items .item.item_desplegable .desplegable_btn, .item.item_desplegable li, .galeria_items .item.item_desplegable ul li input, .item.item_desplegable ul ul li, .item.item_desplegable ul ul ul li, .item.item_desplegable ul ul ul ul li, .item.item_desplegable ul ul ul ul ul li, .draggable li, .btn, .table a:hover, aside.side_menu, .side_menu_wrapper, .side_menu_scroller, .menu_2_wrapper, .menu_1_n1 li a, .menu_2_n1 li a, .menu_2_n2 li a, .call_to_action .call_btn, .call_to_action .call_tooltip, .boxes_call .call_btn, .galeria_items .item .tag_list i:hover, .tag_list i:hover, a .box_img, .box.cursor_pointer .box_img{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/*CLASES CON PROPIEDAD OPACITY*/
.logo:hover, .networks a:hover, .tools a:hover, .btn_menu_1_n1:hover, .btn_menu_2_n1:hover i, .galeria_items .item .tag_list i:hover, .tag_list i:hover{
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    cursor: pointer;
}
a .box_img:hover, .box.cursor_pointer .box_img:hover{
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    cursor: pointer;
}
/*CLASES CON PROPIEDAD CURSOR POINTER*/
.cursor_pointer{
    cursor: pointer;
}
/*-----------------------------------*/
/*COLORES LAYOUT*/
/*COLOR 1*/
header, .head_icon, aside.side_menu, .box_animated .mask_2, .menu_2_wrapper{
    background: rgba(0, 47, 63, 1);
}
body, .item.item_desplegable li, form.log_in, .logged{
    color: rgba(0, 47, 63, 1);
}
/*COLOR 2*/
.head_bar, .btn_menu_2_n1, .panel.main{
    background: rgba(0, 152, 196, 1);
}
/*COLOR 3*/
.head_contenedor_contenido .head_icon:hover, .box.highlight, .mask_1 .box_caption, .mask_2 .box_caption, .galeria_items .item .tag_list, .tag_list, .logged .head, .menu_1_n1 li a, .menu_2_n1 li a:hover, .menu_2_n2 li a:hover{
    background: rgba(239, 104, 96, 1);
}
.box_high p, .table a:hover{
    color: rgba(239, 104, 96, 1);
}
.logged img, .logged img:hover{
    border: 3px solid rgba(239, 104, 96, 1);;
}
/* Desktops and laptops ----------- */
@media only screen and (max-width: 1224px){ 
    .menu_1_n1 li a, .menu_2_n1 li a{
        background: rgba(239, 104, 96, 1);;
    }
}
.box_animated .mask_2{
    background: rgba(0, 47, 63, 0.8);
}
/*ESTILOS ESTANDAR*/
*{ 
    margin: 0;
    padding: 0;
}
html{
    height: 100%;
    background: #DDDDDD;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body{ 
    font-size: 14px; 
    padding: 0; 
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}
/*ETIQUETA A*/
a, button, li{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    text-decoration: none;
    color: inherit;
    border: none;
}
a:hover, a:active, button:hover, button:active{
    cursor: pointer;
    outline: 0;
    color: inherit;
    border-bottom: none;
}
a{
    color: #00B07C;
}
a:hover{
    color: #0B7E57;
}
.table a, .team a{
    color: inherit;
}
p a, text_footer a, .banner_roll a, form a, form.log_in a, .logged a, .post_c a, .post_i a, .post_x a{
    margin: 0 1px 1px 1px;
    padding: 0;
    border-bottom: 1px dotted #BBBBBB;
}
p a:hover, text_footer a:hover, .banner_roll a:hover, form a:hover, form.log_in a:hover, .logged a:hover{
    border-bottom: 1px solid #0B7E57;
}
/*----------------------------------------------*/
*:focus{
    outline: none;
}
sub,
sup{
    position: relative;
    font-size: 45%;
    line-height: 0;
    vertical-align: baseline;
    margin: 0 3px;
}

sup{
    top: -0.75em;
}

sub{
    bottom: -0.25em;
}
img{
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
p{
    margin: 0 0 10px;
}
.text-yellow{
    color: #FFC627!important;
}
a.text-yellow:hover,
a.text-yellow:focus{
    color: #CCA122!important;
}
.text-red{
    color: #EF6860!important;
}
a.text-red:hover,
a.text-red:focus{
    color: #B0403C!important;
}
.text-green{
    color: #00B07C!important;
}
a.text-green:hover,
a.text-green:focus{
    color: #0B7E57!important;
}
.text-sky_blue{
    color: #0098C4!important;
}
a.text-sky_blue:hover,
a.text-sky_blue:focus{
    color: #006989!important;
}
.text-left{
    text-align: left!important;
}
.text-right{
    text-align: right!important;
}
.text-center{
    text-align: center!important;
}
/*HEADINGS*/
h2, h3, h4, h5, h6{
    margin: 5px 0;
    font-family: inherit;
    font-weight: bold;
    line-height: 30px;
    color: inherit;
    display: inline-block;
}
h2{
    font-size: 40px;
    line-height: 40px;
}
h3{
    font-size: 35px;
    line-height: 36px;
}
h4{
    font-size: 28px;
    line-height: 30px;
}
h5{
    font-size: 20px;
    line-height: 22px;
}
h6{
    font-size: 16px;
    line-height: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700!important;
}
ul,
ol{
    padding: 0;
    margin: 0 0 10px 25px;
    list-style-type: none;
}
ol{
    list-style-type: decimal;
}
ul ul,
ul ol,
ol ol,
ol ul{
    margin-bottom: 0;
}
.box_high ul, p ul{
    list-style-type: disc;
}
hr{
    margin: 7px 0;
    border: 0;
    border-top: 1px solid #CCCCCC;
    border-bottom: none;
}
/*-------------------------*/
.clear{
    clear: both;
    display: block!important;
}
.separador_x{
    width: 10px;
    height: 10px;
    display: block;
    float: left;
}
.separador_y{
    width: 10px;
    height: 10px;
    display: block;
}
/*-----------------------------------*/
/*TITULOS*/
.title_h1, .title_h2, .title_h3, .title_h4, .title_h5, .title_h6{
    margin: 0 0 5px 0;
    font-family: inherit;
    line-height: 30px;
    color: inherit;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}
.title_h1{
    font-size: 90px;
    line-height: 80px;
    font-family: 'bignoodletitlingregular';
    font-weight: normal;
    text-shadow: 5px 5px 0 rgba(100, 100, 100, 0.4);
}
.title_h2{
    font-size: 70px;
    line-height: 65px;
    font-family: 'bignoodletitlingregular';
    font-weight: normal;
    text-shadow: 4px 4px 0 rgba(100, 100, 100, 0.4);
}
.title_h3{
    font-size: 50px;
    line-height: 45px;
    font-family: 'bignoodletitlingregular';
    font-weight: normal;
    text-shadow: 3px 3px 0 rgba(100, 100, 100, 0.4);
}
.title_h4{
    font-size: 40px;
    line-height: 40px;
    font-family: 'bignoodletitlingregular';
    font-weight: normal;
    text-shadow: 2px 2px 0 rgba(100, 100, 100, 0.4);
}
.title_h5{
    font-size: 20px;
    line-height: 22px;
}
.title_h6{
    font-size: 16px;
    line-height: 18px;
}
.title_h1.font_2, .title_h2.font_2, .title_h3.font_2, .title_h4.font_2, .title_h5.font_2{
    font-family: 'Lobster', cursive;
    text-shadow: none;
    padding: 0 0 0 5px;
}
.title_h1.font_2{
    font-size: 70px;
    line-height: 64px;
}
.title_h2.font_2{
    font-size: 50px;
    line-height: 50px;
}
.title_h3.font_2{
    font-size: 40px;
    line-height: 42px;
}
.title_h4.font_2{
    font-size: 26px;
    line-height: 45px;
}
.title_h5.font_2{
    font-size: 18px;
    line-height: 35px;
}
.title_highlight{
    margin: 5px auto 10px auto;
    padding: 0 5px;
    text-align: center;
}
.title_highlight .title_h3{
    margin: 0 auto;
    padding: 5px 15px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}
/*FRAME PARA DECORAR ALGUNAS IMG*/
.frame_img{
    background: #FFFFFF;
    border: 3px solid #FFFFFF;
    margin: 0 3px;
    overflow: hidden;
    display: inline-block;
    -webkit-box-shadow: 3px 3px 0 rgba(100, 100, 100, 0.4);
    -moz-box-shadow: 3px 3px 0 rgba(100, 100, 100, 0.4);
    box-shadow: 3px 3px 0 rgba(100, 100, 100, 0.4);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
/*WRAPPER PARA IMAGENES DE PERFIL*/
.frame_img .frame_img_wrapper{
    display: block;
    overflow: hidden;
}
/*ALERTAS*/
.alert{
    padding: 5px 15px;
    margin: 5px auto 10px auto;
    font-size: 16px;
    border: 1px solid transparent;
    font-weight: bold;
}
.alert.warning{
    color: #CCA122;
    background: #FFF6DF;
    border-color: #FFC627;
}
.alert.error{
    color: #B0403C;
    background: #FBE8E4;
    border-color: #D36861;
}
.alert.success{
    color: #0B7E57;
    background: #D9F3EB;
    border-color: #00B07C;
}
/*--------------------------------*/
/*ESTRUCTURA*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{
    display: block;
}
section.principal{
    margin: 0 auto;
}
header, section.medio, footer{
    font-size: 14px;
    text-align: center;
}
header{
    width: 100%;
    padding: 0;
    height: 60px;
    color: #FFFFFF;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    text-align: left;
    display: block;
    -webkit-box-shadow: 0 4px 0 rgba(100, 100, 100, 0.4);
    -moz-box-shadow: 0 4px 0 rgba(100, 100, 100, 0.4);
    box-shadow: 0 4px 0 rgba(100, 100, 100, 0.4);
}
header .user_head i{
    font-size: 20px;
    vertical-align: middle;
}
section.medio{
    /*padding: 88px 0 0 0;TEMPORAL*/
    padding: 66px 0 0 0;
}
footer{
    margin: 10px auto 10px 55px;
    padding: 10px;
    font-size: 12px;
}
footer a{
    color: inherit;
}
footer a:hover, footer a:active{
}
/*---------------------------------*/
.contenedor_contenido{
    vertical-align: top;
    text-align: center;
    margin: 0 0 0 55px;
    padding: 5px 0 0 0;
}
.head_contenedor_contenido{
    position: relative;
    margin: 0 0 5px 0;
}
.head_icon{
    width: 55px;
    height: 55px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 35px;
    line-height: 58px;
    color: #FFFFFF!important;
}
.head_bar, .breadcrumb{
    margin: 0 0 0 55px;
    text-align: left;
}
.head_bar{
    height: 30px;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    position: relative;
    white-space:nowrap; 
    overflow:hidden;
    text-overflow:ellipsis;
}
.breadcrumb{
    height: 25px;
    padding: 6px 10px;
    background: #FFFFFF;
    font-size: 14px;
    line-height: 14px;
}
.breadcrumb a{
    color: #B0403C;
    margin: 0;
}
/*BOTONES MENU 1 & MENU 2*/
.btn_menu_1_n1, .btn_menu_2_n1{
    color: #FFFFFF;
    text-align: center;
    font-size: 22px;
    z-index: 2;
    display: none;
    margin: 10px 5px 8px 5px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    border-right: 1px solid #EEEEEE;
}
.btn_menu_2_n1{
    width: 340px;
    height: 65px;
    color: #FFFFFF;
    margin: 0;
    padding: 10px 0 0 0;
    display: block;
    font-size: 35px;
    line-height: 55px;
    border-right: none;
    position: absolute;
}
.btn_menu_1_n1:hover, .btn_menu_2_n1:hover{
    color: #FFFFFF;
}
.btn_menu_2_n1 i{
    position: absolute;
    left: 10px;
    top: 20px;
}
.medio_contenedor_contenido{
    margin: 0;
    padding: 5px 10px 0 10px;
    text-align: left;
}
/*--------------------------------*/
header h1{
    font-size: 13px;
    line-height: 14px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 10px;
    font-weight: normal;
}
/*--------------------------------*/
/*PANELS*/
.panel{
    margin: 0 0 10px 0;
    padding: 10px 15px 10px 15px;
    background: #FFFFFF;
    border: none;
    position: relative;
    text-align: left;
}
.panel:last-child, .panel:only-child{
    margin: 0!important;
}
.panel .head_bar, .popup_box .head_bar{
    margin: -10px -15px 10px 15px;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}
.panel p{
    margin: 10px;
}
.panel .head_icon, .popup_box .head_icon{
    width: 30px;
    height: 30px;    
    font-size: 18px;
    line-height: 32px;
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}
.panel .breadcrumb, .popup_box .breadcrumb{
    margin: -10px 0 10px 0;
    padding: 7px 10px 5px 40px;
}
/*PANEL SWITCHABLE*/
.panel.panel_switchable{
    padding: 10px 0!important;
    background: transparent;
}
/*PANEL INDEPENDIENTE*/
.panel.main{
    color: #FFFFFF;
}
.panel.main .title_highlight{
    color: #FFFFFF;
}
/*--------------------------------*/
/*GRID SYSTEM 
Presenta dos tipos de grid, con margen (por defecto) y sin margen, 
al agregar la clase "no_gutter" a los "g_span"*/
.content_grid{
    margin: 0 -5px 10px -5px;
}
.g_span_1, .g_span_2, .g_span_3, .g_span_4, .g_span_5, .g_span_6,
.g_span_7, .g_span_8, .g_span_9, .g_span_10, .g_span_11, .g_span_12{
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 5px;
}
.no_gutter{
    padding: 0;
}
/*GRID SPANS*/
.g_span_1{ width: 8.333%;}
.g_span_2{ width: 16.666%;}
.g_span_3{ width: 25%;}
.g_span_4{ width: 33.333%;}
.g_span_5{ width: 41.666%;}
.g_span_6{ width: 50%;}
.g_span_7{ width: 58.333%;}
.g_span_8{ width: 66.666%;}
.g_span_9{ width: 75%;}
.g_span_10{ width: 83.333%;}
.g_span_11{ width: 91.666%;}
.g_span_12{ width: 100%;}

/*GRID OFFSET*/
.g_offset_1{ margin-left: 8.333%;}
.g_offset_2{ margin-left: 16.666%;}
.g_offset_3{ margin-left: 25%;}
.g_offset_4{ margin-left: 33.333%;}
.g_offset_5{ margin-left: 41.666%;}
.g_offset_6{ margin-left: 50%;}
.g_offset_7{ margin-left: 58.333%;}
.g_offset_8{ margin-left: 66.666%;}
.g_offset_9{ margin-left: 75%;}
.g_offset_10{ margin-left: 83.333%;}
.g_offset_11{ margin-left: 91.666%;}
.g_offset_12{ margin-left: 100%;}

/*BOXES SYSTEM 
Consiste en dos div uno con clase "box" y adentro el otro div con clase "contents"...
De esta forma aseguraremos su funcionamiento optimo y con el JQuery Masonry
Se pueden usar boxes con margen (por defecto) y sin margen al aplicar al div "box" la clase "no_gutter"*/
.container_boxes{
    margin: 0 -5px 5px -5px!important;
    position: relative;
}
.panel .container_boxes {
    margin: 0 -5px!important;
}
.box{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 5px;
    text-align: center;
}
.wd1, .grid-sizer{
    width: 25%;
}
.wd2{
    width: 50%;
}
.wd3{
    width: 75%;
}
.hg1{
    height: 300px;
}
.hg2{
    height: 400px;
}
.hg3{
    height: 600px;
}
.hg_mini{
    height: 220px;
}
.box .contents{
    padding: 15px;
    background: #FFFFFF;
    height: 100%;
    position: relative;
}
.panel .box .contents{
    padding: 15px;
    background: #DDDDDD;
    height: 100%;
    position: relative;
}
.box .contents .head_bar{
    height: 35px;
    margin: -15px -15px 10px -15px;
    padding: 7px 110px 5px 20px;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
}
.box .contents .main_title{
    display: block;
    white-space:nowrap; 
    overflow:hidden;
    text-overflow:ellipsis;
}
.box .contents .overflow_contents{
    border-bottom: 1px solid #FFFFFF;
    overflow-y: auto;
}
.box.hg1 .contents .overflow_contents{
    height: 180px;
}
.box.hg2 .contents .overflow_contents{
    height: 280px;
}
.box.hg3 .contents .overflow_contents{
    height: 380px;
}
.box .detail_1{
    width: 90px;
    padding: 0 10px 5px 0;
}
.box.hg1 .detail_2{
    vertical-align: top;
}
.box.hg1 p{
    text-align: left;
    padding: 0 5px;
}
.box .tab_bar, .panel .tab_bar{
    padding: 5px;
    margin: 0;
    background: none;
}
/*--------------------------------*/
/*ANIMATED BOXES*/
.box_animated.hg1{
    height: 300px;
}
.box_animated.hg2{
    height: 400px;
}
.box_animated.hg3{
    height: 600px;
}
.box_animated .contents{
    padding: 0!important;
    overflow: hidden;
}
.box_animated .mask_1{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    text-align: center;
}
.box_animated .mask_2{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    overflow: hidden;
    color: #FFFFFF;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.box_animated:hover mask_1{
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: pointer;
}
.box_animated:hover .mask_2{
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 3;
}
/*.box_animated img{
    width: 100%;
}*/
.mask_2_contents{
    width: 100%;
    padding: 15px;
}
.mask_1 .box_caption, .box_animated:hover .mask_2 .box_caption{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.mask_2 .box_caption, .box_animated:hover .mask_1 .box_caption{
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.mask_1 .title_h4, .mask_2 .title_h4,
.mask_1 .title_h5, .mask_2 .title_h5{
    margin: 0;
    width: 100%;
    text-shadow: none;
    white-space:nowrap; 
    overflow:hidden;
    text-overflow:ellipsis;
}
.box_caption [class^="icon-"], .box_caption [class*=" icon-"]{
    margin: 0 5px;
    vertical-align: -1px;
}
.box_caption, .mask_1 .box_caption, .mask_2 .box_caption{
    width: 100%;
    text-align: left;
    position: absolute;
    bottom: 10px;
    left: 0;
    padding: 10px 15px;
    color: #FFFFFF;
    background: rgba(10, 10, 10, 0.8);
    font-size: 16px;
    text-shadow: none;
}
.mask_2 .box_caption{
    width: 100%;
    text-align: center;
    font-size: 14px;
    position: static;
    background: transparent;
}
/*--------------------------------------*/
/*BOXES HIGHLIGHT*/
.box.highlight{
    color:  #FFFFFF;
    width: auto;
    margin: 5px;
    padding: 10px 20px;
}
.box.highlight:hover, .box.highlight:active{
    background: #777777;
    cursor: pointer;
}
.box.highlight .title_h4{
    margin: 0;
    text-shadow: 3px 3px 0 rgba(70, 70, 70, 0.8)!important;  
}
.box.highlight:hover .title_h4{
    color: #FFFFFF;
}
.highlight_selected{
    background: #777777 !important;
}
.highlight_selected .title_h4{
    color: #FFFFFF !important;
}
/*--------------------------------*/
/*GALERIA ITEMS*/
.galeria_items{
    background: #F5F5F5;
    padding: 10px 10px 0 10px;
    margin: 0 auto 10px auto;
    text-align: center;
}
.galeria_items:only-child, .galeria_items:last-child{
    margin: auto;
}
.galeria_items.hg1{
    height: auto;
    max-height: 300px;
    overflow-y: auto;
}
.galeria_items.hg2{
    height: auto;
    max-height: 600px;
    overflow-y: auto;
}
.galeria_items.overflow_basic{
    overflow: auto;
    height: 100px;
    margin: 5px 0;
}
/*ITEM BASICO*/
.galeria_items .item{
    width: 120px;
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 15px 15px 8px 15px;
    text-align: center;
    vertical-align: top;
    background: #DDDDDD;
    position: relative;
}
.galeria_items .item:hover{
    background: #AAAAAA;
    color: #FFFFFF;
}
.galeria_items .item .frame_img{
    height: 50px;
    margin: 0 auto 5px auto;
}
.galeria_items .item img{
    max-width: 100%;
    display: inline-block;
    margin: 0 auto;
}
.galeria_items .item span{
    max-width: 100%;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}
.galeria_items .item .title_h6{
    font-size: 16px;
    line-height: 18px;
}
.galeria_items .item .disabled{
    width: 100%;
    height: 100%;
    padding: 15% 0 0 0;
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
}
.galeria_items .item .badge{
    position: absolute;
    top: 5px;
    right: 5px;
}
.galeria_items .item .tag_list{
    color: #FFFFFF;
    padding: 3px 25px 3px 5px;
    margin: 2px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 92px;
    white-space:nowrap; 
    overflow:hidden;
    text-overflow:ellipsis;
}
.galeria_items .item .tag_list i{
    position: absolute;
    margin: -5px 0 0 0;
    top: 50%;
    right: 5px;
    font-size: 10px;
}
.item .set_left .btn, .item .set_right .btn{
    margin: -1px 2px 4px 2px!important;
}
/*ITEMS A DOS COLUMNAS*/
.galeria_items .item.add_detail{
    width: 300px;
    padding: 12px 12px 15px 12px;
}
.galeria_items .item.add_detail.close_item{
    padding: 12px 35px 15px 12px;
}
.item .detail_1{
    width: 50px;
}
.item .detail_2{
    padding: 3px 0 0 10px;
    vertical-align: top;
}
.item.add_detail span{
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}
/*ITEMS CONTROLS*/
.galeria_items .item.add_controls{
    width: 300px;
    padding: 10px 40px 8px 40px;
}
.galeria_items .item.add_controls .set_left{
    top: 9px;
    left: 8px;
}
.galeria_items .item.add_controls .set_right{
    top: 9px;
}
/*ITEM DESPLEGABLE*/
.galeria_items .item.item_desplegable{
    width: 330px;
    text-align: left;
    border: none;
    padding: 0;
    background: none;
}
.galeria_items .item.item_desplegable .desplegable_btn{
    background: #999999;
    color: #FFFFFF;
    padding: 5px 25px;
    margin: 0 0 1px 0;
    position: relative;
    display: block;
}
.galeria_items .item.item_desplegable .desplegable_btn:hover{
    background: #777777;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.galeria_items .item.item_desplegable span{
    width: 100%;
    padding: 0 0 5px 0;
    display: inline-block;
    vertical-align: top;
    white-space: normal; 
    overflow: visible;
    text-overflow: clip;
}
.galeria_items .item.item_desplegable input /* Checkboxes */{
    position: absolute;
    display: block;
    left: 8px;
    top: 15px;
    margin-top: -7px;
    cursor: pointer;
}
.galeria_items .item.item_desplegable button,
.galeria_items .item.item_desplegable a/* Btns y a*/{

}
.galeria_items .item.item_desplegable .caret{
    top: 16px;
    right: 8px;
    margin-top: -8px!important;
    border-top: 14px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    cursor: pointer;
}
/*SUBNIVELES*/
.item.item_desplegable ul{
    display: block;
    width: 100%;
    margin: 0;
    list-style: none;
    font-size: 13px;
    background-clip: padding-box;
}
/*SUBNIVELES 1*/
.item.item_desplegable li{
    padding: 5px 25px 5px 35px;
    position: relative;
    border: none;
    position: relative;
    background: #BBBBBB;
    margin: 0 0 1px 0;
}
.item.item_desplegable li:hover{
    background: #FFFFFF;
}
.galeria_items .item.item_desplegable ul li input /* Checkboxes subnivel*/{
    left: 16px;
}
/*SUBNIVELES 2*/
.item.item_desplegable ul ul li{
    background: #CCCCCC;
}
.item.item_desplegable ul ul li:hover{
    background: #FFFFFF;
}
/*SUBNIVELES 3*/
.item.item_desplegable ul ul ul li{
    background: #DDDDDD;
}
.item.item_desplegable ul ul ul li:hover{
    background: #FFFFFF;
}
/*SUBNIVELES 4*/
.item.item_desplegable ul ul ul ul li{
    background: #DDDDDD;
    margin: 0 0 1px 10px;
}
.item.item_desplegable ul ul ul ul li:hover{
    background: #FFFFFF;
}
/*SUBNIVELES 5*/
.item.item_desplegable ul ul ul ul ul li{
    background: #DDDDDD;
    margin: 0 0 1px 20px;
}
.item.item_desplegable ul ul ul ul ul li:hover{
    background: #FFFFFF;
}
/*ITEMS DRAGGABLES*/
.draggable li{
    cursor: move;
}
.draggable li:hover.item, draggable li:active.item{
    background: #FA988D;
}
.draggable li:hover.item .title_h6, draggable li:active.item .title_h6{
    color: #FFFFFF;
}
/*COLORES PARA ITEMS*/
.item_blue .title_h6, .item_yellow .title_h6, .item_red .title_h6, .item_green .title_h6, .item_sky_blue .title_h6, .item_black .title_h6,
.item_blue i, .item_yellow i, .item_red i, .item_green i, .item_sky_blue i, .item_black i{
    color: #FFFFFF;
}
.item_blue{
    background: #0044cc!important;
}
.item_blue:hover{
    background: #002A80!important;
}
.item_yellow{
    background: #FFC627!important;
}
.item_yellow:hover{
    background: #CCA122!important;
}
.item_red{
    background: #EF6860!important;
}
.item_red:hover{
    background: #B0403C!important;
}
.item_green{
    background: #00B07C!important;
}
.item_green:hover{
    background: #0B7E57!important;
}
.item_sky_blue{
    background: #43B7E8!important;
}
.item_sky_blue:hover{
    background: #3A9CC6!important;
}
.item_black{
    background: #333333!important;
}
.item_black:hover{
    background: #000000!important;
}
/*ITEM CARD - Cuando esta independiente de galeria items*/

/*-----------------------------*/
/*TIPOS DE POSTS*/
.post_x{
    display: block;
    text-align: left;
    padding: 20px 15px;
    margin: 10px auto;
    position: relative;
    font-size: 14px;
    width: 100%;
    vertical-align: top;
}
.post_c, .post_i{
    display: block;
    text-align: left;
    padding: 15px;
    margin: 0 0 10px 0;
    position: relative;
    font-size: 14px;
    vertical-align: top;
    width: 100%;
}
.post_c:nth-child(odd), .post_i:nth-child(odd){
    background: rgba(255, 255, 255, 0.2);
}
.post_c:nth-child(even), .post_i:nth-child(even){
    background: rgba(255, 255, 255, 0.4);
}
.post_i .detail_1{
    width: 80px;
    padding: 0 10px 5px 0;
    display: table-cell;
    vertical-align: top;
}
.post_c .detail_2, .post_i .detail_2{
    display: table-cell;
    vertical-align: top;
}
.post_x .detail_1, .post_x .detail_2{
    width: 100%;
    padding: 0 0 5px 0;
    display: block;
    vertical-align: top;
}
.post_x .detail_2{
    padding: 0;
}
.post_c .fecha, .post_i .fecha, .post_x .fecha{
    font-size: 14px;
    display: block;
    margin: 0 0 15px 5px;
    padding: 0;
}
.post_c .title_h3, .post_i .title_h3{
    font-size: 22px;
    line-height: 24px;
}
.post_c .title_h3:hover, .post_i .title_h3:hover{
    cursor: pointer;
    color: #95C121;
}
.post_c .resumen, .post_i .resumen, .post_x .resumen{
    font-size: 15px;
    color: #777777;
    padding: 0 0 5px 0;
    width: 100%;
    line-height: 23px;
    display: block;
    font-style: italic;
    font-weight: 400;
}
.post_x .title_h1, .post_i .title_h1, .post_c .title_h1,
.post_x .title_h2, .post_i .title_h2, .post_c .title_h2,
.post_x .title_h3, .post_i .title_h3, .post_c .title_h3{
    color: inherit;
    margin: 0 0 15px 0;
}
.post_x .resumen{
    font-size: 18px;
    line-height: 26px;
}
.post_x p, .post_i p, .post_c p{
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    display: block;
}
.post_x p{
    margin: 5px 5px 10px 5px;
}
.post_x p:last-child{
    margin: 5px 5px 0 5px;
}
.post_c .frame_img, .post_i .frame_img, .post_x .frame_img{
    border: none;
}
/*POSTS DENTRO DE BOXES*/
/*CUANDO EL BOX OCUPA EL 100% DEL ANCHO DEL MEDIO CONTENEDOR CONTENIDO*/
.box .post_x{
    margin: 0;
    padding: 5px 15px 10px 15px;
}
.box .post_x .detail_1{
    width: 36%;
    padding: 10px 0 15px 15px;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}
.box .post_x .detail_1 .frame_img{
    width: 400px;
}
.box .post_x .detail_2{
    width: 64%;
    padding: 5px 0 5px 20px;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}
/*MAIN POST*/
.box.main_post{
    padding: 0;
    margin: 0 0 10px 0;
    position: relative;
}
.box.main_post{
    padding: 0;
}
.box.main_post .head_main_post .detail_1{
    width: 125px!important;
    display: table-cell!important;
    padding: 5px 15px 10px 0!important;
}
.box.main_post .head_main_post .detail_2{
    width: auto!important;
    display: table-cell!important;
    padding: 0 0 10px 10px!important;
}
.box.main_post .contents{
    padding: 0;
    background: transparent;
}
.box.main_post .post_x{
    background: #FFFFFF;
    padding: 10px 15px 10px 15px;
    border-radius: 5px;
}
.box .title_h1, .box .title_h2, .box .title_h3{
    display: block;
}
.box.main_post .title_h2{
    font-size: 60px;
    line-height: 54px;
    text-shadow: 3px 3px 0 rgba(100, 100, 100, 0.4);
    margin: 0 0 15px 0;
}
.box.main_post .fecha {
    background: #EEEEEE;
    font-weight: bold;
    padding: 8px 15px 10px 15px;
    margin: 0 0 5px 0;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.box.main_post p{
    font-size: 14px;
    line-height: 20px;
}
.box.main_post .frame_img {
    width: 450px!important;
    border: 4px solid #FFFFFF;
    margin: 0;
    -webkit-box-shadow: 4px 4px 0 rgba(100, 100, 100, 0.4);
    -moz-box-shadow: 4px 4px 0 rgba(100, 100, 100, 0.4);
    box-shadow: 4px 4px 0 rgba(100, 100, 100, 0.4);
}
/*CUANDO EL BOX USA DIFERENTES ANCHOS*/
.box.wd1 .post_x .detail_1, .box.wd1 .post_x .detail_2,
.box.wd2 .post_x .detail_1, .box.wd2 .post_x .detail_2{
    width: 100%;
    padding: 0 0 10px 0;
    display: block;
}
/*BOX IMG Box que usa solamente imagen*/
.box.hg1 .box_img{
    max-height: 260px;
}
.box.hg2 .box_img{
    max-height: 360px;
}
.box.hg3 .box_img{
    max-height: 460px;
}
.box.hg_mini .box_img{
    max-height: 180px;
}
.box.hg1 .box_img, .box.hg2 .box_img, .box.hg3 .box_img, .box.hg_mini .box_img{
    display: inline-block;
}
.tab_bar.call_box{
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 5px;
}

/*-----------------------------*/
/*VIDEO RESPONSIVE*/
.embed-container{
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 25px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.map_container{
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
    -webkit-transform: translateZ(0px);
    background: #DDDDDD;
    box-shadow: 4px 4px 0 rgba(100, 100, 100, 0.4);
    -webkit-box-shadow: 4px 4px 0 rgba(100, 100, 100, 0.4);
    -moz-box-shadow: 4px 4px 0 rgba(100, 100, 100, 0.4);
}
.map_container img{
    max-width: none;
}
.caption{
    margin: 5px 0;
    font-size: 11px;
}
.detail_1{
    padding: 0 0 5px 0;
    display: table-cell;
    vertical-align: top;
}
.detail_2{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
}
.box_high{
    min-height: 45px;
    padding: 10px 15px 10px 70px;
    margin: 0 auto 10px auto;
    background: #F5F5F5;
    position: relative;
    -webkit-box-shadow: 4px 4px 0 rgba(100, 100, 100, 0.4);
    -moz-box-shadow: 4px 4px 0 rgba(100, 100, 100, 0.4);
    box-shadow: 4px 4px 0 rgba(100, 100, 100, 0.4);
}
.box_high .img_icon{
    position: absolute;
    left: 10px;
    top: 10px;
}
.box_high p{
    font-size: 26px;
    line-height: 32px;
    min-height: 34px;
    display: inline-block;
    margin: 8px 10px 5px 0;
    vertical-align: middle;
    font-family: 'Lobster', cursive;
}
.box_high .instruccion{
    display: block;
    padding: 0 0 5px 5px;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #FFFFFF;
}
/*----------------------------------------*/
/*IMAGE RESPONSIVE - ENCUADRE*/
.focuspoint {
    position: relative; /*Any position but static should work*/
    overflow: hidden;
}
.focuspoint img {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    display: block;
    /* fill and maintain aspect ratio */
    width: auto; height: auto;
    min-width: 100%; min-height: 100%;
    max-height: none; max-width: none;
}

/*--------------------------------*/
/*WIDGET FACEBOOK RESPONSIVE*/
#fb-root{
    display: none;
}
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style]{
    width: 100% !important;
}
/*--------------------------------*/
/*NETWORKS Y TOOLS*/
.tools, .networks{
    display: inline-block;
    vertical-align: middle;
    margin: 10px 10px 0 10px!important;
    font-size: 20px;
    line-height: 18px;
}
.tools a, .networks a{
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
    color: inherit;
}
/*NETWORKS Y TOOLS DENTRO DE POSTS O BOXES*/
.box .tools, .box .networks,
.post_i .tools, .post_i .networks,
.post_x .tools, .post_x .networks{
    margin: 0;
}
.post_i .tools, .post_i .networks,
.post_x .tools, .post_x .networks{
    font-size: 30px;
}
/*LOGOS Y SPANS*/
header .logo{
    display: inline-block;
    vertical-align: middle;
    margin: 8px 10px 5px 10px;
}
footer .logo{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}
.text_footer{
    display: inline-block;
}
/*FLOAT LEFT - RIGHT*/
.push_left{
    float: left;
}
.push_right{
    float: right;
}
/*ABSOLUTE LEFT - RIGHT (Ideal para botones)*/
.set_left{
    position: absolute!important;
    top: 5px;
    left: 5px;
}
.set_right{
    position: absolute!important;
    top: 5px;
    right: 5px;
}
.set_left .btn, .set_right .btn{
    margin: 0 3px!important;
}
.head_bar .set_left{
    top: 5px;
    left: 5px;
}
.head_bar .set_right{
    top: 5px;
    right: 5px;
}
/*LOGO CONCEPTO 8*/
.logo_c8{
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}
/*BOTON CALL TO ACTION*/
.boxes_call{
    position: absolute;
    display: inline-block;
    margin: 5px 10px 9px 10px;
    vertical-align: middle;
    z-index: 10;
}
.boxes_call .call_btn{
    width: 60px;
    height: 60px;
    background: url(../images/layout/view_more_call.svg) center no-repeat #EEEEEE;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 3px 3px #CCCCCC;
    -webkit-box-shadow: 3px 3px #CCCCCC;
    -moz-box-shadow: 3px 3px #CCCCCC;
    cursor: pointer;

}
.boxes_call .call_btn:hover{
    background: url(../images/layout/view_more_call.svg) center no-repeat #FFFFFF;
    border: 3px solid #D36861;
}
.boxes_call .call_tooltip{
    font-family: 'bignoodletitlingregular';
    text-align: left;
    font-size: 35px;
    line-height: 30px;
    white-space: nowrap;
    width: auto;
    height: 50px;
    display: none;
    overflow: hidden;
    padding: 10px 70px 10px 20px;
    background: #DDDDDD;
    position: absolute;
    z-index: -1;
    top: 5px;
    right: 0;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
}
.boxes_call:hover .call_tooltip{
    display: inline-block;
}
.container_boxes .boxes_call{
    position: absolute;
    top: 100px;
    right: -80px;
}
/*BOXES CALL TO ACTION*/
.container_boxes.boxes_call_to_action{
    text-align: center;
}
.boxes_call_to_action .box{
    background: transparent;
}
.boxes_call_to_action .box .contents{
    background: transparent;
    text-align: center;
}
.boxes_call_to_action .box .contents .title_h5{
    text-align: center;
}
.boxes_call_to_action .box .contents p{
    text-align: center;
}
.boxes_call_to_action .box .contents i{
    display: block;
    font-size: 80px;
    margin: 10px;
}

/*-------------------------------*/
/*TAB BAR - PARA GRUPO DE BOTONES O CONTROLES*/
.tab_bar{
    padding: 7px 10px 10px 10px;
    margin: 0 0 10px 0;
    text-align: center;
    background: #FFFFFF;
}
.tab_bar tab_switch{
    margin: 0 0 5px 0;
    padding: 0 0 3px 0;
}
.tab_bar .tab_control{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 10px 10px;
}
.tab_group{
    background: #EEEEEE;
    padding: 10px;
    margin: 0 5px;
    display: inline-block;
}
.tab_bar.inline{
    display: inline-block;
}
.tab_bar .title_h6{
    border-bottom: 1px solid #FFFFFF;
    padding: 5px 10px;
    margin: 0;
}
/*TAGS*/
.tags_container{
    width: 100%;
}
.tags{
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    background: #FFFFFF;
    border: 2px dotted #CCCCCC;
    width: 100%;
    min-height: 33px;
}
.tag_list{
    color: #FFFFFF;
    padding: 3px 25px 3px 5px;
    margin: 2px;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.tag_list i{
    color: #FFFFFF;
    position: absolute;
    margin: -5px 0 0 0;
    top: 50%;
    right: 5px;
    font-size: 10px;
}
.tags a{
    margin: 0;
}
/*-------------------------------*/
/*CONTENEDORES OCULTOS*/
.panel_oculto{
    display: none;
    position: relative;
    background: #FFFFFF;
    margin: 10px auto;
    padding: 10px;
    border: none;
}
.panel .panel_oculto{
    border: 1px solid #EEEEEE;
}
.btn.cerrar_panel{
    position: absolute;
    top: 2px;
    right: 4px;
    z-index: 1;
}
/*BANNER ROLL*/
.banner_roll{
    width: 300px;
    height: auto;
    padding: 10px;
    background: #E5F5F9;
    font-size: 13px;
    text-align: center;
    position: fixed;
    right: 9px;
    /*bottom: -455px;*/
    bottom: 0px;
    z-index: 30;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    box-shadow: 0 0 0 4px rgba(100, 100, 100, 0.4);
    -webkit-box-shadow: 0 0 0 4px rgba(100, 100, 100, 0.4);
    -moz-box-shadow: 0 0 0 4px rgba(100, 100, 100, 0.4);
}
.banner_roll.banner_roll_open{
    bottom: 0;
}
.btn_close{
    z-index: 1;
    right: -10px;
    top: -10px;
    position: absolute;
    cursor: pointer;
}
.banner_roll .head_roll{
    width: 280px;
    background: #0098C4;
    padding: 15px 15px 5px 15px;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 4px;
    margin: 0 auto 7px auto;
}
.banner_roll .head_roll .title_h4{
    font-size: 25px;
    line-height: 26px;
    text-align: right;
    color: #FFFFFF;
    text-shadow: none;
    margin: 0 0 5px 65px;
}
.icon_banner_roll{
    position: absolute;
    left: -5px;
    top: 5px;
}
.banner_roll .head_roll .logo_banner_roll{
    margin: -15px auto 10px auto;
    float: right;
    position: relative;
    z-index: 1;
}
.banner_roll .logged_banner{
    width: 260px;
    margin: 10px;
}
.banner_roll .logged_banner .head{
    font-family: 'Lobster', cursive;
    font-size: 30px;
    line-height: 30px;
    margin: 0 -10px 10px -10px;
    background: #EF6860;
    padding: 5px 10px;
    color: #FFFFFF;
    text-align: center;
    position: relative;
    display: block;
    font-weight: normal;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}
.banner_roll .logged_banner .detail_2{
    vertical-align: top;
}
.banner_roll .logged_banner .detail_2 .title_h4 {
    font-size: 36px;
    line-height: 32px;
    text-shadow: none;
}
.banner_roll .networks{
    margin: 5px 0!important;
}
.banner_roll .form_inline .form_group{
    display: block;
    margin: 5px 0;
}
.banner_roll fieldset{
    margin: 0 6px 15px 6px
}
.banner_roll fieldset:last-child {
    margin: 0 6px;
}
.banner_roll hr{
    border-top: 1px solid #FFFFFF;
}

/*-------------------------------*/
/*FORMS*/
form, .form_inline, .form_horizontal{
    width: 100%;
    margin: 0 auto 10px auto;
    text-align: left;
}
form:only-child, form:last-child,
.form_inline:only-child, .form_inline:last-child,
.form_horizontal:only-child, .form_horizontal:last-child{
    margin: 0 auto;
}
form .form_inline, form .form_horizontal{
    /*padding: 0;*/
}
.step_process{
    background: #F5F5F5;
    padding: 15px 15px 10px 55px;
    text-align: right;
    position: relative;
    border-radius: 15px 0 0 15px;
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
}
.step_process .img_icon{
    position: absolute;
    left: -10px;
    top: 15px;
}
.form_highlight{
    border-top: 1px solid #DDDDDD;
    text-align: left;
    padding: 20px 10px 10px 10px;
}
.form_name, .panel_name{
    display: block;
    width: 100%;
    padding: 0 0 3px 0;
    margin: 0 auto 10px auto;
    font-size: 20px;
    font-weight: bold;
    line-height: inherit;
    color: inherit;
    border: 0;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
}
.form_name .btn, .panel_name .btn{
    margin: -6px 2px 4px 2px!important;
}
.form_text{
    margin-bottom: 5px;
    font-weight: normal;
}
fieldset{
    padding: 0;
    margin: 0 0 15px 0;
    border: 0;
    min-width: 0;
}
fieldset:only-child, fieldset:last-child{
    margin: 0;
} 
fieldset.fieldset_inline{
    display: inline-block;
}

legend, .legend{
    display: block;
    padding: 5px 5px 5px 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: inherit;
    color: inherit;
    border: 0;
}
.fieldset_text{
    margin-bottom: 5px;
}
.form_group{
    margin-bottom: 10px;
}
/*INPUT CON BOTON INCLUIDO*/
.form_group.input_append .form_control{
    width: auto;
    display: inline-block;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
}
.form_group.input_append .btn{
    display: inline-block;
    margin-left: -5px!important;
    padding: 5px 8px 4px 8px;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
}

.list_striped .form_group{
    margin: 0;
    padding: 4px 5px 3px 5px;
}
.form_group label{
    display: inline-block;
    margin: 0 10px 5px 0;
}
.form_group .btn{
    margin: 0 2px!important
}
.form_group .tab_bar{
    display: inline-block;
    vertical-align: middle;
}
.form_control{
    width: 100%;
    display: block;
    vertical-align: top;
}
.captcha{
    margin: 0 10px;
    display: inline-block;
}
.help_text{
    font-weight: bold;
    margin: 5px 5px 5px 0;
    display: inline-block;
    padding: 3px 8px 4px 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: top;
}
.help_text.warning{
    color: #D6B44E;
}
.help_text.error{
    color: #C06663;
}
.help_text.success{
    color: #3C9879;
}
/*FORM INLINE*/
.form_inline .form_group, .form_inline .dropdown{
    display: inline-block;
    margin: 5px 20px 0 0;
    margin-bottom: 5px;
    vertical-align: middle;
}
.box .form_inline .form_group, .box .form_inline .dropdown{
    margin: 0 5px;
    margin-bottom: 10px;
}
.form_inline .legend{
    display: inline-block;
    padding: 0;
    margin: 0 10px 10px 0;
}
.form_inline .form_control{
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.form_inline .help_text{
    margin: 5px 0 10px 0;
}
/*FORM HORIZONTAL*/
.form_horizontal .form_group{
    display: block;
}
.form_horizontal .form_label{
    text-align: right;
}
.form_horizontal label{
    display: inline-block;
}
.form_horizontal .form_control{
    display: inline-block;
    width: 100%;
    text-align: left;
}
.form_horizontal .form_group.inline{
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 10px;
}
.form_horizontal .help_text{
    margin: 0 10px 10px 0;
}
/*FORZAR FORM INLINE*/
/*Esta clase es para aquellos forms cuyos inputs sean de ancho corto, para una mejor apariencia en tablets o smartphones*/
.form_group.force_inline, .form_group.force_inline label, .form_group.force_inline .form_control{
    display: inline-block!important;
}
/*LOG IN*/
form.log_in, .logged{
    margin: 15px auto 20px auto;
    font-size: 14px;
    padding: 5px 5px 15px 5px;
    width: 300px;
    display: block;
    background: #FFFFFF;
    -webkit-box-shadow: 5px 5px 0 rgba(100, 100, 100, 0.4);
    -moz-box-shadow: 5px 5px 0 rgba(100, 100, 100, 0.4);
    box-shadow: 5px 5px 0 rgba(100, 100, 100, 0.4);
}
.logged{
    display: none;
    position: absolute;
    width: 300px;
    margin: 0;
    padding: 5px 15px 20px 15px;
    top: 36px;
    right: 0;
    z-index: 10;
    background: #FFFFFF;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-box-shadow: 4px 4px 0 rgba(100, 100, 100, 0.5);
    -moz-box-shadow: 4px 4px 0 rgba(100, 100, 100, 0.5);
    box-shadow: 4px 4px 0 rgba(100, 100, 100, 0.5);
}
.logged .detail_1{
    width: 60px;
}
.logged .detail_2{
}
.logged img{
    width: 50px;
    float: left;
    margin: 0 10px 0 0;
}
.logged img:hover{
    cursor: pointer;
}
.logged .head{
    font-family: 'Lobster', cursive;
    font-size: 30px;
    line-height: 30px;
    margin: 0 -8px 10px -8px;
    padding: 5px 10px;
    color: #FFFFFF;
    text-align: center;
    position: relative;
    display: block;
    font-weight: normal;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}
.user_head{
    width: auto;
    margin: 10px 10px 0 10px!important;
    position: relative;
    line-height: 15px!important;
    padding: 5px 8px 6px 8px!important;
}
.user_head i{
    color: #FFFFFF;
    margin: 0 1px;
}
.user_head .detail_1{
    padding: 0 5px 0 0;
    vertical-align: middle;
}
.user_head .detail_2{
    padding: 0;
    vertical-align: middle;
}
/*--------------------------------*/
/*INPUTS*/
button{
    *overflow: visible;
    line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
    padding: 0;
    border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
    cursor: pointer;
    -webkit-appearance: button;
}
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"]{
    cursor: pointer;
}
input[type="search"]{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button{
    -webkit-appearance: none;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input{
    padding: 4px 6px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 15px;
    font-weight: normal;
    color: #555555;
    vertical-align: middle;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
::input-placeholder{
    color: #999999;
    line-height: 17px;
}
:-moz-placeholder{
    color: #999999;
    line-height: 17px;
}
::-webkit-input-placeholder{
    color: #999999;
    line-height: 17px;
}
input:-ms-input-placeholder{
    color: #999999;
    line-height: 17px;
}
input,
textarea,
.uneditable-input{
    width: auto;
}
textarea{
    height: auto;
    overflow: auto;
    vertical-align: top;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input{
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus{
    border-color: #0098C4;
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(0, 152, 196, 0.4);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(0, 152, 196, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(0, 152, 196, 0.4);
}
input[type="radio"],
input[type="checkbox"]{
    margin: -1px 1px 0 0;
    margin-top: 1px \9;
    *margin-top: 0;
    line-height: normal;
    vertical-align: middle;
}
input[type="radio"]{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"]{
    width: auto;
}
select,
input[type="file"]{
    height: 30px;
    /* In IE7, the height of the select element cannot be changed by height, only font-size */
    *margin-top: 4px;
    /* For IE7, add top margin to align select with labels */
    line-height: 30px;
}
select{
    width: 220px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
}
select[multiple],
select[size]{
    height: auto;
}
select:focus,
input[type="file"]:focus{
    outline-offset: -2px;
    border-color: #0098C4;
    outline: thin dotted \9;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(0, 152, 196, 0.4);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(0, 152, 196, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(0, 152, 196, 0.4);
}
.uneditable-input,
.uneditable-textarea{
    color: #999999;
    cursor: not-allowed;
    background: #FCFCFC;
    border-color: #CCCCCC;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}
.uneditable-input{
    overflow: hidden;
    white-space: nowrap;
}
.uneditable-textarea{
    width: auto;
    height: auto;
}
.input-mini{
    width: 60px!important;
}
.input-small{
    width: 90px!important;
}
.input-medium{
    width: 120px!important;
}
.input-large{
    width: 70%!important;
}
.input-xlarge{
    width: 80%!important;
}
.input-xxlarge{
    width: 90%!important;
}
.input-big{
    font-size: 40px!important;
    text-align: center;
    font-weight: bold!important;
}
.input-big-medium{
    font-size: 30px!important;
    width: 200px!important;
    text-align: center;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly]{
    cursor: not-allowed;
    background: #CCCCCC;
    cursor: pointer;
    border: 1px dotted #999999;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly]{
    background: transparent;
    cursor: pointer;
}
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid{
    color: #FF0000;
    border-color: #EE5F5B;
    outline: none;
}
/*INPUTS CON WARNING, ERROR y SUCCESS*/
/*Sumar una clase, sea "warning", "error" o "success" al input, select o textarea correspondiente*/
input.warning, text-area.warning, select.warning{
    border: 1px solid #CCA122!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FFC627!important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FFC627!important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #FFC627!important;
}
input.error, text-area.error, select.error{
    border: 1px solid #B0403C!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #EF6860!important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #EF6860!important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #EF6860!important;
}
input.success, text-area.success, select.success{
    border: 1px solid #0B7E57!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #00B07C!important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #00B07C!important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #00B07C!important;
}
/*-----------------------------*/
/* DROPDOWNS TOMADO DE BOOTSTRAP*/
/* NOTA IMPORTANTE: Cuando son filtros, sumar la class "dropdown-open" al ul* 
para dejar el menu abierto y poder seleccionar mas opciones de filtro*/
.dropdown{
    display: inline-block;
}
.dropdown .btn{
    text-align: left;
    position: relative;
    display: inline-block;
    min-width: 130px;
    margin: 4px 2px;
    padding: 4px 20px 4px 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    cursor: pointer;
}
.dropdown span{
    margin: 0;
}
.caret{
    width: auto!important;
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -3px!important;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.dropdown{
    position: relative;
    text-align: left;
}
.dropdown-toggle:focus{
    outline: 0;
}
.dropdown-menu{
    position: absolute;
    top: 94%;
    left: 1px;
    z-index: 30;
    display: none;
    min-width: 99%;
    padding: 5px;
    margin: 0;
    list-style: none;
    font-size: 14px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    -webkit-box-shadow: 3px 3px 0 0 rgba(100, 100, 100, 0.4);
    -moz-box-shadow: 3px 3px 0 0 rgba(100, 100, 100, 0.4);
    box-shadow: 3px 3px 0 0 rgba(100, 100, 100, 0.4);
    background-clip: padding-box;
}
/*DROPDOWN WIDTH AUTOMATICO*/
.dropdown-menu.width_auto{
    width: auto;
}
.dropdown-menu.pull-right{
    right: 0;
    left: auto;
}
.dropdown-menu .divider{
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background: #CCCCCC;
    padding: 0;
}
.dropdown-menu .btn{
    text-align: center;
    width: auto;
    min-width: 0;
    margin: 3px auto 2px auto;
    display: inline-block;
}
.dropdown-menu li{
    position: relative;
    display: block;
    padding: 3px 30px 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space:nowrap; 
    overflow:hidden;
    text-overflow:ellipsis;
    cursor: pointer;
}
.dropdown-menu li.to-right{
    padding: 3px 10px 3px 30px!important;
}
.dropdown-menu li.to-center{
    padding: 3px 30px!important;
}
.dropdown-menu li:hover,
.dropdown-menu li:focus{
    text-decoration: none;
    background: #CCCCCC;
}
.dropdown-menu li a{

}
.dropdown-menu .active li,
.dropdown-menu .active li:hover,
.dropdown-menu .active li:focus{
    color: #FFFFFF;
    text-decoration: none;
    outline: 0;
    background: #428BCA;
}
.dropdown-menu .disabled li,
.dropdown-menu .disabled li:hover,
.dropdown-menu .disabled li:focus{
    color: #999999;
}
.dropdown-menu .disabled:hover,
.dropdown-menu .disabled:focus{
    text-decoration: none;
    background: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
}
/*SUB NIVELES DROPDOWN*/
.dropdown-menu ul{
    list-style: none;
    margin: 0;
}
.dropdown-menu ul li{
    padding: 3px 30px 3px 20px;
}

.open .dropdown-menu{
    display: block;
}
.open a{
    outline: 0;
}
.dropdown-menu-right{
    left: auto;
    right: 0;
}
.dropdown-menu-left{
    left: 0;
    right: auto;
}
.dropdown-header{
    display: block;
    padding: 3px 20px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #999999;
}
.dropdown-backdrop{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}
.pull-right .dropdown-menu{
    right: 0;
    left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret{
    border-top: 0;
    border-bottom: 4px solid;
    content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu{
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}
.dropdown .dropdown-menu li label{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.dropdown .dropdown-menu li input /* Checkboxes */{
    position: absolute;
    display: block;
    right: 3px;
    top: 50%;
    margin-top: -6px;
    cursor: pointer;
}
/* Checked state */
.dropdown .dropdown-menu li input:checked ~ label{
    color: grey;
    text-decoration: underline;
}
/*DROPDOWN LARGE - Ideal para tablets*/
.dropdown.dropdown-large .dropdown-menu{
    font-size: 14px;
}
.dropdown.dropdown-large li{
    padding: 10px 40px 9px 10px;
}
/*-----------------------------*/
/*TABLES*/
table{
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.table{
    width: 100%;
    margin: 5px auto 10px auto;
}
.table:last-child, .table:only-child{
    margin: 5px auto 5px auto;
}
.table th,
.table td{
    padding: 5px;
    line-height: 16px;
    text-align: left;
    vertical-align: middle;
}
.table th{
    font-weight: bold;
    border-top: none;
    background: rgba(0, 47, 63, 1);
    color: #FFFFFF;
    text-align: center;
}
.table thead th{
    vertical-align: bottom;
    background: rgba(0, 47, 63, 1);
    color: #FFFFFF;
}
.table tbody + tbody{
    border-top: 2px solid #FFFFFF;
}
.table .table{
    background: #FFFFFF;
}
.table-condensed th,
.table-condensed td{
    padding: 4px 5px;
}
.table-bordered{
    /*border: 1px solid #DDDDDD;*/
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
}
.table-bordered th,
.table-bordered td{
    border-left: 2px solid #FFFFFF;
    border-top: 2px solid #FFFFFF;
}
/*CUANDO HAY UNA TABLA DENTRO DE OTRA*/
.table-bordered .table-bordered td,
.table-bordered .table-bordered th{
    border-top: 2px solid #FFFFFF!important;
    border-left: 2px solid #FFFFFF!important;
    border-bottom: none!important;
}
.table-striped tbody > tr:nth-child(odd) > td,
.list_striped .form_group:nth-child(odd){
    background: rgba(0, 47, 63, 0.3);
}
.table-striped tbody > tr:nth-child(even) > td,
.list_striped .form_group:nth-child(even){
    background: rgba(0, 47, 63, 0.1);
}
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th{
    background: rgba(0, 47, 63, 0.7);
    color: #FFFFFF;
}
/*CELDA PARA HACER ENFASIS*/
tr.td_enfasis td{
    background: rgba(0, 47, 63, 0.5)!important;
    color: #FFFFFF;
}
table td[class*="span"],
table th[class*="span"]{
    display: table-cell;
    float: none;
    margin-left: 0;
}
.table tbody tr.success > td{
    background: #DFF0D8;
}
.table tbody tr.error > td{
    background: #F2DEDE;
}
.table tbody tr.warning > td{
    background: #FCF8E3;
}
.table tbody tr.info > td{
    background: #D9EDF7;
}
.table-hover tbody tr.success:hover > td{
    background: #D0E9C6;
}
.table-hover tbody tr.error:hover > td{
    background: #EBCCCC;
}
.table-hover tbody tr.warning:hover > td{
    background: #FAF2CC;
}
.table-hover tbody tr.info:hover > td{
    background: #C4E3F3;
}
.table-responsive, .content_responsive{
    margin: 2px auto 10px auto;
    box-shadow: 3px 3px 0 rgba(100, 100, 100, 0.4);
    -webkit-box-shadow: 3px 3px 0 rgba(100, 100, 100, 0.4);
    -moz-box-shadow: 3px 3px 0 rgba(100, 100, 100, 0.4);
}
.table-vertical-top td{
    vertical-align: top;
}
.table-scroll-y{
    max-height: 255px;
    overflow: auto;
    margin: 0 auto 5px auto;
    width: 98%!important;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 2px solid #FFFFFF;
    -webkit-overflow-scrolling: touch;
}
.hg1 .table-scroll-y{
    max-height: 235px;
}
.hg2 .table-scroll-y{
    max-height: 335px;
}
.table-scroll-y > .table{
    margin: 0;
}
.table-scroll-y > .table-bordered{
    border: 0;
}
.table-scroll-y > .table-bordered th,
.table-scroll-y > .table-bordered td{
    border-top: 0;
    border-bottom: 2px solid #FFFFFF;
}
.table-scroll-y > .table-bordered th:first-child,
.table-scroll-y > .table-bordered td:first-child{
    border-left: 0;
}
/*IMAGENES MINIATURA DENTRO DE TABLA*/
.img_table{
    max-width: 20px!important;
}
.table title_h6{
    margin: 0;
}
table .frame_img{
    width: 40px;
    height: 50px;
    background: #FFFFFF;
    border: 3px solid #FFFFFF;
    margin: 0;
    overflow: hidden;
    display: inline-block;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
/*-----------------------------*/
/*BOTONES*/
.btn{
    display: inline-block;
    *display: inline;
    padding: 4px 8px;
    margin: 3px;
    *margin-left: .3em;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
    color: #333333!important;
    text-align: center;
    cursor: pointer;
    background: #EEEEEE;
    *zoom: 1;
    outline: none;
    border: none;
    -webkit-box-shadow: 2px 2px 0 rgba(70, 70, 70, 0.8);
    -moz-box-shadow: 2px 2px 0 rgba(70, 70, 70, 0.8);
    box-shadow: 2px 2px 0 rgba(70, 70, 70, 0.8);
    vertical-align: middle;
}
.btn:hover,
.btn:active{
    color: #FFFFFF!important;
    background: #666666;
    border: none;
    -webkit-box-shadow: 2px 2px 0 rgba(70, 70, 70, 0.4);
    -moz-box-shadow: 2px 2px 0 rgba(70, 70, 70, 0.4);
    box-shadow: 2px 2px 0 rgba(70, 70, 70, 0.4);
}
.btn[disabled], .btn:hover[disabled]{
    color: #333333;
    background: #999999;
}
.btn:first-child{
    *margin-left: 0;
}
.btn:hover{
    color: #FFFFFF;
    text-decoration: none;
    background-position: 0 -15px;
}
.btn:focus{
    outline: none;
}
.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled,
.btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.btn-large{
    padding: 10px!important;
    font-size: 16px!important;
    line-height: 18px;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"]{
    margin-top: 4px;
}
.btn-medium{
    padding: 6px 8px!important;
    font-size: 14px!important;
}
.btn-medium [class^="icon-"],
.btn-medium [class*=" icon-"]{
    margin-top: 2px;
}
.btn-small{
    padding: 2px 10px!important;
    font-size: 11.9px!important;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"]{
    margin-top: 0;
}
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"]{
    vertical-align: -1px;
}
.btn-mini{
    padding: 0 6px!important;
    font-size: 10.5px!important;
}
.btn-bigger{
    padding: 18px 20px 20px 20px!important;
    font-size: 24px!important;
    line-height: 26px;
}
.btn-bigger [class^="icon-"],
.btn-bigger [class*=" icon-"]{
    margin: 0 8px 0 0;
    font-size: 20px;
    display: inline-block;
}
/*COLORES DE BOTONES*/
.btn-blue{
    color: #FFFFFF!important;
    background: #0044CC!important;
    -webkit-box-shadow: 2px 2px 0 #002A80!important;
    -moz-box-shadow: 2px 2px 0 #002A80!important;
    box-shadow: 2px 2px 0 #002A80!important;
}
.btn-blue:hover,
.btn-blue[disabled]{
    color: #FFFFFF!important;
    background: #002A80!important;
    -webkit-box-shadow: 2px 2px 0 #0044CC!important;
    -moz-box-shadow: 2px 2px 0 #0044CC!important;
    box-shadow: 2px 2px 0 #0044CC!important;
}
.btn-yellow{
    color: #FFFFFF!important;
    background: #FFC627!important;
    -webkit-box-shadow: 2px 2px 0 #CCA122!important;
    -moz-box-shadow: 2px 2px 0 #CCA122!important;
    box-shadow: 2px 2px 0 #CCA122!important;
}
.btn-yellow:hover,
.btn-yellow[disabled]{
    color: #FFFFFF!important;
    background: #CCA122!important;
    -webkit-box-shadow: 2px 2px 0 #FFC627!important;
    -moz-box-shadow: 2px 2px 0 #FFC627!important;
    box-shadow: 2px 2px 0 #FFC627!important;
}
.btn-red{
    color: #FFFFFF!important;
    background: #EF6860!important;
    -webkit-box-shadow: 2px 2px 0 #B0403C!important;
    -moz-box-shadow: 2px 2px 0 #B0403C!important;
    box-shadow: 2px 2px 0 #B0403C!important;
}
.btn-red:hover,
.btn-red[disabled]{
    color: #FFFFFF!important;
    background: #B0403C!important;
    -webkit-box-shadow: 2px 2px 0 #EF6860!important;
    -moz-box-shadow: 2px 2px 0 #EF6860!important;
    box-shadow: 2px 2px 0 #EF6860!important;
}
.btn-green{
    color: #FFFFFF!important;
    background: #00B07C!important;
    -webkit-box-shadow: 2px 2px 0 #0B7E57!important;
    -moz-box-shadow: 2px 2px 0 #0B7E57!important;
    box-shadow: 2px 2px 0 #0B7E57!important;
}
.btn-green:hover,
.btn-green[disabled]{
    color: #FFFFFF!important;
    background: #0B7E57!important;
    -webkit-box-shadow: 2px 2px 0 #00B07C!important;
    -moz-box-shadow: 2px 2px 0 #00B07C!important;
    box-shadow: 2px 2px 0 #00B07C!important;
}
.btn-sky_blue{
    color: #FFFFFF!important;
    background: #0098C4!important;
    -webkit-box-shadow: 2px 2px 0 #006989!important;
    -moz-box-shadow: 2px 2px 0 #006989!important;
    box-shadow: 2px 2px 0 #006989!important;
}
.btn-sky_blue:hover,
.btn-sky_blue[disabled]{
    color: #FFFFFF!important;
    background: #006989!important;
    -webkit-box-shadow: 2px 2px 0 #0098C4!important;
    -moz-box-shadow: 2px 2px 0 #0098C4!important;
    box-shadow: 2px 2px 0 #0098C4!important;
}
.btn-black{
    color: #FFFFFF!important;
    background: #333333!important;
    -webkit-box-shadow: 2px 2px 0 #000000!important;
    -moz-box-shadow: 2px 2px 0 #000000!important;
    box-shadow: 2px 2px 0 #000000!important;
}
.btn-black:hover,
.btn-black[disabled]{
    color: #FFFFFF!important;
    background: #000000!important;
    -webkit-box-shadow: 2px 2px 0 #333333!important;
    -moz-box-shadow: 2px 2px 0 #333333!important;
    box-shadow: 2px 2px 0 #333333!important;
}
/*ICONOS COLORES*/
.btn i{
    color: inherit;
}
.btn .title_h4{
    font-size: 32px;
    line-height: 32px;
    margin: 0;
}
/*------------------------------------------*/
/*BTN HIGHLIGHT*/
.btn_high{
    width: auto;
    background: #BBBBBB;
    display: inline-block;
    padding: 8px;
    margin: 4px 2px!important;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    cursor: pointer;
    outline: none;
    border: none;
    vertical-align: middle; 
}
.btn_high:hover, .btn_hight:active{
    background: #666666;
    color: #FFFFFF;
}
.btn_high_selected{
    background: #666666 !important;
}
/*------------------------------------------*/
/*BADGES GLOBOS DE NOTIFICACION*/
.badge{
    display: inline-block;
    vertical-align: middle;
    padding: 4px;
    font-size: 14px;
    font-weight: bold;
    line-height: 8px;
    color: #FFFFFF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    white-space: nowrap;
    /* vertical-align: baseline; */
    background: #999999;
    margin: 5px;
}
.badge:empty{
    display: none;
}
a.badge:hover,
a.badge:focus{
    color: #AAAAAA;
    text-decoration: none;
    cursor: pointer;
}
.badge-blue{
    background: #0044CC!important;
}
.badge-blue[href]{
    background: #002A80;
}
.badge-red{
    background: #EF6860!important;
}
.badge-red[href]{
    background: #B0403C;
}
.badge-yellow{
    background: #FFC627!important;
}
.badge-yellow[href]{
    background: #CCA122;
}
.badge-green{
    background: #00B07C!important;
}
.badge-green[href]{
    background: #0B7E57;
}
.badge-sky_blue{
    background: #0098C4!important;
}
.badge-sky_blue[href]{
    background: #006989;
}
.badge-black{
    background: #333333!important;
}
.badge-black[href]{
    background: #000000;
}
.btn .badge{
    position: relative;
    top: -1px;
}
.btn-mini .badge{
    top: 0;
}
.badge.badge_fecha{
    width: 40px;
    height: 40px;
    background: #999999!important;
    text-align: center;
    font-size: 18px;
    padding: 8px;
    line-height: 22px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 10px;
}
/*--------------------------------*/
/*MENU*/
.menu_1_n1{
    width: 100%;
    margin: 5px 0 0 0;
    font-size: 13px;
    padding: 0;
    list-style-type: none;
    display: none;
    position: fixed;
    top: 55px;
    z-index: 999;
    text-align: center;
    -webkit-box-shadow: 0 4px 0 rgba(100, 100, 100, 0.4);
    -moz-box-shadow: 0 4px 0 rgba(100, 100, 100, 0.4);
    box-shadow: 0 4px 0 rgba(100, 100, 100, 0.4);
}
.menu_1_n1 li{
    vertical-align: top;
    text-align: center;
    display: inline-block;
    width: 20%;
    border-right: 1px solid #FFFFFF;
}
.menu_1_n1 li:last-child{
    border-right: none;
}
.menu_1_n1 li a{
    display: block;
    padding: 5px 10px;
    color: #FFFFFF;
    text-decoration: none;
}
.menu_1_n1 li:last-child{
    border-right: none;
}
.menu_1_n1 li a:hover, .menu_1_n1 li a:active{ 
    color: #FFFFFF;
    text-decoration: none;
    background: #999999;
}
/*SUBMENU MENU 1*/
.menu_1_n2{
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    left: 0;
    display: none;
    z-index: 1;
}
.menu_1_n2 li{
    display: inline-block;
    vertical-align: top;
    width: 25%;
    text-align: center;
    border-right: 1px solid #FFFFFF;
}
.menu_1_n2 li:last-child{
    border-right: none;
}
.menu_1_n2 li span{
    display: block;
    margin: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.menu_1_n2 li a{
    height: 140px;
    padding: 13px 0 0 0;
    background: #BBBBBB;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-transition: background .5s ease-in-out;
    -moz-transition: background .5s ease-in-out;
    -o-transition: background .5s ease-in-out;
    -ms-transition: background .5s ease-in-out;
    transition: background .5s ease-in-out;
}
.menu_1_n2 li a:hover,
.menu_1_n2 li a:active,
.menu_1_n2 li a:focus{
    background: #999999;
    border-bottom: 4px solid #BBBBBB;
}
.menu_1_n2 li .icon{
    font-size: 48px;
    line-height: 42px;
    display: inline-block;
    padding: 15px 16px;
    margin-bottom: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: rgba(255,255,255,0.2);
    -webkit-box-shadow: 0 0 0 40px transparent;
    -moz-box-shadow: 0 0 0 40px transparent;
    box-shadow: 0 0 0 40px transparent;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: box-shadow .6s ease-in-out;
    -moz-transition: box-shadow .6s ease-in-out;
    -o-transition: box-shadow .6s ease-in-out;
    -ms-transition: box-shadow .6s ease-in-out;
    transition: box-shadow .6s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/* Transition effect on the border color */
.menu_1_n2 li:hover .icon,
.menu_1_n2 li:active .icon,
.menu_1_n2 li:focus .icon{
    -webkit-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    -moz-box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255,255,255,0.3);
    -webkit-transition: box-shadow .4s ease-in-out;
    -moz-transition: box-shadow .4s ease-in-out;
    -o-transition: box-shadow .4s ease-in-out;
    -ms-transition: box-shadow .4s ease-in-out;
    transition: box-shadow .4s ease-in-out;
}
/*----------------------------------*/
/*MENU LATERAL*/
.menu_2_wrapper{
    width: 55px;;
    overflow: hidden;
    /*top: 88px; TEMPORAL*/
    top: 60px;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 40;
    /*    -webkit-box-shadow: 2px 0 12px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 2px 0 12px rgba(0, 0, 0, 0.3);
        box-shadow: 2px 0 12px rgba(0, 0, 0, 0.3);*/
}
.menu_2_wrapper .scroller{
    position: absolute;
    overflow-y: scroll;
    width: 360px;
    height: 100%;
    padding: 65px 0 30px 0;
}
.menu_2_n1{
    margin: 0;
    padding: 0;
    border-top: 1px solid #FFFFFF;
    font-size: 18px;
    text-align: left;
    -webkit-transition: -webkit-transform 0.3s, width 0.3s;
    -moz-transition: -moz-transform 0.3s, width 0.3s;
    transition: transform 0.3s, width 0.3s;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
}
.menu_2_n1 li a{
    padding: 0 0 0 60px;
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    line-height: 55px;
    display: block;
    position: relative;
}
.menu_2_n1 li a .icon{
    width: 55px;
    height: 55px;
    color: #FFFFFF;
    font-size: 30px;
    line-height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    border-right: none;
    text-align: center;
}
.menu_2_n2{
    margin: 0;
    display: none;
}
.menu_2_n2 li{
    overflow: hidden;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}
.menu_2_n2 li a{
    height: auto;
    background: #999999;
    color: #FFFFFF;
    border-right: none;
    border-bottom: 1px solid #CCCCCC;
    border-left: 4px solid #CCCCCC;
    margin: 0;
    padding: 5px 10px 5px 60px;
    font-size: 14px;
    line-height: 25px;
}
.menu_2_n2 li a:hover{
    border-bottom: 1px solid #FFFFFF;
    border-left: 4px solid #FFFFFF;
    cursor: pointer;
}
.menu_2_n2 li a .icon{
    width: 36px;
    height: 36px;
    font-size: 20px;
    line-height: 38px;
    left: 20px;
}
/*MENU ABIERTO*/
.menu_2_wrapper.lat-open-all{
    width: 340px
}
/*INDICADOR DESPLEAGABLE*/
.menu_1_n1 li .caret, .menu_2_n1 li .caret{
    border-top: 4px solid;
    border-bottom: 0;
    right: 15px;;
    content: "";
}

/*---------------------------------------*/
/*LIGHTBOX*/
/*Modal Overlay*/
.modal-overlay {
    background:rgba(0,0,0,.8);
    height: 100%;
    left: 0;
    display: flex;
    overflow: auto;
    padding: 1.5em;
    position: fixed;
    top: 0;
    transition: opacity .2s;
    width: 100%;
    z-index: -1;
}
.modal-overlay[aria-hidden="true"] {
    opacity: 0;
    visibility: hidden;
}
.modal-overlay[aria-hidden="false"] {
    opacity: 1;
    visibility: visible;
    z-index: 110;
}
/*Modal Content Area*/
.modal-content {
    background: rgba(255, 255, 255, 0.3);
    margin: auto;
    max-width: 800px;
    overflow: auto;
    overflow-x: hidden;
    padding: 1.5em;
    position: relative;
    transform: scale(.8);
    transition: transform .3s;
    width: 100%;
    margin-top: 80px;
}
.modal-content .panel:only-of-type{
    margin: 0;
}
.modal-overlay[aria-hidden="false"] .modal-content {
    transform: scale(1);
}
/*General Modal Content*/
#modal-title {
    margin-top: 0;
    padding-right: 1.25em;
}
/*Close Modal Button*/
.btn-close {
    background: #EF6860;
    color: #FFFFFF;
    border: none;
    display: inline-block;
    padding: 4px 8px;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    right: 6px;
    top: 3px;
    cursor: pointer;
    z-index: 2;
    -webkit-box-shadow: 2px 2px 0 #B0403C;
    -moz-box-shadow: 2px 2px 0 #B0403C;
    box-shadow: 2px 2px 0 #B0403C;
}
.btn-close:hover {
    color: #FFFFFF;
    background: #B0403C!important;
    -webkit-box-shadow: 2px 2px 0 #EF6860;
    -moz-box-shadow: 2px 2px 0 #EF6860;
    box-shadow: 2px 2px 0 #EF6860;
}
.btn-close:focus {
    outline: none;
}
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
/*-----------------------------------------------*/
#cargandoCompleto{
    display:none; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    z-index:1000; 
    background: #FFFFFF;
    opacity:0.5;
    filter:alpha(opacity=20);
}
.loadingDiv{
    color: #FFFFFF;
    float: left;
    height: 100px;
    width: 100px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 620px;
    margin-left: -50px;
}
/*Notificaciones*/
.notification_message{
    display: none;

    z-index: 2000;

    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    background-size: 40px 40px;
    background-image: -webkit-gradient(linear, left top, right bottom,
        color-stop(.25, rgba(105, 105, 105, .1)), color-stop(.25, transparent),
        color-stop(.5, transparent), color-stop(.5, rgba(105, 105, 105, .1)),
        color-stop(.75, rgba(105, 105, 105, .1)), color-stop(.75, transparent),
        to(transparent));
    background-image: -webkit-linear-gradient(135deg, rgba(105, 105, 105, .1) 25%, transparent 25%,
        transparent 50%, rgba(105,105, 105, .1) 50%, rgba(105, 105, 105, .1) 75%,
        transparent 75%, transparent);
    background-image: -moz-linear-gradient(135deg, rgba(105, 105, 105, .1) 25%, transparent 25%,
        transparent 50%, rgba(105,105, 105, .1) 50%, rgba(105, 105, 105, .1) 75%,
        transparent 75%, transparent);
    background-image: -ms-linear-gradient(135deg, rgba(105, 105, 105, .1) 25%, transparent 25%,
        transparent 50%, rgba(105,105, 105, .1) 50%, rgba(105, 105, 105, .1) 75%,
        transparent 75%, transparent);
    background-image: -o-linear-gradient(135deg, rgba(105, 105, 105, .1) 25%, transparent 25%,
        transparent 50%, rgba(105,105, 105, .1) 50%, rgba(105, 105, 105, .1) 75%,
        transparent 75%, transparent);
    background-image: linear-gradient(135deg, rgba(105, 105, 105, .1) 25%, transparent 25%,
        transparent 50%, rgba(105,105, 105, .1) 50%, rgba(105, 105, 105, .1) 75%,
        transparent 75%, transparent);
    -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    width: 100%;
    border: 1px solid;
    color: #FFFFFF;
    padding: 15px;
    position: fixed;
    _position: absolute;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    -webkit-animation: animate-bg 5s linear infinite;
    -moz-animation: animate-bg 5s linear infinite;
}

.notification_info{
    background: #0098C4;
    border-color: #006989;
}

.notification_error{
    background: #EF6860;
    border-color: #B0403C;
}

.notification_warning{
    background: #FFC627;
    border-color: #CCA122;
}

.notification_success{
    background: #00B07C;
    border-color: #0B7E57;
}
.notification_message p{
    margin: 0;
}
.notification_message .title_h2{
    margin: 0 0 5px 0;
    color: #FFFFFF;
    text-shadow: 4px 4px 0 rgba(70, 70, 70, 0.8)!important;
    -moz-text-shadow: 4px 4px 0 rgba(70, 70, 70, 0.8)!important;
    -webkit-text-shadow: 4px 4px 0 rgba(70, 70, 70, 0.8)!important;
}

@-webkit-keyframes animate-bg{
    from{
    background-position: 0 0;
}
to{
    background-position: -80px 0;
}
}

@-moz-keyframes animate-bg{
    from{
    background-position: 0 0;
}
to{
    background-position: -80px 0;
}
}

/*-----------------------*/
/*LIBRERIA ICONOS*/
.icon-accessibility:before {
	content: "\e600";
}
.icon-add-map:before {
	content: "\e601";
}
.icon-add-new-file:before {
	content: "\e602";
}
.icon-address-book:before {
	content: "\e603";
}
.icon-add-user:before {
	content: "\e604";
}
.icon-aid:before {
	content: "\e605";
}
.icon-airplane:before {
	content: "\e606";
}
.icon-alarm:before {
	content: "\e607";
}
.icon-arrow-down:before {
	content: "\e608";
}
.icon-arrow-down-left:before {
	content: "\e609";
}
.icon-arrow-down-right:before {
	content: "\e60a";
}
.icon-arrow-left:before {
	content: "\e60b";
}
.icon-arrow-right:before {
	content: "\e60c";
}
.icon-arrow-up:before {
	content: "\e60d";
}
.icon-arrow-up-left:before {
	content: "\e60e";
}
.icon-arrow-up-right:before {
	content: "\e60f";
}
.icon-assist:before {
	content: "\e610";
}
.icon-attachment:before {
	content: "\e611";
}
.icon-backward:before {
	content: "\e612";
}
.icon-barcode:before {
	content: "\e613";
}
.icon-bars:before {
	content: "\e614";
}
.icon-bell:before {
	content: "\e615";
}
.icon-binoculars:before {
	content: "\e616";
}
.icon-blocked:before {
	content: "\e617";
}
.icon-bookmark:before {
	content: "\e618";
}
.icon-books:before {
	content: "\e619";
}
.icon-bubble:before {
	content: "\e61a";
}
.icon-bubble-english:before {
	content: "\e61b";
}
.icon-bubble-espanol:before {
	content: "\e61c";
}
.icon-bubble-italiano:before {
	content: "\e61d";
}
.icon-bubbles:before {
	content: "\e61e";
}
.icon-bullhorn:before {
	content: "\e61f";
}
.icon-busy:before {
	content: "\e620";
}
.icon-calculate:before {
	content: "\e621";
}
.icon-calendar:before {
	content: "\e622";
}
.icon-calendar-day:before {
	content: "\e623";
}
.icon-camera:before {
	content: "\e624";
}
.icon-cart:before {
	content: "\e625";
}
.icon-change-name:before {
	content: "\e626";
}
.icon-checkbox-checked:before {
	content: "\e627";
}
.icon-checkbox-unchecked:before {
	content: "\e628";
}
.icon-checkmark:before {
	content: "\e629";
}
.icon-clean:before {
	content: "\e62a";
}
.icon-clock:before {
	content: "\e62b";
}
.icon-close:before {
	content: "\e62c";
}
.icon-cloudy:before {
	content: "\e62d";
}
.icon-cloudy-lightning:before {
	content: "\e62e";
}
.icon-cloudy-rain:before {
	content: "\e62f";
}
.icon-cloudy-rain-windy:before {
	content: "\e630";
}
.icon-cloudy-snow:before {
	content: "\e631";
}
.icon-cloudy-windy:before {
	content: "\e632";
}
.icon-cog:before {
	content: "\e633";
}
.icon-coin:before {
	content: "\e634";
}
.icon-comparison:before {
	content: "\e635";
}
.icon-compass:before {
	content: "\e636";
}
.icon-connection:before {
	content: "\e637";
}
.icon-copy:before {
	content: "\e638";
}
.icon-copy2:before {
	content: "\e639";
}
.icon-credit:before {
	content: "\e63a";
}
.icon-crop:before {
	content: "\e63b";
}
.icon-day-cloudy:before {
	content: "\e63c";
}
.icon-dice:before {
	content: "\e63d";
}
.icon-download:before {
	content: "\e63e";
}
.icon-drag:before {
	content: "\e63f";
}
.icon-earth:before {
	content: "\e640";
}
.icon-eject:before {
	content: "\e641";
}
.icon-eliminate-user:before {
	content: "\e642";
}
.icon-enter:before {
	content: "\e643";
}
.icon-envelope:before {
	content: "\e644";
}
.icon-exit:before {
	content: "\e645";
}
.icon-eye:before {
	content: "\e646";
}
.icon-eye-blocked:before {
	content: "\e647";
}
.icon-facebook:before {
	content: "\e648";
}
.icon-feed:before {
	content: "\e649";
}
.icon-file:before {
	content: "\e64a";
}
.icon-file-pdf:before {
	content: "\e64b";
}
.icon-filter:before {
	content: "\e64c";
}
.icon-first:before {
	content: "\e64d";
}
.icon-flag:before {
	content: "\e64e";
}
.icon-flickr:before {
	content: "\e64f";
}
.icon-folder:before {
	content: "\e650";
}
.icon-folder-open:before {
	content: "\e651";
}
.icon-food:before {
	content: "\e652";
}
.icon-forward:before {
	content: "\e653";
}
.icon-gallery-thumbs:before {
	content: "\e654";
}
.icon-gift:before {
	content: "\e655";
}
.icon-glass:before {
	content: "\e656";
}
.icon-goal:before {
	content: "\e657";
}
.icon-googleplus:before {
	content: "\e658";
}
.icon-headphones:before {
	content: "\e659";
}
.icon-heart:before {
	content: "\e65a";
}
.icon-heart2:before {
	content: "\e65b";
}
.icon-home:before {
	content: "\e65c";
}
.icon-home_tournament:before {
	content: "\e65d";
}
.icon-image:before {
	content: "\e65e";
}
.icon-info:before {
	content: "\e65f";
}
.icon-insert-template:before {
	content: "\e660";
}
.icon-instagram:before {
	content: "\e661";
}
.icon-key:before {
	content: "\e662";
}
.icon-last:before {
	content: "\e663";
}
.icon-library:before {
	content: "\e664";
}
.icon-link:before {
	content: "\e665";
}
.icon-link-broken:before {
	content: "\e666";
}
.icon-list:before {
	content: "\e667";
}
.icon-list2:before {
	content: "\e668";
}
.icon-location:before {
	content: "\e669";
}
.icon-lock:before {
	content: "\e66a";
}
.icon-lock2:before {
	content: "\e66b";
}
.icon-loop:before {
	content: "\e66c";
}
.icon-manager:before {
	content: "\e66d";
}
.icon-map:before {
	content: "\e66e";
}
.icon-medal:before {
	content: "\e66f";
}
.icon-medal-honor:before {
	content: "\e670";
}
.icon-menu:before {
	content: "\e671";
}
.icon-menu2:before {
	content: "\e672";
}
.icon-minus:before {
	content: "\e673";
}
.icon-moon:before {
	content: "\e674";
}
.icon-mug:before {
	content: "\e675";
}
.icon-network:before {
	content: "\e676";
}
.icon-new:before {
	content: "\e677";
}
.icon-newspaper:before {
	content: "\e678";
}
.icon-newtab:before {
	content: "\e679";
}
.icon-night-cloudy:before {
	content: "\e67a";
}
.icon-notification:before {
	content: "\e67b";
}
.icon-numbered-list:before {
	content: "\e67c";
}
.icon-office:before {
	content: "\e67d";
}
.icon-paste:before {
	content: "\e67e";
}
.icon-pause:before {
	content: "\e67f";
}
.icon-pencil:before {
	content: "\e680";
}
.icon-phone:before {
	content: "\e681";
}
.icon-picassa:before {
	content: "\e682";
}
.icon-pinterest:before {
	content: "\e683";
}
.icon-play:before {
	content: "\e684";
}
.icon-play2:before {
	content: "\e685";
}
.icon-plus:before {
	content: "\e686";
}
.icon-podium:before {
	content: "\e687";
}
.icon-portfolio:before {
	content: "\e688";
}
.icon-powercord:before {
	content: "\e689";
}
.icon-print:before {
	content: "\e68a";
}
.icon-profile:before {
	content: "\e68b";
}
.icon-pushpin:before {
	content: "\e68c";
}
.icon-puzzle:before {
	content: "\e68d";
}
.icon-question:before {
	content: "\e68e";
}
.icon-redo:before {
	content: "\e68f";
}
.icon-remove:before {
	content: "\e690";
}
.icon-remove-user:before {
	content: "\e691";
}
.icon-road:before {
	content: "\e692";
}
.icon-save:before {
	content: "\e693";
}
.icon-scissors:before {
	content: "\e694";
}
.icon-search:before {
	content: "\e695";
}
.icon-settings:before {
	content: "\e696";
}
.icon-share:before {
	content: "\e697";
}
.icon-signup:before {
	content: "\e698";
}
.icon-smiley:before {
	content: "\e699";
}
.icon-sort:before {
	content: "\e69a";
}
.icon-spam:before {
	content: "\e69b";
}
.icon-sport-man:before {
	content: "\e69c";
}
.icon-stack:before {
	content: "\e69d";
}
.icon-star:before {
	content: "\e69e";
}
.icon-stats:before {
	content: "\e69f";
}
.icon-stop:before {
	content: "\e6a0";
}
.icon-stopwatch:before {
	content: "\e6a1";
}
.icon-stream:before {
	content: "\e6a2";
}
.icon-sun:before {
	content: "\e6a3";
}
.icon-switch:before {
	content: "\e6a4";
}
.icon-table:before {
	content: "\e6a5";
}
.icon-tag:before {
	content: "\e6a6";
}
.icon-tags:before {
	content: "\e6a7";
}
.icon-target:before {
	content: "\e6a8";
}
.icon-template:before {
	content: "\e6a9";
}
.icon-thumbs-up:before {
	content: "\e6aa";
}
.icon-thumbs-up2:before {
	content: "\e6ab";
}
.icon-ticket:before {
	content: "\e6ac";
}
.icon-tree:before {
	content: "\e6ad";
}
.icon-trophy:before {
	content: "\e6ae";
}
.icon-tv:before {
	content: "\e6af";
}
.icon-twitter:before {
	content: "\e6b0";
}
.icon-undo:before {
	content: "\e6b1";
}
.icon-unlocked:before {
	content: "\e6b2";
}
.icon-upload:before {
	content: "\e6b3";
}
.icon-user:before {
	content: "\e6b4";
}
.icon-users:before {
	content: "\e6b5";
}
.icon-vimeo2:before {
	content: "\e6b6";
}
.icon-warning:before {
	content: "\e6b7";
}
.icon-whistle:before {
	content: "\e6b8";
}
.icon-wrench:before {
	content: "\e6b9";
}
.icon-youtube:before {
	content: "\e6ba";
}
.icon-zoomin:before {
	content: "\e6bb";
}
.icon-zoomout:before {
	content: "\e6bc";
}
/*--------------------------------*/
/*NANO SCROLLER*/
/** initial setup **/
.nano{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.nano .content{
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.nano .content:focus{
    outline: none;
}
.nano .content::-webkit-scrollbar{
    visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar{
    visibility: visible;
}
.nano > .pane{
    background: rgba(0,0,0,.25);
    position: absolute;
    width: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
    opacity: .01; 
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.nano > .pane > .slider{
    background: rgba(0,0,0,.5);
    position: relative;
    margin: 0 1px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;  

}
.nano:hover > .pane, .pane.active, .pane.flashed{
    visibility: visible\9; /* Target only IE7 and IE8 with this hack */
    opacity: 0.99;
}
/*---------------------------------------------------------*/
/*================================================
MEDIA QUERIES
==================================================*/
/* Large screens ----------- */
@media only screen and (min-width: 250px){
    /*TABLAS RESPONSIVE*/
    .table-responsive, .content_responsive{
        width: 100%!important;
        overflow-y: auto;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 2px solid #FFFFFF;
        -webkit-overflow-scrolling: touch;
    }
    .table-responsive > .table{
        margin: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td{
        white-space: nowrap;
    }
    .table-responsive > .table-bordered{
        border: 0;
    }
    .table-responsive > .table-bordered th,
    .table-responsive > .table-bordered td{
        border-top: 0;
        border-bottom: 2px solid #FFFFFF;
    }
    .table-responsive > .table-bordered th:first-child,
    .table-responsive > .table-bordered td:first-child{
        border-left: 0;
    }
}
/* Desktops and laptops ----------- */
@media only screen and (max-width: 1366px){
 
    .wd1, .wd2{ 
        width: 50%;
    }
    .force_width .wd1, .force_width .wd2{ 
        width: 33.3%;
    }
    .wd3{
        width: 100%
    }
/*    .hg1{
        height: 250px;
    }
    .hg2{
        height: 350px;
    }
    .hg3{
        height: 550px;
    }
    .box_animated.hg1{
        height: 250px!important;
    }
    .box_animated.hg2{
        height: 350px!important;
    }
    .box_animated.hg3{
        height: 550px!important;
    }
    .box.hg1 .contents .overflow_contents{
        height: 130px;
    }
    .box.hg2 .contents .overflow_contents{
        height: 230px;
    }
    .box.hg3 .contents .overflow_contents{
        height: 330px;
    }
    .hg1 .table-scroll-y{
        max-height: 185px;
    }
    .hg2 .table-scroll-y{
        max-height: 285px;
    }
    BOX IMG Box que usa solamente imagen
    .box.hg1 .box_img{
        max-height: 210px;
    }
    .box.hg2 .box_img{
        max-height: 310px;
    }
    .box.hg3 .box_img{
        max-height: 410px;
    }*/
}
/* Desktops and laptops ----------- */
@media (max-width: 1366px) and (min-width: 768px){
#contenedor_event_cycle.container_boxes{
        height: 300px!important;
        overflow: hidden;
    }
}
/* Desktops and laptops ----------- */
@media only screen and (max-width: 1224px){ 
    header{
        height: 55px;
    }
    .tools.ocultar{
        display:none !important;
    }
    .tools, .networks{
        margin: 5px;
    }
    footer{
        margin: 10px auto;
    }
    footer .logo{
        margin: 5px 10px;
    }
    .btn_menu_1_n1{
        display: inline-block;
    }
    .btn_menu_2_n1{
        display: none;
    }
    section.medio{
        padding: 55px 0 0 0;
    }
    .contenedor_contenido{
        margin: 0;
        padding: 10px 0 0 0;
    }
    /*----------------------------------*/
    /*MENU DISPOSITIVO*/
    .lightbox_side_panel{
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.2);
        position: fixed;
        top: 0;
        z-index: 40;
        display: none;
    }
    aside.side_menu{
        position: fixed;
        left: 0;
        top: 0;
        width: 250px;
        height: 100%;
        z-index: 99;
    }
    .side_menu_wrapper{
        width: 250px;
        overflow: hidden;
        height: 100%;
    }
    .side_menu_scroller{
        width: 270px;
        height: 100%;
        padding: 55px 0 20px 0;
        overflow-y: auto;
    }
    /*Estilos compartidos de MENU 1 y MENU 2*/
    .menu_1_n1 li, .menu_1_n2 li, 
    .menu_2_n1 li, .menu_2_n2 li{
        width: 100%;
        text-align: left;
        border-right: none;
        font-size: 14px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .menu_1_n1 li span, .menu_1_n2 li span, 
    .menu_2_n1 li span, .menu_2_n2 li span{
        display: inline-block;
        line-height: normal;
        margin: 0;
        vertical-align: middle;
    }
    .menu_1_n1 a, .menu_1_n2 a, 
    .menu_2_n1 a, .menu_2_n2 a{
        height: auto;
        padding: 10px;
        margin: 0;
    }
    .menu_1_n1 li a .icon, .menu_2_n1 li a .icon, 
    .menu_1_n2 li a .icon, .menu_2_n2 li a .icon{
        width: auto;
        height: auto;
        font-size: 16px;
        line-height: 18px;
        display: inline-block;
        margin-bottom: 0;
        margin-right: 5px;
        padding: 0;
        vertical-align: middle;
        -webkit-box-shadow: 0 0 5px transparent;
        -moz-box-shadow: 0 0 5px transparent;
        box-shadow: 0 0 0 5px transparent;
        background: none;
        position: static;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .menu_1_n2 li a .icon, .menu_2_n2 li a .icon{
        color:  #FFFFFF;
    }
    /*MENU 1 y 2*/
    .menu_1_n1,
    .menu_2_n1{
        width: 250px;
        display: block;
        position: static;
        margin: 0;
    }
    .menu_2_n1{
        border: none;
    }
    .menu_1_n1 li a,
    .menu_2_n1 li a{
        height: auto;
        padding: 10px;
        margin: 0;
        border-left: 4px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        border-right: none;
        line-height: normal;
        position: relative;
    }
    .menu_1_n1 li a:hover,
    .menu_2_n1 li a:hover{
        border-left: 4px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        background: #999999;
    }
    /*SUBMENU MENU 1 y 2*/
    .menu_1_n2,
    .menu_2_n2{
        display: none;
        margin: 0;
        position: static;
    }
    .menu_1_n2 li a,
    .menu_2_n2 li a{
        padding: 10px;
        margin: 0;
        border-left: 4px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background: transparent;
        border-right: none;
        font-weight: normal;
    }
    .menu_1_n2 li a:hover,
    .menu_1_n2 li a:active,
    .menu_1_n2 li a:focus,
    .menu_2_n2 li a:hover,
    .menu_2_n2 li a:active,
    .menu_2_n2 li a:focus{
        height: auto;
        border-left: 4px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        background: #999999;
    }
    .menu_2_wrapper{
        width: 250px!important;
        border-top: 2px solid #FFFFFF;
        overflow: visible;
        position: static;
        z-index: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        transition: none;
    }
    .menu_2_wrapper .scroller {
        position: static;
        overflow-y: visible;
        width: 100%!important;
        height: auto;
        padding: 0;
    }
    /* Vertical menu that slides from the left or right */
    .side_menu.side_menu_left{
        left: -250px;
    }
    .side_menu_right{
        right: -250px;
    }
    .side_menu_left.side_menu_open{
        left: 0px;
    }
    .side_menu_right.side_menu_open{
        right: 0px;
    }
}
/*Laptops -----------------------*/
@media only screen and (min-width: 1160px){

}
/* Tablets (landscape) ----------- */
@media only screen and (max-width: 940px){
    .box .post_x .detail_1{
        width: 300px;
    }
    .box .post_x .detail_1 .frame_img{
        width: 300px;
        height: auto;
    }
    /*BOXES HIGHLIGHT*/
    .box.highlight{
        width: 47%;
    }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px){
    .side_menu-left.side_menu-open{
        left: -250px;
    }
    .lightbox_side_panel{
        display: none!important;
    }
}
/* Tables (landscape) ----------- */
@media only screen and (max-width: 940px){
    .panel{
        padding: 10px!important;
    }
    /*.panel .head_bar, .popup_box .head_bar {
        margin: -10px -10px 10px 20px!important;
    }*/
    .panel .container_boxes {
        margin: 0!important
    }
    /*POSTS DENTRO DE BOXES*/
    .box .post_x {
        margin: 0;
        padding: 0 10px 20px 10px;
    }
    .box .post_x .detail_1, .box .post_x .detail_2{
        width: 100%;
        padding: 5px 0px 15px 0px;
        display: block;
        float: none;
    }
    .box .post_x .detail_2{
        padding: 5px 0;
    }
    .box .post_x .detail_1 .frame_img{
        width: 100%!important;
        height: auto;
    }
    .tab_bar .push_left{
        margin: 0 0 10px 0;
    }
    .text_footer{
        display: block;
    }
    .post_x{
        padding: 10px 10px 15px 10px;
    }
    .post_x .title_h1 {
        font-size: 55px;
        line-height: 50px;
        text-align: center;
        text-shadow: 4px 4px 0 #FFFFFF;
    }
    .item .detail_2{
        padding: 0 10px 5px 10px;
        vertical-align: top;
    }
}
/* Tablets (Portrait) ----------- */
@media only screen and (max-width: 768px){
    .navbar-right .dropdown-menu{
        left: auto;
        right: 0;
    }
    .navbar-right .dropdown-menu-left{
        left: 0;
        right: auto;
    }
    
    #contenedor_event_cycle.container_boxes{
        height: auto;
        overflow: visible;
    }
    
    .content_grid{
        margin: 0;
    }
    .g_span_1, .g_span_2, .g_span_3, .g_span_4, .g_span_5, .g_span_6,
    .g_span_7, .g_span_8, .g_span_9, .g_span_10, .g_span_11, .g_span_12{ 
        width: 100%;
    }

    .g_span_1, .g_span_2, .g_span_3, .g_span_4, .g_span_5, .g_span_6,
    .g_span_7, .g_span_8, .g_span_9, .g_span_10, .g_span_11, .g_span_12{ 
        padding: 0 0 15px 0;
    }
    .g_offset_1, .g_offset_2, .g_offset_3, .g_offset_4, .g_offset_5, .g_offset_6,
    .g_offset_7, .g_offset_8, .g_offset_9, .g_offset_10, .g_offset_11, .g_offset_12{ 
        margin-left: 0;
    }
    .form_group .g_span_1, .form_group .g_span_2, .form_group .g_span_3, .form_group .g_span_4, .form_group .g_span_5, .form_group .g_span_6,
    .form_group .g_span_7, .form_group .g_span_8, .form_group .g_span_9, .form_group .g_span_10, .form_group .g_span_11, .form_group .g_span_12{ 
        padding: 0 0 5px 0;
    }    
    /*FORZAR ANCHO SPANS Y OFFSETS*/
    /*GRID SPANS*/
    .force_width .g_span_1{ width: 8.333%;}
    .force_width .g_span_2{ width: 16.666%;}
    .force_width .g_span_3{ width: 25%;}
    .force_width .g_span_4{ width: 33.333%;}
    .force_width .g_span_5{ width: 41.666%;}
    .force_width .g_span_6{ width: 50%;}
    .force_width .g_span_7{ width: 58.333%;}
    .force_width .g_span_8{ width: 66.666%;}
    .force_width .g_span_9{ width: 75%;}
    .force_width .g_span_10{ width: 83.333%;}
    .force_width .g_span_11{ width: 91.666%;}
    .force_width .g_span_12{ width: 100%;}

    /*GRID OFFSET*/
    .force_width .g_offset_1{ margin-left: 8.333%;}
    .force_width .g_offset_2{ margin-left: 16.666%;}
    .force_width .g_offset_3{ margin-left: 25%;}
    .force_width .g_offset_4{ margin-left: 33.333%;}
    .force_width .g_offset_5{ margin-left: 41.666%;}
    .force_width .g_offset_6{ margin-left: 50%;}
    .force_width .g_offset_7{ margin-left: 58.333%;}
    .force_width .g_offset_8{ margin-left: 66.666%;}
    .force_width .g_offset_9{ margin-left: 75%;}
    .force_width .g_offset_10{ margin-left: 83.333%;}
    .force_width .g_offset_11{ margin-left: 91.666%;}
    .force_width .g_offset_12{ margin-left: 100%;}

    /*FORZAR WIDTH EN BOXES*/
    .force_width .wd1, .force_width .wd2{
        width: 50%;
    }
    /*----------------------------------------*/
    .user_head .detail_1{
        display: none;
    }
    footer{
        margin: 10px auto 0 auto;
    }
    /*FORM*/
    .form_horizontal .form_label{
        text-align: left;
    }
    .form_horizontal label{
        display: inline-block;
    }
    .step_process {
        background: none;
        text-align: left;
    }
    .form_highlight {
        border-top: none;
        border-bottom: 1px solid #CCCCCC;
        padding: 10px 10px 10px 10px;
    }
    .step_process .img_icon {
        left: -5px;
    }
    /*GALERIA ITEMS*/
    .galeria_items .item.add_detail{
        width: 44%;
    }
    .galeria_items .item.item_desplegable{
        width: 90%;
    }
    .wd1, .wd2, .wd3{ 
        width: 100%;
    }
    .container_boxes {
        /*margin: 0 0 80px 0!important;*/
        margin: 0 -5px 5px -5px!important;
    }
    .container_boxes .boxes_call {
        top: auto;
        bottom: -80px;
        right: auto;
        left: 55%;
    }
    .call_to_action .call_tooltip{
        display: inline-block!important;
    }
    .head_contenedor_contenido{
        display: block;
    }
    .head_icon {
        width: 30px;
        height: 30px;
        font-size: 18px;
        line-height: 32px;
    }
    .head_contenedor_contenido .head_bar{
        font-size: 14px;
        margin: 0 0 0 30px;
    }
    .breadcrumb{
        display: none;
    }
    .box.main_post .info_main_post {
        top: 5%;
        left: 0;
        width: 96%;
        padding: 2% 1% 0 2%;
    }
}
/* OTHER DEVICES */
@media only screen and (max-width: 600px){
    .box.main_post .head_main_post .detail_1, .box.main_post .head_main_post .detail_2 {
        width: 100%!important;
        display: block!important;
        padding: 0 5px 15px 5px!important;
        text-align: center;
    }
    .detail_1, .box.main_post .head_main_post .detail_2 {
        padding: 0 0 5px 0!important;
    }
    .box.main_post .fecha {
        display: block;
    }
}
/* Smartphones (landscape)----------- */
@media only screen and (max-width: 480px){
    header .logo{
        display: inline-block;
    }
    header .user_head{
        margin: 0 10px!important;
    }
    header .user_head .detail_1 {
        display: none;
    }
    header .user_head .detail_2 {
        display: table-cell;
        margin: 0;
        padding: 0;
    }
    .push_left, .push_right{
        float: none;
        display: inline-block;
    }
    .medio_contenedor_contenido {
        padding: 0 5px;
    }
    .box_high p {
        line-height: 26px;
    }
    /*FORM*/
    .form_inline .form_group{
        display: block;
        margin: 0 5px 15px 5px;
    }
    .form_inline .form_control{
        display: block;
        width: 100%!important;
        margin: 0 0 5px 0;
    }
    form label{
        display: block!important;
    }
    fieldset.fieldset_inline {
        display: block;
    }
    .help_text, .form_horizontal .help_text {
        margin: 5px 0 10px 0;
        display: block;
    }
    .form_inline .help_text{
        margin: 10px 0 0 0;
        display: block;
    }
    .step_process{
        padding: 10px 15px 0px 60px;
    }
    .step_process .img_icon{
        top: 10px;
        left: -3px;
    }
    .step_process .title_h2{
        font-size: 60px;
        line-height: 55px;
    }
    .step_process .title_h5 {
        font-size: 18px;
        line-height: 22px;
    }
    /*MENU DISPOSITIVO*/
    .side_menu .menu_1_n1 li a .icon, .side_menu .menu_2_n1 li a .icon{
        display: none;
    }
    /*BOXES HIGHLIGHT*/
    .box.highlight{
        width: 100%;
        margin: 0 0 10px 0;
    }
    /*GALERIA ITEMS*/
    .galeria_items .item.add_detail{
        width: 100%;
    }
    .galeria_items .item.item_desplegable button, .galeria_items .item.item_desplegable a{
        float: none;
        display: inline-block;
        margin: 5px 2px 3px 2px;
    }
    .galeria_items .item.item_desplegable{
        width: 90%;
        text-align: center;
    }
    .galeria_items .item.item_desplegable span{
        width: 100%;
    }
    /*ANULAR FORZAR ANCHO SPANS Y OFFSETS*/
    /*GRID SPANS*/
    .force_width .g_span_1, .force_width .g_span_2, .force_width .g_span_3, .force_width .g_span_4, .force_width .g_span_5, .force_width .g_span_6,
    .force_width .g_span_7, .force_width .g_span_8, .force_width .g_span_9, .force_width .g_span_10, .force_width .g_span_11, .force_width .g_span_12{
        width: 100%;
    }
    /*GRID OFFSET*/
    .force_width .g_offset_1, .force_width .g_offset_2, .force_width .g_offset_3, .force_width .g_offset_4, .force_width .g_offset_5,
    .force_width .g_offset_6, .force_width .g_offset_7, .force_width .g_offset_8, .force_width .g_offset_9, .force_width .g_offset_10, .force_width .g_offset_11, .force_width .g_offset_12{
        margin-left: 0;
    }
    /*BOXES*/
    .force_width .wd1, .force_width .wd2, .force_width .wd3{
        width: 100%;
    }
    .box.main_post .title_h2 {
        font-size: 60px;
        line-height: 55px;
    }
    .post_c, .post_i, .post_x{
        padding: 10px 5px;
    }
    .post_c .fecha, .post_i .fecha, .post_x .fecha{
        display: block;
        margin: 0 0 5px 5px;
    }
    .post_x .title_h1, .post_e .title_h1, .post_c .title_h1, .post_x .title_h2, .post_e .title_h2, .post_c .title_h2, .post_x .title_h3, .post_e .title_h3, .post_c .title_h3 {
        margin: 0 0 10px 0;
    }
    .hg1, .hg2, .hg3, .hg_mini, .overflow_contents{
        height: auto;
    }
    .box.main_post .main_post_banner {
        height: 300px;
    }
    .btn-bigger{
        padding: 12px 16px 14px 16px!important;
    }
}
/* Smartphones (portrait)----------- */
@media only screen and (max-width: 321px){
    /*BOX IMG Box que usa solamente imagen*/
    .box.hg1 .box_img, .box.hg2 .box_img, .box.hg3 .box_img, .box.hg_mini .box_img{
        max-height: none;
    }
}