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

/*Import the font you are going to use*/

@import url(https://fonts.googleapis.com/css?family=Poppins:200,300i,400,400i,500,500i,600,600i,700,700i);
@import url('https://fonts.googleapis.com/css?family=Dosis:400,500,600,700');

@font-face {
    font-family: "Poppins";
    src: url('/VisualSIE/faces/javax.faces.resource/fonts/Poppins/Poppins-Bold.ttf');
}
/*---------------------------------------
    1. GENERAL SETTINGS
----------------------------------------*/

html {
    font-size: 62.5%;
}
body {
    color: rgba(74,74,74,1.00);
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
    overflow-x: hidden;
    font-weight: 300;
}
a {
    color: cornflowerblue;
    -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;
}
a:hover {
    color: dodgerblue;
}
a.opcion {
    padding: 6px 5px;
    border: #878786 solid 1px;
    border-radius: 4px;
    margin: 0px;
    display: inline-block;
    min-width: 30px;
    height: 30px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 500;
}
a.language-entry-short-text, a.opcion {
    color: #878786;
}
a.language-entry-short-text:hover, a.opcion:hover {
    background-color: #878786;
    ;
    color: white;
    text-decoration: none;
    cursor: pointer;
}
p {
    font-size: 1.4em;
    line-height: 150%;
    font-weight: 400;
}
/*Titles*/

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}
h1 {
    font-family: 'Poppins', sans-serif;
    color: #333333;
    margin: 3rem 0;
    font-size: 4rem;
    font-weight: 700;
}
h2 {
    font-family: 'Poppins', sans-serif;
    color: #333333;
    margin: 2.5rem 0;
    font-size: 3rem;
    font-weight: 700;
}
.headline, .headline2 {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px solid #e4e9f0;
}
.headline h2, .headline h3, .headline h4 {
    margin: 0 0 -2px 0;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 2px solid #9c8061;
    font-family: 'Poppins', sans-serif;
    color: #AC802A;
    font-size: 2.2rem;
}
.headline2 h2, .headline2 h3, .headline2 h4 {
    background: #C59B53;
    margin: 0 0 0px 0;
    padding: .7rem 1rem;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    color: #AC802A;
    font-size: 2rem;
    color: white;
}
h3 {
    color: #333333;
    font-size: 2.2rem;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0.5rem;
    font-weight: 700;
}
h3.line {
    color: #8B6139;
    font-size: 2rem;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 2rem;
    border-bottom: #e4e9f0 solid 1px;
    padding-bottom: .4rem;
}
h3.line span {
    color: #666;
    font-size: 1.2rem;
    border: none;
    font-family: 'Lato', sans-serif;
    margin: .5rem 0 0 0;
    padding-bottom: 0;
    font-style: italic;
}
h4 {
    color: #8B6139;
    font-size: 1.9rem;
    ffont-family: 'Poppins', sans-serif;
    margin-bottom: 2rem;
}
h5 {
    color: #8C6239;
    font-size: 1.8rem;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 2rem;
    margin-top: 1rem;
}
h6 {
    color: #8B6139;
    font-size: 1.6rem;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 1rem;
    margin-top: 1.4rem;
}
.dosis {
    font-family: 'Dosis', sans-serif;
    font-weight: 400;
    font-size: 3rem;
}
.grayline {
    border-bottom: 1px solid #c4c4c4;
}
.pass {
    font-size: 1.3rem;
}
/*Lined title*/
.lined span {
    background: white;
    border-right: solid 20px white;
    text-align: left;
    text-transform: uppercase;
    color: #3ab5a2;
}
.lined {
    background: url("/VisualSIE/faces/javax.faces.resource/img/presentacion/lineas-diagonales.svg?v=4_1_1_160226") no-repeat center right;
    background-size: 900px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"], input[type="search"] {
    border-color: transparent !important;/*! background:transparent; */
}

@media (min-width: 1200px) {
    .container {
        width: 960px;
    }
}

@media (max-width: 768px) {
    h2 {
        font-size: 2.6rem;
    }
}

@media (max-width: 480px) {
    h2 {
        font-size: 2rem;
    }
}
/* banner*/


.sie-banner {
    background: url("/VisualSIE/faces/javax.faces.resource/img/presentacion/aulas-bkg.jpg?v=4_1_1_160226") no-repeat center center;
    background-size: cover;
    padding: 40px 0;
    position: relative;
    margin-top: -1.5rem;
}
.sie-banner:before {
    content: "";
    position: absolute;
    background: url("/VisualSIE/faces/javax.faces.resource/img/presentacion/rectangulo-puntos.png?v=4_1_1_160226") no-repeat center center;
    background-size: cover;
    right: 0;
    top: 50%;
    margin-top: -25px;
    width: 20%;
    height: 50px;
}
.sie-banner-titulo {
    font-family: "Poppins";
    font-size: 37px;
    color: white;
    font-weight: 700;
    text-align: left;
    padding: 0 !important;
    margin-top: 20px;
}
.sie-banner-titulo span {
    font-weight: 800;
}

@media (max-width: 768px) {
    .sie-banner-titulo {
        text-align: center;
    }
    .sie-banner:before {
        top: 30%;
        margin-top: 0;
    }
}

@media (max-width: 560px) {
    .sie-banner:before {
        top: 10%;
        margin-top: 0;
    }
}
.sie-banner2 {
    background: linear-gradient(  rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)  ), url("/VisualSIE/faces/javax.faces.resource/img/presentacion/aulas-bkg.jpg?v=4_1_1_160226") no-repeat center center;
    background-size: cover;
    padding: 35px 0;
    position: relative;
    margin-top: -1.5rem;
    margin-bottom: 1.5rem;
}
.sie-banner2:before {
    content: "";
    position: absolute;
    background: url("/VisualSIE/faces/javax.faces.resource/img/presentacion/rectangulo-puntos.png?v=4_1_1_160226") no-repeat center center;
    background-size: cover;
    right: 0;
    top: 50%;
    margin-top: -25px;
    width: 20%;
    height: 50px;
}

@media (max-width: 768px) {
    .sie-banner2:before {
        top: 30%;
        margin-top: 0;
    }
}

@media (max-width: 560px) {
    .sie-banner2:before {
        top: 10%;
        margin-top: 0;
    }
}
/*---------------------------------------
    2. HEADER
----------------------------------------*/		
header#top-header {
    background: url("/VisualSIE/faces/javax.faces.resource/img/presentacion/lineas-colores.svg?v=4_1_1_160226") no-repeat top left;
    background-size: 100%;
    min-height: 10rem;
    padding: 2.5rem 0;
}

@media (max-width: 768px) {
    header#top-header {
        background-size: 150%;
    }
}
/*Top links*/

#top-submenu a {
    color: darkslategray;
    font-weight: 400;
}
#top-submenu a:hover {
    color: #008BC6;
    text-decoration: none;
}
/*Search bar*/

.search {
    width: 100%;
    position: relative;
    max-width: 31.5rem;
}
.searchTerm {
    font-size: 1.4rem;
    float: left;
    width: 100%;
    border: 2px solid #ccc;
    padding: 5px;
    height: 35px;
    border-radius: 10px;
    outline: none;
    color: #9DBFAF;
}
.searchTerm:focus {
    color: #666;
}
.searchButton {
    top: 0;
    position: absolute;
    right: 0px;
    width: 35px;
    height: 35px;
    border: 1px solid #ccc;
    background: #ccc;
    text-align: center;
    color: #fff;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    font-size: 20px;
}
.social-media-top a {
    border: solid 2px #eaa043;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 5px;
    display: inline-block;
    color: #eaa043;
    text-align: center;
    width: 34px;
    height: 34px;
    margin-top: 1rem;
    margin-right: 0rem;
    margin-left: .2rem;
}
.social-media-top a:hover {
    background: #eaa043;
    color: white;
}
.social-media-top a:last-child {
    margin-right: 0rem;
}

@media (max-width: 768px) {
    .search {
        max-width: 50rem;
    }
    .social-media-top a {
        margin-right: .59rem;
        margin-left: 0rem;
    }
}

@media (max-width: 480px) {
    .social-media-top a {
        margin-right: .3rem;
    }
}
/*Google translator*/
.goog-te-gadget-simple {
    margin-left: -10px;
}

@media (max-width: 768px) {
}
/*---------------------------------------
    3. MENU
----------------------------------------*/			

.navbar-default {
    background-color: transparent;
    border: 0;
}
.navbar-toggle {
    background-color: white;
}
.navbar {
    border-radius: 0px;
}
.navbar {
    position: relative;
    /*//background-color: #ee5537;*/
    background-color: #278AB0;
    min-height: 40px;
    margin-bottom: 1.5rem;
}
.navbar-nav > li > a {
    padding: 10px;
    font-size: 1.3rem;
}
.navbar-nav > li > a:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    transform: skewX(-30deg);
    opacity: 0;
    background-color: antiquewhite;
}
.navbar-nav > li > a:hover {
    color: #AC802A !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a {
    /*//color: #ee5537 !important;*/
    color:#278AB0 !important;
    background-color: white !important;
    font-weight: 400;
    margin: 10px 0;
    padding: 2px 8px;
}
.navbar-default .navbar-nav > li > a {
    color: white !important;
}
.dropdown-menu {
    /*//background-color: #ee5537;*/
    background-color:#278AB0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1.3rem;
}
.dropdown-menu > li > a {
    color: white;
    font-size: 1.3rem;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    /*//color: #ee5537;*/
    color:#278AB0;
    text-decoration: none;
    background-color: white;
}
/*------------3 level menu------------*/
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    background: #EDEDED;
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    /* border-left-color: #fff;*/
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .navbar-nav {
        margin-top: 0;
    }
    .navbar {
        border-bottom: 0;
    }
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left, .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }
}
/*------Barra de navegacion---------*/
#barra-navegacion {
    background-color: #F0583A;
    min-height: 40px;
}
#barra-navegacion div ul {
    list-style-type: none;
    margin-left: 5px;
    padding: 11px 0;
    /*overflow: hidden*/ }
.nav-bar {
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto;
    min-width: 960px;
}
#barra-navegacion div ul li {
    float: left;
    height: 20px;
    /*quitar transform: skewX(var(--angulo_negativo));*/
    padding: 2px 9px;
    border-right: 2px solid white;
    font-size: 0.85em;
}
#barra-navegacion div ul li.dropdown {
    position: relative;
    z-index: 1;
}
#barra-navegacion div ul li a, #barra-navegacion div ul li span {
    display: block;
    color: white;
    text-align: center;
    text-decoration: none;
    /*quitar transform: skewX(var(--angulo_positivo));*/
}
#barra-navegacion div ul li:hover > a, #barra-navegacion .selected a, #barra-navegacion ul.dropdown-menu li:hover a, #barra-navegacion ul.dropdown-menu li.selected a {
    color: #F0583A;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    background: transparent;
}
#barra-navegacion div ul li:hover, #barra-navegacion li.selected, #barra-navegacion ul.dropdown-menu li:hover, #barra-navegacion ul.dropdown-menu li.selected {
    background-color: white;
    /*quitar transform: skewX(var(--angulo_negativo));*/
}
#barra-navegacion div ul li:last-child {
    border-right: 0;
}
#barra-navegacion div ul li a::after {
    display: block;
    content: attr(title);
    font-weight: bold;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
#barra-navegacion #icono-pagina {
    width: 70px;
    /*quitar transform: skewX(var(--angulo_positivo));*/
    height: 100%;
}
#barra-navegacion ul.dropdown-menu {
    border-radius: 0;
    background-color: #F0583A;
    /*quitar transform: skewX(var(--angulo_positivo));*/
    max-height: unset;
}
.dropdown-menu * {
    transform: none !important;
}
#barra-navegacion ul.dropdown-menu li a {
    color: white;
    text-align: left;
}
#barra-navegacion ul.dropdown-menu li {
    border: none;
    width: 100%;
}
#barra-navegacion div ul li a img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    margin-top: -2px;
}
#barra-navegacion div ul li.selected a img, #barra-navegacion div ul li:hover a img {
    filter: none;
    -webkit-filter: none;
}
/*---------------------------------------
    4. CONTENT
----------------------------------------*/


/*------------MAIN SLIDER------------*/

#slide-and-search {
    position: relative;
    padding: 0;
    margin-bottom: 3rem;
}
.main-slider .swiper-button-prev, .main-slider .swiper-button-next {
    display: none;
}
.main-slider:hover .swiper-button-prev, .swiper-button-prev:hover, .main-slider:hover .swiper-button-next, .swiper-button-next:hover {
    display: block;
    z-index: 10;
}
.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .3;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #3ab5a2 !important;
}
.swiper-button-next, .swiper-button-prev {
    width: 44px !important;
    height: 44px !important;
    background-size: 44px 44px !important;
    opacity: .6;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("/VisualSIE/faces/javax.faces.resource/img/presentacion/next-dark-gray.svg?v=4_1_1_160226");	
    /*quitar background-image: url("../img/next-dark-gray.svg") !important;*/
    right: 10px;
    left: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("/VisualSIE/faces/javax.faces.resource/img/presentacion/prev-dark-gray.svg?v=4_1_1_160226");	
    /*quitar background-image: url("../img/prev-dark-gray.svg") !important;*/
    left: 10px;
    right: auto;
}
/*------------TABS ------------*/

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
#operaciones {
    font-family: 'Dosis', sans-serif;
    background: none;
    background: white;
}
#operaciones ul {
    background: none;
}
#operaciones [class*="sky-tab-"] {
    padding: 6rem 0rem 0 0;
    min-height: 32rem;
    background: none;
    border-bottom: 0;
    border-top: #ccc solid 1px;
}
#operaciones > label span {
    display: block;
    padding: 0px;
    background: transparent;
    font-size: 1.4rem;
    line-height: 120%;
}
#operaciones > label span span {
    padding: 2rem 1rem 1rem 1rem;
    text-align: center;
    opacity: .7;
}
#operaciones > label span span:hover {
    color: #333;
    opacity: 1;
}
#operaciones > label span span img {
    height: 6rem;
    margin: 0 auto 1rem auto;
    display: block;
}
#operaciones > input:checked + label span span {
    opacity: 1;
}
#operaciones > input:checked + label span span {
    border-top: 0;
    position: relative;
    border-bottom: #ccc solid 5px;
}
#operaciones > input.sky-tab-content-1:checked + label span span {
    border-color: #333;
}
#operaciones > input.sky-tab-content-2:checked + label span span {
    border-color: #A16C86;
}
#operaciones > input.sky-tab-content-3:checked + label span span {
    border-color: #C77733;
}
#operaciones > input.sky-tab-content-4:checked + label span span {
    border-color: #579EB8;
}
#operaciones > input.sky-tab-content-5:checked + label span span {
    border-color: #C6561E;
}
#operaciones > input.sky-tab-content-6:checked + label span span {
    border-color: #DDB31F;
}
#operaciones > input.sky-tab-content-7:checked + label span span {
    border-color: #005787;
}
#operaciones [class*="circle-"] {
    display: block;
    border-style: solid;
    border-width: 2px;
    padding: 1.5rem;
    box-sizing: border-box;
    border-radius: 50%;
    width: 10rem;
    height: 10rem;
    margin: 0 auto 1.5rem auto;
}
.circle-black {
    border-color: black !important;
}
.circle-purple {
    border-color: #A16C86 !important;
}
.circle-orange {
    border-color: #C77733 !important;
}
.circle-blue {
    border-color: #579EB8 !important;
}
.circle-rust {
    border-color: #C6561E !important;
}
.circle-yellow {
    border-color: #DDB31F !important;
}
.circle-blue2 {
    border-color: #005787 !important;
}
#operaciones p {
    margin-top: 1.5rem;
}
#operaciones h3, #operaciones h4 {
    margin-bottom: 25px;
}
#operaciones.sky-tabs-pos-left > label, #operaciones.sky-tabs-pos-right > label {
    width: 7%;
}
#operaciones.sky-tabs-pos-left > ul {
    margin-left: 7%;
}
#operaciones ul li {
    /*display:flex;*/
}
#operaciones ul li div {
    box-sizing: border-box;
}
#operaciones ul li div.first {
    text-align: center;
    box-sizing: border-box;
    padding-right: 2rem;
}
#operaciones ul li div.middle {
}
#operaciones ul li div.last {
    box-sizing: border-box;
    padding-left: 2rem;
}
#operaciones ul.list2 li {
    font-size: 1.6rem;
}
#operaciones .col-md-8 {
    padding-right: 20px !important;
}
#operaciones > ul > li {
    padding: 20px 0 20px;
}
#operaciones [class*="col-md"] {
    margin-left: -4px;
}
#operaciones [class*="pill-"] {
    font-size: 1.5rem;
    display: block;
    padding: .6rem 1.8rem !important;
}
.bracket {
    border-left: #ccc solid 2px !important;
    padding: 2rem 0px 2rem 2rem !important;
    position: relative;
}
.bracket p {
    padding: 0;
    margin: 0;
}
/*The little arrow*/
.bracket span {
    position: absolute;
    left: -1rem;
    top: calc(50% - 3px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #ccc transparent transparent;
}
.bracket:after, .bracket:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    display: block;
    background: #ccc;
}
.bracket:after {
    left: 0;
    top: 0;
}
.bracket:before {
    left: 0;
    bottom: 0;
}
.pulse {
    box-shadow: 0 0 0 rgba(0,0,0,0.5);
    animation: pulse 2s infinite;
}
.pulse:hover {
    animation: none;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

@media (max-width: 992px) {
    .vcenter {
        display: block !important;
    }
    #operaciones ul li {
        display: block;
    }
    #operaciones [class*="sky-tab-"] {
        padding: 2rem 0rem 0 0 !important;
    }
    #operaciones.sky-tabs-response-to-stack > label,  #operaciones.sky-tabs-response-to-stack.sky-tabs-pos-top-justify > label {
        width: 25%;
        padding-right: 0;
        padding-left: 0;
    }
    #operaciones > label span {
        font-size: 1.4rem;
    }
    #operaciones h3 {
        margin: 2rem 0;
    }
    #operaciones h4 {
        margin: 3rem 0;
        text-align: left;
    }
    #operaciones ul li div.first {
        width: 100%;
        padding-right: 0px;
        text-align: center;
        margin-top: 2rem;
    }
    #operaciones ul li div.middle {
        width: 100%;
        margin-top: 3rem;
        display: block;
        text-align: center;
        padding-right: 20px !important;
    }
    #operaciones ul li div.last {
        width: 100%;
        margin-top: 3rem;
        text-align: left;
        padding-left: 0;
    }
    .bracket {
        border-left: none !important;
        border-top: #ccc solid 2px !important;
        position: relative;
    }
    /*The little arrow*/
    .bracket span {
        position: absolute;
        left: calc(50% - 5px);
        top: -1rem;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #ccc transparent;
    }
    .bracket {
        padding: 2rem !important;
    }
    .bracket:after, .bracket:before {
        content: "";
        position: absolute;
        height: 20px;
        width: 2px;
        display: block;
        background: #ccc;
    }
    .bracket:after {
        left: 0;
        top: 0;
    }
    .bracket:before {
        left: calc(100% - 2px);
        top: 0;
    }
    #operaciones [class*="col-md"] {
        margin-left: 0px;
    }
    #operaciones [class*="pill-"] {
        font-size: 18px;
        display: block !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 767px) {
    br {
        display: none;
    }
}

@media (max-width: 480px) {
    #operaciones.sky-tabs-response-to-stack > label,  #operaciones.sky-tabs-response-to-stack.sky-tabs-pos-top-justify > label {
        width: 50% !important;
        display: inline-block;
        vertical-align: middle;
        padding-right: 0;
        padding-left: 0;
    }
}
/*----------------Iniciativas-----------------------*/

#iniciativas p {
    text-align: center;
    font-size: 2rem;
    text-transform: uppercase;
    margin-top: 1.5rem;
}
#iniciativas img {
    max-width: 12rem;
    height: auto;
    margin: 0 auto;
}
/*------------APP------------*/
.app-button {
    position: relative;
    margin-bottom: 1rem;
}
.app-button p {
    position: absolute;
    top: 73%;
    width: 16.5rem;
    left: 2rem;
}
.app-button p a {
    display: inline-block;
    width: 48%;
}
/*------------INFO ESPECIALIZAD------------*/

.info-especializada {
}
.info-especializada a {
    color: white;
}
.info-especializada div:first-child {
    position: relative;
    margin-top: 3.5rem;
}
.info-especializada .arrow {
    position: absolute;
    top: 10%;
    margin-top: .5rem;
    right: -5rem;
    z-index: 10;
}

@media (max-width: 992px) {
    .info-especializada div:first-child {
        margin-top: 0;
        margin-bottom: 2.5rem;
    }
}
.info-especializada .ciudadanos, .info-especializada .servidores, .info-especializada .entidades {
    background-size: 25rem auto;
    display: block;
    color: white;
    padding: 3rem 1rem 3rem 1rem;
    box-sizing: border-box;
    text-align: center;
}
.info-especializada .ciudadanos h3, .info-especializada .servidores h3, .info-especializada .entidades h3 {
    color: white;
    font-size: 2rem;
    margin: 0;
}
.info-especializada .ciudadanos {
    background: #AA9989;
}
.info-especializada .servidores {
    background: #867669;
}
.info-especializada .entidades {
    background: #665951;
}
/*------------Multimedia------------*/
.multimedia .tab-pane {
    border-left: 0;
    border-bottom: 0;
    border-right: 0;
    padding: 2rem 0 0 0;
}
/*------------Ministerios------------*/

#ministerios {
    background: #dadada;
    background: -moz-linear-gradient(top, #dadada 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #dadada 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #dadada 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#ffffff', GradientType=0 );
    padding: 5rem 0;
    margin-top: 4rem;
}
#ministerios ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#ministerios ul li {
    position: relative;
    margin-bottom: .5rem;
    padding-left: 2rem;
}
#ministerios ul li:before {
    content: "■";
    font-size: 1.7rem;
    display: block;
    position: absolute;
    margin-bottom: .5rem;
    left: 0;
    top: -.5rem;
}
#ministerios a {
    font-size: 1.3rem;
    font-weight: 500;
    color: black;
}
#ministerios ul li.presidencia {
  color: #000000; }

#ministerios ul li.vicepresidencia {
  color: #000000; }

#ministerios ul li.minjusticia {
  color: #000000; }

#ministerios ul li.mindefensa {
  color: #000000; }

#ministerios ul li.mininterior {
  color: #000000; }

#ministerios ul li.cancilleria {
  color: #000000; }

#ministerios ul li.minahcienda {
  color: #000000; }

#ministerios ul li.minminas {
  color: #000000; }

#ministerios ul li.mincomercio {
  color: #000000; }

#ministerios ul li.mintic {
  color: #000000; }

#ministerios ul li.mincultura {
  color: #000000; }

#ministerios ul li.minagricultura {
  color: #000000; }

#ministerios ul li.minambiente {
  color: #000000; }

#ministerios ul li.mintransporte {
  color: #000000; }

#ministerios ul li.minvivienda {
  color: #000000; }

#ministerios ul li.mineducacion {
  color: #000000; }

#ministerios ul li.mintrabajo {
  color: #000000; }

#ministerios ul li.minsalud {
  color: #000000; }

#ministerios ul li.dnp {
  color: #000000; }

#ministerios ul li.dane {
  color: #000000; }

#ministerios ul li.dps {
  color: #000000; }

#ministerios ul li.dni {
  color: #000000; }

#ministerios ul li.coldeportes {
  color: #000000; }

#ministerios ul li.colciencias {
  color: #000000; }


/*------------RECENT POSTS------------*/

.post-date {
    font-size: 1.2rem;
    color: #ADADAD;
    margin-bottom: .5rem;
}
.post-body {
    font-size: 1.4rem;
}
.post-link {
    font-size: 1.4rem;
}
/*------------AGENDA------------*/
.agenda-cont, .agenda-date {
    display: inline-block;
    vertical-align: top;
}
.agenda-cont {
    width: 75%;
    padding-left: 3%;
}
.agenda-cont p {
    font-size: 1.4rem;
    padding-bottom: 0;
    margin-bottom: 0.5rem;
}
.agenda-cont span {
    font-size: 1.2rem;
    color: #ADADAD;
    position: relative;
    padding-left: 1.7rem;
}
.agenda-cont span:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 50%;
    left: 0;
    font-size: 1.5rem;
    content: "\f017";
    margin-top: -1rem;
}
.agenda-date {
    background: #F3F0E9;
    width: 22%;
    text-align: center;
    padding: 1rem 0 0 0;
    font-size: 1.5rem;
    border-radius: 10px;
}
.agenda-date span {
    background: #B68A40;
    display: block;
    color: white;
    font-size: 1.3rem;
    padding: .3rem 0.5rem 0.3rem 0.5rem;
    text-transform: uppercase;
    margin-top: -.5rem;
    border-radius: 0px 0px 9px 9px;
}
/*----------------Interest links-----------------------*/

#int-links, #iniciativas {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#int-links .owl-controls .owl-nav .owl-prev, #iniciativas .owl-controls .owl-nav .owl-prev {
    background: url("/VisualSIE/faces/javax.faces.resource/img/presentacion/prev-gray.svg?v=4_1_1_160226") no-repeat center center transparent;
    position: absolute;
    left: -6%;
    top: 50%;
    margin-top: -35px !important;
    height: 35px;
    width: 25px;
}
#int-links .owl-controls .owl-nav .owl-next, #iniciativas .owl-controls .owl-nav .owl-next {
    background: url("/VisualSIE/faces/javax.faces.resource/img/presentacion/next-gray.svg?v=4_1_1_160226") no-repeat center center transparent;
    position: absolute;
    right: -6%;
    top: 50%;
    margin-top: -35px!important;
    height: 35px;
    width: 25px;
}
/*----------------bubble for title-----------------------*/

.talk-bubble {
    margin: 1rem 0;
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    background-color: #F1F1F1;
}
.talk-bubble h3 {
    font-family: "Lato", sans-serif;
    color: #666;
    font-size: 1.7rem;
    margin: 0;
}
.talktext {
    padding: 1.5em;
    text-align: left;
    line-height: 1.5em;
}
.tri-right.btm-left::after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 0px;
    right: auto;
    top: auto;
    bottom: -20px;
    border: 22px solid;
    border-color: transparent transparent transparent #F1F1F1;
}

@media (max-width: 768px) {
    .search-box {
        margin: auto;
        width: 32rem;
    }
    .container-1 {
        width: 32rem;
    }
    .container-1 input#search {
        width: 32rem;
    }
    .container-1 .icon {
        position: absolute;
        top: 50%;
        left: 94%;
        margin-top: -18px;
        z-index: 1;
        color: orange;
        border-left: solid 1px #ccc;
        padding: .3rem 1rem 0 1rem;
        height: 100%;
    }
    .container-1 input#search {
        color: #63717f;
        padding: 0 4.5rem 0 1.5rem;
    }
}

@media (max-width: 480px) {
    /*Search box*/

    .search-bar {
        position: relative;
        font-size: 1.8rem;
        text-align: center;
    }
    .search-box {
        margin: auto;
        width: 100%;
        height: 35px;
        display: inline-block;
    }
    .container-1 {
        width: 100%;
        vertical-align: middle;
        white-space: nowrap;
        position: relative;
    }
    .container-1 input#search {
        width: 100%;
        height: 35px;
        background: #fff;
        border: none;
        font-size: 1.3rem;
        color: #63717f;
        padding: 0 5rem 0 1rem;
        border-radius: 10px;
        margin-left: 0rem;
    }
    .container-1 .icon {
        position: absolute;
        top: 50%;
        left: 83%;
        margin-top: -18px;
        z-index: 1;
        color: orange;
        border-left: solid 1px #ccc;
        padding: .7rem 1rem 0 1rem;
        height: 100%;
    }
    /*----------------Interest links-----------------------*/

    #int-links {
        max-width: 80%;
    }
    #int-links .owl-controls .owl-nav .owl-prev {
        left: -10%;
    }
    #int-links .owl-controls .owl-nav .owl-next {
        right: -10%;
    }
}
/*------------SIDE BUTTONS------------*/
.side-button {
    background: #F4F7FA;
    height: 88px;
    line-height: 8.5rem;
    width: 100%;
    display: block;
    font-size: 1.4rem;
    color: #686868;
    cursor: pointer;
    font-weight: 600;
    margin-bottom: 1.5rem;
}
.side-button:hover {
    text-decoration: none;
}
.side-button img {
    height: 68px;
    width: auto;
    margin-top: 1rem;
}
.side-button img.eva {
    height: 78px;
    width: auto;
    margin-top: 0;
}

@media (max-width: 768px) {
}
/*------------TWITTER------------*/
.twitter-box {
    border: solid 1px #ccc;
    border-radius: 5px;
}
/*------------GESTOR SIDE MENU------------*/
.gestor-sidemenu {
    padding: 0;
    margin: 0 0 0 1rem;
}
.gestor-sidemenu li {
    margin: 0 0 .8rem 0;
}
.gestor-sidemenu li a {
    font-size: 1.4rem;
    color: #666;
}
.gestor-sidemenu li.active a {
    color: #E57000
}
/*------------GESTOR MINI NEXT PREV MENU------------*/

.gestor-next-prev {
    margin: 1rem 0;
}
.gestor-next-prev p, .gestor-next-prev a {
    display: inline-block;
    vertical-align: middle;
    margin-right: .7rem;
}
.gestor-next-prev p {
    margin-right: 2rem;
    padding-top: 1rem;
}
.gestor-next, .gestor-prev {
    padding: 1rem 1.5rem;
    background: #ABABAB;
    position: relative;
    width: 3rem;
    height: 3rem;
    margin-right: .5rem;
}
.gestor-next:hover, .gestor-prev:hover {
    background: #999;
}
.gestor-next:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 50%;
    left: 50%;
    content: "\f0da";
    margin-top: -1.6rem;
    margin-left: -.3rem;
    color: white;
    font-size: 2.5rem;
}
.gestor-prev:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 50%;
    left: 50%;
    content: "\f0d9";
    margin-top: -1.6rem;
    margin-left: -.5rem;
    color: white;
    font-size: 2.5rem;
}
/*----------------Header evagob-----------------*/

header.evasocial {
    background: url("") no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    padding: 4.5rem 2rem 3.5rem 2rem;
    text-align: center;
}
header.evasocial h1 {
    color: white;
    font-size: 4.5rem;
    text-shadow: 0 1px 2px #000000;
}
header.evasocial h1 span {
    font-size: 1.7rem;
    display: block;
}
/*----------------Latest articles evagob-----------------*/

.latest-articles {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border-bottom: #e4e9f0 solid 1px;
}
.latest-articles li {
    margin: 3rem 0;
    padding: 0 0 2rem 0;
    border-bottom: #e4e9f0 solid 1px;
}
.latest-articles li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.latest-articles h3, .latest-articles h4 {
    margin: 0 0 0.2rem 0;
    font-size: 1.9rem;
}
.latest-articles p {
    font-size: 1.5rem;
}
.latest-articles a {
    color: #8B6139;
}
.latest-articles img {
    width: auto !important;
    height: 12rem !important;
    display: block;
    margin: 0 auto;
}

@media (max-width: 480px) {
    .latest-articles img {
        width: auto !important;
        height: 30rem !important;
    }
}
.latest-articles .article-text {
    /*	height: 4.2rem;
    
    overflow: hidden;*/
}
/*----------------Article or event info evagob-----------------*/

.article-info {
}
.article-info span {
    display: inline-block;
    vertical-align: middle;
    /*margin-right:2rem;*/
    position: relative;
    /*padding-left:2rem;*/
    font-style: italic;
    font-size: 1.2rem;
    color: #7C7C7C;
    font-weight: 400;
}
.article-info span.author:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 50%;
    left: 0;
    content: "\f007";
    margin-top: -1.1rem;
    color: #ccc;
    font-style: normal;
    font-size: 1.5rem;
}
.article-info span.group:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 50%;
    left: 0;
    content: "\f0c0";
    margin-top: -1.1rem;
    color: #ccc;
    font-style: normal;
    font-size: 1.5rem;
}
.article-info span.date:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 50%;
    left: 0;
    content: "\f017";
    margin-top: -1.1rem;
    color: #ccc;
    font-style: normal;
    font-size: 1.5rem;
}
/*----------------Members-----------------*/
.members {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
}
.members::after {
    clear: both;
}
.members ul:after {
    clear: both;
}
.members ul {
    display: block;
    list-style-type: none;
    margin: 4rem 0 0 0;
    padding: 0;
}
.members ul li {
    display: block;
    margin-right: 10%;
    width: 26.5%;
    float: left;
}
.members li:nth-child(3n) {
    margin-right: 0%;
}
.members ul li p {
    margin: 0 0 .5rem 0;
    font-size: 1.2rem;
}
.members ul li p.name {
    margin: 0;
}
.members ul li p.place {
    margin: 0 0 1rem 0;
    font-style: italic;
}
#int-links {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
/*----------------Team carousel-----------------*/

#group-links .owl-controls .owl-nav .owl-prev {
    background: url("/VisualSIE/faces/javax.faces.resource/img/presentacion/prev-gray.svg?v=4_1_1_160226") no-repeat center center transparent;
    position: absolute;
    left: -6%;
    top: 50%;
    margin-top: -35px !important;
    height: 35px;
    width: 25px;
}
#group-links .owl-controls .owl-nav .owl-next {
    background: url("/VisualSIE/faces/javax.faces.resource/img/presentacion/next-gray.svg?v=4_1_1_160226") no-repeat center center transparent;
    position: absolute;
    right: -6%;
    top: 50%;
    margin-top: -35px!important;
    height: 35px;
    width: 25px;
}

@media (max-width: 480px) {
    #group-links {
        max-width: 80%;
    }
    #group-links .owl-controls .owl-nav .owl-prev {
        left: -15%;
    }
    #group-links .owl-controls .owl-nav .owl-next {
        right: -15%;
    }
}
/*----------------Leader-----------------*/
.team-leader {
}
.team-leader h5 {
    font-family: "Lato", sans-serf;
    font-size: 2.5rem;
    margin: 0;
    color: #666;
    font-weight: 500;
}
.team-leader p {
    font-size: 1.2rem;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .team-leader {
        text-align: center;
    }
    .team-leader h5 {
        margin-top: 1rem;
    }
}
/*----------------HEader inner page evagob-----------------*/

header.evasocial2 {
    padding: 0;
    margin: 4rem 0;
}
header.evasocial2 h1 {
    font-size: 2.2rem;
}
header.evasocial2 h1 img {
    padding-right: 1.5rem;
    border-right: solid 1px #524641;
    vertical-align: middle;
    display: inline-block;
}
header.evasocial2 h1 span {
    padding-left: 1rem;
    display: inline-block;
    vertical-align: middle;
}
header.evasocial2 form {
    margin-top: 0rem;
}
header.evasocial2 form .pull-right {
    float: right;
}
.search-evasocial button {
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    margin-left: -.5rem;
}
.search-evasocial input[type='search'] {
    font-size: 1.4rem;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    border: solid 1px #DEAC5A;
    padding: .5rem 1rem;
    width: 20rem;
}
.search-evasocial button {
    width: 7.5rem;
}
.search-evasocial button, .search-evasocial input[type='search'] {
    display: inline-block;
    vertical-align: middle !important;
    float: none;
}

@media (max-width: 768px) {
    header.evasocial2 form {
        margin-top: 2rem;
    }
    header.evasocial2 form.pull-right {
        float: none !important;
    }
}

@media (max-width: 480px) {
    .evasocial2 button, .evasocial2 .dinline-block {
        display: block !important;
        margin: 1rem 0 0 0;
    }
    .search-evasocial {
        margin-top: 1rem;
    }
    .search-evasocial button, .search-evasocial input[type='search'] {
        float: left;
    }
    .search-evasocial input[type='search'] {
        margin-top: 1rem;
    }
    .search-evasocial button {
    }
}
/*----------------Comments-----------------------*/
.comments {
    border-top: #ccc solid 2px;
    background: #F2F2F2;
    padding: 4rem;
}
.comments span {
    font-size: 1.2rem;
    font-style: italic;
    display: block;
}
.arrow_box {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 5px;
}
.arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 30%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}
.arrow_box:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #ccc;
    border-width: 11px;
    margin-top: -11px;
}
.arrow_box2 {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    padding: 1rem;
    border-radius: 5px;
}
.arrow_box2:after, .arrow_box2:before {
    left: 100%;
    top: 30%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box2:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}
.arrow_box2:before {
    border-color: rgba(204, 204, 204, 0);
    border-left-color: #ccc;
    border-width: 11px;
    margin-top: -11px;
}
/*----------------Visualizations bubble evagob-----------------*/

.bubble-visualizations {
    position: relative;
    width: 100%;
    min-height: 20px;
    background: #5291AA;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
    color: white;
    padding: .5rem 1rem;
    box-sizing: border-box;
    margin-bottom: 3rem;
}
.bubble-visualizations p {
    margin: 0;
    font-size: 1.8rem;
    padding: 0;
}
.bubble-visualizations p:last-child {
    margin: -.5rem 0 0 0;
}
.bubble-visualizations:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: #5291AA transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -15px;
    bottom: -15px;
    left: 50%;
}
/*----------------Publications evagob-----------------*/

.publications {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.publications li {
    margin: 4rem 0;
    padding: 0 0 2rem 0;
    border-bottom: #e4e9f0 solid 1px;
}
.publications li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
/*----------------Members big evagob-----------------*/

.members-big {
    text-align: center;
}
.members-big p.name {
    font-size: 2rem;
    line-height: 110%;
    margin-bottom: .5rem;
}
.members-big p.name span {
    font-size: 1.3rem;
    display: block;
}
.members-big p.job {
    border-top: #ccc solid 1px;
    font-size: 1.3rem;
    margin-top: 0;
    padding-top: .5rem;
    margin-bottom: 0;
}
.members-big p.place {
    font-size: 1.3rem;
    margin-top: 0;
}
/*----------------Articles evagob-----------------*/

.article {
    background: #E6E6E6;
    padding: 0;
}
.article h6 {
    font-size: 1.4rem;
    color: #666;
    font-family: "Lato", sans-serif;
    padding: 0 1rem;
    margin-bottom: .5rem;
}
.article p {
    font-size: 1.2rem;
    font-style: italic;
    position: relative;
    padding: 0 1rem 1rem 2rem;
    margin: 0 1rem;
    color: #A5A5A5;
}
.article p:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 50%;
    left: 0;
    content: "\f017";
    margin-top: -1.5rem;
    font-style: normal;
}
/*----------------Articles evagob-----------------*/
#articles {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#articles .owl-controls .owl-nav .owl-prev {
    background: url("/VisualSIE/faces/javax.faces.resource/img/presentacion/prev-gray.svg?v=4_1_1_160226") no-repeat center center transparent;
    position: absolute;
    left: -6%;
    top: 50%;
    margin-top: -35px !important;
    height: 35px;
    width: 25px;
}
#articles .owl-controls .owl-nav .owl-next {
    background: url("/VisualSIE/faces/javax.faces.resource/img/presentacion/next-gray.svg?v=4_1_1_160226") no-repeat center center transparent;
    position: absolute;
    right: -6%;
    top: 50%;
    margin-top: -35px!important;
    height: 35px;
    width: 25px;
}
/*----------------Events evagob-----------------*/

.events {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.events li {
    margin: 4rem 0;
    padding: 0 0 2rem 0;
    border-bottom: #e4e9f0 solid 1px;
}
.events li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}
.events [class*="col-"]:last-child {
    background: #F7F7F6;
    padding: 0;
    min-height: 25rem;
}
.events [class*="col-"]:last-child a, .events [class*="col-"]:last-child a:hover {
    color: #666;
    font-size: 1.3rem;
}
.events [class*="col-"]:nth-child(2) i {
    color: #ccc;
    margin-right: 1rem;
}
/*---------------------------------------
    5. FOOTER
----------------------------------------*/
footer {
    background: #262625;
    /*! margin-top: 5rem; */
    padding: 5rem 0;
}
footer h4 {
    margin: 0 0 1rem 0;
    color: white;
}
footer p {
    font-size: 1.35rem;
    margin-top: 1.4rem;
    padding-bottom: 0;
    margin-bottom: .5rem;
    line-height: 175%;
    color: white;
    font-weight: 300;
    letter-spacing: 0.08rem;
}
footer a, footer a:hover {
    color: white;
}
footer hr {
    margin: .5rem 0 0rem 0;
    height: 1px;
    border-bottom: #ccc solid 1px;
}
footer [class*="col-"] {
}
footer strong {
    font-weight: 500;
}
/*------------MINI MENU FOOTER STYLE------------*/

.mini-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mini-menu li a {
    border-bottom: #ccc 1px solid;
    display: block;
    font-size: 1.4rem;
    padding: .8rem 2rem .8rem 0rem;
    color: #4A4A4A;
    position: relative;
}
.mini-menu li:last-child a {
    /*border-bottom: 0;*/
}
.mini-menu li a:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 50%;
    right: 10px;
    content: "\f054";
    color: #ccc;
    font-size: 1.1rem;
    margin-top: -.7rem;
}
.mini-menu li a:hover {
    text-decoration: none;
    color: #8B6139;
}
/*------------SOCIAL MEDIA------------*/

.social-media {
    list-style: none;
    margin: 1rem 0 0 0;
    padding: 0;
    color: white;
}
.social-media li {
    display: inline-block;
    margin-right: 2rem;
}
.social-media li a {
    color: white;
}

@media (max-width: 768px) {
    .col-sm-6:nth-child(3) {
        margin-top: 3rem;
    }
    .col-sm-6:nth-child(4) {
        margin-top: 3rem;
    }
}
/*---------------------------------------
    6. OTHER STYLES
----------------------------------------*/
/*----------------Margins-----------------------*/
.mtop0 {
    margin-top: 0rem;
}
.mtop5 {
    margin-top: .5rem;
}
.mtop10 {
    margin-top: 1rem;
}
.mtop15 {
    margin-top: 1.5rem;
}
.mtop20 {
    margin-top: 2rem;
}
.mtop30 {
    margin-top: 3rem;
}
.mtop35 {
    margin-top: 3.5rem;
}
.mtop40 {
    margin-top: 4rem;
}
.mbottom15 {
    margin-bottom: 1.5rem;
}
.mbottom20 {
    margin-bottom: 2rem;
}
.mbottom30 {
    margin-bottom: 3rem;
}
.mleft5 {
    margin-left: .5rem;
}
/*----------------Paddings-----------------------*/

.pt0 {
    padding-top: 0px;
    padding-top: 0rem;
}
.pt5 {
    padding-top: 5px;
    padding-top: 0.5rem;
}
.pl0 {
    padding-left: 10px;
    padding-left: 0rem;
}
.pr0 {
    padding-right: 0px;
    padding-right: 0rem;
}
.pb0 {
    padding-bottom: 0px;
    padding-bottom: 0rem;
}
.pt10 {
    padding-top: 10px;
    padding-top: 1rem;
}
.pl10 {
    padding-left: 10px;
    padding-left: 1rem;
}
.pr10 {
    padding-right: 10px;
    padding-right: 1rem;
}
.pb10 {
    padding-bottom: 10px;
    padding-bottom: 1rem;
}
.pt20 {
    padding-top: 20px;
    padding-top: 2rem;
}
.pl20 {
    padding-left: 20px;
    padding-left: 2rem;
}
.pr20 {
    padding-right: 20px;
    padding-right: 2rem;
}
.pb20 {
    padding-bottom: 20px;
    padding-bottom: 2rem;
}
.pt30 {
    padding-top: 30px;
    padding-top: 3rem;
}
.pl30 {
    padding-left: 30px;
    padding-left: 3rem;
}
.pr30 {
    padding-right: 30px;
    padding-right: 3rem;
}
.pb30 {
    padding-bottom: 30px;
    padding-bottom: 3rem;
}
.pt40 {
    padding-top: 40px;
    padding-top: 4rem;
}
.pl40 {
    padding-left: 40px;
    padding-left: 4rem;
}
.pr40 {
    padding-right: 40px;
    padding-right: 4rem;
}
.pb40 {
    padding-bottom: 40px;
    padding-bottom: 4rem;
}
.pt50 {
    padding-top: 50px;
    padding-top: 5rem;
}
.pl50 {
    padding-left: 50px;
    padding-left: 5rem;
}
.pr50 {
    padding-right: 50px;
    padding-right: 5rem;
}
.pb50 {
    padding-bottom: 50px;
    padding-bottom: 5rem;
}
.pt60 {
    padding-top: 60px;
    padding-top: 6rem;
}
.pr60 {
    padding-left: 60px;
    padding-left: 6rem;
}
.pl60 {
    padding-left: 60px;
    padding-left: 6rem;
}
.pr60 {
    padding-right: 60px;
    padding-right: 6rem;
}
.pb60 {
    padding-bottom: 60px;
    padding-bottom: 6rem;
}
.pt80 {
    padding-top: 80px;
    padding-top: 8rem;
}
.pr80 {
    padding-left: 80px;
    padding-left: 8rem;
}
.pr80 {
    padding-right: 80px;
    padding-right: 8rem;
}
.pb80 {
    padding-bottom: 80px;
    padding-bottom: 8rem;
}
.pt90 {
    padding-top: 90px;
    padding-top: 9rem;
}
.pr90 {
    padding-left: 90px;
    padding-left: 9rem;
}
.pr90 {
    padding-right: 90px;
    padding-right: 9rem;
}
.pb90 {
    padding-bottom: 90px;
    padding-bottom: 9rem;
}
.pt100 {
    padding-top: 100px;
    padding-top: 10rem;
}
.pl100 {
    padding-left: 100px;
    padding-left: 10rem;
}
.pr100 {
    padding-right: 100px;
    padding-right: 10rem;
}
.pb100 {
    padding-bottom: 100px;
    padding-bottom: 10rem;
}
/*----------------Font sizes-----------------------*/
.txt12 {
    font-size: 1.2rem !important;
    line-height: 1.6rem;
}
.txt16 {
    font-size: 1.6rem !important;
}
.txt18 {
    font-size: 1.8rem !important;
}
.txt20 {
    font-size: 2rem;
    line-height: 2.5rem;
}
.txt25 {
    font-size: 2.5rem;
    line-height: 2.5rem;
}
.txt30 {
    font-size: 3rem;
    line-height: 3.5rem;
}
.txt40 {
    font-size: 4rem;
    line-height: 4.5rem;
}
.txt60 {
    font-size: 6rem !important;
    line-height: 6.5rem;
}
.txt80 {
    font-size: 8rem !important;
    line-height: 8.5rem;
}
.txt100 {
    font-size: 10rem !important;
    line-height: 10.5rem;
}
.txt200 {
    font-size: 20rem !important;
    line-height: 20.5rem;
}
/*----------------Displays-----------------------*/
.dblock {
    display: block;
}
.dtable {
    display: table !important;
}
.dinline-block {
    display: inline-block !important;
}
/* ---------->>> Responsive video <<<-----------*/
.videoWrapper {
    box-sizing: border-box;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 2.5rem;
    height: 0;
}
.videoWrapper object, .videoWrapper embed, .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*----------------Color boxes and highlights-----------------------*/

.brown-box {
    background: #8A6946;
    color: white;
}
.terracota-box {
    background: #B57E31 !important;
    color: white;
}
.yellow-box {
    background: #E4B464 !important;
    color: white;
}
.orange-box {
    background: #E57000 !important;
    color: white;
}
.gray-box {
    background: #CCCCCC;
}
.light-gray-box {
    background: #F1F1F1;
}
.white-box {
    background-color: white;
    padding: 10px 25px;
}
.brown-txt {
    color: #8A6946 !important;
}
.terracota-txt {
    color: #B57E31 !important;
}
.yellow-txt {
    color: #E4B464 !important;
}
.orange-txt {
    color: #E57000 !important;
}
.turquoise-txt {
    color: #3ab5a2 !important;
}
/*----------------Buttons-----------------------*/

.btn-yellow {
    color: #fff;
    background-color: #E6AF41;
    border-color: #D19E38;
}
.btn-yellow:hover {
    color: #fff;
    background-color: #D19E38;
}
input[type=submit] {
    border: 0;
    padding: 0;
}
.btn-salmon-arrow {
    color: #fff;
    background: url("/VisualSIE/faces/javax.faces.resource/img/presentacion/next-white-bold.svg?v=4_1_1_160226") no-repeat 95% center #ff9500;
    background-size: 10px 10px;
    /*! border: solid 1px #D19E38 !important; */
    font-size: 2rem;
    padding: .5rem 3rem .5rem 1rem !important;
    margin-right: 2px;
    font-family: 'Dosis', sans-serif;
}
input[type=submit].btn-salmon-arrow {
    padding-top: .2rem!important;
    padding-bottom: .2rem!important;
}
.btn-salmon-arrow:hover {
    color: #fff;
    background-color: #ee5537;
    border-color: #ee5537;
    text-decoration: none;
}
.btn-brown {
    color: #fff;
    background-color: #8A6946;
    border-color: #826342;
}
.btn-brown:hover {
    color: #fff;
    background-color: #826342;
    border-color: #7B5E3E;
}
.btn-terracota {
    color: #fff;
    background-color: #B57E31;
    border-color: #AF7A2F;
}
.btn-terracota:hover {
    color: #fff;
    background-color: #AF7A2F;
    border-color: #A9762D;
}
.btn-orange {
    color: #fff;
    background-color: #C96025;
    border-color: #C35D25;
}
.btn-orange:hover {
    color: #fff;
    background-color: #C35D25;
    border-color: #BD5A24;
}
.btn-turquoise {
    color: #fff;
    background-color: #09C0C8;
    border-color: #08B7BE;
}
.btn-turquoise:hover {
    color: #fff;
    background-color: #08B7BE;
    border-color: #08AEB4;
}
.btn-turquoise-arrow {
    color: #fff;
    background: url("/VisualSIE/faces/javax.faces.resource/img/presentacion/next-white-bold.svg?v=4_1_1_160226") no-repeat 95% center #09C0C8;
    background-size: 20px 20px;
    border: solid 1px #08B7BE !important;
    padding: 1rem 4rem 1rem 2.5rem;
}
.btn-turquoise-arrow:hover {
    color: #fff;
    background-color: #08B7BE;
    border-color: #08AEB4;
    text-decoration: none;
}
.btn-simple-arrow {
    position: relative;
    padding: 0 2.5rem 0 0;
    color: #666;
}
.btn-simple-arrow:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 50%;
    right: 0;
    content: "\f054";
    margin-top: -1.2rem;
    color: orange;
    font-size: 2rem;
}
.btn-simple-arrow:hover {
    text-decoration: none;
}
.btn-facebook {
    background: #446FB3;
    position: relative;
    padding: .5rem 2rem .5rem 5rem;
    color: white;
}
.btn-facebook:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 50%;
    left: 1.5rem;
    content: "\f230";
    margin-top: -1.3rem;
    font-size: 2rem;
}
.btn-facebook:hover, .btn-twitter:hover {
    color: white;
}
.btn-twitter {
    background: #68A7DD;
    position: relative;
    padding: .5rem 2rem .5rem 5rem;
    color: white;
}
.btn-twitter:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 50%;
    left: 1.5rem;
    content: "\f081";
    margin-top: -1.3rem;
    font-size: 2rem;
}
/*----------------Page Header-----------------*/
header.page-header {
    padding: 1.5rem 0 2.5rem 0;
    margin: 0 0 3rem 0;
}
/*----------------Breadcrumbs-----------------*/

.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: white;
    border-radius: 0;
    font-size: 1.2rem;
    margin-top: 1.5rem;
}
/*------------MINI MENU FOOTER STYLE------------*/

.side-menu {
    background: #F9F9F9;
    padding: .5rem 1.5rem;
    list-style: none;
    margin: 0 0 2rem 0;
    border-top: solid 2px #E57000;
}
.side-menu li a {
    border-bottom: #ccc 1px solid;
    display: block;
    font-size: 1.4rem;
    padding: .8rem 2rem .8rem 0rem;
    color: #4A4A4A;
    position: relative;
}
.side-menu li:last-child a {
    border-bottom: 0;
}
.side-menu li a:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 50%;
    right: 10px;
    content: "\f054";
    color: #ccc;
    font-size: 1.1rem;
    margin-top: -1rem;
}
.side-menu li a:hover {
    text-decoration: none;
    color: #8B6139;
}
.side-menu li.active a {
    text-decoration: none;
    color: #E57000;
}
.side-menu li.active a:before {
    color: #E57000;
}
/*----------------Accordion-----------------*/

.panel-default > .panel-heading {
    color: #666;
}
.panel-default > .panel-heading a:hover, .panel-default > .panel-heading a:focus {
    text-decoration: none;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}
.panel .glyphicon {
    font-size: 1.2rem;
    color: #ccc;
    margin-top: -2rem;
}
full width.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
/*----------------Tabs-----------------*/

.tab-pane {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    padding: 1rem 2rem;
    margin-bottom: 2rem;
}
.nav-tabs {
}
.nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
    border-radius: 0;
    font-size: 1.5rem;
    color: #666;
}
.nav-tabs > li > a {
    background: #F7F7F7;
    border-bottom: 1px #ddd solid;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: #AC8029;
    color: white;
    border: none;
    border-bottom: 1px solid #AC8029;
    border-radius: 0;
}
/*----------------font sizes-----------------*/
.txt12 {
    font-size: 1.2rem;
}
.txt14 {
    font-size: 1.4rem;
}
.txt18 {
    font-size: 1.8rem;
}
/*----------------Pagination-----------------*/

.pagination > li > a, .pagination > li > span {
    color: #666;
    font-size: 1.4rem;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #E4B464;
    border: solid 1px #E4B464;
}
/*----------------Colored paragrahps and alerts-----------------*/

[class*=bg-] {
    padding: 1rem 1.5rem;
}
[class*=alert-] {
    font-size: 1.4rem;
}
/*----------------Table-----------------*/

.table {
    font-size: 1.4rem;
    border: solid 1px #ccc;
}
.table p {
    margin: 0;
    padding: 0;
}
/*----------------Download link-----------------*/

.download-link {
    position: relative;
    font-size: 1.5rem;
    color: #666;
    padding-left: 3rem;
    cursor: pointer;
}
.download-link:hover {
    color: #666;
}
.download-link:before {
    position: absolute;
    font-family: 'FontAwesome';
    top: 50%;
    left: 0;
    content: "\f0ed";
    margin-top: -1rem;
    color: #E57000;
    font-size: 2rem;
}
/*----------------forms-----------------*/	
label {
    font-size: 1.5rem;
    margin-left: .5rem;
}
.form-control {
    display: block;
    width: auto;
}
/*----------------Accordion-----------------*/

ul li, ol li {/*! font-size:1.5rem; */
}
.active-accordion {
    background-color: #DEAC5B !important;
    color: white !important;
}
/*----------------Special boxes-----------------*/

.exclam-big {
    display: table;
}
.exclam-big div:first-child, .exclam-big div:last-child {
    display: table-cell;
}
.exclam-big div:first-child {
    background-color: #DEAC5B;
    color: white;
    text-align: center;
    width: 25%;
    position: relative;
}
.exclam-big div:first-child i {
    display: block;
    font-size: 6.5rem;
    left: 50%;
    margin-top: -2.7rem;
    margin-left: -1rem;
    top: 50%;
    position: absolute;
}
.exclam-big div:last-child {
    background-color: #EBEBEB;
    width: 75%;
    font-size: 1.5rem;
    padding: 1rem 2rem;
}
/* ---------->>> 3.12. Equal height for bootstrap columns <<<-----------*/

/* USAGE
<div class="row">
<div class="row-height">
<div class="col-xs-2 col-xs-height col-xs-middle">
<div class="inside"></div>
</div>
<div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
<div class="inside"></div>
</div>
</div>
</div>
*/

/* content styles */

.inside {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
    background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
    background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}
.inside-full-height {
    /*
// if you want to give content full height give him height: 100%;
// with content full height you can't apply margins to the content
// content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
    */
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
/* columns of same height styles */

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}
.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}
.col-top {
    vertical-align: top;
}
.col-middle {
    vertical-align: middle;
}
.col-bottom {
    vertical-align: bottom;
}

@media (min-width: 480px) {
    .row-xs-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-xs-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-xs-top {
        vertical-align: top;
    }
    .col-xs-middle {
        vertical-align: middle;
    }
    .col-xs-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 768px) {
    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-sm-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-sm-top {
        vertical-align: top;
    }
    .col-sm-middle {
        vertical-align: middle;
    }
    .col-sm-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 992px) {
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-md-top {
        vertical-align: top;
    }
    .col-md-middle {
        vertical-align: middle;
    }
    .col-md-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 1200px) {
    .row-lg-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }
    .col-lg-height {
        display: table-cell;
        float: none;
        height: 100%;
    }
    .col-lg-top {
        vertical-align: top;
    }
    .col-lg-middle {
        vertical-align: middle;
    }
    .col-lg-bottom {
        vertical-align: bottom;
    }
}
/* ---------->>> 3.6. Lists <<<-----------*/

[class*='list'] {
    /*! margin: 0.75em 2.2rem; */
    /*! padding: 0; */
    /*! list-style: none; */
}
.list1, .list2, .list1 ul, .list2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list1 ul, .list2 ul {
    margin-top: 1rem;
}
ul.list1 li, ul.list2 li {
    padding: 0 0 0 1.9rem;
    font-size: 1.6rem;
    margin: 0 0 .9rem 0;
}
ul.list1 li:before, ul.list2 li:before {
    content: "\f061";
    font-family: 'FontAwesome';
    display: block;
    height: 0rem;
    width: 0rem;
    left: -2.5rem;
    top: .1rem;
    position: relative;
    color: #81C100;
    font-size: 1.5rem;
}
ul.list2 li:before {
    content: "\f054";
    font-family: 'FontAwesome';
    left: -1.5rem;
    top: .6rem;
    color: #ee5537;
    font-size: 1rem;
}
.centeredp {
    text-align: center;
    margin-top: 1.5rem;
}
blockquote {
    border-left: 5px solid #632B00;
}
.white-txt {
    color: #FFF !important;
    text-decoration: none !important;
}
.custom-counter {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style-type: none;
}
.custom-counter li {
    counter-increment: step-counter;
    margin: 15px 0 25px 0;
    padding-left: 50px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-content: center;
    font-size: 1.6rem;
}
.custom-counter span {
    margin-top: 8px;
}

@media (max-width: 768px) {
    .custom-counter span {
        margin-top: 0px !important;
    }
}
.custom-counter li:before {
    content: counter(step-counter);
    font-family: "Poppins";
    font-weight: bold;
    font-size: 18px;
    background-color: white;
    color: #F4B182;
    border: #333 solid 2px;
    position: absolute;
    top: 2px;
    left: 0;
    border-radius: 50%;
    line-height: 4rem;
    width: 4rem;
    height: 4rem;
    text-align: center;
}
.d-flex {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
}

@media (max-width: 480px) {
    .d-flex {
        display: flex;
        flex-flow: column;
    }
    .d-flex > h1 {
        font-size: 2.5rem;
    }
    .d-flex > img {
        width: 90px;
    }
}
.puntos-bkg {
    background: url("/VisualSIE/faces/javax.faces.resource/img/presentacion/patron-puntos2.png?v=4_1_1_160226") no-repeat 7% 5rem;
    background-size: 27.8rem;
}

.breadcrumb>li+li:before {
    padding:0 5px;
    color:#ccc;
    content:"\003e";
}

.error{
    font-size: 14px;
    font-family: "Poppins";
    font-weight: bold;
    color: #D20005;
}

.error_pequeno{
    font-size: 10px;
    font-family: "Poppins";
    font-weight: bold;
    color: #D20005;
}

.dataSetTab{
    border: transparent;
}

.dataSetTab .ui-widget-header{
    font-family: "Poppins";
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    color: #ee5537;
    background: white;
    background-color: white;
}
.dataSetTab em{
    font-family: "Poppins";
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    color: #278AB0;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,240,249,1) 20%, rgba(232,240,249,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(20%, rgba(232,240,249,1)), color-stop(100%, rgba(232,240,249,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,240,249,1) 20%, rgba(232,240,249,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,240,249,1) 20%, rgba(232,240,249,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(232,240,249,1) 20%, rgba(232,240,249,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(232,240,249,1) 20%, rgba(232,240,249,1) 100%);
    /*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,239,236,1) 20%, rgba(253,239,236,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(20%, rgba(253,239,236,1)), color-stop(100%, rgba(253,239,236,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,239,236,1) 20%, rgba(253,239,236,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,239,236,1) 20%, rgba(253,239,236,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,239,236,1) 20%, rgba(253,239,236,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(253,239,236,1) 20%, rgba(253,239,236,1) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdefec', GradientType=0 );
    padding: 3px 3px;
}

/*Evento sobre el hover del tabpanel
.dataSetTab em:hosver{
    font-family: "Poppins";
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    color: #81C100;
    background-color: #ffc108;
    padding: 3px 3px;
}
*/


.dataSetTab .ui-widget-header .ui-state-active em{
    font-family: "Poppins";
    /*background: url("/javax.faces.resource/themes/sam/images/sprite.pnsg.jsf?ln=icefaces.ace") repeat-x scroll left -1400px rgb(238, 85, 55);*/
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(39,138,176,1) 20%, rgba(39,138,176,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(20%, rgba(39,138,176,1)), color-stop(100%, rgba(39,138,176,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(39,138,176,1) 20%, rgba(39,138,176,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(39,138,176,1) 20%, rgba(39,138,176,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(39,138,176,1) 20%, rgba(39,138,176,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(39,138,176,1) 20%, rgba(39,138,176,1) 100%);

    /*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,85,55,1) 24%, rgba(238,85,55,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(24%, rgba(238,85,55,1)), color-stop(100%, rgba(238,85,55,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,85,55,1) 24%, rgba(238,85,55,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,85,55,1) 24%, rgba(238,85,55,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,85,55,1) 24%, rgba(238,85,55,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(238,85,55,1) 24%, rgba(238,85,55,1) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ee5537', GradientType=0 );
    color: white;
}

.accordionTab .ui-accordion-header a{
    font-family: "Poppins";
    font-size: 14px;
    /*//background:#09C0C8;*/
}

.accordionTab .ui-state-active a{
    font-family: "Poppins";
    font-size: 14px;
    background: rgba(255,153,36,1);
    background: -moz-linear-gradient(top, rgba(255,153,36,1) 0%, rgba(255,153,36,1) 77%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,153,36,1)), color-stop(77%, rgba(255,153,36,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,153,36,1) 0%, rgba(255,153,36,1) 77%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,153,36,1) 0%, rgba(255,153,36,1) 77%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,153,36,1) 0%, rgba(255,153,36,1) 77%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,153,36,1) 0%, rgba(255,153,36,1) 77%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9924', endColorstr='#ffffff', GradientType=0 );
}

/* Active tab */
/* .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-active em {
 border: 1px solid rgb(170, 170, 170)
 background: url("/javax.faces.resource/themes/sam/images/sprite.png.jsf?ln=icefaces.ace") repeat-x scroll left -1400px rgb(38, 71, 160);
 background-clip: padding-box;
 background-color: #9b28b0;
 font-weight: normal;
 color: white;
 }*/
/* Non-active tab */
/*.ui-state-default {
border: 1px solid lightGrey;
background-color: #01bcd5;
background: url("/javax.faces.resource/themes/sam/images/ui-default.png.jsf?ln=icefaces.ace") repeat-x scroll 0 0 rgb(216, 216, 216);
background-clip: padding-box;
font-weight: normal;
color: black;
}*/

.texto-titulo{
    font-size: 18px;
    font-family: "Poppins";
    color: #000000;
}

.texto-titulo1{
    margin-left: 2em;
    font-size: 16px;
    font-family: "Poppins";
    color: #000000;
}

.texto-parrafo{
    font-size: 14px;
    font-family: "Poppins";
    font-weight: 300;
    color: #000000;
}

.texto-parrafo-ident{
    margin-left: 2em;
    font-size: 14px;
    font-family: "Poppins";
    font-weight: 300;
    color: #000000;
    text-align: justify;
}

.texto-parrafo-ident1{
    margin-left: 4em;
    font-size: 14px;
    font-family: "Poppins";
    font-weight: 300;
    color: #000000;
    text-align: justify;
}

.texto-parrafo-bold{
    font-size: 14px;
    font-family: "Poppins";
    font-weight: bold;
    color: #000000;
}

.link_referencia{
    display:block;
}

.alinear_centro{
    text-align: center;
}

.menu_letra{
    font-size:10px; 
    width: 90px;
    height: 45px;
    text-align: center;
    white-space:pre-wrap; 
}

.tablaBordeExterno{
    border-bottom: 1px dashed gray;
}

.link_active{
    text-align: center; 
    text-decoration: underline;
    display: inline-block;
}

.tablaInterno{
    text-align: center;
    width: 100%
}