/* #############################################################################################
######## GALERIA ############################################################################### */

.galeria2 { width: 100%; margin: 0 auto; max-width: 1920px; text-align: center; clear: both; float: left	}

.galeria { clear: both;
           display: flex;
           flex-flow: row wrap;
           float: left;
           margin: 0 auto;
           max-width: 1920px;
           text-align: center;
           width: 100%;
           justify-content: center;
        }

	   
.galeria .item { wwwidth: 100px; padding: 2px;margin: 5px; float: left;  

	 	   background-color: white;
   	   
	          -webkit-box-shadow: 0px 0px 1px #BBBBBB;
	          -moz-box-shadow: 0px 0px 1px #BBBBBB;	  
	  
		  -webkit-box-shadow: 0px 0px 1px 0px #888 ;
		  -moz-box-shadow: 0px 0px 1px 0px #414141; 
	  
	    	  box-shadow: 0px 0px 1px 0px #414141;  
		  transition: box-shadow 0.2s linear 0s, background-color 0.2s linear 0s;
	   
	  
}        

.galeria .item:hover { box-shadow: 0px 0px 10px 0px #414141;  
}

.galeria .onpage { height: 150px}
	   
.galeria img { wwwidth: 100px; height: 140px; padding: 0px; margin: 0px; transition: all 0.2s ease-in-out 0s;}


.galeria img.wide { height: auto !important;  width: 160px !important;   }
.galeria img.icon { height: auto !important;  width: auto !important;   }


.galeria .item a  { color: #800000; display: block; 	 }
.galeria .item a :hover img { box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);}
	   

.galeria h3 { font-size: 1.2em; margin:0; font-weight: bold; text-align: center; clear: both}
.galeria h4 { clear: both}


.galeria br { clear: both}
.galeria hr { color: transparent; border:none;  clear: both}


/* ######## GALERIA ###########################################################################
############################################################################################### */