CCOM4030
/
pazParaMujer


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
							<html>
<head>
<meta charset="UTF-8">
<title>Centro de Servicios de Ayuda</title>
<script type="text/javascript" src="https:code.jquery.com/jquery-3.4.1.min.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(122,38,122,1.00);}
.main-nav li {list-style: none;}
.main-nav a {
	height: 50px;
	color: #FFF;
	text-transform: uppercase;
	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>

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

      <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>