/*Estilo para Ensenhanza Virtual*/



body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 12px; 
	}
html > body {
	font-size: 12px; 
	}
p {	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:1.4em;

}

p strong{
color:#8B193A;
font-weight:bold;}


/*enlaces*/

a:link {
color: #bc721c;
font-weight: bold;}

a:hover {
color: #8e8d8d;
font-weight: bold;}

/*fin enlaces*/

/*vinhetas*/
ul strong{color:#8B193A;
font-weight:bold;}


ul {
	list-style-type: square;
	list-style-position: outside;
	padding-right: 10px;
	list-style-image: url(buttons/bullet.jpg);
	line-height:18px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
}
ul li ul{
	list-style-type: square;
	list-style-position: outside;
	padding-right: 10px;
	list-style-image: url(buttons/bullet_2.jpg);
		text-align:justify;
	}
	
ol {
font-size: 1em;
text-align: justify;
list-style-type: decimal;

}

ol ol {
font-size: 1.0em;
list-style-type: lower-alpha;}

ol ol ol {
font-size: 1.0em;
list-style-type: lower-roman;}

ol ul {
font-size: 1.0em;
}

ul ul {
font-size: 1.0em;}

ul ol {
font-size: 1.0em;}
/*fin vinhetas*/

h1 {
    font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
    background-image: url(buttons/h1.jpg);
	background-repeat:repeat-x;
	padding-top: 10px;
	}

h2 {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 5px;
	background-image: url(buttons/h2.jpg);
	background-repeat: repeat-y;
	background-position:top left;
	border: 1px solid #f79f39;
	min-height: 20px;
	padding-top: 5px;
	}
	
h3 {
    font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(buttons/h3.jpg);
	background-repeat: repeat-x;
	background-position:top left;	
	color: #474747;
	padding-left: 5px;
	min-height: 26px;
	padding-top: 5px;
	margin-top:11px;
	}
	
h4 {
    font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(buttons/h4.jpg);
	background-repeat: repeat-x;
	background-position:top left;	
	color: #8E1F3F;
	padding-left: 5px;
	min-height: 26px;
    padding-top: 5px;
	margin-top:11px;
	}

h5 {
    font-size: 1.2em;
	color: #006699;
	padding-left: 5px;
	padding-top:25px;
	}

h6 {
font-size: 0.875em;}





/*estilo para imagenes*/
img.normal {
	margin: 5px;
}
img.borde {
	margin: 5px;
	border:#333333 solid 1px;
}



.pie{
font-size:0.9em;
font-weight:normal;
color:#990000;
}


div.ampliar> a img{
background-color:#B1B1B1;
padding:20px 10px 50px 10px;
background-image:url(buttons/bottom_ampliar.jpg);
background-repeat:no-repeat;
background-position:bottom right;
	}
	
div.ampliar>span{
	position: relative;
	top: -40px;
}


div.imagen>img{
background-color:#B1B1B1;
padding:10px 10px 50px 10px;
background-image:url(buttons/esquina_imagen.jpg);
background-repeat:no-repeat;
background-position:bottom right;
	}
	

	
div.imagen>span{
	position: relative;
	top: -45px;

}

/*fin de estilo de imagenes*/





blockquote {
	text-align: justify;
	margin: 5px;
	padding: 5px;
	}





span.mediacaption {
color: #669999;
font-size: 0.875em;
font-weight: bold;} 

/*Elementos WebCT */
.action {
	color: #000000;
}
table img {
	margin: 0px;
}
.icono:first-letter {
	font-size: 1.75em;
	}
.ndicono {
	color: #AAAAAA;
	} 
.ndicono:first-letter {
	font-size: 1.75em;
	}
.ndicono a, .ndicono b {
	color: #AAAAAA;
}
.ndicono a:hover {
	background-color: transparent;
}


/*Tables*/

.tabla1 {
font-weight: bold;

	text-decoration: none;

	background-color: #8D1E3E;

	color: #FFFFFF;
	}
.tabla2 {
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	background-color: #FFFFFF;
	border:#F79F3B solid 1px;
	}
/*Estilos*/
/*Importante*/
div.boxtext {
	border: 1px solid #953543;
	background-color: #ffffff;
	color: #953543;
	background-image: url(buttons/importante.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding:40px 10px 0px 10px;
    margin: 20px;
}
	
/*fin de importante*/

/*demostraciones*/
div.boxtext2 {
	border-bottom: 1px solid #538cac;
	background-color: #ffffff;
	color: #3d6e89;
	background-image: url(buttons/demos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:5px 10px 5px 70px;
    margin: 20px;
}

div.boxtext2 p{color: #3d6e89;}
div.boxtext2 strong{color: #3d6e89;
font-weight:bold;}

div.boxtext2 a:link{color:#ce7b1d;
font-weight: bold;
text-decoration:underline;}

div.boxtext2 a:hover{color:#3d6e89;
font-weight: bold;
text-decoration:underline;}

.demo{
font-weight: bold;
color:#ce7b1d;
font-size:14px;}

div.boxtext2 b, strong{
font-weight: bold;
color:#3d6e89;}

	
/*fin de demostraciones*/
/*practicar*/

div.boxtext3 {
	background-color: #ffffff;
	color: #3d6e89;
	font-size:12px;
	font-weight:normal;
	background-image: url(buttons/practica.jpg);
	padding:0px 5px 0px 5px;
	margin: 20px 20% 20px 20%;
	border-top-width: 1px;
	border-bottom-width: 10px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #538cac;
	border-bottom-color: #538cac;
	background-repeat: no-repeat;
	background-position: right bottom;
	min-height:140px;
}

div.boxtext3 p{
	color: #3d6e89;
	font-size:12px;
	font-weight:normal;
	padding:0px 5px -10px 5px;
	text-align:justify;
}

div.boxtext3 strong{
	color: #3d6e89;
	font-size:14px;
	font-weight:bold;
}
/*fin de practicar*/

/*sabias que*/
div.caption {
padding:0px 10px 0px 80px;
margin-top: 20px;
margin-bottom: 20px;
margin-left:10%;
margin-right:10%;
color: #393935;
font-size: 12px;
background-image:url(buttons/sabiasque.jpg);
background-repeat:no-repeat;
background-position:center left;
background-color:#FFFFFF;
border: 1px solid #393935;
min-height: 70px;}

div.caption p{padding: 0px 0px 5px 0px;
margin:5px 0px 0px 0px;}

div.caption h4{
background-image:none;
font-weight: bold;
font-size: 14px;
color: #f79f39;
padding: 15px 0px 10px 0px;
margin-bottom:-5px;}

div.caption strong{
font-weight: bold;
font-size: 12px;
color: #8D1E3E;}

div.caption a:link{color: #676767;
font-weight:bold;}
div.caption a:hover{color:#8D1E3E;}

div.caption ul{
	list-style-type: square;
	list-style-position: outside;
	list-style-image: url(buttons/bullet_sabiasque.jpg);
	line-height: 20px;
}

div.caption ul li ul{	margin-left:-10px;
	list-style-position: outside;
	list-style-image: url(buttons/bullet_04.gif);}


/*fin de sabias que*/

/*Recuerda*/

div.definition {
padding:10px 15px 0px 90px;
margin-top: 20px;
margin-bottom: 20px;
margin-left:10%;
margin-right:10%;
background-image:url(buttons/recuerda.jpg);
background-repeat:no-repeat;
background-position:top left;
background-color:#FFFFFF;
border-left: 2px solid #953543;
border-bottom: 2px solid #953543;
min-height: 100px;
	}


/*Fin de recuerda*/

/*Situacion, Exposicion de hechos*/
div.paneltext {
    color:#953543;
	font-size:12px;
	font-weight: bold;
	background-color: #ffffff;
	border: 2px solid #F7AA50;
	background-image: url(buttons/situacion.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding:5px 40px 0px 10px;
   margin-top: 20px;
    margin-bottom: 20px;
 margin-left:2%;
margin-right:2%;
	}
div.paneltext p{    color:#953543;}

/*fin exposicion de hechos*/

/*dialogos*/
div.quotetext {
	background-color: #ffffff;
	color: #000000;
	background-image: url(buttons/dialogos.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	min-height: 100px;
	padding:10px 10px 0px 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:10%;
	margin-right:10%;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-top-color: #CE7B1D;
	border-bottom-color: #CE7B1D;
	border-top-width: 2px;
	border-top-style: dotted;
	}
div.quotetext p{
line-height:24px;
}

div.quotetext strong{color:#CE7B1D;
font-weight:bold;}
/*fin de dialogos*/
.masPDF {
	font-size: 0.75em;
	font-style: normal;
}



.copyright {
	font-size: 0.8em;
	color: #666666;
	}
	
	
/* Hides from IE5-mac \*/
* html div {height: 1%;}
/* End hide from IE5-mac */ 

pre.literal {
font-size: 1.4em;
color:#8D1E3E;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;}





/*Cabecera*/

#header {
    width: 99%;
	margin: 10px;
	font-size: 1.2em;
	    background-image: url(buttons/h1.jpg);
	background-repeat:repeat-x;
	}
	
#header h2 {
	display: inline;
	} 

#header h1 {
    font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
	padding-left:10px;
	color: #FFffff;
	min-height: 30px;
}



#header a:link, #header a:hover, #header a:visited, #header a:active {
background:transparent;}




/*Table of Contents*/

td#maintable-toc {
border-bottom: 1px #cccccc solid;}

td#maintable-content {
border-left: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;}

#toc {
font-size: 0.8em;
padding-right: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

#toc h2 {color:#ffffff;}

#toc>h2 a:link{
display: block;
color: #ffffff;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none;}

#toc a:link, #toc a:visited {
display: block;
color: #000000;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none;}

#toc h2 a:hover {
color: #000000;
background-color:#F8A94D;}


#toc  a:hover {
background-color: #dedede;}

#toc li {
text-indent: 0px;
text-align: left;}



#toc ol {
list-style-type: decimal;}

#toc ol ol {
list-style-type: lower-alpha;}

#toc ol.section {
list-style-type: upper-alpha;}

#toc ol.section ol {
list-style-type: decimal;}

li.currentpage {
font-weight: bold;
color: #006699;}

div.currentpage {
font-weight: bold;
color: #006699;}

/*Contenidos*/

#main-content-notoc {
background-color: #ffffff;
margin-left: 10px;
margin-right: 10px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
text-align:justify;
width: 95%;

	}
#main-content-withtoc {
background-color: #ffffff;
margin-left: 10px;
margin-right: 10px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
text-align:justify;
width: 95%;
	}



#main-content-notoc a {	
	text-decoration: underline;
	color: #bc721c;
	}


#main-content-notoc div {
	text-align: justify;
	margin: 5px;
	padding: 5px; 
	}
	
#main-content-notoc table {
	width: auto;
	padding: 2px;
	border: 0px;
	font-size: 1em;
}

/*Pie de pagina*/


#footer-notoc {
width: 99%;
	margin:10px;
	font-size: 1em;
	position: static;
	text-align: left;
	border-top: 1px #cccccc solid;
	color: #990000;
	clear: both;
	
	}
	
#footer-notoc p {
	margin: 0px;
	}
#footer-withtoc{
width: 99%;
	margin:10px;
	font-size: 1em;
	position: static;
	text-align: left;
	border-top: 1px #cccccc solid;
	color: #990000;
	clear: both;
	
	}
	
#footer-withtoc p {
	margin: 0px;
	}


#footer a:link, #footer-withtoc a:link, #header a:hover, #header a:visited, #header a:active {
background:transparent;}

#bottom-nav {
padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	position: absolute;
	right: 10px;
	bottom: 0px;}

.floatright {
float: right;
	margin-top: 0px;
	margin-left: 10px;
	display: inline;}

.floattopright {
float: right;
margin-top: 0px;
margin-left: 10px;
display: inline;

}

/*Descripciones largas*/
#longdesc {
	margin: 10px;
	}
	
/*estilo de las autoevaluaciones*/

table.question {
	font-family: Arial, Helvetica, sans-serif;
	width: 90%;
	padding: 4px;
	font-size: 1em;
	background-image: url(buttons/fondo_eval_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;}

td.qnum {
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	width: 80px;
	}


.eval {
	font-size: 0.85em;
	font-weight: bold;
	text-decoration: none;
	background-color: #ECF9FF;
	color: #FFFFFF;
	width: 0%;
	}


td.qbody {
font-size: 1em;
line-height: 0.8em;
}

td.qbody p{
max-width:580px;
}

table.qinput {
	width: 90%;
	padding: 8px;
	line-height:1.2em;
	max-width:590px;}

#feedback {
margin: 8px;

	padding: 8px;

	position: static;

	font-size: 0.8em;

	line-height: 1.2em;}

#feedback p, #feedback ul, #feedback ol , #feedback table {
font-size: 1em;}

.Qfeedbackgeneric {
display: none;
background-color: #bfd5ea;
border: 1px #666666 solid;
line-height: 1.2em;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
margin-top:15px;}

.Qfeedbackcorrect {
display: none;
background-color: #F0F0F0;
width:70%;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 6px;
padding-left: 4px;
border: 1px #009900 solid;
line-height: 1.2em;
margin-top:15px;
}

.Qfeedbackincorrect {
display: none;
background-color: #F0F0F0;
width:70%;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
border: 1px #CC0000 solid;
line-height: 1.2em;
margin-top:15px;}

.Qfeedbackcorrect-chb2 {
display: none;
background-color: #c1e8bd;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
line-height: 1.2em;}

.Qfeedbackincorrect-chb2 {
display: none;
background-color: #ffcccc;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
line-height: 1.2em;}

.Qfeedbacksaved {
display: none;
background-color: #ffcc99;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
border: 1px #666666 solid;
line-height: 1.2em;}

#feedback TABLE {
font-size: 1em}

/*Para el estilo del glosario*/
.glosario {
color: #25568B;
border: 1px dotted #306fb5;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:justify;
}


#popup {
margin: 8px;
padding: 8px;
position: static;
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size: 1.0em;
line-height: 1.2em;
text-align:justify;
}


.copyright {
	font-size: 0.8em;
	color: #666666;
	}
	
/*Feedback en popups*/
#feedback {
	margin: 8px;
	padding: 8px;
	position: static;
	font-size: 0.8em;
	line-height: 1.2em;
	}
#feedback p, #feedback ul, #feedback ol , #feedback table {
	font-size: 1em;
	}
	

table p.icono, table p.ndicono {
margin: 0px;
}