body{
	margin: 0;
	padding: 0;
	background-color:#F7F7F9;
	/*font-family: "Arial Narrow", Arial, sans-serif;*/
}

#banner{
	width: 100%;
	height: 15%;
	/*background-color: #006699;*/
	background-color: #1C5978;	
	color: #FFFFFF;	
	background-position: initial initial;
	background-repeat: initial initial;
	/* background: url(img/banner.png); */
	background-size: 100% 100%;
	font-size: 20pt;
}

nav{
	background-color: #1C5978;
	width: 100%;
	}


.navText{
	color: white;
	font-size: 20pt;

}


#cuerpo{
	width: 100%;
	height: 89.5%;
}

.opcion{
	height: 50px;
}

.opcion-text{
	font-family: Arial, 'Homer Simpson', cursive;
}



#menuBtn{
	display: block;
	position: fixed;
	z-index: 2;
	background-color: #1C5978;
	color: white;
	margin-top: 70px;
	margin-left: 15px;
}

#map{
	width: 100%;
	height: 100%;
}
#regiones{
	margin: 2% 0;
}
#opcion1{
	
	background-color: #1C5978;
	color: #fff;
	font-size: 16px;
	border-radius:  0px 10px 10px 0px;
	border: 1px solid #000000ff;
}
#opcion1:hover{
	opacity: .95;
	border-right: 30px solid #447D6C;
	background: #2a83b0ff;
	cursor: pointer;
}
#opcion2{
	/*background-color: #3F7EB3;*/
	background-color: #1C5978;
	color: #fff;
	font-size: 16px;
	border-radius: 0px 10px 10px 0px;
	border: 1px solid #000000ff;
}
#opcion2:hover{
	opacity: .95;
	border-right: 30px solid #9E3E16;
	background: #2a83b0ff;
	cursor: pointer;
}
#opcion3{
	background-color: #1C5978;
	color: #fff;
	font-size: 16px;
	border-radius: 0px 10px 10px 0px;
	border: 1px solid #000000ff;
}
#opcion3:hover{
	opacity: .95;
	border-right: 30px solid #E1B65A;
	background: #2a83b0ff;
	cursor: pointer;
}
#opcion4{
	
	background-color: #1C5978;
	color: #fff;
	font-size: 16px;
	border-radius: 0px 10px 10px 0px;
	border: 1px solid #000000ff;
}
#opcion4:hover{
	opacity: .95;
	border-right: 30px solid #142C58;
	background: #2a83b0ff;
	cursor: pointer;
}
#opcion5{
	
	background-color: #1C5978;
	color: #fff;
	font-size: 16px;
	border-radius: 0px 10px 10px 0px;
	border: 1px solid #000000ff;
}
#opcion5:hover{
	opacity: .95;
	border-right: 30px solid #413A4C;
	background: #2a83b0ff;;
	
	cursor: pointer;
}
#menu{
	width: auto;
	height: 10%;
	position: absolute;
	/*background: red;*/
	top: 12%;
	right: 2%;
	border-radius: 0.2em;
}
h1{
	text-align: center;
	font-weight: normal;
}
.close_popup{
	width: 25px;
	height: 25px;
	position: absolute;
	top: 5px;
	right: 5px;
	background-color:#717070;
	background-position: initial initial;
	background-repeat: initial initial;
	background: url(img/boton_cerrar.png); 
	background-size: 100% 100%;
	cursor: pointer;
}

#ig{

	cursor: text;
}
#inf_legal{
	min-width: 40%;
	height: 80%;
	position: absolute;
	background-color: #585858;
	/*background: #717070;*/
	top: 17.5%;
	left: 30%;
	border-radius: .2em;
	
	cursor: move;
}
#il{
	width: 100%;
	height: 94%;
	position: absolute;
	top:5%;
	right: 0;
	cursor: text;
	overflow:auto;
	background-color: white;
}
#cedula{
	
	background-color: rgb(64, 64, 64);
	top: 17.5%;
	left: 30%;
	border-radius: .2em;	
}

#pdfplanos{
	width: 60%;
	height: 80%;
	position: absolute;
	background: #585858;
	top: 17.5%;
	left: 30%;
	border-radius: .2em;	
}
#plano{
	width: 100%;
	height: 90%;
	position: absolute;
	top:9%;
	right: 0;
	cursor: move;
	background:white;
}
#archivos{
	width: 100%;
	height: 4%;
	position: absolute;
	top:5%;
	right: 0;
}
#fotosd {
	width: 60%;
	height: 80%;
	position: absolute;
	background: #585858;
	top: 17.5%;
	left: 21%;
	border-radius: .2em;	
}
#fotod{
	width: 100%;
	height: 94%;
	position: absolute;
	top:5%;
	right: 0;
	cursor: move;
	background:white;
}
.encv{
	color: white;
	padding-left: 10px;
	font-size: 18px;
}
/*Estilo del menú toggle */
.sidebar{
	background-color: rgb(64, 64, 64);
	color: #fff;
}


/* Scrollbar de menú lateral */
#menuBody::-webkit-scrollbar{
	width: 10px;
	background: rgb(64, 64, 64);
}

#menuBody::-webkit-scrollbar-button{
	width:8px;
	height: 5px;
}

#menuBody::-webkit-scrollbar-track{
	background:#3c454e;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


#menuBody::-webkit-scrollbar-thumb {
	background: rgba(155, 155, 155, 0.6);
	border-radius: 10px;
	border-color: black;
	border: 2px;
}



.sidebar h4{
	text-align: left;
	margin: 0;
	padding: 8%;
}
.sidebar ul{
	list-style: none;
	padding: 0;
	margin: 0;
}


li.cero{
 
 cursor: pointer;
}
li.uno:hover{
	/*background: #444;*/
	/*background: rgb(0, 128, 0);*/
	background-color: #1883ba;
	/* border-left: 5px solid black */;
	
}
li.dos:hover{
	/*background: #444;*/
	background-color: #1883ba;
	/* border-left: 5px solid #3F7EB3; */
}
li.tres:hover{
	/*background: #444;*/
	background-color: #1883ba;
	 /* border-left: 5px solid #3F7EB3; */
}
li.cuatro:hover{
	/*background: #444;*/
	background-color: #1883ba;
	/* border-left: 5px solid #3F7EB3; */
}
li.cinco:hover{
	/*background: #444;*/
	background-color: #1883ba;
	/* border-left: 5px solid #3F7EB3; */
}
li.seis:hover{
	/*background: #444;*/
	background-color: #1883ba;
	/* border-left: 5px solid #3F7EB3; */
}
li.siete:hover{
	/*background: #444;*/
	background-color: #1883ba;
	/* border-left: 5px solid #3F7EB3; */
}
li.ocho:hover{
	/*background: #444;*/
	background-color: #1883ba;
	/* border-left: 5px solid #3F7EB3; */
}
.contenido{
	top: 15%;
	width: 100%;
	height: 85%;
	position: absolute;
	background: #eee;
	transition: all 0.3s;
}

input{
	border-radius: 10px;
}
.boton{
	top: 5%;
	padding: 1% 0%;
	position: absolute;
}
.menu-bar{
	cursor: pointer;
}
.abrir{
	margin-left: 20%;
}

.img1{
	padding-top: 3%;
	margin-right: 0%;
	padding-bottom: 3%;
}
.img2{
	margin: 0;
	padding-top: 6%;
	padding-left: 72%;
	position: absolute;
}
.img3{
	margin: 0;
	padding-top: 6%;
	padding-left: 72%;
	position: absolute;
}
.img4{
	margin: 0;
	padding-top: 6%;
	padding-left: 72%;
	position: absolute;
}
.img5{
	margin: 0;
	padding-top: 6%;
	padding-left: 72%;
	position: absolute;
}
.img6{
	margin: 0;
	padding-top: 6%;
	padding-left: 72%;
	position: absolute;
}
.img7{
	margin: 0;
	padding-top: 6%;
	padding-left: 72%;
	position: absolute;
}
.img8{
	margin: 0;
	padding-top: 6%;
	padding-left: 72%;
	position: absolute;
}
li .subcat{
	color: #6782A4;
	outline: none;
	padding-left: 5%;
}
li .subcat:hover{
	color: #CFD1D2;
	cursor: pointer;
}

.subcat2{
	/*color: #6782A4;*/
	/* #bbe2c6*/
	background-color: #ffffffff;
	color: #00519E;
	outline: none;
	cursor: pointer;
	border: 1px solid #5d5d5dff;
	font-weight: normal;
}
.subcat2:hover{
	color: white;
	background-color: #00AB4E;
}

.subcat2-selected{
	color: white;
	background-color: #00AB4E;
	border: 5px solid #00AB4E;
}

li .subcat3{
	color: #6782A4;
	outline: none;
	padding-left: 5%;
}

li .subcat3:hover{
	color: #CFD1D2;
	cursor: pointer;
}

li .subcat4{
	color: #6782A4;
	outline: none;
	padding-left: 5%;
}

li .subcat4:hover{
	color: #CFD1D2;
	cursor: pointer;
}

li .subcat5{
	color: #6782A4;
	outline: none;
	padding-left: 5%;
}
li .subcat5:hover{
	color: #CFD1D2;
	cursor: pointer;
}
li .subcat6{
	color: #6782A4;
	outline: none;
	padding-left: 5%;
}
li .subcat6:hover{
	color: #CFD1D2;
	cursor: pointer;
}
li .subcat7{
	color: #6782A4;
	outline: none;
	padding-left: 5%;
}
li .subcat7:hover{
	color: #CFD1D2;
	cursor: pointer;
}
li .subcat8{
	color: #6782A4;
	outline: none;
	padding-left: 5%;
}
li .subcat8:hover{
	color: #CFD1D2;
	cursor: pointer;
}

.div-flip {	
	text-align:left;
	color: white;
	background-color: #1C5978;
	cursor: pointer;
	border: 2px solid black;
	
	/* height: 75; */
}
.div-flip:hover {
	background-color: #2a83b0ff;
}

.div-flip-div {	
	align-items: end;
	padding-left: 10px;
}

.div-panel {
	display:none;
	background-color:#1c597800;
}

.div-panel-content {
	display: block;
	font-size: .83em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}

#flip, #flip2, #flip3, #flip4, #flip5, #flip6, #flip7, #flip8 {
	text-align:left;
	color: white;
	background-color: #1C5978;
	cursor: pointer;
}
#flip:hover, #flip2:hover, #flip3:hover, #flip4:hover, #flip5:hover, #flip6:hover, #flip7:hover, #flip8:hover {
	background-color: #2a83b0ff;
}

#panel, #panel2, #panel3,  #panel4, #panel5, #panel6,  #panel7, #panel8 {
display:none;
background-color:#444;
}
/*Estilo para el boton de abrir y cerrar menu */
.menu-bar{
	cursor: pointer;
}
.abrir{
	margin-left: 20%;
}
footer {
	position: fixed;
	
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgb(64, 64, 64);
	
}


.building{
	background-color: #bbe2c6;
}

#homeIcon {
	cursor: pointer;
}