.derecha {

	text-align: right
}

.indice {
	text-align: left;
	background-color: #E8E8E8;
	padding: 0.4em;
	border: solid thin;
}

.important {
	background-color : #E8E8E8 ;
	padding: 2em; 
     	border: solid thin;
        margin: 2em 2em;
	font-size: 1.2em;
}

.objetivos {
	background-color : #E8E8E8 ;
	padding: 1em; 
     	border: solid thin;
        margin: 0.5em 0.5em;
	font-size: 1.2em;
}

.contenidos {
	background-color : #f0f0f0;
	padding: 1em; 
     	border: solid thin;
        margin: 0.5em 0.5em;
	font-size: 1em;
}

.actividades {
	background-color : #E8E8E8 ;
	padding: 1em; 
     	border: solid thin;
        margin: 0.5em 0.5em;
	font-size: 1em;
}

.tiempo {
	background-color : #E8E8E8 ;
	padding: 0.2em; 
     	border: solid thin;
        margin: 1em 1em;
	font-size: 1.2em;
}

.recursos {
	background-color : #E8E8E8 ;
	padding: 0.1em; 
     	border: solid thin;
        margin: 1.2em 1.2em;
	font-size: 1.0em;
}

.evaluacion {
	background-color : #E8E8E8 ;
	padding: 0.1em; 
     	border: solid thin ;
        margin: 1em 1em;
	font-size: 1.0em;
}

.resumen {
    background-color : #eaf2ff;
    padding: 1em; 
    border: 1px solid #016799;
    margin: auto;
    vertical-align: middle;
    width: 95%
}

.aqui {

	list-style-image: url("imags/arrow_yellow.gif")
}

.copyright {
	background-color : #E8E8E8 ;
	font-size: 0.8em;
	text-align: center;
}

.navegacion {
    background-color: #FFFFFF;
    border-style: solid none solid none; 
    border-width: thin; 
    padding: 2px;
}


/*Etiquetas Generales */

address {

	border-bottom: blue thin ridge;
	text-align: right;
}

body {
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
}

p {
	font-family : Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}


h4 {
 
    border-bottom: 0.1em solid #2e3436;
}

table.especial {
	background-color : #CCCCFF;
	border-spacing : 0.2em;
	border-style: double;
	border-bottom: solid;
	border-width: thick thin;
	text-align: center;
	margin: 1em
}

table.formulario {
	background-color : #CCCCFF;
	border-spacing : 0.2em;
	border-width: thick thin;
	text-align: left;
	margin: 1em
}


td.home_page {
	text-align : left;
	background : #FFCC99
}

pre.codigo { 
             background-color: #C0C0C0;
             color: #000066 ;
             margin: 1em;
             border: 1em solid #2e3436;
}

p.felicitacion {
	color : #99FFFF;
	font-size : 140%;
	text-align : center
}

/* Menú desplegable Vertical */

#menu_vertical {
                 width: 15%;
                 background-color: #FFF;
                 font-size: 0.8em
                 }

#menu_vertical ul {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    border: solid thin;
           }


#menu_vertical a {
                   color: #000;
                   background-color: #efefef;
                   text-decoration: none;
                   }

#menu_vertical a:hover {
                color: #a00;
                background-color: #eee;
                }


#menu_vertical ul  ul {
                 position: absolute;
                 top: 0;
                 left: 0;
                 }
#menu_vertical li {position: relative;}

#menu_vertical ul  ul {
                 position: absolute;
                 top: 0%;
                 left: 100%;
                 width: 150%;
                 }

div#menu_vertical  ul ul, div#menu_vertical ul ul li:hover ul ul {
                                                   display: none;
                                                   }

div#menu_vertical  ul li:hover ul {
                             display: block;
                             }

/* Menú desplegable Horizontal */

#menu_horizontal { 
                   margin-bottom: 3em;
                   }

#menu_horizontal ul li { 
                      float: left; 
                      list-style: none;
                      font-size: 0.8em;
                      width: 20%;
                      margin: 0em 0em 0em 0.8em; 
                      text-align: center;
                      }


#menu_horizontal a:hover { background-color: #ff9;}

#menu_horizontal ul ul li {  
                            border-width: 1px;
                            border-style: solid;
                            border-color: #ccc #888 #555 #bbb;
                            margin: 0.2em;
                            padding: 2px 3px;
                            background-color: #FFF;
                            width: 100%;
                            position: relative;
                            }

#menu_horizontal ul ul { display:none; }

#menu_horizontal ul li:hover ul { display:block; }


/* Mapa de navegación Vertical*/

#tab_index { 
    border: 1px solid #800000;
    background-color: #ffffff;
    float: right;
}

#tab_index ul {
    font-size: 90%;
    padding: 0.1em;
    text-align: center;
}

#tab_index ul > li { 
    display: inline;
    border: 1px solid #016799;
    padding: 0.4em;
    margin: 0.2em;
    background-color: #eaf2ff;
    text-align: left;
}

.tab_second { 
    display: none;
    background-color: white;
    border: solid thin;
    margin: 0.2em;
}

#tab_index ul li:hover > .tab_second  { 
    display: block;
    position: absolute;
}


/* Para resaltar numeros en las listas numeradas*/

span.numero {
    font-size: 100%;
    margin: 0.3em;
    color: #800000;
}


/*Para alternar listas*/

.odd {
   background-color:#EEEEEC;
    border:2px dotted #3465A4;
    margin:0.5em;
    padding:0.5em;
}
.even {
    background-color:#D3D7CF;
    border:2px solid #3465A4;
    margin:0.3em;
    padding:0.5em;
}


/* Mejorar cuadro búsqueda */

input.busqueda {
    font-size: 120%; 
    border: 1px #000000 solid
}

/* Mejorar botones */
input.boton_submit {
    font-size: 120%; 
    border: 1px #3465a4 solid;
    text-align: center;
}

/* Box de Avisos */
.info_aviso {
    width: 80%;
    margin: auto;
    font-size: 80%; 
    border: 1px #3465a4 solid;
    text-align: center;
    padding-left: 3%;
    background-position: 0% 0%;
    background-repeat: no-repeat;
}

/* Navegación Horizontal */

.barra-div {
    margin-top: 0.2em;
    border-bottom: 1px solid #016799;
}

.barra-container {
    height: 2em;
    position: relative;
    background-color: #FFFFFF;
}

.barra { 
    position: absolute;
    height: 2.2em;
    margin: 3px;
    left: 10px;
    font-size: 100%;
}

.barra .tab { 
    padding: 0.2em;
    margin: 0.15em;
    float: left; 
    border: 1px solid #729fcf;
    display: inline;
    text-align: center; 
    background: white;
}

.tab a {
    text-decoration: none;
}

.tab:hover {
    background-color: #eaf2ff;
    color: red;
}

div.tab:hover ol {
    display: block;
}

.tab > ol {
    background-color: white;
    border: 1px solid #000000;
    margin-top: 0.3em;
    text-align: left;
    display: none;
    position: absolute;
}

.tab > ol > li {
    margin: 0.2em;
    padding: 0.2em;
    font-size: 85%;
}