/* TITLE: Hoja de estilo celeste basada en Purple Haze*/
/* URI  : http://www.oswd.org/design/1110/purplehaze/*/
/* Author: haran= haran{insert@here}wiredcity.com.au*/


/* ###### Color Scheme ###### */

/*
 * CHANGING THE COLOR SCHEME
 * -------------------------
 *
 * Four basic colors were used in the design. To change the
 * color scheme, just edit these four values below.
 *
 */

.topOfPage, #caja,#cajaAncha,q,h1, h2, h3, .headerTitle, .headerLinks, .headerLinks *, .sideBox div, #footer *
{ /* Text Color: */  color: #000000; font-family: Arial, Helvetica, sans-serif;  }

#caja,#cajaAncha,q,h2,  #header, .sideBox, .sideBox div, #footer,.listaTabular
{ /* Border Color: */  border-color: #000000; font-family: Arial, Helvetica, sans-serif;}

#header, .sideBox div,.sideBox
{ /* Background Color (darker): */  background-color: #217ABF; font-family: Arial, Helvetica, sans-serif;}

#header{
 background-image:url(/imagenes/encabezado_naranja.gif); background-repeat:no-repeat; background-position:right;}

 
 
.sideBox div,.sideBox a:hover
{ /* Background Color (darker): */  background-color: #999999;}

a:link {color:#999999}
a:hover {color:#FF6600;}
a:visited {color:#999999}
 
#caja,q,.sideBox a, .sideBox span, #footer
{ /* Background Color (lighter): */  background-color: #fcfcff; }




/* ###### Browser-specific Styles ###### */

/* ###### Browser-specific Styles ###### */

/* For IE & Mozilla-based browsers: */

.LHS {
  margin-left: 2.5mm;
  float: left;
  clear: left;
}

.RHS {
  margin-right: 2.5mm;
  float: right;
  clear: right;
  display:block;
}

/* For Mozilla-based (CSS2-fully complaint) browsers only: */

[class~="LHS"] {
  margin-left: 5mm;
}

[class~="RHS"] {
  margin-right: 5mm;
}

/* ###### Body Text ###### */

#bodyText {
	line-height: 1.5em; 
	margin: 5mm 12em 0 12em;
	padding: 0 1em 1ex 1em;
	min-height: 20em;
}

#bodyText p {
  padding-bottom: 0ex;
  font-size: 85%;
}

#NA {
	font-size: 85%;
	margin-right: 2.5mm;
	width: 400px;
	text-align: justify;
	padding: 1px 2px 0px 1px;
	visibility: inherit;
}

#UP {
   margin-left: 1mm;
   font-size: 85%;
}

#TE {
	margin-left: 5mm;
	font-size: 80%;
}

#TG {
   margin-left: 3mm;
   font-size: 95%;
}

#TR {
   margin-left: 2mm;
   font-size: 80%;
}

#term{
  font-size: 93%;
  margin-bottom: 1px;
  margin-top: 1px;
  margin-left:6mm;
  }

.topOfPage {
  font-size: 80%;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  padding-left: 1ex;
  padding-right: 1ex;
  float: right;
}

.smallCaps {
  font-variant: small-caps;
}

body {
  background-color: white; 
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 85%;
  margin: 0;
}

h1, h2, h3,h4 {
	font-family: Arial, Helvetica, sans-serif;
  
}

h1 {
  font-weight: bold;
  font-size: 120%;
  border-bottom: 1px solid;
  padding-bottom: 0.5ex;
}

h2 {
  font-weight: bold; 
  font-size: 100%;

}

h3 {
  font-size: 95%;
}

h4{
  font-size: 95%;
  margin:inherit;
  margin-bottom: 1px;
  margin-left:1px;
  }


acronym {
  background-color: inherit;
  color: teal;
  border-bottom: 1px dashed teal;
  cursor: help;
}

code {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
}

img {
  border: 0;
}

q {
font-family: Arial, Helvetica, sans-serif;
  border: 2px dotted;
  margin: 0 1em 1ex 1em;
  padding: 0.5ex 0.5ex 0.5ex 1ex;
  width: 8em;
  float: left;
}

/* ###### Header ###### */

#header {
  border-bottom: 2px solid;
  height: 4em;
  margin-bottom: 2px;
  padding: 1em 2.5px 0 10px;  
}

.headerTitle {
  font-size: 180%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#FFFFFF;
}

.headerLinks {
  text-align: right;
}

.headerLinks * {
  text-decoration: none;
  font-weight: bold;
  padding-right: 1ex;  
}

.headerLinks a:hover {
  text-decoration: underline;
}


/* ###### Side Box ###### */

.sideBox {
  border-top: 2px solid; 
  width: 10em;
  margin-top: 1px; background-color:#FFFFFF;
}

.sideBox div {
  font-weight: bold; border-color:#FF6600;
  border-bottom: 1px dashed;
  padding: 0.1ex 0.1em 0.1ex 0.3em; background-color:#FFFFFF;
}

.sideBox a, .sideBox a:hover, .sideBox span {
  color: black;
  text-decoration: none;
  line-height: 1.0em;
  display: block;
  padding: 1ex 0.5em 1ex 0.75em;
  font-size: 80%;
}

/* ###### Footer ###### */

#footer {
  color: inherit;
  border-top: 2px solid;
  border-bottom: 2px solid;
  padding-top: 0.75ex;color: black;
  padding-bottom: 0.75ex;
  clear: both;
  right: 0px;
  bottom: 0px;
 
}

.footerImg {
  padding-right: 3mm;
  padding-top: 2mm;
  float: right;
}

#footer div,fieldset {
  padding-left: 3mm;
  vertical-align:bottom;
}

#footer * {
  background-color: inherit;
  font-size: 90%;
}


#footer a:hover {
  text-decoration: none;
}

.footerCol2 {
  position: absolute;
  left: 7em;
}


/* ###### Agregados ###### */
.listaTabular {
  position: absolute;
  left: 30em;
}

label{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 70%;
font-weight: bold;
display : block;
background: inherit;
margin-top: 2px;

}

legend{
padding: 2px;
}

fieldset{
min-width: 50%;
}



input,select,textarea,radio {
font-family: Arial, Helvetica, sans-serif;
  
  font-size: 80%;
  padding: 1px;
  }

#caja{

	font-family: Arial, Helvetica, sans-serif;  
  border: 2px dotted;
  margin: 0.8em 1em 1ex 1em;
  padding: 0.5ex 0.5ex 0.5ex 1ex;
  width: 8em;
  float: right;
}

#cajaAncha{
  background-color: #fcfcff; 
  font-family: Arial, Helvetica, sans-serif;  
  border: 2px dotted;
  margin: 0.8em 1em 1ex 1em;
  padding: 0.5ex 0.5ex 0.5ex 1ex;
/*   width: 15em; */
  /*float: right;*/
}

.key{
  color:navy;
  text-decoration: underline;
 }

.formdiv {
  border-bottom:thin black solid;
  margin-left:2em;
  margin-right:2em;
  margin-bottom:2%;
  background:#eee;
  border:1px solid #aaa;;
  padding:5px;
  color: black;
  border-bottom:1px solid #ccc;
}

#menuEnlaces{
  float: right;
  font-size: 80%;
  text-decoration: none;
  color: black;
  padding-bottom: 0.5ex;
}

#menuEnlaces a{
	color: #07a;
	background-color: transparent;
	text-decoration: underline;
	padding: 0px 1px 1px 1px;
}

#menuEnlaces a:hover{
    background-color:#eee; 
}

ul {
    font-size: 80%;
	display:block;
	list-style: none;
	margin-top: 1px;
	padding-left: 10px;	
}

#relacionesTermino{
	margin-top: 0px;
	display:block;
    float: left;
}

#menuMiga{
	border: 1px dashed #c0c0ff;
	margin: 1px 1px 10px 1px;
	padding: 0.5ex 0.5ex 0.5ex 1ex;
	width: 20em;
	font-size: 80%;
	background-color: #fcfcff;
	color: black;
	float: right;
	display: block;
}

#menuMiga > #menuEnlaces{
  float: right;
  font-size: 80%;
  text-decoration: none;
  color: black;
  padding-bottom: 0px;
}

#zonaNotas{
    width: 20em;
    float:left;    
}

/*#zonaNotas> dl {
	border: 1px dashed #c0c0ff;
	margin: 2px 1px 1px 1px;
	padding: 0.5ex 0.5ex 0.5ex 1ex;
	width: 20em;
	font-size: 80%;
	background-color: #fcfcff;
	color: black;
	float: right;
	empty-cells:hide;
	display: block;	
}*/
#zonaNotas> dl {
	font-size: 85%;
	margin-right: 2.5mm;
 	clear: right; 
	width: 40em;
	text-align: justify;
	padding: 1px 3px 3px 1px;
	visibility: inherit;
}

dt{
    font-weight: bold;
    border-bottom: 1px solid rgb(165, 191, 214);
    padding: 1px 1px 1px 1px ;
    font-weight: bold;
}

dl{
    padding: 1%;
    text-align: justify;
    margin:1%;
    border:1px solid #CCCCCC;
}



ol{
list-style: upper-roman outside;
}

#bodyText .error {
  font-family: Arial, Helvetica, sans-serif;  
  color:#c00;
  font-weight: bold ;
  font-size:14px;
  margin:1em;
}