/*
SIRSI Web Design :: by fzagato (http://fzagato.net)
an Open Source xhtml/css website layout - Feel free to use or modify, but do keep the credit.
*/

/********************************/
/* SECCION 1 - CUERPO PRINCIPAL */
/********************************/

/*-----------------------------------------*/
/* Seccion 1.1 - Definiciones de la Página */
/*-----------------------------------------*/

body {
	font-size: 62.5%;
	margin: 0.5em;
	padding: 0em;
	font-family: sans-serif, verdana;
	background-color: #eef3fa;
}

#contenedor {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	background-color: #fff;
}

/**************************/
/* SECCION 2 - ENCABEZADO */
/**************************/

/*----------------------*/
/* Seccion 2.1 - Banner */
/*----------------------*/

.img-encabezado {
	clear: both;
	float: right;
	width: 800px;
	height: 110px;
	margin: 0px;
	padding: 0px;
}

/*-------------------------*/
/* Seccion 2.2 - Dirección */
/*-------------------------*/

.dir-empresa {
	float: right;
	position: absolute;
	z-index: 2;
	width: 250px;
	top: 5em;
	left: 665px;
	margin: 0px;
	padding: 0px 3px 1px 3px;
	background-color: transparent;
	color: #f5fed0;
	font-weight: bold;
	font-size: 13px;
	height: 28px;
}

/***********************************/
/* SECTION 3 - CUERPO DE LA PAGINA */
/***********************************/

/*------------------------------*/
/* Seccion 3.1 - Cuerpo Lateral */
/*------------------------------*/

.cuerpo-lateral {
	clear: both;
	float: left;
	width: 170px;
	margin: 0px;
	padding: 0px;
}

/*--------------------------------*/
/* Seccion 3.2 - Cuerpo Principal */
/*--------------------------------*/

.contenedor-principal {
   float: right;
   width: 625px;
   min-height: 390px;
   border-left: 1px solid #6da6e2;
   text-align:justify;
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .contenedor-principal {
	height: 390px;
} 
/* End IE-Hack */

/*-------------------------------------------*/
/* Seccion 3.3 - Titulo del Cuerpo Principal */
/*-------------------------------------------*/

.titulo-principal {
 	float: left;
	width: 100%;
	height: 37px;
	margin: 0px;
	padding: 0px;	
}

/*************************/
/* SECCION 4 - CONTENIDO */
/*************************/

.contenido {
	float: left;
	width: 600px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/*****************************/
/* SECCION 5 - PIE DE PAGINA */
/*****************************/

.pie-pagina {
	clear: both;
	width: 780px;
	margin: 0em 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

/*******************************************************/
/* SECCION 6 - HYPERVINCULOS PARA TEXTOS DE NAVEGACION */
/*******************************************************/

.contenido a {
	color: #000;
	text-decoration: underline;
}

.contenido a:hover {
	color: #6e6e6e;
	text-decoration: none;
}

.contenido a:visited {
	color: #6e6e6e;
}

.pie-pagina a {
	color: #969696;
	text-decoration: underline;
}

.pie-pagina a:hover {
	color: #000;
	text-decoration: none;
}

/*********************************/
/* SECCION 7 - CLASES GENERICAS */
/*********************************/

/*--------------------------------*/
/* Seccion 7.1 - Fuentes Globales */
/*--------------------------------*/

.nav-global-font {
	font-size: 1.1em;
	font-weight: bold;
}

.nav-menu-font {	
	font-size: 1.25em;
}

.nav-main-font {
	font-size: 1.0em;
}

.nav-sub-font {
	font-family: sans-serif;
	font-size: 1em;
}

.contenido-font {
	font-size: 1.3em;
	line-height: 1.7em;
	color: #009;
}

.cuadro-font {
	font-size: 1.0em;
	line-height: 1.4em;
	color: #009;
}

.pie-pagina-font {
	font-size: 1em;
	color: #6e6e6e;
}

/*-----------------------*/
/* Seccion 7.3 - Titulos */
/*-----------------------*/

h1 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 20px;
	padding: 0px;
	margin: 0px;
}
		
h2 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 22px;
	color: #6da6e2;
	text-transform: uppercase;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

h3 {
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 12px;
	color: #0000cd;
	padding: 0px;
	margin: 0px;
}
	  
/*-----------------------------------------*/
/* Seccion 7.3 - Alineaciones Horizontales */
/*-----------------------------------------*/

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/*-------------------------------------*/
/* Seccion 7.4 - Estilos para Imagenes */
/*-------------------------------------*/

a img{
	  border: none;
}

img.left,img.center,img.right {
	  padding: 4px;
}

img.left {
	  float: left;
	  margin: 0 10px 5px 0;
}

img.center {
	  display: block;
	  margin: 0 auto 5px auto;
}

img.right {
	  float: right;
	  margin: 0 0 5px 10px;
}

/********************************/
/* SECCION 8 - CUADROS DE TEXTO */
/********************************/

.cuadro {
	 float: left;
	 width: 165px;
	 margin: 0px ;
	 padding: 0px;
	 text-align:justify;
}

/*-----------------------*/
/* Seccion 8.1 - Cuadros */
/*-----------------------*/

.cuadro-lateral {
	width: 150px;
	margin: 0px 0px 1.0em 0px;
	padding: 4px 4px 4px 4px;
	border: solid 1px #0000cd;
}

/*---------------------------------*/
/* Seccion 8.2 - Titulo del Cuadro */
/*---------------------------------*/

.titulo-cuadro {
	display: block;
	margin: 0px 0px 0.5em 0px;
	padding: 2px 5px 2px 5px;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
}

/*--------------------------------*/
/* Seccion 8.3 - Fondo del Cuadro */
/*--------------------------------*/

.fondo-cuadro1 {
	background-color: #0000cd;
}

.fondo-cuadro2 {
	background-color: #6da6e2;
}

.fondo-cuadro3 {
	background-color: #eef3fa;
}