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

*{
	margin:0;
	padding:0;
}

body {
	background:#fff;
	z-index:8;
}
header {
	width:100%;
	z-index:8;
	
	
}
header nav {
	width:100%;
	max-width:1000px;
	margin:20px auto;
	background:#003e7e;
	z-index:8;
}
.menu_bar {
	display:none;
	z-index:8;
}
header nav ul {
	overflow:hidden;
	list-style:none;
	z-index:8;
}

header nav ul li {
	float:left;
	z-index:8;
}
header nav ul li a {
	color:#FFFFFF;
	padding:20px;
	display:block;
	text-decoration:none;
	z-index:8;
	
}
header nav ul li span {
	
	margin-right:10px;
	z-index:8;
    
}
header nav ul li a:hover {
	background:#1174b7;
	z-index:8;
}

/* contenido imagenes */
section.galeria { 
   padding: .5vw;
   font-size: 0;
   -ms-flex-wrap: wrap;
   -ms-flex-direction: column;
   -webkit-flex-flow: row wrap; 
   flex-flow: row wrap; 
   display: -webkit-box;
   display: flex;
   display: -ms-flexbox; /*IE 10*/
   margin: 5% ;
}
section.galeria div { 
   -webkit-box-flex: auto;
   -ms-flex: auto;
   flex:auto;
   width:180px; 
   margin: .10vw; 
}
section.galeria div img { 
   width: 100%;
   height: auto; 
}


/*Media Queries*/

 @media screen and (max-width: 800px) {
   section.galeria div { 
       margin: 0; 
   }
   section.galeria { 
   padding: 0; 
   }
}

@media screen and (max-width:800px) {
	header nav {
		width:80%;
		height:100%;
		left:-100%;
		margin:0px;
		position:absolute;
		z-index:8;
	}
 header nav ul li {
	 display:block;
	 float:none;
	 border-bottom:1px solid rgba(255,255,255, .3);
	 z-index:8;
	 
 }
 .menu_bar {
	 display:block;
	 width:100%;
	 background:#ccc;
	 z-index:8;
	
 }
 .menu_bar .bt-menu {
	 display:block;
	 padding:20px;
	 background:#003466;
	 color:#fff;
	 text-decoration:none;
	 font-weight: bold;
	 font-size:25px;
	 -webkit-box-sizing:border-box;
	 -moz-box-sizing:border-box;
	 box-sizing:border-box;
	 z-index:8;
	
	 
 }
 .menu_bar span {
	 float:right;
	 font-size:40px;
	 z-index:8;
	 
 }
}


/*formulario*/
section.styleform div { 
   -webkit-box-flex: auto;
   -ms-flex: auto;
   flex:auto;
   width:1200px; 
   margin: 100px; 
    z-index:8;
}