/*** ################# Estilos Loyalty Index, Ingles - Español, Hecho por Marcela M, 20 Julio, 2009 ################# ***/

@import url(ddlevelsmenu-base.css);
@import url(ddlevelsmenu-topbar.css);
@import url(ddlevelsmenu-sidebar.css);
@import url(screen.css);

@import url(menufooter.css);


img, div, a, input { behavior: url(iepngfix.htc) }
body {background-image:url(../images/bghome.jpg); background-position:top center; background-repeat:no-repeat; background-color:#FFFFFF; margin:0; font-family:"Trebuchet MS", Tahoma; font-size:11px; color:#454545;}
.clear{clear:both;}
	
/** Contenido **/

/** Menu Rápido Top **/
.menutop {float:right; height:55px; margin-top:8px !important; margin-top:10px; margin-bottom: 16px; margin-right:10px;}
.menutop a.bthome {display:block; background-image:url(../images/ic_home_on.png); background-position:top center; background-repeat:no-repeat; width:50px; height:24px; float:left; font-family:"Trebuchet MS", Tahoma; font-size:11px; color:#fbaa19; text-decoration: none !important; text-transform:capitalize; text-align:center; padding-top:30px; margin-top:0;}
.menutop a.bthome:hover {background-image:url(../images/ic_home.png); color:#c8c8c8; text-decoration: none !important;}
.menutop a.btidioma {display:block; background-image:url(../images/ic_idioma_on.png); background-position:top center; background-repeat:no-repeat; width:50px; height:24px; padding-top:30px; margin:0 auto; float:left; font-family:"Trebuchet MS", Tahoma; font-size:11px; color:#fbaa19; text-decoration: none !important; text-transform:capitalize; text-align:center;}
.menutop a.btidioma:hover {background-image:url(../images/ic_idioma.png); color:#c8c8c8; text-decoration: none !important;}
.menutop a.btsitemap {display:block; background-image:url(../images/ic_sitemap_on.png); background-position:top center; background-repeat:no-repeat; width:50px; height:24px; padding-top:30px; margin:0 auto; float:left; font-family:"Trebuchet MS", Tahoma; font-size:11px; color:#fbaa19; text-decoration: none !important; text-transform:capitalize; text-align:center;}
.menutop a.btsitemap:hover {background-image:url(../images/ic_sitemap.png); color:#c8c8c8; text-decoration: none !important;}
.menutop a.btsitemap2 {display:block; background-image:url(../images/ic_sitemap_on.png); background-position:top center; background-repeat:no-repeat; width:80px; height:24px; padding-top:30px; margin:0 auto; float:left; font-family:"Trebuchet MS", Tahoma; font-size:11px; color:#fbaa19; text-decoration: none !important; text-transform:capitalize; text-align:center;}
.menutop a.btsitemap2:hover {background-image:url(../images/ic_sitemap.png); color:#c8c8c8; text-decoration: none !important;}

/** Header **/
.header {background-image:url(../images/bglogo.png); background-position:bottom center; background-repeat:no-repeat; width:985px; height:119px; margin-left:auto; margin-right:auto;}

/** Menu Principal **/
.menuprinc {height:38px; margin-left:120px; _margin-left:124px; float:right;}
.menuprincipalespanol {height:38px; margin-left:35px; _margin-left:30px; float:right;}

/** Contenido **/
.bgcontenido {background-image: url(../images/bgcontenido.png); background-repeat:no-repeat; background-position:center; width:1007px; height:702px; margin:5px auto 0 auto; -moz-margin-top:10px;}
.flash {width:985px; height:343px; margin:0 auto;}
.juegoletras {width:415px; height:220px; margin:2px 0 0 11px; _margin:1px 0 0 5px; float:left;}
.bgcomentarios {background-image:url(../images/bgtextohome.gif); background-position:center; background-repeat:no-repeat; width:565px; height:220px; margin:2px 0 0 5px; _margin:1px 0 0 3px; float:left;}
.bgtexto {
	width:410px;
	margin-left:57px;
	margin-top:40px;
}
.bgtexto .titulohome {font-family:"Trebuchet MS", Tahoma; font-size:21px; color:#1caafb; letter-spacing:-1px;}
.bgtexto .textohome {font-family:"Trebuchet MS", Tahoma; font-size:13px; color:#909090; line-height:20px; text-align:justify;}
.bgtexto .txtmore {float:right; width:auto; text-align:right; margin-right:35px;}
.bgtexto .txtmore a {font-family:"Trebuchet MS", Tahoma; font-size:11px; color:#00a5fb; text-decoration:none !important;}
.bgtexto .txtmore a:hover {color:#FBAB18; text-decoration:underline !important;}

.bgtexto .txtmore2 {float:right; width:auto; text-align:right; margin-right:30px;}
.bgtexto .txtmore2 a {font-family:"Trebuchet MS", Tahoma; font-size:11px; color:#00a5fb; text-decoration:none !important;}
.bgtexto .txtmore2 a:hover {color:#FBAB18; text-decoration:underline !important;}

/** Oficinas **/
.oficinas {width:985px; height:130px; position:relative; /*-index:10;*/ margin:0 auto; vertical-align:top center;}
.oficinas .moreinfo {width:185px; height:79px; float:left;}
.oficinas .costarica {width:199px; height:50px; float:left;}
.oficinas .usa {width:198px; height:50px; float:left;}
.oficinas .mexico {width:199px; height:50px; float:left;}
.oficinas .ecuador {width:204px; height:50px; float:left;}

/** Footer **/
.footer {font-family:"Trebuchet MS", Tahoma; font-size:12px; color:#909090; width:985px; height:44px; margin:0 auto; vertical-align:top center;}
.footer .infofooter {margin-top:8px; _margin-top:4px; float:left;}
.footer .logofooter {width:72px; height:44px; float:right;}
.footer a {font-size:11px; color:#00a5fb; text-decoration:none !important;}
.footer a:hover {color:#FBAB18; text-decoration:underline !important;}
.copyright{margin-top: 5px; color: #919191; font-size:14px; letter-spacing:-1px;}

.bg {height: 20px;}