/****************************** 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: */


html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font-style: normal;
	color: #5A5B72;
	font: 12px / 120% Arial, Tahoma, 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  {
	margin:  0;
	padding: 0;
	font-family: Arial, Tahoma, 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: 11px;
	}


p	{	font-size: 11px;
		color: #5A5B72;
		line-height:15px;
}

p a	{	font-size: 11px;
		color: #5A5B72;
		line-height:15px;
		text-decoration:underline;
}

/* <p class="detail"> asi se debe poner la etiqueta en los templates de detalle para que si se carga desde el web editor el link se subraye */
p.detail	{	
	font-size: 12px;
	color: #5A5B72;
	line-height:17px;
}

p.detail a	{	
	text-decoration:underline;	
	color:#5A5B72
}

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

/* 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: Verdana, 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: 11px;   }							
					
/****************************************  DIAGRAM LAYERS  ***************************************/				

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


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

#Content {
	position: relative;
	z-index: 3;
	width:95%;
}

#Bottom {
	position: relative;
	z-index: 4;
}

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

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

									/*****	#Content	*****/
#Content h1, h2, h3	{
	font-family:"Times New Roman", Times, serif;
	color:#5586BB;
	text-decoration:none;
}			

#Content h1 {	
	font-size:21px;
	font-weight:bold;
}

#Content h1.detailwhite {	
	color:#FFFFFF;
	font-size:19px;
	font-weight:bold;
	padding-left:5px;
}

#Content h2	 {	
	font-size:17px;
	color:#5586BB;	
	padding-left:0px;
	font-weight:bold;
}

#Content h2.nav	 {	
	font-size:14px;
	color:#FFFFFF;
	padding-left:3px;
	font-weight:lighter;
}


#Content h3 {	
	font-size:14px;
	color: #357CAC;
} 

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

/* A todos los H1 dentro de la layer #Left declaro: */
				
#Left h1, h2, h1 a, h2 a	{
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	font-weight:lighter;
}

#Left h1 	{	
	font-size:18px;
	padding-top:6px;
	padding-left:4px;
	padding-bottom:6px;
}

#Left h2 	{	
	font-size:14px;
}

/*Para que quede seleccionada le aplico */		

#Left h1.LeftSelH1 	{	
	font-weight:bold;
}

#Left h2.LeftSelH2 	{	
	font-weight:bold;
}
			
/***********************************************************************************************/											

										/*****	#Top	*****/

/* A todos los H1 dentro de la layer #Top declaro: */
			
#Top h1 	{	
				font-size:11px;
				text-transform:capitalize;
				padding-left:15px;
				display:block;
				text-decoration:underline;
}

/*Para cuando quede seleccionada le aplico */		

.TopSelH1 	{	
				color:#009999;
}
			
/***********************************************************************************************/	
			
										/*****	#Bottom   *****/

address	{
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:10px;
	font-style:normal;
}
			
/***********************************************************************************************/			
											
/******** 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  */

.DiagramL	{	border: #3D578F solid; border-width: 0px 0px 0px 5px;}
.DiagramTL	{	border: #D7DFEE solid; border-width: 5px 0px 0px 5px;}
.DiagramT	{	border: #43619E solid; border-width: 11px 0px 0px 0px;}

.BottomT	{	border: #D7DFEE solid; border-width: 1px 0px 0px 0px;}

.TopT	{	border: #3F5C96 solid; border-width: 1px 0px 0px 0px;}

.ImgHomeTRBL	{	border: #D7DFEE solid; border-width: 2px 2px 2px 2px;}

.BorderTable	{	border: #BECAE4 solid; border-width: 3px 3px 3px 3px;}

/******************************** ESTILOS EXTRA PARA FORMULARIOS ********************************/

.Scroll  	{	
	width: 325px;
	background-color: #FFFFFF;
	border-color: #758FC4; 
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-base-color:#758FC4;
	scrollbar-3dlight-color:#758FC4;
	scrollbar-darkshadow-color:#758FC4;
	scrollbar-face-color:#758FC4;
	scrollbar-highlight-color:#FFFFFF;			
	scrollbar-track-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #5A5B72;}
						
.FieldForm	{	
	background-color: #FFFFFF;
	border-color: #758FC4;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #5A5B72;}
	
.FieldError {	
	background-color: #758FC4;
	border-color: #3D578F;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;}

.ErrorMesForm	{	
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#758FC4;
}


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