/* CSS Document */

html { 
	height		: 100%; 
	margin-bottom	: 1px; 
}

body {
	margin: 0;
	padding: 0;
	height:  100%;
	margin-bottom: 1px;
	background: #ffffff;
	
	/* Si queremos que el fondo sea grisaceo y que valla cambiando a blanco progresivamente
	background: url(../images/vd_background.png) 0 0 repeat-x; */
}

a:link {
	color: #008193;
	font-weight: normal;
	text-decoration: none;
}

a:visited{
	color: #008193;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a img {
	border: none;
}

h1 {
	font-weight: normal;
	font-size: 18px;
	color: #000;
}

h2 {
	font-weight: normal;
	font-size: 16px;
	color: #333;
}

td, p, div /* Quitado de aqui "span" */ {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 130%;
	text-align: left;
}

h3{
	color: #333;
	font-weight: normal;
	font-size: 18px;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	padding: 4px 0;
	margin: 10px 0;
	border-bottom: 1px solid #ccc;
}

.componentheading {
	font-weight: bold;
	font-size: 15px;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	padding: 4px 0;
	margin: 10px 0;
	border-bottom: 1px solid #ccc;
   /*     background: #d46c2d;*/
        color: #d46c2d;
}

.componentheading {
	padding: 0;

}

.contentheading {
	height: 35px;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
	font-size: 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	
	border-bottom: 1px solid #ccc;
	color: #d46c2d;
}

.buttonheading {
	vertical-align: bottom;
}

.sectiontableheader {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

table.contenttoc {
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	padding: 5px;
}

span.small, td.createdate {
	font-size: 11px;
	font-weight: normal;
	color: #999;
}

a.mainlevel, a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_back.png) repeat-x;
	
	vertical-align: left;
	color: #333333;
	text-align: left;
	padding-top: 5px;
	padding-left: 5px;
	height: 20px !important;
	height: 25px;
	width: 97%;
	text-decoration: none;
}

a.mainlevel:hover {
	background: url(../images/menu_back-hover.png) repeat-x;
}


a.sublevel{
	display: block;
	background: url(../images/menu_back_sub.png) repeat-x;
	
	vertical-align: left;
	color: #333333;
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	height: 20px !important;
	height: 25px;
	width: 96%;
	text-decoration: none;
	
	margin-left: -4px;
	margin-top: -14px;
}

a.sublevel:hover{
	background: url(../images/menu_back_sub-hover.png) repeat-x;
}

div.clr {
	clear: both;
}

div#center {
	height: 100%;
	text-align: center;
}

div#wrapper {
	height: 100%;
	margin-left: auto;
	margin-right: auto;
   /*
   Esto quitado para que en 800x600 se pueda hacer scroll horizontal, sino se descolocaban imagenes
    min-width: 750px; 
    max-width: 950px; 
    width: expression(document.body.clientWidth > 900? "900px": "auto" ); */
	width: 970px;
}

div#whitebg {
	margin: 0 15px;
	background: #fff;
}

div#header {
    height: 90px;
  /*  background: #ffffff url(../images/MU_Logo.jpg) 8% 0 no-repeat; */
	margin: 1px 0px;
}
div#MU_banner {
	border: 0;
	float: left;
	height: 90px;
	width: 200px;
	margin-left: 50px !important; /* Esto lo usara firefox */
	margin-left: 20px; /* Esto lo usara IE 6.0 o inferior */
}

div#header_t2 {
	height: 90px;
	background: url(../images/T2Logo.png) 50% 5px no-repeat !important;
        //background: url(../images/T2Logo.png) 20% 5px no-repeat !important;
	background: url(../images/T2Logo.png) 37% 5px no-repeat;
}

/*Quitado el separador vertical del banner superior. Dejado aqui por si se quiere meter un separador

div#header_divider {
	height: 125px;
	background: url(../images/header_divider.jpg) 69% -20px no-repeat;
}
*/

div#buscador {
	padding-left: 79% !important;
        //padding-left: 75% !important;
	padding-left: 70%;
    padding-top: 2% !important;
	padding-top: 0.4%;
	//padding-top: 1% !important;
}

div#language {
	padding-left: 79% !important;
        //padding-left: 10% !important;
	padding-left: 70%;
    padding-top: 3% !important; /* Hack para que en Internet explorer se vea bien. El IE tiene un bug y es que
	                             no interpreta los !important (entre otros fallos), por lo que se puede usar 
								 para conseguir que otras cosas las interprete bien. Esta linea de codigo la 
								 interpretara firefox, mientras que el explorer seguira e interpretara la 
								 siguiente como valida. ARRIBA E HA USADO LO MISMO */
    padding-top: 0.4%;
	color: #008193;
}

span.header {
	display: block;
	line-height: 90%;
	vertical-align: bottom;
	padding-left: 30px;
	padding-top: 80px;
	font-family: Times New Roman, Times, serif;
	font-size: 36px;
	color: #fff;
}

span.subhead {
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	color: #CFEDC8;
	padding-left: 30px;
}

div#padding {
	padding-bottom: 14px;
}

div#horizsep {
	height:1px;
	overflow: hidden;
	background: #ccc;
	margin-top: 15px;
	margin-bottom: 15px;
}

div#divider {
	border: 1px solid #fff;
	background: url(../images/vd_vert_sep.png) repeat-y;
	background-position: 22% 0 !important;
	background-position: 23% 0;
}

div.thinsep {
	clear: both;
	margin-top: 0px; /* Meterle mas valor en caso de que queramos separarlo de la parte superior */
	height: 5px;
	overflow: hidden;
	background: url(../images/vd_horiz_sep.png) 0 0 repeat-x;
}

div#footer {
	clear: both;
	
	margin-top: 15px;
	padding: 5px 0;
	text-align: center;
	color: #000;
	font-size: 10px;
}


div#main {
	margin-left: 22%;
	float: none;
	width: auto !important;
	width: 100%;
}

div#main_padding {
	padding: 0 15px;
	float: none;
	width: auto !important;
	width: 100%;       
}

div#sidebar {
	float: left;
	width: 23%;
}

div#sidebar_padding {
	padding: 0 15px;
	float: none;
	width: auto !important;
	width: 100%;
}

/* horizmenu */
div#horizmenu {
	white-space: nowrap;
	margin: 10px 0px; 
	line-height: 20px;
	height: 20px;
	padding-left: 15px;
	background: url(../images/back_menu_top.png) 0 0 repeat-x;
}

div#horizmenu ul {
	margin: 0;
	padding: 0;
	list-style:none;
}

div#horizmenu li {
	float: left;
	background: url(../images/menu_top_divider.png) 100% 0 repeat-y;
	margin: 0;
	padding: 0;
	
	padding-right: 2px;
	list-style: none;
}

div#horizmenu a:link,
div#horizmenu a:visited {
	display: block;
	float: left;
	padding: 0 25px;
	line-height: 20px;
	text-decoration: none;
}

div#horizmenu ul#mainlevel-nav a {
	float:left;
	display:block;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
    color: #ffffff;
}

div#horizmenu ul#mainlevel-nav a:hover {
	background: #00a6c4;
}

div#horizmenu a.active_menu {
  color: #000;
}

span.pathway {
	float: left;
	line-height: 20px;
}

/* Other Menu */

div#other_menu {
	white-space: nowrap;
	line-height: 20px;
	height: 20px;
	padding-left: 15px;
	background: url(../images/back_menu_top.png) 0 0 repeat-x;
	padding-left: 80%;
}

div#other_menu a:link,
div#other_menu a:visited{
	display:block;
	float: left;
	text-decoration: none;
    color: #ffffff;
	margin-left: 18px;
}