@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@import url(menu.css);

@import url(banner.css);

@import url(blog.css);

@import url(contacto.css);

@import url(info.css);



*{

   margin:0;

   padding: 0;

   box-sizing: border-box;

}



body{

	background: url('../img/');

   font-family: 'Open Sans', sans-serif;

   color: black;

}

header{

   width: 100%;

   height: 50px;

   background: #328CC1;

   color: #fff;



   position: fixed;

   top: 0;

   left: 0;

   z-index: 100;



}

.contenedor {

	width: 98%;

   margin: auto;



}



h1{

   float: left;

}

header .contenedor {

   display: table;

}

section {

   width: 100%;

   margin-bottom: 25px;

}

#bienvenidos {

     text-align: center;

     background: #328CC1;
     padding-top: 15px;
}











.portafolio{

	width: 90%;

	max-width: 1400px;

	margin: auto;

}



.portafolio h1{

	text-align: center;

	font-size: 38px;

	margin: 15px 0px 40px;

}



.portafolio-container{

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-ms-flex-pack: justify;

	justify-content: space-between;

}



.portafolio-item{

	width: 30%;

	position: relative;

	overflow: hidden;

}



.portafolio-img{

	-webkit-transition: all 0.5s;

	transition: all 0.5s;

}



.portafolio-text{

	position: absolute;

	bottom: 0;

	padding: 20px;



	background: rgba(0,0,0,0.7);

	color: #fff;



	-webkit-transform: translateY(100%);



	-ms-transform: translateY(100%);



	transform: translateY(100%);



	-webkit-transition: all 0.5s ease-out;



	transition: all 0.5s ease-out;

}



.portafolio-text p{

	text-align: justify;

}



.portafolio-item:hover .portafolio-text{

	-webkit-transform: translateY(0%);

	-ms-transform: translateY(0%);

	transform: translateY(0%);

}



.portafolio-item:hover .portafolio-img{

	-webkit-transform: scale(1.15);

	-ms-transform: scale(1.15);

	transform: scale(1.15);

}


footer .contenedor {
   width: 100%;

   display: flex;

   flex-wrap: wrap;

   justify-content: center;

   padding-bottom: 10px;

   padding-top: 10px;

   background-color: #0375B4;



}

.copy {

   font-size: 20px;

}

.HandHorn {

   width: 100%;

   text-align: center;

   font-size: 28px;



}



.HandHorn a {

   color: #0082FF;

   text-decoration: none;

}



@media (min-width:1024px) {

   .contenedor {

      width: 1000px;

   }

}







   #bienvenidos h2 {

	font-family: Arial, Helvetica, sans-serif;

  color: #545863;





}

#blog h3 {

	font-family: Arial, Helvetica, sans-serif;

  color: #10679e;

}

#blog h4 {

	font-family: Arial, Helvetica, sans-serif;

  color: #545863;

}



#bienvenidos p {

	font-family: Arial, Helvetica, sans-serif;

}