CCOM4030
/
pazParaMujer


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
							<html>
<head>
<meta charset="UTF-8">
<title>Centro de Servicios de Ayuda</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="css/bootstrap-4.3.1-dist/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
    
<script type="text/javascript" src="js/custom.js"></script>

-->

<script type="text/javascript">
$(document).ready(function(e) {
   $('.has-sub').click(function(){
		$(this).toggleClass('tap');
	});
});
</script>

<style type="text/css">
* {padding:0; margin:0;}
.main-nav {background: rgba(108,166,202,1.00);}
.main-nav li {list-style: none;}
.main-nav a {
	height: 50px;
	color: #FFF;
	letter-spacing: .2em;
	text-decoration: none;
	display: block;
	padding: 10px 0 10px 20px;
	border-bottom: 1px dotted gray;
}
.main-nav a:hover {background: rgba(118,166,174,1.00);}
.main-nav-ul ul {display: none;}
.main-nav-ul li.tap ul {display: block;}
.main-nav-ul ul a:before {
	content: '\203A';
	margin-right: 20px;
}
.main-nav .sub-arrow:after {
	content: '\203A';
	float: right;
	margin-right: 20px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.main-nav li.tap .sub-arrow:after {
	content: '\2039';
} 

</style>

</head>

<body>


	<!--
	
	<div class="nav-bar">
		<div id="myNav" class="overlay">
		  <div>
		   
			<span style="font-size:30px;cursor:pointer" onclick="closeNav()">&#9776;</span>
		  </div>

			<div class="overlay-content">
			  <a href="index.html">Inicio</a>
			  <a href="vdomestica.html">Violencia Doméstica</a>
			  <a href="vsexual.html">Violencia Sexual</a>
			  <a href="leyes.html">Leyes</a>
			  <a href="campanas.html">Campañas</a>
			  <a href="test.html">Test </a>
			  <a href="main_servicios.html">Buscar Ayuda</a>
			  <a href="cerca.html">Cerca de mi</a>
			  <a href="contacto.html">Contacto</a>
			  <a href="app_en/index.html">App in English</a>
			</div>
		</div>
		
		<p id="demo"></p>
		</div>
		<div id="menubtn">
		  <span style="font-size:30px;cursor:pointer;" onclick="openNav()">&#9776;</span>
		</div>
	  </div>

		-->

<nav class="main-nav">
	<ul class="main-nav-ul">


		<li><a href="index.html">Inicio</a></li>
	  <li><a href="ayudas.html">Donde Buscar Ayuda</a></li>

      
      <li class="has-sub"><a href="#">Linea de Orientacion y Ayuda 24/7<span class="sub-arrow"></span></a>
      	<ul>
         	<li><a href="agresion_sexual.html">Agresion Sexual</a></li>
            <li><a href="vd_as.html">Violencia Domestica y Agresion Sexual</a></li>
         </ul>
      </li>

      <li class="has-sub"><a href="#">Albergues en Puerto Rico<span class="sub-arrow"></span></a>
        <ul>
                <li><a href="area_norte.html">Area Norte</a></li>
            <li><a href="area_este.html">Area Este</a></li>
	    <li><a href="area_oeste.html">Area Oeste</a></li>
            <li><a href="area_central.html">Area Central</a></li>
         </ul>
      </li>
      
      <li><a href="servicios.html">Centro de Servicios</a></li>
      <li><a href="servicios_g.html">Centro de Servicios Gubermentales</a></li>
      <li><a href="universidad.html">Universidades</a></li>
   </ul>
</nav>

</body>
</html>