/*Main*/

body {

background-color: #ffffff;
color: #434343;
font-family: verdana;
font-size: 0.8em;
margin: 0em;}

p {
font-size: 1.0em;
line-height: 1.4em;}

ul {
font-size: 1.0em;
line-height: 1.4em;}

ol {
/*list-style-image: url(buttons/img-itempeque-amarillo.png);*/
font-size: 1.0em;
line-height: 1.4em;
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;}

h1 {
font-size: 1.5em;}

h2 {
background-color:#ffb113;
font-size: 1.375em;}

h3 {
background-color:#ffd57f;
font-size: 1.0em;
padding-left: 4em;
font-weight:bold;
/*font-size: 1.25em;*/
}

h4 {
background-color:#d9d9d9;
font-size: 1.0em;
padding-left: 2em;}

h5 {
font-size: 1.0em;}

h6 {
font-size: 0.875em;}

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

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

/*Links*/

a:link {
color: #434343;} 

a:visited {
color: #c4c4c4;}

a:hover {

color: 434343;}

a:active {
color: #ffb113;}

p.caption {
background-color:#eeeeee;/*#ffd57f;*/
font-size: 1.0em;
padding-left: 4em;
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*/
text-align:justify;

background-color: transparent;
color: #0d0d0d;
font-family: verdana;
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-color:#eeeeee;
background-image:url(buttons/exclamacion.png);
padding-right:50px;
text-align:justify;
font-weight:bold;
background-repeat:no-repeat;
background-position:100% 10%;
border:2px solid #d9d9d9;
padding-left: 1em;
margin-bottom: 0.5em;
margin-top: 0.5em;}

div.paneltext {
background-color: #ffffff;
background-image:url(buttons/estrella.png);
background-repeat:no-repeat;
background-position:100% 2%;
border:2px solid #ffb113;
text-align:justify;
font-weight:bold;
padding-left: 45px;
padding-right: 60px;
margin-bottom: 0.5em;
margin-top: 0.5em;}

div.quotetext {
text-align:justify;
font-family:verdana;
font-weight:normal;
font-style: italic;
padding-left:45px;
padding-right:45px;
background-image:url(buttons/comillas.png);
background-position:2px 10px;
background-repeat:no-repeat;
margin-left: 1em;
margin-right: 1em;
border:2px solid #d9d9d9;
background-color:#eeeeee;
color:#000000}

div.definition {
background-color: #ffffff;
border:2px solid #ffb113;
background-image:url(buttons/libreta.png);
background-repeat:no-repeat;
background-position:right top;
padding-left: 1em;
padding-right: 60px;
margin-bottom: 0.5em;
margin-top: 0.5em;}

div.definition h3 {
font-size: 1.0em;
font-weight: normal;
background-color:transparent;}

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

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

/*Questions*/

table.question {
font-family: Verdana;
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;
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: #ffd57f;
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: 8px;
padding: 8px;
position: static;
font-family: Verdana;
font-size: 1.0em;
line-height: 1.2em;}

/*Header*/

#header {
background-image: url(buttons/head_degradado.png);
background-repeat:no-repeat;
height: 120px;
padding-left: 6px;
padding-right: 6px;
/*margin-left: 10px;
margin-right: 10px;*/
margin-top: 20px;
/*margin-bottom: 10px;*/
padding-top: 4px;
padding-bottom: 4px;
font-size: 1.2em;
text-align: center;
font-weight: bold;
color: #434343;}

#header h1 {

/*background-color:ffb113;*/
font-size: 1.25em;
display: inline;
font-weight: bold;
letter-spacing: 0.06em;}

#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;
padding-left: 12px;}

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

#index a:hover {
background-color: #ffd57f;}

#index h2 {
/*margin-top:10px;*/
background-image: url(buttons/barragrupo.png);
background-repeat:no-repeat;
height: 30px;
/*padding-top: 50px;*/
font-size: large;
color: #434343;}

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

#index ol.section {
line-height: 1.7em;
list-style-type: decimal;
color: #333333;}

#index ol.section ol {
list-style-type: decimal;
color: #333333;}

/*Table of Contents*/

td#maintable-toc {
background-image:url(buttons/fondo_barra.gif);
background-repeat: repeat;
background-color: #ffffff;
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;
background-color: #eeeeee;}

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

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

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

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

#toc #toc-title {
}

#toc ol {

list-style-type: decimal;
color: #434343;}

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

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

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

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

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

/*Main Content*/

#main-content-withtoc {
background-color: #ffffff;
margin-left: 10px;
margin-right: 10px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;}

#main-content-notoc {
background-color: #ffffff;
margin-left: 10px;
margin-right: 10px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;}

/*Footer*/

#footer-withtoc {
height:50px;
background-image: url(buttons/barragrupofin.jpg);
background-position: center;
background-repeat:no-repeat;
padding-left: 6px;
padding-right: 6px;
margin-left: 180px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 0.8em;
position: static;
text-align: center;}

#footer-notoc {
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;}

#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: 10px;
margin-left: 10px;
display: inline;}

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

/*Longdescriptions*/

#longdesc {
margin: 10px;}


