/* ==========================================================================
   Base
   ========================================================================== */

@font-face {
    font-family: "MyriadPro";
    src: url(../fonts/MyriadPro-Regular.otf);
}

html {
    height: 100%;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

    html, html a, html button {
        -webkit-font-smoothing: antialiased !important;
        -moz-font-smoothing: antialiased !important;
        -o-font-smoothing: antialiased !important;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
        transition: 0.2s ease;
        -moz-transition: 0.2s ease;
        -webkit-transition: 0.2s ease;
        -o-transition: 0.2s ease;
    }

body {
    font-family: "MyriadPro", 'Helvetica', 'Times New Roman', sans-serif;
    height: 100%;
}

p {
    font-size: 14px;
    color: #676360;
    line-height: 21px;
    margin: 0 0 0 0;
}

h1 {
    font-size: 30px;
    margin: 30px 0;
}

h2 {
    font-size: 26px;
    color: brown;
}

h3 {
    font-size: 18px;
    color: brown;
    line-height: 24px;
}

h4 {
    font-size: 16px;
    color: brown;
    line-height: 22px;
}

h5 {
    font-weight: bold;
    font-size: 14px;
}

a {
    color: brown;
}

    a:hover,
    a:visited,
    a:active {
        color: brown;
    }

section, footer {
    width: 100%;
    float: left;
}

/* ==========================================================================
   BOTONES
   ========================================================================== */

.btn-default,
.btn-default:visited,
.btn-default:active,
.btn-default:link {
    background: brown;
    color: white;
    border: none;
    padding: 5px 40px;
}

    .btn-default:hover {
        background: crimson;
        color: white;
    }


/* ==========================================================================
   ESTILOS GENERALES
   ========================================================================== */
.no-padding {
    padding: 0;

}

.no-padding-top {
    padding-top: 0;
}

.no-padding-bottom {
    padding-bottom: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.margin-top {
    margin-top: 10px;
}

.margin-bottom {
    margin-bottom: 10px;
}

.margin-left {
    margin-left: 10px;
}

.margin-right {
    margin-right: 10px;
}

.padding-top {
    padding-top: 15px;
}

.padding-bottom {
    padding-bottom: 15px;
}

.padding-left {
    padding-top: 15px;
}

.padding-right {
    padding-right: 15px;
}

.background-color-1 {
    background: #E5E1DE;
    color: #676360;
}

.background-color-2 {
    background: #EEEDEB;
    color: #676360;
}

.background-color-3 {
    background: brown;
    color: white;
}

.background-color-4 {
    background: brown;
}

.background-color-5 {
    background: white;
}

.text-color-1 p {
    color: #F2F0E9;
}

.text-color-2 p {
    color: #E7E4DE;
}

.text-color-3 p {
    color: #a99d8f;
}

.text-color-4 p {
    color: brown;
}

/* FORMULARIOS */
.form-control {
    border: none;
    margin: 0;
    box-shadow: none;
    border-radius: 3px;
    padding: 5px;
    height: auto;
    border: solid thin #F2F0E9;
    background: #F2F0E9 no-repeat 6px 6px;
}

    .form-control:focus {
        border: solid thin #C3C2BC;
        box-shadow: none;
        background: white no-repeat 6px 6px;
    }

/*header hr,*/
footer hr {
    border-top: solid 1px brown;
    margin: 10px 0;
}

.logo img {
    width: 100%;
}

.header-menu ul {
    padding: 0;
}

    .header-menu ul li {
        display: inline-block;
        padding-left: 5px;
    }

        .header-menu ul li a {
            color: brown;
        }

.header-menu .menu-list,
.header-menu .buscador {
    padding: 0;
}

.menu-list,.social p,.fecha p{
    font-size:12px;
}

    .header-menu .buscador input {
        width: 90%;
        display: inline-block;
        background-image: url(../img/icon-buscar.png);
        padding-left: 26px;
    }

.header-menu .fecha {
    padding-top: 10px;
}

.social img {
    width: 18px;
    height: 18px;
    margin-left: 2px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.banner,
.banner .foto {
    /*min-height: 445px;*/
	min-height: 370px;
    background-size: cover!important;
    /*width: 100%;*/
    /*height: auto;*/
    /*height:370px;*/
}

 .banner .foto-slide {
		box-sizing:border-box; width:100%; height:100vmin;
	
		max-height: 458px!important;    
        background-repeat: no-repeat!important;
        background-size: cover!important;
        -webkit-background-size: cover!important;
        -moz-background-size: cover!important;
        -o-background-size: cover!important;
        background-position:50% 50%!important;
        /*height:100%!important;*/
}

.contenido .pie-de-foto {
    padding-top: 410px;
    text-align: right;
}

.seccion {
    background: url(../img/white-border.png) repeat-y, url(../img/logo2.svg) no-repeat -5% 110% #eeebea;
    background-size: auto, 30%;
}

    .seccion .contenido {
        height: auto;
        min-height: 300px;
    }

    .seccion .frase {
        font-size: 21px;
        color: brown;
        font-style: italic;
    }

    .seccion .destacado {
        color: brown;
    }

    .seccion .label-contacto {
        padding-top: 8px;
    }

.foto1 {
    background: url(../img/01.png) no-repeat center;
}

.foto2 {
    background: url(../img/02.png) no-repeat center;
}

.foto3 {
    background: url(../img/03.png) no-repeat center;
}

.foto4 {
    background: url(../img/04.png) no-repeat center;
}

.foto5 {
    background: url(../img/05.png) no-repeat center;
}

.foto6 {
    background: url(../img/06.png) no-repeat center;
}

.foto7 {
    background: url(../img/07.png) no-repeat center;
}

.foto8 {
    background: url(../img/08.png) no-repeat center;
}

.foto9 {
    background: url(../img/09.png) no-repeat center;
}

.foto10 {
    background: url(../img/10.png) no-repeat center;
}

.menu-secundario ul {
    padding: 0;
}

    .menu-secundario ul li {
        list-style-type: none;
        padding: 5px 0;
    }

.menu-secundario a {
    color: brown;
}

footer h4 {
    margin-top: 0;
    font-weight: bold;
}

.footer-home p {
    font-size: 15px;
}

.footer-home strong {
    color: brown;
    font-weight: bold;
}

.footer-home span {
    margin-left: 10px;
    /*font-weight: bold;*/
}

#misaPie,#lecturaPie,#lecturaPie span,#misaPie span,.misaPie span,.lecturaPie span,.misaPie,.lecturaPie{color:#a99d8f!important;}

.footer-home-box {
    padding-bottom: 15px;
    padding-top:5px;
    /*padding-left:0px;*/

}

    .footer-home-box a {
        /*background: url(../img/logo2-black.svg) no-repeat -10% 0 brown;*/
        background-color:#EEEDEB;
        background-size: 50%;
        fill: #706259 !important;
        color:#706259 !important;
        font-size: 18px;
        padding-top:2%;
        height: 65px;
        word-spacing: 9999999px;
        font-weight:bold;
        width:100%;
        display: flex;           /* establish flex container */
        flex-direction: column;  /* make main axis vertical */
        justify-content: center; /* center items vertically, in this case */
        align-items: center; 
    }

     .footer-home-box a:visited {        
        fill: #706259 !important;
        color:#706259 !important;
        font-weight:bold;
    }

        .footer-home-box a:hover {
            text-decoration: none;
            /*background: url(../img/logo2-black.svg) no-repeat -10% 0 rgb(192, 54, 54);*/
            background-color:brown;
            background-size: 50%;
            color: white !important;
            /*font-size:20px*/
            word-spacing: 9999999px;
            font-weight:bold;
        }

/* ==========================================================================
   NAVBAR
   ========================================================================== */
.nav {
    /*padding-left: 15px;*/
    font-size:13px;
}

.navbar-toggle {
    border-radius: 0px;
    background: #a99d8f;
}

    .navbar-toggle:hover,
    .navbar-toggle:active {
        background: brown;
    }

    .navbar-toggle .icon-bar {
        background: #F2F0E9;
    }

.navbar-nav > li > a {
    padding: 8px 20px;
    color: #676360;
}

.navbar-nav .active a,
.navbar-nav .active a:active,
.navbar-nav .active a:visited {
    color: white;
    background: brown;
}

.navbar-nav .destacado a {
    color: white;
    font-weight: bold;
}

.navbar-nav .destacado img {
    width: 14px;
    height: 14px;
    margin-top: -3px;
    margin-right: 2px;
}

.navbar-nav > li > a:hover {
    color: white;
    background: brown;
}

/* ==========================================================================
   CONTACTO
   ========================================================================== */

.info-contacto {
    border-top: solid thin #ccc;
    padding: 15px 0;
    margin: 10px 0;
}

    .info-contacto img {
    }

    .info-contacto .contacto img {
        width: 14px;
        height: 14px;
        margin-right: 2px;
        margin-top: -2px;
    }

#map {
    width: 100%;
    height: 280px;
    float: left;
    margin: 20px 0 8px 0;
    border: solid thin #ccc;
    margin-bottom:50px;
    margin-top:120px;
}

/* ==========================================================================
   SLIDER HOME
   ========================================================================== */

#slider,
#slider .carousel-inner {
    /*height: 557px;*/
    margin: 0;
    height:100%!important;
}

    #slider .item {
        background: white;
        height:100%;
    }

    #slider .foto {
        background-size: cover;
        position: absolute;
        left: 0;
        width: 100%;
    }

    #slider .frase {
        padding: 0 10px 20px 0;
    }

        #slider .frase h2 {
            font-style: italic;
            margin: 10px 0 0 0;
        }

    #slider .carousel-control.left,
    #slider .carousel-control.right {
        background-image: none;
        /*height: 499px;
        margin-top: 58px;*/
    }

    .carousel{height:auto!important;}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
    content: normal;
}

.carousel-control {
    opacity: 0.8;
}


/* ==========================================================================
   LISTADO
   ========================================================================== */

.combo-filtro {
    width: 30%;
}

.block {
    height: auto;
    min-height: 200px;
    background: white;
    margin-top: 10px;
    padding: 0;
}

    .block h4 {
        font-size: 18px;
        line-height: 24px;
    }

.descarga {
    /*min-height: 100px;*/
    background: #FAFAFA;
}

.block .titular {
    border-bottom: solid thin #ccc;
    padding: 3px 0;
    margin-bottom: 10px;
}

.block .fecha {
    padding-top: 20px;
    text-align: right;
}

    .block .fecha img {
        opacity: 0.5;
        margin-top: -2px;
        margin-right: 5px;
    }

    .block .fecha span {
        font-size: 13px;
        color: #A9A9A9;
    }

.block .foto {
    padding: 15px 0;
}

.descarga .foto {
    padding: 0;
}

.block .foto img {
    width: 100%;
    border-radius: 3px;
}

.block .foto a,
.block .foto a:active,
.block .foto a:visited {
    outline: none;
}

.block .social {
    background: #F0F0F0;
    padding: 10px;
    float: right;
    color: #888;
    text-align: center;
}

.block .texto {
    min-height: 60px;
}

.descarga .texto {
    min-height: 15px;
}


.block .tag a {
    background: #F5F5F5;
    padding: 3px 5px;
    float: left;
    font-size: 13px;
    color: #888;
    margin-right: 5px;
    text-decoration: none;
}

    .block .tag a:hover {
        background: #EDEDED;
        text-decoration: none;
    }

.block hr {
    border-top-color: #E0E0E0;
    margin: 10px 0;
}

/* ==========================================================================
   NOVEDADES
   ========================================================================== */
    .SeparadorNovedad{
        border-top:dotted 2px brown!important;
    }

    .novedades div{
        /*padding-left:0!important;
        padding-right:5px!important;*/
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
        padding-left:3px!important;
        padding-right:0px!important;
    }
/* ==========================================================================
   DESCARGAS
   ========================================================================== */

.color-url {
    background: #b98e90;
}

.color-pdf {
    background: #8aa6b5;
}

.color-pic {
    background: #b4b98e;
}

/* CALENDARIO  */

.calendario {
    padding-left: 0px;
}

    .calendario .actual {
    }

    .calendario .box {
        margin-top: 20px;
        height: 250px;
        padding: 15px;
        background: #f5f5f5;
        border: solid thin #f5f5f5;
        border-radius: 3px;
    }

        .calendario .box img {
            float: right;
            opacity: 0.4;
            width: 18px;
            height: 18px;
        }

        .calendario .box h4 {
            margin: 0px;
            font-weight: normal;
            font-size: 16px;
            text-transform: uppercase;
        }

        .calendario .box hr {
            margin: 15px 0;
            border-top-color: #ccc;
        }

        .calendario .box strong {
            color: brown;
        }

    .calendario .anterior {
        background: #FAFAFA;
    }

        .calendario .anterior h4,
        .calendario .anterior strong,
        .calendario .anterior p {
            color: #ccc;
        }

        .calendario .anterior img {
            opacity: 0.2;
        }

    .calendario .actual {
        border: solid thin #D7ABAB;
        background-color: #FCFCFC;
    }

/* ==========================================================================
   PAGINACIÓN
   ========================================================================== */

.paginacion {
    padding: 30px 0 10px 0;
    text-align: center;
}

    .paginacion a {
        border: solid thin #ccc;
        padding: 8px 10px;
        background: #f5f5f5;
    }

        .paginacion a:hover {
            background: brown;
            color: white;
            text-decoration: none;
        }

    .paginacion span {
        border: solid thin #ccc;
        padding: 8px 10px;
        background: #f5f5f5;
    }

        .paginacion span:hover {
            background: brown;
            color: white;
            text-decoration: none;
        }

    .paginacion .active,
    .paginacion .active:link,
    .paginacion .active:active,
    .paginacion .active:visited,
    .paginacion .active:hover {
        border: solid thin #ccc;
        background: #FAFAFA;
        color: #ccc;
        text-decoration: none;
    }

/* ==========================================================================
   Hover Effect
   ========================================================================== */

.view {
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff url(../images/bgimg.jpg) no-repeat center center;
    width: 100%;
    height: 100%;
}

    .view .mask, .view .content {
        width: 100%;
        height: 300px;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .view img {
        position: relative;
        width: 100%;
    }

.view-first img {
    width: 100%;
}

.view-first .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background-color: rgba(194, 62, 62, 0.8);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    width: 100%;
    height: 100%;
}

    .view-first .mask .zoom img {
        width: 60px;
        height: 60px;
        top: 40%;
    }

.view-first:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

/* ==========================================================================
   ESTILOS UNICOS DE LA HOME
   ========================================================================== */

#nav-home,.contenido {
    margin-top: 25px;
    padding-right:0px;
}

.contenidoseccion{
    margin-top: 40px;
}

.menuseccion{
    /*height:60vh!important;*/
    pointer-events:none;
}

.content{
    padding-top:20px;
}

.div-hr-divisoria {
    position: relative;
    top: 20px;
    width: 100%;
    z-index: 100;
    border-top:solid 1px brown
}

.div-hr-divisoria-contenido{
    position: relative;
    top: 32px;
    width: 100%;
    z-index: 100;
    border-top:solid 1px brown;
    padding-bottom:15px;
}

.div-hr-divisoria hr {
        border-top: solid 1px brown;
        margin: 0;
    }
   
.div-hr-divisoria-contenido hr {
        border-top: solid 1px brown;
        margin: 0;
    }

.lineadivisoria {
    top: 20px;
    position: relative;
    border-top: solid 2px brown;
}

.error {
    color: red;
}

.required {
    color: brown;
}

.ok {
    color: green;
}

.paginacionActivo {
    border: solid thin #ccc;
    background: #FAFAFA;
    color: #ccc;
    text-decoration: none;
}

.frase {
    padding-top:25px;
    font-style:italic;
    font-weight:bold;
    fill:brown;
    color:brown;
}

.nav > li:first-child {
    margin-top:0px;
}

.titleBanner{height:370px;}

.blockmenu{padding-left:0px!important;}

.titleBannerDesign{position:absolute;bottom:0px;font-size:13px;right:2%;fill:#676360;color:#676360;font-family:"MyriadPro", 'Helvetica', 'Times New Roman', sans-serif;text-align:right;font-style:italic;}

.menu-secundario{padding-right: 18px!important;}

div.contenido-content ul {
    list-style: none;
    padding:0;
    margin:0;
}

div.contenido-content ul li { 
    padding-left: 1em; 
	padding-right: 1em;
    text-indent: -.7em;
}

div.contenido-content ul li:before {
    content: "• ";
    color: brown; 
}

#tituloPortadaContainer {
    padding-top:45px;
}

#txtTituloPortada {
    font-size: 22px;
}

.address {
    padding-top: 15px;
    
}

.address p {
    font-size: 12px;
    text-align: left;
}

ul.side-menu li:nth-child(even):not(:last-child) {
    background: #E5E1DE;
    color: #676360;
}

ul.side-menu li:nth-child(odd):not(:last-child) {
    background: #EEEDEB;
    color: #676360;
}

 .contacto-banner {       
        background-repeat: no-repeat!important;
        background-size: cover!important;
        -webkit-background-size: 100% auto!important;
        -moz-background-size: cover!important;
        -o-background-size: cover!important;
        min-height: 370px;
        height:100%!important;
}