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

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

p {
	font-size: 1.0em;
	line-height: 1.4em;
	/*text-align: justify;*/
}

ul {
font-size: 1.0em;
line-height: 1.4em;
list-style-image: url(buttons/bullet3.gif);
text-align: justify;}

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

#demotext {
font-size: 0.9em;
font-style: italic;
color: #CC6600;
padding-left: 85px;
text-align: justify;
margin-top: 10px;
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;
	color: #232e80;
	text-align: right;
}

h2 {
font-size: 1.25em;
padding: 1px 0px 1px 2px;
color: #232E80;
/*border: 3px solid #232E80;*/
margin-top: 15px;
border-bottom: 3px solid #232E80;
}

h3 {
	color: #232E80;
	font-size: 1.3em;
	font-weight: bold;
	/*background: #EFEFF9;*/
	/*border-bottom: 1px dotted #232E80;*/
} 

h4 {
color: #232E80;
font-size: 1.2em;
font-weight: bold; 
}

h5 {
	color: #232E80;
	font-size: 1.0em;
	line-height: 1.4em;
	padding: 0px 50px -20px;
	text-align: justify;
}

h6 {
font-size: 0.875em;}

/*img*/

/*Links*/

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

a:visited {
color: #333333;
font-weight: bold;}

a:hover {
background-color: #EFEFF9;
color: #232E80;
font-weight: bold;}

a:active {
color: #88A600;}

p.caption {
color: #244F32;
font-size: 0.9em;
font-weight: bold;
text-align: center;} 

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

/*Tables*/



table.unbordered {
padding: 2px;}

table.unbordered th {
padding: 2px;}

table.unbordered td {
padding: 2px;}

table.bordered {
	border: 2px #232e80 solid;
	padding: 2px;
}

table.bordered th {
border: 1px #232e80 solid;
background-color: #F7F8FD;
padding: 10px;
padding-left: 10px;
padding-right: 10px;
}

table.bordered td {
	border: 1px #232e80 solid;
	background-color: #F7F8FD;
	padding: 10px;
	padding-left: 10px;
	padding-right: 10px;
} 
/*Display Formats*/

div.boxtext {
color: #232E80;
border: 1px solid #232E80;
padding: 0px 6px 0px;
background: #FFFFFF;
text-align: justify;
background-image: url(buttons/boxtext_back.gif);
 border-bottom-width: 3px;
 border-right-width: 3px;
}

div.paneltext {
	color: #363555;
	border-top: 0px solid #CBC4CC;
	border-bottom: 1px dotted #CBC4CC;
	background: transparent left;
	text-align: justify;
	padding: 1px 15px 1px 55px;
	background-image: url("buttons/apunte.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: 3em;
	margin-left: 3em;
	background-color: #EAEADE
}

div.quotetext {
	color: #232e80;
	font-style: oblique;
	margin-right: 3em;
	margin-left: 3em;
	background: #FFFFFF right;
	text-align: justify;
	padding: 1px 100px 1px 15px;
	background-image: url("buttons/sintesis.jpg");
	background-repeat: no-repeat;
	border-top: 1px solid #FDB829;
	border-bottom: 2px solid #FDB829;
}

div.definition {
	background: #FFFFFF left;
	text-align: justify;
	padding: 10px 20px 10px 55px;
	border: 2px solid #5B7F97;
	background-image: url("buttons/definicion.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-right: 3em;
	margin-left: 3em;
}

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

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

/*Questions*/

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

table.question2 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	width: 95%;
	padding: 4px;
	border: 1px solid #232E80;
}

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

td.qbody {
font-size: 1em;
line-height: 0.8em;
background-image: url(buttons/_back3.gif);
 padding-left: 35px;
}

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: 27px;
padding-right: 6px;
border: 1px #666666 solid;
line-height: 1.2em;
background-image: url(buttons/correcto.gif);
background-position: left;
background-repeat: no-repeat;
}

.Qfeedbackincorrect {
display: none;
background-color: #FFCB97;
padding-top: 4px;
padding-bottom: 4px;
padding-left:27px;
padding-right: 6px;
border: 1px #666666 solid;
line-height: 1.2em;
background-image: url(buttons/incorrecto.gif);
background-position: left;
background-repeat: no-repeat;
}

.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: 8px;
padding: 8px;
position: static;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.0em;
line-height: 1.2em;}
 
/*Header*/

#header {
margin: 0px 0px 0px 0px;
padding:18px 6px 53px 6px;
font-size: 1.1em;
font-weight: bold;
border-bottom: 1px #232E80 solid;
border-top: 1px #232E80 solid;
color: #FFFFFF;
background: url("buttons/img_cab_derch.jpg") 0px 0px no-repeat #DBDCE1;
text-align: left;
}
.modulo {color:#0373BA}


#header h1 {
float:right;
color: #232E80;
font: normal;
text-align: right;
margin: 0px 0px 0px 0px;
font: bold 1.40em  "Trebuchet MS";
padding:0px 30px 0px 0px
}

.navegacion {float:left;border-bottom:2px solid #0373BA;background:#E7E8EB;margin:0px 0px 10px 0px;padding:5px 30px 5px 0px}
.contenidos {float:left;margin:0px 0px 0px 0px;padding:px 0px px 0px}

#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: 0px;}

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

#index h2 {
font-size: 1.25em;
color: #ffffff;
background: #0373BA;
padding: 7px 30px;
margin:0px}

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

#index ol.section {
line-height: 1.7em;
list-style-type: upper-alpha;
color:#0373BA;
font-weight: bold;}

#index ol.section ol {
list-style-type: decimal;
color:#0373BA;
font-weight: bold;}

#index ol.section ol ol {
list-style-type: lower-alpha;
color: #0373BA;
font-weight: bold;}

/*Table of Contents*/

td#maintable-toc {
border-bottom: 1px #cccccc solid;
padding: 3px 0px;
margin:0px
}

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

#toc {
font-size: 0.8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
color:#333333;
 /*background: url(cangrejo_ok.gif) no-repeat center;*/
}
#color_menu  {
padding: 4px 5px;
color: #ffffff;
background: #0373BA;
}
#color_tit  {
padding: 4px 5px;
color: #ffffff;
background: #232E80;
}

2.tit_menu {
color: #ffffff;
background: #0373BA;
padding:5px 5px 5px 5px;
margin:11px 0px 0px 0px
}
.tit_menu a, a:hover, a:visited, a:visited:hover{
background: none;
text-decoration: none;
color: #666666;
}

#color_menu a{
color: #ffffff;
}
#toc li a:link, #toc a:visited {
color: #333333;
text-decoration: none;
border-bottom: 1px #cccccc solid;
padding: 0px 0px 2px 0px;
display: block;
}
html>body #toc li a:link, #toc a:visited {
display: block;
color: #333333;
padding: 3px 0px;
text-decoration: none;
border-bottom: 1px #cccccc solid;
}

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

#toc li {
text-indent: 0px;
text-align: left;
padding: 3px 0px;
 /*background: url(cangrejo_ok.gif) no-repeat top;*/
}
html>body #toc li {
text-indent: 0px;
text-align: left;
padding: 0px 0px;
}

3#toc-title {font-size: 0.85em;color:#ffffff}
#toc ol {
list-style-type: decimal; color:#0373BA;font-weight:bold}

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

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



}

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

#toc ol.section ol {
list-style-type: decimal;
}
#toc ol.section ol ol {
list-style-type: lower-alpha;
}
li.currentpage {
font-weight: bold;
color: #0373BA;}

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

/*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 {
color: #232e80;
margin: 0px;
padding: 1px 25px 1px 58px;
font-size: 0.8em;
text-align: center;
background: #FDDF63;
border-top:2px solid #232e80;
background: transparent url("buttons/bullettoc.jpg") no-repeat;
}

#footer-withtoc2 {
color: #232e80;
margin: 0px;
padding: 0px 25px 0px 65px;
font-size: 0.8em;
text-align: center;
/*background: transparent url("buttons/bullettoc.gif") no-repeat 0px 16px;*/
border-top:2px solid #0373BA}

#footer-notoc {
color: #232e80;
margin: 0px;
padding: 1px 25px 1px 58px;
font-size: 0.8em;
text-align: center;
background: #FDDF63;
border-top:2px solid #232e80;
background: transparent url("buttons/bullettoc.jpg") no-repeat;}

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