/************************** 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% Trebuchet, 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-weight:lighter;
	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;
		color:#333333;
		color:#FFFFFF;
		
	}

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

/* 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;	
			color:#333333;
			font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}
		
				
					
/****************************************  DIAGRAM LAYERS  ***************************************/				

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

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

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

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

#Right {	position:relative;
	z-index:2;}
	
/*********************************   FIN DIAGRAM LAYERS  ***************************************/

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

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

#Content h1.nav {	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:23px;
				text-decoration:none;
				color:#529A5A;
				font-weight:bold;}
			
#Content h1.detail {	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:21px;
				text-decoration:none;
				color:#529A5A;
				font-weight:bold;}
				
#Content h1.classdetail {	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:11px;
				text-decoration:underline;
				color:#325F36;
				font-weight:lighter;}
			
#Content h2	{	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:13px;
				text-decoration:none;
				padding-left:10px;
				color:#FFFFFF;
				font-weight:bold;}
				
.ClassNavTop	{			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
							font-size:12px;
							text-transform:uppercase;
							text-decoration:none;
							color:#C4C4C4;
							font-weight: bold;}

.Date	{			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
							font-size:11px;
							text-decoration:none;
							color:#C4C4C4;
							font-weight: normal;
							padding-left:7px;}							

.ClassNavTop:hover	{	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
							font-size:12px;
							text-transform:uppercase;
							text-decoration:none;
							padding-left:1px;
							padding-right:1px;
							color: #666666;
							font-weight:bold;}
			
#Content h2.homedes	{	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:15px;
				text-decoration:none;
				color:#FFFFFF;
				padding-left:7px;
				font-weight:bold;}
			 
#Content h3	 {	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:12px;
				text-decoration:none;
				color:#000000;
				line-height:17px;
				font-weight:lighter;}

#Content h3.bold	 {	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:12px;
				text-decoration:none;
				color:#000000;
				font-weight:bold;}
				
#Content h3.recuadrodetail	 {	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:11px;
				text-decoration:none;
				color:#FFFFFF;
				font-weight:lighter;}
			 			 
#Content a 	{	border: 0;
		text-decoration: none;
		font-size: 11px;
		color:#333333;
			
	}

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

											
									/*****	#Right	*****/

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

				
#Right h1.menu 	{	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:13px;
				font-weight:bold;
				color:#666769;
				padding-left:15px;
				display:block;
			
			}
			
#Right h1.menuON 	{	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:13px;
				font-weight:bold;
				color:#ffffff;
				padding-left:15px;
				display:block;
			
			}
			
#Right h1.title 	{	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:13px;
				font-weight:bold;
				color:#FFFFFF;
				display:block;
			
			}
			
#Right h3	 {	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:12px;
				text-decoration:none;
				color:#000000;
				line-height:15px;
				font-weight:lighter;}

#Right h3.bold	 {	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:12px;
				text-decoration:none;
				color:#000000;
				line-height:12px;
				font-weight:bold;}	
				
#Right h3.bold2	 {	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:12px;
				text-decoration:none;
				color:#325F36;
				line-height:12px;
				font-weight:bold;}			
				
#Right h3.tiempo	 {	font-family:Arial, Verdana, Helvetica, sans-serif;
				font-size:10px;
				text-decoration:none;
				color:#000000;}	
				
#Right h3.cotizacion	 {	font-family:Arial, Verdana, Helvetica, sans-serif;
				font-size:9px;
				text-decoration:none;
				color:#000000;}	
			
.BorderBtnRight {
				border:#2D4F34;
				border-style:solid;
				border-width:1px;}
				
.BorderBtnRightON {
				border:#034D0D;
				border-style:solid;
				border-width:1px;}
		
.Line-b		{ background-image: url(images/layout/top/bgnd_class_right_01.gif);
				border:0px; background-repeat:no-repeat;}
.Line-a		{	background-image:url(images/layout/top/bgnd_class_right_01.gif);
border:0px; background-repeat:no-repeat}

/*Para que quede seleccionada le aplico */		


.RightSelH1 	{	font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#FF0000;
				
			}
			
/***********************************************************************************************/											
	
	
	
										/*****	#Top	*****/

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

				
#Top h1 	{	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:11px;
				display:block;
				color:#FFFFFF;
				padding-left:15px;
				padding-right:15px;
				padding-top:1px;
				text-decoration:none;
			}

.Toph1 	{	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:11px;
				display:block;
				color:#FFFFFF;
				padding-left:15px;
				padding-right:15px;
				padding-top:1px;
				text-decoration:none;
			}
			
.Selh1 	{	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:11px;
				display:block;
				color:#FFFFFF;
				text-decoration:none;
				padding-left:15px;
				padding-right:15px;
				padding-top:2px;
				padding-bottom:1px;
				font-weight:bold;
				background-image:url(images/layout/top/bgnd_top_top_on.jpg);
			}
			
.SelInicio 	{	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:11px;
				display:block;
				color:#FFFFFF;
				text-decoration:none;
				padding-top:1px;
				padding-bottom:1px;
				font-weight:bold;
				background-image:url(images/layout/top/bgnd_top_top_on.jpg);
			}				
			
			
#Top h2	{	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:11px;
				display:block;
				color:#FFFFFF;
				padding-left:10px;
				padding-right:10px;
				text-decoration:none;
				font-weight:bold;
			}
			
.Selh2 		{	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
				font-size:11px;
				display:block;
				color:#FFFFFF;
				/*background-image: url(images/layout/top/line.gif);
				background-repeat:repeat-x;*/
				padding-top:4px;
				padding-bottom:5px;
				font-weight:bold;
			}
			
#Top a 	{	border: 0;
		text-decoration: none;
		color:#FFFFFF;
		
	}
			
/***********************************************************************************************/	
											/*****	#Bottom   *****/

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

#Bottom h1 	{	font-family: Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:lighter;
				color:#FFFFFF;
				text-decoration:none;
			}
			
.Bottom 	{	font-family: Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:lighter;
				color:#FFFFFF;
				text-decoration:none;
			}

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


.BorderNav	{	border: #A7C9AA solid; border-width: 0px 1px 1px 1px;}

.BorderHomeDest	{	border: #4E9253 solid; border-width: 0px 1px 1px 1px;}

.BorderHome	{	border: #82CF8E solid; border-width: 0px 1px 1px 1px;}

.BorderPanelRight	{	border: #509355 solid; border-width: 0px 1px 1px 1px;}

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

.BorderBannerRight	{	border: #666666 solid; border-width: 1px 1px 1px 1px;}

.BorderRecuadroDetail	{	border: #396F3F solid; border-width: 1px 1px 1px 1px;}

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


.Scroll  		{	background-color: #FFFFFF;
					width:300px;
					border-style:solid;
					border-bottom-color:#01470C;
					border-left-color:#01470C;
					border-right-color:#01470C;
					border-top-color:#01470C;
					border-top-width: 1px;
					border-right-width: 1px;
					border-bottom-width: 1px;
					border-left-width: 1px;
					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;
					font-family: Trebuchet MS, Helvetica, sans-serif;
					font-size:11px;
					font-weight:lighter;
					color:#000000;
					
				}


.FieldForm		{	background-color: #FFFFFF;
					width:110px;
					height:18px;
					border-bottom-color:#01470C;
					border-left-color:#01470C;
					border-right-color:#01470C;
					border-top-color:#01470C;
					border-style:solid;
					border-top-width: 1px;
					border-right-width: 1px;
					border-bottom-width: 1px;
					border-left-width: 1px;
					color: #FFFFFF;
					font-family: Trebuchet MS, Helvetica, sans-serif;
					font-size:11px;
					font-weight:lighter;
					color:#000000;
					
				}

.FieldError 	{	background-color: #357E2D;
					width:110px;
					height:18px;
					border: #FFFFFF;
					border-style:solid;					
					border-bottom-color:#000000;
					border-left-color:#000000;
					border-right-color:#000000;
					border-top-color:#000000;
					border-top-width: 1px;
					border-right-width: 1px;
					border-bottom-width: 1px;
					border-left-width: 1px;
					color: #FFFFFF;
					font-family: Trebuchet MS, Helvetica, sans-serif;
					font-size:11px;
					font-weight:lighter;
					color:#FFFFFF;
				}


.FieldFormSearch	{width:110px;
					height:20px;
					border:0px;
					padding-left:3px;
					padding-right:2px;
					padding-top:1px;
					text-align:left;
					vertical-align:middle;
					color: #999999;
					border-bottom-color:#529A5A;
					border-left-color:#529A5A;
					border-right-color:#529A5A;
					border-top-color:#529A5A;
					border-style:solid;
					border-top-width: 1px;
					border-right-width: 1px;
					border-bottom-width: 1px;
					border-left-width: 1px;
					font-family: Trebuchet MS, Helvetica, sans-serif;
					font-size:11px;
					
					
				}

.FieldFormNews		{	background-color: #FFFFFF;
					width:125px;
					border-bottom-color:#01470C;
					border-left-color:#01470C;
					border-right-color:#01470C;
					border-top-color:#01470C;
					border-style:solid;
					border-top-width: 1px;
					border-right-width: 1px;
					border-bottom-width: 1px;
					border-left-width: 1px;
					color: #FFFFFF;
					font-family: Trebuchet MS, Helvetica, sans-serif;
					font-size:12px;
					padding-left:3px;
					height:19px;
					font-weight:lighter;
					color:#000000;
					
				}

.FieldErrorNews 	{	background-color: #357E2D;
					width:120px;
					border: #FFFFFF;
					border-style:solid;					
					border-bottom-color:#000000;
					border-left-color:#000000;
					border-right-color:#000000;
					border-top-color:#000000;
					border-top-width: 1px;
					border-right-width: 1px;
					border-bottom-width: 1px;
					border-left-width: 1px;
					color: #FFFFFF;
					font-family: Trebuchet MS, Helvetica, sans-serif;
					font-size:12px;
					font-weight:lighter;
					height:20px;
					padding-left:5px;
					color:#FFFFFF;
				}


.ErrorMesForm	{	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
					color:#ffffff;
					font-weight:bold;
					font-size:12px;
					background-color:#357E2D;
				}

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