/*
Hoja de estilos relizada para sitio GetCard
Sitio realizado por Codice web software
CSS y xhtml escrito por Alberto Chávez.
Fecha de creacion 21/11/07
*/

/*estilos que anulan los estilos predeterminados de html*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img { border: 0; }
ol,ul { list-style: none; }
caption,th { text-align: left; }

/*terminan estilos predeterminados por html*/


/*Estilo para estructura general de sitio*/

html { height: 100%; }

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	behavior: url(csshover.htc);
}

#contenedor
{
	width: 995px;
	margin: 0 auto 0 auto;
}

#cabeza
{
	height: 114px;
	background: url(../images/bgHead.gif) repeat-x #000;
}

#cabeza .logo
{
	float: left;
	margin: 16px 0 0 20px;
	padding: 0;
	border: none;
}

/*estilo para head de version imprimir*/

#cabezaPrint
{
	height: 40px;
}

#cabezaPrint p
{
	margin: 20px 0 0 0;
	padding: 0 40px 0 40px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
}

/*Termina estilo para version imprimir*/


/*estilo para pie de sitio*/

#pie
{
	height: 55px;
	clear: both;
	background: url(../images/bgFoot.gif) repeat-x bottom #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	margin: 0;
	padding: 0;
}

#pie p
{
	margin: 0;
	padding: 10px 20px 5px 20px;
}

#pie a
{
	color: #CCCCCC;
	text-decoration: none;
}

#pie a:hover { color: #FFFFFF; }

/*Termina estilo para pie de sitio*/


/*estilo para pie de version imprimier*/

#piePrint
{
	height: 55px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#piePrint p
{
	margin: 0;
	padding: 10px 40px 5px 40px;
	color: #666666;
}

/*Termina estilo para pie imprimir*/


/*Estilo para herramientas*/

#herramientas
{
	width: 510px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 10px 0 0 0;
	color: #FFFFFF;
}

#herramientas ul
{
	margin: 0;
	padding: 0;
}

#herramientas li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#herramientas li a
{
	color: #CCCCCC;
	text-decoration: none;
	padding: 3px 5px;
}

#herramientas li a:hover { color: #FFFFFF; }

#herramientas .recSitio
{
	background: url(../images/icoRecomienda.gif) no-repeat left;
	padding: 3px 5px 3px 30px;
}

/*Termina estilo para herramientas*/


/*Estilo para login en head*/

#login
{
	float: right;
	width: 420px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	margin: 0;
	padding: 30px 0 0 0;
}

.logHead
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 0 20px 0 0;
	padding: 1px 3px;
}

.botLog
{
	margin: 0;
	padding: 0;
	position: relative;
	top: 5px;
}

#salir
{
	float: right;
	clear: right;
}

#salir .botLog { margin: 20px; }

#login a
{
	color: #CCCCCC;
	text-decoration: none
}

#login a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

/*Termina estilo para login en head*/


/*Estilo para menu principal*/

#menu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	height: 34px;
	background: url(../images/bgMenu.gif);
	margin: 0 0 15px 0;
	padding: 0;
}

#menu ul
{
	margin: 0;
	padding: 0;
}

#menu li
{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

#menu li a
{
	color: #CCCCCC;
	text-decoration: none;
	padding: 9px 0px 10px 0px;
	margin: 0;
	display: block;
	border-left: 1px solid #000000;
	border-right: 1px solid #535355;
	width: 197px;
	text-align: center;
}

#menu li a:hover
{
	color: #FFFFFF;
	background: url(../images/bgMenuHover.gif);
	border-right: 1px solid #832bab;
}

/*Termina estilo para menu principal*/


/*Estilo para barra derecha de home*/

#barraDerHome
{
	width: 300px;
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	right: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

#barraDerHome .botTour
{
	margin: 0 0 15px 0;
	border: 0;
	float: left;
}

#barraDerHome .banDatos
{
	border: 1px solid #D1D1D1;
	background: url(../images/bgBanDatos.gif) repeat-x bottom;
	margin: 0 0 16px 0;
}

#barraDerHome .banDatos2
{	
	margin: 0 0 16px 0;
}

#barraDerHome .banDatos .scrollBan
{
	height: 272px;
	overflow: auto;
}

#barraDerHome .banDatos p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 0 10px 0 10px;
}

#barraDerHome .banDatos a
{
	color: #560979;
	text-decoration: none;
}

#barraDerHome .banDatos a:hover { text-decoration: underline; }

#barraDerHome .banDatos table
{
	font-size: 12px;
	color: #666666;
	width: 95%;
	margin: 0 auto 10px auto;
}

#barraDerHome .banDatos td { padding: 5px; }

#barraDerHome .banDatos a { color: #666666; }

#barraDerHome .banDatos .metodo
{
	color: #560979;
	text-decoration: none;
	font-size: 10px;
}

#barraDerHome .banDatos .metodo:hover { text-decoration: underline; }

#barraDerHome .banDatos .head, #barraDerHome .banBusca .head
{
	height: 28px;
	background: url(../images/bgHeadBan.gif);
	margin: 0 0 10px 0;
	padding: 0;
}


#barraDerHome .banDatos .head .interroga, #barraDerHome .banBusca .head .interroga
{
	float: right;
	padding: 2px 3px 0 0;
}

#barraDerHome .banDatos .head h5, #barraDerHome .banBusca h5
{
	margin: 0;
	padding: 6px 10px 2px 10px;
	color: #CCCCCC;
	font-size: 11px;
	text-align: left;
	line-height: 11px;
}

#barraDerHome .banDatos .imgBanner { margin: -10px 4px 10px 4px; }

#barraDerHome .banBusca
{
	border: 1px solid #4b076a;
	margin: 0 0 15px 0;
	padding: 0;
	background: url(../images/bgBanBusca.gif) repeat-x bottom #983cc3;
	clear: left;
}

#barraDerHome .banBusca table
{
	width: 95%;
	margin: 0 auto 10px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

#barraDerHome .banBusca td { padding: 3px 10px 3px 10px; }

#barraDerHome .banBusca table select, #barraDerHome .banBusca table option
{
	font-size: 12px;
	margin: 0;
}

#barraDerHome .banRecomienda
{
	border: 1px solid #D1D1D1;
	margin: 0 0 15px 0;
	padding: 10px;
	background: url(../images/bgBannRecom.gif) repeat-x center #dedede;
}

#barraDerHome .banRecomienda h5
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}

#barraDerHome .banRecomienda p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}


#barraDerHome .banDatos .primerlugar
{
	float: left;
	width: 98px;
	border-right: 1px solid #D1D1D1;
	background: url(../images/ico1lugar.gif) no-repeat 8px 0;
	margin: -10px 0 0 0;
	padding: 60px 0 0 0;
	text-align: center;
}

#barraDerHome .banDatos .segundolugar
{
	float: left;
	width: 98px;
	border-right: 1px solid #D1D1D1;
	background: url(../images/ico2lugar.gif) no-repeat 8px 0;
	margin: -10px 0 0 0;
	padding: 60px 0 0 0;
	text-align: center;
}

#barraDerHome .banDatos .tercerlugar
{
	float: left;
	width: 98px;
	background: url(../images/ico3lugar.gif) no-repeat 8px 0;
	margin: -10px 0 0 0;
	padding: 60px 0 0 0;
	text-align: center;
}



/*Termina estilo para barra derecha de home*/

/*Estilo para home*/
#contenidoHome
{
	width: 646px;
	margin: 0 0 15px 0;
	float: left;
	padding: 0;
	position: relative;
	left: 15px;
}


/* ESTILO PARA IMAGEN COMPLETA */

#topHome2
{
	width: 646px;
	height: 265px;
	margin: 0 0 15px 0;
}



#topHome
{
	width: 646px;
	height: 265px;
	/*background: url(../images/bgBanhome.gif) no-repeat;*/
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
}

#topHome .titHome
{
	margin: 10px 20px 0 20px;
}

#topHome h4
{
	margin: 0 0 5px 0;
	padding: 10px 20px 0 20px;
	text-align: left;
	font-size: 18px;
	letter-spacing: -.02em;
}

#topHome p
{
	margin: 0 0 8px 0;
	padding: 0 20px 0 20px;
	font-size: 12px;
	line-height: 14px;
	width: auto;
	/*ANTES width:460px; */
}


#topHome p span
{
	color: #a549d0;
	font-size: 11px;
	font-weight:bold;

}

#topHome ul
{
	margin: 0 20px 5px 35px;
	padding: 0;
	font-size: 12px;
	width: 330px;
	border:1px solid red;
	height:120px;
}

#topHome li
{
	margin: 0;
	padding: 1px 0 1px 0;
/*
	list-style: url(../images/bullStar.gif);
*/
}

#topHome .noShow { display: none; }



#banVideo
{
	margin: 0;
	padding: 0;
}

#banVideo td { vertical-align: top; }

#banVideo input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0;
	padding: 2px;
	border: 1px solid #560979;
}

#banVideo .botEnvia
{
	border: none;
	margin: 0;
}

#banVideo .video
{
	margin: 0;
	padding: 0 0 10px 0 ;
}

#banVideo p a
{
	background: url(../images/icoRecVideo.gif) no-repeat right;
	padding: 5px 30px 5px 0;
	color: #A549D0;
	text-decoration: none;
}

#banVideo p a:hover { text-decoration: underline; }

#banRight
{
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
}

#contEncuesta
{
	border: 1px solid #D1D1D1;
	background: url(../images/bgBanDatos.gif) repeat-x bottom;
	margin: 0 0 15px 0;
	padding: 0 0 20px 0;
	width: 314px;
}

#contEncuesta h4
{
	margin: 0;
	padding: 6px 10px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#contEncuesta p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 30px 0 30px;
	margin: 0 0 10px 0;
	color: #a549d0;
	line-height: 20px;
}

#contEncuesta table
{
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

#contEncuesta td { padding: 5px 30px 5px 30px; }

#contEncuesta table input { border: 0; }


#buscaTarjeta
{
	border: 1px solid #D1D1D1;
	background: url(../images/bgBanDatos.gif) repeat-x bottom;
	margin: 0 0 15px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#buscaTarjeta h4
{
	padding: 5px 10px;
	font-size: 12px;
	color: #CCC;
	font-weight: bold;
	background: url(../images/bgHeadBan.gif);
	margin: 0 0 13px 0;
}

#buscaTarjeta ul
{
	font-size: 12px;
	padding: 0 10px 0 25px;
	margin: 0 0 15px 0;
}

#buscaTarjeta li
{
	margin: 0 0 5px 0;
	color: #666;
	list-style: disc;
}

#buscaTarjeta .nivel2
{
	margin: 5px 0 0 0;
	font-size: 11px;
}

#buscaTarjeta a
{
	color: #666;
	text-decoration: none;
}

#buscaTarjeta a:hover { text-decoration: underline; }

#buscaTarjeta span
{
	display: block;
	color: #666;
	text-decoration: none;
	font-size: 11px;
	text-align: right;
	padding: 5px 15px;
	margin: 0 0 10px 0;
}

/*Termina estilo para home*/

/*Estilo para barra derecha*/

#barraDer
{
	width: 245px;
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	right: 20px;
}

#barraDer .bannerImg { margin: 0 0 15px 0; }

#barraDer .banRecomienda
{
	border: 1px solid #D1D1D1;
	margin: 0 0 15px 0;
	padding: 10px;
	background: url(../images/bgBannRecom.gif) repeat-x center #dedede;
}

#barraDer .banRecomienda h5
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}

#barraDer .banRecomienda p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}

#barraDer .banDatos
{
	border: 1px solid #D1D1D1;
	background: url(../images/bgBanDatos.gif) repeat-x bottom;
	margin: 0 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
}

#barraDer .banDatos .scrollBan
{
	height: 200px;
	overflow: auto;
}

#barraDer .banDatos p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 0 10px 0 10px;
}


#barraDer .banDatos a
{
	color: #666666;
	text-decoration: none;
}

#barraDer .banDatos a:hover { text-decoration: underline; }

#barraDer .banDatos .metodo
{
	color: #560979;
	text-decoration: none;
	font-size: 10px;
}

#barraDer .banDatos .metodo:hover { text-decoration: underline; }

#barraDer .banDatos table
{
	font-size: 12px;
	color: #666666;
	width: 95%;
	margin: 0 auto 10px auto;
}

#barraDer .banDatos td { padding: 5px; }



#barraDer .banDatos .head
{
	height: 28px;
	background: url(../images/bgHeadBan.gif);
	margin: 0 0 10px 0;
	padding: 0;
}

#barraDer .banDatos .head h5
{
	margin: 0;
	padding: 2px 10px 1px 10px;
	color: #CCCCCC;
	font-size: 11px;
	text-align: center;
	line-height: 11px;
}

#barraDer .banDatos .imgBanner { margin: -10px 4px 10px 4px; }


#barraDer .newsletter{
	height: 500px;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/bgNewsletter.gif);
	border:1px solid red
}	

.newsletter table
{
	background: url(../images/bgNewsletter.gif);
	width:299px;
	height:179px;
	margin:0 0 15px 0;
}

.newsletter p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 10px 10px 0 10px;
}

.newsletter .boton { margin: 0px 35px 0px 0px; }
.newsletter input { border:1px solid black; }


/*Termina estilo para barra derecha*/

/*Estilo para barra izquierda*/

#barraIzq
{
	width: 245px;
	float: left;
	margin: 0 0 15px 0;
	padding: 0;
	position: relative;
	left: 15px;
}

#barraIzq .bannerImg { margin: 0 0 15px 0; }

#barraIzq .banRecomienda
{
	border: 1px solid #D1D1D1;
	margin: 0 0 15px 0;
	padding: 10px;
	background: url(../images/bgBannRecom.gif) repeat-x center #dedede;
}

#barraIzq .banRecomienda h5
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0 0 10px 0;
	padding: 0;
}

#barraIzq .banRecomienda p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}

#barraIzq .banDatos, #barraIzq .banDatos2
{
	border: 1px solid #D1D1D1;
	background: url(../images/bgBanDatos.gif) repeat-x bottom #FFFFFF;
	padding: 0;
	margin: 0 0 15px 0;
}

#barraIzq .banDatos2 { background: url(../images/bgLeftBar.gif) repeat-x #EFEDED; }

#barraIzq .banDatos2 .headTitSide
{
	background: url(../images/bgTitulos.gif);
	height: 32px;
	margin: 0 0 10px 0;
}



#barraIzq .banDatos2 .headTitSide h5
{
	color: #FFFFFF;
	margin: 0;
	padding: 5px;
}

#barraIzq .banDatos h5, #barraIzq .banDatos2 h5
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	margin: 10px 0 10px 0;
	padding: 0;
}

#barraIzq .banDatos p, #barraIzq .banDatos2 p
{
	margin: 0 0 10px 0;
	padding: 0 10px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
}

#barraIzq .banDatos .division, #barraIzq .banDatos2 .division
{
	width: 200px;
	margin: 0 auto 10px auto;
	border-bottom: 1px solid #D1D1D1;
}

#barraIzq .banDatos table, #barraIzq .banDatos2 table
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
}

#barraIzq .banDatos td, #barraIzq .banDatos2 td { padding: 3px 10px 3px 10px; }

#barraIzq .banDatos table span, #barraIzq .banDatos2 table span { color: #66148c; }

#barraIzq .banDatos table select, #barraIzq .banDatos2 table select
{
	font-size: 12px;
	border: 1px solid #666666;
	width: 110px;
}

#barraIzq .banDatos .head, #barraIzq .banDatos2 .head, #barraIzq .banDatos .head2
{
	height: 28px;
	background: url(../images/bgHeadBan.gif);
	margin: 0 0 10px 0;
	padding: 0;
}

#barraIzq .banDatos .head h5, #barraIzq .banDatos2 .head h5
{
	margin: 0;
	padding: 6px 10px 1px 10px;
	color: #CCCCCC;
	font-size: 11px;
	text-align: center;
	line-height: 11px;
}

#barraIzq .banDatos .head2 h5
{
	margin: 0;
	padding: 6px 10px 5px 10px;
	color: #CCCCCC;
	font-size: 11px;
	text-align: center;
	line-height: 11px;
}

#barraIzq .banDatos .scrollBan
{
	height: 200px;
	overflow: auto;
}

#barraIzq .banDatos p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 0 10px 0 10px;
}

#barraIzq .banDatos a
{
	color: #666666;
	text-decoration: none;
}

#barraIzq .banDatos a:hover { text-decoration: underline; }

#barraIzq .banDatos .metodo
{
	color: #560979;
	text-decoration: none;
	font-size: 10px;
}

#barraIzq .banDatos .metodo:hover { text-decoration: underline; }

#barraIzq .banDatos table
{
	font-size: 12px;
	color: #666666;
	width: 95%;
	margin: 0 auto 10px auto;
}

#barraIzq .banDatos td { padding: 5px; }

#barraIzq .banDatos .imgBanner { margin: -10px 4px 10px 4px;}


#barraIzq .banDatos .primerlugar
{
	float: left;
	width: 80px;
	border-right: 1px solid #D1D1D1;
	background: url(../images/ico1lugar.gif) no-repeat 8px 0;
	margin: -10px 0 0 0;
	padding: 60px 0 0 0;
	text-align: center;
}

#barraIzq .banDatos .segundolugar
{
	float: left;
	width: 80px;
	border-right: 1px solid #D1D1D1;
	background: url(../images/ico2lugar.gif) no-repeat 8px 0;
	margin: -10px 0 0 0;
	padding: 60px 0 0 0;
	text-align: center;
}

#barraIzq .banDatos .tercerlugar
{
	float: left;
	width: 80px;
	background: url(../images/ico3lugar.gif) no-repeat 8px 0;
	margin: -10px 0 0 0;
	padding: 60px 0 0 0;
	text-align: center;
}




#barraIzq .banDatos3
{
	border: 1px solid #D1D1D1;
	padding: 0;
	margin: 0 0 15px 0;
}

#barraIzq .banDatos3 p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 0 10px 0 10px;
	margin: 0 0 10px 0;
}

#barraIzq .banDatos3 .headResultSide { background: #DFDFDF; }

#barraIzq .banDatos3 .headResultSide h5
{
	margin: 0 0 10px 0;
	padding: 6px 10px 5px 10px;
	color: #500776;
	text-align: center;
}

#leftBan img
{
	margin: 0 0 15px 60px;
	border: 1px solid #D1D1D1;
}

#leftBan iframe { margin: 0 0 10px 60px; }

/*Termina estilo para barra izquierda*/

/*Estilo para contenido en interiores*/

#contenidoRight
{
	width: 695px;
	margin: 0;
	float: left;
	padding: 0;
	position: relative;
	left: 30px;
}

#contenidoRight h4
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}

#contenidoRight .titTarjeta
{
	background: #EFEFEF;
	text-align: center;
	padding: 10px;
	border: 1px solid #D1D1D1;
	color: #560980;
}

#contenidoRight p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}

#contenidoRight p select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

#contenidoRight p select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

#contenidoFull
{
	width: 960px;
	margin: 0;
	float: left;
	padding: 0;
	position: relative;
	left: 30px;
}

#contenidoFull h4
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}

#contenidoFull p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}



/* contenido full version 2 de eve */


#contenidoFull2
{
	width: 960px;
	margin: 0;
	float: left;
	padding: 0;
	position: relative;
	left: 20px;
}

#contenidoFull2 h4
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}

#contenidoFull2 p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}


#contenido
{
	width: 695px;
	margin: 0;
	float: left;
	padding: 0;
	position: relative;
	left: 15px;
}

#contenido h4
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}

#contenido p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}

#contenido p select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.cuadroInfo
{
	border: 1px solid #D1D1D1;
	background: url(../images/bgCuadInfo.gif) repeat-x bottom #FFFFFF;
	margin: 0 0 15px 0;
	padding: 10px;
}



.cuadroInfo li
{
	margin: 5px 0 0 0;
	padding: 2px 0 0 0;
	list-style: inside url(../images/bullet2.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}



.cuadroInfo p.prod
{
		font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 11px;
	margin: 0 0 10px 0;
	padding: 0;
}

.headTit
{
	height: 32px;
	background: url(../images/bgTitulos.gif);
	margin: 0;
}

.headTit h5
{
	margin: 0;
	padding: 6px 10px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.cuadroInfo h4
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}

.cuadroInfo .txtRight
{
	width: 390px;
	float: right;
	clear: right;
}

.cuadroInfo p, .cuadroInfo .txtIntro
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	margin: 0 0 10px 0;
	padding: 0;
}

.cuadroInfo ol
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	margin: 0 0 10px 25px;
}

.cuadroInfo p .litle { font-size: 11px; }

.cuadroInfo p a { color: #666666; }

.cuadroInfo p a:hover { text-decoration: none; }

.cuadroInfo #bTips a, .cuadroInfo #bTips2 a
{
	text-decoration: none;
	cursor: default;
	color: #666666;
}

.tabInfo
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.tabInfo .on { background: #EFE0EF; }

.tabInfo th { padding: 5px 10px 20px 5px; }

.tabInfo td
{
	padding: 15px 10px 15px 10px;
	border-bottom: 0px solid #e3e3e3;
	vertical-align: top;
}

.tabInfo .tdLeft
{
	border-right: 1px solid #FFFFFF;
	vertical-align: top;
}

.tabInfo .tdRight
{
	border-left: 1px solid #e3e3e3;
	vertical-align: middle;
}

.tabInfo .tdRight2
{
	border-left: 1px solid #e3e3e3;
	vertical-align: middle;
	border-bottom: none;
}

.tabInfo a { color: #666666;}

.tabInfo a:hover { text-decoration: none; }

.listInfo
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin: 0 0 10px 25px;
	padding: 0;
}

.listInfo li
{
	margin: 5px 0 0 0;
	padding: 0;
}


.anterior
{
	background: url(../images/flechaIzq.gif) no-repeat;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 5px 3px 20px;
	margin: 0 30px 0 0;
	font-size: 11px;
}


.siguiente
{
	background: url(../images/flechaDer.gif) no-repeat right;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 20px 3px 5px;
	font-size: 11px;
}

.botonera
{
	border: 1px solid #D1D1D1;
	background: url(../images/bgCuadInfo.gif) repeat-x bottom #FFFFFF;
	margin: -16px 0 15px 0;
	padding: 10px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.botonera a
{
	color: #666;
	text-decoration: none;
}

.botonera a:hover
{
	color: #663399;
	text-decoration: none;
}


.botonera table
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}



.botonera table span { color: #560979; }

.botonera table td, table th
{
	padding: 5px 10px 5px 10px;
	vertical-align: top;
}

/* seccion nueva */


.tabSolicita li
{
	margin: 5px 0 0 0;
	padding: 2px 0 0 0;
	list-style: inside url(../images/bullet2.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}


.tabSolicita li a
{
	margin: 5px 0 0 0;
	padding: 2px 0 0 0;
	list-style: inside url(../images/bullet2.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}


.tabSolicita li a:hover
{
	color: #663399;
	text-decoration: none;
}


.tabSolicita
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border: 1px solid #cecece;
}


.tabSolicita h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #663399;
	font-weight: bold;
	
}


.tabSolicita span
{
	color: #560979;
	margin: 0;
}

.tabSolicita td, .tabFiltra th
{
	padding: 5px 10px 5px 10px;
	vertical-align: top;
}

.tabFiltra .check { margin: 0px 0px 0px 15px; }

.tabSolicita a, .tabFiltra #bTips a, .tabFiltra td a { color: #666666; }

.tabSolicita a:hover { text-decoration: none; }

.tabSolicita .on { background: #EFEFEF; }

.tabSolicita .cuadro
{
	border: 1px solid #D1D1D1;
	width: 49%;
}

.tabSolicita .cuadro2
{
	border: 1px solid #D1D1D1;
	width: 350px;
}

.tabSolicita select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.tabSolicita .centerAll
{
	text-align: center;
	vertical-align: middle;
}

.tabSolicita .tabHora { width: 95%; }

.tabSolicita .tabHora td { border-bottom: 1px solid #D1D1D1; }


/* TERMINA SECCION NUEVA */

.left
{
	float: left;
	margin: 0 10px 10px 0;
}

.right
{
	float: right;
	margin: 0 0 10px 10px;
}

.bugIE
{
	clear: both;
	height: 0;
}

.tabFiltra
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}



.tabFiltra span { color: #560979; }

.tabFiltra td, .tabFiltra th
{
	padding: 5px 10px 5px 10px;
	vertical-align: top;
}


.tabFiltra a, .tabFiltra #bTips a, .tabFiltra td a { color: #666666; }

.tabFiltra a:hover { text-decoration: none; }

.tabFiltra .on { background: #EFEFEF; }

.tabFiltra .cuadro
{
	border: 1px solid #D1D1D1;
	width: 49%;
}

.tabFiltra .cuadro2
{
	border: 1px solid #D1D1D1;
	width: 350px;
}

.tabFiltra select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.tabFiltra .centerAll
{
	text-align: center;
	vertical-align: middle;
}

.tabFiltra .tabHora { width: 95%; }

.tabFiltra .tabHora td { border-bottom: 1px solid #D1D1D1; }

.tabCompara
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tabCompara td
{
	padding: 10px 2px;
	color: #666666;
}

.tabCompara tr { background: url(../images/bgBorder.gif) repeat-x bottom; }

.tabCompara th
{
	padding: 10px 2px;
	text-align: center;
}

.tabCompara a, .tabCompara #bTips a, .tabCompara td a { color: #666666; }

.tabCompara a:hover { text-decoration: none; }

.tabCompara ul
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0 0 0 20px;
	padding: 0;
}

.tabCompara li { list-style: url(../images/bullet.gif); }

.tabCompara span { color: #560979; }

.tabCompara select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tabCompara .resumen
{
	color: #000000;
	text-decoration: none;
	z-index: 0;
	position: relative;
	float: left;
	padding: 0 0 0 20px;
}

resumen:hover
{
	z-index: 40;
	background-color: #0b66c1;
}

.resumen span { display: none; }

.resumen:hover span
{
	position: absolute;
	display: inline;
	width: 180px;
	border: 1px solid #333333;
	color: #FFFFFF;
	background: #353535;
	text-align: left;
	font-weight: normal;
	padding: 10px;
	clear: both;
	top: 15px;
	left: 0;
}

.tabCompara2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tabCompara2 th, .tabCompara2 td
{
	vertical-align: top;
	padding: 10px;
	border-bottom: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
}

.tabCompara2 .morado { color: #560979; }

.tabCompara2 .rojo { color: #ed1c24; }

.tabCompara2 .centerAll
{
	text-align: center;
	vertical-align: middle;
}

.tabCompara2 .center
{
	text-align: center;
}

.tabCompara2 .middle
{
	vertical-align: middle;
}

.tabCompara2 .centerAll2
{
	text-align: center;
	vertical-align: middle;
	border: none;
}

.tabCompara2 .center2
{
	text-align: center;
	border: none;
}

.tabCompara2 .middle2
{
	vertical-align: middle;
	border: none;
}

.tabCompara2 .center3
{
	text-align: center;
	border: none;
}

.tabCompara2 .center4
{
	text-align: center;
	border: none;;
}

.tabCompara2 .result { background: url(../images/bgBorder2.gif) repeat-x top; }

.tabCompara2 ul
{
	color: #333333;
	margin: 0 0 0 20px;
	padding: 0;
}

.tabCompara2 li
{
	list-style: url(../images/bullet.gif);
	margin: 0;
	padding: 3px 0 3px 0;
}

.tabCompara2 p a
{
	color: #560979;
	text-decoration: none;
}

.tabCompara2 p a:hover { text-decoration: underline; }

.noFloat { clear: left; }

.morado { color: #560979; }

.tabBeneficios
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.tabBeneficios th { padding: 5px 10px 20px 5px; }

.tabBeneficios td
{
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #e3e3e3;
	vertical-align: top;
}

/**********estilo para menu de perfiles**********/

#menuPerfil td
{
	text-align: center;
	line-height: 12px;
}

#menuPerfil .boton
{
	background: url(../images/bgMenuHover.gif) repeat-x;
	border-right: 1px solid #771DA1;
	border-left: 1px solid #E0C2EF;
}

#menuPerfil .boton a
{
	display: block;
	color: #BE9BCF;
	text-decoration: none;
}

#menuPerfil .boton a:hover
{
	color: #FFF;
}

#menuPerfil .flecha a:hover { color: #771DA1; }

#menuPerfil #activo
{
	color: #FFF;
}

/*********termina estilo para menu de perfiles**********/

/*Termina estilo para contenido en interiores*/

/*Comienza estilo para status*/

.tabStatus
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.tabStatus .texto
{
	padding: 15px;
	line-height: 16px;
}

.tabStatus .arrow
{
	text-align: center;
	padding: 10px;
}

.tabStatus .paso1, .tabStatus .paso2, .tabStatus .paso3, .tabStatus .paso4, .tabStatus .paso1_on, .tabStatus .paso2_on, .tabStatus .paso3_on, .tabStatus .paso4_on
{
	padding: 5px 0 5px 25px;
	font-weight: bold;
	height: 60px;
}

.tabStatus .paso1  { background: url(../images/bullFeet1.gif) no-repeat 5px 5px;}

.tabStatus .paso2  { background: url(../images/bullFeet2.gif) no-repeat 5px 5px;}

.tabStatus .paso3 { background: url(../images/bullFeet3.gif) no-repeat 5px 5px;}

.tabStatus .paso4  { background: url(../images/bullFeet4.gif) no-repeat 5px 5px;}

.tabStatus .paso1_on
{
	background: url(../images/bullFeet1_on.gif) no-repeat 5px 5px;
	color: #66148C;
}

.tabStatus .paso2_on
{
	background: url(../images/bullFeet2_on.gif) no-repeat 5px 5px;
	color: #66148C;
}

.tabStatus .paso3_on
{
	background: url(../images/bullFeet3_on.gif) no-repeat 5px 5px;
	color: #66148C;
}

.tabStatus .paso4_on
{
	background: url(../images/bullFeet4_on.gif) no-repeat 5px 5px;
	color: #66148C;
}

.tabStatus .paso1 img, .tabStatus .paso2 img, .tabStatus .paso3 img, .tabStatus .paso4 img, .tabStatus .paso1_on img, .tabStatus .paso2_on img, .tabStatus .paso3_on img, .tabStatus .paso4_on img
{
	float: right;
	margin: 0 15px 0 0;
}

.tabStatus .separa
{
	height: 30px;
	border-right: 1px solid #D1D1D1;
	float: right;
}

/*Termina estilo para ststus*/

/*Empieza submenu y contenido para productos*/

#cuadFull
{
	margin: 0 0 15px 0;
	padding: 0;
	border: 1px solid #D1D1D1;
}

#cuadFull2
{
	margin: 0 0 15px 0;
	padding: 10px;
	border: 1px solid #D1D1D1;
}

#subProds
{
	width: 110px;
	float: left;
}

#subProds ul
{
	list-style-type: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

#subProds a
{
	padding: 10px 15px 10px 15px;
	display: block;
	background: url(../images/bgSubProds.gif) repeat-y #a2a2a3;
	border-top: 1px solid #a2a2a2;
	border-bottom: 1px solid #545456;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#subProds a:hover { background: url(../images/bgSubProds_on.gif) repeat-x top #5A0C7E; }

#prods { float: left; }

#prods ul
{
	margin: 0px 0 15px 0;
	padding: 25px 0 0 0;
}

#prods li
{
	display: block;
	width: 210px;
	float: left;
	text-align: center;
	border-right: 1px solid #D1D1D1;
}

#prods .last { border: none; }

#prods li p
{
	padding: 10px 20px 10px 20px;
	margin: 0;
}

.tabProds
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.tabProds tr { background: #EFEFEF; }

.tabProds .on { background: #FAEFFF; }

.tabProds .bottons { background: #FFFFFF; }

.tabProds th
{
	padding: 5px 10px 5px 10px;
	background: #666666;
	color: #FFFFFF;
	text-align: left;
}

.tabProds td
{
	padding: 15px 10px 15px 10px;
	vertical-align: top;
	border-right: 1px solid #e3e3e3;
}

.tabProds td.prod
{
	padding: 5px 10px 5px 10px;
	vertical-align: top;
	border-right: 0px solid #e3e3e3;
}

.tabProds a
{
	color: #AC56D8;
	text-decoration: none;
	font-weight: bold;
}

.tabProds a:hover { text-decoration: underline; }


.back
{
	color: #666666;
	text-decoration: underline;
	font-weight: normal;
}

.back:hover { text-decoration: none; }

.tabProds .last { border: none; }

.tabProds h4
{
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 16px;
}

.tabProds h5
{
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 14px;
}

/*
.tabProds .datosProd
{
}
*/

#tabProds2
{
border:none;
}

/*Termina submenu y contenido para productos*/


/*Estilo para submenu de solicitud*/

#subSolicita
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#subSolicita table
{
	height: 45px;
	border-left: 1px solid #D1D1D1;
	border-top: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
}

#subSolicita table td
{
	text-align: left;
	color: #666666;
	width: 25%;
	padding: 5px 0 5px 25px;
}

#subSolicita .separa
{
	height: 27px;
	border-left: 1px solid #D1D1D1;
	float: right;
}

#subSolicita .step1
{
	background: url(../images/bullFeet1.gif) no-repeat 5px 5px;
}

#subSolicita .step1_on
{
	color: #7D26A8;
	background: url(../images/bullFeet1_on.gif) no-repeat 5px 5px;
}

#subSolicita .step2
{
	background: url(../images/bullFeet2.gif) no-repeat 5px 5px;
}

#subSolicita .step2_on
{
	color: #7D26A8;
	background: url(../images/bullFeet2_on.gif) no-repeat 5px 5px;
}

#subSolicita .step3
{
	background: url(../images/bullFeet3.gif) no-repeat 5px 5px;
}

#subSolicita .step3_on
{
	color: #7D26A8;
	background: url(../images/bullFeet3_on.gif) no-repeat 5px 5px;
}

#subSolicita .step4
{
	background: url(../images/bullFeet4.gif) no-repeat 5px 5px;
}

#subSolicita .step4_on
{
	color: #7D26A8;
	background: url(../images/bullFeet4_on.gif) no-repeat 5px 5px;
}

/*Termina estilo para submenu para solicitud*/


/*Estilo para SubMenu Test1 principal*/

#subMenu
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .65em;
	height: 80px;
	background: url(../images/bgsubMenu.gif);
	margin: 0;
	padding: 0;
}

#subMenu ul
{
	margin: 0;
	padding: 0;
}

#subMenu li
{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: 8.31em;
	line-height: 12px;
}

#subMenu li a
{
	color: #dfdfdf;
	text-decoration: none;
	padding: 10px 3px 10px 3px;
	margin: 0;
	display: block;
	border-left: 1px solid #545456;
	border-right: 1px solid #a2a2a4;
	text-align: center;
	font-weight: bold;
	height: 60px;
}

#subMenu li .principio
{
	color: #dfdfdf;
	text-decoration: none;
	padding: 10px 3px 10px 3px;
	margin: 0;
	display: block;
	border-right: 1px solid #a2a2a4;
	text-align: center;
	border-left: none;
}

#subMenu li .final
{
	color: #dfdfdf;
	text-decoration: none;
	padding: 10px 3px 10px 3px;
	margin: 0;
	display: block;
	border-left: 1px solid #545456;
	text-align: center;
	border-right: none;


}


#subMenu li a:hover
{
	color: #FFFFFF;
	background: url(../images/bgsubMenuHover.gif);
	border-right: 1px solid #832bab;
}

/*Termina estilo para Submenu estadisitcas */


/*Segundo Estilo para SubMenu Test1 principal*/

#subMenu2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 35px;
	background: url(../images/bgsubMenu.gif);
	margin: 0 0 15px 0;
	padding: 0;
	width: 600px;
}

#subMenu2 ul
{
	margin: 0;
	padding: 0;
}

#subMenu2 li
{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: 200px;
	line-height: 12px;
}

#subMenu2 li a
{
	color: #dfdfdf;
	text-decoration: none;
	padding: 10px;
	margin: 0;
	display: block;
	border-left: 1px solid #545456;
	border-right: 1px solid #a2a2a4;
	text-align: center;
	font-weight: bold;
	height: 15px;
}

#subMenu2 li a:hover
{
	color: #FFFFFF;
	background: url(../images/bgsubMenuHover.gif);
	border-right: 1px solid #832bab;
}

#subMenu2 li .activo
{
	color: #FFFFFF;
	background: url(../images/bgsubMenuHover.gif);
	border-right: 1px solid #832bab;
}

/*Termina segundo estilo para Submenu estadisitcas */



/* Comienza estadisticas*/

.test1{
width: 695px;
}

.test1 p
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
}

.test1 table
{
	width: 695px;
	background: url(../images/bgCuadInfo.gif) repeat-x bottom;
	border: 1px solid #dbdbdb;
}

.test1 table th
{
	background: #eeeeee;
	width: 120px;
	border-right: 1px solid #dbdbdb;
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 20px;
}

.test1 table td
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
		padding: 20px;

}

.test1 table td.bot
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	padding: 10px 10px 5px 0px;

}

/*Estilo para calendario*/

#calendario { border: 1px solid #666666; }

#calendario td
{
	background: #d1d1d1;
	padding: 3px;
}

#calendario th
{
	background: #EAE0EF;
	padding: 3px;
}

#calendario a
{
	color: #333333;
	text-decoration: none;
}

#calendario a:hover { color: #560979; }

/*Termina estilo para calendario*/


/*Estilo para calendario2*/

#calendario2 { border: 1px solid #666666; }

#calendario2 td
{
	background: #d1d1d1;
	padding: 3px;
}

#calendario2 th
{
	background: #333333;
	padding: 3px;
	color: #FFFFFF;
}

#calendario2 a
{
	color: #333333;
	text-decoration: none;
}

#calendario2 a:hover { color: #560979; }

/*Termina estilo para calendario2*/


/*Estilo para texto de representante*/

.txtRep
{
	width: 200px;
	float: left;
	margin: 0;
}

.representante
{
	float: left;
	width: 400px;
	margin: 0 0 0 30px;
}

.representante img
{
	float: left;
	margin: 0 10px 10px 20px;
}

/*Termina estilo para texto de representante*/


/*estilo para scroll en donde sea necesario colocarlo*/

#scroll
{
	height: 300px;
	overflow: auto;
	padding: 0 10px 0 0;
}

#scroll2
{
	height: 300px;
	overflow: auto;
	padding: 0;
}
/*termina estilo para scroll*/



/*inicia estilo para seccion de kardmatc¡h en los medios*/

h5
{
	font-family: Arial, Helvetica, sans-serif;
	color: #560979;
	padding: 0;
	margin: 0 0 5px 0;
}

h6
{
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	padding: 0;
	margin: 0 0 10px 0;
}

.listMedios
{
	margin: 0;
	padding: 0 0 0 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.listMedios li { margin: 0 0 5px 0; }

.cuadroInfo p .morado { color: #560979; }

/*termina estilo para seccion kardmatch en los medios*/


/*estilo para ligas relevantes*/

.ligas
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 140%;
	list-style: square;
	padding: 0 0 0 20px;
}

.ligas li { margin: 0 0 10px 0; }

.ligas a
{
	color: #770979;
	text-decoration: none;
}

.ligas a:hover { text-decoration: underline; }

/*termina estilo para ligas relevantes*/


/*estilo para tabla mapa de productos*/

.tabMapaProds
{
	width: 600px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.tabMapaProds td, .tabMapaProds th { padding: 5px 10px; }

.tabMapaProds td a
{
	color: #7B277F;
	text-decoration: none;
	font-weight: bold;
}

.tabMapaProds td a:hover { text-decoration: underline; }

.tabMapaProds th a
{
	color: #000;
	text-decoration: none;
}

.tabMapaProds th a:hover { text-decoration: underline; }

.tabMapaProds th { background: #BFBFBF; }

.tabMapaProds .on { background: #EFEFEF; }

/*termina estilo para tabla mapa de productos*/


/* ESTILO PARA GLOBITO */

a.tt{
    position:relative;
    z-index:1000 !important;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
    
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/

a.tt:hover
{
	z-index: 2500;
	color: #aaaaff;
}

a.tt:hover span.tooltip
{
	display: block;
	position: relative !important;
	top: 10px;
	margin-left: 0px;
	padding: 15px 0 0 0;
	width: 200px;
	color: #993300;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	z-index: 10000 !important;
}

a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
	background: url(../images/bt.gif) no-repeat top;
}

a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	color:#000;
	padding: 0 8px; 
	background:	 url(../images/btBack.gif) repeat bottom; 

	
}

a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
	background: url(../images/bt.gif) no-repeat bottom;
}



/* TOOLTIP2 */
a.ttt{
    position:relative;
    z-index:1000 !important;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
    
}
a.ttt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/

a.ttt:hover
{
	z-index: 2500;
	color: #aaaaff;
}

a.ttt:hover span.tooltip
{
	display: block;
	position: relative !important;
	top: 10px;
	margin-left: 0px;
	padding: 15px 0 0 0;
	width: 200px;
	color: #993300;
	text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	z-index: 10000 !important;
}

a.ttt:hover span.top{
	display: block;
	padding: 30px 8px 0;
	background: url(../images/bt.gif) no-repeat top;
}

a.ttt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	color:#000;
	padding: 0 8px; 
	background:	 url(../images/btBack.gif) repeat bottom; 

	
}

a.ttt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
	background: url(../images/bt.gif) no-repeat bottom;
}


/*estilo para espacio entre botones de solicitar*/

.botSolicita { margin: 0 0 5px 0; }

/*termina estilo para espacio entre botones de solicitar*/


/*estilo para modulo de ofertas en home*/

#modOfertas
{
	margin: 0 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	width: 646px;
	border: 1px solid #a11519;
	border-top: none;
	background: url(../images/bgBanDatos.gif) repeat-x bottom;
}

#modOfertas .headOfertas
{
	background: url(../images/headOfertas.gif) no-repeat top;
	height: 36px;
}

#modOfertas .headOfertas h4
{
	color: #FFF;
	padding: 10px 0 0 45px;
}

#modOfertas .headOfertas h4 span
{
	font-size: 11px;
	float: right;
	position: relative;
	top: 5px;
	right: 15px;
}

#modOfertas #modScroll
{
	overflow: auto;
	height: 160px;
	padding: 0 15px;
}

#modOfertas table
{
	margin: 10px auto;
	width: 590px;
	font-size: 13px;
	color: #666;
}

#modOfertas table a { color: #666666; }

#modOfertas table a:hover { text-decoration: none; }


#modOfertas table span { font-size: 11px; }

#modOfertas table span a
{
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

#modOfertas table span a:hover { text-decoration: underline; }

#modOfertas td
{
	padding: 5px 10px 10px 10px;
	vertical-align: top;
	border-bottom: 1px solid #a11519;
}

#modOfertas .boton
{
	vertical-align: middle;
	width: 90px;
}

/*termina estilo para modulo de ofertas en home*/


/*estilo para scroll con imagen*/

.scrollgeneric
{
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0;
}

.vscrollerbase
{
	width: 10px;
	background: #EFE0EF;
}

.vscrollerbar
{
	width: 10px;
	background: #671D8F;
}

.hscrollerbase
{
	height: 10px;
	background: url(../images/bgScrollHztl.gif) repeat-x;
}

.hscrollerbar
{
	height: 10px;
	background: #ada392;
}

.scrollerjogbox
{
	width: 10px;
	height: 10px;
	top: auto;
	left: auto;
	bottom: 0px;
	right: 0px;
	background-color: #ada392;
}


/*termina estilo para scroll con imagen*/



/*estilo para conexion a otros bancos*/

.plecaPlug
{
	background: url(../images/bgPlecaPlug.gif) repeat-x;
	height: 20px;
	margin: 0 0 15px 0;
}

#contPlug
{
	width: 830px;
	margin: 0 auto 15px auto;
	border: 1px solid #D1D1D1;
	padding: 50px 0;
}

#contPlug h1 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0;
	padding: 10px 10px 5px 10px;
	font-size: 18px;
	text-align: center;
}

#contPlug p 
{
	margin: 0 0 10px 0;
	padding: 10px 30px 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 18px;
	text-align: center;
}

#contPlug .banner
{
	margin: 0 auto;
	width: 600px;
}

/*termina estilo para conexion a otros bancos*/

/* widget */

.widget2
{
	margin: 10px 0 5px 0;
	width: auto;
	height: auto;
}

h1.widget2 
{
	color: #666 !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	margin: 10px auto 15px auto;
	text-align: center;
	word-spacing: 5px;
}

.widget
{
	margin: 10px 0 5px 0;
	width: 995px;
	height: 265px;
	border: 1px solid blue;
}


.widget h1
{
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px auto 15px auto;
	text-align: center;
	word-spacing: 5px;
}




