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

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

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

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

ul,ol {
list-style:none;
}

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

#link_trip { display:none; }
/* ----------------------------------
	ESTILOS GENERALES
----------------------------------- */


/* ----------------------------------
	ESTRUCTURAS GENERALES
----------------------------------- */
/* BACKGROUND */
#background {
background:url(img/seccion_index/backgrounds/background-logo.png) no-repeat 50% 4px;
height:100%;
}

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

/* HEADER */
#header { /* <div> Header */
background:url(img/seccion_index/header/logo-umsa.png) no-repeat 0% 0%;
height:150px;
position:relative;
}
  
#header #social {
	position:absolute;
	top:10px;
	right:-45px;
	top:32px;
}

	#header #social img { border:none; }
  
#header #fecha { /* <div> La fecha (position absolute) */
float:right;
margin-top:30px;
clear:both;
font:15px Tahoma, Arial, sans-serif;
color:#7f7f7f;
}




/* ACTIVIDADES */
#actividades { /* <div> Sostiene las actividades */
	background:#367894;
	margin-top:32px;
	color:white;
	margin-bottom:0px;
	border-bottom:1px solid transparent; /* IE7, necesario para el "boxing" */
}

  #actividades h1 { /* Título de la principal actividad */
  font:26px "Times New Roman", Times, serif;
  background:url(img/seccion_index/actividades/background_titulo.jpg) repeat-x 0 0 #094b5e;
  padding:8px 0 7px 10px;
  }
  
  #actividades #actividades_imagen { /* <div> La imagen de la principal actividad */
  float:right;
  margin-left:5px;
  }
  
  #actividades p { /* Los párrafos */
  font:14px Calibri,Arial, Helvetica, sans-serif;
  padding:15px 0 15px 15px;
  }
  
  #actividades a { /* Links normales */
	color:white;
	text-decoration:none;
  }
  
  #actividades a:hover {
	text-decoration:underline;  
  }
   
  #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;
  } 
  
  #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;
  }

  
  #actividades .actividad_secundaria h2 { /* Los títulos */
	margin-left:130px;  
  }
  
  #actividades .actividad_secundaria p { /* <p> Los párrafos */
  margin:0 0 0 130px;
  padding:0;
  font-size:11px;
  }


/* NOTICIAS */
#noticias { /* <div> Sostiene a las noticias */
background:#b4c8d1;
width:527px; /* <--Real, 593px */
border-top:1px solid transparent;
margin-top:32px;
position:relative;
padding-left:66px;
}

   #noticias p { /* La descripción de cada noticia */
    color:white;
	background:black;
	font:11px Tahoma, Geneva, sans-serif;
	padding:3px;
	margin-top:-4px;
	height:30px; /* <-- Por si el texto sólo ocupa una línea */
   }
   
      #noticias p a { /* Links */
		  color:#79abae;
	  }
  
  
/* MESSENGER */
#messenger { /* <div> El messenger (float right) */
	background:#26627b;
	float:right;
	width:313px; /* <-- Real 335px */
	margin-top:32px;
	border:11px solid #397c99;
	color:white;
	font:12px Arial, Helvetica, sans-serif;
	position:relative;
}

  #messenger #messenger_logo { /* <div> El logo (position absolute) */
	position:absolute;
	right:-47px;
	top:-22px;
  }

  #messenger p { /* La instrucción */
	  padding-left:10px;
	  padding-top:10px;
	  padding-bottom:10px;
	  border-bottom:1px solid #1c4e64;
	  margin-bottom:10px;
  }
  
  #messenger form { /* El formulario */
	  padding-left:10px;
	  margin-bottom:10px;
  }
  
    #messenger form label {
		font:bold 12px Tahoma, Geneva, sans-serif;
		display:block;
	}
	
	#messenger form .text {
		width:161px;
	}
	
	#messenger form .submit {
		font:bold 12px Tahoma, Geneva, sans-serif;
		background:#072532;
		color:white;
		border:1px solid #072532;
	}


/* COMUNIDAD */
#comunidad { /* <div> Sostiene la comunidad (float right) */
	clear:right;
	float:right;
	margin-top:13px;
	width:335px;
	background:url(img/seccion_index/comunidad/background.jpg) no-repeat 0 100% white;
	position:relative;
	height:115px;
	margin-bottom:15px;
}

  #comunidad #comunidad_candado { /* <div> El candado (position absolute) */
	position:absolute;
	left: -9px;
	top: 62px;
  }

  #comunidad h1 { /* El título "COMUNIDAD UMSA" */
		font:13px Tahoma, Geneva, sans-serif;
		color:white;
		background:url(img/seccion_index/comunidad/background_titulo.jpg) repeat-x 0 0 black;
		padding:4px 100px 4px 5px;
		text-align:right;
  }
  
     #comunidad h1 a { color:white; } /* Links */
  
  #comunidad #comunidad_logo { /* <div> El logotipo (position absolute) */
	position:absolute;
	left: 90px;
	top: -5px;
  }
  
	   #comunidad h3 a { color:white; } /* Links */
	
	#comunidad div#lista { /* La lista (Coordinadores, Profesores, Alumnos, etc) */
		font:bold 12px Tahoma, Geneva, sans-serif;
		padding:15px 0 0 113px;
		margin:0;
	}
	
	   #comunidad div#lista div {
		   padding:0;
		   margin:0;
	   }
	
	   #comunidad div#lista span  { /* » */
		   color:#009ee0;
	   }
	
	#comunidad div#lista a { color:black;font:bold 12px Tahoma, Geneva, sans-serif; } /* Links */
  



/* FOOTER */
#footer { /* <div> El footer */
	clear:both;
	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:bold 11px Arial, Helvetica, sans-serif;
	color:#4c91ae;
	padding:5px 5px 5px 10px;
}

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