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


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

select, textarea 	{	font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			background-color: #FFFFFF;
			border-style: solid;
			border-top-width: 1px;
			border-right-width: 1px;
			border-bottom-width: 1px;
			border-left-width: 1px;
			border-left-color:#340E70;
			border-bottom-color:#340E70;
			border-right-color:#340E70;
			border-top-color:#340E70;								
			}
			
/* Para todos los elementos h3 que esten dentro de un tag Form declaro:*/

form h3 {	font-size: 11px;}									

/********************************  FIN DE RESET ESTILOS BASE  **********************************/

/* 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;	}
				
					
/****************************************  DIAGRAM LAYERS  ***************************************/				

DIV 	{	height: 100%;
		}


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


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


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


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

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


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

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

/* A todas las img que esten dentro de un link dentro de la layer #Content declaro: */
				
#Content h1 {	font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#340E70;
				font-weight:bold;
				font-size:13px;
				text-decoration:none;
			}


#Content h2 {	font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#1C073A;
				font-weight:bold;
				font-size:12px;
				text-decoration:none; 
				}
			
#Content h2.Small {	font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#1C073A;
				font-weight:lighter;
				font-size:10px;
				text-decoration:none;
				}

#Content h2.Smallu {	font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#1C073A;
				font-weight:lighter;
				font-size:10px;
				text-decoration:underline;
				}
			
#Content h3 	{	font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#1C073A;
				font-weight:lighter;
				line-height: 17px;
				font-size:11px;
				text-decoration:none;
				}

#Content h3.Bold {	font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#1C073A;
				font-weight:bold;
				line-height: 18px;
				font-size:11px;
				text-decoration:none;
				}
			
#Content h3.Small {	font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#1C073A;
				font-weight:lighter;
				line-height: 14px;
				font-size:10px;
				text-decoration:none;
				}
			
#Content h3.SmallHome {	font-family:Tahoma, Arial, Helvetica, sans-serif;
				color:#1C073A;
				font-weight:lighter;
				line-height: 14px;
				font-size:10px;
				text-decoration:none;
				}
				
#Content h3.SmallHomeLink {	font-family:Tahoma, Arial, Helvetica, sans-serif;
				color: #DD402D;
				font-weight:lighter;
				line-height: 14px;
				font-size:10px;
				text-decoration:underline;
				}
			
#Content h3.Error {	font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				font-weight:bold;
				line-height: 18px;
				font-size:11px;
				text-decoration:none;
				}

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

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

#Left h1 	{	font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;		
				display:block;
				background-repeat:no-repeat;
				cursor:pointer;
				padding-top:4px;
				padding-left:22px;
				font-weight:lighter;
				color:#000000;
			}
	
/*Para que quede seleccionada le aplico */		

.LeftH1 	{	font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;		
				background-image:url(images/layout/left/bgnd_menuleft.gif);
				background-repeat:no-repeat;
				cursor:pointer;
				padding-top:5px;
				padding-bottom:5px;
				padding-left:22px;
				font-weight:lighter;
				color:#000000;
				}

.LeftH1:hover 	{	font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;		
				background-repeat:no-repeat;
				cursor:pointer;
				padding-left:22px;
				
				padding-top:5px;
				padding-bottom:5px;
				text-decoration:none;				
				background-image:url(images/layout/left/bgnd_menuleft_over.gif);
				font-weight:lighter;
				color:#000000;
				}

.LeftSelH1 	{	font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;		
				background-repeat:no-repeat;
				cursor:pointer;
				padding-left:22px;	
				
				padding-top:5px;
				padding-bottom:5px;		
				background-image:url(images/layout/left/bgnd_menuleft_f2.gif);
				font-weight:lighter;
				color:#F30000;
				}
			
/***********************************************************************************************/											
	
										/*****	#Top	*****/

/* A todos los H1 dentro de la layer #Top declaro: */
				
#Top h1 	{	font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:lighter;
				color:#000000;
				text-decoration:none;
				}

/*Para cuando quede seleccionada le aplico */		

.TopH1 	{	font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:lighter;
			color:#000000;
			text-decoration:none;
			}
			
.TopH1:hover 	{	font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:lighter;
				color:#000000;
				text-decoration:underline;
				}

.TopSelH1 	{	font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			font-weight:lighter;
			color:#000000;
			text-decoration:underline;
			}

#Top h2 	{	font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			font-weight:lighter;
			color:#1C073A;
			padding-right:10px;
			text-decoration:none;
			}
			
			
#Top h1.destacado {	font-family:Tahoma, Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				font-size:27px;
				font-weight:lighter;
				text-decoration:none;
			}
			
/***********************************************************************************************/	
		
										/*****	#Bottom   *****/

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

#Bottom h1 	{	font-size:10px;
			text-decoration:none;
			font-weight:lighter;
			color:#262626;
			}
			
#Bottom h1.u 	{	font-size:10px;
			text-decoration:underline;
			font-weight:lighter;
			color:#262626;
			}
			
.Bottom 	{	font-size:10px;
			text-decoration:underline;
			font-weight:lighter;
			color:#262626;
			}
			
.Bottom:hover 	{	font-size:10px;
			text-decoration:none;
			font-weight:lighter;
			color:#262626;
			}
		
.BottomON	{	font-size:10px;
			text-decoration:none;
			font-weight:lighter;
			color:#262626;
			}

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

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

.BorderBottom	{	border: #BEBEBE solid; border-width: 0px 1px 0px 1px;}

.BorderPhNavTRBL	{	border: #FFFFFF solid; border-width: 1px 1px 1px 1px; cursor:pointer;}

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


.Scroll  		{	scrollbar-arrow-color: #340E70;
					scrollbar-shadow-color: #340E70;
					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		{	background-color: #FFFFFF;
					border-style: solid;
					border-top-width: 1px;
					border-right-width: 1px;
					border-bottom-width: 1px;
					border-left-width: 1px;
					border-left-color:#340E70;
					border-bottom-color:#340E70;
					border-right-color:#340E70;
					border-top-color:#340E70;
					font-family: Verdana, Helvetica, sans-serif;
					font-size: 11px;
					font-style: normal;
					}

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


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

/******* Estilos para el contenedor de fotos Vertical  ******/

div#holdv		{
					position:relative;
					overflow:hidden;
					width:100px;
					height:295px;
					z-index:100;
				}

div#wn1v			{	position:absolute;
					left:0px;
					top:0px;
					width:100px;
					height:15000px;
					clip:rect(0px, 140px, 300px, 0px);
					z-index:1;}

div.content	{ position:absolute;
			  left:0px;
			  top:0px;
			  height:auto;
			  z-index:1;}

/******* Estilos para el contenedor de fotos Horizontal  ******/

div#hold		{
					position:relative;
					overflow:hidden;
					width:508;
					height:70px;
					z-index:100;
				}

div#wn1h			{ 	position: relative;
						left: 0px;
						top: 0px;
						width: 15000px;
						height: 70px;
						clip: rect(0px, 536px, 64px, 0px);
						z-index: 1;
				}

div.content	{ 
				position:absolute;
			    left:0px;
			    top:0px;
			    z-index:1;
			}

/*div#controls {
				position: relative;
				width: 500px;
				height: 10px;
				z-index: 3;
				top: -42px;
			}*/

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