/* Required */

.hidden {
    opacity: 0;
}

.visible {
    opacity: 1;
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding: 0px;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6em;
    line-height: 1.4px;
    color: #262626;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding: 0px;
    margin: auto;
}


a {
    color: #262626;
    text-decoration: underline;
}

    a:hover {
        color: #262626;
        text-decoration: underline;
    }



h1 {
    margin: 0px;
    padding: 0px;
    font-size: 50px;
    color:#353563;
}


h2 {
    margin: 0px;
    padding: 0px;
    font-size: 24px;
    color:#353563;
}

h3 {
    margin: 0px;
    padding: 0px;
    font-size: 0.9em;
    line-height: 1.2em;
    font-weight: 300;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    /*max-width: 280px;*/
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

/*LAYOUT*/

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.container {
    /*padding-right: 0px;
    padding-left: 0px;*/
    margin-right: auto;
    margin-left: auto;
    /*font-size: 18px;*/
    line-height: 26px;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}


/*CABECERA*/
.page-header {
    position: relative;
    text-align: left;
    padding: 0px;
    margin: 0px;
    min-height: 100px;
    border: none;
}

    .page-header .logo {
        text-align: left;
        /*border: 1px solid red;*/
        overflow: hidden;
    }

    .page-header h1 {
        font-size: 18px;
        color: #6c7467;
        /*border: 1px solid red;*/
        overflow: hidden;
        padding-left: 20px;
    }

    .page-header .img-responsive {
        padding-top:28px;
        display: block;
        max-width: 100%;
        height: auto;
    }



    .page-header .social-icons {
        position: absolute;
        right: 0px;
        top: 100px;
    }

        .page-header .social-icons img {
            opacity: 0.5;
        }

            .page-header .social-icons img:hover {
                opacity: 1;
            }

    .page-header .contacto {
        position: absolute;
        right: 20px;
        top: 0px;
        text-align: right;
        font-size: 20px;
        line-height: 24px;
    }

@media (max-width: 1000px) {
    .page-header .social-icons {
        display: none;
    }
}

.page-header .language {
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 16px;
}

.page-header .logo-video {
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: -125px;
}


/*MENU*/
.navbar {
    font-size: 16px;
    color: #000000;
    font-weight: 400;  
    margin-bottom: 0px;  
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
      border: none;
}

.navbar-header {

    background-color:#ffffff;
    padding-left: 0px;
    padding-right: 10px;
}

.navbar-brand {
      padding: 20px;
 }

.navbar-default {
   
    border: none;
    border-radius: 0px;
    margin: auto;
    background-color:#ffffff;    
   
}

    .navbar-default .navbar-brand {
        color: #000000;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: #999999;
        }

    .navbar-default .navbar-nav > li > a {
        color: #000000;
        margin-right: 10px;
        text-decoration:none;
    }

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu > li > a {
    }
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #999999;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #999999;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
    color: #999999;
}




.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-menu>li>a {
   text-decoration: none;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #000000;
}


/*HOME*/

.claim-top {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}

.claim-bottom {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}

    .claim-top h1, .claim-bottom h1 {
        font-size: 20px;
        margin: 0px;
        padding: 0px;
    }

.link-content {
    /*position: relative;*/
    margin: auto;
    margin-bottom: 60px;
    /*min-height: 340px;*/
    /*margin-bottom: 30px;*/
}

    .link-content img {
        padding: 2px;
        margin-bottom: 25px;
        background-color: #e6e6e6;
        opacity: 1;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
    }

        .link-content img:hover {
            opacity: 0.8;
        }


    .link-content a {
        font-size: 14px;
        color: #000000;
        text-decoration: none;
        float: left;
        padding-right: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .link-content a:hover {
            opacity: 0.8;
            background-color: rgba(0,0,0,.175);
        }


    .link-content .icon {
        /*position: absolute;
        bottom: 10px;
        left: 20px;
        opacity: 0.5;*/
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
    }

        .link-content .icon:hover {
            opacity: 1;
        }


/*DIRECTORIO*/
.directorio h2 {  
    padding-left:20px;
    padding-bottom:20px;
}

 .categoria{ 
     padding:20px;
    border:3px solid #cccccc;
    border-radius:10px;
    background-color:#f2f2f2;
}

 .comercio{ 
    text-decoration:none;
    padding:5px;
}

  .comercio a{ 
    text-decoration:none;
}


/*DIRECTORIO*/
.titulo-pagina {  
    padding-top:30px;
    padding-bottom:5px;
    border-bottom:1px dotted #262626;
    margin-bottom:40px;
}

/*BOTON*/
.boton {
    background-color:#353563;
}

    .boton:hover {
        background-color: #454580;
    }

.btn-enviar{
  padding-left: 10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:5px;
  border: 3px solid #cccccc;
  border-radius: 10px;
  background-color: #f2f2f2;
  text-decoration:none;
  color:#000000;
  font-size:22px;
}

.btn-enviar:hover{
  background-color: #ffffff;
  text-decoration:none;
}


/*BREADCRUMB*/

.breadcrumb {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 20px;
}

    .breadcrumb a {
        font-size: 0.8em;
    }

    .breadcrumb ul {
        margin: 0px;
        padding: 0px;
        display: inline;
    }

    .breadcrumb li {
        margin: 0px;
        padding: 0px;
        display: inline;
    }


/*TAGS*/

.tags {
    color: #999999;
    font-size: 0.8em;
    text-align: center;
    font-style: italic;
}


/*BANNERS*/

.banners {
    position:relative;
    min-height: 360px;
    padding:15px;
    border-radius:0px;
    -moz-box-shadow: 0px 0px 10px #A3FF0F; 
    -webkit-box-shadow: 0px 0px 10px #cccccc; 
    box-shadow: 0px 0px 10px #cccccc; 
    border:1px solid #cccccc;
}

.banners .thum {
        /*min-height: 233px;*/
        margin-bottom: 15px;
        border: 0px solid #d6d6d6;

        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        transition: filter .25s ease-in-out;
        -moz-transition: filter .25s ease-in-out;
        -webkit-transition: -webkit-filter .25s ease-in-out;
}

.banners .thum:hover {
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
           
        }

.banners .text {
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        text-decoration: none;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0px;
        padding-bottom: 15px;
    }

.banners a {
        color: #3c3c3c;
        text-decoration: none;
    }

.banners a:hover {
            color: #000000;
            text-decoration: none;
        }

.banners .fecha {
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin-left: -24px;

        text-transform: uppercase;
        font-size: 16px;
        font-weight: 700;
        color: #FFFFFF;
    }

.banners .icon {
        position: absolute;
        bottom: 0px;
        left: 50%;
        margin-left: -46px;
        opacity: 1;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
    }

.banners .icon:hover {
            opacity: 1;
        }






/*link-news*/

.link-news {
    min-width: 240px;
    min-height: 400px;
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #c8c8c9;
    margin-bottom: 30px;
    text-align: center;
}

    .link-news .thum {
        min-height: 233px;
        margin-bottom: 15px;
        border: 0px solid #d6d6d6;
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        transition: filter .25s ease-in-out;
        -moz-transition: filter .25s ease-in-out;
        -webkit-transition: -webkit-filter .25s ease-in-out;
    }

        .link-news .thum:hover {
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
        }

    .link-news .text {
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #3c3c3c;
        text-decoration: none;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0px;
        padding-bottom: 15px;
    }

    .link-news a {
        color: #3c3c3c;
        text-decoration: none;
    }

        .link-news a:hover {
            color: #000000;
            text-decoration: none;
        }


    .link-news .icon {
        position: absolute;
        bottom: 50px;
        left: 50%;
        margin-left: -20px;
        opacity: 0.3;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
    }

        .link-news .icon:hover {
            opacity: 1;
        }





/*LINK-PORTFOLIO*/

.link-portfolio {
    /*position: relative;
    margin: auto;*/
    min-width: 240px;
    min-height: 300px;
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #c8c8c9;
    margin-bottom: 30px;
    text-align: center;
}

    .link-portfolio .thum {
        margin-top: 15px;
        margin-bottom: 15px;
        border: 1px solid #d6d6d6;
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        transition: filter .25s ease-in-out;
        -moz-transition: filter .25s ease-in-out;
        -webkit-transition: -webkit-filter .25s ease-in-out;
    }

        .link-portfolio .thum:hover {
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
        }

    .link-portfolio .text {
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        color: #3c3c3c;
        text-decoration: none;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0px;
        padding-bottom: 15px;
    }

    .link-portfolio a {
        color: #3c3c3c;
        text-decoration: none;
    }

        .link-portfolio a:hover {
            color: #000000;
            text-decoration: none;
        }


    .link-portfolio .icon {
        position: absolute;
        bottom: 50px;
        left: 50%;
        margin-left: -20px;
        opacity: 0.3;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
    }

        .link-portfolio .icon:hover {
            opacity: 1;
        }


/*MAPA*/
        .mapa {
            width: 100%;
            height: 400px;
            border:1px solid #b3b3b3;
        }




/*LINK-VIDEO*/

.link-video {
    position: relative;
    left: 0px;
    max-width: 240px;
    min-height: 280px;
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #d9d9d9;
    margin-bottom: 25px;
    text-align: center;
    line-height: 18px;
}

    .link-video .thum-video {
        margin-top: 15px;
        max-width: 200px;
        margin-bottom: 10px;
    }

    .link-video .text {
        font-size: 14px;
        font-weight: 400;
        height: 50px;
        overflow: hidden;
    }

    .link-video .icon {
        position: absolute;
        bottom: 0px;
        right: 0px;
        opacity: 0.3;
    }

        .link-video .icon:hover {
            opacity: 1;
        }


/*HOME*/

.intro-home {
    text-align: left;
    padding: 40px;
    border: 1px solid #f2f2f2;
    background-color: #fafafa;
    border-radius: 20px;
}

.presupuesto {
    padding: 0px;
    text-align: center;
}

    .presupuesto a:hover {
        opacity: 0.8;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
    }


/* RESPONSIVE Imagen dentro de un cuerpo de texto */

.responsive1 {
    text-align: justify;
}

    .responsive1 img {
        float: right;
        max-width: 50%;
        height: auto;
        margin-left: 30px;
        margin-bottom: 30px;
        border: 1px solid #d6d6d6;
    }


@media (max-width: 1000px) {
    .responsive1 img {
        float: none;
        margin: auto;
        max-width: 100%;
        height: auto;
    }
}



/* RESPONSIVE Imagen dentro de un cuerpo de texto */

.responsive2 {
    text-align: justify;
}

    .responsive2 img {
        max-width: 50%;
        height: auto;
        margin-left: 30px;
        margin-bottom: 30px;
        border: 1px solid #d6d6d6;
    }


@media (max-width: 1000px) {
    .responsive2 img {
        float: none;
        margin: auto;
        max-width: 100%;
        height: auto;
    }
}






/*FOOTER*/

footer {
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    color: #262626;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #e5e5e5;
}

    footer a {
        color: #262626;
        text-decoration: none;
    }

        footer a:hover {
            color: #262626;
            text-decoration: none;
        }




/* VARIOS*/

/*.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 40px;
    padding-left: 40px;
}*/



/*
.col-md-4 {
  padding-right:10px;
  padding-left:10px;
}


.col-md-4:first-child {
  padding-right:10px;
  padding-left:0px;
}

.col-md-4:last-child {
  padding-right:0px;
  padding-left:10px;
}
    */


.img-responsive {
    display: inline;
}


/*CONTACTAR OK*/
.formulario {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
    width: 100%;
    height: 1200px;
    background-color: rgba(0,0,0,0.7);
    -webkit-animation: fade 0.5s ease-out;
    -moz-animation: fade 0.5s ease-out;
    animation: fade 0.5s ease-out;
}



.texto-form {
    position: relative;
    width: 500px;
    top: 100px;
    left: 50%;
    margin-left: -250px;
    padding: 30px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 0 10px #030303;
    box-shadow: 0px 0px 10px 0px #000000;
}

.documentlist {
    padding-bottom: 12px;
    padding-top: 12px;
    margin: 0px;
    border-radius: 0px;
    background-color: #f0f0f0;
}

    .documentlist a {
        text-decoration: none;
    }

.linklist {
    padding-bottom: 12px;
    padding-top: 12px;
    margin: 0px;
}

    .linklist a {
        text-decoration: none;
    }

.videolist {
    padding-top: 25px;
    margin: 0px;
}

.mapa {
    padding-bottom: 20px;
    padding-top: 20px;
    margin: 0px;
    background: none;
}

.gl-map {
    border: 3px solid #545352;
}

.navbar-toggle {
    background-color: white;
}

/*.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: white;
}*/

/*@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: white;
    }
}*/

.title-modulos {
    font-size: 20px;
    padding-left: 20px;
    background-color: #b9c09f;
    color: #ffffff;
    padding-top: 8px;
    padding-bottom: 8px;
}

/*.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 0px;
    padding-left: 20px;
    padding-right: 0px;
}*/

.btn-default {
    color:#FFFFFF;
    font-size: 18px;
    font-weight: 300;
    border-radius: 0px;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    border-color: #b9c09f;
    opacity: 1;
    text-transform: uppercase;
}

    .btn-default a:hover {
        text-decoration: none;
        opacity: 0.8;
        background-color: #b9c09f;
    }

.form-control {
    border-radius: 0px;
    font-size: 18px;
}

figure {
    background-color: #f0f0f0;
    padding: 10px;
    padding-left: 60px;
}



.circle {
    border-radius: 50%;
    background-color: #7f8574;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 15px;
}

.link1 {
    color: #000000;
    text-decoration: underline;
}


    .link1:hover {
        color: #6c7467;
        text-decoration: underline;
    }


.tip {
    font-size: 14px;
    padding: 40px;
    background-color: #fafafa;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 20px;
}

    .tip h2 {
        font-size: 22px;
        line-height: 30px;
        font-style: italic;
        margin: 0px;
        overflow: hidden;
        color: #000000;
        font-weight: 400;
    }


    .tip img {
        float: right;
        padding-left: 20px;
    }

.grey {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
    filter: Gray(); /* IE4-8 and 9 */
}


/*COMERCIOS*/
.comercio-datos-local {
padding:30px;
}




/*horario*/

.horario {
    position:relative;
    padding:15px;
    border-radius:0px;
    -moz-box-shadow: 0px 0px 10px #A3FF0F; 
    -webkit-box-shadow: 0px 0px 10px #cccccc; 
    box-shadow: 0px 0px 10px #cccccc; 
    border:1px solid #cccccc;
}

.horario .thum {
        /*min-height: 233px;*/
        margin-bottom: 15px;
        border: 0px solid #d6d6d6;

        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        transition: filter .25s ease-in-out;
        -moz-transition: filter .25s ease-in-out;
        -webkit-transition: -webkit-filter .25s ease-in-out;
}

.horario .thum:hover {
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
           
        }

.horario .text {
        font-size: 18px;
        font-weight: 700;
        line-height: 20px;
        text-decoration: none;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: center;
        min-height:50px;
        color:#353563;
    }

.horario a {
        color: #3c3c3c;
        text-decoration: none;
    }

.horario a:hover {
            color: #000000;
            text-decoration: none;
        }

.horario .fecha {
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin-left: -24px;

        text-transform: uppercase;
        font-size: 16px;
        font-weight: 700;
        color: #FFFFFF;
    }

.horario .icon {
        position: absolute;
        bottom: 0px;
        left: 50%;
        margin-left: -46px;
        opacity: 1;
        transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
    }

.horario .icon:hover {
            opacity: 1;
        }


.festivo{ 
     padding:5px;
    border:3px solid #cccccc;
    border-radius:10px;
    background-color:#f2f2f2;
    text-align:center;
}


.festivo .mes{ 
    border-radius:10px;
    background-color:#353563;
    color:#ffffff;
    text-align:center;
    font-size:16px;
    padding:5px;

}


.festivo .dia{
    font-size:40px; 
    font-weight:700; 
    color:#790003;
    padding:10px;
}

.festivo .dia-semana{

    font-weight:700;
    color:#353563;
}