body,html
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #BED1E4;
	background-repeat:repeat-x;
	background-position:top;
	font-family: 'Trebuchet MS',tahoma,arial,verdana;
	height:100%;
	text-align:left;
	COLOR:#0C1F36;	

}
a{text-decoration:none;}

#divPrincipal{ margin:0px; width:940px; height:546px; background-color:#FFFFFF;padding:0px;}
#divLogo{ width:465px; height:64px;  background-color :#ffffff; MARGIN: auto;float:left; text-align:left; padding-left:5px; }
#divMenuTop{ width:470px; height:24px; padding-top:40px;  background-color :#ffffff; MARGIN: auto; float:left }
#divIzq { width:141px; height:482px;margin:0px; padding:0px;  margin-left:8px; text-align:center;float:left;}
#divDer { width:777px; height:482px;margin:0px; padding:0px;  margin-left:6px; margin-right:8px; text-align:center;float:left; }
#divMenu{ background-color:#004C92; height:260px; padding:0px; margin:0px; padding-top:20px;}
#divCarro{background-color:#004C92; height:50px; padding:0px; margin:0px;}
#divPaypal{ background-color:#CCCCCC; height:138px; margin-top:6px;}
#divLista{ background-color:#CCCCCC; height:474px;}
#divListapeq{ background-color:#CCCCCC; height:330px;}
#divTit{ text-align:right; height:17px; padding-right:15px; padding-top:15px; padding-bottom:8px;}
#divAnima{ width:777px; height:330px;}
#divPromocion{margin-top:6px; width:385px;height:138px; background-image:url(../imagenes/cabpromocion.gif); background-repeat:no-repeat; background-position:top; float:left;}
#divDestacado{margin-top:6px; margin-left:6px; width:386px;height:138px; background-image:url(../imagenes/cabdestacado.gif); background-repeat:no-repeat; background-position:top;float:left;}
#divPromocioni{margin-top:6px; width:385px;height:138px; background-image:url(../imagenes/cabpromocioni.gif); background-repeat:no-repeat; background-position:top; float:left;}
#divDestacadoi{margin-top:6px; margin-left:6px; width:386px;height:138px; background-image:url(../imagenes/cabdestacadoi.gif); background-repeat:no-repeat; background-position:top;float:left;}

.logo{ background-image:url(../imagenes/icono.gif); background-repeat:no-repeat; background-position:left; margin:0px; padding:0px; top:0px; margin-bottom:8px; float:left; width:550px; }
.cerrar{float:right;width:50px; padding-top:8px; text-align:right;}
.logog{ background-image:url(../imagenes/loguito.gif); background-repeat:no-repeat; background-position:left; margin:0px; padding:0px; top:0px; }

.Trans75{filter:alpha(opacity=75); opacity:.75; -moz-opacity:.75;}
.Trans100{filter:alpha(opacity=99); opacity:.99; -moz-opacity:.99; }
.FlechaLeft, .FlechaRight{ padding:4px 9px;  background-position:left; }
.FlechaLeft{ background-image:url(../imagenes/flecha_left.gif);}
.FlechaRight{background-image:url(../imagenes/flecha_right.gif);}
.FlechaLeft:hover, .FlechaRight:hover{background-position:right;}

.masinf{ background-image:url(../imagenes/fonmasinf.gif); background-repeat:repeat-y; background-position:right; height:19px; width:293px;padding-right:7px;  padding-top: 2px; background-color:White; }
.filagrilla{padding-top:8px; padding-bottom:8px; border-bottom:solid 1px #cccccc; height:22px}


UL.menutop {
   text-align:right; list-style-type:none;  margin:0px; padding:0px; padding-right:10px;  
}



LI.menutopli
{
float:right; margin:0px; padding:0px; padding-left:15px; }


UL.menu {
   text-align:left; list-style-type:none;  margin:0px; padding:0px; margin-left:10px;  
}



LI.menuli
{
margin:0px; padding:0px; }

UL.lista {
	PADDING-BOTTOM: 5px;  PADDING-TOP: 3px; text-align:left; LIST-STYLE-TYPE: none;  margin:0px; padding-left:10px;padding-right:10px;
}

LI.lista
{
     padding-left:10px; padding-right:8px; padding-top:8px;padding-bottom:15px; margin-bottom:2px; border-bottom:solid 2px #CCCCCC;  
}
LI.altlista
{
   padding-left:10px; padding-right:8px; padding-top:8px;padding-bottom:15px; margin-bottom:2px; border-bottom:solid 2px #CCCCCC;
}

#component-top {
	background: url(../imagenes/content-t.png) 0 0 repeat-x;
}

#component-top div {
	background: url(../imagenes/content-tr.png) 100% 0 no-repeat;
}

#component-top div div {
	background: url(../imagenes/content-tl.png) 0 0 no-repeat;height:17px;overflow: hidden;
}

#left {
	background: url(../imagenes/content-l.png) 0 0 repeat-y;
}

#right {
	background: url(../imagenes/content-r.png) 100% 0 repeat-y;padding: 7px 22px;
}

#component-bottom {
	background: url(../imagenes/content-b.png) 0 0 repeat-x;
}

#component-bottom div {
	background: url(../imagenes/content-br.png) 100% 0 no-repeat;
}

#component-bottom div div {
	background: url(../imagenes/content-bl.png) 0 0 no-repeat;height: 17px;overflow: hidden;
}



/* consola */
.tdftextosoff {BORDER-RIGHT: #C1D3E3 1px solid; BORDER-TOP: #C1D3E3 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #C1D3E3 1px solid; COLOR: #909090; BORDER-BOTTOM: #C1D3E3 1px solid;  BACKGROUND-COLOR: #fbfbfb; height:18px}
.tdftextoson {BORDER-RIGHT: #8CAECC 1px solid; BORDER-TOP: #8CAECC 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #8CAECC 1px solid; COLOR: #909090; BORDER-BOTTOM: #8CAECC 1px solid;  BACKGROUND-COLOR: #EDF2F8;height:18px }
.tdfradio { BORDER-RIGHT: #d2d2d2 0px solid; BORDER-TOP: #d2d2d2 0px solid; FONT-SIZE: 11px; BORDER-LEFT: #d2d2d2 0px solid; COLOR: #909090; BORDER-BOTTOM: #d2d2d2 0px solid;  }
.tdflabels { FONT-SIZE: 10px; COLOR: #333333;  text-decoration:yes }

.tdftextosoffb {BORDER-RIGHT: #C1D3E3 0px none; BORDER-TOP: #C1D3E3 0px none; FONT-SIZE: 10px; BORDER-LEFT: #C1D3E3 0px none; COLOR: #284768; BORDER-BOTTOM: #C1D3E3 0px none;  BACKGROUND-COLOR: #F7F8FB; height:16px}
.tdftextosonb {BORDER-RIGHT: #8CAECC 0px none; BORDER-TOP: #8CAECC 0px none; FONT-SIZE: 10px; BORDER-LEFT: #8CAECC 0px none; COLOR: #284768; BORDER-BOTTOM: #8CAECC 0px none;  BACKGROUND-COLOR: #D0D9DF;height:16px }

.mouseoutclass { letter-spacing: -1px;FONT-FAMILY: verdana; FONT-SIZE: 10px;COLOR: #070C14; TEXT-DECORATION: none;   }
.mouseoutclass:hover { COLOR: #203D9F;}


.tdbutton{
	border: 1px solid #184967;
	background-color:#246C97;
		color:#ffffff;
	
		font-size:11px;
		cursor:hand;
	}

.tdbuttonhover{
	border: 1px solid #E1007A;
	background-color:#E1007A;
	color:#ffffff;	
	font-size:11px;
	cursor:hand;
}

.botonenviaroff {border-style:none;  font-weight:bold; font-size:9px; color:#ffffff; BACKGROUND-COLOR: transparent; background-image:url('../imagenes/btnenvoff.gif'); cursor:hand; width:71px; height:15px }
.botonenviaron {border-style:none;  font-weight:bold; font-size:9px; color:#D00801; BACKGROUND-COLOR: transparent; background-image:url('../imagenes/btnenvon.gif'); cursor:hand; width:71px; height:15px}

.botonborraroff {border-style:none;  font-weight:bold; font-size:9px; color:#ffffff; BACKGROUND-COLOR: transparent; background-image:url('../imagenes/btnboroff.gif'); cursor:hand; width:71px; height:15px }
.botonborraron {border-style:none;  font-weight:bold; font-size:9px; color:#D00801; BACKGROUND-COLOR: transparent; background-image:url('../imagenes/btnboron.gif'); cursor:hand; width:71px; height:15px}

.botoncalcularoff {border-style:none;  font-weight:bold; font-size:9px; color:#ffffff; BACKGROUND-COLOR: transparent; background-image:url('../imagenes/btncaloff.gif'); cursor:hand; width:83px; height:18px }
.botoncalcularon {border-style:none;  font-weight:bold; font-size:9px; color:#D00801; BACKGROUND-COLOR: transparent; background-image:url('../imagenes/btncalon.gif'); cursor:hand; width:83px; height:18px}


/* links */
.link8n {  FONT-SIZE: 8px;COLOR: #036B9D; TEXT-DECORATION:none; font-weight:bold; font-stretch:condensed  }
.link8n:hover { COLOR: #EF9C03;TEXT-DECORATION: underline;}

.link9 {  FONT-SIZE: 9px;COLOR: #036B9D; TEXT-DECORATION:none;   }
.link9:hover { TEXT-DECORATION: underline;}

.link9n {  FONT-SIZE: 9px;COLOR: #6A7731; TEXT-DECORATION:none; font-weight:bold  }
.link9n:hover { COLOR: #DD842B;}

.link10 {  FONT-SIZE: 10px;COLOR: #036B9D; TEXT-DECORATION:none; line-height:10px;   }
.link10:hover { TEXT-DECORATION: underline; COLOR: #EF9C03;line-height:10px;}

.link10ba {  FONT-SIZE: 10px;COLOR: #FFFFFF; TEXT-DECORATION:none;   }
.link10ba:hover { TEXT-DECORATION: underline;COLOR: #3FA2DD; }

.link10paz {  FONT-SIZE: 10px;COLOR: #666666; TEXT-DECORATION:none;TEXT-DECORATION: underline;   }
.link10paz:hover { TEXT-DECORATION: underline; COLOR: #2F64BB;}

.link11 {  FONT-SIZE: 11px;COLOR: #162F58; TEXT-DECORATION: none; line-height:normal;   }
.link11:hover { COLOR: #0686C4; TEXT-DECORATION: underline; line-height:normal;}

.link11ba { FONT-SIZE: 11px;COLOR: #ffffff; TEXT-DECORATION: none; font-weight:bold  }
.link11ba:hover { COLOR: #FFB124; text-decoration:underline;}

.link11at {  FONT-SIZE: 11px;COLOR: #036B9D; TEXT-DECORATION:none; line-height:11px;   }
.link11at:hover { TEXT-DECORATION: underline; COLOR: #EF9C03;line-height:11px;}

.link11paz {  FONT-SIZE: 11px;COLOR: #666666; TEXT-DECORATION:none;TEXT-DECORATION: underline;   }
.link11paz:hover { TEXT-DECORATION: underline; COLOR: #2F64BB;}

.link12 { FONT-SIZE: 12px;COLOR: #284768; TEXT-DECORATION: none;   }
.link12:hover { COLOR: #0686C4;TEXT-DECORATION: underline;}

.link121 { FONT-SIZE: 12px;COLOR: #162F58; TEXT-DECORATION: none;   }
.link121:hover { COLOR: #0686C4;TEXT-DECORATION: underline;}

.link12ca { FONT-SIZE: 12px;COLOR: #0080C0; TEXT-DECORATION: none; font-weight:bold  }
.link12ca:hover { COLOR: #FFB124; text-decoration:underline;}

.link12pa { FONT-SIZE: 12px;COLOR: #959394; TEXT-DECORATION: NONE; font-weight:bold ;  }
.link12pa:hover { COLOR: #0079C1; text-decoration:underline;}

.link12na { FONT-SIZE: 12px;COLOR: #000000; TEXT-DECORATION: NONE; font-weight:bold ;  }
.link12na:hover { COLOR: #0079C1; text-decoration:underline;}

.link13 {  FONT-SIZE: 13px;COLOR: #004C92; TEXT-DECORATION: none; line-height:normal;   }
.link13:hover { COLOR: #E1007A;TEXT-DECORATION: none;}

.link13ba { FONT-SIZE: 13px;COLOR: #ffffff; TEXT-DECORATION: none; font-weight:bold  }
.link13ba:hover { COLOR: #FFB124; text-decoration:underline;}

.link13r {  FONT-SIZE: 13px;COLOR:#E1007A ; TEXT-DECORATION: none; line-height:normal;   }
.link13r:hover { COLOR: #004C92;TEXT-DECORATION: none;}

.link14 {  FONT-SIZE: 14px;COLOR: #004C92; TEXT-DECORATION: none; font-weight:bold  }
.link14:hover { COLOR: #E1007A; TEXT-DECORATION: none;}

.link141 {  FONT-SIZE: 15px;COLOR: #284768; TEXT-DECORATION: none; line-height:normal;   }
.link141:hover { COLOR: #0686C4;TEXT-DECORATION: underline;}

.link14ca { FONT-SIZE: 14px;COLOR: #0080C0; TEXT-DECORATION: none; font-weight:bold  }
.link14ca:hover { COLOR: #284768; text-decoration:underline;}

.link14pa { FONT-SIZE: 14px;COLOR: #959394; TEXT-DECORATION: NONE; font-weight:bold ;  }
.link14pa:hover { COLOR: #0079C1; text-decoration:underline;}

.link16 {  FONT-SIZE: 16px;COLOR: #036B9D; TEXT-DECORATION: none;   }
.link16:hover { COLOR: #EF9C03; TEXT-DECORATION: underline;}

.link18 {  FONT-SIZE: 18px;COLOR: #284768; TEXT-DECORATION: none;   }
.link18:hover { COLOR: #0686C4; TEXT-DECORATION: underline;}

.link18aza {  FONT-SIZE: 18px;COLOR: #2067A7; TEXT-DECORATION: none;   }
.link18aza:hover { COLOR: #FFB124; TEXT-DECORATION: underline;}

.link18ba { FONT-SIZE: 18px;COLOR: #ffffff; TEXT-DECORATION: none; font-weight:bold  }
.link18ba:hover { COLOR: #FFB124; text-decoration:underline;}


.link20b { FONT-SIZE: 20px;COLOR: #666666; TEXT-DECORATION: none; font-weight:bold  }
.link20b:hover { COLOR: #000000;}




/**/
.titulovin
{
padding-right:5px; margin-top:15px;margin-bottom:8px;  text-align:left;
}

.texto24 {
	FONT-SIZE: 24px;
	letter-spacing: 0px;
	text-decoration:none;
}

.texto20 {
	FONT-SIZE: 20px;
	letter-spacing: 0px;
	text-decoration:none;
}

.texto18 {
	FONT-SIZE: 18px;
	letter-spacing: 0px;
	text-decoration:none;
}



.texto16 {
	FONT-SIZE: 16px;
	letter-spacing: 0px;
	text-decoration:none;
}

.texto14 {
	FONT-SIZE: 14px;
	letter-spacing: 0px;
	text-decoration:none;
}



.texto13 {
	FONT-SIZE: 13px;
	letter-spacing: 0px;
	text-decoration:none;
}

.texto12 {
	FONT-SIZE: 12px;
	letter-spacing: 0px;
	text-decoration:none;
}


.texto11 {
	FONT-SIZE: 11px;
	letter-spacing: 0px;
	text-decoration:none;
}




.texto10 {
	FONT-SIZE: 10px;
	letter-spacing: 0px; line-height:normal;
	text-decoration:none;
}



.texto9 {
	FONT-SIZE: 9px;
	letter-spacing: 0px;
	text-decoration:none;
}

.texto8 {
	FONT-SIZE: 8px;
	letter-spacing: 0px;
	text-decoration:none;
}

.textos {
	FONT-SIZE: 12px;
	letter-spacing: 0px; 
	text-decoration:none;
}

.negrita
{
font-weight:bold;
}


.plomo
{
color:#666666;
}

.celeste
{
color:#006699;
}
.celestebajo
{
color:#D0D9DF;
}
.azultit
{
color:#174B7B;
}

.azul
{
color:#004C92;
}

.blanco{
	
	COLOR: #ffffff;
	
	
}
.rosa{
	
	COLOR: #E1007A;
	
	
}



.scroll
	{
	scrollbar-face-color: #DD842B;
	scrollbar-highlight-color: #3F5744;
	scrollbar-3dlight-color: #3F5744;
	scrollbar-darkshadow-color: #3F5744;
	scrollbar-shadow-color: #3F5744;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color: #F0ECE3;	
}



.boton { cursor: hand;}




.borde
{
	border-left:solid 1px #053E5F;
	border-top:solid 1px #053E5F;
	border-right:solid 1px #053E5F;
	border-bottom:solid 1px #053E5F;
}

.bordeizqder
{
	border-left:solid 1px #D6E2EB;
	border-right:solid 1px #D6E2EB;
}

.bordetop
{
	border-top:solid 1px #D6E2EB;
}

.bordebot
{
	border-bottom:solid 1px #D6E2EB;
}

.foto
{
	border-left:solid 2px #CDCDCD;
	border-top:solid 2px #CDCDCD;
	border-right:solid 2px #CDCDCD;
	border-bottom:solid 2px #CDCDCD;
	
} 

.fotoh
{
	border-left:solid 4px #CFE2E2;
	border-top:solid 4px #CFE2E2;
	border-right:solid 4px #CFE2E2;
	border-bottom:solid 4px #CFE2E2;
	
} 

.fotogal
{
	border-left:solid 6px #EBEBEB;
	border-top:solid 6px #EBEBEB;
	border-right:solid 6px #EBEBEB;
	border-bottom:solid 6px #EBEBEB;
	
} 

.fotoo
{
	border-left:solid 6px #ffffff;
	border-top:solid 6px #ffffff;
	border-right:solid 6px #ffffff;
	border-bottom:solid 6px #ffffff;
	
} 
.vermas
{  
	
    background-image:url('imagenes/btnmasoff.gif');  
}

.vermas:hover
{  
    background-image:url('imagenes/btnmason.gif');  
}
/* Inicio Datagrid */

.numeros {
	FONT-SIZE: 14px;
	COLOR: #004C92;
	letter-spacing: 0px;
    text-decoration:underline;
}

.numeros:hover {
	COLOR: #E1007A;
}

.datagrid
{
 font-size: 8pt;
 color:#343D45;
 border:solid 1px #246C97;

}

.HeaderStyle
{
 font-size: 7pt; 
 color: #ffffff;
 font-weight:bolder; 
 background-color: #246C97; 
 height:25px;
}

.ItemOverStyle
{
 font-size: 7pt;
 color: navy;
 background-color: khaki;
}

.AlternativeOverStyle
{
 font-size: 7pt;
 color: navy;
 background-color: khaki;
}

.ItemStyle
{
 background-color: #EAF1F2;
}

.AlternativeItemStyle
{
 background-color: #E0E9E9;
 

}
.bordetd
{
    border-right:solid 1px #246C97;
}
.SelectedItemStyle
{
 Font-Bold:True;
 ForeColor:#663399;
 BackColor:#FFCC66;
 }
 



 .borde1
{
	border-left:solid 1px #000000;
	border-top:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
}

.modalBackground
{
    display: table;
	width:100%;
	height:100%;
	position:fixed;
	visibility: visible;
 	margin:auto;
	text-align:center;
	 z-index:2000;
}

.celda{
 display: table-cell;
 vertical-align: middle;text-align:center;
}

.modalPopup {
 background-color:#ffffff;
 border-width:1px;
 border-style:solid;
 border-color:Gray;
 font:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#666666;
 width:250px;
 height:50px;
 line-height:50px;
 margin:auto;
 padding:8px;
 z-index:3000;
}


.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 10%;
	left: 50%;
}

.mostrar {
	 display:block; top:0px;
}
.ocultar {
	 height: auto; display:none; position:absolute; 
	  }


.divcentrar
{
    display: table;
	width:100%;
	height:100%;
	position:fixed;
	visibility: visible;
 	margin:auto;
	text-align:center;
	z-index:1;
}
.adjustedZIndex {
    z-index: 1;
}

.cablista{
color:#ffffff;
font-size:14px;
padding-left:8px;
height:34px;
line-height:34px;
background-color:#004C92;
vertical-align:middle;
}