/*Stylesheet CG Main v1.6.0*/ 
/*Main*/

body {
background-color: #ffffff;
color: #0d0d0d;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0em;
}

p {
	font-size: 1em;
	line-height: 1.4em;
	color: #000000;
}

ul {
font-size: 1.0em;
list-style-image:url(buttons/lista.jpg);
list-style-position:outside;
line-height: 1.4em;
}

ol {
	font-size: 1em;
	line-height: 1.4em;
	list-style-type: decimal;
	text-align: justify;
}

ol ol {
	font-size: 1em;
	list-style-type: lower-alpha;
	text-align: justify;
}

ol ol ol {
	font-size: 1em;
	list-style-type: lower-roman;
	text-align: justify;
}

ol ul {
	font-size: 1em;
	text-align: justify;
}

ul ul {
font-size: 1.0em;
}

ul ol {
font-size: 1.0em;
}

h1 {
	font-size: 1.5em;
	color: #FFFFFF;
}

h2 {
	font-size: 1.375em;
	text-align:left;
	color: #990000;
	background-color:transparent;		
	padding-left:10px;
	margin-left:50px;
	border-bottom-color:#990000;
	border-bottom-style:solid;
	border-bottom-width:2px;
	padding-bottom:2px;
	
	
} 

h3 {
font-size: 1.25em;
} 

h4 {
font-size: 1.125em;
}

h5 {
font-size: 1.0em;
}

h6 {
font-size: 0.875em;
}

img {
vertical-align: middle;
}

img.leftalign {
float: left;
position: relative;
padding-right: 15px;
}
center{
text-align:center;

}

img.rightalign {
float: right;
position: relative;
padding-left: 15px;
} 
/*Links*/

a:link {
color: #9A0000;
font-weight: bold;
text-decoration: underline;
} 

a:visited {
color: #9A0000;
font-weight: bold;
text-decoration: underline;
}

a:hover {
	font-weight: bold;
	color: #FFCC00;
	text-decoration:none;	
}

a:active {
color: #9A0000;
font-weight: bold;
text-decoration: underline;
}

p.caption {
color:#990000;
font-size: 0.875em;
font-weight: bold;
} 


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

/*Tables*/
table {
/*table fix to allow for Quirks mode in WebCT - do not delete*/
background-color: transparent;
color: #0d0d0d;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}

table.unbordered {
padding: 2px;
}

table.unbordered th {
padding: 2px;
}

table.unbordered td {
padding: 2px;
}

table.bordered {
border: 1px #cccccc solid;
border-collapse: collapse;
padding: 2px;
}

table.bordered th {
border: 1px #cccccc solid;
background-color: #dedede;
padding: 2px;
}

table.bordered td {
border: 1px #cccccc solid;
padding: 2px;
} 
/*Display Formats*/

div.boxtext {
background-image:url(buttons/boxtext.png);

padding-left: 1em;
padding-right: 1em;
margin-bottom: 0.5em;
margin-top: 0.5em;
}

div.paneltext {
background-image:url(buttons/quotetex.png);
padding-left:50px;
padding-right:50px;
font-style: italic;
margin-left: 1em;
margin-right: 1em;
}

div.quotetext {
background-image:url(buttons/quotetex1.png);
border-style:solid;
border:1px;
border-color:#666666;
padding-left: 1em;
padding-right: 1em;
margin-bottom: 0.5em;
margin-top: 0.5em;
}

div.definition {

background-image:url(buttons/definition.png);
padding-left: 1em;
padding-right: 1em;
margin-bottom: 0.5em;
margin-top: 0.5em;
}


div.definition h3 {
font-size: 1.0em;
font-weight: bold;
}

div.definition p {
font-size: 1.0em;
}

/* Hides from IE5-mac \*/
* html div {height: 1%;
}
/* End hide from IE5-mac */ 

pre.literal {
font-size: 1.0em;
}

/*Questions*/

table.question {
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 95%;
padding: 4px;
}

td.qnum {
background-color: #cccccc;
font-size: 2em;
color: #666699;
text-align: left;
width: 0.7em;
}

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

table.qinput {
width: 100%;
padding: 8px;
font-size: 1em;
line-height: 1.4em;
}

#feedback {
margin: 8px;
padding: 8px;
position: static;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1.2em;
position: static;
}

#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;
}

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

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

.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
}

 
/*Popups*/

#popup {
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 3px 3px;
	position: static;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	background-color: white;
	text-align: justify;
	border: 1px;
	border-left-color: #990000;
	border-right-color: #990000;
	border-top-color: #990000;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}
 
/*Header*/

#header {
    background-image:url(buttons/barra.png);
    background-repeat:no-repeat;
	background-color: #990000;
	padding-left: 6px;
	padding-right: 6px;
	margin-left: 40px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-bottom: 2px;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#990000;	
	
}

#header h1 {
font-size: 1.25em;
display:inline;
font-weight: bold;
letter-spacing: 0.06em;
color:#ffffff;
}

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

#logo {
position: relative;
padding-left: 4px;
padding-right: 4px;
} 
/*Index*/

#index {
font-family: Verdana, Helvetica, Arial, sans-serif;
padding-left: 12px;
}

#index a:link, #index a:visited {
color: #990000;
background-color:#ffffff;
padding-top: 3px;
padding-bottom: 3px;
text-decoration: none;
}

#index a:hover {
text-decoration: underline;
border-top-style:none;
border-left-style:solid;
border-left-color:#ffcc00;
text-decoration: underline;
border-left-width:4px;
padding-left:2px;
}

#index h2 {
font-size: 1.25em;
text-align:left;
color: #990000;
}

#index ol {
line-height: 1.7em;}

#index ol.section {
	line-height: 3.0em;
	list-style-type: upper-alpha;
	color: #990000;
	text-align: left;
}

#index ol.section ol {
	list-style-type: decimal;
	color: #990000;
	text-align: left;
}

/*Table of Contents*/

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

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

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

#toc h2 {
font-size: 1.25em;
text-align: center;
}

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

#toc a:hover {
text-decoration: underline;
border-top-style:none;
border-left-style:solid;
border-left-color:#ffcc00;
text-decoration: underline;
border-left-width:3px;
padding-left:2px;
}

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

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

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

#toc ol.section {
	list-style-type: upper-alpha;
	color: #990000;
	text-align: justify;
}

#toc ol.section ol {
	list-style-type: decimal;
	color: #990000;
	text-align: justify;
}

li.currentpage {
	font-weight: bold;
	color: #990000;
	background-color: #FFCC00;
	text-align: left;
}

div.currentpage {
	font-weight: bold;
	color:#990000;
	background-color:#FFCC00;
	text-align: left;
}

/*Main Content*/

#main-content-withtoc {
	background-color: #ffffff;
	margin-left: 10px;
	margin-right: 10px;
	padding-top:20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 40px;	
	border-right-color: #ffcc00;	
	border-left-color: #ffcc00;	
	border-right-width: thin;	
	border-left-width: thin;	
	border-right-style: solid;	
	border-left-style: solid;	
	border-top-style: solid;
	border-top-width: thin;	
	border-top-color: #ffcc00;
	border-bottom-style: solid;
	border-bottom-width: thin;	
	border-bottom-color: #ffcc00;
	background-image:url(buttons/bulp.png);
	background-repeat:no-repeat;
	background-position:top;

}

#main-content-notoc {
	background-color: #ffffff;
	margin-left: 10px;
	margin-right: 10px;
	padding-top:20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 40px;	
	border-right-color: #ffcc00;	
	border-left-color: #ffcc00;	
	border-right-width: thin;	
	border-left-width: thin;	
	border-right-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	border-top-width: thin;	
	border-top-color: #ffcc00;
	border-bottom-style: solid;
	border-bottom-width: thin;	
	border-bottom-color: #ffcc00;
	background-position:top;	
	background-image:url(buttons/bulp.png);
	background-repeat:no-repeat;
	
	
} 
/*Footer*/

#footer-withtoc {
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 180px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.8em;
	position: static;
	text-align: center;
}
/* Hides from IE5-mac \*/
* html #footer-withtoc {height: 1%;}
/* End hide from IE5-mac */ 


#footer-notoc {
display:none;
padding-left: 6px;
padding-right: 6px;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 0.8em;
position: static;
text-align: center;
border-top: 1px #cccccc solid;
}
/* Hides from IE5-mac \*/
* html #footer-notoc {height: 1%;
}
/* End hide from IE5-mac */ 

#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: 10px;
padding-bottom: 4px;
padding-right: 10px;
position: absolute;
right: 10px;
bottom: 10px;
}

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

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

/*Longdescriptions*/

#longdesc {
margin: 10px;
}
/*Estilo 2010-2011*/

.explicacion {border-color:#990000;
border-style:solid;
border-width:1px;
padding: 1.5em;
font-size:1em;
}

.nota {font-size:0.85em;
font-style: italic;
padding-left: 25px;
padding-right: 18px;
}
.demostracion {padding:1.5em;
background-image: url(buttons/demostracion.png);
border-style:solid;
border:1px;
border-color:#666666;
font-size:1em;

  }
.ideas_principales {padding:1.5em; 
font-weight:bold; 
background-image: url(buttons/ideas_principales.png);
font-size:1em;}
  
.recapitulacion {padding:1em;
border-style:groove;
border-color:#990000;
border:2px;
font-style: italic;
font-size:1em;}

.solucion {padding:1em;
border-style:solid;
border-width:1px;
border-color:#006600;
font-style: italic;
font-size:1em;
color: #000000}

.pie_de_figura {font-family: "Times New Roman", Times, serif;
font-size:1em;
font-weight:bold;}

.enunciado_problema {border-color:#990000;
border-style: dotted;
border-width:1px;
padding: 0.5em;
font-size:1em;
font-style:italic;

}