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


/*--Zoom--*/
.zoom{
 		-moz-transition: .8s ease; /* Firefox */
 		-webkit-transition: .8s ease; /* Chrome - Safari */
 		-o-transition: .8s ease; /* Opera */
		transition: .8s ease;
		padding: 0 10px 0 10px;
	}
.zoom:hover{
		-moz-transform : scale(1.2); /* Firefox */
		-webkit-transform : scale(1.2); /* Chrome - Safari */
		-o-transform : scale(1.2); /* Opera */
		-ms-transform : scale(1.2); /* IE9 */
		transform : scale(1.2);
		opacity: 0.8;
}

#slides {width:100%; height: 100vh; position: relative; z-index: 10001; background-color:#FFF; background-image: url("../images/silueta_ciudad.png"); background-position: bottom; background-size: contain; background-repeat: repeat-x;}
.logo_inicial{
    font-family: Arial, sans-serif;
    background: #FFF;
    color: #FFF;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
	z-index: 1000001;
	width:90%;
}
.logo_inicial img{width:400px; height: auto; border-radius: 10px; margin-bottom: 50px;}

header{width:100%; margin:0 auto; padding: 15px 0; height: 60px; position: fixed; z-index: 1001; top:0; background-color:#FFF; border-bottom: solid 3px rgba(255,0,0,1);}
header section{width:100%; margin:0 auto; padding: 0;}
header article{margin:0 auto; vertical-align: bottom; display:inline-block;}
.logotipo{float: left; padding-left:5%;}
.logotipo img{height: 60px; width:auto; margin:0 auto; -webkit-border-radius: 5px; border-radius: 5px;}
.icon_menu{float: right; vertical-align: middle; padding-right:5%; background-color: #FFFFFF; color: #000;-webkit-border-radius: 5px; border-radius: 5px; font-weight: bold;}

#logotipo img{width: 300px; height: auto; align-items: center; justify-content: center; overflow: hidden; margin: 0; padding: 0; z-index: 10002; position: relative;}
.icon_menu_dos{float:right; right: 20px; top: 20px; position: absolute; z-index: 100001; background-color: #FFFFFF; color: #000; padding: 0 10px; border-radius: 5px; height: 43px; font-weight: bold;}


.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 100003;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 15%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  font-weight: bold;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 25px;
  color: #FFF;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #EA0F0F;
}

.overlay .closebtn {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 50px;
}

@media screen and (min-width: 768px) {
	.icon_menu, .icon_menu_dos{visibility: hidden; overflow: hidden; display: none;}
	.menu_dos{bottom: 20px; height: auto; vertical-align: baseline; right: 50px; position: absolute;}
	.menu_uno a, .menu_dos a{color:rgba(18,18,18,1.00); text-decoration: none;}
	.menu_uno a:hover, .menu_dos a:hover{color:rgba(255,0,0,1.00); text-decoration: underline;}
}
@media screen and (max-width: 767px) {
	.icon_menu, .icon_menu_dos{visibility: visible; overflow: visible; display: inline;}
	.menu_uno, .menu_dos{display: none; overflow: hidden; visibility: hidden;}
	
}
@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px;}
  .overlay .closebtn {font-size: 40px; top: 0; right: 0;}
}