body 
{
  margin:0;
  padding:0;
  text-align:center;
  font-family: Tahoma,Arial,Verdana,Sans-serif;
  color: #333;
  font-size:13px;
  font-style:normal;		
}

a:link,a:visited,a:active {text-decoration:none;color:#4D708A;}

a:hover {text-decoration:underline;}

.centrado {text-align:center;}

.justificado {text-align:justify;}

#topnav {background: #8eabc1;border-top:1px solid #ccc;clear: both;}

#topnav ul {padding: 0;margin: 0;float: left;width: 100%;clear: right;background: #8eabc1;color: #000;border-bottom:1px solid #ccc;}

#topnav ul li {display: inline;}

#topnav ul li a {text-decoration: none;font-weight: bold;font-size:13px;float: left;color: #fff;padding: 3px 10px 3px 10px;}

#topnav ul li a:hover, #topnav ul li.active a {color: #fff;background: #000;}	


/* Ventanas 
-----------------------------------------------------------------------*/
#pageventana
{
	text-align:left; 
	margin:0 auto; /* centra el contenedor */
	border: 1px dashed #ccc;
	background: #fff;
	width: 450px;
	padding: 8px;
}

#pageventana h2 {font-size: 1.1em;}


/* Contiene a contorno-1 y footer
-----------------------------------------------------------------------*/
#contorno {width:1024px;background: #f8f9fa;}

/* Contiene a main y sidebar
-----------------------------------------------------------------------*/
#contorno-1 {width:1024px;background: #f8f9fa;}

/* Contiene a content-header, content-main y content-sidebar
---------------------------------------------------------------------- */ 
#contorno-2 {width:100%;}


/* Esqueleto exterior
---------------------------------------------------------------------- */
#main {
  width:78%;
  padding: 0;
  margin: 0;
  float:left;
  background: #fff;
  border-right:1px dashed #ddd;
  }

#sidebar {
  width:20%;
  padding: 0;
  margin: 0;
  float:right;
  }
  

#footer {
  width:100%;
  clear:both;
  margin:0 auto;
  padding: 20px 20px 20px 20px;
  background: #fff;
  }


/* Esqueleto interior
---------------------------------------------------------------------- */
#content-header {width:100%;}

#content-header #login {font-size:1.1em;}

#content-sidebar {clear:both;width:27%;float:left;text-align:left;}

#content-sidebar h2 {
    padding: 2px 2px 0px 2px;
    margin: 2px 2px 0px 2px;
    text-align: center;
    font-size:1.1em;
    font-weight: bold;	
}

#content-sidebar ul {
  font-family: arial,"Trebuchet MS";
  list-style:square;
  margin: 5px;
  padding: 3px 3px 3px 20px;
  }
  
#content-sidebar li {
  margin:0px;
  padding:1px;
}  

#content-main {width:70%;float:right;padding: 5px;}

#content-main p {
	text-align:left;
	padding:4px 0 4px 0;
	margin:0;
	}

#content-main ul {
  list-style:square;
  margin: 5px;
  padding: 3px 3px 3px 20px;
  }
  
#content-main li {
  margin:2px;
  padding:2px;
}  

#content-main h1  {
	text-align:left;
	font-size: 1.4em;
	font-weight:normal;
}

#content-main h2  {
	text-align:left;
	font-size: 1.1em;
	font-weight:bold;
	margin: 0;
	padding: 10px 0 0 0;
}

#content-main h3  {
	text-align:left;
	font-size: 1em;
	font-weight:normal;
	margin: 0;
	padding: 5px 0 5px 0;
}

#content-main h4  {
	text-align:left;
	font-size: 1em;
	font-weight:bold;
	padding:5px 0 5px 0;
	margin:0;
}

#content-main .centrado
{
	text-align:center;
}

#content-main .justificado
{
	text-align:justify;
}

#content-main .caja_borde
{
	text-align: left;
	padding: 7px;
	margin:0 auto 7px auto;
	background-color:#f8f9fa;
	border: 1px solid #ccc;
}

#content-main .caja_sborde
{
	text-align: left;
	padding: 2px;
	margin:0 auto 7px auto;
	background-color:#f8f9fa;
	border: 1px dashed #fff;
}
 
#pfecha
{
	text-align:right;
	margin:0;
	padding:0px 2px 5px 2px;
	color:#556C94;
}

#tickfield
{
	color:#556C94;
	font-weight: bold;
	text-align:left;
	margin: 2px;
	padding: 2px;
}