body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #888;
    line-height: 30px;
    text-align: center;
    background-color: transparent;
}

html {
    height: 100%;
}

.img_slide {
    height: 100%;
}

.img1 {
    background-image: url("../img/slide1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

h1 {
    font-size: 1.5rem;
}


/***** Divider *****/

.divider-1 span {
    display: inline-block;
    width: 200px;
    border-bottom: 1px dotted #aaa;
}


/***** Top menu *****/

.navbar {
    background-image: linear-gradient(-45deg, #0095DB, #003087) !important;
    transition: all .6s;
    backface-visibility: hidden;
}


/*.navbar.navbar-no-bg { background: #000; background: rgba(0, 0, 0, 0.4); }*/

.navbar-dark .navbar-nav {
    font-size: 14px;
    color: #fff;
    /*text-transform: uppercase; */
}

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    border: 0;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link:focus {
    color: #fff;
    outline: 0;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

.navbar-brand {
    width: 123px;
    background: url("../../img/new/logo.svg") left center no-repeat;
    background-size: 70%;
    border: 0;
    text-indent: -99999px;
    height: 60px;
}


/***** Top content *****/

.top-content {
    width: 100%;
}

.top-content h1 {
    margin-top: 25px;
    color: #fff;
}

.top-content .description {
    margin: 30px 0 10px 0;
}

.top-content .description p {
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
}

.top-content .description a {
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.8);
}

.top-content .description a:hover,
.top-content .description a:focus {
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
}

.top-content .carousel-caption {
    top: 40%;
}

.top-content .carousel-indicators li {
    width: 30px;
    height: 6px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 8px;
    background-color: transparent;
    border: solid 1px #ffffff;
}

.carousel-indicators .active {
    opacity: 1;
    background-image: linear-gradient(-45deg, #572380, #CA006E) !important;
}


/***** Section 1 *****/

.section-1-box {
    padding-top: 30px;
    text-align: left;
}

.section-1-box .section-1-box-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: #8542a0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #a365bc 0%, #8542a0 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a365bc), color-stop(100%, #8542a0));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a365bc 0%, #8542a0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a365bc 0%, #8542a0 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a365bc 0%, #8542a0 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #a365bc 0%, #8542a0 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a365bc', endColorstr='#8542a0', GradientType=0);
    /* IE6-9 */
    font-size: 40px;
    color: #fff;
    line-height: 80px;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-transition: all .6s;
    -moz-transition: all .6s;
    -webkit-transition: all .6s;
    -ms-transition: all .6s;
    transition: all .6s;
}

.section-1-box h3 {
    margin-top: 0;
    padding: 0 0 10px 0;
}


/***** Section 2 *****/

.section-2-box {
    margin-top: 30px;
    text-align: left;
}

.section-2-box h3 {
    margin-top: 0;
}

.section-2-box-text .medium-paragraph {
    margin-top: 20px;
    margin-bottom: 20px;
}


/***** Section 3 *****/

.section-3-box {
    margin-top: 30px;
    text-align: left;
}

.section-3-box .section-3-box-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: #8542a0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #a365bc 0%, #8542a0 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a365bc), color-stop(100%, #8542a0));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a365bc 0%, #8542a0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a365bc 0%, #8542a0 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a365bc 0%, #8542a0 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #a365bc 0%, #8542a0 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a365bc', endColorstr='#8542a0', GradientType=0);
    /* IE6-9 */
    font-size: 28px;
    color: #fff;
    line-height: 60px;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.section-3-box h3 {
    margin-top: 0;
    padding: 0 0 10px 0;
}


/***** Footer *****/

footer {
    padding: 40px 0;
}

.btnIngresar {
    background-color: #572380;
    background-image: linear-gradient(-45deg, #572380, #CA006E);
    border-radius: 35px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 30px !important;
    padding-top: 0px;
    height: 10px;
    margin-top: 7px !important;
}

.logoTramiteya {
    background-image: url("../../img/logo_tramiteya.svg");
    background-repeat: no-repeat;
    height: 100px;
    width: 100%;
    text-align: center;
    background-position: center;
}

.bordes_modal {
    border-radius: 1rem !important;
}

.btn-primary {
    background-color: #572380 !important;
    background-image: linear-gradient(-45deg, #572380, #CA006E) !important;
    border-radius: 35px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border: none !important;
    width: 80% !important;
    font-size: 12px;
}

.btn-secondary {
    background-color: #ffffff !important;
    border-radius: 35px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border: solid 1px #999999 !important;
    width: 80% !important;
    color: #999999;
    font-size: 12px;
}

.form-control {
    border: none !important;
    border-radius: 0px !important;
    border-bottom: solid 1px #cccccc !important;
    font-size: 0.7rem
}

.modal-header {
    border-bottom: solid 1px #999999 !important;
    width: 92% !important;
    margin: 0 auto;
}

a.linkLogin {
    font-size: 12px;
    margin: 0 auto;
}

p.introLogin {
    width: 70%;
    font-size: 12px;
    margin: 0 auto;
    line-height: 1rem;
    margin-bottom: 20px !important;
}

.modal-dialog {
    max-width: 400px !important;
    margin: 1.75rem auto;
}

.form-control:focus {
    border-bottom: solid 2px #5393D7 !important;
    box-shadow: none !important;
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    border-bottom: solid 1px #ffffff;
}

.carousel-control-prev-icon {
    background-image: url("../../img/new/flecha.svg");
    background-size: 100%;
    height: 80px;
}

.carousel-control-next-icon {
    background-image: url("../../img/new/flechaN.svg");
    background-size: 100%;
    height: 80px;
}

.navRacsa {
    background-color: #003087 !important;
    background-image: linear-gradient(-45deg, #0095DB, #003087) !important;
}

.contentPage {
    padding-top: 160px;
    color: #999999;
    background-color: transparent;
}

.logoInterno {
    background-image: url("../../img/new/logo_tramiteya.svg");
    background-repeat: no-repeat;
    height: 70px;
    width: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
}

h1.TitleDark {
    color: #013087;
    font-size: 1.3rem;
    font-weight: bold;
}

h2.Titlelight {
    color: #0095DB;
    font-size: 1.2rem;
    margin-top: -10px;
    margin-bottom: 20px;
}

p {
    font-size: 0.8rem;
}

p.infoServicios,
p.infoNoticias {
    width: 50%;
    margin: 0 auto;
    line-height: 1.2rem;
}

p.noticiasBox {
    background-color: #f0f0f0;
    padding: 20px;
}

p.noticiasBox:hover {
    background-color: #ffffff;
}

html.services {
    background-image: url("../../new/img/bg_service.svg");
    background-position: bottom;
    background-repeat: no-repeat;
}

.playBtn {
    font-size: 3rem;
    margin-top: 30px;
    background: -webkit-linear-gradient(#572380, #CA006E);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
}

.modal-video {
    max-width: 610px !important;
    margin: 1.75rem auto;
}


/*Noticias Carrousel*/

.col-md-4 {
    display: inline-block;
    margin-left: -10px;
}

.col-md-4 img {
    width: 80%;
    height: auto;
}

span.carousel-control-prev-icon {
    position: relative;
    bottom: 40px;
    right: 40px;
}

span.carousel-control-next-icon {
    position: relative;
    bottom: 40px;
}

.noticias {
    padding-top: 160px !important;
    color: #999999;
}

.instituciones {
    padding-top: 160px !important;
    color: #999999;
}

.carousel-item p {
    margin: 0 auto;
    text-align: left;
    text-align: justify;
    font-size: 0.8rem;
    line-height: 1rem;
}

.navNoticias {
    width: 100% !important;
    background-color: aqua;
    height: 60px;
}

a.flechas {
    position: absolute;
    background-size: 50%;
    margin-top: 0px;
    padding-top: 0px;
    bottom: -52px;
    z-index: 3000;
}

span.leftFlecha {
    bottom: 70px !important;
}

span.rightFlecha {
    bottom: 70px !important;
}

.flechaIzqu {
    background-image: url("../img/flechaIzq.svg");
    height: 15px !important;
    bottom: 0px !important;
    right: 50px !important;
}

.flechaderecha {
    background-image: url("../img/flechaDer.svg");
    height: 15px !important;
    bottom: 0px !important;
    left: 30px !important;
}

li.CircleSlide {
    background-color: #999 !important;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border-top: none;
    border-bottom: none;
}

li.CircleSlide:hover {
    background: -webkit-linear-gradient(#572380, #CA006E);
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    border-top: none;
    border-bottom: none;
}

.circles {
    bottom: -40px !important;
}

.logosInstituciones {
    width: auto;
    height: 200px;
}

.inst1 {
    background-image: url("../img/logo_empresa1.png");
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
}

.etiquetasForm {
    text-align: left !important;
}

.etiquetasForm label {
    font-size: 0.8rem;
    font-weight: lighter;
    padding-left: 10px;
    margin-bottom: 0px;
}

.etiquetasForm input {
    border: solid 1px #ccc !important;
    border-radius: 25px !important;
    height: 30px;
}

.etiquetasForm ::placeholder {
    color: #999;
}

.etiquetasForm select {
    border: solid 1px #ccc !important;
    border-radius: 25px !important;
    height: 30px;
}

.custom-select {
    padding-top: 3px !important;
    font-size: 0.7rem !important;
    color: #999;
}

.custom-select:focus {
    border-bottom: solid 2px #5393D7 !important;
    box-shadow: none !important;
}

.etiquetasForm textarea {
    border: solid 1px #ccc !important;
    border-radius: 15px !important;
    resize: none;
}

.logo1311 {
    background-image: url("../../img/new/logo_1311.png");
    background-repeat: no-repeat;
    height: 100px;
    background-size: 80%;
    background-position: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.footerSocial {
    height: 60px;
    width: 100%;
    background-image: linear-gradient(-45deg, #0095DB, #003087) !important;
    padding-top: 10px;
    position: inherit;
    bottom: 0px;
}

.socialMedia {
    color: #fff;
    margin: 10px;
}

h1.pregunta {
    color: #fff;
    font-weight: lighter;
}

.searhArea {
    background-color: #000;
    height: 300px;
}

.navRacsaAyuda {
    background-color: transparent;
}

.buscador {
    position: relative;
    top: 0px;
    background-color: #0095DB;
    height: 230px;
    background-image: linear-gradient(-45deg, #0095DB, #003087) !important;
    padding-top: 100px;
}

.etiquetasSearch {
    width: 40% !important;
}

.etiquetasSearch input {
    border: solid 1px #fff !important;
    border-radius: 25px !important;
    background-color: transparent;
    height: 30px;
    width: 100% !important;
}

.etiquetasSearch ::placeholder {
    color: #fff;
}

.blanco {
    color: #fff;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../Font/fontawesome-webfont.eot?v=3.2.1');
    src: url('../Font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../Font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../Font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../Font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
}

.etiquetasSearch input[type="text"]:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: 0px;
    left: -5px;
    content: "\f002";
}

span.iconoSearch {
    position: absolute;
    left: 68%;
    top: 143px;
}

.ayuda {
    padding-top: 0px !important;
    color: #999999;
}

.menuLateral {
    text-align: left;
}


/**
 * Styling top level items
 */

.nav a,
.nav label {
    display: block;
    color: #666;
    background-color: #fff;
    -webkit-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

.nav a:focus,
.nav a:hover,
.nav label:focus,
.nav label:hover {
    color: rgba(0, 149, 219, 1);
}

.nav label {
    cursor: pointer;
}


/**
 * Styling first level lists items
 */

.group-list a,
.group-list label {
    padding-left: 1rem;
    text-decoration: none;
    color: #A5A5A5 !important;
    font-weight: lighter;
}

.group-list a:focus,
.group-list a:hover,
.group-list label:focus,
.group-list label:hover {
    background: transparent;
}


/**
 * Styling second level list items
 */

.sub-group-list a,
.sub-group-list label {
    padding-left: 4rem;
}

.sub-group-list a:focus,
.sub-group-list a:hover,
.sub-group-list label:focus,
.sub-group-list label:hover {
    background: transparent;
}


/**
 * Styling third level list items
 */

.sub-sub-group-list a,
.sub-sub-group-list label {
    padding-left: 6rem;
}

.sub-sub-group-list a:focus,
.sub-sub-group-list a:hover,
.sub-sub-group-list label:focus,
.sub-sub-group-list label:hover {
    background: transparent;
}


/**
 * Hide nested lists
 */

.group-list,
.sub-group-list,
.sub-sub-group-list {
    height: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out;
}

.nav__list input[type=checkbox]:checked+label+ul {
    /* reset the height when checkbox is checked */
    max-height: 1000px;
}


/**
 * Rotating chevron icon
 */

label>span {
    float: right;
    -webkit-transition: -webkit-transform .65s ease;
    transition: transform .65s ease;
    margin-top: 7px;
    margin-left: 10px;
}

.nav__list input[type=checkbox]:checked+label>span {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

ul.nav__list {
    list-style: none;
}

ul.nav__list li {
    list-style: none;
}

ul.group-list {
    padding-left: 0px;
}

ul.sub-group-list {
    padding-left: 0px;
}

ul.sub-group-list a {
    padding-left: 2rem;
    color: #A5A5A5 !important;
    font-weight: lighter;
}

ul.nav__list {
    padding-left: 0px;
}

h2.resBusqueda {
    margin-left: 15px;
    font-size: 20px;
    float: left;
    padding-top: 18px;
    color: #003087;
}

p.textBusqueda {
    float: left;
    clear: both;
}

h2.temBusqueda {
    color: #0095DB;
    font-size: 16px;
    float: left;
    clear: both;
    margin-top: 0px;
}

hr {
    height: 5px;
    float: left;
    clear: both;
    width: 100%;
}

h2.textNoticias {
    color: #0095DB;
    font-size: 16px;
    float: left;
    margin-top: 20px;
    margin-left: 10px;
}

.videoAyudas {
    float: left;
    clear: both;
    padding-left: 65px;
    margin-bottom: 20px;
}

.NomArchivo {
    float: left;
    clear: both;
    padding-left: 65px;
}

.NewsBox {
    transition: transform .2s;
    /* Animation */
    padding: 10px;
    margin: 0 auto;
}

.footerNews {
    height: 10px;
    width: 80%;
    background-color: #572380;
    background-image: linear-gradient(-45deg, #572380, #CA006E);
    margin: 0 auto;
    opacity: 0;
    transition: 0.3s;
}

.footerNews:hover {
    opacity: 1;
}

.NewsBox:hover {
    z-index: 60000;
    height: 101%;
    width: 101%;
    display: block;
    cursor: pointer;
    transform: scale(1.1);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.carousel-inner {
    height: 100vh !important;
}

.carousel-caption {
    text-shadow: 2px 2px 2px #000;
    text-align: left !important;
}

.carousel-item {
    width: 100%;
    height: auto;
}

.footer {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 15px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */
    color: #fff;
    z-index: 40000;
}

.btn_more {
    background-image: linear-gradient(-45deg, #0095DB, #003087) !important;
    color: #fff;
}

.left_footer {
    width: 65%;
    float: left;
}

.right_footer {
    width: 30%;
    float: right;
}

.icon_red {
    margin-right: 10px;
    cursor: pointer;
}