/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
	ColorBox example user style
	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxContent{background:#000; margin-top:20px;}
		#cboxLoadedContent{background:#000; padding:5px;}
                #cboxTitle{position:absolute; top:-20px; left:0; color:#bda170; text-shadow:0 1px 0 #000;}
                #cboxCurrent{position:absolute; top:-20px; right:0px; color:#bda170; text-shadow:0 1px 0 #000;}
                #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#bda170; text-shadow:0 1px 0 #000;}
                #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:bottom left;}
                #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
                #cboxNext.hover{background-position:bottom right;}
                #cboxLoadingOverlay{background:#000;}
		#cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
		#cboxClose.hover{background-position:bottom center;}
		
		.galeria { margin-bottom: 30px; float:left;  }
.galeria h2.title { line-height: 28px; color: #151515; text-transform: none; font-family: Helvetica, Arial, Sans-serif; border-bottom: 2px solid #ededed; padding-bottom: 10px; margin-bottom: 10px; font-weight: bold; height: 100%; text-align:center;}
.galeria h5.title { text-transform: none; font-size: 14px; font-weight: bold;} 
.galeria a { color: #505150; text-decoration: underline;  }
.galeria a:hover { text-decoration: none; }
.galeria p { margin-bottom: 15px; }
.galeria ul, .entry ol { list-style-position: inside; }
.galeria a.images { border: 1px solid #d5d5d5; display: block; margin-bottom: 5px; }
.galeria a.images img { display: block; }
.galeria .more { display: block; color: #00aeef; font-weight: bold; font-size: 13px; text-decoration: none; }
.galeria .more:hover { color: #151515; }
.galeria a:hover .hover {
	display: block;
	position: absolute;
	width:150px;
	height:105px;
	margin:0 0 0 25px;
	background: url(../images/galeria-hover.png);
}

ul.gallery { list-style: none outside none; width:1080px; position: relative; margin-right:0px; height: 100%; overflow: hidden;  }
ul.gallery li { float: left; display: inline;  width: 119px; height: 104px; border: 1px solid #c7c7c7; padding: 2px; margin-right:0px; margin-bottom: 10px; }
ul.gallery li img { display: block; width: 119px; height: 104px; }
ul.project-gallery { list-style: none outside none; position: relative; width: 980px; margin-right:0px; height: 100%; }
ul.project-gallery li { float: left; display: inline;  width:200px; padding: 2px; border:0px solid #c7c7c7; line-height: 20px; margin:0 30px 10px 20px; }
ul.project-gallery li img { height: 105px; width:150px;  }
ul.project-gallery li .details { padding-left: 5px; }
ul.project-gallery li h6 { font-size: 13px; font-weight: bold; color: #333; margin-bottom: 0; }
ul.project-gallery li .more { font-size: 11px; }

ul.project-gallery_ { list-style: none outside none; position: relative; width: 980px; margin-right:0px; height: 100%; }
ul.project-gallery_ li { float: left; display: inline;  margin:0 30px 28px 0px; width:203px; }
ul.project-gallery_ li img { height: 153px; display:compact; padding: 2px; border: 1px solid #c7c7c7; }
ul.project-gallery_ li .details { padding-left: 5px; }
ul.project-gallery_ li h6 { font-size: 13px; font-weight: bold; color: #333; margin-bottom: 0; }
ul.project-gallery_ li .more { font-size: 11px; }