/* ------------------------- */
/* Estilos Generales */
/* ------------------------- */

body {
     background-image: linear-gradient(135deg, #b9c625 0%, #e2d1c3 100%);
}

.titulo {
     font-size: 55px;
     text-transform: uppercase;
     letter-spacing: 7px;
}

.galeria img {
     box-shadow: 0 8px 10px -4px rgba(0,0,0,.6);
     border-radius: 15px;
}

.materialbox-caption {
     bottom: 30px;
     right: 0;
     width: 40%;
     height: auto;
     padding: 10px;
     margin: auto;
     background: #000;
     box-shadow: 5px 5px #fff;
     font-size: 20px;
     color: #fff;
     line-height: 28px;
}

.galeria .col {
     margin-bottom: 20px;
}

@media screen and (max-width: 600px){
     .materialbox-caption {
          width: 90%;
     }
}

@media screen and (max-width: 992px){
     .materialbox-caption {
          width: 70%;
     }
}

/*estilos de pagina*/

#logotipo {
	position:absolute;
	width:750px;
	height:70px;
	z-index:2;
	left:330px;
	background-image: url(../Imagenes/logotipo-01.png);
	top: 0px;
	
}
	/*-------estilo del titulo de la barra superior-----------*/
/*--	
#Container01 #Menu h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#666;
	text-align: left;
	vertical-align: middle;
	float: left;
	position: fixed;
	padding:12px 10px;
}--*/
#Menu {
	top: 10px;
	 bottom: 0px;
     align-content: center;
     width: 100%;
	max-height: 50px;
     height: 50px;
     padding:0px;
     z-index:4;
	 background-image: linear-gradient(0deg, #FFFFFF 0%, #DDDDDB 100%);
	 border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0px 0px 8px;
	-moz-box-shadow:0px 0px 8px;
	--webkitbox-shadow:0px 0px 8px;
}

.nav {
	align-content: center;
}

.row{
	margin-bottom: -10px;
	top: 300px;
	

}