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

/*--------------------------------------------------------- respondive inicio ------------------------*/
@media screen and (max-width: 550px) {

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

	#conten-head {
		/*background: #D98D8E;*/
		width: 90%;
	}
	
	#logos {
		/*background: #3C21BD;*/
		width: 100%;
		height: 152px;
		margin-top: -20px;
	}
	
	.l-rua {
		background: url("../ima_/logo-RUA_.svg") no-repeat;
		width: 100%;
		height: 80px;
	}
	.l-sdmujer {
		width: 180px;
		height: 64px;
		float: left;
		margin-top: 20px;
	}
	
	hr.line-tx-pri {
		width: 90%;
	}
	
	#text-pri {
		/*background: #5A5959;*/
		width: 100%;
		height: auto;
	}
	h2.tx-prin {
		font-size: 20px;
	}
	.resal-tx-pri {
		font-size: 12px;
	}
	
	#nube-1 {
		background: url("../ima_/nube-tx-1-RP_.svg") left no-repeat; 
		width: 100%;
		height: 284px;
		float: left;
	}
/*--------------------------------------------------------- bloque header fin ------------------------*/
	
/*--------------------------------------------------------- bloque section inicio --------------------*/
	sectio {
		width: 100%;
		height: auto;
	}
	
	#conten-section {
		width: 90%;
		height: auto;
	}
	
	h1.titu-1 {
		font-size: 32px;
	}

	.abc-titu {
		width: 90%;
		height: 48px;
		padding-left: 10px;
		margin-top: -30px;
	}
	
	.blo-2 {
		width: 100%;
	}
	
	.mord-1 {
		height: 320px;
		float: left;
		margin-top: -10px;
	}
	h2.titu-int {
		font-size: 24px;
	}
	.mord-titu {
		padding-left: 20px;
		padding-top: 20px;
	}
	p.text-cuerpo {
		font-size: 18px;
	}
	.mord-cuerpo {
		padding-left: 40px;
		padding-right: 40px;
		margin-top: 10px;
		line-height: 22px;
	}
	
	.gris-1 {
		height: 450px;
		float: left;
		margin-top: 0px;
	}
	#text-gris-int-1 {
		background: url("../ima_/tex-int-gris-1-RP_.svg") no-repeat;
		width: 90%;
		height: 490px;
		margin-top: 26px;
	}

	#nube-2 {
		background: url("../ima_/nube-tx-2-RP_.svg") left no-repeat; 
		width: 100%;
		height: 427px;
		margin-top: -60px;
	}
	
	.blo-1 {
		width: 100%;
		float: left;
	}
	.azul-1 {
		margin-top: 10px;
		height: auto;
	}
	#text-azul-int-1 {
		background: url("../ima_/tex-int-azul-1-RP_.svg") no-repeat;
		width: 90%;
		height: 234px;
		margin: 10px auto !important;
		padding-bottom: 20px;
	}

	.vict-titu {
		background: url("../ima_/fond-titu-2-RP_.svg") no-repeat;
		width: 96%;
		height: 228px;
		line-height: 35px;
		margin-top: 30px;
		float: left;
	}
	
	#nube-3 {
		background: url("../ima_/nube-tx-3-RP_.svg") no-repeat;
		width: 100%;
		height: 284px;
		float: left;
		margin-top: -20px;
		margin-bottom: 40px;
	}
	
	h1.guia-titu {
		width: 90%;
		height: 50px;
		padding-left: 10px;
		margin-top: -30px;
	}
	h4.text-guia {
		width: 90%;
		font-size: 18px;
		margin-top: 10px;
	}
	
	/*--------------------------------------------- bloque mapas guia ----------------------*/
	#conven {
		background: url("../ima_/convenciones-RP_.svg") no-repeat;
		width: 100%;
		height: 90px;
		float: left;
		margin-bottom: 30px;
	}
	
	#sect-mapas {
		/*background: #1A01C5;*/
		width: 90%;
		height: auto;
		margin-top: 10px;
	}
	.maps-local {
		/*background: #E6D2D2;*/
		width: 100%;
		height: 300px;
		border-right: none;
		border-bottom: 2px solid #ffffff;
	}
	.locl-sumapaz {
		border-bottom: none;
	}
	/*--------------------------------------------- bloque mapas guia ----------------------*/

/*--------------------------------------------------------- bloque section fin -----------------------*/
	
/*--------------------------------------------------------- bloque acordeon inicio ------------------*/
	#opc-acordeon {
		/*background: #EA13DA;*/
		width: 100%;
		margin-top: -60px;
		margin-bottom: 60px;
		float: left;
	}

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

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

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

	p.text-cuerp-acord {
		font-size: 18px;
		color: #272727;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	
/*--------------------------------------------------------- bloque acordeon fin ---------------------*/

/*--------------------------------------------------------- bloque footer inicio ---------------------*/
	footer {
		height: 120px;
	}
	#logo-escudo-sdmujer {
		width: 70%;
	}
/*--------------------------------------------------------- bloque footer fin ------------------------*/

}