/************************** 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: #000000;
	font: 11px / 120% 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: 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;
		
	}
.clear{
	clear:both;
}

/* 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: 10;
				padding: 10;
				vertical-align:top;
				
			}


fieldset 	{
				border: none;
				border: solid 0 transparent; /* Este lo resetea a 0 para Opera */

			}

input text	 {		border: #00135D solid; border-width: 1px 1px 1px 1px;
					font-size:11px;}

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

form h3 {	font-size: 11px;   
					
				 }									

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

DIV 	{	
		}


#Top {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#Left {
	position: relative;
	width: 100%;
	height: 100%;
	z-index:2;
	background-color: #CCCCCC;
}
#Content {
	position: inherit;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-color: #ff;
}
#Bottom {
	position: static;
	z-index:1;
	vertical-align:baseline;
	width: 100%;
	height: 100%;
	
}

#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 a img 		{
					
					}
					
h1 {
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #003;
	}				
#Content h1{
	font-size:22px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif, Arial, Helvetica, sans-serif;
	color:#D1112F;
	display:inline;	
}

#Content h2			{	
					font-size:13px;
					font-family:Arial, Helvetica, sans-serif;
					}
					
#Content h3			{	
					font-size:15px;
					color:#333333;
					text-decoration:none;
					display:inline;
					}
	 
#Content h4			{	
					font-size:11px;
					font-family:Arial, Helvetica, sans-serif;
					color:#666666;
					font-weight:normal;
					padding-left:15px;
					display:inline;
		
					}					
					
.DetailB  		{	border:#D4D4D4;
					border-width:1px 0px 1px 0px;
					border:solid; 
					}		

.BgndThb 			{background-image:url(images/img/thb.jpg);
					 background-repeat:no-repeat;
					}	
.BgndThbSinBuy		{background-image:url(images/img/thbsinbuy.jpg);
					 background-repeat:no-repeat;
					}						

/*Img fondo destacados*/

.Destacados 	{	background-image:url(images/layout/top/bgndnavtop.jpg);
					background-repeat:no-repeat;
					background-position:center;
					width:758px;
					height:126px;
					
				}					
					
/*.ImgDetail 		{	border:#9A9A9A solid 1px 1px 1px 1px; 

					}*/

/*Color de Fondo y bordes TB de banda titulo*/					

.Title	{
			border: solid #9A9A9A;
			background-color:#FFF;
			height:30px;
			border-top-width: 1px;			
			border-bottom-width: 1px;	
			border-right-width: 0px;
			border-left-width: 0px;		
		}
				
				
													
/*****************************************************************************************************
									#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;
				text-transform:capitalize;
				font-weight:bold;
				color:#011564;
				display:block;
				text-decoration:none;
				}
				
#Top h2 		{	
				font-size: 11px;
				text-decoration: underline;
				color:#FFFFFF;
				font-family:Arial, Helvetica, sans-serif;
				
				}	
				
#Top h3			{	
				font-size: 12px;
				color: #04196F;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				}	
				
#Top h4 		{	
				font-size: 11px;
				text-transform: none;
				text-decoration: none;
				color: #FFFFFF;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:normal;
				}	

/*Para cuando quede seleccionada le aplico */		


.TopSelH2 		{ 
				text-decoration: none;	
				}

.Bgnd     		{
				background-image:url(images/layout/top/bgn_top.png);
				background-repeat: no-repeat;
				background-color:#84C3E6;
				} 
			
			
/*Buscador*/	

.BgndSearch	{	background-image:url(images/layout/top/bgndsearch.jpg);
				background-position:top;
				background-repeat:no-repeat;
				height:72px;
			}		
	
.SearchText	{	background-image:url(images/layout/top/textsearch.jpg);
				background-position:bottom;
				background-repeat:no-repeat;
			}				
			
.Border			{
				border:#082185;
				border-width: 0px 0px 2px 0px; 
				}
			
.FormUser		{
				width:82px;
				height:18px;
				color:#04196F;
				border: solid #000000 1px 1px 1px 1px; 
				background-color: #B3D1FF;
				font-size:11px;
				}
							 
/*****************************************************************************************************
										#BOTTOM
*****************************************************************************************************/

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

#Bottom h1 	{	font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				text-decoration:none;
				color:#00135D;
			}

/*Para que quede seleccionada le aplico */		
.BottomSelH1 	{	
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				text-decoration:underline;
				color:#00135D;			}


			
/***********************************************************************************************/			
		
											
/******** 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: #0D2796 solid; border-width: 0px 1px 0px 1px;
				background:#FFFFFF;}

.TRBL 		{	border:solid #999999 1px 1px 1px 1px;				}
.SacaBorde {	border:0px; padding-top:8px;}


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


.Scroll  		{	
					scrollbar-arrow-color: #092183;
					scrollbar-shadow-color: #092183;
					scrollbar-base-color:#FFFFFF;
					scrollbar-3dlight-color: #FFFFFF;
					scrollbar-darkshadow-color:#FFFFFF;
					scrollbar-face-color:#FFFFFF;
					scrollbar-highlight-color:#FFFFFF;
					scrollbar-track-color:#FFFFFF;
					border: #00135D solid; border-width: 1px;
					
				}


.FieldForm		{	border: #00135D solid; border-width: 1px;
					width:155px;
					font-size:12px; 
					margin:0px 16px 0px 0px;
				}

.FieldFormT{border: #00135D solid; border-width: 1px;
					width:200px;
					font-size:12px; 
					margin:0px 20px 0px 0px;
				}
.Corrector{ 
margin:1px!important;
}
.FieldFormP		{	border: #00135D solid; border-width: 1px;
					width:35px;
					font-size:11px;
				}

.FieldFormB		{	border: #00135D solid; border-width: 1px;
					width:200px;
					font-size:12px; 
					margin:0px 0px 0px 30px;
					
				}
				
.FieldFormBr		{	border: #00135D solid; border-width: 1px;
					width:50px;
					font-size:12px; 
					margin:0px 0px 0px 30px;
					
				}
				
.FieldFormC		{	border: #00135D solid; border-width: 1px;
					width:120px;
					font-size:12px; 
					margin:0px 10px 0px 0px;
					display:inline;
				}

#birthcombo .FieldForm	{	border: #00135D solid; border-width: 1px;
							width:70px;
							font-size:11px;
							display:inline;
							}



.FieldError 	{	background-color:#000033;
					width:165px;
					border: #082185;
					border-style:solid;
					border-top-width: 1px;
					border-right-width: 1px;
					border-bottom-width: 1px;
					border-left-width: 1px;
					color: #FFFFFF;
					font-size:11px;			
				}
.FieldErrorT 	{	background-color:#000033;
					width:260px;
					border: #082185;
					border-style:solid;
					border-top-width: 1px;
					border-right-width: 1px;
					border-bottom-width: 1px;
					border-left-width: 1px;
					color: #FFFFFF;
					font-size:11px;			
				}

.ErrorMesForm	{	
					color:#ffffff;
					font-weight:bold;
					font-size:11px;
					background-color:#082185;
				}
/* Estilos genericos del Sitio */

.Bold	{	font-size:13; 
			font-weight:bold; 
			color:#011564;
		}
.Bold2{
	font-size:16; 
	font-weight:bold;
	color:#011564;
}
.Bold3{
	font-size:16; 
	font-weight:bold;
	color:#D1112F;
}
.italicText{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	color:#011564;
}
.highlight{
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-size:14px;
	color:#D1112F;
}
.Title h1{
	float:left;
	font-size:22px;
	margin-top:10px;
}

.img_top{
	margin-top:5px;
	margin-left:55px;
	float:left;
}

/*Clase para cuando queda seleccionado en menu del top*/

.SelTop {	text-decoration:none;

		}
/*Clase para cuando queda seleccionado en menu del bottom*/
.SelBottom {	text-decoration:none;

		}


/****** 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;
			}
/* Mensaje del Servidor de Pago Seguro */
.intermitente	{
					text-decoration: underline blink;
					font-weight:bold;
					cursor:pointer;
				}

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


#birthcombo .FieldForm	{	border: #00135D solid; border-width: 1px;
							width:50px;
							font-size:11px;
							display:inline;
							}
							
							
						
/******************************** FIN HOJA DE ESTILOS BASE **************************************/ 

/******************************** INICIO ESTILOS PARA TOPTEN **************************************/
#TopTencontent {
	margin-right: 16px;
    margin-top: 0;
    position: relative;
    width: 160px;
}

#cabezal {
	cursor:pointer; 
	text-align:right;
	margin-top:-5px;
	position:relative;
}
a.catalogo_btn {
	background:url(images/banner/catalogo_btn.png) 0 0 no-repeat transparent;
	display: block;
    height: 106px;
    margin-top: 29px;
    position: relative;
    text-align: right;
    width: 160px;
}
a.catalogo_btn:hover{
	background-position:0 -106px;
}

#topten {
	height:272; 
	margin-top:-17px;
	z-index:999; 
	position:absolute;
	
	left:0;

}

#topten ul{
	background-image:url(../../images/banner/toptenon.jpg); 
	background-repeat:no-repeat;
	width:180px; 
	height:100%;
	position:relative;
	float:left;
	*padding-top:7px;
}

#topten li{
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	border-bottom:solid 1px #FFFFFF; 
	margin:0px 20px 0px 20px; 
	padding:2px 10px 2px 10px;
	*padding:3px 10px 2px 10px; 
	list-style:none;
	text-align:left;
}

#topten a{
	color:#FFFFFF; 
	font-size:14px;
}
/******************************** FIN ESTILOS PARA TOPTEN **************************************/ 

/******************************** INICIO ESTILOS PARA FORMULARIO EMPLEO **************************************/ 
#FormEmpleo{
	background:#E5E6ED;
	width:800px;
	margin:20px 0 20px;
	font-size:12px;
	color:#333;
	border-bottom:1px solid #011564;
	}
#FormEmpleo p{
	display:block;
	text-align:left;
	padding-left:10px;
	margin:10px 0 0;
	}
#FormEmpleo h1, #FormEmpleo h2{ 
	font-family:Arial, Helvetica, sans-serif; 
	text-decoration:underline;
	border-top:2px solid #DCE8E8;
	padding:8px 0 10px;
	margin:0px 0 0px;
	font-size:17px;
	color:#FFF;
	display:block;
	text-align:left;
	padding-left:15px; 
	
	clear:both;
	background:#000033;
	/***opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);***/
}
#FormEmpleo hr{
	background:#fff;
	display:block;
	clear:both;
	border-width:0px;
	border:0px solid #fff;
	background:#fff;
	margin:10px 0 0;
	height:30px;
	}
#FormEmpleo label{
	float:left;
	width:170px;
	*width:180px;
	margin:5px 10px 0 10px;
	font-size:15px;
	font-weight:normal;
	color:#FFFFFF;
	background:#0066CC;
	padding:5px;
	height:20px;
	line-height:1em;
}
#FormEmpleo input, #FormEmpleo select, #FormEmpleo textarea{
	float:left;
	margin:5px 10px 10px 10px;
	width:180px;
	border:1px solid #000031;	
	font-family:Arial, Helvetica, sans-serif;
}
#FormEmpleo .FormEmpleoSmall{
	width:197px;
	float:left;
}
#FormEmpleo .FormEmpleoSmall input, #FormEmpleo .FormEmpleoSmall select{
	width:52px;
	margin:5px 2px 10px 10px;
	float:left;

}
#FormEmpleo .FormEmpleoRadio{
	float:left;
	font-size:14px;
	padding-left:10px;
	text-transform:capitalize;
	width:189px;
}
#FormEmpleo .FormEmpleoRadio input{
	width:auto;
	float:none;
	margin-left:0px;
	margin-right:2px;
	clear:right;
    border: 0px;
}
#FormEmpleo .Butum{
	text-align:right;

	}
#FormEmpleo .Butum input{
	display:inline;
	margin: 10px 10px;
	border:none;
	width:auto; 
	height:auto;
	float:none;
	}



#FormEmpleo .FormEmpleoSmaller label{	
	width:120px;
	*width:133px;

}
#FormEmpleo .FormEmpleoSmaller input, #FormEmpleo .FormEmpleoSmaller select, #FormEmpleo .FormEmpleoSmaller textarea{
	width:130px !important;
	*width:133px !important;
	font-family:Arial, Helvetica, sans-serif;
	height:20px;

}
#FormEmpleo .Altura label {*height:40px;}

.Calendar{  
	background:url('/images/layout/content/calendar.png') 0% 100% no-repeat !important;
	border-width:0 !important;
	border-left-width:1px !important;
	padding:2px 0;
	width:105px !important;
	cursor:pointer;
	border:0px solid #000031 !important;
}

#CarneHealth {
    border-width:0 !important;
}

#StudyActual {
    border-width:0 !important;
}
#LiveOnly {
    border-width:0 !important;
}
#Economy {
    border-width:0 !important;
}
#Telemarketer {
    border-width:0 !important;
}


#FormEmpleo .tres-datos{

}
#FormEmpleo .tres-datos label{
	width:200px ;
	padding-right:0;
	background:none;
	text-align:left;
	height:25px;
	margin:5px 0 0;
}
#FormEmpleo .tres-datos select{
	width:246px;
}
#FormEmpleo .tres-datos .FormEmpleoRadio{
	color:#fff;
	margin-top:5px;
}
#FormRegister .FormRegisterRadio{
	color:#555555;
	margin-top:5px;
}
#FormEmpleo .tres-datos .tres-linea{
	background:#0066CC;
	height:30px;
	display:block;
	clear:both;
	border:1px solid #ccc;
	margin-bottom:10px;
}
.Accion_Comprar_Left{ 
	background-image:url(images/layout/content/box_left_bgn_accion_product.jpg); 
	background-repeat:no-repeat; 
	width:9px; 
	height:90px;
}

.Accion_Comprar_Contenct{ 
	background: #E0E3F6;
	height:90px; background-repeat:repeat-x;
}
.Accion_Comprar_Right{ background:url(images/layout/content/box_content_bgn_accion_right.jpg);
	background-repeat: no-repeat; 
	width:9px; 
	height:90px;
}

.FieldFormCompr		{	border: #00135D solid; border-width: 1px;
					font-size:12px; 
					margin:0px 16px 0px 5px;
				}
				
#TopRight{ margin-bottom:10px;}
.acomodate{}

/*------------ Formulario de Catalogo Virtual ----------------------*/

#Content .virtual_txt{
	float: left;
	font-weight:bold;
	margin-bottom: 30px;
    margin-left: 53px;
    margin-top: 10px;
    text-align: left;
}
#Content .virtual_response{
	text-align:left;
	font-size:12px;
	width:600px;
}
#Content ul.virtual_catalog{
	font-size: 12px;
	list-style:none;
	margin-left: 40px;
	margin-top: 30px;
	width:700px;
}
#Content ul.virtual_catalog li{
	float: left; 
	margin-bottom: 15px;
    text-align: left;
    width: 350px;
}
#Content ul.virtual_catalog li label{
	float:left;
	margin:0;
	padding:0;
	width:135px;
}
#Content ul.virtual_catalog li input{
	height:20px;
	margin:0;
	padding:0;
	width: 200px;
}
#Content ul.virtual_catalog li input.virtual_btns{
	height: auto;
    margin-right: 20px;
	margin-top: 35px;
    width: auto;
}
#Content ul.virtual_catalog li textarea{
	height: 80px;
	margin:0;
	padding:0;
	width: 200px;
	overflow:auto;
}

/******************************** FIN ESTILOS PARA FORMULARIO EMPLEO **************************************/