/****************************** 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: #666666;
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  {
margin:  0;
padding: 0;
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: 12px;
}

p {
font-size: 12px;
}

/* Para que subraye los "links desde el web editor" */	
#Content p a {
text-decoration:underline;
color:#063663;
} 

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

/* 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;
border: #666666;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
}			
/********************************  FIN DE RESET ESTILOS BASE  **********************************/	

/* PSEUDO CLASES - RESPETAR ORDEN de Declaraciones : Link, Visited, Hover, Active */
a:link 		{	color: #333333;		/*Esta Funciona Para Ambos navegadores*/	}
a:visited 	{	color:#333333;		/*Esta Funciona Para Ambos navegadores*/	}
			
/* PSEUDO CLASES DINÁMICAS */
a:hover 	{	color: #999999;		/*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  ***************************************/				

#Top {
position: relative;
z-index: 1;
width:100%;
height:100%;
}

#SubTop {
position: relative;
z-index: 1;
width:100%;
height:100%;
}

#Left {
position: relative;
z-index:2;
width:100%;
height:100%;
}

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

#Bottom {
position: relative;
z-index: 4;
width:100%;
height:100%;
}

#Right {
	position:relative;
	z-index:5;
	background-color:#DBE3EA;
	width:100%;
	height:100%;
}
/*********************************   FIN DIAGRAM LAYERS  ***************************************/

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

/* A todas las img que esten dentro de un link dentro de la layer #Content declaro: */
#Content a img {
border:#666666 solid 1px;
}
				
#Content h1 {	
font-size:15px;
color:#0269AE;
}

#Content h2.ClassDescription {
color:#063663;
font-size:13px;
text-decoration:underline;
font-weight:normal;
}

#Content h1.ClassDescriptionNav {
color:#0269AE;
font-size:16px;
text-decoration:none;
font-weight: bold;
}
 
#Content h2.DescriptionNav {
color:#0482FF;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

#Content p.Resumen {

font-size:12px; 
color:#666666;}
/***********************************************************************************************/
											
									/*****	#Left	*****/

/* A todos los H1 dentro de la layer #Left declaro: */
#Left h1 	{	
	font-size:11px;
	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.Description	{	
font-size:12px;
padding-left:8px;
padding-right:8px;
display:block;
font-weight:normal;
color:#063663;
}

/*Para cuando quede seleccionada le aplico */		
#Top h1.TopSelH1 	{
background: url(images/layout/top/bgnd_on2.jpg) repeat-x;
display:block;
font-size:12px;
padding-left:8px;
padding-right:8px;
padding-bottom:17px;
padding-top:16px;
display:block;
font-weight:normal;
color:#063663;
}

#Top address {
color:#B7D9F2;
font-size:12px;
font-weight:bold;
font-style:normal;
}
			
/***********************************************************************************************/	
	
										/*****	#Bottom   *****/

/* A todos los H1 dentro de la layer #Bottom declaro: */
#Bottom h1.Description 	{	
font-size:11px;
text-decoration:underline;
font:"Trebuchet MS";
color:#003E7E;
padding-left:6px;
padding-right:6px;
font-weight:normal;
}

/*Para que quede seleccionada le aplico */		
#Bottom h1.BotSelH1 {
text-decoration:none;
font-size:11px;
font:"Trebuchet MS";
color:#003E7E;
padding-left:6px;
padding-right:6px;
font-weight:normal;
}

#Bottom address {
color:#416F9E;
font-size:12px;
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  */

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

/******************************** ESTILOS EXTRA PARA FORMULARIOS ********************************/
.Scroll  		{	
	scrollbar-arrow-color: #666666;
	scrollbar-shadow-color: #086E17;
	scrollbar-base-color:#FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
}

.FieldForm		{	
	width:110px;
}

.FieldError 	{	
	background-color: #073560;
	width:110px;
	border: #FFFFFF;
	border-style:solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #FFFFFF;
}

.ErrorMesForm	{	
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	background-color:#073560;
}
 .New { color:#CC9900;
 		font-size:11px;
		font-weight:bold;}

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