/* _____________________________________________________________
	As with most projects on the web, the beatifying of the
	webpage is done through the Cascading Style Sheets (CSS). 
	Below is the one used in the demos contained in this webpage.
   _____________________________________________________________ */
   
/* - - - - - - - - - - - - - - - - - - - - -
		Gallery Container
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryCntr {
	/*position: relative;*/

}
.flickrGalleryCntr img {
	border:0pt none;
}

/* - - - - - - - - - - - - - - - - - - - - -
		album containers
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryAlbum {
	width: 216px;
	height: 82px;
	float: left;
	padding: 11px;
	margin: 5px;
    background : url(/_img/noticias/bg-img-galeria.png) no-repeat;

}

.flickrGalleryAlbum h3 { font-size : 0.9em; font-weight : bold; line-height : 1.1em; } 

.flickrGalleryAlbum img {
	float: left;
	padding: 1px;
    margin-right : 10px;
    border : 2px solid #cd0000;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Images Container
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImages {
	border : 8px solid #b60808;
    text-align : center;
    padding:40px 34px 34px;
    background : #cd0000;
    height : auto;
    position : relative;
}

.flickrGalleryImages a.slideshow { background : url(/_img/noticias/ico-slide-show.gif) no-repeat right; padding-right : 22px; position : absolute; top : 10px; right : 35px; }

.flickrGalleryImageView {
	padding-top: 1em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.flickrGalleryImageView img {
	display: inline;
    border : 4px  solid #B60808;
    margin : 0 auto;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Image Navigation buttons
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImageMenu {
	width: inherit;
	/*position: inherit;*/
	left: 0em;
    top : 30px;
    left : 40px;

}

.flickrGalleryImageMenu a {
	color: #ffffff;
    overflow:hidden;
    float:left;
}

.flickrGalleryImageMenu a img{
    overflow:hidden;
    float:left
}

.flickrGalleryImageMenu a:hover{
    border:5px solid #B60808;
}

.flickrGalleryImageMenu a:hover img{
    margin:-5px -25px -25px -5px;
}



.flickrGalleryImageMenuButtons {
	color: #a10000;
    width : 665px;

}
.flickrGalleryImageMenuButtons a {
	padding: 3px;
	margin: 4px;
    font-size : 1em;
    border : none;
    float : none;
}
.flickrGalleryImageMenuButtons a:hover {
    background : #b60808;
	border : none;
	color: #ffffff;
    text-decoration : none;
}

.flickrGalleryImageMenuButtonsPrev,
.flickrGalleryImageMenuButtonsNext { font-weight : bold; }


.flickrGalleryImageMenuImgCount p { color : #490202; font-size : 1em;}

/* - - - - - - - - - - - - - - - - - - - - -
		Thumbnails images
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImageThumbs {
	background: #cd0000;
	padding: 1em;
    width : 660px;
    margin-left : -16px;
}
.flickrGalleryImageThumbs ul {
	list-style: none;
}

.flickrGalleryImageThumbs li {
	float: left;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	display: block;
	height: 50px;
	width: 50px;
	overflow: hidden;
	padding: 5px;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Loading Message Container
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryLoading {
	text-align: center;
	vertical-align: middle;
	width: 400px;
	height: 100px;
	color: #ffffff;
	margin: 18% auto 18%;
	font-size: 1.2em;
	font-weight: 900;
	display: block;
    font-size : 0.75em;
    font-weight : normal;
}

.flickrGalleryLoading img { border : none!important; }