/* Jose A Becerril year 2008
css to add a normal visibility feature to the pages */
table.tab
{
	border:none;
	height:65px;
	line-height:1;
	margin:none;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	padding:0;
	width:71px;
	font-size-adjust:0.5;
	font-size: 9px;	
	
	}
table.mainA
{
	background-color:#C00;
	border:medium;
	width:960px;
	background-color:#FFF;
	border-bottom:medium;
	border-left:medium;
	border-right:medium;
	border-top:medium;
	border-color:#36C;
	border-bottom-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-top-style:solid;
	padding: 0;
	  	}
#tostada
{
	background-color: #999;
}


#moveMe99
{
	position: absolute;
	font-size:14px;
	display:block;
	background-color: #39F;
	width:510px
}
table.cloth
{
	width:670px;
	height:250px;
	background-color:#FFF;
	position: absolute;
	left:100px;
}
table.cloth2
{
	width:800px;
	height:300px;
	background-color:#FFF;
	position: absolute;
	left:50px;
	background-image: url(basket.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.dragMe
{
	cursor: move;
	font-size: 14px;
}
.dragMeB
{
	cursor: move;
}
.dragMeM
{
	cursor: move;
}
.xml
{
display:none;
}
#group1{
	visibility:hidden;
	
}
.baraja{
visibility:hidden;
}
.quiz{
display: hidden;
}
#max
{
	 width:300px;
	
}

input.result
{
	color: #666;
	border: 1px solid #030;
	height: 18px;
	font-size: 14px;
	background-color: #FFF;
}

input
{
	color: #666;
	background-color: #FFF;
	border: 1px solid #030;
	height: 10px;
	font-size: 9px;
}
input.resultX
{
	color: #666;
	background-color: #FFF;
	border: 1px solid #030;
	height: 12px;
	font-size: 12px;
	width: 50px;
}

input.Ort
{
	color: #333;
	border:none;
	height: 23px;
	font-size: 14px;
	width: 130px;
	font-weight: bold;
	border-bottom: solid;
	border-bottom-color: #999;
	background-color: #FFF;
}

input.OrtShort
{
	color: #333;
	border:none;
	height: 23px;

	font-size: 14px;
	width: 20px;
	font-weight: bold;
	border-bottom: solid;
	border-bottom-color: #999;
	background-color: #FFF;
}

select
{
	color: #333;
	background-color: #FFF;
	border: 1px solid #030;
	height: 20px;
	font-size: 12px;
}
.submit 
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} 

.noveo
{visibility:hidden}
.tapa
{
	display:none;
}
.ask
{
	font-weight: bold;
	color: #333;
}
#titulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bolder;
	visibility: visible;
	top:0px;
	display: block;
	background-color: #39F;
	text-align:center;
	width:100%;
	color: #FFF;
	text-decoration:none;
	border-left: thin;
	border-right: thin;
	border-color: #666;
	border-left-style: solid;
	border-right-style: solid;
}

.colorea {
	color: #666;
}
.glue
{
	display:inline-table;
}

a:link.quiz {
	color: #333;
	text-decoration:none;
}
a:visited.quiz {
	color: #000;
	text-decoration:none;
}	
a:hover.quiz {
	color: #000;
	text-decoration:none;
}

a:link#capitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	display:block;
	visibility:visible;
	background-position: left;
	background-repeat: no-repeat;
	background-color:#fff;
	vertical-align:middle;
	}

a:visited#capitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #003366;
	background-position: left;
	background-repeat: no-repeat;
	background-color:#FFF;
	visibility:visible;
	vertical-align:middle;
}	
a:hover#capitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background-color: #36C;
	color: #FFF;
	background-position: left;
	background-repeat: no-repeat;
	vertical-align:middle;
}

a:link.cero {background-image: url(../images/0a.png);}
a:visited.cero {background-image: url(../images/0a.png);}	
a:hover.cero {background-image: url(../images/0b.png);}

a:link.uno {background-image: url(../images/1a.png);}
a:visited.uno {background-image: url(../images/1a.png);}	
a:hover.uno {background-image: url(../images/1b.png);}
	
a:link.dos {background-image: url(../images/2a.png);}
a:visited.dos {background-image: url(../images/2a.png);}	
a:hover.dos {background-image: url(../images/2b.png);}

a:link.tres {background-image: url(../images/3a.png);}
a:visited.tres {background-image: url(../images/3a.png);}	
a:hover.tres {background-image: url(../images/3b.png);}

a:link.cuatro {background-image: url(../images/4a.png);}
a:visited.cuatro {background-image: url(../images/4a.png);}	
a:hover.cuatro {background-image: url(../images/4b.png);}

a:link.cinco {background-image: url(../images/5a.png);}
a:visited.cinco {background-image: url(../images/5a.png);}	
a:hover.cinco {background-image: url(../images/5b.png);}

a:link.seis {background-image: url(../images/6a.png);}
a:visited.seis {background-image: url(../images/6a.png);}	
a:hover.seis {background-image: url(../images/6b.png);}

a:link.siete {background-image: url(../images/7a.png);}
a:visited.siete {background-image: url(../images/7a.png);}	
a:hover.siete {background-image: url(../images/7b.png);}

a:link.ocho {background-image: url(../images/8a.png);}
a:visited.ocho {background-image: url(../images/8a.png);}	
a:hover.ocho {background-image: url(../images/8b.png);}

a:link.nueve {background-image: url(../images/9a.png);}
a:visited.nueve {background-image: url(../images/9a.png);}	
a:hover.nueve {background-image: url(../images/9b.png);}

a:link.diez {background-image: url(../images/10a.png);}
a:visited.diez {background-image: url(../images/10a.png);}	
a:hover.diez {background-image: url(../images/10b.png);}

a:link.once {background-image: url(../images/11a.png);}
a:visited.once {background-image: url(../images/11a.png);}	
a:hover.once {background-image: url(../images/11b.png);}

a:link.doce {background-image: url(../images/12a.png);}
a:visited.doce {background-image: url(../images/12a.png);}	
a:hover.doce {background-image: url(../images/12b.png);}

a:link.boton {
	border:medium;
	border: #066;
	border:outset;
	background-color:#39F;
	text-decoration:none;
	width:100px;
	display: block;
	color: #FFF;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
a:visited.boton {
	border:medium;
	border: #066;
	border:outset;
	background-color:#666;
	text-decoration:none;
	width:100px;
	display: block;
	color: #666;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}	
a:hover.boton {
	border:medium;
	border: #066;
	border:inset;
	background-color:#36C;
	text-decoration:none;
	width:100px;
	display: block;
	color: #FF9;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
	a:link.botonV {
	border:medium;
	border:#696;
	border:outset;
	background-color:#000;
	text-decoration:none;
	width:150px;
	display: block;
	color: #999;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
a:visited.botonV {
	border:medium;
	border:#696;
	border:outset;
	background-color:#333;
	text-decoration:none;
	display: block;
	color: #CCC;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	width:150px;
	}	
a:hover.botonV {
	border:medium;
	border:#696;
	border:inset;
	background-color:#36C;
	text-decoration:none;
	width:150px;
	display: block;
	color: #FFFFFF;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
	
a:hover#noveo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background-color: #36F;
	color: #FFF;
	background-image: url(../images/9.png);
	background-position: left;
	background-repeat: no-repeat;
	visibility: visible;
}
a:hover#capituloyellow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
	display: block;
	background-color: #030;
	color: #CCFF00;
}
#capitular:first-letter 
{
	color: #333;
	font-size:xx-large
}
p#enano:first-line 
{
	color: #666;
	font-size:x-small;
	font-weight: bold;
}
p#enano 
{
	color: #666;
	font-size:x-small;
	font-weight: normal;
}
*#enano 
{
	color: #666;
	font-size:x-small;
	font-weight: normal;
}
*#titulo_lt 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	position: relative;
	visibility: visible;
	display: block;
	background-color: #39F;
	color: #FFF;
	margin-top: 0px;
}
*#blanco
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	position: relative;
	visibility: visible;
	display: block;
	background-color: #CCC;
	margin-top: 0px;
}

.titulo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	position: relative;
	visibility: visible;
	display: block;
	color: #39F;
	margin-top: 0px;
	margin-bottom: 33;
	font-style:normal;
	font-variant: normal;
	text-transform: none;
	line-height: normal;
}
.destacado 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	position: relative;
	visibility: visible;
	color: #39C;
	margin-top: 3px;
	margin-bottom:3px;
	font-style:oblique;
}
.destacadoX 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	position: relative;
	visibility: visible;
	color: #666;
	margin-top: 3px;
	margin-bottom:3px;
	font-style:normal;
}
.ejemplo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:oblique;
	background-color: #999;
	text-align:left;
	margin-bottom: 3px;
	margin-top: 3px;
	margin-left:10px;
	display: compact;
	padding-left: 20px;
	color: #333;
}
.ejemploX
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:oblique;
	display:inline-block;
	background-color: #CCC;
	margin-right: auto;
	margin-left:auto;
	text-align:center;
	color: #333;
}
.ejemploL
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:oblique;
	background-color: #999;
	margin-right: 20%;
	margin-left:20%;
	text-align:left;
	margin-bottom: 3;
	margin-top: 3;
	display: marker;
	max-width:90%;
	color: #333;
}

ul{
margin-bottom: 3;
	margin-top: 3;
}
.single { text-indent: 0px; margin-bottom: 0; margin-top: 0; text-align: justify; }
a:link#cambia
 {
	text-decoration: none;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	}
a:visited#cambia {
	text-decoration: none;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
}	
a:hover#cambia 
{
	text-decoration: none;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#36C;
}




*#enanoClear 
{
	color: #000;
	font-size:small;
	font-weight: normal;
}
*#ejercicioA
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: oblique;
	font-weight: 200;
	position: relative;
	visibility: visible;
	display: block;
	background-color: #FFF;
	margin-top: 0px;
}
*#ejercicioB
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: oblique;
	font-weight: 200;
	position: relative;
	visibility: visible;
	display: block;
	background-color: #FFF;
	margin-top: 0px;
}
*#ejercicioC
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: oblique;
	font-weight: 200;
	position: relative;
	visibility: visible;
	display: block;
	background-color: #FFF;
	margin-top: 0px;
}
*#crema
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: oblique;
	font-weight: bolder;
	position: relative;
	visibility: visible;
	display: block;
	background-color: #999;
	margin-top: 0px;
}
#centerme
{
	text-align: center;
}


table.grande

{
	
	width:960px;
	background-color:#FFF;
	
	height: auto;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	vertical-align: super;
	position: relative;
	display:block;
	padding: 0px;
	margin-left:auto;
	margin-right:auto;
	}
	/*
table.grande td

{
background-color: #DAEAD7;
padding-bottom: 0px;
	padding-right: 0px;	
	padding-left: 0px;
	padding-top: 0px;
	border:thin;
	border-color:#063;
	border-style:solid;
	border-collapse: separate;
}	

*/
	
	table.grandelite

{
	background-color: #FFF;
	border:thin;
	border:solid;
	border:#9DFFBD;
	width: 90%;
	height: 480px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	vertical-align: super;
	padding-left: 0%;
	padding-top: 0px;
	padding-right: 2px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	display:block;
	}

table.media

{
	background-color: #FFF;
	width: 100%;
	height: auto;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:500;
	line-height: normal;
	vertical-align: super;
	padding-bottom:0px;
	font-size: 12px;
	visibility: visible;
	left: 2px;
	top: 1px;
	right: 2px;
	bottom:0px;
	float:left;
	white-space: normal;
	text-align: justify;
	padding-right: 10px;
	padding-top: 10px;
	padding-left:0px;	
	}
	table.medialite

{
	background-color: #FFF;
	width: 95%;
	height: auto;
	border:none;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:500;
	line-height: normal;
	vertical-align: super;
	padding-left: 5px;
	font-size: 12px;
	position: relative;
	visibility: visible;
	left: 22px;
	top: auto;
	right: auto;
	bottom: auto;
	float:left;
	}

table.chica

{
	background-color: #FFF;
	width: 800px;
	height: 400px;
	
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	position: relative;
	vertical-align: super;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 2px;
	font-size: 12px;
	font-weight: 200;
	
	}
tr.chica

{
	background-color: #FFF;
	width: 800px;
	height: 49px;
	
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	line-height: normal;
	position: relative;
	vertical-align: super;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 2px;
	font-size: 12px;
	font-weight: 200;
	
	}
	td.top
	{
	vertical-align: top;
	padding-right: 10px;
	padding-left: 0px;
	}
	
table.ejemplos td
{
	background-color: #FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	vertical-align:top;
	font-style: normal;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 6px;
	border-top-width: medium;
	border-right-width: thin;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #36C;
	border-right-color: #36C;

	border-bottom-color: #36C;
	border-left-color: #36C;
}
table.ejemplosBig 
{
	text-align:justify;
	border-bottom:medium;
	border-bottom-color:#36C;
	border-bottom-style:solid;
	border-top:medium;
	border-top-color:#36C;
	border-top-style:solid;
}
table.ejemplosBig tr
{
	background-color: #69F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	vertical-align:top;
	padding-left: 10px;
}
   .gris
   {
	background-color: #9FF;
}
	
.mybody
{
	background-color:#FFFFFF;
	display:inherit;
	margin-left:auto;
	margin-right:auto;
	color: #666;
	font-size: x-small;
	font-weight: normal;
}

#indice
{
	padding-left: 33px;
	text-align: left;
	height: 68px;
}


.box {
	/**/border: 1px;
	border-color: #CCC;
	border-style: solid;
	display: block;
	background-image: url(../images/shadowAlpha.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	}	

.quincena
{
	background-color: #FFF;
	color: #333;
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: thin;
	border-color: #CCC;
	border-style: solid;
	width:100%;
	text-align:center;
}
 






/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: none;
	clear: none;
	width: 870px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	min-height: 450px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
	padding-top: 0px;
}


.TabbedPanelsTabGroup {
	margin: 2px;
	padding: 0px;
	width:960px;
}


.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 3px 11px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #39F;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #000;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color: #FFF;
	font-size: 14px;
}


.TabbedPanelsTabHover {
	background-color: #069;
	color: #FFF;
}


.TabbedPanelsTabSelected {
	background-color: #FFF;
	color: #39F;
	border-bottom: 1px solid #DAEAD7;
}


.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}


.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	border-top: solid 1px #FFF;
	border-right: solid 1px #FFF;
	background-color: #FFF;
	min-height:445px;
	padding-top: 0px;
	margin-top: 0px;
}


.TabbedPanelsContent {
	padding: 2px;
}


.TabbedPanelsContentVisible {
}


.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #FFF;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}


.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}


.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #FFF;
	border-bottom: solid 1px #999;
}


.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
/*
This is where the second embedded set of tabs starts
this code is valid for paginas, ejercicios and antes de empezar*******************************************************************************************************************************************************************************************************************************************************************************************/
.TabbedPanelsX {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


.TabbedPanelsTabGroupX {
	margin: 0px;
	padding: 0px;
}


.TabbedPanelsTabX {
	position: relative;
	top: 1px;
	float: left;
	padding: 0px 0px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-color: #FFF;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	color: #000;
	font-size: 12px;
	background-color: #FFF;
	font-weight: bold;
}


.TabbedPanelsTabX.TabbedPanelsTabHover {
	background-color: #69F;
	color: #FFFFFF;
}


.TabbedPanelsTabX.TabbedPanelsTabSelected {
	background-color: #39F;
	color: #FFF;
	border-bottom: 1px solid #696;
}



.TabbedPanelsTabX a {
	color: black;
	text-decoration: none;
}


.TabbedPanelsContentGroupX {
	clear: both;
	border-left: solid 1px #DAEAD7;
	border-bottom: solid 1px #DAEAD7;
	border-top: solid 0px #999;
	border-right: solid 1px #DAEAD7;
	background-color: #FFF;
}


.TabbedPanelsContentX {
	overflow: hidden;
	padding: 4px;
}


.TabbedPanelsContentVisibleX {
}



.VTabbedPanelsX {
	overflow: hidden;
	zoom: 1;
}


.VTabbedPanelsX .TabbedPanelsTabGroupX {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #FFF;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}


.VTabbedPanelsX .TabbedPanelsTabX {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}


.VTabbedPanelsX .TabbedPanelsTabSelectedX {
	background-color: #FFF;
	border-bottom: solid 1px #999;
}


.VTabbedPanelsX .TabbedPanelsContentGroupX {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}