html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body 
{line-height: 1;}

ol, ul
{list-style: none;}

blockquote, q 
{quotes: none;}

blockquote:before, blockquote:after, q:before, q:after
{content: ''; content: none;}

:focus 
{outline: 0;}

ins
{text-decoration: none;}
del
{text-decoration: line-through;}

table
{border-collapse: collapse; border-spacing: 0;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


/* ------------------------------------- */
/* Main */
html, body
{
	font-size: 12px; 
	font-family: Arial, FreeSans, "DejaVu Sans", sans-serif; 
	width: 100%; 
	height: 100%; 
	clear: both;
}

p
{line-height: 18px; padding-bottom: 16px;}
ul
{line-height: 16px; padding-bottom: 18px;}
ul.list
{list-style: outside disc; position: relative; left: 40px;}

h1,h2,h3
{padding-bottom: 16px;}

h1
{font-size: 28px;}
h2
{font-size: 22px;}
h3
{font-size: 16px;}

.br
{padding: 0px;}

.left
{text-align: left;}
.right
{text-align: right;}
.center
{text-align: center;}
.justify
{text-align: justify;}

div
{position: relative;}

div#content
{
	width: 100%; 
	height: auto; 
	background: #2D2D2D; 
	clear: both;
	overflow: hidden; /* What? */
}

div#main
{
	width: 960px; 
	height: auto; 
	margin: 0px auto; 
	border-left: #3B5998 25px solid; 
	background: #FFF; 
	clear: both;
	overflow: hidden;
}

div#header
{
	width: 100%; 
	height: 100px; 
	clear: both;
}

div#navbar
{
	width: 960px;
	height: 80px;
	top: 6px; 
	clear: both;
}

div#navbar a
{color: #666; text-decoration: none;}
div#navbar a:hover
{color: #333;}

div.nav, div.nav-last
{
	float: left;
	width: 180px;
	left: 20px; 
	top: 0px; 
	display: inline-block; 
	padding: 0px 30px 0px 20px; 
	margin: 0px 0px 0px 0px; 
	border-right: solid 1px #999;
}

div.nav-last
{border-right: none; clear: right}

div.nav ul.nav-menu, 
div.nav-last ul.nav-menu
{
	list-style: none outside; 
	display: inline-block; 
	float: left; 
	position: relative; 
	left: 20px;
	line-height: 18px;
}

div.nav ul.nav-menu li,
div.nav-last ul.nav-menu li
{color: #666; font-size: 10px;}

div#col
{width: 960px; height: auto; clear: both; top: 30px;}

div#info-index
{width: 960px; height: 200px; clear: both;}

div#info-index div.info-index-content
{
	width: 280px; 
	height: 200px; 
	float: left; 
	top: 40px; 
	font-size: 11px; 
	text-align: left; 
	padding: 10px 20px 10px 20px;
}
div#info-index div.info-index-content img
{float: right; padding: 0px 15px 10px 15px;}

div#courses-desc1
{
	width: 450px;
	height: auto;
	padding: 0px 20px 0px 30px;
	float: left;
	clear: left;
	top: 40px;
	text-align: justify;
}
div#courses-desc1 a
{text-decoration: none; font-weight: bold; color: #333;}
div#courses-desc1 a:hover
{color: #3B5998;}

div#courses-desc2
{
	width: 400px;
	height: auto;
	padding: 0px 20px 0px 20px;
	float: left;
	clear: right;
	top: 40px;
	text-align: justify;
}

div#courses-desc2 ul
{position: relative; left: 30px;}

div#footer
{
	width: 900px; 
	height: 120px; /* No se porqué fue esto lo que corrigio el floating. */
	clear: both; 
	font-size: 10px; 
	float: left; 
	top: 70px;
	padding: 0px 30px 0px 30px; /* WRONG! (Top, of course.) */
}

h3#t1:hover,
h3#t2:hover,
h3#t3:hover,
h3#t4:hover,
h3#t5:hover,
h3#t6:hover,
h3#t7:hover
{cursor: pointer; color: #3B5998;}

div#t1-content,
div#t2-content,
div#t3-content,
div#t4-content,
div#t5-content,
div#t6-content,
div#t7-content
{display: none; position: relative; left: 20px;}

div.trimestres
{left: 30px;}