@charset "utf-8";
/* CSS Document */

/*  <----------- SELECTOR UNIVERSAL ------------ */
* {
	margin: 0 auto; 
	padding: 0; 
	}


/* ---- Estilos básicos ------------------------------------------------- */
body {
	width: 80%;  
	margin: 0 auto;
	padding-top: 0.75em;
	background-color:#F3F3F3;
	font: 70%/180% "Arial Unicode MS", sans-serif;
	color: #192666;
	direction: ltr;
}

img {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.75em;
	float: inherit;
}

#pagina {
	width:80%;
	margin: 0px auto 0 auto;
	background-color: #FFF0EF;
	}

.texto{
   	width: 80%;
	font-family: "Trebuchet MS";
	display: block;
	float: center;
	font-size: 100%;
	color: #000;
	background-color: #F6F6F6;
	line-height:1.5em;
	/*margin-left: 5em;*/
	padding-top: 2em;
 	padding-right: 2em;
 	padding-bottom: 2em;
 	padding-left: 2em;
	text-align:justify;
	text-indent: 2em;
	/*margin-right: 2em;	
	margin-bottom: 2em;
	margin-top: 2em;*/
	}



/* ---- Secciones de la p gina --------------------------- */

/* ---- CABECERA -------------------------------------- */
#cabecera {
	width: 100%;
	margin: 0;
	padding: 0;
	}

#curso {
	width: 100%;
	margin: 0px;
	}

ul#cubitos{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0.75em 0;
	border-bottom: 0.15em solid #8A8A8A;
	font-weight: bold;
  	text-align: center;
line-height:2.25em;

		}

ul#cubitos li{
	display: inline;
	margin: 0 0.25em

	}

ul#cubitos a{
	text-decoration: none;
	padding: 0 0 0.30em;
  	border-bottom: 0.40em solid #FFF;
	color: #8A8A8A;
	
	}

ul#cubitos a#current{
	border-color: #999900;
	color: #7A0000;
	}

ul#cubitos a:hover{
	border-color: #999900;
	color: #8A8A8A;
	} 

#titulo {
	background-color: #7A0000;
	position: relative;
	float: left;
	margin: 0 auto 0 auto;
	text-align:left;
	}


/* ---- CONTENIDO -------------------------------------- */
#contenido {
	width: 60%;
	padding-top: 0px;
	background-color:#F7F7F7;
	}

ul#leccion1 , ul#leccion2, ul#leccion3    {
	background-color: #F7F7F7;
	list-style: none;
	margin: 0;
	padding-bottom: 0.2em;
	border-bottom: 0px solid #CCC;
	font-weight: bold;
  	text-align: center;
	white-space: nowrap
	}
ul#leccion1 li, ul#leccion2 li, ul#leccion3 li{
	display: inline;
	margin: 0 0px
	}
ul#leccion1 a, ul#leccion2 a, ul#leccion3 a{
	text-decoration: none;
	padding: 0 0 0px;
  	border-bottom: 0.35em solid #E9ECFF;
	color: #8A8A8A;
	}
ul#leccion1 a:hover, ul#leccion2 a:hover, ul#leccion3 a:hover {
	border-color: #7A0000;
	color: #666;
	} 

.entrada{
	width: 100%;
	float: left;
	text-align:justify;	
	background-color:#fff;
	padding-bottom:2em;
	padding-top:2em;
	position: relative;
	height: auto;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 110%;
	line-height:0.8em;
	
	}

.ejercicios{
	width: 99%;
	float: left;
	background-color:#460000;
	padding-bottom:0.2em;
	padding-top:0.5em;
	padding-left: 1em;
	position: relative;
	}

.ejercicios h3 {
	font-family: "Verdana";
	font-size: 140%;
	FONT-WEIGHT: bold;
	color: #EEE782;
	text-align: left;
	letter-spacing: 0.3em;
	line-height:2.3em;
	text-align:left;
	}

#complementario {
clear: both;
padding-top: 0.5em;
margin-top: 2em;
color: #460000;
border-left: 0px solid #EEEEEE;
border-right: 0px solid #EEEEEE;
border-top: 0.35em solid #460000;
background-color: #FFF0EF;
	}

.columna {
float: left;
width: 30%;
margin-left: 0.75em;
}	
.columna h6 {
margin: 0.75em 3em 0px 0.75em;
background-color:#7A0000;
color: #fff;
font-size: 100%;
font-weight: 600;
letter-spacing: 0.1em;
text-align: left;
text-indent: 1em;
}
.columna ul {
margin-left: 2em;
padding-bottom: 2em;
padding-top: 0.75em;
}
.columna ul li a:hover { 
	color: #999900; 
	text-decoration:none;
	}
.columna ul li a { 
	color: #460000;
	text-decoration:none;
		}


/* ---- PIE -------------------------------------- */
#pie {
	width: 100%;
	clear: both;
	background-color: #FFF0EF;
	padding-top: 1em;
	padding-bottom: 1.75em;
padding-left: 0px;
text-align: right;
color: #000056;
border-top: 0.35em solid #F3F3F3;
border-top: 0.35em solid #460000;

	}

.creditos
	{
	width: 100%;
	clear: both;
	background-color: #F3F3F3;
		padding-top: 1em;
	text-align: center;
	color: #fff;
	}
.creditos h6 {
background-color:#F3F3F3;
color: #000;
font-size: 100%;
font-weight: 600;
letter-spacing: 0.1em;
text-align: center;
text-indent: 1em;
}


/* ---- Estilos letras------------------------------ */

h1 {
	font-family: "Verdana";
	font-size: 150%;
	color: #ffffff;
	letter-spacing: 0.5em;
	line-height:1.5em;
	background-color: #7A0000; 
	margin-left: 0px;
	padding-left: 0.75em;
	text-align:left;	
	font-weight: bold; 
	margin-bottom: 0.75em;
	margin-top: 0.75em;
	text-transform: uppercase;
	}
	
h2 {
	font-family: "Verdana";
	font-size: 160%;
	color: #7A0000;
	letter-spacing: 0.3em;
	line-height:1.2em;
	
	margin-left: 0.75em;
	padding-top: 0.75em;
	padding-left: 0px;
	text-align:left;	
	font-weight: bold; 
	margin-bottom: 0.5em;
	margin-top: 0.65em;
	}
	
h3 {
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 130%;
	line-height:0.9em;
	FONT-WEIGHT: bold;
	color: #7A0000;
	/*background-color: #ffffff;*/
	text-align: left;
	margin-left: 0.75em;
	padding-top: 0.75em;
	padding-left: 0.75em;
	text-align:left;	
	font-weight: bold; 
	margin-bottom: 0.75em;
	margin-top: 0px;
	}

h4 {
	FONT-SIZE: 100%; 
	FONT-WEIGHT: bold; 
	FONT-FAMILY: "Verdana",Arial,serif;
	letter-spacing: 1.2px;
	color:#7A0000;
	margin-left: 0.75em;
	}


h5 {
	font-family: "Comic Sans MS";
	font-size: 130%;
	color:#7A7A00;
	letter-spacing: 0.3em;
	line-height:1.2em;
	text-align:left;	
	font-weight: bold; 
		}

h6 {
	font-family: "verdana",Arial,serif;
	font-size: 70%; 
	letter-spacing:0.1em;
	/*FONT-WEIGHT: bold;*/
	margin-left: 0px;
	color:#000;
	text-align:left;
	}
	
p {
	/*background-color: #fFF;*/
	font-family: "Trebuchet MS";
	font-size: 115%;
	color: #000;
	line-height:1.5em;
	margin-left: 0px;
	padding-left: 0.75em;
	text-align:justify;
	text-indent: 1em;
	margin-right: 0.75em;	
	margin-bottom: 1em;
	margin-top: 0.5em;
	}

pre {
	font-family: "Trebuchet MS";
	font-size: 115%;
	text-align: left;
	margin-left: 0.4em;
	margin-right: 0.75em;
	letter-spacing:0em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	text-indent: 1em;
line-height:1.5em;
	}


 blockquote{
   	width: 80%;
	font-family: "Trebuchet MS";
	display: block;
	font-size: 110%;
	color: #000;
	background-color: #F6F6F6;
	line-height:1.5em;
	margin-left: 5em;
	padding-top: 2em;
 	padding-right: 2em;
 	padding-bottom: 2em;
 	padding-left: 2em;
	text-align:justify;
	text-indent: 1em;
	margin-right: 2em;	
	margin-bottom: 2em;
	margin-top: 2em;
	}

address{
	text-align: right;
font-family: "Trebuchet MS";
font-size: 90%;
color: #000;
}

/* ---- Lista de definici n  ------------------------- */

 dl {  
	margin-left: 0.5em;  
 	padding-left: 5em; 
	padding-right: 0.75em; 
   	font-family: "Trebuchet MS";
	color: #000;
	line-height:1.5em;
    	}  
  
  dt {  
  	font-family: "Trebuchet MS";
	font-weight: bold; 
	color: #740000;
	font-size: 115%;
	letter-spacing: 0.2em;
	line-height:1.5em;
  	}  
 
  dd {  
  	margin: 0px; 
	font-size: 115%;
 	font-family: "Trebuchet MS";
	line-height:2em;
 	}  	


/* ---- Lista con puntitos------------------------- */
 /*ul {  
	margin-lef: 3.5em;  
 	padding-left: 5em; 
	padding-right: 0.75em; 
   	font-family: verdana;
	font-size: 120%;
	line-height:1.5em;
	color: #000;
	list-style: none;  
    	}  

ul li{  
   	list-style-type: square; 
	line-height:1.5em; 
   	} */ 

/* ---- Lista con n meros------------------------- */
ol {  
	
	width: 90%;
	padding-left:5em;
	padding-right: 0.75em; 
   	font-family: "Trebuchet MS";
	font-size: 115%;
	line-height:1.5em;
	color: #000;
	list-style: none;  
    	}  
ol li{  
   	list-style-type: decimal; 
	margin-left: 0.5em;
	line-height:1.5em;  
   	}  





/* ---- Enlaces------------------------- */


A:link {text-decoration:none;color:#0000cc;}
A:visited {text-decoration:none;color:#460000;}
A:active {text-decoration:none;color:#ff0000;}
A:hover {text-decoration:underline;color:#999900;font-weight:bold}