@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

h1,h2,h3,h4,h5,h6{
    color:#c4c4c4;
    font-weight: 400;
    margin:0px;
}
h2{font-size:22px;}
h3{font-size:20px;}

ul,li{margin:0px;padding:0px;list-style: none;}

a,b,strong{color:#ffffff;text-decoration: none;}

a:focus, a:hover{color:#aaa;text-decoration: none;}
p{text-align:justify;}

/* -- circulos -- */
.wrapper-flex,.wrapper-flex-mobile{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;/* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-box;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;

    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.separa-40{height: 40px; clear: both}

.titular{
    border-bottom:solid 1px #666;
    padding-bottom:12px;
    margin-bottom:22px;
    text-transform: uppercase;
}

.pull-right{text-align:right;}
.pull-center{text-align:center;}

.separa{height:30px;clear:both;}
.form-control{background-color:#666;border:solid 1px #444;color:#fff;}
.imagen_contenido{ border:solid 24px #333232;}
.imagen_contenido.pull-left{margin-right:30px;}

.slideshow .imagen {position: relative}
.slideshow .letrero {
    position: absolute;
    bottom: 0px;
    background-color: rgba(1, 1, 1, 0.75);
    padding: 10px 20px;
    /*cambio*/
    right: 0;
}
.slideshow .letrero .triangulin {
    /*
    width: 0;
    height: 0;
    border-bottom: 45px solid rgba(1, 1, 1, 0.75);
    border-right: 35px solid transparent;
    position: absolute; 
    bottom: 0px; right: 0px; left: 100%;
    */
}

.slideshow .letrero .triangulin {
    width: 0;
    height: 0;
    border-bottom: 45px solid rgba(1, 1, 1, 0.75);
    border-left: 35px solid transparent;
    position: absolute; 
    bottom: 0px; right: 100%;
    
}


body{
    font-family: "Open Sans", Arial;
    background-color:#fff;
    font-size:18px;
    color:#c4c4c4;
    font-weight: 300;
    background-image:url(images/fondo.jpg);
}

header{margin-top:20px;}
header .fecha{font-size:14px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
.navbar-collapse{padding-left:0px;padding-right:0px;}
.navbar-brand{display:none;}
.navbar{border:none;margin-top:20px;background:none;min-height:10px;}


.navbar-default .navbar-nav>li>a{
    color:#fff;
    text-transform: uppercase;
    font-size:18px;
    font-weight:300;
    padding:0 30px;
    border-right:solid 1px #fff;
}

.navbar-default .navbar-nav>li:last-child>a{
    border-right:none;
    padding-right:15px;
}

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

.logo{
    text-indent:-99999px;
    height: 63px;
    background: url(images/logo.png);
    background-size:contain;
    background-position:center left;
    background-repeat:no-repeat;
    display: block;
}

#banner{border:solid 24px #333232;}

#banner .imagen{
    height:390px;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat; 
}

#banner_portada{border:solid 24px #333232;}

#banner_portada .imagen{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;     
}
#banner_portada .imagen:after {
    content: "";
    padding-top: 66.66%;
    display: block;
}

.container{position:relative;}


.lista_obras .imagen,.lista_productos .imagen,.imagen_galeria{
    border:solid 24px #333232;
    height:262px;
    background-size: fill;
    background-position: center center;
    background-repeat:no-repeat;
    margin-bottom:20px;
}
img.imagen {
    object-fit: fill;
    object-position: center;
    width: 100%;
}
/*.lista_productos h4{margin-top:10px;margin-bottom:20px;text-align:center;}*/
.lista_productos h4{
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    height: 45px;
}
.imagen_galeria{margin-bottom:30px;}
.subcategoria{
    margin-left:10px;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
}
.subcategoria li.active{
    background-color:#333;
}

footer{
    color:#c4c4c4;
    font-size:12px;
    padding:28px 0;
    margin-top:30px;
    line-height:20px;
}
footer a,b{color:#fff;}
footer a.otros_contenidos{margin-left:10px;border-left:solid 1px #fff;padding-left:10px;font-size:14px;}
footer .otros_contenidos:first-child{border:none;padding-left:0px;margin-left:0px;}
footer .responsive{
    height:53px;
}

small.aclaracion {font-size: 12px}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: transparent;
    border-color: #fff
}

.navbar-right .dropdown-menu {
    right: auto;
    left: 0;
    top: 30px;
    background-color: #333;
}

#swipebox-title {
    display: block!important;
    width: calc( 100% - 100px )!important;
    text-align: center!important;
    margin: 0 auto!important;
    line-height: normal!important;
    font-size: 18px;
    padding-top: 20px;
}

#swipebox-top-bar
{
    -webkit-transform: translate3d(0,50px,0)!important;
    transform: translate3d(0,50px,0)!important;
}



#swipebox-slider .slide {    padding-top: 30px;}
.dropdown-menu>li>a{
    color:  #c4c4c4;
}

#swipebox-overlay {
    background: rgba(13, 13, 13, 0.9)!important;
}
#swipebox-bottom-bar, #swipebox-top-bar {background-color: transparent!important}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {
    #swipebox-slider .slide .swipebox-inline-container, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide img {
        max-width: 65%!important;
        max-height: 65%!important;
    }
}

@media (max-width: 768px) {

    #swipebox-title {
        font-size: 12px;
    }

    .dropdown-menu>li>a{
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
    #banner .imagen{
        height:200px;
    }
    footer,footer p{text-align:center;}

    .nav>li {padding: 5px 0px;}
    .navbar-nav .open .dropdown-menu>li>a {
        color: #fff!important;
        padding: 5px 50px;
    }
    .navbar-default .navbar-nav>li>a{
        border: 0    
    }
}