body {
margin : 0;
padding : 0;
background : #f3efe4;
}
a:link, a:visited, a:hover {
color : #000099;
}
h1, h2, h3 {
margin : 0;
font-size : 12px;
text-indent : 20pt;
}
h2 {
background-color : #bec9db;
color : #000066;
line-height : 30px;
}
body, th, td, input, textarea, select {
font-family : Verdana, Arial, Helvetica, Tahoma, sans-serif;
font-size : 10pt;
}
input, textarea {
background-color:#FFF9DF;
font-family : "Times New Roman", Times, serif;
font-size : 11pt;
}
select {
background-color: transparent;
}
.container {
width: 900px;
background: #FFFFFF;
margin: 0 auto; /* el valor automático de los lados, unido a la anchura, centra el diseño  */
} 
.intro {
float: left;
width: 350px;
height: 80px;
padding: 10px;
padding-left: 50px;
padding-right: 10px;
position: relative;
}
.alinearabajo {
position: absolute;
bottom: 10px;
width: 300px;
}
.logo {
float: left;
width: 300px;
height: 80px;
}
.redessociales {
float: left;
width: 150px;
height: 80px;
padding-bottom: 20px;
position: relative;
}
.navegacion {
text-align: center;
position: relative;/* esto da a IE6 el parámetro hasLayout para borrar correctamente */
clear: both; /* esta propiedad de borrado fuerza a .container a conocer dónde terminan las columnas y a contenerlas */
}	
.titulo {
border: 1px solid #e2dcbf;
background-color : #f3efe4;
text-indent : 15pt;
padding: 3px;
clear: both;
}
.iconocurso {
padding: 5px;
float: left;
position: relative;
clear: both;
}
.amarillo {
font-size: 10px;
background-color: #FFFFCC;
text-indent: 40px;
padding: 5px;
}
.navbarleft {
float: left;
width: 210px;
padding: 3px;
}
.content {
float: left;
width: 420px;
padding: 10px;
}	
.navbarright {
float: right;
width: 220px;
border : 1px solid #ff9900;
padding : 8px;
font-size : 10px;
background-color : #f5f5f5;
}
.inferior {
padding-left: 20px;
padding-right: 20px;
position: relative;/* esto da a IE6 el parámetro hasLayout para borrar correctamente */
clear: both;
}
.footer {
padding: 5px 0;
font-size: 10px;
text-align: center;
}
.textoSansSerif {
font-family : Verdana, Arial, Helvetica, Tahoma, sans-serif;
font-size : 10pt;
}
table {
empty-cells : show;
}
table, th, td {
/*border: 1px solid #e2dcbf; */
/*border: 1px solid; */
border-collapse: collapse;
}
table.bordergrey, th.bordergrey, td.bordergrey {
border: 1px solid #e2dcbf; 
border-collapse: collapse;
}
table.layout, th.layout, td.layout {
border: 0px solid #FFFFFF;
background : #ffffff;
padding: 5px;
}
table.content {
width : 900px;
background : #ffffff;
}
.footer {
width : 900px;
text-align:center;
border : 0px solid;
}
.tableMarron {
border : 1px solid #f3efe4;
border : 1px solid #e0a941;
border-collapse : collapse;
}
table.tableTemplate {
width : 900px;
}
tbody tr.odd {
background : #ebedf3;
}
.ancho800 {
width : 800px;
background : #ffffff;
padding : 20px;
border : 1px solid #e2dcbf;
}
.ancho400 {
width : 400px;
background : #ffffff url(../imagenes/homepage01.gif) repeat-x left top;
padding : 10px;
border : 1px solid #e2dcbf;
}
.ancho {
background : #ffffff url(../imagenes/homepage01.gif) repeat-x left top;
padding : 10px;
border : 1px solid #e2dcbf;
}
.ancho400amarillo {
width : 400px;
background-color : #fff9ca;
border : 1px solid #ffdc51;
padding : 10px;
}
.comentario {
width : 450px;
background : #ffffff url(../imagenes/homepage01.gif) repeat-x left top;
padding : 15px;
border : 1px solid #e2dcbf;
}
.headers {
width : 150px;
padding : 6px 4px;
color : white;
border-top : 1px solid #e2dcbf;
border-right : 1px solid #e2dcbf;
border-left : 1px solid #e2dcbf;
background : transparent url(../imagenes/blockactive.gif) repeat-x center center;
text-align : center;
font-weight : bold;
}
.button-bg {
font-family : Arial, Helvetica, Tahoma, Verdana, sans-serif;
background : url(../imagenes/button_bg.gif) repeat-x;
border : 1px solid #bfa277;
color : #332900;
cursor : pointer;
}
#solidblockmenu {
margin : 0;
padding : 0;
float : none;
color : #F1EFE4;
font : bold 12px "Trebuchet MS", Arial, sans-serif;
width : 900px;
overflow : hidden;
border : 1px solid #625e00;
border-width : 1px 0;
background : black url(../imagenes/blockdefault.gif) repeat-x center center;
}
#solidblockmenu li {
display : inline;
}
#solidblockmenu li a {
float : left;
color : #F1EFE4;
padding : 5px 15px;
text-decoration : none;
border-right : 1px solid white;
}
#solidblockmenu li a:visited {
color : #F1EFE4;
}
#solidblockmenu li a:hover, .solidblockmenu li .current {
color : #F1EFE4;
background : transparent url(../imagenes/blockactive.gif) repeat-x center center;
}
.align-justify {
text-align : justify;
}
.align-right {
text-align : right;
}
img {
border : none;
}
a img { 
border: none;
}
img.left {
float : left;
margin : 3px 15px 0 0;
}
img.right {
float : right;
margin : 3px 0 0 15px;
}
img.border {
padding : 2px;
background : #ffffff;
border : 1px solid #e2dcbf;
}
.tituloA1 {
font-size : 10pt;
font-weight : bold;
background-color : #cccccc;
text-indent : 20pt;
line-height : 20px;
}
.tituloficha {
font-size : 10pt;
font-weight : bold;
background-color : #cfd7e2;
}
.ejercicio {
font-family : "Times New Roman", Times, serif;
font-size : 10pt;
}
.textosang {
font-size : 10pt;
text-indent : 20pt;
}
.instrucciones {
font-size : 10pt;
background-color : #99cccc;
}
.ejemplosang {
font-family : "Times New Roman", Times, serif;
font-size : 12pt;
text-indent : 25pt;
}
.textosmall {
font-size : 10px;
}
.textobold {
font-size : 10pt;
font-weight : bold;
}
.cursos {
font-family : "Trebuchet MS", sans-serif;
font-weight : bold;
font-style : italic;
}
.ejemplosmall {
font-family : "Times New Roman", Times, serif;
font-size : x-small;
}
.textogris {
font-size : 10pt;
background-color : #e9e9e9;
}
.textotachado {
font-family : "Times New Roman", Times, serif;
font-size : 10pt;
text-decoration : line-through;
}
.textoFondoAzul {
font-size : 10pt;
color : #99ccff;
}
.tabla {
background-color : #f5f5f5;
border : 2px solid #999999;
}
.tablaOpacHoriz {
border : 1px solid #ff9900;
padding : 5px;
font-size : 10px;
background-color : #f5f5f5;
}
.bordeAzul {
border : 1px solid #000099;
}
.tablaOpac {
padding : 2px;
font-size : 10px;
background-color : #eaeaea;
margin : 0;
border : 1px solid #eaeaec;
}
.tablaBlanco {
font-size : 10px;
margin : 0;
border-top : 0 solid #eaeaea;
border-right : 0 solid #eaeaea;
border-bottom : 1px solid #eaeaea;
border-left : 0 solid #eaeaea;
}
.tablaHeader {
padding : 5px;
font-size : 10px;
background-color : #cccccc;
border-top : 1px solid #ff9900;
border-right : 1px solid #ff9900;
border-bottom : 0 solid #ff9900;
border-left : 1px solid #ff9900;
}
.textoRojo {
color : #990008;
font-size : small;
}
.textoBlancoFondoAzul {
background-color : #3366cc;
color : #ffffff;
font-size : 10px;
}
.ejercicio {
font-family : "Times New Roman", Times, serif;
font-size : medium;
}
.fondoAzulClaro {
background-color : #bec9db;
font-size : 10pt;
}
.fondoGrisMarron {
background-color : #d4d0c8;
}
.tdEjercicio {
font-size : 10pt;
background-color : #d4d0c8;
border-top-width : 2px;
border-right-width : 2px;
border-left-width : 2px;
border-top-style : solid;
border-right-style : solid;
border-bottom-style : solid;
border-left-style : solid;
border-top-color : #999999;
border-right-color : #999999;
border-bottom-color : #999999;
border-left-color : #999999;
border-bottom-width : 0;
}
.spanishTitleGrisMarron {
background-color : #f3efe4;
padding : 3px;
text-indent : 15pt;
}
.tablaBorderGris {
border : 2px solid #999999;
}
.bordesAzul {
border : 1px solid #000099;
}
.tablaAmarilloClaro {
font-size : 10pt;
background-color : #fff9ca;
margin : 10px;
border : 1px solid #ffdc51;
}
.textosubrayado {
font-size : 10pt;
text-decoration : underline;
}
.fondoAmarillo {
background-color : #ffcc66;
padding : 2px;
}
.fondoVerde {
background-color : #33cc00;
padding : 2px;
}
.fondoAzul {
background-color : #33ccff;
padding : 2px;
}
ol.vert-one {
margin : 0;
padding : 0;
list-style-type : inherit;
display : block;
font : 12px Verdana, Helvetica, Arial, sans-serif;
line-height : 150%;
width : 200px;
}
ol.vert-one li {
margin : 0;
padding : 0;
border-bottom : 1px solid #761a1a;
display : inline;
}
ol.vert-one li a {
display : block;
text-decoration : none;
background : #e2dcbf;
padding : 0 0 0 20px;
width : 180px;
}
ol.vert-one li a:hover {
background : #900;
color : #fff;
}
ul.vert-one {
margin : 0;
padding : 0;
list-style-type : none;
display : block;
font : 11px Verdana, Arial, Helvetica, sans-serif;
line-height : 165%;
color : #600;
width : 200px;
}
ul.vert-one li {
margin : 0;
padding : 0;
border-bottom : 1px solid #761a1a;
}
ul.vert-one li a {
display : block;
text-decoration : none;
background : #f2f2f2;
padding : 0 0 0 4px;
width : 200px;
}
ul.vert-one li a.current, ul.vert-one li a.current:hover {
background : #933 url("../imagenes/vert-one_arrow.gif") no-repeat 0 9px;
}
ol.list-derecha {
margin : 0;
padding : 0;
list-style-type : none;
display : block;
font : 11px Verdana, Helvetica, Arial, sans-serif;
line-height : 150%;
width : 205px;
border-top : 1px solid #ff9900;
}
ol.list-derecha li {
margin : 0;
padding : 0;
}
ol.list-derecha li a {
display : block;
text-decoration : none;
padding : 0 0 0 8px;
width : 190px;
background : #d7d7d7 url("../imagenes/Spanish_smallarrow.gif") no-repeat 3px 5px;
}
ol.list-derecha li a:hover {
text-decoration : underline;
}
ul.list-derecha {
margin : 0;
padding : 0 0 0 3px;
list-style-type : none;
display : block;
font : 10px Verdana, Helvetica, Arial, sans-serif;
line-height : 130%;
width : 200px;
}
ul.list-derecha li {
margin : 0;
padding : 0;
}
ul.list-derecha li a {
display : block;
text-decoration : none;
padding : 0 0 0 15px;
width : 180px;
background : url("../imagenes/Spanish_smallarrow.gif") no-repeat 8px 3px;
}
ul.list-derecha li a:hover {
text-decoration : underline;
} 
/*Compatibilidad con HTML 5: define nuevas etiquetas HTML 5 como display:block para que los navegadores sepan cómo procesar las etiquetas correctamente. */
header, section, footer, aside, nav, article, figure {
	display: block;
}