/* estilos.css */


* {box-sizing: border-box;
}

@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(http://fonts.gstatic.com/s/dosis/v4/O6SOu9hYsPHTU43R17NS5fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}

/* ESTILOS PARA EL CUERPO DE LA PAG */

body{
	padding: 0 1em;
	color: rgba(255,255,255,.7);
	background:#252528;
	font-family: 'Dosis', sans-serif;
}

#contenedor{
	width: 80%;
	
	margin: auto;

}





    
 /* FIN DE ESTILOS PARA PAG */


/* INICIO MENU */

.menu{
	list-style: none;
	margin: 2em auto;
	line-height: 42px;
	padding-left: 0;
	width: 15em;

}

.menu a{
	font-family: 'Dosis', sans-serif;
	font-weight: 600;
	color: #ddd;
	text-decoration: none;
	text-transform: uppercase;
	display:block;
	width: 100%;
}
.menu a:hover{

	margin-left: 1em;
	--webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.menu li{
	box-shadow: 3px 0 rgba(255,255,255,.2) inset;
	margin-bottom: 5px;
	padding-left: 1.2em;
	--webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.menu li:hover{
	box-shadow: 15em 0 rgba(255,255,255,.2) inset;

}

/* FIN MENU */

/* POSICION RESPONSIVE MENU */

nav {	
	background: rgba(0,0,0,.7);
	height: 70%;
	left: -18em;
	padding-right: .25em;
	padding-top: 4em;
	position: absolute;
    top: 0;
	transition: all .3s;
	z-index: 20;	
}

nav.mostrar {
	
	left:0;
}

#mostrar-nav{
	background: url(imagenes/menu-icon.png);
	cursor: pointer;
	height: 30px;
	left: 1.5em;
	position: absolute;
	top: 1.5em;
	width: 30px;
	z-index: 30;
}

/* FIN POSICION RESPON */

/*galeria */
.galeria{
	
	max-width: 80%;
	margin-left: 5%;
}

/* SECCION TRABAJO */

.tp{
	padding-left: 10px;
	max-width: 86%;
	background-color: grey;
	font-size: 3.5em;
}
#trabajo{
	width: 80%;
	margin: auto;
	color: rgba(255,255,255,.9);
	text-transform: uppercase;
	padding-top: 222px;
}

#trabajo a img{
	opacity: 0.4;
	transition: all 0.5s;
	
}
#trabajo a img:hover{
	opacity: 1;
}
/* CIERRA SECCIÓN TRABAJO */



/*Noticias*/

.noticias {
	
	width: 80%;
	margin: auto;
}

h3{	
	height: 50px;
	font-family: arial;
	font-size: 34px;
}

p{
	padding-left: 5px;
	
}

#acerca{
		padding-left: 10px;
		max-width: 85.5%;
		background-color: grey;
		padding-bottom: 1px;
		margin-top: 20%;
		color: rgba(255,255,255,.9);
		font-size: 3.5em;
		text-transform: uppercase;
}

.top{
	background-color: grey;
	height: 70px;
	clear: both;
	max-width: 85.5%;

}
.cinco{
		font-size: 3.5em;
		text-transform: uppercase;
}


.uno{
	 width: 50%;
     height: 0 auto;
     float: left;
}
.notauno{
	max-width: 72%;
}

.dos{

     display: inline-block;
	 width: 50%;
     height: 0 auto;
     float: left;

}

.notados{
	max-width: 72%;
}
.tres{

     display: inline-block;
	 width: 50%;
     height: 0 auto;
     float: left;

}

.notatres{
	max-width: 72%;
}
.cuatro{

     display: inline-block;
	 width: 50%;
     height: 0 auto;
     float: left;

}

.notacuatro{
	max-width: 72%;
}

.top{
	height: 0 auto;
}
.cinco{
	padding-left: 10px;
}

#mejores{
	text-align: center;
	clear: both;
}




/* ICONOS REDES SOCIALES */
#redes{
	width: 21%;
	margin: auto;
	margin-top: 44%;
	cursor: pointer;
}

.footer {
margin-top: 3rem;
overflow: hidden;
background: black;
clear: both; 

}


.footer .imgfooter {

  margin: 0;
  padding: 20px;
  width: 30%;
  float: left;
}

.footer .txtfooter {
  margin: 3.6rem;
  padding: 0;
  font-size: 1rem;
  color: white;
  font-family: sans-serif;
}
/* FIN ICONOS */