@charset "utf-8";
/* CSS Document */

article, section, aside, hgroup, nav,  header, footer, figure, figcaption {display: block;}


/* BACK DEGRADEE
background:-moz-linear-gradient(100% 0% 270deg,#f7f7f7, #e8e8e8, #e8e8e8 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f7f7), to(#e8e8e8), color-stop(1,#e8e8e8)); */
/* SOMBRA  -moz-box-shadow: 2px 2px 5px #366596; -webkit-box-shadow: 2px 2px 5px #366596; box-shadow: 2px 2px 5px #366596; */
/* BORDE REDONDEADO border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; */
/* OPACIDAD opacity:.8; filter:alpha(opacity=80) */
/* PLACEHOLDER: input::-webkit-input-placeholder {color:#231F20;} input:-moz-placeholder {color:#231F20;} textarea::-webkit-input-placeholder {color:#231F20;} textarea:-moz-placeholder {color:#231F20;} */
/* TIPOS DE CAMPO: input.demos[type=text]*/

* {padding: 0; margin: 0; border: 0; text-decoration: none;}
object, embed, a {outline:0 }
ul{list-style:none;}

		/*** The essential CSS for the layout ***/
		html, body { margin: 0pt;}
		
body,td,th,p,div { color:#fff; font-family: 'Roboto', sans-serif;}
body { background:#000; }
h1, h2, h3, h4, h5 {font-family: 'Roboto', sans-serif;}
p { font-size:16px}
html {
  scroll-behavior: smooth;
}


#container a:hover, #container a:focus, #container a.active {  text-decoration:none}
.clear { clear:both}
.float-r { float:right}
.float-l { float:left}

#container { width:100%; margin:0 auto; overflow:hidden}
.wrap { max-width:1450px; padding:0 40px}
header { background:#000}
header .navbar-brand { float:none}
header .navbar-default { padding:10px 0 0; border:none; background:#000 !important}
#barra {position: relative; top: 10px; left: 40px;}

#destacados .pict { height:350px;}
#destacados .pict img{ height:100%;object-fit: cover;}
.galeria .pict { border-bottom: solid #000 8px; }
.pict {  overflow:hidden}
.pict img { width:100%}
.item { position:relative}
.item figure { position:absolute; bottom:0; background:rgba(0,0,0,.8); padding: 5px 10px 10px 5px; color:#fff; width:100%; text-align:center}
.item figure p { color:#E1DFDF}

#login-dp { padding:20px; width:250px; z-index: 999999}
#login-dp p { color:#000}
.dropdown-submenu {position: relative;}
.dropdown-submenu > a:after {content: ">";float: right;}
.dropdown-submenu > .dropdown-menu {top: 0; left: 100%; margin-top: 0px; margin-left: 0px;}
.dropdown-submenu:hover > .dropdown-menu {display: block;}

.masonry { 
  display: flex; 
  /*flex-direction: column; */
  flex-wrap: wrap;
  max-height: 800px;
  font-size: 0;  
}
.masonry .item {  
  width: 24.74%; padding:0.3% ;
  
} 
.masonry .item img { width:100%; transition: .8s opacity;}
.masonry .item img { opacity:0.6}
.masonry .item img:hover { width:100%; opacity:1}

/* fallback for earlier versions of Firefox */

#search input { background:none; border-bottom:1px solid #fff; border-top:none; border-left:none; border-right:none; border-radius:0; color:#fff }
#search .buscar { background:none; color:#fff;}

#modaldets .modal-dialog { background:#fff; color:#000}
#modaldets, #modaldets p { color:#000; text-align:center; margin:10px 0}
#modaldets .modal-title { color:#000}
a.descargar {}

@media (max-width: 600px) {

#destacados .pict { height:auto}
.masonry { display:block}
.masonry .item { width:100%}
.dropdown-submenu:hover>.dropdown-menu {display: inherit}
.navbar-nav .open .dropdown-menu > li > a { color:#ccc !important}

#barra {display: block;
width: 100%;
left: 0;}
#barra .navbar-nav {display: none}
#barra #search {position: relative}
#barra #search .buscar {position: absolute; top: 20px; right: 0px;}
    
}



.gutter-40.row {
  margin-right: -20px;
  margin-left: -20px;
}
.gutter-40 > [class^="col-"], .gutter-40 > [class^=" col-"] {
  padding-right: 20px;
  padding-left: 20px;
}