/* DISEÑO WEB: http://www.tripulacionweb.com */

/* ----------------------------------
	ETIQUETAS GENERALES
----------------------------------- */
html,body {
height:100%;
}

body {
margin:0;
padding:0;
background:url(../img/seccion_universidad/backgrounds/background.jpg) repeat-x #024663;
}

ul,ol,li,h1,h2,h3,h4,h5,p,form {
margin:0;
padding:0;
}

ul,ol {
list-style:none;
}

a { text-decoration:none; }
a:hover { text-decoration:underline; }

#link_trip { display:none; }

/* ----------------------------------
	ESTRUCTURAS GENERALES
----------------------------------- */
/* BACKGROUND */
#background {
background:url(../img/seccion_universidad/backgrounds/backgroundAlumnos_colegio.png) no-repeat 50% 100%;
width:100%;
height:200px;
position:fixed;
bottom:0;
left:0;
z-index:-10;
}

/* WRAPPER */
#wrapper { /* <div> fixed width centrado */
width:960px;
margin:0 auto 0 auto;
}

/* HEADER */
#header { /* <div> Header */
background:url(../img/seccion_universidad/header/background_colegio.jpg) no-repeat 0% 0%;
height:144px;
position:relative;
z-index:1700;
}

  #header #header_flash {
	  position:absolute;
	  left:325px;
	  top:0;
  }

/* HEADER » SOCIAL */
#header #social {
	position:absolute;
	top:10px;
	right:-45px;
	top:32px;
}

	#header #social img { border:none; }

  #header #sistema { /* <div> Sostiene el acceso al sistma (comunidad umsa) (float right) */
	  width:262px;
	  clear:both;
	  float:right;
	  margin-top:10px;
	  position:relative;
  }
  
    #header #sistema #sistema_candado { /* <div> El candado (position absolute) */
	position:absolute;
	left: 94px;
	top: -4px;
	}
  
    #header #sistema h3 { /* El título "Sistema de Alumnos" */
		font:13px Tahoma, Geneva, sans-serif;
		color:white;
		background:url(../img/seccion_universidad/header/sistema_background.jpg) repeat-x 0 0 black;
		padding:5px 20px 5px 5px;
		text-align:right;
	}
	
	   #header #sistema h3 a { color:white; } /* Links */
	
	#header #sistema div#lista { /* La lista (Coordinadores, Profesores, Alumnos, etc) */
		font:bold 12px Tahoma, Geneva, sans-serif;
		padding:15px 0 0 34px;
		margin:0;
	}
	
	   #header #sistema div#lista div {
		   padding:0;
		   margin:0;
	   }
	
	   #header #sistema div#lista span  { /* » */
		   color:#009ee0;
	   }
	
	#header #sistema div#lista a { color:black;font:bold 12px Tahoma, Geneva, sans-serif; } /* Links */
  

/* NAV */
#nav { /* <div> Sostiene el navegador */
}

  #nav ul { /* <ul> Fondo y paddings*/
	background:url(../img/seccion_universidad/nav/background.jpg) repeat-x 0 0;
	padding:0px 20px 0px 20px;
	height:41px;
  }
  
  /* DIFERENTE (Según el número de secciones) */
  
  #nav ul li { /* <li> Cada uno de los botones (float left) */
	float:left;
	margin-right:7px;
	padding:9px 7px 8px 7px;
	position:relative;
	z-index:1000; /* <-- IE6, IE7 hay que aumentar el z-index no sólo del elemento posicionado final */
  }
  
  #nav ul li a { /* Los textos (ej "Inicio, ¿Quiénes Somos?, Licenciaturas, etc") */
	  /*font:16px "Palatino Linotype", "Book Antiqua", Palatino, serif; */
	  font:15px Arial, Helvetica, sans-serif;
	  color:white;
  }
  
  /* -------- */
  
  #nav ul li a:hover { text-decoration:none; }
  
  #nav ul li.hover { /* <li>. hover */
	  background:url(../img/seccion_universidad/nav/background_hover.jpg) repeat-x 0 0;
  }
  
     /* NAV 2 */
	 #nav ul li div.nav2 {
	background:url(../img/seccion_universidad/nav/background.png) repeat 0% 0%;
	color:white;
	position:absolute;
	left:0;
	top:37px;
	display:none;
	width:200px;
	 }
	 
	   #nav ul li div.nav2 a {
		   display:block;
		   color:white;
		   font:12px Calibri, Arial, Helvetica, sans-serif;
		   padding:5px 10px 5px 10px;
	   }
	   
	   #nav ul li div.nav2 a:hover {
		   background:#0c719e;
	   }
  
  
/* CONTENIDO */
#contenido { /* <div> Sostiene todo, sin márgenes ni nada */
	background:white;
	border-left:6px solid black;
	clear:both;
}

  #contenido #fecha {
	  text-align:right;
	  font:12px Tahoma, Geneva, sans-serif;
	  color:#7f7f7f;
	  padding-top:8px;
	  margin-right:8px;
  }
  
  
/* FOOTER */
#footer { /* <div> El footer */
	clear:both;
	margin-top:32px;
	color:white;
	background:#072532;
}

  #footer h1 {
	  font:17px Arial, Helvetica, sans-serif;
	  padding:10px;
  }
  
  #footer #footer_email {
	  float:right;
	  color:white;
	  font:17px Arial, Helvetica, sans-serif;
	  padding:10px;
  }
  
    #footer #footer_email a { color:white;text-decoration:none; }
	
#secciones { /* <div> Las secciones */
	margin-top:2px;
	background:#04171f;
	font:17px Tahoma, Geneva, sans-serif;
	color:#4c91ae;
	padding:5px 5px 5px 10px;
}

  #secciones a { color:#4c91ae;} /* Links */


/* -----------------------------------------
	SECCIONES INDEX (index.php)
------------------------------------------ */
#contenido #s_index {
	padding:0px 20px 0 20px;
}

/* NOTICIAS */
#contenido #s_index #noticias_i { /* Noticias (INDEX) */
	font:11px Tahoma, Geneva, sans-serif;
}

#noticias_i a img, #noticias a img { border:none; } /* Links/Imágenes sin bordes */
  
  #noticias_i h1 { /* El título de la notica */
	  font:28px Georgia, "Times New Roman", Times, serif;
  }
  
    #noticias_i h1 a { color:black; } /* Link título */
  
  #noticias_i p { /* Información de la noticia */
	  line-height:1.8em;
	  width:243px; /* <-- Real, 266px */
	  text-align:justify;
	  padding:10px;
	  float:right;
  }
  
  #noticias p {
	  line-height:1.8em;
	  width:570px;
	  text-align:justify;
	  margin-top:15px;
  }
  
  #noticias_i a { /* Links */
	  color:#0a80b1;
  }
	
	
/* DIVISIÓN */
#contenido #s_index #division {
	border:1px solid #d1d1d1;
	clear:both;
	margin-bottom:31px;
}


/* ACTIVIDADES */
#contenido #s_index #actividades { /* <div> Sostiene las actividades */
	background:white;
	margin-top:31px;
	margin-bottom:0px;
}

#actividades a img { border:none; } /* Links/Imágenes sin bordes */

  #actividades h1 { /* Título de la principal actividad */
  font:26px "Times New Roman", Times, serif;
  color:black;
  padding-left:20px;
  }
  
  #actividades #actividades_imagen { /* <div> La imagen de la principal actividad */
  float:right;
  margin-right:20px;
  }
  
  #actividades p { /* Los párrafos */
  font:14px Calibri,Arial, Helvetica, sans-serif;
  padding:5px 0 15px 35px;
  }
  
  #actividades a { /* Links normales */
	color:black;
	text-decoration:none;
  }
  
  #actividades a:hover {
	text-decoration:underline;  
  }
  
  #actividades a.masInfo2 { /* Links "más información" */
  color:#024663;
  text-decoration:none;
  font: 12px Calibri, Arial, serif;
  }
  
  #actividades a.masInfo { /* Links "más información" */
  color:#faf7ab;
  text-decoration:none;
  font: 11px Calibri, Arial, serif;
  }
   
  #actividades .actividad_secundaria { /* <div> Las actividades secundarias */
  padding:8px 0 8px 0;
  height:55px; /* <-- Real 71px */
  }
  
  #actividades .background1 { background:#5092ae; } /* Fondos diferentes */
  #actividades .background2 { background:#366b82; }
  
  #actividades .actividad_secundaria_img { /* <div> El thumb (position absolute) */
  position:absolute;
  margin-left:15px;
  margin-right:13px;
  border:1px solid #024561;
  }

  
  #actividades .actividad_secundaria h2 { /* Los títulos */
	padding-left:130px;
	font:19px "Times New Roman", Times, serif;
  }
  
    #actividades .actividad_secundaria h2 a { color:white; } /* Link títulos */
  
  #actividades .actividad_secundaria p { /* <p> Los párrafos */
  padding:0 0 0 130px;
  font-size:11px;
  color:white;
  }



/* ----------------------------------
	SECCIONES NORMALES
----------------------------------- */
/* NAV2 */
#s_normal {
	padding-top:0px;
	padding-right:30px;
}

#s_normal #floatMenu { /* <div> Menú flotante */
	position:absolute;
	top:250px;
	left:50%;
	margin-left:-487px;
	width:224px;
	background:white;
	z-index:0;
}

	#s_normal #floatMenu.chico { margin-left:0; left:0; }

   /* BACKGROUNDS */
   #s_normal #floatMenu .top {
	   background:url(../img/seccion_universidad/nav2/top.jpg) repeat-x 0% 0%;
   }
   
   #s_normal #floatMenu .right {
	   background:url(../img/seccion_universidad/nav2/right.jpg) repeat-y 100% 0%;
   }
   
   #s_normal #floatMenu .bottom {
	   background:url(../img/seccion_universidad/nav2/bottom.jpg) repeat-x 0% 100%;
   }
   
   #s_normal #floatMenu .left {
	   background:url(../img/seccion_universidad/nav2/left.jpg) repeat-y 0% 0%;
   }
   
   #s_normal #floatMenu .topRight {
	   background:url(../img/seccion_universidad/nav2/topRight.jpg) no-repeat 100% 0%;
   }
   
   #s_normal #floatMenu .bottomRight {
	   background:url(../img/seccion_universidad/nav2/bottomRight.jpg) no-repeat 100% 100%;
   }
   
   #s_normal #floatMenu .holder { /* <div> Sostiene el contenido */
	   padding:15px 10px 23px 23px;
   }
   
      #s_normal #floatMenu .holder h2 { /* El título del menú */
		  font:19px "Palatino Linotype", "Book Antiqua", Palatino, serif;
		  color:#0b719d;
		  margin-bottom:10px;
		  padding-bottom:10px;
		  border-bottom:1px solid #cccccc;
	  }
	  
	  #floatMenu .holder div { /* Cada una de las opciones */
		  font:13px Calibri,Arial, Helvetica, sans-serif;
		  padding-bottom:4px;
	  }
	  
	  #floatMenu .holder a { /* Links */
		  color:black;
	  }
	  
	  #floatMenu .holder span {
		  color:#004696;
	  }
	  
/* UBICACIÓN */	  
#s_normal #ubicacion { /* <div> La ubicación "UMSA » UNIVERSIDAD » LICENCIATURAS" */
	font:italic 12px Arial, Helvetica, sans-serif;
	color:#333333;
	padding-left:20px;
}

  #s_normal #ubicacion a { color:#333; }
  

/* CONTENEDOR */
#s_normal #contenedor {
	padding-left:234px;
	margin-top:15px;
	background:url(../img/seccion_universidad/backgrounds/backgroundFloatMenu.jpg) repeat-y;
	padding-bottom:20px;
}

#s_normal #contenedor2 { /* <div> Cuando NO se requiere el menú flotante. */
	margin-top:15px;
	margin-left:15px;
	padding-bottom:20px;
}


/* ----------------------------------
	ESTILOS GENERALES
----------------------------------- */
#s_normal h1 { /* El título de la sección */
	font:36px "Times New Roman", Times, serif;
	color:black;
}

#s_normal #imagen { /* <div> La imagen de la sección */
	margin-bottom:15px;
}

    #s_normal  h2 { /* Subtítulos */
	font:28px "Times New Roman", Times, serif;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
    }
	
    #s_normal  h3 { /* Subtítulos "especiales" (azules) */
	font:22px "Times New Roman", Times, serif;
	color:#014663;
	margin-bottom:5px;
    }

#s_normal p { /* Párrafos comunes */
	font:14px Calibri, Arial, Helvetica, sans-serif;
	margin-bottom:15px;
	width:auto;
	text-align:justify;
}

    #s_normal p a { color:blue;} /* Links */

#s_normal p.right { /* Párrafo alineado a la derecha */
	text-align:right;
}

#s_normal ul { /* Listas comunes */
	font:14px Calibri, Arial, Helvetica, sans-serif;
	list-style-image:url(../img/seccion_universidad/estilos/arrow.jpg);
	margin-left:40px;
	margin-bottom:15px;
	color:#014663;
}

#s_normal ul li {
	margin-bottom:10px;
}

   #s_normal ul li a { color:blue; }

#s_normal table { /* Tablas comunes */
	border-collapse:collapse;
	font:14px Calibri, Arial, Helvetica, sans-serif;
	width:99%;
}

   #s_normal table td { /* Celdas comunes */
	   padding:10px;
	   text-align:left;
   }
   
   #s_normal table td {
	   vertical-align:top;
   }

/*  GALERÍAS */
#s_normal #galeria {
}

   #s_normal #galeria h1 span { /* Txt. "(4 eventos)". */
	   font-size:20px;
	   color:#666;
   }

   #s_normal #galeria table { /* Tabla al 100% de ancho */
	   width:100%;
   }
   
   #s_normal #galeria table img { /* Las imágenes con un borde */
	   border:1px solid #999;
   }
   
   #s_normal #galeria a { color:black;font-size:16px; } /* El link/nombre de cada evento/galería */
   
   #s_normal #galeria span { color:#666; } /* La fecha del evento/galería */
   #s_normal #galeria span.imagenes { color:#014663; } /* El número de imágenes del evento/galería */
   
   #s_normal #galeria table td { /* Los <td> */
	   padding-bottom:15px;
	   vertical-align:top;
   }
   
   #s_normal #galeria #info { /* Información de la galería/evento */
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dashed #666;
   }
   
      #s_normal #galeria #info a { /* Links azules "Ver todos los eventos", "Regresar" */
		  color:#0B719D;
		  font:14px Calibri,Arial, Helvetica, sans-serif;
	  }
	  
	#s_normal #galeria .amarillo { /* La descripción de la galería */
		background:#FFC;
		padding:8px;
		border:1px dotted #ccc;
	}
	
	
/* NOTICIAS Y EVENTOS */
#s_normal #noticias {
}

   #s_normal #noticias h1 span { /* Txt. "(4 eventos)". */
	   font-size:20px;
	   color:#666;
   }

   #s_normal #noticias table { /* Tabla al 100% de ancho */
	   width:100%;
   }
   
   #s_normal #noticias table.background1 {
	   background:#FFFEE6;
	   border:1px dotted #ccc;
   }
   
   #s_normal #noticias table img { /* Las imágenes con un borde */
	   border:1px solid #999;
   }
   
   #s_normal #noticias table td.foto {
	   vertical-align:middle;
   }
   
   #s_normal #noticias .paginacion {
	   background:#023248;
	   text-align:center;
	   color:#1A5771;
	   padding:10px;
	   font:15px Calibri,Arial, Helvetica, sans-serif;
   }
   
      #s_normal #noticias .paginacion a { color:white; }
	  
   #s_normal #noticias #info { /* Información de la galería/evento */
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #666;
   }
   
      #s_normal #noticias #info a { /* Links azules "Ver todos los eventos", "Regresar" */
		  color:#0B719D;
		  font:14px Calibri,Arial, Helvetica, sans-serif;
	  }
	  
	  #s_normal #noticias #foto_noticia {
		  text-align:center;
	  }
	  
	  #s_normal #noticias h3 { /* El título de la noticia */
		  font-size:40px;
		  margin:0;
	  }
	
	
/* REGLAMENTOS */
#s_normal #reglamento table td { /* Los <td> */
	background:#FFC;
	border:1px dotted #ccc;
}

#s_normal #reglamento table thead td { /* Los <td> */
	background:#014663;
	border:1px dotted #ccc;
	color:white;
}

#s_normal #reglamento p strong {
	font-size:18px;
}

/* FORMULARIO (contacto) */
#s_normal form {
	margin-bottom:20px;
}

#s_normal form label {
	display:block;
	font:14px Calibri,Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#s_normal form .text {
	border:1px solid #3F8AB1;
	width:200px;
	margin-bottom:20px;
    font:14px Calibri,Arial, Helvetica, sans-serif;
}

#s_normal form textarea {
	width:680px;
    border:1px solid #3F8AB1;
	height:190px;
    font:14px Calibri,Arial, Helvetica, sans-serif;
}

#s_normal form table {
	width:auto;
}

#s_normal form table td {
	padding:0;
}

	  #s_normal .ok {
	  font:12px Calibri,Arial, Helvetica, sans-serif;
      background:url(contacto/ok.jpg) no-repeat 5px 50% #009900;
      color:white;
      padding:5px 5px 5px 36px;
      margin-bottom:5px;
      }
	  
	  #s_normal .error {
	  font:12px Calibri,Arial, Helvetica, sans-serif;
      background:url(contacto/error.jpg) no-repeat 5px 50% #990000;
      color:white;
      padding:5px 5px 5px 36px;
      margin-bottom:5px;
	  }
	
	
/* ----------------------------------
	ESTILOS ESPECÍFICOS
----------------------------------- */
/* posgrados/informacion/ubicacion.php */
#s_normal  #mapa { /* <div> Centra el mapa de ubicación */
	   width:550px;
	   margin:0 auto 0 auto;
   }
   
  
/* posgrados/maestrias/*.php */
/* posgrados/diplomados/*.php */
#s_normal #licenciatura {
}

    #s_normal #licenciatura h3 { /* Acuerdos (ej. "Acuerdo 817 (11/junio/2003)") */
	font:20px "Times New Roman", Times, serif;
	color:#4f4f4f;
	margin-bottom:15px;
	}
	   
	
    #s_normal h4 { /* La palabra "Introducción" */
	font:24px "Times New Roman", Times, serif;
     }
	 
    #s_normal #licenciatura h2 { /* Subtítulos ("Perfil de Ingreso", "Perfil del Egresado", "Campo de Trabajo"*/
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	clear:left;
    }
	
	#s_normal #licenciatura h5 { /* Subtítulos ("Conocimiento de", "Habilidades para", "Actitudes de") */
    font:bold 15px Calibri,Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	}
	
    #s_normal #licenciatura ul { /* Listas comunes */
	margin-bottom:20px;
    } 
	
     #s_normal #licenciatura ul li { /* Menor distancia entre los <li> */
	margin-bottom:5px;
     }
	
#s_normal #licenciatura table.tecnicos { /* Aspectos técncios */
	width:100%;
	text-align:left;
	font:14px Calibri, Arial, Helvetica, sans-serif;
}

  #s_normal #licenciatura table.tecnicos td { /* Los <td> normales */
	  padding:10px;
	  border:1px solid #D1CEB8;
  }
	  

  #s_normal #licenciatura table.tecnicos td.info { /* Los <td> con color de fondo */
	  background:#EAE9E1;
	  font-weight:bold;
  }
  
  #s_normal #licenciatura table.tecnicos ol { /* La lista de "Requisitos de Inscripción" */
	  list-style:decimal;
	  margin-left:15px;
  }
  
  #s_normal #licenciatura table a {
	  color:blue;
  }
  
#s_normal #licenciatura table.galeriaUniv { /* Las Galerías (licenciaturas) */
width:auto;
}

   #s_normal #licenciatura table.galeriaUniv td { /* Los <td> normales */
	   padding-left:10px;
	   padding-bottom:10px;
	   vertical-align:middle;
   }
   
   #s_normal #licenciatura table.galeriaUniv img {
	   border:none;
   }