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

* {
  margin: 0;
  padding: 0;
}

/*--------------------------------------------------------- bloque tipografias -----------------------*/
@font-face {
  font-family: "museo-sans-300";
  src: url("../font_/MuseoSansCondensed-300.ttf");
}
@font-face {
  font-family: "museo-sans-500";
  src: url("../font_/MuseoSansCondensed-500.ttf");
}
@font-face {
  font-family: "museo-sans-700";
  src: url("../font_/MuseoSansCondensed-700.ttf");
}
@font-face {
  font-family: "museo-sans-900";
  src: url("../font_/MuseoSansCondensed-900.ttf");
}
@font-face {
  font-family: "museo-300";
  src: url("../font_/Museo300.otf");
}
@font-face {
  font-family: "museo-500";
  src: url("../font_/Museo500.otf");
}
@font-face {
  font-family: "museo-700";
  src: url("../font_/Museo700.otf");
}
@font-face {
  font-family: "museo-900";
  src: url("../font_/Museo900.otf");
}

/*--------------------------------------------------------- bloque tipografias -----------------------*/

/*--------------------------------------------------------- bloque header inicio ---------------------*/
header {
	background: url("../ima_/fondo-header_.png");
	width: 100%;
	height: 856px;
}

#conten-head {
	/*background: #D98D8E;*/
	width: 1220px;
	height: auto;
	margin: 0px auto !important;
}

#logos {
	/*background: #3C21BD;*/
	width: 100%;
	height: 152px;
}

.l-rua {
	background: url("../ima_/logo-RUA_.svg") no-repeat;
	width: 640px;
	height: 132px;
	float: left;
}
.l-sdmujer {
	background: url("../ima_/logo-SDMujer_.svg") no-repeat;
	width: 180px;
	height: 64px;
	float: right;
}

hr.line-tx-pri {
	background: #FFFFFF;
	width: 60%;
	border: 0;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

#text-pri {
	/*background: #5A5959;*/
	width: 74%;
	height: 180px;
}
h2.tx-prin {
	color: white;
	font-family: "museo-sans-300";
	font-size: 24px;
}
.resal-tx-pri {
	font-family: "museo-sans-900";
	font-size: 14px;
}

#nube-1 {
	background: url("../ima_/nube-tx-1_.svg") left no-repeat; 
	width: 1100px;
	height: 346px;
	float: right;
}

/*--------------------------------------------------------- bloque header fin ------------------------*/

/*--------------------------------------------------------- bloque section inicio --------------------*/
#conten-section {
	width: 1220px;
	height: auto;
	margin: 0px auto !important;
}

h1.titu-1 {
	color: white;
	font-family: "museo-sans-900";
	font-size: 68px;
	float: left;
}

.abc-titu {
	background: url("../ima_/fond-titu-1_.svg") no-repeat;
	width: 644px;
	height: 66px;
	padding-left: 14px;
	padding-bottom: 14px;
}

.blo-2 {
	width: 50%;
}

.mord-1 {
	background: #974B97;
	height: 320px;
	float: left;
	margin-top: 20px;
}
h2.titu-int {
	font-size: 32px;
}
.mord-titu {
	color: #5E2360;
	font-family: "museo-900";
	padding-left: 20px;
	padding-right: 90px;
	padding-top: 20px;
}
p.text-cuerpo {
	font-size: 22px;
}
.mord-cuerpo {
	color: white;
	font-family: "museo-sans-300";
	padding-left: 40px;
	padding-right: 40px;
	margin-top: 30px;
	line-height: 30px;
}

.gris-1 {
	background: #ADACB2;
	height: 500px;
	float: right;
	margin-top: 20px;
}
#text-gris-int-1 {
	background: url("../ima_/tex-int-gris-1_.svg") no-repeat;
	width: 90%;
	height: 420px;
	margin-top: 26px;
	margin-left: 22px;
}

#nube-2 {
	background: url("../ima_/nube-tx-2_.svg") left no-repeat; 
	width: 1200px;
	height: 480px;
	float: left;
	margin-top: -200px;
}

.blo-1 {
	width: 100%;
	float: left;
}
.azul-1 {
	background: #4299BC;
	margin-top: 40px;
	height: 300px;
}
#text-azul-int-1 {
	background: url("../ima_/tex-int-azul-1_.svg") no-repeat;
	width: 90%;
	height: 280px;
	margin-top: 28px;
	margin-left: 30px;
}

.vict-titu {
	background: url("../ima_/fond-titu-2_.svg") no-repeat;
	width: 1190px;
	height: 188px;
	line-height: 72px;
	padding-left: 14px;
	padding-bottom: 14px;
	margin-top: 100px;
}


h1.guia-titu {
	background: url("../ima_/fond-titu-3_.svg") no-repeat;
	width: 644px;
	height: 66px;
	padding-left: 14px;
	padding-bottom: 14px;
}
h4.text-guia {
	width: 70%;
	font-family: "museo-500";
	font-size: 22px;
	color: #4299BC;
	float: left;
	margin-top: 30px;
}

/*--------------------------------------------- bloque mapas guia ----------------------*/
#conven {
	background: url("../ima_/convenciones_.svg") no-repeat;
	width: 790px;
	height: 44px;
	float: left;
	margin-bottom: 30px;
}

#contn-maps {
	background: #4299BC;
	width: 100%;
	height: auto;
	float: left;
	margin-top: 40px;
}
#sect-mapas {
	/*background: #1A01C5;*/
	width: 1280px;
	height: 1500px;
	margin: 0px auto;
}
.maps-local {
	/*background: #E6D2D2;*/
	width: 24%;
	height: 300px;
	float: left;
	transition: 0.5s;
}

.locl-usaquen {
	background: url("../ima_/mapas_/map-usaquen_.svg") no-repeat;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}
.locl-usaquen:hover {
	background: url("../ima_/mapas_/map-usaquen-h_.svg") no-repeat;
}
.locl-chapinero {
	background: url("../ima_/mapas_/map-chapinero_.svg") no-repeat;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}
.locl-chapinero:hover {
	background: url("../ima_/mapas_/map-chapinero-h_.svg") no-repeat;
}
.locl-candelaria {
	background: url("../ima_/mapas_/map-candelaria_.svg") no-repeat;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}
.locl-candelaria:hover {
	background: url("../ima_/mapas_/map-candelaria-h_.svg") no-repeat;
}
.locl-santafe {
	background: url("../ima_/mapas_/map-santafe_.svg") no-repeat;
	border-bottom: 2px solid #ffffff;
}
.locl-santafe:hover {
	background: url("../ima_/mapas_/map-santafe-h_.svg") no-repeat;
}

/*----------------------------------- bloque 4 local --------------------*/

.locl-sancristobal {
	background: url("../ima_/mapas_/map-sancristobal_.svg") no-repeat;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}
.locl-sancristobal:hover {
	background: url("../ima_/mapas_/map-sancristobal-h_.svg") no-repeat;
}
.locl-usme {
	background: url("../ima_/mapas_/map-usme_.svg") no-repeat;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}
.locl-usme:hover {
	background: url("../ima_/mapas_/map-usme-h_.svg") no-repeat;
}
.locl-suba {
	background: url("../ima_/mapas_/map-suba_.svg") no-repeat;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}
.locl-suba:hover {
	background: url("../ima_/mapas_/map-suba-h_.svg") no-repeat;
}
.locl-barriosunidos {
	background: url("../ima_/mapas_/map-barriosunidos_.svg") no-repeat;
	border-bottom: 2px solid #ffffff;
}
.locl-barriosunidos:hover {
	background: url("../ima_/mapas_/map-barriosunidos-h_.svg") no-repeat;
}

/*----------------------------------- bloque 4 local --------------------*/

.locl-teusaquillo {
	background: url("../ima_/mapas_/map-teusaquillo_.svg") no-repeat;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}
.locl-teusaquillo:hover {
	background: url("../ima_/mapas_/map-teusaquillo-h_.svg") no-repeat;
}
.locl-martires {
	background: url("../ima_/mapas_/map-martires_.svg") no-repeat;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}
.locl-martires:hover {
	background: url("../ima_/mapas_/map-martires-h_.svg") no-repeat;
}
.locl-puentearanda {
	background: url("../ima_/mapas_/map-puentearanda_.svg") no-repeat;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}
.locl-puentearanda:hover {
	background: url("../ima_/mapas_/map-puentearanda-h_.svg") no-repeat;
}
.locl-antonionarino {
	background: url("../ima_/mapas_/map-antonionarino_.svg") no-repeat;
	border-bottom: 2px solid #ffffff;
}
.locl-antonionarino:hover {
	background: url("../ima_/mapas_/map-antonionarino-h_.svg") no-repeat;
}

/*----------------------------------- bloque 4 local --------------------*/

.locl-engativa {
	background: url("../ima_/mapas_/map-engativa_.svg") no-repeat;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}
.locl-engativa:hover {
	background: url("../ima_/mapas_/map-engativa-h_.svg") no-repeat;
}
.locl-fontibon {
	background: url("../ima_/mapas_/map-fontibon_.svg") no-repeat;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}
.locl-fontibon:hover {
	background: url("../ima_/mapas_/map-fontibon-h_.svg") no-repeat;
}
.locl-kenndy {
	background: url("../ima_/mapas_/map-kenndy_.svg") no-repeat;
	border-right: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
}
.locl-kenndy:hover {
	background: url("../ima_/mapas_/map-kenndy-h_.svg") no-repeat;
}
.locl-tunjuelito {
	background: url("../ima_/mapas_/map-tunjuelito_.svg") no-repeat;
	border-bottom: 2px solid #ffffff;
}
.locl-tunjuelito:hover {
	background: url("../ima_/mapas_/map-tunjuelito-h_.svg") no-repeat;
}

/*----------------------------------- bloque 4 local --------------------*/

.locl-rafaeluribe {
	background: url("../ima_/mapas_/map-rafaeluribe_.svg") no-repeat;
	border-right: 2px solid #ffffff;
}
.locl-rafaeluribe:hover {
	background: url("../ima_/mapas_/map-rafaeluribe-h_.svg") no-repeat;
}
.locl-ciudadbolivar {
	background: url("../ima_/mapas_/map-ciudadbolivar_.svg") no-repeat;
	border-right: 2px solid #ffffff;
}
.locl-ciudadbolivar:hover {
	background: url("../ima_/mapas_/map-ciudadbolivar-h_.svg") no-repeat;
}
.locl-bosa {
	background: url("../ima_/mapas_/map-bosa_.svg") no-repeat;
	border-right: 2px solid #ffffff;
}
.locl-bosa:hover {
	background: url("../ima_/mapas_/map-bosa-h_.svg") no-repeat;
}
.locl-sumapaz {
	background: url("../ima_/mapas_/map-sumapaz_.svg") no-repeat;
}
.locl-sumapaz:hover {
	background: url("../ima_/mapas_/map-sumapaz-h_.svg") no-repeat;
}

/*--------------------------------------------- bloque mapas guia ----------------------*/

#nube-3 {
	background: url("../ima_/nube-tx-3_.svg") no-repeat;
	width: 972px;
	height: 362px;
	float: right;
	margin-top: -20px;
	margin-bottom: 40px;
}

/*--------------------------------------------------------- bloque section fin ----------------------*/

/*--------------------------------------------------------- bloque acordeon inicio ------------------*/
#opc-acordeon {
	width: 100%;
	height: auto;
	margin-top: -40px;
	margin-bottom: 80px;
}

.accordion {
  	background-color: #D7D8DC;
  	color: #444;
  	cursor: pointer;
  	padding: 18px;
  	width: 100%;
	height: 138px;
  	border: none;
  	text-align: left;
  	outline: none;
  	font-size: 15px;
  	transition: 0.4s;
}
.acor-1 {
	background: #D7D8DC url("../ima_/acord-1_.svg") no-repeat;
}
.acor-2 {
	background: #ECEDEF url("../ima_/acord-2_.svg") no-repeat;
}
.acor-3 {
	background: #D7D8DC url("../ima_/acord-3_.svg") no-repeat;
}
.acor-4 {
	background: #ECEDEF url("../ima_/acord-4_.svg") no-repeat;
}

.active, .accordion:hover {
  	background-color: #ccc; 
}

.panel {
  	display: none;
  	background-color: white;
  	overflow: hidden;
}

p.text-cuerp-acord {
	font-family: "museo-sans-300";
	font-size: 20px;
	color: #272727;
	padding-top: 30px;
	padding-left: 70px;
	padding-right: 180px;
	padding-bottom: 20px;
}
.resal-tx-acord {
	font-family: "museo-sans-700";
}

.tab-acord {
	/*background: #DA0F12;*/
	font-display: "museo-sans-300";
	font-size: 26px;
	color: #272727;
	padding-left: 70px;
	padding-bottom: 50px;
}
.text-cuerp-tab {
	font-family: "museo-sans-300";
	font-size: 25px;
	color: #272727;
	padding-top: 6px;
}
/*--------------------------------------------------------- bloque acordeon fin ---------------------*/

/*--------------------------------------------------------- bloque footer ----------------------------*/
footer {
	background: #ffffff;
	width: 100%;
	height: 170px;
	float: left;
}

#logo-escudo-sdmujer {
	background: url("../ima_/logo-bogota-color_.svg") center no-repeat;
	width: 45%;
	height: 70%;
	margin: 0px auto;
	margin-top: 28px;
}

/*--------------------------------------------------------- bloque footer fin ------------------------*/