/************************** 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% Verdana, Tahoma, Arial, Helvetica, sans-serif;}			

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

/* Reseteo a 0 los bordes cuando están dentro de un a  (LINK) y sin decoration */ 
  
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address  
									{margin:  0;
									padding: 0;
									font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Reseteo a 0 todos los bordes en los A , les seteo un tamaño y les saco el underline*/

a 		{border: 0;
		text-decoration: none;
		font-size: 11px;}

p		{font-size: 12px;
		 line-height:20px;}

/* 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;
								border: #7C212A;
								border-style: solid;
								border-top-width: 1px;
								border-right-width: 1px;
								border-bottom-width: 1px;
								border-left-width: 1px;								
							}
/* Para todos los elementos h3 que esten dentro de un tag Form declaro:*/

form h3 {	font-size: 11px;   
					
				 }									

/********************************  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: 11px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#FFFFFF;}
		
				
					
/****************************************  DIAGRAM LAYERS  ***************************************/				

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


#Top {
	position: relative;	
	z-index: 1;
}
#Left {
	position: relative;
	z-index:2;
	background-color: #7B2029;
}
#Content {
	position: relative;
	z-index: 3;
	width:95%;
	background-color: #FF;
}
#Bottom {
	position: relative;
	border-top-color:#FFFFFF;
	z-index: 4;
}

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

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

/* A todas las img que esten dentro de un link dentro de la layer #Content declaro: */

#Content a:hover 		{ text-decoration: underline;}

#Content a img 	{	border:#7B2029 solid 1px; }

#Content h1 	{font-size:14px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #7B2029;
				padding-left:0px;}
				
#Content h2 	{font-size:13px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #7B2029;
				padding-left:0px;}

#Content h3	 	{font-size:12px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #333333;
				font-weight:normal;}
				
#Content h4	 	{font-size:11px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				color: #7B2029;
				font-weight:normal; text-decoration:underline;}

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

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

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

				
#Left h1 			{font-size:11px;
					padding-left:20px;
					display:block;
					font-weight: normal;
					color:FFFFFF;
					font-family: Verdana, Arial, Helvetica, sans-serif;}
					
#Left h5 			{font-size:10px;
					padding-left:27px;
					display:block;
					font-weight: normal;
					color:#7B2029;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					text-decoration: underline;}
					
#Left h6 			{font-size:10px;
					padding-left:14px;
					display:block;
					font-weight: normal;
					color:#7B2029;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					text-decoration: underline;}
			
.BulletLeft   		{
					background: url(images/layout/left/bullet.gif) top;					
 					background-repeat:no-repeat;
					font-size:11px;
					padding-left:20px;
					font-weight: normal;
					color:FFFFFF;
					font-family: Verdana, Arial, Helvetica, sans-serif;}

.BulletLeftON   	{
					background: url(images/layout/left/bullet_on.gif) top;				
					background-repeat:no-repeat;
					font-weight:bold;
					font-size:11px;
					padding-left:20px;
					color:FFFFFF;
					font-family: Verdana, Arial, Helvetica, sans-serif;}
		
#Left input, select,
 textarea 						{font-family: Verdana, Arial, Helvetica, sans-serif;
								font-size: 10px;
								background-color: #FFFFFF;
								border: #7C212A;
								border-style: solid;
								border-top-width: 1px;
								border-right-width: 1px;
								border-bottom-width: 1px;
								border-left-width: 1px;
								width:107px;
								height:16px;
								color:#7C212A;}

/*Para que quede seleccionada le aplico */		


.LeftSelH1 	{	
				color:#FF0000;
				
			}
			
/***********************************************************************************************/											
	
	
	
										/*****	#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:#cccccc;
			}
			
/***********************************************************************************************/	
	
		
										/*****	#Bottom   *****/

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

#Bottom h1 	{	font-size:11px;
				padding-left:12px;
				text-decoration:underline;
			}

/*Para que quede seleccionada le aplico */		



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


.DiagramTRBL		{border: #7B2029 solid; border-width: 1px 1px 1px 1px;}

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

.UsersLeftTRBL		{border: #7B2029 solid; border-width: 0px 1px 1px 1px;
					background-color:#FFFFFF;
					color: #7B2029;}
					
.ContentT			{border: #7B2029 solid; border-width: 1px 0px 0px 0px;}


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


.Scroll  			{ width:350px;
					height:100px;
					scrollbar-arrow-color: #7B2029;
					scrollbar-shadow-color: #7B2029;
					scrollbar-base-color:#FFFFFF;
					scrollbar-3dlight-color: #FFFFFF;
					scrollbar-darkshadow-color:#FFFFFF;
					scrollbar-face-color:#FFFFFF;
					scrollbar-highlight-color:#FFFFFF;
					scrollbar-track-color:#FFFFFF;
					color:#7B2029;}


.FieldForm			{width:110px;
				
					color: #7C212A;}

.FieldError 		{background-color: #7C212A;
					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:#7C212A;}