<!-- Image Lightbox CSS -->
@import url( '_defaults.css' );

html {
/* killing 300ms touch delay in IE */
-ms-touch-action: manipulation;
touch-action: manipulation;
}

body {
font-family: 'Oswald', sans-serif!important;
color: #333;
background-color: #efefef;
}

header {
width:100%;
margin-top:65px;
height:80px;
margin-bottom:0;
}

header p{
font-size:25px;
text-transform: uppercase;
text-align:center;
color: #888;
font-weight:350;
padding-top:25px;
text-shadow: 1px 1px #000;
}

a {
text-decoration:none;
}
		
a:hover {
text-decoration:none !important;
}

.titulo {
font-size:20px;
text-transform: uppercase;
text-align:left;
color: #505050;
font-weight:350;
margin: 0px 20px 20px;
}

.is-hidden {
display: none;
}
/*		
#logo {
max-width: 1200px;
margin: 90px auto 20px;
float: none;
}
		
#logo img {
width: 250px;
padding-left: 10px;
}
*/
.row {
max-width: 1024px;
margin: 40px auto 20px !important;
/*background-color: yellow;*/
}

.row img {
margin: 0 auto;
border: 1px solid black;
    -webkit-filter: grayscale(80%); /* Chrome, Safari, Opera */
    filter: grayscale(80%);
}

.row a:hover img {
border: 1px solid black;
    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);

}

[class*="col-"] {
padding:0px;
}

.nombres {
color: #909090;
font-size: 1.2em;
font-weight: 500;
}

a:hover .nombres{
color:black;
}

.logo {
max-width: 280px;
margin-top:-90px;
}
 /************** Image Lightbox  **************/
 
#container {
max-width: 1200px;
text-align: center;
padding: 0em 1em;
margin: 130px auto 100px;
}

#container h1 {
font-size:25px;
text-transform: uppercase;
text-align:center;
color: #505050;
font-weight:350;
margin-top: 0px;
padding-bottom: 30px;
letter-spacing: 1px;
}
			
#container h1 span {
font-size: 20px;
line-height: 20px;
color: #aaa;
display: block;
}

#container h1 a:hover span,
#container h1 a:focus span { color: #333; }

#container h2 {
border-top: 1px solid #ddd;
padding-top: 30px;
margin-top: 30px;
margin-bottom: 10px;
}

#container h2 span {
color: #666;
}

#container h2[data-caption]:before {
font-size: 15px;
font-weight: 300;
color: #fff;
background-color: #c00;
display: inline-block;
content: attr( data-caption );
padding: 2px 5px;
margin-right: 10px;

-webkit-transform: rotate( -8deg );
-ms-transform: rotate( -8deg );
transform: rotate( -8deg );
}

#container ul {
padding: 0;
margin-top:50px;
}

#container li {
display: inline-block;
margin: 0px; 
padding: 5px;
}

#container li img /* borde de miniatura*/ {
/* max-width: 100%; */
/* height: 320px; */					
width: 100%;
height: auto;				 
border-color: #eee;
border: 1px solid rgba( 0, 0, 0, .9 ); /* 10 */
-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, .05 ); /* 5 */
box-shadow: 0 0 5px rgba( 0, 0, 0, .05 ); /* 5 */

-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
transition: box-shadow .3s ease, border-color .3s ease;
}


/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox {
cursor: pointer;
position: fixed;
z-index: 10000;

border: 1px solid rgba( 0, 0, 0, .9 ); /* 10 */

-ms-touch-action: none;
touch-action: none;

-webkit-box-shadow: 5px 5px 15px rgba( 0, 0, 0, .4 ); /* 50 */
box-shadow: 5px 5px 15px rgba( 0, 0, 0, .4); /* 50 */
}


/* ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div {
border-radius: 50%;
}

#imagelightbox-loading {
width: 2.5em; /* 40 */
height: 2.5em; /* 40 */
background-color: #444;
background-color: rgba( 0, 0, 0, .5 );
position: fixed;
z-index: 10003;
top: 50%;
left: 50%;
padding: 0.625em; /* 10 */
margin: -1.25em 0 0 -1.25em; /* 20 */

-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}

#imagelightbox-loading div {
width: 1.25em; /* 20 */
height: 1.25em; /* 20 */
background-color: #fff;

-webkit-animation: imagelightbox-loading .5s ease infinite;
animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading {
from { opacity: .5;	-webkit-transform: scale( .75 ); }
50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
}

@keyframes imagelightbox-loading {
from { opacity: .5;	transform: scale( .75 ); }
50%	 { opacity: 1;	transform: scale( 1 ); }
to	 { opacity: .5;	transform: scale( .75 ); }
}


/* OVERLAY */

#imagelightbox-overlay {
background-color: rgba( 255, 255, 255, .95 );
position: fixed;
z-index: 9998;
top: 0;
right: 0;
bottom: 0;
left: 0;
}


/* CAPTION */

#imagelightbox-caption {
font-size:14px;
font-family: 'Oswald', sans-serif;
font-weight: 300;
text-align: center;
color: #000;
background-color: rgba( 255, 255, 255, 0 );
position: fixed;
z-index: 10001;
left: 0;
right: 0;
bottom: 0;
padding: 10px; /* 10 */
letter-spacing: 1px;
}
		
.navbar-header .puerta img{
height:32px;
}
		
.down {
border-bottom: 1px solid #E0E0E0;
}
			
.break {
width:100%;
height:30px;
}
		
footer {
margin:0 auto;
max-width: 1200px;
border-top: 1px solid #ddd;
text-align: center;
padding: 10px;
}
	
footer p{
color: grey;
}
		
/***** responsive *****/


@media only screen and (max-width: 1200px) {
/* For desktops: */

.navbar-inverse .container {
width:100%;
}

ul {
margin:10px;
}

}

@media only screen and (max-width: 768px) {

#imagelightbox-caption {
display: none;
}

header {
margin-top:0px;
}

}

@media only screen and (max-width: 767px) {

.nombres-top {
margin-top: 50px;
}

}

@media only screen and (max-width: 600px) {
/* For mobile phones: */

.navbar-header p {
display: none;
}
		
.navbar-header .puerta img{
height:28px;
margin-top: 10px;
}
	
.navbar-header .alma img{
height:32px;
margin-top: 10px;
padding-left:0px;
}


}