:root {
  --chromatic-palette-main: #00b1c7;
  --chromatic-palette-b: #010202;
  --chromatic-palette-c: #838382;
}

html {position: relative; height: 100%;}
body{ margin:0; font-family: 'encode_sanslight', sans-serif; font-size: 16px; height: 100%}

/*  P - H 1  -  H 2  -  H 3 */
h1, h2, h3, h4{font-weight: normal}/*saca el estilo por defecto*/
h1{font-family: 'encode_sansbold'; font-size: 5em; margin: 0}
h2{font-family: 'encode_sanslight'; font-size: 2em; margin: 0;}
h3 {font-size: 1.5em; margin: 0px}
h4 {font-size: 1em; display: block}
h5 {font-size: 0.8em; margin: 0}
p{color: #231f20;}
.bold {font-family: 'encode_sansbold';}

a {color: #fff}
a:hover {color: #fff; text-decoration: none}
a:active {color: #fff; text-decoration: none}
a:focus {color: #fff; text-decoration: none}

a.verde_BA:hover { color: #0093C3;}
a.verde_BA:focus { color: #0093C3; font-weight: 900;}

a.verde_BA:hover{ color: var(--chromatic-palette-main);}

/*BOOTSTRAP MULTISELECT*/
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{color:#0093C3}

button.multiselect {background-color: #F1F1F1 !important; border: 0px; text-align: left;} 
b.caret {float: right;}

.multiselect-clear-filter {border: 0px !important; background-color: #F1F1F1 !important}
.input-group-addon {border: 0px !important}

#centrado_vertical {vertical-align: middle} /*funciona solo para tablas*/
.borders_lat {border-left: 1px solid #999;}
.td_gris {background-color: #f9f9f9}

/* BOTONES */
.btn-info {
  background-color: #333;
  border-color: #333;
}

.btn-info:hover{
  background-color: #222;
  border-color: #222;
}

.btn-primary {
    color: #fff;
    background-color: var(--chromatic-palette-main);
    border-color: var(--chromatic-palette-main);
}

.btn-primary:hover {
    color: #fff;
    background-color: #0093C3;
    border-color: #0093C3;
}

/* PAGINATION */

.pagination>li>a, .pagination>li>span{
   color:#0093C3;
}

/* H E A D E R */
header{ height: 90px;}


/* border-bottom:2px solid #f1f1f1*/
#logo_rafam_menu {padding: 10px 0 0px 0px}
#loguito_rafam_menu {padding: 10px 0px 0px 10px; display: none}
#logo_min_eco_header {padding: 0px 15px 0 50px; display: inline-block; text-align: right}
    #logo_min_eco_header:hover {text-decoration: none}
#logo_BA_header {padding: 0px}


/* DATEPICKER */
.datepicker input{
    font-size: 0.5em;
    font-style: italic;
}

/* IMAGE PICKER */

.image_picker_image {
    max-width: 140px;
    max-height: 100px;
    background-color: #FF0000;
}

#icono_home {padding: 16px 0 0 8px}
#rafam_25px {padding: 10px 0 0 6px}

.menu_azul {background-color: #0D477B; border-bottom: 2px solid #1859a0; height: 50px;}
.menu_gris {background-color: var(--chromatic-palette-c);}
.menu_verde {background-color: var(--chromatic-palette-main);}

#login_menu_frontend {color: var(--chromatic-palette-main) !important;}
#login_menu_frontend:hover {color: #111 !important; background: var(--chromatic-palette-main) !important}

#AADD_simco {color:#fff !important}

/*  S E C T I O N  */
    section{padding: 2% 0 2% 0%; background-image: url("../imagenes/gplaypattern.png"); min-height: 80%;}
    .imagen_ajustable {width: 100%; padding: 0px 10px 10px 10px}
    .col_sin_padding_lateral {padding-left: 0px !important; padding-right:0px !important;}


/* H O J A  B L A N C A*/
    .hoja_blanca {background: #fff; padding: 5% 5% 5% 5%;
        -webkit-box-shadow: 0px 4px 10px 0px rgba(198,205,209,1);
        -moz-box-shadow: 0px 4px 10px 0px rgba(198,205,209,1);
        box-shadow: 0px 4px 10px 0px rgba(198,205,209,1);
    }

    .HB_encabezado {width: 100%; min-height: 80px; border-bottom: 1px solid; padding: 40px 0 0 0}
    .HB_circulo {float: right; font-size: 3em; position: relative; top: -25px}
    .HB_subtitulo {width: 100%; height: 100px; border-bottom: 1px solid #D7DEE2; padding: 60px 0 0 0}

    .HB_contenido {margin-top: 20px;}


/* S E C C I O N E S*/

    /* INDEX */
    .prueba_marco {padding: 5px}
    .interior {height:100% ; min-height: 50px; background-color: gray}

    .container-fluid {height: 100%}


    .contenedor_vertical {padding: 0px}
    .contenedor_unitario{width: 98% ; margin: 2px}
    .modulo_index {width: 100%}

    .noticia_index { width: 100%; position: absolute; background-color: var(--chromatic-palette-main); color: #fff;
         bottom: 20px; z-index: 10; padding-top: 5px; padding-bottom: 5px; color: #fff; text-align: left; 
         padding: 0 0 0 10px; margin: 0 5% 0 5%}

    .noticia_index_contenido { width: 100%; position: absolute; background-color: #fff; color: #555;
         bottom: 5px; z-index: 10; padding-top: 5px; padding-bottom: 5px; color: #fff; text-align: left; 
         padding: 0 0 0 10px; margin: 0 5% 0 5%}

    .contenedor_noticias{ padding: 10px; z-index: 1; width: 98%;}
    .contenedor_noticias_fondo{background-color:#fff; opacity: 0.6; position: absolute; width: 100%; height: 132px; 
        -webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.3);}

    .scroll-area{height: 371px; position: relative; overflow: auto}

    #cien {width: 100%}
    .noticia{ height: 390px}

    /* NOTICIAS */

    #jumbo_noticias_imagenes{margin-bottom: 0px !important; padding: 20px !important;}


    /*DOCUMENTACION*/
    .pdf_documentacion {padding: 10px; border: 10px solid #fff; background-color: #f9f9f9}

    /* MESA DE AYUDA*/
    .pos_relative {position: relative;}
    .pos_absolute {position: absolute;}
    .fondo_negro {background-color: #111; opacity: 0.9; padding: 10px}
    .centrado_vertical {top: 20%;}

    .alert{margin-bottom: 0px}

    .alert-rafam {
        background-color: var(--chromatic-palette-c);
        border-color: none;
        color: #fff;
    }

    .center-block {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }

            
    /*SORTABLE*/
    .cf:before, .cf:after { content:""; display:table; }
    .cf:after { clear:both; }
    .cf { zoom:1; }

    .discs li {
      display: block;
      cursor: move;
      padding: 5px 0 5px 0;
    }

    .discs img {
      width: 100%;
    }

    #discs {padding-left: 0px;}

       
    /* PREGUNTAS FRECUENTES*/

    .tit_areas_preguntas_frecuentes {color: var(--chromatic-palette-main)}
    #preguntas_frecuentes {color: #231f20 !important ;text-decoration: none}
    #preguntas_frecuentes:hover {color: var(--chromatic-palette-main) !important; text-decoration: none}
    #preguntas_frecuentes:visited {color: red !important}

    /* LOGIN*/
    .fondo {width: 100%; height: 100%; background-image: url("../imagenes/gplaypattern_grisB.png")}

    .marco_login {height: auto; }

    #loguito_login {display: block; margin: 0 auto !important; padding: 30% 0 30%}

    #login_BE {height: 31px; padding-left: 5px}


    /* ACTUALIZACIONES*/
    #icon_descarga_actualizaciones {color: var(--chromatic-palette-main); display: block ;font-size: 3em; padding: 5px 0 5px 0; text-align: center !important; margin: 0 auto}
    #icon_descarga_actualizaciones:hover {color: #0093C3; display: block ;font-size: 3em; padding: 5px 0 5px 0; text-align: center !important; margin: 0 auto}
    .cont_iconos_descarga {border-left: 1px solid #999 ; padding: 20px 0 20px 5%}
    #modulo {text-align: right; padding-right: 15px; } /*margin-top: 5%*/

    /* REQUERIMIENTOS */
    .col_caract {width: 30%}
    .col_cant {width: 20%}
    .col_obs {width: 40%}

    /* NORMATIVA */
    #link_sobre_blanco {color: #231f20; text-decoration: none;}
    #link_sobre_blanco:hover {color:var(--chromatic-palette-main); text-decoration: none;}

    /*CAPACITACION INCRIPCION*/
    #tipo_trabajo_1, #tipo_trabajo_2 {height: 15px}

    /*MENSAJES*/

    .bandeja_entrada {height: 605px}

    .mostrar_mensaje {color: #67686B !important }
    .mostrar_mensaje:active {color: #fff !important }

    
    .asunto {font-size: 1.2em; font-family: 'encode_sansmedium'; margin: 0px; color: #67686B}
    .apellido {margin: 0px; color: #67686B}
    .email {font-size: 0.7em; margin: 0px; color: #67686B}

    .mensaje_encabezado {background-color: #f5f5f5; text-align: right; padding: 5% 5% 5% 5%;
        -webkit-box-shadow: 0px 4px 10px 0px rgba(198,205,209,1);
        -moz-box-shadow: 0px 4px 10px 0px rgba(198,205,209,1);
        box-shadow: 0px 4px 10px 0px rgba(198,205,209,1)}

    .cuerpo_encabezado {background: #fff; padding: 5% 5% 5% 5%;
        -webkit-box-shadow: 0px 4px 10px 0px rgba(198,205,209,1);
        -moz-box-shadow: 0px 4px 10px 0px rgba(198,205,209,1);
        box-shadow: 0px 4px 10px 0px rgba(198,205,209,1); 
        min-height: 250px}

    /*CAROUSEL*/
    .carousel-indicators {bottom: 0px !important}

/* F O O T E R  G R A L*/
    footer{
        position: relative; 
        width: 100%;
        height: 150px;
        color: white;
        text-align: center;
        clear:both;
    }
    footer > p{font-size: 0.7em; margin: 0; line-height:1}
    .titulo_footer{font-size: 0.8em; text-align: center; margin: 0; padding-top: 30px}

    /* f o o t e r   r a f a m*/
    .footer_rafam{
        height: 75px;
        padding: 20px;
    }
    .footer_rafam p{font-size: 0.8em; text-align: center; margin: 0; color: #fff;}
    .footer_rafam .glyphicon {padding-right: 5px}
     /*.texto_footer {padding: 0 0 0 20px}*/

    /* f o o t e r   p r o v*/
    #logo_BA_footer {text-align: right;}


.inscripcion_inputs{
    padding-bottom: 10px;
}

.mayuscula {
    text-transform: uppercase;
}


.boton {text-decoration: none; height: 34px;color: #fff; background-color: var(--chromatic-palette-main); border-color: #095192; display: inline-block;
        margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; border: 1px solid transparent;
        padding: 11px 12px;font-size: 14px;}
.boton:hover {text-decoration: none; background-color: #08447a} 

/* C O L O R E S */
    .azul_rafam{color: #0B5EAA}
    .verde_BA{color: var(--chromatic-palette-main)}/*ok con el manual 2016*/
    .rojo{color: red}
    .gris_BA{color: var(--chromatic-palette-c);} /*ok con el manual 2016*/
    .negro_BA{color: #231f20;}
    .blanco{color:#fff;}
    .amarillo {color: #FFBC00}
    .celeste {color: #4A9FFF}
    .verde {color: #01971F}
    .violeta {color: #9900CC}
    .negro {color: var(--chromatic-palette-b)}

    /* colores de fondo*/
    .azul_rafam_BG{background-color: #0B5EAA}
    .verde_BA_BG{background-color: var(--chromatic-palette-main)} /*ok con el manual 2016*/
    .gris_BA_BG{background-color: var(--chromatic-palette-c);} /*ok con el manual 2016*/
    .negro_BA_BG{background-color: #231f20;}
    .gris_333_BG{background-color: #333}
    .gris_clarito_BG{background-color: #f5f5f5}
    .negro_BG {background-color: var(--chromatic-palette-b)}

    .azul_HOVER_rafam_BG{background-color: #0093C3}

    .badge{position: relative; top: -4px; background-color: var(--chromatic-palette-c)}



/* O T R O S */
    .clear{clear:both;}

    .close {float: right;}
    .centrado {text-align: center;}

    .panel-default {border: none; border-radius: 0px !important; background-color: #fff !important; margin-bottom: 0px}
    .panel-heading {border: none; border-bottom: 1px solid #67686b; border-radius: 0px !important; background-color: #fff !important}
    .panel-heading-pregunta {background-color: #f1f1f1 !important;}

    .glyphicon {display: inline-block}

    .separar_top5 {padding: 5% 0 0 0}
    .separar_top20 {padding: 20% 0 0 0}
    .fondo_mensaje {background-color: red}

    .form-control {background-color: #F1F1F1; border: 0px; height: 32px; margin-bottom: 6px}
    .radio {margin-top: 19px; margin-bottom: 19px}

    #lapiz_editar:hover {color:var(--chromatic-palette-main) !important}


/*NAV PILLS*/
.nav>li>a:hover, .nav>li>a:focus{
    background-color: #0093C3
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    background-color: #0093C3
}

/* NAV BAR MENU FRONTEND */
.navbar{
    margin-bottom: 0px;
}
.navbar-fixed-top {height: 50px !important; }
.navbar {border: none; z-index: 999; min-height: 50px;}
.navbar-right ul li a {font-size:1.1em; font-weight:normal; display:block; color:var(--chromatic-palette-main); border-left:3px solid #ffffff; background:#ffffff; height: 30px; padding: 10px 11px 0 11px;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .nav>li>a:hover, .nav>li>a:focus{background:var(--chromatic-palette-main); min-height: 50px;}
.menu_gris > .navbar-collapse{background:var(--chromatic-palette-c)}

.popover-content {
    padding: 0px 14px;
}


/*    R  E  S  P  O N  S  I  V  E    */
@media (max-width: 1199px) {
        #noticia{ height: 325px}
}

@media (max-width: 1199px) {
        #mensajes{ height: 300px}
}

@media (max-width: 992px) {
    section{padding: 5% 0 20% 0%;}
    header h2{ font-size: 1em !important; padding-top: 14px}
    footer{height: 70px;}
    .footer_rafam{
        padding: 10px;
    }
    .titulo_footer{padding-top: 15px}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    #loguito_rafam_menu {display: inherit;}
}
@media (max-width: 480px) {
    body{font-size: 14px}
    section{padding: 5% 0 30% 0%;}
    header {display: none; height: 0em}
    .titulo_footer{padding-top: 0px}
    #icono_home {display: none;}
}


@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.ca-menu{
    padding:0;
    margin:0px 2px 2px 2px;
}

.ca-menu li{
    height: auto;
    overflow: hidden;
    position: relative;
    float:center;
    background: #f9f9f9; /* Old browsers */
            background: -moz-linear-gradient(left, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
            background: linear-gradient(left, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 */
            -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
            -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
            box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-right: 4px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-decoration: none;
}
.ca-icon{
    text-shadow: 1px 0px 1px rgba(255,255,255,0.8);
    line-height: 20px;
    padding-top: 15%;
    width: 30%;
    text-align: center !important;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-content{
    text-align: center;
}
.ca-main{
    font-size: 1.2em;
    padding: 25px 0 25px 0;
    text-align: center !important;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
    color: var(--chromatic-palette-main); 
}
.ca-sub{
    text-align:center;
    font-size: 14px;
    color: #afa379;
    text-shadow: 1px 1px 1px #fff;
    opacity: 0.8;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.ca-menu li:hover{
    background:var(--chromatic-palette-main);
    text-align: center !important;
}
.ca-menu li:hover .ca-icon{
    color: #fff;
    font-size: 90px;
    opacity: 0.8;
    text-align: center !important;
    -webkit-animation: moveFromLeft 400ms ease;
    -moz-animation: moveFromLeft 400ms ease;
    -ms-animation: moveFromLeft 400ms ease;
}
.ca-menu li:hover .ca-main{
    color: #fff;
    text-align: center !important;
    -webkit-animation: moveFromRight 300ms ease;
    -moz-animation: moveFromRight 300ms ease;
    -ms-animation: moveFromRight 300ms ease;
}
.ca-menu li:hover .ca-sub{
    color: var(--chromatic-palette-b);
    text-align: center !important;
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
@-webkit-keyframes moveFromLeft{
    from {
        -webkit-transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromLeft{
    from {
        -moz-transform: translateX(-100%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromLeft{
    from {
        -ms-transform: translateX(-100%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromRight {
    from {
        -moz-transform: translateX(100%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromRight {
    from {
        -ms-transform: translateX(100%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}