/****************************** NUEVA HOJA DE ESTILOS BASE CSS 2  ************ 27/11/2007 ***********/

/*  NOTA: 1em = 12px  */


/* Neutralizando estilos: 
   Elementos que queremos re-setear a 0 enteramente y dejar por defecto: */

/*11px es el FontSize / 120% es el line-height */

html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font-style: normal;
	color: #333333;
	font: 12px / 120% Arial, Helvetica, sans-serif;

}
		

/* Neutralizando estilos: 
   Elementos con margen vertical : */

/* Reseteo a 0 los bordes margenes y padding*/ 
  
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address, a  {
	margin:  0;
	font-weight:normal;
	padding: 0;
	color:#333333;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;	
}

/* Reseteo a 0 todos los bordes en los A , les seteo un tamaño de fuente y les saco el underline */
a 	{	border: 0;
		text-decoration: none;
		font-size: 13px;
	}

p	{	font-size: 13px;
		
	}
	
p.WebEditor a {text-decoration:underline; 
	color: #052169;} /* Para que subraye los "links desde el web editor"

 /* Para todos los párrafos que estén dentro de una etiqueta form declaro: */
 form p	{	font-size:13px;
			
		}

/* Aplicar margen izquierdo:
   Solo a los pocos elementos que lo necesitan: */
   
li, dd, blockquote {
	margin-left: 0px;
}

/* Conveniencias Varias para Propiedades de Formularios: */
	
/*Define las propiedades para el Tag label del form*/

form label 	{
				margin: 0;
				padding: 0;
			}


fieldset 	{
				border: none;
				border: solid 0 transparent; /* Este lo resetea a 0 para Opera */

			}

/*  Aplicar estilos a  INPUT, SELECT Y TEXTAREA del formulario */

input, select, textarea 	{	font-family: Arial, Helvetica, sans-serif;
								font-size: 11px;
								background-color: #FFFFFF;
								
							}
							
/********************************  FIN DE RESET ESTILOS BASE  **********************************/	
		
/* PSEUDO CLASES - RESPETAR ORDEN de Declaraciones : Link, Visited, Hover, Active */

a:link 		{	}		/*Esta Funciona Para Ambos navegadores*/

a:visited 	{	}		/*Esta Funciona Para Ambos navegadores*/
			
/* PSEUDO CLASES DINÁMICAS */

a:hover 	{	}		/*Esta Funciona Para Ambos navegadores*/

a:active 	{	 }		/* Para IE este esta funciona / y en Mozilla Firefox no funciona  */
			
a:focus 	{	 }		/*Esta no funciona en IE 6 / y en Mozilla Firefox se comporta como active*/
				
/* PSEUDO ELEMENTOS */

p:first-line 	{ 	 }	/*Aplica formato a la primera linea de un párrafo*/		
	
p:first-letter 	{ 	 }	/*Aplica formato a la primer letra de un párrafo*/


/*  Básicos */
.CursorHand		{ 	cursor: pointer;	}

Small 	{	font-size: 10px;	}
		

/* Para todos los elementos h3 que esten dentro de un tag Form declaro:*/
form h3 {	font-size: 12px;
			font-weight:bold;  
}							
					
/****************************************  DIAGRAM LAYERS  ***************************************/				

DIV 	{	width: 100%;
			height: 100%;
}

#Top {
	position: relative;
	width:770;
	z-index: 1;
	height:192;
}

#Left {
	position: relative;
	z-index:2;
}

#Content {
	position: relative;
	width:770;
	z-index: 3;
	background: #F6F6F6;
	}


#Bottom {
	position: relative;
	width:770;
	height:52px;
	z-index: 4;
}

#Right {
	position:relative;
	z-index:5;
}

.bgndesqtop	{
	background-image:url(images/layout/diagram/bgnd_esq_top.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

.bgndlefttop	{
	background-image:url(images/layout/diagram/bgnd_left_top.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#133155;
}

.bgndrighttop	{
	background-image:url(images/layout/diagram/bgnd_right_top.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#133155;
}

.bgndleftmiddle	{
	background-image:url(images/layout/diagram/bgnd_left_middle.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#133155;
}

.bgndrightmiddle	{
	background-image:url(images/layout/diagram/bgnd_right_middle.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#133155;
}

.bgndleftbottom	{
	background-image:url(images/layout/diagram/bgnd_left_bottom.jpg);
	background-position:top right;
}

.bgndrightbottom	{
	background-image:url(images/layout/diagram/bgnd_right_bottom.jpg);
	background-position:top left;
}

.bgndmiddlebottom	{
	background-image:url(images/layout/bottom/bgnd_bottom.jpg);
	background-position:top left;
}


/*********************************   FIN DIAGRAM LAYERS  ***************************************/

									/*****	#Content	*****/

				
#Content h1 {	
				font-size:19px;
				color:#052169;
				font-weight:bold;
			
			}

#Content h1.Selected {	
	font-size:19px;
	color:#052169;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:10px; 
	padding-left:13px;
	display:block;
	}
	
.ColumnDescription {
	color:#00237D;
	text-decoration:none;
	font-size:14px;
	}
	
.ColumnClassDescription {
	color:#737373;
	text-decoration: none;
	font-style:italic;	
	}
			
#Content h2	 {	
				font-size:18px;
				color:#052169;
				font-weight:bold;
			 }
			 
#Content h2.NavHome	 {	
				font-size:16px;
				color:#052169;
				font-weight:bold;
			 }

.Leer { font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#00237D;
		font-weight:bold;} 
		
.SeeAll { 
	color:#00237D;
	text-decoration:underline;
	padding-right:30px;
	font-weight:bold;}
			
.Comments { font-size:11px;}

.CommentsHome {color:#00237D;
				font-size:11px;}

.Nav { font-size:13px; 
		color:#00237D;
		font-weight:bold;
		text-decoration:underline;
		cursor:pointer;}

/***********************************************************************************************/

											
									/*****	#Left	*****/

/* A todos los H1 dentro de la layer #Left declaro: */

				
#Left h1 	{	
				font-size:11px;
				text-transform:capitalize;
				padding-left:20px;
				display:block;
			
			}
		

/*Para que quede seleccionada le aplico */		


.LeftSelH1 	{	
				color:#FF0000;
				
			}
			
/***********************************************************************************************/											
										/*****	#Top	*****/

/* A todos los H1 dentro de la layer #Top declaro: */
				
#Top h1 	{	
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-transform:capitalize;
	text-decoration:none;
}

/* MenuTop */
.Top	{
	background-image:url(images/layout/top/menutop_off.jpg);
	background-position:top;
	display:block;
	padding-left:25px;
	padding-right:25px;
	padding-top:7px;
	padding-bottom:7px;
}		

/* Para cuando Top quede seleccionada le aplico */	
.Top:hover	{
	background-image:url(images/layout/top/menutop_on.jpg);
	background-position:top;
	display:block;
	padding-left:25px;
	padding-right:25px;
	padding-top:7px;
	padding-bottom:7px;
}
			
.TopON 	{	
	background-image:url(images/layout/top/menutop_on.jpg);
	background-position:top;
	display:block;
	padding-left:25px;
	padding-right:25px;
	padding-top:7px;
	padding-bottom:7px;
}

#Top h2 	{	
	font-size:16px;
	color:#052169;
	font-weight:bold;
	text-transform:capitalize;
	text-decoration:none;
}
		
/***********************************************************************************************/	
	
		
										/*****	#Bottom   *****/

/* A todos los H1 dentro de la layer #Bottom declaro: */

#Bottom h1 	{	
	font-size:12px;
	color:#00237D;
}

/*Para que quede seleccionada le aplico */		
.Bot 	{	
	text-decoration:underline;
}

.BotSelH1 	{	
	text-decoration:none;
}			
			

			
/***********************************************************************************************/			
		
											
/******** BORDES en Orden de Izquierda a Derecha - TRBL -Top - Right - Bottom - Left ***********/



/* Los Nombres de los bordes deben contener la ubicación + la posición/es donde es aplicado 
   Ej.: DiagramRL -> describe su aplicación en el Diagram para los bordes Right y Left  */


.DiagramRL	{	border: #999999 solid; border-width: 0px 1px 0px 1px;}





/******************************** ESTILOS EXTRA PARA FORMULARIOS ********************************/
.Scroll  		{	
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-base-color:#052169;
	scrollbar-3dlight-color: #052169;
	scrollbar-darkshadow-color:#052169;
	scrollbar-face-color:#052169;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	border: #052169;
	border-style:solid;
	border-width: 1px;
	color: #052169;
	font-size:12px;
	font-family:Trebuchet Ms, Tahoma, Arial, Helvetica, sans-serif;
}

.FieldForm		{	
	width:220px;	
	border: #052169;
	border-style:solid;
	border-width: 1px;
	color: #052169;
	height:20px;
	font-size:12px;
	font-family:Trebuchet Ms, Tahoma, Arial, Helvetica, sans-serif;
}

.FieldError 	{	
	background-color: #052169;
	width:220px;
	border: #000000;
	border-style:solid;
	border-width: 1px;
	color: #FFFFFF;
	height:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.ErrorMesForm	{	
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	background-color:#052169;
}

/*.Visor {background:url(images/imgs/bgdn_visor_pic.jpg) no-repeat center;} */





/************
album 
**********/

.jCarouselLite { width: 640px;}

/******************************** FIN HOJA DE ESTILOS BASE **************************************/