/* _____________________________________________________________
	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(/wp-content/themes/votorantim/_img/flickr/bg-img-galeria.png) no-repeat;

}

.flickrGalleryAlbum h3 { color:#5B5B5B !important;
float:right;
font-family:arial !important;
font-size:0.75em !important;
font-weight:bold !important;
line-height: 1.1em !important;
width:120px; } 

.flickrGalleryAlbum img {
	float: left;
    margin-right : 10px;
    border : 2px solid #DCDCDC !important;
}
.flickrGalleryAlbum img:hover {
    border : 2px solid #F6F6F6 !important;
}

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

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

.flickrGalleryImageView {
    font-family : Arial,Sans-serif;
    font-size : 0.688em;
	padding-top: 1.8em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
    
}
.flickrGalleryImageView img {
	display: inline;
    margin : 0 auto;
}

div#content div.colun-left .flickrGalleryImageMenuImgCount p, div#content div.colun-left .flickrGalleryImageView p {
    padding:5px 0 0 0 !important;

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

}

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

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

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

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



.flickrGalleryImageMenuButtons {
    width : 615px;
    border-top : 1px solid #D5D5D5;
    padding : 5px 0;

}
.flickrGalleryImageMenuButtons a {
	padding: 3px;
	margin: 4px;
    font-size : 0.75em;
    border : none;
    float : none;
    position : static;
    
    background-color:#A6A6A6;
	color: #ffffff;
    display:inline-block;
    padding : 5px 10px;
}
.flickrGalleryImageMenuButtons a:hover {
    background : #E62738;
	border : none;
	color: #ffffff;
    text-decoration : none;
}

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


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

/* - - - - - - - - - - - - - - - - - - - - -
		Thumbnails images
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryImageThumbs {
	background: none;
	padding: 1em;
    width : 615px;
    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: 51px;
	overflow: hidden;
	padding: 5px;
}

/* - - - - - - - - - - - - - - - - - - - - -
		Loading Message Container
 - - - - - - - - - - - - - - - - - - - - - - */
.flickrGalleryLoading {
	text-align: center;
	vertical-align: middle;
	width: 500px;
	color: #5b5b5b;
	left: 92px;
	font-size: 1.2em;
	font-weight: 900;
	display: block;
    font-family : Arial,Sans-serif;
    font-weight : normal;
    position : absolute;
    background-color:#F6F6F6;
    padding : 5px 0;
    top:105px;
}

.flickrGalleryLoading img { border : none!important; }
