/* CSS para línea UAM */

*{padding:0; margin:0;}

body {
 color:white;
 background-color:#339999;
 background-image:url(fondo1.jpg);
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 }

#wrapper {
 color:black;
 background-image:url(fondo.jpg);
 background-repeat: repeat-x;
 }
 
/*=================================================
===================================================

   CABEZAL Y MENU PRINCIPAL DE LA PAGINA
   
===================================================
=================================================*/
 
#cabezal {
 position: relative;
 top:5px;
 left:20%;
 border-bottom: 2px solid #339999;
 width:700px;
 padding:0;
 margin:0;
 }

#encabezado {
 position: relative;
 margin-top:50px;
 }

#logo {
 position:relative;
 left:25px; 
 /*border-bottom: 2px solid #339999;
 width:213px;*/
 width:215px;	
 }

#tel {
 position:absolute;
 top:115px;
 left:65px;
 }
 
#navegacion {
 position:absolute;
 top: 75px;
 right:10px; 
 bottom:-14px;
 /*border-bottom: 10px solid #339999;*/
 margin-left:300px;
 }
 
/*=================================================
===================================================

  NAVEGACION IZQUIERDA Y CONTENIDOS DE LA PAGINA
   
===================================================
=================================================*/

#navegacionizquierda {
 position: absolute;
 left: 10px;
 margin-top: 80px;
 width: 30%;
 height: 100%;
 }
 
#contenidos {
 background-image:url(cuadrocontenidos.png);
 padding:1%;
 margin-top:80px;
 margin-right:10px;
 margin-bottom:10px;
 margin-left:300px;
 }
 
#banner {
 background-repeat: repeat-x;
 }
 
.bindex {background-image:url(banner_fondo_index.jpg);}
.bhora {background-image:url(banner_fondo_horarios.jpg);}
.bavi {background-image:url(banner_fondo_avisos.jpg);}
.bchat {background-image:url(banner_fondo_chat.jpg);}
.bsit {background-image:url(banner_fondo_sitios.jpg);}
.bmed {background-image:url(banner_fondo_medios.jpg);}
.buni {background-image:url(banner_fondo_uni.jpg);}
.bdep {background-image:url(banner_fondo_depresion.jpg);}
.bsid {background-image:url(banner_fondo_sida.jpg);}
.bvio {background-image:url(banner_fondo_violencia.jpg);}
.bins {background-image:url(banner_fondo_instancias.jpg);}
 
#contenidos p {
 padding:0;
 padding-top:7px;
 padding-right:20px;
 padding-left:25px; 
 }
 
#contenidos span {
 color: #990000; /* Color de fuente */
 }

#contenidos strong {
 font-family:arial;
 color: #333333; /* Color de fuente */
 }
 
#pie {
 position: relative;
 top:80px;
 left: 30px;
 bottom:10px;
 }
 
/*=================================================
===================================================

  SUBMENU DE LOS UNIVERSITARIOS EN LA UNIVERSIDAD
   
===================================================
=================================================*/

#menuuni {
 text-align: center; /* a la derecha */
 color: black;
 padding: 10px 3px 4px 3px;
 border-bottom: 1px solid #8c8c8c;
 }
 
#menuuni ul {
 margin-bottom: 0; /*sin margen inferior */
 } 
 
#menuuni li {
 display: inline; /* li al mismo nivel */
 list-style-type: none; /* sin viñeas */
 margin: 0; /* antes era 10px para la derecha */
 }
 
#menuuni a { 
 text-decoration: none;
 color: black;
 background-color: #ffeda0;
 padding: 2px 4px 2px 4px;
 border: 1px solid #8c8c8c; 
 }
 
#menuuni a:hover, /*con coma al final */
#lineauam_uni1 #navi01 a, /* con coma al final */
#lineauam_uni2 #navi02 a,
#lineauam_uni3 #navi03 a,
#lineauam_uni4 #navi04 a,
#lineauam_uni5 #navi05 a,
#lineauam_uni6 #navi06 a,
#lineauam_uni7 #navi07 a,
#lineauam_uni8 #navi08 a,
#lineauam_uni9 #navi09 a,
#lineauam_uni10 #navi10 a,
#lineauam_uni11 #navi11 a,
#lineauam_uni12 #navi12 a,
#lineauam_uni13 #navi13 a,
#lineauam_uni14 #navi14 a,
#lineauam_uni15 #navi15 a,
#lineauam_uni16 #navi16 a,
#lineauam_uni17 #navi17 a,
#lineauam_uni18 #navi18 a,
#lineauam_uni19 #navi19 a,
#lineauam_uni20 #navi20 a
{
 text-decoration: none; /* fuera el subrayado */
 color: black;
 background-color: #c4e7e6;
 padding-bottom: 5px; 
 border-bottom: none; /* adios a la línea inferior */
 }
 
#menuuni a:active { background-color: white; }

/*=================================================
===================================================

  SUBMENU DE DEPRESION
   
===================================================
=================================================*/

#menudep {
 text-align: center; /* a la derecha */
 color: black;
 padding: 10px 3px 4px 3px;
 border-bottom: 1px solid #8c8c8c;
 }
 
#menudep ul {
 margin-bottom: 0; /*sin margen inferior */
 } 
 
#menudep li {
 display: inline; /* li al mismo nivel */
 list-style-type: none; /* sin viñeas */
 margin: 10; /* antes era 10px para la derecha */
 }
 
#menudep a { 
 text-decoration: none;
 color: black;
 background-color: #ffeda0;
 padding: 2px 4px 2px 4px;
 border: 1px solid #8c8c8c; 
 }
 
#menudep a:hover, /*con coma al final */
#lineauam_dep1 #navidep01 a, /* con coma al final */
#lineauam_dep2 #navidep02 a,
#lineauam_dep3 #navidep03 a
{
 text-decoration: none; /* fuera el subrayado */
 color: black;
 background-color: #c4e7e6;
 padding-bottom: 5px; 
 border-bottom: none; /* adios a la línea inferior */
 }
 
#menudep a:active { background-color: white; }

/*=================================================
===================================================

  SUBMENU DE VIOLENCIA EN EL HOGAR
   
===================================================
=================================================*/

#menuvio {
 text-align: center; /* a la derecha */
 color: black;
 padding: 10px 3px 4px 3px;
 border-bottom: 1px solid #8c8c8c;
 }
 
#menuvio ul {
 margin-bottom: 0; /*sin margen inferior */
 } 
 
#menuvio li {
 display: inline; /* li al mismo nivel */
 list-style-type: none; /* sin viñeas */
 margin: 10; /* antes era 10px para la derecha */
 }
 
#menuvio a { 
 text-decoration: none;
 color: black;
 background-color: #ffeda0;
 padding: 2px 4px 2px 4px;
 border: 1px solid #8c8c8c; 
 }
 
#menuvio a:hover, /*con coma al final */
#lineauam_vio1 #navivio01 a 
{
 text-decoration: none; /* fuera el subrayado */
 color: black;
 background-color: #c4e7e6;
 padding-bottom: 5px; 
 border-bottom: none; /* adios a la línea inferior */
 }
 
#menuvio a:active { background-color: white; }

/*=================================================
===================================================

   CLASES PARA LOS BANNERS IMAGENES Y LIGAS
   
===================================================
=================================================*/

.ligas {
 border: 1px solid #8c8c8c;
 margin:25px;
 }
 
.imgliga {
 float: left;
 padding: 3px; /* Distancia entre imagen y borde */
 padding-right: 10px;
 border-right:3px solid #399;
 margin-top: 20px;
 margin-right:15px;
 margin-bottom: 5px; /* Distancia hacia abajo */
 margin-left: 20px; /* Distancia entre borde y texto */
 }

.imgdcha {
 float: right;
 padding: 3px; /* Distancia entre imagen y borde */
 border: 5px solid #666; /* El borde de la imagen */
 margin-top: 25px;
 margin-right:25px;
 margin-bottom: 10px; /* Distancia hacia abajo */
 margin-left: 25px; /* Distancia entre borde y texto */
 }
 
.imgizqda {
 float: left;
 padding: 3px; /* Distancia entre imagen y borde */
 border: 5px solid #666; /* El borde de la imagen */
 margin-top: 25px;
 margin-right:25px;
 margin-bottom: 10px; /* Distancia hacia abajo */
 margin-left: 25px; /* Distancia entre borde y texto */
 }
 
.imgaparatos {
 float: left;
 padding: 3px; /* Distancia entre imagen y borde */
 border: 5px solid #666; /* El borde de la imagen */
 margin-top: 10px;
 margin-right:25px;
 margin-bottom: 10px; /* Distancia hacia abajo */
 margin-left: 25px; /* Distancia entre borde y texto */
 }
 
.imgdchacont {
 float: right;
 padding: 3px; /* Distancia entre imagen y borde */
 border: 5px solid #666; /* El borde de la imagen */
 margin-top: 10px;
 margin-right:25px;
 margin-bottom: 10px; /* Distancia hacia abajo */
 margin-left: 25px; /* Distancia entre borde y texto */
 }
 
.imgizqdacont {
 float: left;
 padding: 3px; /* Distancia entre imagen y borde */
 border: 5px solid #666; /* El borde de la imagen */
 margin-top: 10px;
 margin-right:25px;
 margin-bottom: 10px; /* Distancia hacia abajo */
 margin-left: 25px; /* Distancia entre borde y texto */
 }
 
/*=================================================
===================================================

   ESTILOS PARA TITULOS PARRAFOS LISTAS Y TABLAS
   
===================================================
=================================================*/
 
h1 {font-size: 120%;
    text-align:center;
    padding:0;
    padding-top: 25px;
	padding-bottom:10px; 
	}
h2 {font-size: 113%;
    text-align:center;
    padding:0;
    padding-top: 25px;
	padding-bottom:10px;  
	}
h3 {font-size: 110%;
    color:black;
    padding:0;
    padding-top: 15px;
	padding-bottom:10px;
	padding-left:25px;
	}
	
h4 {font-size: 110%;
    color:#900;
    padding:0;
    padding-top: 15px;
	padding-bottom:10px;
	padding-left:25px;
	}
	
h5 {font-family: arial;
    font-size: 90%;
    color:#333;
    padding:0;
    padding-right:20px;
    padding-left:25px; 
	}
	
p, ul {
 list-style-image: url(vineta.gif);
 margin-top: 0;
 margin-right: 25px;
 margin-bottom: 1em; /* Margen inferior */
 margin-left: 0; 
 }
 
ol {
 list-style-image:none;
 margin-top: 1em;
 margin-right: 25px;
 margin-bottom: 1em; /* Margen inferior */
 margin-left: 0; 
 }
 


li {
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0; 
 margin-left: 6em; /* Margen izquierdo */
 }
 
em {font-family:arial;
    font-size:100%;
	color:#630;
   }
   
table {font-family:verdana, arial;
 font-size:100%;
 color:black;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0; 
 margin-left: 6em;
 }