/****************************** 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, Verdana, 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-style:normal;
	color: #666666;
	font-weight:normal;
	font-family: Arial, Verdana, 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;
		color:#666666;
	}

p	{	font-size: 12px;
}
	
p.detail a {text-decoration:underline;} /* 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: 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: 12px;
	color:#666666;
	background-color: #FFFFFF;
	border: #CCCCCC;
	vertical-align:middle;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

address	{
	font-size:11px;
	font-weight:bold;
	display:inline;
	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: 13px;
}							
					
/****************************************  DIAGRAM LAYERS  ***************************************/				

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

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

#Content {
	position: relative;
	z-index: 3;
	background-color: #FFFFFF;
	padding-bottom:10px;	
	padding-top: 5px;
	width: 100%;
	height: 100%;
}

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

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

.sombraright	{
	background:url(images/layout/diagram/sombra_right.jpg);
	background-position:left top;
}

.sombrarightbottom	{
	background:url(images/layout/diagram/sombra_right_bottom.jpg);
	background-position:left bottom;
}

.bgndbottom	{
	background:url(images/layout/diagram/bgnd_bottom.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
/*********************************   FIN DIAGRAM LAYERS  ***************************************/

									/*****	#Content	*****/
#Content h1 {	
	font-size:16px;
	color:#7B3328;
}

#Content h2	 {	
				font-size:14px;
				color:#7B3328;
}
			 
.btn	{
	font-size:11px;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	color:#6C0E0E;
	cursor:pointer;

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

/* A todos los H1 dentro de la layer #Left declaro: */
#Left h1 	{	
	font-size:12px;
	padding-left:21px;
	font-weight:bold;
	display:block;
}
		

/*Para que quede seleccionada le aplico */		
#Left h1.LeftON 	{	
	color:#6C0E0E;
	background:#FCF1E4;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
}
			
.bgndsombraleft	{
	background:url(images/layout/left/sombraleft_right.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#FFFFFF;
}	

.bgndleft	{
	background:url(images/layout/left/bgnd_left.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	background-position:left bottom;
}	

.bgndleft2	{
	background:url(images/layout/left/bgnd_left2.jpg);
	background-color:#FFFFFF;
	background-position:left bottom;
}			

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

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

				
#Top h1 	{	
	font-size:13px;
	display:block;
	color:#DD8A2F;
	font-weight:bold;
}
		
#Top h3 	{	
	font-size:11px;
	color:#976F66;
	display:block;
	text-decoration:underline;
}
		

/*Para cuando quede seleccionada le aplico */		
#Top h1.TopON	{	color:#6C0E0E;
}
			
#Top h3.TopONH3 	{	
	text-decoration:none;
			}
			
/***********************************************************************************************/	
	
		
										/*****	#Bottom   *****/

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

#Bottom h1 	{	font-size:13px;
				color:#6C0E0E;
				text-transform:lowercase;
				text-decoration:underline;
}

/*Para que quede seleccionada le aplico */		

#Bottom h1.BotON 	{	text-decoration:none;}
				
			

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


.BorderImg	{	border: #CCCCCC solid; border-width: 1px 1px 1px 1px;}

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


.Scroll  		{	
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	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;	
	height:22px;		
}

.FieldError 	{	
	background-color: #E8DED2;
	width:110px;
	border: #7B3328;
	border-style:solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	color: #333333;
	height:22px;	
}

.ErrorMesForm	{	
	color:#7B3328;
	font-weight:bold;
	font-size:11px;
	background-color:#E8DED2;
}
/******************************** FIN HOJA DE ESTILOS BASE **************************************/