@charset "utf-8";
/* CSS Document */

@import "reset.css";
@import "layout.css";
@import "menu.css";


/* --- Basic HTML --- */

body {
	background:#f3f3f3;
	font:normal 83%/160% Arial, Helvetica, sans-serif;
	color:#ccc;
	text-align:justify;
	overflow:auto;
}
a,a:active, a:visited
{
	color:#369;
	text-decoration:none;
}
a:hover
{
	color:#071169;
	text-decoration:underline;
}

h1,h2,h3,h4,p,li {text-align:justify;}
img.alignleft {float:left;margin-right:20px}
img.alignright {float:right;margin-left:20px}
img.border {border:2px solid #ccc;}

/* --- Language --- */

ul.lang {
  float:right;
	_float:none; /* ie6 strange fix */
  width:100%;
  font:bold 0.85em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  margin:0;
  padding:0 10px;
  list-style:none;	
}

ul.lang li {
  float:right;
  margin:0;
  padding:0 5px;
}

ul.lang li a {
  float:right;
  display:block;
  padding:2px 5px;
  text-decoration:none;
  font-weight:bold;
  color:#FFF;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
ul.lang li a {float:none;}
/* End IE5-Mac hack */
ul.lang li a:hover {
  color:#111;
  }

/* --- Some classes --- */

.noline {background:none;}
.clearfix {clear:both;}

/* --- Color, background and more personalization here --- */

.header { /* The page header background */
	background:#366ba1 url(../images/header.png) top left;
	border-bottom:1px solid #224D78;
}

.menu {
  background:#e8fddf url("../images/bg-menu.gif") repeat-x top;
  font:bold 1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	letter-spacing:-1px;
}

.widearea { /* text color for main text */
	color:#333;
}

.sidebar { /* text color for sidebar */
	color:#333;
}

.sidebar a { /* text color for sidebar */
	color:#444;
}

.sidebar a.button { /* text color for sidebar */
	display:block;
	background:url(../images/bg-button.png) top left no-repeat;
	width:180px;
	height:30px;
	padding:0px 10px;
	color:#444;
	text-decoration:none;
	text-align:justify;
}

.sidebar a.button:hover { /* text color for sidebar */
	background-position:0 -31px;
	color:#111;
	text-decoration:none;
}

.sidebar a:hover { /* text color for sidebar */
	color:#336699;
	text-decoration:underline;
}

.sidebar h3 { /* text color for sidebar */
	font: bold 1.2em/100% Arial, Helvetica, sans-serif;
	color:#369;
}

.sidebar li:before {
	/*content:"\00BB \0020";*/
}

.sidebar li { /* text color for sidebar */
	margin:1em 0;
	font: normal 1.1em/210% Arial, Helvetica, sans-serif;
}

.widearea h3 { /* text color for main text */
	font:bolder 1.4em/100% Arial, Helvetica, sans-serif;
	color:#369;
}

.widearea h4 { /* text color for main text */
	font:bolder 1.25em/20% Arial, Helvetica, sans-serif;
	color:#369;
}

.widearea p, .widearea li , .widearea dt, .widearea dd  { /* text color for main text */
	margin:0 0;
	font:normal 1.1em/120% Arial, Helvetica, sans-serif;
}

.widearea p, .widearea li, .widearea dt, .widearea dd {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
	padding: 10px;
  line-height: 100%   /*esta es la propiedad para el interlineado*/
}
.widearea ul, .widearea dl {
	margin:0.5em 0 0.5em 2em;
	list-style:disc;
}

.widearea ol {
	margin:0.5em 0 0.5em 2em;
	list-style:decimal;
} 

.widearea ol.i {
	margin:0.5em 0 0.5em 2em;
	list-style-type:lower-alpha;
}

.widearea li, .widearea dt {
  margin:0 0 0 2em;
}	

.widearea dd  {
  margin:0 0 0 2em;
}	

.widearea strong {
	font-weight:bold;
	color:#000;
}

.footer {
	background:#eee url(../images/bg-footer.gif) top left repeat-x;
}

.footer p {
	font:normal 0.8em/150% Arial, Helvetica, sans-serif;
	color:#999;
}

.footer strong {
	font-weight:bold;
	color:#888;
}



form.ddfm label {
	display: block;
	float:left;
	width:120px;
	text-align:right;
	margin-top:4px;
	margin-right: 8px;	
}

form.ddfm div.rowElem {
	clear:both;
	padding:10px 0px;	
}
form.ddfm .fmtext {width:200px;}
form.ddfm .fmtextarea {width:200px;}
form.ddfm .submit {text-align:left;padding-left:250px;}