@charset "utf-8";
/* CSS Document */

a:link {
	color:#666;	
}


html {
		
	 background: url(../IMG/FondoComplejo.jpg) no-repeat center center fixed; 
  	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
}



.galeria1 {
	width:90%;
	height:auto;
	margin:auto;
		
}


.Gal1titulo {
	width:100%;
	margin:auto;
	padding-top:10px;
}

.Gal1titulo h1 {
	font-size:400%;
	font-family: "Kreon", Georgia, "Times New Roman", Times, serif;
	margin:1% 0% 5px 0%;
	color:#fff;
	text-align:center;
	font-weight:400;
	/*text-shadow:#333 2px 0px;*/
		
}

.galeria1 ul {
	max-width:1200px;
	height:auto;
	margin:auto;
}

.linea {
	max-width:97%;
	height:2px;
	margin-bottom:15px;
	background-color: rgba(255, 255, 255, 0.5);
}

.galeria1 ul li {
	
	display:inline-block;
	padding:0px;
	margin:0px 1.3% 1.3% 0px; 
	width: 23%;
    padding-bottom: 23%;
    height: 0;
	
	border-bottom-right-radius:40px;
	-moz-border-bottom-right-radius:40px;
	-webkit-border-bottom-right-radius:40px;
	-o-border-bottom-right-radius:40px;
	
	border-top-left-radius:40px;
	-moz-border-top-left-radius:40px;
	-webkit-border-top-left-radius:40px;
	-o-border-top-left-radius:40px;
	vertical-align:middle;
}



.galeria1 li img {
	/*width:100% !important; 
	height:100% !important;*/
	width:100%;
	height:auto;
	
	opacity:0.6;
	-moz-opacity:0.6;
	-webkit-opacity:0.6;
	-o-opacity:0.6;
	
	opacity: .6; /* other browsers  and IE9+ */
	filter: alpha(opacity=60); /* IE6+ */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE6+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; /* this works in IE8 only */
	
	border-bottom-right-radius:40px;
	-moz-border-bottom-right-radius:40px;
	-webkit-border-bottom-right-radius:40px;
	-o-border-bottom-right-radius:40px;
	
	border-top-left-radius:40px;
	-moz-border-top-left-radius:40px;
	-webkit-border-top-left-radius:40px;
	-o-border-top-left-radius:40px;
	
		/*Efecto fundido*/
	transition-property:opacity;	
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-o-transition-property:opacity;
	
	transition-duration: 0.3s; 
	-moz-transition-duration: 0.3s; 
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;  
	
	transition-timing-function: linear, ease-in-out;
	-webkit-transition-timing-function: linear, ease-in-out;
	-moz-transition-timing-function: linear, ease-in-out;
	-o-transition-timing-function: linear, ease-in-out;
}

.galeria1 ul li img:hover {
	opacity:1;
	-moz-opacity:1;
	-webkit-opacity:1;
	-o-opacity:1;	
}

.botones {
	width:97%;
	height:25px;
	color:#333;
	
	font-size:85%;
	font-family:"Montserrat", Verdana, Geneva, sans-serif;
	margin:-5px 0% 1px 0%;
}

.izquierda a {
	width:49.2%;
	height:auto;
	display:block;
	float:left;
	padding: 2px 2px;
	color:#333;
	background-color:rgba(255, 255, 255, 0.8);
	text-align:center;
	
		/*Efecto fundido*/
	transition-property:color, background;	
	-webkit-transition-property:color, background;
	-moz-transition-property:color, background;
	-o-transition-property:color, background;
	
	transition-duration: 0.3s; 
	-moz-transition-duration: 0.3s; 
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;  
	
	transition-timing-function: linear, ease-in-out;
	-webkit-transition-timing-function: linear, ease-in-out;
	-moz-transition-timing-function: linear, ease-in-out;
	-o-transition-timing-function: linear, ease-in-out;
}

.izquierda a:hover,
.derecha a:hover {
	background-color:#111;
	color:#FFF;	
}

.derecha a {
	width:49.2%;
	height:auto;
	display:block;
	float:right;
	padding: 2px 2px;
	color:#333;	
	background-color:rgba(255, 255, 255, 0.8);
	text-align:center;
	
		/*Efecto fundido*/
	transition-property:color, background;	
	-webkit-transition-property:color, background;
	-moz-transition-property:color, background;
	-o-transition-property:color, background;
	
	transition-duration: 0.3s; 
	-moz-transition-duration: 0.3s; 
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;  
	
	transition-timing-function: linear, ease-in-out;
	-webkit-transition-timing-function: linear, ease-in-out;
	-moz-transition-timing-function: linear, ease-in-out;
	-o-transition-timing-function: linear, ease-in-out;
}

.volver {
	font-size:80%;
	font-family:"Montserrat", Verdana, Geneva, sans-serif;
	margin:0% 0% 5% 0%;
	text-align:center;
	

}

.volver a {
	width:96.5%;
	height:auto;
	display:block;
	padding: 3px 3px;
	color:#333;
	
	background-color:rgba(255, 255, 255, 0.8);
	
	border-bottom-right-radius:40px;
	-moz-border-bottom-right-radius:40px;
	-webkit-border-bottom-right-radius:40px;
	-o-border-bottom-right-radius:40px;
	
	border-bottom-left-radius:40px;
	-moz-border-bottom-left-radius:40px;
	-webkit-border-bottom-left-radius:40px;
	-o-border-bottom-left-radius:40px;
	
	/*Efecto fundido*/
	transition-property:color, background;	
	-webkit-transition-property:color, background;
	-moz-transition-property:color, background;
	-o-transition-property:color, background;
	
	transition-duration: 0.3s; 
	-moz-transition-duration: 0.3s; 
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;  
	
	transition-timing-function: linear, ease-in-out;
	-webkit-transition-timing-function: linear, ease-in-out;
	-moz-transition-timing-function: linear, ease-in-out;
	-o-transition-timing-function: linear, ease-in-out;
}

.volver a:hover {
	background-color:#111;
	color:#FFF;	
}

}	

@media only screen and (max-width: 925px) {



}

@media only screen and (max-width: 640px) {
html {
	background:#333;
}

.galeria1 ul {
	width:75%;
	height:auto;
	margin:auto;
}

.galeria1 ul li {
	margin:0px 0px 10px 0px; 
	/*border: 4px solid #FFF;*/
	width: 100%;
    padding-bottom: 100%;
    float: none;
}
	
	
.Gal1titulo h1 {
	text-align:center;		
}

.botones {
	width:99%;
}

.izquierda a,
.derecha a {
	width:47%;
}

.facebook {
	margin-top:-20px;	
}
}