/*******************************************************************************/
/***Fuentes***/
/*******************************************************************************/
@font-face {
    font-family: "Roboto-Bold";
    src: url("../fonts/Roboto-Bold.eot");
    src: url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff"),
        url("../fonts/Roboto-Bold.ttf") format("truetype"), url("../fonts/Roboto-Bold.svg#Roboto-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto-Regular";
    src: url("../fonts/Roboto-Regular.eot");
    src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff"),
        url("../fonts/Roboto-Regular.ttf") format("truetype"),
        url("../fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Roboto-Thin";
    src: url("../fonts/Roboto-Thin.eot");
    src: url("../fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Roboto-Thin.woff2") format("woff2"), url("../fonts/Roboto-Thin.woff") format("woff"),
        url("../fonts/Roboto-Thin.ttf") format("truetype"), url("../fonts/Roboto-Thin.svg#Roboto-Thin") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SkarpaLt";
    src: url("../fonts/SkarpaLt.eot");
    src: url("../fonts/SkarpaLt.eot?#iefix") format("embedded-opentype"), url("../fonts/SkarpaLt.woff2") format("woff2"),
        url("../fonts/SkarpaLt.woff") format("woff"), url("../fonts/SkarpaLt.ttf") format("truetype"),
        url("../fonts/SkarpaLt.svg#SkarpaLt") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*******************************************************************************/
/*** Márgenes Alineaciones ***/
/*******************************************************************************/
.paddBtnNosotros {
    margin-top: 20px;
}

@media (min-width: 1200px) {
    .paddBtnNosotros {
        margin-top: 0;
    }
}
/*******************************************************************************/
/*** Inicio ***/
/*******************************************************************************/
html {
    scroll-behavior: smooth;
    min-height: 100%;
    position: relative;
}

body {
    box-sizing: border-box;
    color: #666;
}

#pie {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

h5 {
    color: #791b1c;
}

.ocultar {
    display: none;
}

.bgGris {
    background-color: #fcfcfc;
}

.bgBlanco {
    background-color: #fff;
}

#about-us p {
    text-align: justify;
}

#about-us .nosotros p {
    text-align: center;
}

#about-us a {
    color: #f29400;
}

#about-us a:hover,
#about-us a:active {
    color: #791b1c;
    text-decoration: none;
}

#about-us .overlay .buttons a {
    color: #fff;
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
}

.d-flex [class*='col'] {
    margin-bottom: 40px;
}

.d-block {
    display: block;
}

.d-none {
    display: none;
}

.ancla {
    scroll-margin-top: 160px;
}

.cookies .modal-body {
    text-align: left;
}

.modal a:hover {
    color: #333;
}

.align-items-center {
    display: flex;
    align-items: center;
}

.text-right {
    text-align: right;
}

.overflow-scroll {
    overflow: auto;
}

.bgBanner1 {
    background-image: url(../temp/baner/slide1.jpg);
}

.bgBanner2 {
    background-image: url(../temp/baner/slide2.jpg);
}

.bgBanner3 {
    background-image: url(../temp/baner/slide3.jpg);
}

.bgBanner4 {
    background-image: url(../temp/baner/slide4.jpg);
}

@media (min-width: 480px) {
    #clients {
        padding: 10px 0 50px 0;
    }

    #clients-carousel .carousel-indicators {
        top: 97%;
    }
}

@media (min-width: 768px) {
    #clients {
        padding: 10px 0 60px 0;
    }
}

#about-us h2,
#services h2,
#works h2,
#clients h2,
#contact h2,
#resenia h2 {
    margin-bottom: 0;
}

#contact {
    padding-bottom: 30px;
}

#contact .dropdown-menu > ul > li {
    background-color: #fff;
    border: none;
}

#about-us .textoIntroduccionApartado,
#services .textoIntroduccionApartado,
.works .textoIntroduccionApartado,
#clients .textoIntroduccionApartado,
#contact .textoIntroduccionApartado,
#resenia .textoIntroduccionApartado {
    font-size: 18px;
    font-style: oblique;
    text-align: center;
}

#about-us .nosotros {
    margin-bottom: 30px;
    text-align: justify;
}

@media (min-width: 480px) {
    #about-us .nosotros {
        margin-bottom: 30px;
    }
}

@media (min-width: 992px) {
    #about-us .nosotros {
        margin-bottom: 0;
        min-height: 350px;
    }

    .btnPosicionFinal {
        position: absolute;
        bottom: 0;
    }

    #about-us .nosotros {
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
    #about-us .nosotros {
        min-height: 350px;
    }
}

.centrarBtn2 {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 100px;
}

#about-us .fa {
    margin-right: 5px;
}

#navigation .navbar-nav.navbar-right li {
    padding: 0;
}

#main-carousel .carousel-inner h2,
.title-one,
#navigation .navbar-nav.navbar-right li a {
    font-family: "Roboto";
}

#main-carousel .carousel-inner h2 {
    color: #fff;
    font-family: "SkarpaLt";
    text-shadow: 5px 5px 5px #333;
}

#main-carousel .carousel-inner p {
    color: #fff;
    font-size: 25px;
    font-family: "Roboto-Regular";
    font-weight: bold;
    line-height: 25px;
    font-style: oblique;
    text-shadow: 5px 5px 5px #333;
}

#navigation .navbar {
    padding-bottom: 0;
}

@media (min-width: 768px) {
    #main-carousel .carousel-inner p {
        font-size: 32px;
        line-height: 35px;
    }
}

.title-one {
    font-family: "SkarpaLt";
}

#buscador {
    background-color: #791b1c;
}

#buscador .title-one {
    color: #fff;
}

.paddTop20 {
    padding-top: 20px;
}

.paddTop120 {
    padding-top: 120px;
}

.mTop-50 {
    margin-top: -50px;
}

.mTop10 {
    margin-top: 10px;
}

.mTop20 {
    margin-top: 20px;
}

.mTop30 {
    margin-top: 30px;
}

.mTop40 {
    margin-top: 40px;
}

.mTop50 {
    margin-top: 50px;
}

.mBt20 {
    margin-bottom: 20px;
}

.mBt40 {
    margin-bottom: 40px;
}

h2 {
    font-size: 24px;
}

.telefonos {
    width: 100%;
    height: 30px;
    color: #fff;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-90deg, #e2001a, #fdc400); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-90deg, #e2001a, #fdc400); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-90deg, #e2001a, #fdc400); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-90deg, #e2001a, #fdc400); /* Standard syntax */
}

.contenedorTelefonos {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 8px;
    font-size: 10px;
    font-family: "Roboto";
    text-transform: uppercase;
    color: #fff;
}

.contenedorTelefonos a,
.contenedorTelefonos a:hover,
.contenedorTelefonos a:active,
.contenedorTelefonos a:focus {
    color: #fff;
    text-decoration: none;
}

@media (min-width: 350px) {
    .contenedorTelefonos {
        font-size: 12px;
        padding-top: 6px;
    }
}

@media (min-width: 450px) {
    .contenedorTelefonos {
        font-size: 14px;
    }
}

@media (min-width: 780px) {
    .contenedorTelefonos {
        width: 720px;
    }
}

@media (min-width: 992px) {
    .contenedorTelefonos {
        width: 920px;
    }
}

@media (min-width: 1200px) {
    .contenedorTelefonos {
        width: 1140px;
    }
}

.noMarginPadding {
    margin: 0;
    padding: 0;
}

.mLeft5 {
    margin-left: 5px;
}

.navbar-nav {
    margin: 0 -15px;
}

@media (min-width: 768px) {
    .navbar-nav > li > a {
        font-size: 10px !important;
    }

    .about-us .tab-content .pull-left.media-object {
        width: auto;
    }
}

#navigation h1 img {
    width: 200px;
    height: auto;
    padding-top: 10px;
}

#navigation .navbar-nav.navbar-right li a:focus,
#navigation .navbar-nav.navbar-right li a:active,
#navigation .navbar-nav.navbar-right li a:hover {
    color: #fff;
}

@media (min-width: 768px) {
    #navigation .navbar-nav.navbar-right li a {
        font-size: 12px !important;
        padding: 6px 6px;
    }
}

@media (min-width: 992px) {
    #navigation .navbar-nav.navbar-right li a {
        font-size: 12px !important;
        padding: 6px 10px;
    }
}

#contact a:hover,
#contact a:active,
#contact a:focus {
    color: #791b1c;
    text-decoration: none;
}

.gris {
    color: #666666 !important;
}

.grisClaro {
    color: #cacad9 !important;
}

.naranja {
    color: #f29400;
}

#our-team {
    background-color: #fff;
}

@media (min-width: 1200px) {
    #navigation .navbar-nav.navbar-right li a {
        font-size: 15px !important;
        padding: 6px 12px;
    }
}

#navigation .navbar-nav.navbar-right li a:active {
    color: #fff;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #f29400;
}

.navbar-right .dropdown-menu {
    left: 0;
}

ul ul,
ol ul,
ul ol,
ol ol {
    list-style: outside none none;
}

.dropdown-menu ul {
    padding: 5px 0 0 0;
}

@media (min-width: 768px) {
    .dropdown-menu ul {
        padding: 0;
    }
}

/*Menú despliega al pasar el ratón por encima*/
@media (min-width: 768px) {
    #navigation li.dropdown:hover .dropdown-menu {
        display: block;
    }
}

.navbar-collapse {
    border-top: none;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    text-align: center;
}

@media (min-width: 768px) {
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        text-align: left;
    }
}

.dropdown-menu {
    border: 0;
    padding: 0;
}

.dropdown .anchoG {
    width: 210px;
}

.dropdown .anchoP {
    min-width: 60px;
}

.dropdown-menu > ul {
    box-shadow: none;
}

.dropdown-menu > ul > li {
    border-bottom: 1px solid #666;
    background-color: #e6e4e3;
}

@media (min-width: 768px) {
    .dropdown-menu > ul > li {
        border-bottom: none;
        background-color: #fff;
    }
}

.dropdown-menu a {
    display: block;
}

.dropdown .active,
#navigation .navbar-inverse .navbar-nav .active a,
#navigation .navbar-inverse .navbar-nav .active a:focus,
#navigation .navbar-nav.navbar-right li a:hover,
#navigation .navbar-nav.navbar-right li a:focus,
#navigation .navbar-nav.navbar-right li a:active,
.skillbar-bar,
#navigation .navbar .navbar-nav > li .active {
    background-color: #f29400;
    color: #fff;
}

.slider-btn {
    background-color: transparent;
    box-shadow: none;
    border: 1px solid #fff;
    color: #fff;
}

.slider-btn:hover,
.slider-btn:active,
.slider-btn:focus {
    background-color: #f29400;
    border: 1px solid #f29400;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
}

.title-one {
    display: block;
}

.title-one::after,
.title-one::before,
.about-us .nav-tabs li a,
a,
#footer a {
    color: #f29400;
}

.title-one:after,
.title-one:before {
    content: "";
}

.paddImagenes {
    padding: 0 20px 5px 0;
}

#services p,
#clients p {
    color: #43484e;
    font-size: 15px;
}

#clients .media p {
    color: #791b1c;
    font-size: 15px;
}

#clients .item a {
    color: #791b1c;
}

#clients .item a:hover,
#clients .item a:active,
#clients .item a:focus {
    color: #f29400;
}

#clients-carousel .carousel-inner img {
    border-right: none;
    padding-right: 0;
}

#clients-carousel .item {
    background-color: #f6f6f6;
    border: 1px solid #791b1c;
}

#footer a:hover {
    color: #43484e;
}

a:hover {
    color: #fff;
}

.about-us .nav-tabs li.active a,
.about-us .nav-tabs li.active a:hover,
.about-us .nav-tabs li.active a:focus {
    border-top: 2px solid #f29400;
}

.single-blog .btn-primary {
    border: 1px solid #f29400;
}

.single-blog.single-blog:hover .btn-primary:hover {
    background-color: #f29400;
}

.single-service:hover {
    background-color: #fff;
}

.skillbar-title span {
    background-color: #791b1c;
}

#portfolio .portfolio-filter li a:hover,
#portfolio .portfolio-filter li a:focus,
#portfolio .portfolio-filter li a:active,
#portfolio .portfolio-filter li .active {
    border: 1px solid #f29400;
}

.d-flex figure {
    height: 100%;
    margin-bottom: 0;
}

figure .img-wrapper {
    height: 240px;
}

figure .img-wrapper .img-responsive {
    height: 100%;
    width: 100%;
}

@media (min-width: 480px) {
    figure .img-wrapper {
        height: 170px;
    }
}

@media (min-width: 520px) {
    figure .img-wrapper {
        height: 200px;
    }
}

@media (min-width: 610px) {
    figure .img-wrapper {
        height: 240px;
    }
}

@media (min-width: 658px) {
    figure .img-wrapper {
        height: 260px;
    }
}

@media (min-width: 706px) {
    figure .img-wrapper {
        height: 280px;
    }
}

@media (min-width: 754px) {
    figure .img-wrapper {
        height: 300px;
    }
}

@media (min-width: 992px) {
    figure .img-wrapper {
        height: 200px;
    }
}

@media (min-width: 1200px) {
    figure .img-wrapper {
        height: 300px;
    }
}

.btnPosicionFinalServicios {
    position: absolute;
    bottom: 0;
}

.view {
    width: 96%;
}

@media (min-width: 480px) {
    .portfolio-item {
        width: 45%;
    }

    .efffect h3 {
        margin-top: 0;
        font-size: 18px;
    }

    .efffect h4 {
        font-size: 12px;
    }
}

@media (min-width: 500px) {
    .efffect h3 {
        margin-top: 5px;
    }
}

@media (min-width: 550px) {
    .efffect h3 {
        margin-top: 10px;
    }
}

@media (min-width: 600px) {
    .efffect h3 {
        font-size: 20px;
    }

    .efffect h4 {
        font-size: 14px;
    }
}

@media (min-width: 700px) {
    .efffect h3 {
        margin-top: 20px;
        font-size: 22px;
    }

    .efffect h4 {
        font-size: 16px;
    }
}

.single-member {
    border: none;
}

@media (min-width: 768px) {
    .portfolio-item {
        width: 220px;
    }
}

@media (min-width: 992px) {
    .portfolio-item {
        width: 293px;
    }
}

@media (min-width: 1200px) {
    .portfolio-item {
        width: 360px;
    }
}

.single-member {
    height: auto;
    background-color: #f29400;
}

@media (min-width: 320px) {
    .single-member img {
        width: auto;
    }

    .single-service {
        height: 340px;
    }
}

@media (min-width: 356px) {
    .single-service {
        height: 330px;
    }
}

@media (min-width: 435px) {
    .single-service {
        height: 300px;
    }
}

@media (min-width: 480px) {
    .single-service {
        height: 410px;
    }
}

@media (min-width: 523px) {
    .single-service {
        height: 390px;
    }
}

@media (min-width: 545px) {
    .single-service {
        height: 370px;
    }
}

@media (min-width: 598px) {
    .single-service {
        height: 350px;
    }
}

@media (min-width: 711px) {
    .single-service {
        height: 330px;
    }
}

@media (min-width: 992px) {
    .single-service {
        height: 350px;
    }
}

@media (min-width: 1200px) {
    .single-service {
        height: 320px;
    }
}

.single-service {
    background-color: #fff;
    color: #791b1c;
}

#services .single-service h2 {
    font-size: 17px;
    font-family: "Roboto-Bold";
}

#services h3 {
    margin-bottom: 0;
    color: #791b1c;
    font-size: 17px;
    font-family: "SkarpaLt";
    font-weight: bold;
    text-transform: uppercase;
}

.single-service i {
    color: #791b1c;
    background-color: #f6f6f6;
}

h3 {
    font-size: 20px;
    margin-bottom: 18px;
    text-transform: uppercase;
    color: #791b1c;
    font-family: "SkarpaLt";
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
}

.infoContacto a {
    color: #333;
}

.infoContacto a:hover,
.infoContacto a:active,
.infoContacto a:focus {
    color: #f29400;
    text-decoration: none;
}

.infoContacto {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 20px;
    padding: 10px 10px 0 10px;
    text-align: center;
    min-height: 120px;
    display: block;
}

.infoContacto i {
    font-size: 45px;
    color: #f29400;
}

.infoContacto h5 {
    font-size: 18px;
}

@media (min-width: 992px) {
    .infoContacto {
        min-height: 110px;
        padding: 10px 0;
    }

    .infoContacto h5 {
        font-size: 11px;
    }
}

@media (min-width: 1200px) {
    .infoContacto {
        padding: 10px 10px 0 10px;
    }

    .infoContacto h5 {
        font-size: 13px;
    }
}

.centrarBtn {
    display: block;
    text-align: center;
}

.separador {
    margin: 0 5px;
}

textarea {
    resize: none;
}

.btn-primary {
    background-color: #f7f7f7;
    border: 1px solid #f29400;
    color: #686868;
    text-transform: uppercase;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #f29400;
    border: 1px solid #f7f7f7;
    color: #fff;
    text-transform: uppercase;
}

.portfolio-item {
    margin: 10px;
}

.post-meta {
    color: #666666;
    font-size: 12px;
}

.post-meta .fa {
    margin-right: 5px;
}

.totalResenias {
    color: #f29400;
    text-align: center;
    font-size: 80px;
}

.estrellas {
    color: #f29400;
    text-align: center;
}

.numeroResenia {
    color: #666;
    text-align: center;
}

.numeroResenia a {
    color: #666;
    text-decoration: underline;
}

.numeroResenia a:hover,
.numeroResenia a:active {
    color: #f29400;
}

.foroResenia {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 20px auto;
    text-align: justify;
}

.foroResenia .subtitulo {
    color: #f29400;
    padding: 0;
    margin: 0;
}

.miniaturaResenia {
    float: left;
    height: auto;
    margin: 5px 10px 10px 0;
    width: 40px;
    border-radius: 100px;
}

.requerido {
    color: #b20000;
    margin: 0 5px 0 5px;
}

.botonera {
    display: block;
    text-align: center;
}

.modal-body img {
    width: 100% !important;
}

#clients {
    background-color: #fff;
}

#services {
    background-image: none;
    color: #fff;
    text-align: center;
    background-color: #fff;
    border: none;
}

#clients-carousel .carousel-indicators li {
    background-color: #f29400;
}

#clients-carousel .carousel-indicators .active {
    background-color: #999986 !important;
}
/*---------patchBootstrap xxs-----*/
/* [+] col-xxs- */

.col-xxs-1,
.col-xxs-2,
.col-xxs-3,
.col-xxs-4,
.col-xxs-5,
.col-xxs-6,
.col-xxs-7,
.col-xxs-8,
.col-xxs-9,
.col-xxs-10,
.col-xxs-11,
.col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width: 479px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11,
    .col-xxs-12 {
        float: left;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-11 {
        width: 91.66666667%;
    }

    .col-xxs-10 {
        width: 83.33333333%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-8 {
        width: 66.66666667%;
    }

    .col-xxs-7 {
        width: 58.33333333%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-5 {
        width: 41.66666667%;
    }

    .col-xxs-4 {
        width: 33.33333333%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-2 {
        width: 16.66666667%;
    }

    .col-xxs-1 {
        width: 8.33333333%;
    }

    .col-xxs-pull-12 {
        right: 100%;
    }

    .col-xxs-pull-11 {
        right: 91.66666667%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-8 {
        right: 66.66666667%;
    }

    .col-xxs-pull-7 {
        right: 58.33333333%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-5 {
        right: 41.66666667%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-2 {
        right: 16.66666667%;
    }

    .col-xxs-pull-1 {
        right: 8.33333333%;
    }

    .col-xxs-pull-0 {
        right: auto;
    }

    .col-xxs-push-12 {
        left: 100%;
    }

    .col-xxs-push-11 {
        left: 91.66666667%;
    }

    .col-xxs-push-10 {
        left: 83.33333333%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-8 {
        left: 66.66666667%;
    }

    .col-xxs-push-7 {
        left: 58.33333333%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-5 {
        left: 41.66666667%;
    }

    .col-xxs-push-4 {
        left: 33.33333333%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xxs-push-2 {
        left: 16.66666667%;
    }

    .col-xxs-push-1 {
        left: 8.33333333%;
    }

    .col-xxs-push-0 {
        left: auto;
    }

    .col-xxs-offset-12 {
        margin-left: 100%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xxs-offset-0 {
        margin-left: 0;
    }
}
/* [+] hidden-xxs */

@media (max-width: 479px) {
    .hidden-xxs {
        display: none !important;
    }
}
/* [+] visible-xxs and visible-xxs- */

.visible-xxs {
    display: none !important;
}

.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block {
    display: none !important;
}

@media (max-width: 479px) {
    .visible-xxs {
        display: block !important;
    }

    table.visible-xxs {
        display: table;
    }

    tr.visible-xxs {
        display: table-row !important;
    }

    th.visible-xxs,
    td.visible-xxs {
        display: table-cell !important;
    }

    .visible-xxs-block {
        display: block !important;
    }

    .visible-xxs-inline {
        display: inline !important;
    }

    .visible-xxs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) {
    .ancho750 {
        width: 750px;
        margin-right: auto;
        margin-left: auto;
    }
}

.single-blog {
    padding: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.06);
}

.single-blog h2 {
    color: #791b1c;
}

.descripcion {
    padding: 20px;
}

#our-team .socials i {
    border-style: none !important;
}

.member-left:hover,
.member-right:hover,
.member-left:active,
.member-right:active {
    color: #f29400;
}

.btnNaranja {
    border-color: #fff;
    background-color: #f29400;
    margin-top: 20px;
    color: #fff;
}

.btnNaranja:hover,
.btnNaranja:focus,
.btnNaranja:active {
    border-color: #f29400;
    background-color: #fff;
    color: #f29400;
}

.btnNaranja2 {
    border-color: #fff;
    background-color: #f29400;
    margin-top: 20px;
    color: #fff;
}

.btnNaranja2:hover,
.btnNaranja2:active,
.btnNaranja2:focus {
    background-color: #791b1c;
    color: #fff !important;
}

#about-us .btnGris {
    border-color: #666666;
    background-color: transparent;
    color: #666666;
}

#about-us .btnGris:hover,
#about-us .btnGris:active,
#about-us .btnGris.active,
.btn-primary.active {
    border-color: #f29400;
    background-color: #f29400;
    color: #fff;
}

.granate {
    color: #791b1c;
}

#blog .btnGranateProductos {
    border-color: #791b1c;
    background-color: #791b1c;
    color: #fff;
    margin-right: 5px;
    margin-bottom: 10px;
}

#blog .btnGranateProductos:hover {
    border-color: #791b1c;
    background-color: #fff;
    color: #791b1c;
}

@media (min-width: 584px) {
    #blog .btnGranateProductos {
        margin-bottom: 0;
    }
}

/*Imagen blog*/
#clients-carousel .carousel-inner img {
    width: 100%;
}

@media (min-width: 768px) {
    #clients-carousel .carousel-inner .contenedorImg {
        height: 153px;
        width: 110px;
        float: left;
        border-right: 5px solid #791b1c;
        padding-right: 10px;
    }
}

@media (min-width: 992px) {
    #clients-carousel .carousel-inner .contenedorImg {
        width: 200px;
    }
}

#clients h2 {
    color: #666666;
}

.home-pattern {
    background-image: none;
}

#about {
    padding: 0;
}

body section {
    padding: 10px 0;
    position: relative;
}

body section a[name] {
    position: absolute;
    top: -94px;
}

.dropdown-menu > ul {
    background-color: #e6e4e3;
}

#navigation .navbar-toggle {
    background-color: #791b1c;
    border-color: #791b1c;
}

.fa-degradada {
    background: -webkit-gradient(linear, left top, left bottom, from(#fdc400), to(#e2001a));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-degradada:hover {
    background: #791b1c;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.separadorApartado {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-90deg, #e2001a, #fdc400); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-90deg, #e2001a, #fdc400); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-90deg, #e2001a, #fdc400); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-90deg, #e2001a, #fdc400); /* Standard syntax */
    height: 2px;
    width: 100%;
}

.single-service:hover i {
    color: #f29400;
}

#about-us,
.works {
    padding: 10px 0 0 0;
}

#works h3 {
    margin: 0;
}

@media (min-width: 480px) {
    #about-us,
    .works {
        padding: 10px 0 0 0;
    }
}

@media (min-width: 992px) {
    #about-us,
    .works {
        padding: 20px 0 25px 0;
    }
}

@media (min-width: 1000px) {
    #about-us,
    .works {
        padding: 5px 0 25px 0;
    }

    .pddWorks {
        padding-bottom: 0;
    }
}

#about-us h4 {
    margin-bottom: 5px;
    margin-top: 20px;
    color: #f29400;
    font-family: "SkarpaLt";
    font-weight: bold;
    text-transform: none;
}

#about-us p {
    color: #666;
}

.lista li {
    list-style-image: url(../img/iconos/lista.png);
    font-weight: 300;
    font-size: 15px;
    margin-bottom: 10px;
    list-style-position: inside;
}

@media (min-width: 992px) {
    .listaVideo li {
        margin-bottom: 30px;
    }
}

.btnAreas a,
.btnAreas a:active,
.btnAreas a:focus {
    color: #333;
    text-decoration: none;
}

.btnAreas a:hover {
    color: #f29400;
}

figure .buttons {
    position: absolute;
    width: 250px;
    height: 45px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

@media (min-width: 480px) {
    figure .buttons {
        width: 135px;
        height: 85px;
    }
}

@media (min-width: 600px) {
    figure .buttons {
        width: 250px;
        height: 45px;
    }
}

/*******************************************************************************/
/***Herramienta margarita para medio ambiente***/
/*******************************************************************************/

.contenedorMargarita {
    position: relative;
    min-height: 400px;
}

.margarita {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 140px;
    height: 140px;
    margin-top: -70px;
    margin-left: -70px;
}

.margarita,
.margarita button,
#botonMargarita {
    font-family: "Oswald", sans-serif;
    font-weight: 300;
}

.margarita button,
#botonMargarita {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-image: url(../img/presentacion/medioAmbiente/medioAmbiente.png);
    border-radius: 50%;
    border: 0;
    color: white;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.1s;
}

.margarita button:hover,
#botonMargarita:hover {
    background-image: url(../img/presentacion/medioAmbiente/medioAmbienteHover.png);
}

.margarita button:focus,
#botonMargarita:focus {
    outline: none;
}

.margarita ul {
    position: absolute;
    list-style: none;
    padding: 0;
    margin: 0;
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
}

.margarita li {
    position: absolute;
    width: 0;
    height: 100%;
    margin: 0 50%;
    -webkit-transform: rotate(-360deg);
    transition: all 0.8s ease-in-out;
}

.margarita li input {
    display: none;
}

.margarita li a,
.margarita li input + label {
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 0;
    height: 0;
    line-height: 1px;
    margin-left: 0;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 1px;
    overflow: hidden;
    cursor: pointer;
    box-shadow: none;
    transition: all 0.8s ease-in-out, color 0.1s, background 0.1s;
}

.margarita li a:hover,
.margarita li input + label:hover {
    background: #f0f0f0;
}

.margarita li a,
.margarita li input:checked + label {
    background-color: transparent;
}

.margarita li a,
.margarita li input:checked + label:hover {
    background-color: transparent;
}

.margarita.open li a,
.margarita.open li input + label {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin-left: -40px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
    font-size: 14px;
}

.margarita li label {
    width: 80px;
    height: 80px;
    font-size: 14px;
    cursor: pointer;
}

.margarita .ahorroAgua {
    background-image: url(../img/presentacion/medioAmbiente/ahorroAgua.png);
}

.margarita .ahorroAgua:hover,
.margarita .ahorroAgua:active,
.margarita .ahorroAgua:focus,
.margarita li.active .ahorroAgua {
    background-image: url(../img/presentacion/medioAmbiente/ahorroAguahover.png);
}

.margarita .rutinas {
    background-image: url(../img/presentacion/medioAmbiente/rutinasSostenibles.png);
}

.margarita .rutinas:hover,
.margarita .rutinas:active,
.margarita .rutinas:focus,
.margarita li.active .rutinas {
    background-image: url(../img/presentacion/medioAmbiente/rutinasSostenibles2.png);
}

.margarita .residuos {
    background-image: url(../img/presentacion/medioAmbiente/residuos.png);
}

.margarita .residuos:hover,
.margarita .residuos:active,
.margarita .residuos:focus,
.margarita li.active .residuos {
    background-image: url(../img/presentacion/medioAmbiente/residuos2.png);
}

.margarita .procesos {
    background-image: url(../img/presentacion/medioAmbiente/procesoEficiente.png);
}

.margarita .procesos:hover,
.margarita .procesos:active,
.margarita .procesos:focus,
.margarita li.active .procesos {
    background-image: url(../img/presentacion/medioAmbiente/procesosEficientes2.png);
}

.margarita .compras {
    background-image: url(../img/presentacion/medioAmbiente/comprasResponsables.png);
}

.margarita .compras:hover,
.margarita .compras:active,
.margarita .compras:focus,
.margarita li.active .compras {
    background-image: url(../img/presentacion/medioAmbiente/comprasResponsables2.png);
}

.margarita .energía {
    background-image: url(../img/presentacion/medioAmbiente/energia.png);
}

.margarita .energía:hover,
.margarita .energía:active,
.margarita .energía:focus,
.margarita li.active .energía {
    background-image: url(../img/presentacion/medioAmbiente/gestion2.png);
}

.descripcion {
    padding: 20px;
}

.descripcion p {
    color: #fff;
    font-family: "Roboto-Bold";
}

.bgAmarillo {
    background-color: #fdc400;
}

.bgNaranja {
    background-color: #f29400;
}

.bgRojo {
    background-color: #e2001a;
}

.bgGranate {
    background-color: #791b1c;
}

#about-us .contenedorDescripcion h4 {
    text-transform: uppercase;
    font-weight: bold;
}

#about-us .contenedorDescripcion p {
    color: #fff;
}

#about-us .textoAmarillo {
    color: #fdc400;
}

#about-us .textoNaranja {
    color: #f29400;
}

#about-us .textoRojo {
    color: #e2001a;
}

#about-us .textoGranate {
    color: #791b1c;
}

.scroll a:active,
.scroll a:focus {
    color: #43484e !important;
}

/*----------------Quienes Somos------------------------*/
.timeline-body .btn-circulo {
    width: 35px;
    height: 35px;
    -moz-border-radius: 25%;
    -webkit-border-radius: 25%;
    border-radius: 505%;
    background-color: #fcfcfc;
    border: 1px solid #666;
}

.timeline-body .btn-circulo:hover,
.timeline-body .btn-circulo:focus,
.timeline-body .btn-circulo:active {
    background-color: #666;
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 25px;
    margin-right: -1.5px;
}

.timeline > li {
    margin-bottom: 20px;
    position: relative;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li > .timeline-panel {
    width: calc(100% - 75px);
    float: right;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    left: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-right: 15px solid #ccc;
    border-left: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    left: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-right: 14px solid #fff;
    border-left: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 0px;
    margin-right: -25px;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    font-weight: bold;
}

.timeline-body img {
    float: left;
    padding: 0 20px 20px 0;
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: left;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-right-width: 0;
    border-left-width: 15px;
    right: -15px;
    left: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    border-right-width: 0;
    border-left-width: 14px;
    right: -14px;
    left: auto;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

.timeline-body > p + p {
    margin-top: 5px;
}

.timeline-body {
    display: none;
}

.timeline li {
    cursor: pointer;
}

a {
    color: #f29400;
}

a:hover,
a:active {
    text-decoration: none;
    color: #fff;
}

.listaIndomotiq {
    list-style-image: url(../img/iconos/fleLista.png);
    margin-left: 20px;
}

.listaIndomotiq li {
    margin-bottom: 5px;
}

.timeline-body {
    font-size: 12px;
}

.timeline-title {
    font-size: 14px;
    cursor: pointer;
}

.abrir {
    display: block;
}

@media (min-width: 400px) {
    .timeline-body {
        font-size: 14px;
    }

    .timeline-title {
        font-size: 16px;
    }
}

.timeline-body .panel-heading {
    background-color: #dfedf4;
    font-weight: bold;
}

.timeline-body .panel-body {
    background-color: #fff;
    border: 1px solid #dfedf4;
}
/*-------------------------------------*/
#portfolio {
    background-color: transparent;
    padding: 0;
}

#portfolio .portfolio-filter .btn-default {
    border-radius: 4px;
    border: 1px solid #666;
    color: #666 !important;
    margin-bottom: 5px;
}

#portfolio .portfolio-filter .btn-default:hover,
#portfolio .portfolio-filter .btn-default:active,
#portfolio .portfolio-filter .active {
    border-radius: 4px;
    background-color: #f29400;
    border: 1px solid #f29400;
    color: #fff !important;
}

#portfolio .portfolio-filter {
    margin-bottom: 0;
}

/*******************************************************************************/
/***Cajas Dinámicas de Contenido***/
/*******************************************************************************/
.cajaElementos {
    margin: 10px 0 1em 0;
    padding: 10px 20px 10px 20px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.06);
}

.cajaElementos .text-justify ol,
.cajaElementos .text-justify ul {
    text-align: justify;
    font-weight: 300;
}

.cajaElementos hr {
    border-bottom: dotted 1px #b2c8e5;
    margin-top: 10px;
    margin-bottom: 5px;
    clear: both;
}

.cajaElementos img:hover {
    color: #8fc132 !important;
}

.simulateParagraphStyle,
.cajaElementos p {
    font-size: 14px;
    margin-bottom: 4px;
    color: #000;
}

.cajaElementos a {
    color: #444444;
}

.cajaElementos a:hover,
.cajaElementos a:focus {
    color: #8fc132;
}

.cajaElementos.cajaResultados a {
    color: #aa5fa2;
}

.cajaElementos.cajaResultados a:hover {
    color: #8ebe14;
}

.resultadoBusqueda,
.fechaResultado {
    color: #9f9eba;
}

.cajaElementos strong {
    color: #444;
}

#about-us .cajaElementos h3 {
    font-size: 22px;
    color: #791b1c;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
}

#about-us .estiloSubtitulo,
#about-us .cajaElementos h4 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
    font-family: "Roboto-Thin";
}

#about-us .cajaElementos h5 {
    margin: 0;
}

#about-us .fechaCajaElementos {
    font-size: 12px;
}

.cajaElementos ul,
.cajaElementos ol {
    overflow: auto;
}

.miniaturaPortada {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 120px;
    height: auto;
    float: left;
    margin: 5px 10px 10px 0;
}

.juntDirectiva .miniaturaPortada {
    margin-top: 0;
}

.portadaListado {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 170px;
    height: auto;
    float: left;
    margin: 5px 15px 10px 0;
}

.portadaDetalle {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    width: 200px;
    height: auto;
    float: left;
    margin: 5px 15px 10px 0;
}

.barraPiecajaElementos {
    font-size: 0.8em;
    margin: 0;
    padding: 0;
    margin-top: 1em;
    clear: both;
    display: block;
}

.barraPiecajaElementos li {
    list-style: none;
    display: inline-block;
}

.barraPiecajaElementos li:last-child a {
    border: none !important;
}

.barraPiecajaElementos li a {
    display: inline-block;
    border-right: solid 1px #d9cfcf;
    margin-right: 0.5em;
    padding-right: 1em;
    margin-bottom: 1em;
    padding-left: 32px;
    height: 28px;
    line-height: 26px;
    min-width: 6em;
    color: #000000;
}

.barraPiecajaElementos li a:hover,
.barraPiecajaElementos li a:focus,
.barraPiecajaElementos li a:active {
    color: #f29400;
    text-decoration: none;
}

.elementoDetalles {
    background: url("../img/iconos/iconoDetalles.png") no-repeat 4px center;
}

.elementoPDF {
    background: url("../img/iconos/iconoPDF.png") no-repeat 4px center;
}

.elementoDOC {
    background: url("../img/iconos/iconoWord.png") no-repeat 4px center;
}

.elementoPPT {
    background: url("../img/iconos/iconoPPT.png") no-repeat 4px center;
}

.elementoXLS {
    background: url("../img/iconos/iconoXLS.png") no-repeat 4px center;
}

.elementoAudio {
    background: url("../img/iconos/iconoAudio.png") no-repeat 4px center;
}

.elementoEnlace {
    background: url("../img/iconos/iconoEnlace.png") no-repeat 4px center;
}

.elementoVideoEnlazado {
    background: url("../img/iconos/iconoVideo.png") no-repeat 4px center;
}

.elementoCorreo {
    background: url("../img/iconos/iconoCorreo.png") no-repeat 4px center;
}

.elementoInscripcion {
    background: url("../img/iconos/iconoFormInscripcion.png") no-repeat 4px center;
}

.aviso a {
    color: #f29400;
}

.aviso label {
    font-weight: normal;
}

.aviso a:hover,
.aviso a:active,
.aviso a:focus {
    color: #791b1c;
}

.textoAlerta {
    font-family: "muliregularitalic";
    font-size: 22px;
    text-align: center;
    margin-top: 20px;
}

.iconosagendaYHora {
    background-color: #f2f2f7;
    color: #000000;
    border-color: #cccccc;
}

.iconosagendaYHora:hover {
    border-color: #cccccc;
}

.redesSociales {
    float: left;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 5px;
}

.redesSociales .fa-facebook {
    padding-left: 4px;
}

.redesSociales .fa-twitter {
    padding-left: 3px;
}

.redesSociales .label {
    padding: 4px;
}

.bannerListadoApartado {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 4px;
}

/*------ Galería --------*/
.panelImagenesApartado {
    position: relative;
    margin: 1em 0;
    z-index: 10;
}

.swiper-pagination-bullet-active {
    background: #f29400 none repeat scroll 0 0 !important;
}

.container .swiper-container {
    margin-bottom: 50px;
}

.swiper-slide {
    position: relative;
    display: block;
    overflow: hidden;
}

.swiper-slide img {
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.swiper-slide .capaVerMas {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.3em 0.8em;
    z-index: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.swiper-slide:hover .capaVerMas {
    background: #f29400 url(../img/iconos/lupa.png) no-repeat center center;
    background-size: calc(100% / 3.5) auto;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.cajaElementos .swiper-button-next {
    background-image: url("../img/iconos/fleRight.png");
    float: right;
}

.cajaElementos .swiper-button-prev {
    background-image: url("../img/iconos/fleLeft.png");
    float: left;
}

.cajaElementos .swiper-button-next,
.cajaElementos .swiper-button-prev {
    position: absolute;
    bottom: auto;
    top: 50%;
    transform: translate(0%, -50%);
    margin: -14px 0 0 0;
}

.cajaElementos .swiper-container {
    z-index: 1040;
    margin: 0 50px;
}

.cajaElementos .swiper-pagination {
    display: block;
    position: static;
    text-align: center;
    margin-top: 12px;
}

.cajaElementos .swiper-pagination-bullet {
    margin: 0 3px;
}

/*------ Interna - Detalle --------*/
.autor img {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    width: 80px;
    height: auto;
    float: right;
    margin-left: 1em;
}

.label .label-danger {
    padding: 0.2em 0.6em 0.3em !important;
}

.paddh4 {
    padding-left: 0;
    padding-top: 3px;
}

/*******************************************************************************/
/***Etiquetas***/
/*******************************************************************************/

#portfolio .portfolio-filter .etiqueta {
    padding: 6px;
    font-size: small;
    border: 1px solid #666;
    border-radius: 4px;
    margin-bottom: 2px;
}

#portfolio .portfolio-filter .etiquetaSeleccionada {
    background-color: #f29400;
    color: #fff !important;
    border: 1px solid #f29400;
}

.detalleEtiquetas .btn-invertido {
    color: #f29400;
    padding: 5px 10px 5px 10px;
    text-transform: uppercase;
    cursor: default;
    margin: 0 5px 5px 0;
    font-size: small;
    border: 1px solid #f29400;
}

.detalleEtiquetas .btn-invertido:hover {
    color: #f29400;
}

.detalleEtiquetas .btn-invertido:active {
    border-color: #f29400;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/*******************************************************************************/
/***Paginación***/
/*******************************************************************************/
#paginacion {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}

#paginacion a {
    background: #f29400;
    padding: 6px 10px;
    margin-left: -1px;
    color: #ffffff;
    text-decoration: none;
}

#paginacionContenedor {
    margin: 2em auto;
}

#paginacion a:hover,
#paginacion a:active,
#paginacion a:focus #paginacion a.paginaActual {
    background: #791b1c;
    color: #fff;
}

@media only screen and (min-width: 875px) {
    .paginaAnterior:after {
        content: "Anterior";
    }

    .paginaSiguiente:after {
        content: "Siguiente";
    }
}

@media only screen and (max-width: 875px) {
    .paginaAnterior:after {
        content: "\25c0";
    }

    .paginaSiguiente:after {
        content: "\25b6";
    }
}

/*******************************************************************************/
/***Buscador***/
/*******************************************************************************/

.cajonBuscadorInterno {
    width: 102%;
    padding-right: 5px;
    float: left;
    position: relative;
    margin: 10px 0 10px 0;
}

.cajonBuscadorInterno .btn-primary {
    border-radius: 3px;
}

#about-us .cajonBuscadorInterno .lupita {
    height: 28px;
    position: absolute;
    right: 8px;
    top: 10px;
    margin-top: -7px;
    display: inline;
    padding: 0.4em 0.5em;
    background-color: #f29400;
    border: #f29400;
    color: #ffffff;
}

#about-us .cajonBuscadorInterno .lupita:hover {
    background-color: #791b1c;
    border: #791b1c;
    color: #ffffff;
}

@media (min-width: 555px) {
    .cajonBuscadorInterno {
        width: 101%;
    }
}

@media (min-width: 992px) {
    .cajonBuscadorInterno {
        width: 947px;
    }
}

@media (min-width: 1200px) {
    .cajonBuscadorInterno {
        width: 1147px;
    }
}

@media (min-width: 768px) {
    .cajonBuscadorInterno {
        margin: 20px 0 10px 0;
    }
}

/*******************************************************************************/
/***Errores***/
/*******************************************************************************/
.cajaError {
    margin: 10px 0 1em 0;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.06);
    margin-top: 130px;
}

.cajaError .tituloError {
    font-size: 35px;
    color: #f29400;
    font-family: "SkarpaLt";
    text-transform: uppercase;
}

@media (min-width: 500px) {
    .cajaError .tituloError {
        font-size: 50px;
    }
}

@media (min-width: 700px) {
    .cajaError .tituloError {
        font-size: 60px;
    }
}

#about-us .cajaError .textoError {
    font-size: 20px;
    margin-top: 20px;
    text-shadow: #f7edf5 0.1em 0.1em 0.2em;
    text-align: center;
    font-family: "Roboto-Bold";
}

#about-us .cajaError a.btn-primary {
    color: #686868;
}

#about-us .cajaError a:hover.btn-primary {
    color: #ffffff;
}

@media (min-width: 500px) {
    .cajaError .textoError {
        font-size: 19px;
    }
}

.centrarImagenError img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 40px;
}

/*******************************************************************************/
/***Sin resultados***/
/*******************************************************************************/
.cajaInfo {
    margin: 20px 0 1em 0;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.06);
}

.cajaInfo .titulo {
    font-size: 35px;
    color: #f29400;
    font-family: "SkarpaLt";
    text-transform: uppercase;
    text-align: center;
}

.cajaInfo img {
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

@media (min-width: 500px) {
    .cajaInfo .titulo {
        font-size: 50px;
    }
}

@media (min-width: 700px) {
    .cajaInfo .titulo {
        font-size: 60px;
    }
}

/*******************************************************************************/
/*** Aviso del ministerio de la página de inicio
/*******************************************************************************/

#avisoMinisterio img {
    width: 200px;
    margin-bottom: 1em;
}

#avisoMinisterio p,
#avisoMinisterio {
    font-size: 10px;
    line-height: 14px;
}

#avisoMinisterio .subrayado {
    text-decoration: underline;
}

@media (min-width: 650px) {
    #avisoMinisterio .contenido {
        margin-left: 220px;
    }

    #avisoMinisterio img {
        float: left;
    }
}

/*******************************************************************************/
/*** PopUp aviso de cambio de sede
/*******************************************************************************/

.modal-footer {
    text-align: center;
}

.modal-body {
    text-align: center;
    padding: 10px;
}

@media screen and (min-width: 768px) {
    .modal-dialog {
        width: 800px;
    }
}

/* FORMULARIOS
----------------------------------------------------------*/
textarea {
	resize: none;
}

	.input-group-addon-error, .dropdown-toggle-error, .panel-default-error, .fileInputError .file-caption, input[type=text].error, input[type=text].error:focus, input[type=password].error, input[type=password].error:focus, textarea.error, textarea.error:focus, select.error, select.error:focus, .TxDescripcion_DesignBox.error {
		border-color: #a94442;
	}

	input[type=text]:not(.error):focus, input[type=password]:not(.error):focus, textarea:not(.error):focus, select:not(.error):focus {
		border-color: #56B4EF;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);
		opacity: 0.8;
		outline: 0 none;
	}

	input[type=text].error:focus, input[type=password].error:focus, textarea.error:focus, select.error:focus {
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(221, 75, 57, 0.6);
		opacity: 0.8;
		outline: 0 none;
	}

.bootstrap-tagsinput input[type=text]:not(.error):focus {
	box-shadow: none;
}

input[type="file"]:focus, input[type="checkbox"]:focus, select:focus {
	box-shadow: none;
	outline: 1px dotted #666666;
}

.fileInputErrorMG .file-caption,
.input-group.error .file-caption,
input[type=text].error,
input[type=password].error,
textarea.error,
select.error,
.dropdown-toggle.error,
.dropdown-toggle-error,
#contenido .form-group .bootstrap-select .btn.dropdown-toggle.dropdown-toggle-error,
#contenido .input-group .bootstrap-select .btn.dropdown-toggle.dropdown-toggle-error,
#contenido .form-group .input-group-btn:last-child > .dropdown-toggle.dropdown-toggle-error {
	border-color: #aa0000;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(221, 75, 57, 0.6);
	color: #333333;
	outline: 0 none;
}

div.error, span.error {
	color: #cc0000;
	line-height: normal;
	font-size: 11px;
	font-weight: normal;
}

.input-group-addon-error {
	color: #a94442;
	background-color: #f2dede;
}

.panel-default-error .panel-heading {
	color: #a94442 !important;
	background-color: #f2dede !important;
}

	.panel-default-error .panel-heading > * {
		color: #a94442 !important;
	}

.account-wall .error span.error {
	margin-top: 5px;
	display: block;
}

.contenidoInternoLogin .contenedorError {
	overflow: auto;
}

.contenidoInternoLogin span.error {
	float: left;
	width: 100%;
}

.mRigthRadioBuzon .iradio_flat-aero {
	margin-right: 4px;
}

/* FIN Formularios */

/* Varios  */

.oculto {
	display: none;
}

.mleft5 {
	margin-left: 5px;
}

.mbottom5 {
margin-bottom: 5px;
}

.ocultaEnlacesTodosNinguno {
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.simulateParagraphStyle {
	margin-bottom: 4px;
	font-size: 0.9em;
}

.modal-body .simulateParagraphStyle {
	margin-bottom: 10px;
	font-size: 0.95em;
}

.cajaElementos .simulateParagraphStyle p {
	font-size: 0.95em;
}

.rblOpciones label {
	margin-left: 5px;
	margin-right: 20px;
	font-weight: bold;
}

.mBottom15 {
	margin-bottom: 15px;
}

input[type=text].error:focus,
input[type=password].error:focus,
textarea.error:focus,
select.error:focus {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(221, 75, 57, 0.6);
	opacity: 0.8;
	outline: 0 none;
}

.sinResultados {
	color: #9f9ea4;
	padding: 100px;
}

.novedadesagenda .sinResultados {
	margin-top: 30px;
	text-align: center;
}

.textoControlAviso span {
	margin-left: 10px;
}

.pleft1 {
	padding-left: 1px;
}

.requerido {
	font-weight: 700;
}

.aviso .requerido {
	font-weight: 400;
}

#main-carousel a[href="javascript:void(0);"] {
	cursor: default;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	display: none;
}

/* FIN Varios */


/*******************************************************************************/
/*** PAGINACIÓN ***/
/*******************************************************************************/
#paginacion a:hover,
#paginacion a.paginaActual {
	background: #791B1C;
	color: #fff;
}

@media only screen and (max-width : 875px) {
	.anteriorPagina:after {
		content: "...";
	}

	.siguientePagina:after {
		content: "...";
	}

	.primeraPagina:after {
		content: "\002758\25c0";
	}

	.ultimaPagina:after {
		content: "\25b6\002758";
	}
}

.cajaElementos .separadorApartado {
	margin: 0.5em 0;
}

.controlSeguridad {
	font-size: 18px;
    margin-bottom: 18px;
	margin-top: 18px;
    text-transform: uppercase;
    color: #791B1C;
    font-family: 'SkarpaLt';
    font-weight: bold;
    letter-spacing: 1px;
    text-align: left;
}

#clients {
	background-image: none;
}
