/****************************** 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: 11px;
}
p {
	font-size: 12px;
}
p 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: 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: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 {
	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;
	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 h1 {
	font-size:18px;
	color:#333333;
	font-weight:normal;
}
#Content h2 {
	font-size:15px;
	text-transform:capitalize;
	text-decoration:underline;
	font-weight:normal;
	color:#666666;
}
#Content h3 {
	font-weight:bold;
	font-size:12px;
}
/***********************************************************************************************/
											
									/*****	#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:11px;
	color:#5A707F;
	text-transform:capitalize;
	padding-left:10px;
	padding-right:10px;
	display:block;
	font-weight:normal;
}
#Top h1.TopMenu:HOVER {
	font-size:11px;
	color:#5A707F;
	text-transform:capitalize;
	padding-left:10px;
	padding-right:10px;
	display:block;
	font-weight:normal;
	text-decoration:underline;
}
/*Para cuando quede seleccionada le aplico */		
#Top h1.TopMenuON {
	color:#000099;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none
}
#Top h1.TopMenu {
	color:#5A707F;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none
}
/*.jd_menu_hover{ background:#ECEEF0; width:100%;}
.jd_menu_active{ background:#F3F4F5; width:200px;}*/
/***********************************************************************************************/	
	
										/*****	#Bottom   *****/

/* A todos los H1 dentro de la layer #Bottom declaro: */
#Bottom h1 {
	font-size:11px;
	padding-left:10px;
	color:#666666;
	padding-right:10px;
	font-weight:normal;
	text-decoration:underline;
}
#Bottom h1:HOVER {
	font-size:11px;
	padding-left:10px;
	color:#666666;
	padding-right:10px;
	font-weight:normal;
	text-decoration:none;
}
/*Para que quede seleccionada le aplico */		
#Bottom h1.BotSelH1 {
	color:#666666;
	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: #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;
	border:#999999;
	border-style:solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
input.FieldError {
	width:110px;
}
.FieldError {
	background-color: #666666;
	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:#666666;
}
/****** Si el Sitio en el que trabajas no necesita una clase Container borrarla de la Hoja *******/
.Container {
	width:98%;
	height:260px;
	overflow: auto;
	z-index:2;
	scrollbar-arrow-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-base-color:#405A81;
	scrollbar-3dlight-color:#4D4D4D;
	scrollbar-darkshadow-color:#4D4D4D;
	scrollbar-face-color:#4D4D4D;
	scrollbar-highlight-color:#ffffff;
	scrollbar-track-color:#DEE6E9;
	background-color:#000000;
}
/******************************** FIN HOJA DE ESTILOS BASE **************************************/ 

.Bgnd {
	background-image:url(images/layout/top/bgnd.jpg);
	background-repeat:no-repeat;
}
.Marquitos{background:#CCC;}
.Document{ margin-left:20px;}