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

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

			}

/* Para todos los elementos h3 que esten dentro de un tag Form declaro:*/

form h3 {	font-size: 11px;   
					
				 }									

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


/*  Básicos */

.CursorHand		{ 	cursor: pointer;	}



Small 	{	font-size: 10px;	}
		
				
					
/****************************************  DIAGRAM LAYERS  ***************************************/				

DIV 	{	width: 100%;
			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:Arial, Helvetica, sans-serif;
				font-size:18px;
				text-decoration:none;
				font-weight:bold;
				color:#0082C6;
				}

#Content h2	 {	font-family:Arial, Helvetica, sans-serif;
				font-size:13px;
				font-weight:lighter;
				color:#0082C6;
				}
				

#Content h2.class	 {	font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				font-weight:bold;
				text-decoration:none;
				color:#0082C6;
				}
			 
#Content h3 { 	font-family: Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#666666;
				line-height:20px;
				text-decoration:none;
				font-weight:lighter;
				}
				
			 
#Content h3.small { 	font-family: Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#666666;
				line-height:15px;
				text-decoration:none;
				font-weight:bold;
				}

#Content h3.bold { 	font-family: Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#666666;
				line-height:20px;
				text-decoration:none;
				font-weight:bold;
				}
				
#Content h3.bold2 { 	font-family: Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#333333;
				line-height:14px;
				text-decoration:none;
				font-weight:bold;
				}
				
#Content h3.home { 	font-family: Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#000000;
				line-height:20px;
				text-decoration:none;
				font-weight:lighter;
				}

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

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

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

				
#Left h1 	{	
				font-size:11px;
				text-transform:capitalize;
				padding-left:20px;
				display:block;
			
			}
		
			 
.MenuTop {	font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
			text-decoration:none;
			text-align:center;
			padding-left:20px;
			padding-right:20px;
			font-weight:lighter;}
			
.MenuTop:hover {	font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
			text-align:center;
			padding-left:20px;
			padding-right:20px;
			text-decoration:underline;
			font-weight:lighter;}
			
.MenuTopON {	font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
			text-align:center;
			padding-left:19px;
			padding-top:2px;
			padding-bottom:2px;
			padding-right:18px;
			background-color:#00659B;
			text-decoration:none;
			font-weight:bold;}
			
/***********************************************************************************************/											
	
	
	
										/*****	#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 	{	font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				text-decoration:underline;
				color:#FFFFFF;
				font-weight:lighter;
			}
			
.Bottom:hover 	{	font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				text-decoration:none;
				color:#FFFFFF;
				font-weight:lighter;
			}
			
.BottomON 	{	font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				text-decoration:none;
				color:#FFFFFF;
				font-weight:lighter;
			}

/*Para que quede seleccionada le aplico */		



			
/***********************************************************************************************/			
	
.BgndImgbrands	{
			height:31px;
			background-repeat: no-repeat;
			vertical-align:middle;
			display:block;}

.BgndImgbrands:hover	{	background-image: url(images/img/bgnd_brandtop_over.jpg);

			height:31px;
			background-position:center;
			background-repeat:no-repeat;
			vertical-align:middle;
			display:block;}
			
.BgndImgbrandsON	{	background-image: url(images/img/bgnd_brandtop_on.jpg);
	
			height:31px;
			background-repeat:no-repeat;
			vertical-align:middle;
			background-position:center;
			display:block;}
			
			
.BgndImgVariant	{ background-image: url(images/img/bgnd_variant.gif);
			width:99px;
			height:77px;
			padding-left:5px;
			background-repeat:no-repeat;
			padding-top:5px;
			vertical-align:middle;
			display:block;}

.BgndImgVariant:hover	{	background-image: url(images/img/bgnd_variant_over.gif);
			width:99px;
			height:77px;
			padding-left:5px;
			padding-top:5px;
			vertical-align:middle;
			background-repeat:no-repeat;
			display:block;}
			
.BgndImgVariantON	{	background-image: url(images/img/bgnd_variant_on.gif);
			width:99px;
			height:77px;
			padding-left:5px;
			padding-top:5px;
			vertical-align:middle;
			background-repeat:no-repeat;
			display:block;}
	
											
/******** 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  */


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




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

						
.Scroll  	{	background-color: #FFFFFF;
			border-bottom-color:#0082C6;
			border-left-color: #0082C6;
			border-right-color: #0082C6;
			border-top-color: #0082C6;
			border-style: solid;
			border-top-width: 1px;
			border-right-width: 1px;
			border-bottom-width: 1px;
			border-left-width: 1px;
			scrollbar-arrow-color:#0082C6;
			scrollbar-shadow-color:#0082C6;
			scrollbar-base-color:#FFFFFF;
			scrollbar-3dlight-color:#FFFFFF;
			scrollbar-darkshadow-color:#FFFFFF;
			scrollbar-face-color:#FFFFFF;
			scrollbar-highlight-color:#FFFFFF;			
			scrollbar-track-color:#FFFFFF;
			width:150px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-style: normal;
			color: #666666;}

.FieldForm	{	background-color: #FFFFFF;
			width:150px;
			border-bottom-color: #0082C6;
			border-left-color: #0082C6;
			border-right-color: #0082C6;
			border-top-color:#0082C6;
			border-style: solid;
			border-top-width: 1px;
			border-right-width: 1px;
			border-bottom-width: 1px;
			border-left-width: 1px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			font-style: normal;
			color: #666666;}
									
.FieldError {	background-color: #0082C6;
			border-bottom-color: #000000;
			border-left-color: #000000;
			border-right-color: #000000;
			border-top-color: #000000;
			border-style: solid;
			border-top-width: 1px;
			border-right-width: 1px;
			border-bottom-width: 1px;
			border-left-width: 1px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			color: #FFFFFF;}


.ErrorMesForm	{	font-family:Arial, Helvetica, sans-serif;
					color:#ffffff;
					font-weight:lighter;
					line-height:15px;
					font-size:11px;
					background-color:#0082C6;
				}
				
	
/******************************** FIN HOJA DE ESTILOS BASE **************************************/