/* HTML */

body
	{
	margin-top: 0px;
	margin-left: 26px;
	background-color: #FFFFFF;
	background-image: url('../images/teobg.gif');
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

h1
	{
	margin: 0;
	font-size: 1.2em;
	font-weight: normal;
	color: #363C9C;
	}
	
h2
	{
	margin: 0;
	font-size: 1.1em;
	font-weight: normal;
	color: #363C9C;	
	}
	
h3
	{
	margin: 6px 0 0 0;
	font-size: 1.1em;
	margin-left: 36px;
	font-weight: normal;
	}

h4
	{
	font-size: 1em;
	font-weight: normal;
	color: #363C9C;	
	}
		
.notas
	{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: .75em;
	}

.nav
	{
	margin: 0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: .75em;
	}
	
a:hover
	{
	color: black;
	background: #EEF;
	}
	
.gris
	{
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	background: #CCCCCC;
	text-align: center;
	vertical-align: top;
	}

.recuadro	
	{
	background-color: #EEEEFF;
	border-top: 1px solid #900;
	border-left: 6px solid #900;
 	}

.recuadro-div
	{
	float: right;
	width: 160px;
	margin: .5em;
	padding: 6px;
	background-color: #EEEEFF;
	border: solid #900;
	border-width: 1px 0 0 6px;
	font-size: 75%;
	color: #900;
 	}
 	
.recuadro-div a:hover
	{
	color: white;
	background: #099;
	}

table.collapse {
	border-collapse: collapse;
	margin: 1em;
	}
	
td.blanco {
	padding: .1em .3em;
	font-size: 90%;
	vertical-align: top;
	background-color: white;
	text-align: center;
	border: 1px solid #999;
	}
 	
td.gris {
	padding: .1em .3em;
	font-size: 90%;			
	vertical-align: top;
	background-color: #CCC;
	text-align: center;
	border: 1px solid #999;
	}

.serif{font-family: "Times New Roman", Times, Serif;}
		
.respuesta{background-color: #80FF00;}
	
.contra{background-color: #FFC082;}
	
.oscuro	{background-color: #EEEEFF;}