/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
    height: auto;
}
div.navbar-brand {
	background-image: url("../img/LogoAlbumsFotos.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 260px;
	height: 90px;
}


.principal {
	padding-top: 30px;
    padding-bottom: 25px;
    margin-right: auto;
    margin-left: auto;
}

.list-group{
	
}

a.list-group-item {
    height:auto;
   
	padding: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow:hidden; 
}

a.list-group-item.active {
    height:auto;
/*    min-height:180px;*/
	padding: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow:hidden; 
}


a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    z-index: 2;
    color: #555;
    border-color: 1px solid #555;
	padding-top: 10px;
	padding-bottom: 10px;
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #555;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    text-shadow: 0 -1px 0 #efefef;
    background-image: -webkit-linear-gradient(top,beige 0,beige 50%);
    background-image: -o-linear-gradient(top,beige 0,beige 50%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(beige),to(beige));
    background-image: linear-gradient(to bottom,beige 0,beige 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='beige', endColorstr='beige', GradientType=0);
    background-repeat: repeat-x;
	border-color: #ddd;
}

.fecha {
    margin:20px auto 1px;
	font-weight: 600;
	font-size: 80%;
}

.col-xs-6#colpublicidad .img-responsive {
	max-width: 300px;
}

/*
.media.col-xs-5 {
    clear: both;
    width: 100%;
}
.media.col-xs-7 {
    width: 100%;
}
*/

.gallery .img-rounded{
	width: 98%;
	margin-bottom: 20px;
}


@media (max-width: 767px) {	
	#pub .img-responsive {
	max-width: 50%;
	min-width: 250px;
}
}



@media (max-width: 1920px) {	
	ul#pub.list-unstyled li {
	display:inline-block;
	margin-bottom: 14px;
	
}
}

@media (max-width: 460px) {	
	.media.col-xs-5 {
	clear: both;
	width: 98.33333333%;
}
	.col-xs-7 {
    width: 98.33333333%;
}
}


/*Galería*/
@media (max-width: 667px) {	
	ul#pub.list-unstyled li {
	display:inline-block;
	float: left;
	
}
	ul#pub.list-unstyled li .img-responsive {
	width: 98%;
}
	
	#colfotos.col-xs-6 {
	width: 48%;
	}
}


@media (max-width: 540px) {	
	ul#pub.list-unstyled li {
	display:inline-block;
	
}
	ul#pub.list-unstyled li .img-responsive {
	max-width: 300px;
	min-width: 200px;
}
	#colpublicidad {
	clear: both;
	width: 100%;
}
	#colfotos.col-xs-6 {
	width: 100%;
	}
}

@media only screen and (min-width: 540px) and (max-width: 767px) {
	#colfotos {
	width: 48%;
}
	.media.col-xs-5 {
	clear: both;
	width: 98.33333333%;
}
	.col-xs-7 {
    width: 100%;
}
}
#bajada {
	font-size:18px;
	color: #666;
}

#titulogaleria {
	color:#333;
	font-weight:700;
}

.spanfecha {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    position: relative;
    top: -16px;
}
label.error 
{
	font-weight:normal;
	color:#ff0000;
}

h1#titulogaleria 
{
	margin-top:0px;
}