body{ height:100%; margin:0; background-image: url(../images/bg-total.gif); background-repeat: repeat-x; }
*{ margin: 0 auto; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration:none; color: #808080; }
h1{ font-size: 16px; padding: 0; margin: 0; width: 100%!important; }
p{ font-size: 11px; }
a b{ text-decoration: underline; }
a{ margin: 0; padding: 0; }
table{ float: left; clear: both!important; margin: 0; padding: 0; }
.global{ width: 760px; height:auto; background-color: #fff; }

/* HEADER */
.top{ float:left; width:760px; height:150px; background-color: White; }
.logo{ float: left; width: 205px; height: 127px; }
.logo a img{  border: none!important; }
/*Menu*/
.menu{ float:left; width: 555px; height: 127px; background-image: url(../images/bg-menu-header.jpg); background-repeat: no-repeat; }
/*Menu2*/
.menuTop{ float: right; clear: both; }
.menuTop a{ text-align: left; color: #fff; text-transform: uppercase; font-size: 9px; }
.menuTop a:hover{ color: #BDDAF6; }
.menuTop ul{ float: right; width: 393px; padding-top: 45px; }
.menuTop li{ float: left; width: auto; height: 15px; list-style: none; background-repeat: no-repeat; background-position: 7% 3px; padding: 0 10px 0 20px; }
.menuTop li.mH{ background-image: url(../images/home-page.gif); }
.menuTop li.mCr{ background-image: url(../images/cr.gif); background-position: 4% 2px!important; }
.menuTop li.mSm{ background-image: url(../images/site-map.gif); }
.menuTop li.mRsc{ background-image: url(../images/resources.gif); background-position: 4% 2px!important; }
.menuTop li.mCu{ background-image: url(../images/e-mail.gif); background-position: 7% 5px!important; }

/*Menu2*/
.menuDown{ float: right;  }
.menuDown a{ color: #fff; text-transform: uppercase; font-size: 12px; }
.menuDown a:hover{ color: #0B66C8; }
.menuDown ul{ float: left; width: 407px; padding-top: 35px; }
.menuDown li{ float: left; width: auto; height: 15px; list-style: none; text-align: left; background-image:    url(../images/arrow-menu-generic.gif); background-repeat: no-repeat; background-position: 10% 10px; padding: 3px 5px 0 20px; }

/*menuDownInt*/
.menuDownInt{ float: right; }
.menuDownInt a{ color: #fff; text-transform: uppercase; font-size: 12px; }
.menuDownInt a:hover{ color: #0B66C8; }
.menuDownInt ul{ float: left; width: 488px; padding-top: 35px; }
.menuDownInt li{ float: left; width: auto; height: 15px; list-style: none; text-align: left; background-image:    url(../images/arrow-menu-generic.gif); background-repeat: no-repeat; background-position: 10% 10px; padding: 3px 5px 0 20px; }

.japan{ float: left; position: relative; width: 100px; height: 20px; z-index: 125; top: -125px; left:680px; background-image: url(../images/japanFlag.png); background-repeat: no-repeat; background-position: 38px 2px; }
.japan p a{ font-weight: bold!important; font-size: 11px; color: #0579F0; text-decoration: underline; }
.japan p a:hover{ color: #FF9600; }

/*menuFooter*/
.menuFooter{ float: left; width: 760px; clear: both; }
.menuFooter ul{ float: left; width: 754px; border: 3px solid #fff; background-color: #7B8187; border-bottom: none; }
.menuFooter li{ float: left; width: auto; height: 16px; list-style: none; padding: 0 5px; }
.menuFooter a{ text-align: left; color: #D9DCDF; text-transform: uppercase; font-size: 9px; }
.menuFooter a:hover{ color: #000; }

/*content*/
.content{ float: left; width: 760px; height: 100%; list-style: none; background-color: #fff; position: relative; top:-19px!important; }
.content h1{
	width: auto!important;
}
.botonAnima{ float: left; width: 754px; height: 180px; padding-left: 3px!important; background-image: url(../images/bg-divisiongrey.gif); background-repeat: no-repeat; background-position: 3px 174px; }

.botones{ float: left; width: 202px; height: 173px; }
.botones ul{ width: 202px; height: 173px; }
.botones li{ float: left; width: 202px; height: 57px; list-style: none; border-bottom: 1px solid #fff; }
.botones li a{ font-size: 1px; text-align: right; }
.epifaniaGallery a{ width: 202px; height: 57px; display: block; background-image: url(../images/friends-bg-group.gif); background-position: top left; }
.epifaniaGallery a:hover{ background-position: bottom; }
.epifaniaPrices a{ width: 202px; height: 57px; display: block; background-image: url(../images/prices-bg-group.gif); background-position: top left; }
.epifaniaPrices a:hover{ background-position: bottom; }
.registrationForm a{ width: 202px; height: 57px; display: block; background-image:url(../images/registration-bg-group.gif); background-position: top left; }
.registrationForm a:hover{ background-position: bottom; }

.anima{ float: left; width: 551px; height: 173px; border-left: 1px solid #fff; padding: 0; margin: 0;  }
.anima ul{ float: left; width: 100%; }
.anima ul li{ float: left; list-style: none; }

/*PROMOS INDEX*/
.promosIndex{ float: left; width: 757px; clear: both; margin-bottom: 5px; }
.promosIndex ul{ margin: 1px 0 0 3px; }
.promosIndex ul li{ width: 183px; height: 51px; float: left; list-style: none; border-left: 1px solid #fff; }
.promosIndex ul li h1 a{ width: 183px; height: 51px; font-size: 1px; }
.promoIndexPrincipal{ width: 202px!important; border-left: none!important; }
.promoIndexPrincipal a{ width: 202px!important; height: 51px; background-image: url(../images/promoFall.gif); background-position: top left; display: block; }
.promoIndexPrincipal a:hover{ background-position: bottom; }
.promoIndexPromo1 a{ width: 183px; height: 51px; background-image: url(../images/promoWinter.gif); background-repeat: no-repeat; background-position: top left; display: block; }
.promoIndexPromo1 a:hover{ background-position: bottom left; }
.promoIndexPromo2 a{ width: 183px; height: 51px; background-image:url(../images/promoSpring.gif); background-repeat: no-repeat; background-position: top left; display: block; }
.promoIndexPromo2 a:hover{ background-position: bottom left; }
.promoIndexPromo3 a{ width: 183px; height: 51px; background-image:url(../images/promoSummer.gif); background-repeat: no-repeat; background-position: top left; display: block; }
.promoIndexPromo3 a:hover{ background-position: bottom left; }

.contentBox{ float: left; border-top: 2px solid #fff; }
.columnLeft{ float: left; width: 206px; height: 100%; }
.news{ float: left; width: 180px; height: auto; padding: 11px; background-color: #ECF0F3; border-left: 3px solid #fff; }
.news ul{  }
.news li{ list-style: none; }
.news h1{ color: #92C72D; border-bottom: 2px solid #92C72D; text-transform: uppercase; }
.news li{ float: left; width: 180px; background-image: url(../images/division-point.gif); background-repeat: repeat-x; background-position: 0 100%; padding-bottom: 7px; }
.news li p{ float: left; width: 180px; height: auto; line-height: 12px; }
.news li p b{ float: left; width: 180px; height: 20px; color: #92C72D; padding: 7px 0 0 0; }
.news li p a{ float: right; width: auto; font-size: 10px; color: #CE0000; font-weight: bold; text-align: right; padding-right: 10px; background-image: url(../images/red-arrow.gif); background-repeat: no-repeat; background-position: 100% 60%; }
.news li p a:hover{ text-decoration: underline; }

.news span{ color: Orange; font-weight: bold; }

.newsletter{ float: left; width: 180px; height: auto; padding: 11px; background-color: #D9DCDF; border-left: 3px solid #fff;; border-top: 2px solid #fff; }
.newsletter h1{ color: #666666; border-bottom: 2px solid #666666; text-transform: uppercase; }
.newsletter p{ float: left; width: 175px; height: auto; padding-top: 10px; }
.newsletter form{ float: left; width: 170px; height: auto; clear: both; margin-top: 5px; }

.columnRight{ float: left; width: 551px; height: auto; padding-left: 1px; }
.welcome{ float: left; width: 530px; height: 115px; padding: 21px 0 0 6px; }
.welcome img{ float: left; width: 126px; height: 81px; margin-right: 7px; }
.welcome p{ text-align: justify; }
.welcome p b{ float: left; width: 387px; font-size: 10px; text-transform:uppercase;  color: #FF9600; }
.welcome p a{ float: right; width: auto; font-size: 10px; color: #CE0000; font-weight: bold; text-align: right; padding-right: 10px; background-image: url(../images/red-arrow.gif); background-repeat: no-repeat; background-position: 100% 90%; padding-top: 8px; }
.welcome p a:hover{ text-decoration: underline; }

.testimonial{ float: left; width: 274px; height: auto; background-image: url(../images/testimonials-title-hp.gif); background-repeat: no-repeat; padding: 34px 0 0 1px;  }
.testimonialInt{ float: left; width: 274px; height: auto; }

.testimonial img{ float: left; padding: 4px 11px 0 8px; }
.testimonial p{ float: left; width: 152px; font-style:italic; line-height: 15px; }
.testimonial p b{ float: left; width: 152px; text-align: right; color:#FF9600; font-style: normal; font-weight: normal; line-height: normal; }
.testimonial p b span{ float: left; width: 152px; text-align: right; text-transform: uppercase; font-style: normal; font-size: 9px; font-weight: bold; color:#FF9600; }
.testimonial p a{ float: right; width: auto; font-size: 10px; color: #CE0000; font-weight: bold; text-align: right; padding-right: 10px; background-image: url(../images/red-arrow.gif); background-repeat: no-repeat; background-position: 100% 60%; margin-top: 32px; font-style:normal; }
.testimonial p a:hover{ text-decoration: underline; }

.program{ float: left; width: 274px; height: auto;  background-image: url(../images/program-title-hp.gif); background-repeat: no-repeat; padding: 34px 0 0 1px; }
.program b{ color: #A63CF1; }
.program li{ float: left; width: 263px; list-style: none;  padding: 0; margin: 0; background-image: url(../images/division-point.gif); background-repeat: repeat-x; background-position: 100% 100%; padding-bottom: 5px; }
.program li.noborder{ background-image: none!important; }
.program li p b img{ float: right; width: 24px; height: 9px; position: relative; top: -10px; right: 15px; padding: 0; margin: 0; }
.program li img{ float: left; padding: 4px 7px 0 8px; }
.program li p{ float: left; width: 160px; line-height: 12px; }
.program li p a{ float: right; width:  auto; font-size: 10px; color: #CE0000; font-weight: bold; text-align: right; padding-right: 10px; background-image: url(../images/red-arrow.gif); background-repeat: no-repeat; background-position: 100% 85%; font-style:normal; }
.program li p a:hover{ text-decoration: underline; }

/*FOOTER*/
.footergeneral{ float: left; width: 754px; height: 56px; border: 3px solid #fff; position: relative; border-top: none; }
.footer{ float: left; width: 754px; height: 56px; background-image: url(../images/bg-bottom.gif); background-repeat: repeat-x; }
.footer ul{ height: 56px; }
.footer li{ float: left; width: 50%; height: 56px; list-style: none; }
.footer li p{ float: right; color: #fff; padding: 10px 3px 0 0; text-align: right; }
.footer li p span{ color: Black; }
.footer li p span a{ float: left; width: 147px; height: 10px; color: White; font-size: 9px!important; text-align: right!important; margin-right: 10px; }

div.contactsNumbers{ margin: 0 ; padding-top: 3px;}
div.contactsNumbers ul{float: right; padding-right: 10px; }
div.contactsNumbers ul li{ float: left; width: 100px; height: auto; padding: 5px 10px 0 0; }
div.contactsNumbers ul li p{ margin: 0; padding: 0; }
div.contactsNumbers ul li p img{ margin-right: 10px; }

.footerText{ height: auto; }
.footerText p{ float: right; padding: 5px 3px 0 0; text-align: right; }
.footerText p span{ color: Black; padding-right: 5px; }
.footerText p span a{ float: left; width: 147px; height: 10px; font-size: 9px!important; text-align: right!important; text-decoration: underline; }
.footerText p span a:hover{ color: #000; }

.spacer{ clear: both; }

/*TEXTOS*/
.textos{ float: left; width: 750px; height: auto; margin: 0; padding-bottom: 10px; border-left: 3px solid #fff; background-repeat: no-repeat; background-position: 3px 40px; }
.textos h1{ float: left; width: 500px; height: 33px; font-size: 20px; color: #0579F0; background-image: url(../images/fire-light-h1.gif); background-repeat: no-repeat; padding: 5px 0 0 30px; }

.textos h2{ color: #A63CF1; }
.textos h3{ color: #92C72D; }

.textosContent{ float: left; width: 540px; height: auto; padding: 0 0 0 210px; clear: both; }
.textosContent p{ margin: 0; padding: 2px; float: left; width: 99%; height: auto; text-align: justify; padding-bottom: 10px; }
.textosContent b{ color: #0579F0; }
.textosContent ul{ float: left; width: 500px;  padding: 0 0 10px 30px; }
.textosContent li{ float: left; width: 380px; height: auto; list-style: none; text-align: justify; background-repeat: no-repeat; padding: 0 0 10px 100px; border-bottom: 1px solid #D9DCDF; margin-bottom: 10px;  }
.textosContent li span.mail{  float: left; width: auto; height: 15px; clear: both; font-size: 11px; padding-left: 15px; background-image: url(../images/email_icon.jpg) ; background-repeat: no-repeat; background-position: 1% 5px; }

.textosContentSinFotos{ width: 660px!important; padding: 0 0 0 25px!important; }

.teachers{ float: left; width: 750px; height: auto; margin: 0; padding-bottom: 20px; border-left: 3px solid #fff; background-image: url(../images/teachers-page.jpg); background-repeat: no-repeat; background-position: 3px 50px; }
.teachers h1{ float: left; width: 500px; height: 33px; font-size: 20px; margin-bottom: 10px; color: #0579F0; background-image: url(../images/fire-light-h1.gif); background-repeat: no-repeat; padding: 5px 0 0 30px; clear: both; }

.guiselle{ background-image: url(../images/teacher-guiselle.jpg);  }
.alejandra{ background-image: url(../images/teacher-alejandra.jpg);  }
.gabyMata{ background-image: url(../images/teacherGabyMata.jpg);  }
.dalay{ background-image: url(../images/teacher-dalay.jpg);  }
.gina{ background-image: url(../images/teacher-gina.jpg);  }
.juan{ background-image: url(../images/no-person.gif)}
.andrea{ background-image: url(../images/teacher-andrea.jpg);  }
.jose{ background-image: url(../images/teacher-jose.jpg);  }
.wagner{ background-image: url(../images/staffWagner.jpg);  }
.geovany{ background-image: url(../images/staffGeovanny.jpg);  }
.sabrina{ background-image: url(../images/staffSabrina.jpg);  }


.welcomepage{ background-image: url(../images/welcome-page.jpg); }
.contactpage{ background-image: url(../images/contact-bg-page.jpg)}
.method{ background-image: url(../images/method-page.jpg); }
.method h1 b{ font-size: 20px; color: Red; }

.costarica{ background-image: url(../images/cr-page.jpg); }
.students{ background-image: url(../images/students-page.jpg); }
.about{ background-image: url(../images/about-page.jpg); }
.testimonialBg{ background-image: url(../images/david.jpg)}
.info{ background-image: url(../images/guaria.jpg)}
.programas{ background-image: url(../images/programas.jpg)}
.contact-bg{ background-image: url(../images/contact-bg-page.jpg)}
.costarica{ background-image: url(../images/cr.jpg);}
.registration{ background-image: url(../images/registration.jpg); }
.friends{ background-image: url(../images/friends.jpg)}
.extraclass{ background-image: url(../images/extra-classes-bg.jpg); }
.evening { background-image: url(../images/evening.jpg); }
.homestay{ background-image: url(../images/homestay-bg.jpg); }
.child{ background-image: url(../images/kids-bg-page.jpg); }
.winterPromoPicture{ background-image: url(../images/promoWinterPicture.jpg); }
.promosCR{ background-image: url(../images/promosCR-bg-page.jpg); }


.form{ float: left; width: 500px; height: auto; padding-left: 0;  }
.form ul{ float: left; width: 100%; height: auto; }
.form li{ float: left; width: 100%; height: auto; border-bottom: none; padding: 0 0; }
.form li ul{  }
.form li ul li{ width: auto; padding-right: 10px; }

.formAcomodo{ float:none; width: 180px; background-color: #B3C1CF; }
.formAcomodo div{ margin-bottom:5px; }
.formAcomodo p{ float: left; width: 150px; text-align: left; padding: 0 0 0 10px; color: #000; }

.letterRed{ color: #FFA500; font-weight: bold; }

.recomendations{ float: left; width: 100%; height: auto; }
.recomendations ul{ float: left; width: auto; height: auto; padding: 0; margin: 0; }
.recomendations ul li{ float: left; width: 180px; height: 100px; border: none; padding: 0; margin: 0; }

/* Save 100% */
.save100{ float: left; width: 114px!important; height: 24px!important; position: relative; left: 200px; }
.save100 a{ float:left; width: 104px!important; height: 24px!important; background-image: url(../images/save100.gif); background-repeat: no-repeat; background-position: top; font-size: 1px; color: #CE0000; padding-left: 10px; }
.save100 a:hover{ background-position: bottom; }




/* TAB FORM */
.generalMenuTab{ width: 300px; height: 300px; border: 1px solid red; }
#tablist{ width: 300px; height: 300px; border: 1px solid red; }
#tablist ul{ padding: 0; margin: 0; }
#tablist ul li{ width: auto; padding: 0 10px; margin: 0; border: none!important; }

.tabcontent{ width: 300px; height: 300px; border: 1px solid red; }

/*form{ width: 300px; height: 300px; border: 1px solid red; }*/

#tabcontentcontainer{ width: 100px; height: 300px; border: 1px solid red; }