html, body, h1 {
	width: 100%;
	height: 100%;
	margin: 0px;
	font-size: 16px;
	font-family: Lato, sans-serif;	
}
#header {
	background: #000000;
	width: 100%;
	height: 150px;
	float: right;
	position: relative
}
.logo {
	float:left;
	margin: 25px 20px 0;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../imagenes/logo.png) no-repeat;
	width:380px;
	height:120px;
}
a.men_op:link {
	text-decoration: none;
	color: #FFFFFF;
}
a.men_op:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.menu_boton {
	display: none;
}
ul.menu {
	list-style:none;
	float:right;
	text-transform: uppercase;
	padding: 40px 15px 0 0;
}
ul.menu li{
	display: inline-block;
	position: relative;
}
ul li a{
	display: block;
	padding: 15px 10px;
}
ul li .submenu {
	display: none;
	padding: 0;
	position: absolute;
	background: #000000;
	padding-top: 5px;
	z-index: 10;
}
ul.menu li:hover {
	background: #DF5316;
	transition: background .25s ease-in-out;
}
ul.menu li:hover .submenu {
	display: block;
}
.subpages {
	padding: 150px 0 0 20px;	
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0m auto;
  z-index: -1;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  z-index: -1;
  }

.rslides img {
  display: block;
  height: auto;
  width: 100%;
  border: 0;
  z-index: -1;
  }
.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
  z-index: 3;
  background: #000000;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  z-index: 3;
  }

.callbacks li {
  position: relative;
  width: 100%;
  margin: 0 auto;
  top: 0;
  }

.callbacks img {
  display: block;
  z-index: 3;
  height: auto;
  max-width: 760px;
  width: 100%;
	margin: 0 auto;
  box-shadow: 0 0 50px -10px #7D7D7D;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 3;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../imagenes/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
.footer {
	background: #202020;
	width: 100%;
	top: 70%;
	height: 30%;
	z-index: -5;
	position: relative;
}
#equipo {
	margin-top: -10%;
	opacity: 0.0;
	width: 60%;
	height: auto;
}
#nombres {
	float: right;
	width: 30%;
	list-style: square url('../imagenes/viñeta.png');
	padding-right: 20px;
}
#lista_1 {
	width: 30%;
	margin-left: 64%;
	list-style: square url('../imagenes/viñeta.png');
	padding-top: 20px;
}
#exc {
	float: right;
	width: 35%;
	margin: 0;
}
#texto {
	padding-right: 10px;
	width: 60%;
	float: left;
}
#proyectos_img {
	display: block;
	width: 340px;
	height: 200px;
	margin-right: 80px;
	margin-top: 50px;
	float: left;
}
#pro_img {
	width: 340px;
	height: 200px;
}
#pro_img2 {
	width: 340px;
	height: 200px;
}
#pro_img3 {
	width: 340px;
	height: 200px;
}
#pro_text {
	width: calc(100% - 10px);
	background: #DF5316;
	height: 30px;
	margin-top: -5px;
	line-height: 30px;
	padding-left: 10px;
}
#Butera {
	display: none;
	opacity: 0.0;
	margin-top: 70px;	
}
#His {
	display: none;
	opacity: 0.0;
	margin-top: 70px;	
}
#creel {
	display: none;
	opacity: 0.0;
	margin-top: 70px;	
}
a.correo {
	color: #000000;
	text-decoration: none;
}
a.correo:visited {
	text-decoration: none;
	color: #000000;
}
@media screen and (max-width: 1000px) {
.logo {
	float:left;
	margin: 25px 0 0 10px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../imagenes/logo.png) no-repeat;
	width:380px;
	height:120px;
}
}
@media screen and (max-width: 935px) {
.menu_boton {
	display: block;
	padding: 60px 45px 0;
	float: right;
}
.menu {
	width: 40%;
	position: fixed;
	height: 100%;
	right: -100%;
	margin: 0;
	padding-top: 0;
	margin-top: 150px;
	background: #000000;
	z-index: 10;
}
ul.menu li {
	display: block;
	border-bottom: 1px solid #898989;
}
ul.menu li a{
	display: block;
	text-align: center;
}
ul li .submenu {
	width: 100%;
}
.footer {
	top: 50%;
	height: 50%;
}
#nombres {
	width: 30%;
}
#exc {
	float: left;
	width: 100%;
}
#lista_1 {
	float: left;
	width: 60%;
	margin-left: 0;
	padding-top: 0;
}
}
@media screen and (max-width: 730px) {
#equipo {
	width: 95%;
	height: auto;
}
#texto {
	width: auto;
}
#nombres {
	width: 87%;
	float: left;
}
}

@media screen and (max-width: 560px) {
.logo {
	float:left;
	margin: 40px 0 0 15px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../imagenes/logo_2.png) no-repeat;
	width:240px;
	height: 110px;
}
.footer {
	top: 40%;
	height: 60%;
}
}
@media screen and (max-width: 420px) {
.menu {
	width: 80%;
	position: fixed;
	height: 100%;
	right: -100%;
	margin: 0;
	padding-top: 0;
	margin-top: 150px;
	background: #000000;
	overflow: scroll;
}
.menu_boton {
	display: block;
	padding: 60px 25px 0 15px;
	float: right;
}
.logo {
	float:left;
	margin: 40px 0 0 15px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../imagenes/logo_2.png) no-repeat;
	width:240px;
	height: 110px;
}
.footer {
	top: 30%;
	height: 70%;
}
}