/* Resets */
body {font-size: 13px; font-family: "Lucida Sans","Arial", sans-serif; color: #333; padding-bottom: 20px; background: #fff; margin: 0;}
body *{margin: 0; border: 0; padding: 0;  overflow: hidden;}
select{border: 1px solid #999;}
h1, h2, h3, h4, h5, h6{font-weight: normal; line-height: normal;}
h1 {font-weight: bold; font-size: 28px;}
h2 {font-weight: normal; font-size: 22px;}
a, a:visited {color: inherit; text-decoration: none; cursor: pointer} /*cursor: pointer is an ie6 hack*/
a:hover, a:active {text-decoration: underline;}
p, div {display: inline-block;} /*ie6 hasLayout bugfix*/
p, div {display: block;}
/* Resets end*/
   
div.html{width: 980px; margin: 7px auto; position: relative; background: transparent;}

.padder{padding: 3px; display:block}
.verticalSpacer{width: 9px; height: 25%; float: left; font-size: 1px;}
.spacer{float:none; width: 100%; height: 1px; clear: both; font-size: 1px; line-height: 1px}
.generic {position: relative; width: 100%; overflow: hidden;}

.header-container {background: #111 url('../images/ve/header-background.png') repeat-x top; width: 100%; height: 72px; overflow: visible;}
.header-container a{color: #fff;} 
.header	{color: #eee; height: 72px; width: 960px; font-size: 14px; margin: 0 auto; position: relative; overflow: visible;}
.header img	{height: 72px; float: left;}
.header div	{float: right; width: 400px; padding:0; text-align: right;}
.header div	div {float: none; margin: 3px 0 15px 0;}
.header div	div a {font-weight: bold;}
.header div	div a#lang-es {background: url('../images/es.png') no-repeat 0 2px; padding: 0 0 0 22px; margin: 0 5px 0 15px;}
.header div	div a#lang-en {background: url('../images/us.png') no-repeat 0 2px; padding: 0 0 0 22px;}
.header h2	{font-size: 22px; font-weight: bold;color: #fff; letter-spacing: -1px;}

.header2	{color: #eee; height: 100px; width: 960px; font-size: 12px; margin: 0 auto;}
.header2 img	{height: 72px; float: left;}
.header2 div	{float: right; width: 240px; margin-top: 20px; padding-right: 10px; text-align: right; border-right: 1px solid #fff;}
.header2 p	{float: right; width: 125px; margin-top: 17px; text-align: center; font-weight: bold;}
.header2 p img	{width: 112px; height: 20px; float: right; margin: 5px 0 0 8px;}
.header2 h2	{font-size: 18px; font-weight: bold;}

.header-container .ieAdvisoryContainer {position: absolute; top: 0px; left: 0;padding: 2px 5px 0; height: 18px; color: #000; width: 100%; background-color: #ffc; text-align: center;}
.header-container .ieAdvisoryContainer a {color: #00f; }

.header .regionalizator {width: 135px; height: 43px; padding: 0 0 0 10px; border-left: 1px solid #fff; margin-left: 10px;}
.header select {width: 135px; text-align: center; margin-bottom: 6px;}
.header .regionalizator img {width: auto; height: auto; margin: 0; float: none; vertical-align: middle;}
.header .regionalizator a {width: auto; height: auto; float: none; color: #fff;}

.menuBar-container {width: 100%; background: transparent url('../images/ve/menuBar-background.png') repeat-x top;}
.menuBar {width: 960px; height: 31px; color: #eee; margin: 0 auto; /*background: url('../images/ve/menuBar-sprite.png') scroll no-repeat top left;*/}
.menuBar a {display: block; width: 120px; height: 30px; float: left;}
.menuBar a span {display: none;}

.main { background: #fff /*url('../images/ve/main-background2.png') repeat-x bottom*/; padding-top: 10px; width: auto;}
.main p {margin: 8px 0; line-height: 1.5; padding-right: 10px;}
.main h2 {font-weight: bold; font-size: 20px;}
.main h3 {font-weight: bold; font-size: 16px;}
.main a {color: #06f;}
.main img {display: block; margin: 15px auto;}
.main .callout {margin: 15px 0; width: 710px;}
.main p img {float: left; margin: 5px 15px 5px 5px;}
.main ul {line-height: 1.5; list-style-position: inside; list-style-type: disc; margin-bottom: 20px;}
.content-container {width: 100%;  min-height: 300px; padding-bottom: 10px;}
.content {width: 960px; background: #fff; margin: 0 auto;}
.left, .right {padding: 4px; width: auto;}
.left {float: left;}
.right {float: right;}
.split-equal .left, .split-equal .right {width: 48%}
.split-form .left {width: 520px; padding: 20px 0 0;}
.split-form .right {width: 420px;}
.tocLink {cursor: pointer; display: block; text-align: center;}
.main .autoH {height: auto;}

form {margin: 10px;}
form * {float: left}
form li a{float: none;}
form label {float: left; width: 36%; margin: 5px 10px 5px 0; font-weight: bold; clear: left;}
form label.forLabel {float: left; width: auto; clear: none; font-weight: normal; margin-top: 0.3em;}
form input, form select, form textarea {width: 47%; float: left; margin: 5px 10px 5px 0; border: 1px solid #aaa; padding: 3px;}
form select {width: 48%;}
form .inputButton {width: auto; border: 0;}
select * {float: none;}
form h2 {margin-bottom: 20px;}
.main form p {float: left; margin: 0; width: 52%; font-size: 12px;}
form p.text {width: 100%; }
form p.text a{float: none}
.main form img {float: left; margin: 3px 0 0 0;}
.radio, .optGroup input {width: auto; border: 0; margin: 3px 3px 0;}
.for {clear: right; font-size: 12px; font-weight: normal; width: 20%;}
form div {width: 100%; clear: both;}
form .phoneNumber {width: 30%;}
form .areaCode {width: 14%; margin-right: 1%;}
#phoneArea span {padding: 0 3px; margin-left: 5px;}
form .hint {width: 35%; text-align: left; font-size: 12px;}
form .padder {padding: 10px; float: left}
form .readOnly {border: 0;}
.optGroup {overflow: auto; height: 300px; width: 300px; clear: both; margin: 0 auto 2em 0; float: none; padding-top: 10px;}
.optGroup label {clear: right; width: auto; font-weight: normal; margin: 2px 0;}
.optGroup label.titleLabel {font-weight: bold; width: auto; clear: left;}
.optGroup label.forLabel {clear: right;}
.optGroup input {clear: left; width: auto; border: 0; margin: 3px 3px 0;}
.optGroup br {clear: both;}

.errorText {color:#F60; font-size:12px; font-weight:bold;}
.errorText ul {color:#F60; list-style-position:inside; position:relative; list-style-type: disc;}
.errorText li {margin:0 0 0 20px; padding:0;clear: both;}
form .inputError{border: #F60 1px solid;}
form .selectError{color: #F60;}
form input.radioError{width: auto; border: 0; margin: 3px 3px 0;border: #F60 1px solid; background: #fff}
.tooltip {position: absolute; top: 3em; left: 21em; width: 20em; background: #FFFFEE; border: 1px solid #999; font-size: 0.923em; padding: 0.5em; display: none;}
.tip {display: none;}

.navigation {float: left; width: 245px;}
.navigation ul {list-style: none; background: transparent url('../images/ve/navigation-other-background.png') no-repeat top right; list-style-position: outside;}
.navigation li {display: block; width: 240px; height: 39px;}
.navigation ul a, .navigation ul a:visited {margin: 7px 0 0 12px; display: block; color: #333; border-bottom: 1px solid #ccc; width: 76%; text-decoration: none;}
.navigation ul a:hover, navigation ul a:active {font-weight: bold; text-decoration: none;}
.tips {margin: 5px 0 20px 0; width: 220px;}
.tips div {clear: both; width: 100%; font-size: 12px; height: 88px; margin-bottom: 15px;}
.tips #tip-kit {background: transparent url('../images/es/tips-sprite.jpg') no-repeat scroll 0 0}
.tips #tip-llame {background: transparent url('../images/es/tips-sprite.jpg') no-repeat scroll 0 -179px}
.tips img {display: block; margin: 5px; float: left; width: 60px; height: 50px;}
.tips h4 {font-weight: bold; font-size: 13px; margin-top: 10px; visibility: hidden;}
.tips p {margin: 0; padding-right: 4px; padding-left: 70px; text-align: left; visibility: hidden;}
.tips p.p2 {padding-left: 9px; padding-top: 4px; width: 120px;}
.tips a {display: block; width: 220px; height: 103px;}
.pager {clear: both;}
.pager * {vertical-align: middle;}
div.pager img {margin: 0 5px; display: inline; float: none}
.pager .left {float: left; text-align: left;}
.pager .right {float: right; text-align: right;}

.startNow {height: 82px;width: 100%; position: relative; margin: 25px auto 15px;}
.startNow .left {height: 82px; width: 3%; background: transparent url('../images/ve/empieza-hoy-bg.png') no-repeat center left; padding: 0;margin: 0;}
.startNow .right {height: 82px; width: 3%; background: transparent url('../images/ve/empieza-hoy-bg.png') no-repeat center right; padding: 0; margin: 0; float: left;} 
.startNow .mid {background: transparent url('../images/ve/empieza-hoy-bg.png') no-repeat center top; padding: 10px 0 0; height: 82px; margin: 0; float: left; width: 94%;}
.startNow .mid div {float: left; margin: 0;}

.content-time-zone, #content-calculator {width: 600px; background: #fff; margin: 0 auto;}

.gallery {width: 100%; position: relative; margin: 5px auto 15px; background: transparent url('../images/ve/gallery-thumbs-bg.png') no-repeat scroll center center; height: 128px;}
.gallery h3 {width: 70%; display: block; margin: 5px 0 12px 40px; clear: both; font-weight: bold; font-size: 16px;}
.gallery h3 a {font-size: 12px; font-weight: normal;}
.gallery img {margin: auto; width: 99px;}
.images {position: relative; width: 315px; margin: 5px auto;}
.images a {display: block; margin: 3px 0 0 3px; float: left; width: 100px; height: 75px; text-decoration: none;}

.promo {height: 147px; width: 308px; margin: 5px 16px 0 0; float: left; color: #333; position: relative; background: transparent;}
.promo * {margin: auto auto 5px 140px; display: block; padding-right: 5px;}
.promo p * {display: inline; margin: 0; padding: 0; float: none;}
.promo a {color: #2193D5; font-size: 12px;}
.promo h3 {margin: 0; padding: 0; font-size: 12px; margin: 0 0 20px 0; visibility: hidden;}

.stepBar-container {width: 100%; background: #8c8c8c;}
.stepBar {height: 43px; width: 960px; background: transparent; margin: 0 auto;}
.stepBar div {height: 43px; float: left; overflow: hidden;}
.stepBar span {display: none;}
#steps #step1 {width: 130px; background: url('../images/ve/stepsBar-sprite.png') no-repeat scroll 0 0;}
#steps #step2 {width: 160px; background: url('../images/ve/stepsBar-sprite.png') no-repeat scroll -130px 0;}
#steps #step3 {width: 670px; background: url('../images/ve/stepsBar-sprite.png') no-repeat scroll -290px 0;}
#comprar #step1 {width: 145px; background: url('../images/ve/payment-stepBar-sprite-contrato.png') no-repeat scroll 0 3px;}
#comprar #step2 {width: 145px; background: url('../images/ve/payment-stepBar-sprite-contrato.png') no-repeat scroll -145px 3px;}
#comprar #step3 {width: 145px; background: url('../images/ve/payment-stepBar-sprite-contrato.png') no-repeat scroll -290px 3px;}
#comprar #step4 {width: 145px; background: url('../images/ve/payment-stepBar-sprite-contrato.png') no-repeat scroll -435px 3px;}

.footer-container {width: 100%; background: #000;}
.footer {color: #eee; overflow: hidden; height: 30px; position: relative; width: 960px; margin: 0 auto;}
.footer a, .footer a:visited {text-decoration: none; color: #ccc}
.footer a:hover, .footer a:active {color: #fff;}
.footer .promo {color: #eee; height: 152px;}
.footer .promo li {display: block; border-bottom: 1px solid #aaa;}
.footer .promo li a, .footer .promo li a:visited {text-decoration: none; color: #aaa}
.footer .promo li a:hover, .footer .promo li a:active {color: #eee; font-weight: bold;}
.footer ul {list-style: none; list-style-position: outside;}
.security-seal {float: left; position: relative; width: 320px;}
.security-seal div {width: 190px; height: 90px; margin: 35px auto 0}

.bottomBar {width: 100%; height: 20px; background: #000; /*position: absolute; bottom: 0; left: 0;*/ color: #eee; font-size: 10px; margin: 0;}
.footer .bottomBar {position: relative; top: 0; left: 0; float: left}

#facts .quote .cita img {margin: 5px 10px 5px 0;}
#facts .quote .cita {width: 540px; padding-left: 90px; margin-botom: 0; font-style: italic;}
#facts .quote .persona {font-size: 14px; font-weight: bold; font-size: smaller; padding: 14px 10px 27px 120px; margin: 0; background: transparent url('../images/backgrounds/nube-ancha.png') no-repeat scroll bottom left; width: 98%;}
#facts .quote h4 {font-size: 20px; float: right; color: #333; width: 270px; margin-top: 0; margin-bottom: 0; padding-right: 30px; text-align: right; font-family: "georgia","serif"; font-weight: bold; font-style: italic; padding-bottom: 8px;}
#facts .quote {font-family: "georgia", "serif"; width: 960px; clear: both; background: transparent url('../images/backgrounds/nube-ancha.png') no-repeat scroll top left; padding-top: 14px; margin-top: 6px;}
#facts img {float: left; margin: 0 40px 50px 0;}
#facts h4 {font-size: 32px; color: #2193d5; margin: 1em 0 1em 0; line-height: 1.1; font-family: "Myriad pro","Lucida Sans","Arial",sans-serif; font-weight: normal;}
#facts a {font-weight: bold; text-decoration: underline;}
#facts a:hover, #facts a:active {text-decoration: none;}
#facts p {text-align: left; margin-bottom: 1em; padding-right: 0;}

#factsBar .fact.article p.cita {color: #333; font-family: "georgia", "serif"; font-weight: bold;}
#factsBar .fact.article p.persona {color: #999;  margin-top: 8px;}
#factsBar .fact.article {font-family: "georgia", "serif";}
#factsBar .fact.people p.cita {color: #666; font-weight: bold; font-size: 11px;}
#factsBar .fact.people p.persona {color: #333; line-height: 1.2;}
#factsBar .fact.facts img {float: right; margin-left: 10px;}
#factsBar .fact.facts h4:first-line {font-size: 30px;}
#factsBar .fact.facts h4 {font-size: 16px; line-height: 1.1; margin: 1.5em 0 1em 0; text-align: right; font-weight: bold; height: 115px;}
#factsBar .fact.facts {width: 300px; text-align: right; }
#factsBar .fact p.persona {font-size: small; font-weight: bold}
#factsBar .fact p.cita {line-height: 1.2;}
#factsBar .fact img {display: inline; float: none; margin: 10px auto;}
#factsBar .fact a {font-family: "Lucida Sans","Arial",sans-serif; text-decoration: underline; font-size: 10px; color: #2193D5}
#factsBar .fact a:hover, #factsBar .fact a:active {text-decoration: none;}
#factsBar .fact {width: 290px; float: left; padding-left: 10px; padding-right: 10px;}
#factsBar p {margin: 0 0 8px;}
#factsBar {background: url('../images/backgrounds/factBar-bg.png') no-repeat scroll top center; height: 190px;}

.topBar {width: 75%; text-align:center; font-family:  "Myriad pro","Arial",sans-serif; font-size: 17px; font-weight: bold; margin: auto;}
.topBar a, .topBar a:visited {float:left; margin: 0 auto; color: #333; text-decoration: none; padding: 3px 6px; border: 1px solid transparent; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }/*float:left;*/
.topBar a:hover, .topBar a:active { text-decoration: none; background: url('../images/support/bg-area-selected.png') repeat-x scroll center}

/* Grupal configuration */
#onlineSchool .split-equal, #queIncluye .split-equal {width: 712px;}

#steps .left {width: 65%;}
#steps .tips {width: 277px; border-bottom: 2px dotted #BBB;}
#steps .tips div {width: 263px; border-right: 0; border: 2px dotted #BBB; border-bottom: 0; border-right: 0;padding-left: 10px; margin-bottom: 0;}
#steps .tips img {margin: 10px 15px 2px 0; width: 30px; height: 30px;}
#steps .tips span {text-decoration: underline; font-weight: bold;}
#steps .tips p {margin: 0; padding-right: 4px; padding-left: 4px; text-align: left; visibility: visible;}
#steps .tips a {height: auto; width: auto; display: inline;}
#steps .tips h4 {visibility: visible;}

#queIncluye .pager {margin-bottom: 50px; padding-top: 15px;}
#queIncluye iframe {width: 710px; height: 300px; overflow-y: scroll; overflow-x: hidden;}
#queIncluye .details h2 {margin-top: 90px;}
#queIncluye .details h3 {padding-bottom: 30px;}
#queIncluye .icon {float: left; margin: 100px 10px 0 0;}
#queIncluye .shot {float: right; margin: 0 0 5px 5px;}
#queIncluye .frameTitle {font-size: 24px; font-weight: bold; text-align: center;}
#queIncluye .details, #help .details {float: right; width: 710px;}

#comprar .footer-container {margin-top: 0;}
#comprar .footer .left {width: auto;}
#comprar .tips {width: 210px; padding-right: 7px;}
#comprar .info-segura {width: 210px; height: 95px; background: url('../images/ve/secure-transaction-bg.png') no-repeat scroll center top;}
#comprar .info-segura h4 {visibility: visible; padding-left: 5px; padding-top: 0; float: none;}
#comprar .info-segura p {padding-left: 36px; line-height: 1.2; padding-top: 5px;}
#comprar .verisign {width: 210px; height: 111px; background: url('../images/ve/verisign-border.png') no-repeat scroll center top;}
#comprar .verisign table {margin: 11px auto 0;}
#comprar .verisign table * {float: none; width: auto; height: auto;}
#comprar .siguiente {float: right; margin-top: 15px; width: auto; height: auto; border: 0;}

#aboutUs .main .details {width: 710px; float: right;}
#aboutUs .details h2 {color: #1278c3; font-size: 2em; margin-bottom: 1em;}
#aboutUs .details p {margin-bottom: 1em; text-indent: 2em; text-align: justify;}
#aboutUs .feature {float: left; width: 705px; margin-bottom: 1em;}
#aboutUs .feature img {float: left; margin: 1em 1em 0 0; width: 63px;}
#aboutUs .feature p {margin: 0; padding: 0; text-indent: 0; width: 625px;}
#aboutUs .fancyBorder {border: 1px solid #ccc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}

#editProfile form {margin-top: 50px; position: relative; clear: left;}
#editProfile .startNow {float: left; width: 230px;}
#editProfile .details {width: 710px;}
#editProfile .areaCode {width: 6%;}
#editProfile .label {width: 30%;}

#avatar .forLabel {width: 5em}
#avatar form h3 {clear: both; }
#avatar .previo {margin-bottom: 1em}
#avatar .previo * {float: none; margin: auto}
#avatar form .previo img {margin: auto;}
#avatar .details img.avatarImg {float: left; clear: left; width: 70px; height: 70px; border: 1px solid #999; margin: 0 0 2em 0;}
#avatar .details ul {list-style-type: none; float: left;  padding-left: 1em; width: 32em}
#avatar .details li {clear: left; float: left; width: 30em;}

#support .main {background: #F8F8F8 url(https://s3.amazonaws.com/static.openenglish.com/images/support/bg-main.png) repeat-x scroll center bottom; padding-bottom: 10px; min-height: 400px;}
#support .main h2 {margin-bottom: 7px;}
#support .shadowBox {border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #fff; margin: 10px auto; padding: 10px; -moz-box-shadow: 3px 5px 9px #888; -webkit-box-shadow: 3px 5px 9px #888; box-shadow: 3px 5px 9px #888}
			
/* Navigation Highlighters */
#queEs #qeoe, #comoFunciona #cf, #reasonsBody #razones, #testimoniosBody #testimonios {background: transparent url('../images/ve/navigation-current-background.png') no-repeat top right;}
#queEs #qeoe a, #comoFunciona #cf a, #reasonsBody #razones a , #testimoniosBody #testimonios a {border-bottom: 0; font-weight: bold;}

#activa #step1 {background-position: 0 -43px;}
#personaliza #step2 {background-position: -130px -43px;}
#comienza #step3 {background-position: -290px -43px;}

#compra #step1 {background-position: 0 -44px;}
#envio #step2 {background-position: -145px -44px;}
#pago #step3 {background-position: -290px -44px;}
#contrato #step4 {background-position: -435px -44px;}

#interactiveSoftware #is, #produccionesTv #tv, #podcasts #pc, #magazines #vm, #liveSessions #ls, #progreso #pt, #herramientas #tb, #personalizacion #p13n {background: transparent url('../images/ve/navigation-current-background.png') no-repeat top right;}
#interactiveSoftware #is a, #produccionesTv #tv a, #podcasts #pc a, #magazines #vm a, #liveSessions #ls a, #progreso #pt a, #herramientas #tb a, #personalizacion #p13n a {border-bottom: 0; font-weight: bold;}

#faq #faqGen, #faqLiveSessions #faqLS {background: transparent url('../images/ve/navigation-current-background.png') no-repeat top right;}
#faq #faqGen a, #faqLiveSessions #faqLS a {border-bottom: 0; font-weight: bold;}

#company #com, #investors #inv, #management #man, #theTeam #team {background: transparent url('../images/ve/navigation-current-background.png') no-repeat top right;}
#company #com a, #investors #inv a, #management #man a, #theTeam #team a {border-bottom: 0; font-weight: bold;}

#general #GN, #identification #ID, #experience #XP, #contact #CT, #passwd #PW, #avatar #PH, #subscription #SC, #invite #IV {background: transparent url('../images/ve/navigation-current-background.png') no-repeat top right;}
#general #GN a, #identification #ID a, #experience #XP a, #contact #CT a, #passwd #PW a, #avatar #PH a, #subscription #SC a, #invite #IV a {border-bottom: 0; font-weight: bold;}

#contacto a#ct, #wizard a#wiz, #tutorials #tut, #faq #faqLink {text-decoration: none; background: url('https://s3.amazonaws.com/static.openenglish.com/images/support/bg-area-selected.png') repeat-x scroll center; cursor: default;}

/* Overrides */
li.first-item {border-left: none;}
.last-promo {margin-right: 0;}

/* Start Form" */
form.uniForm * {float: none}
form.uniForm label {clear: none;}
form.uniForm, body#comprar form#registerForm.uniForm fieldset, body#comprar form#assessmentForm.uniForm fieldset, body#comprar form#purchaseForm.uniForm fieldset, body#timeZoneForm form#purchaseForm.uniForm fieldset, body#priceCalculatorForm form#purchaseForm.uniForm fieldset, body#support form#contactUsForm.uniForm fieldset{background: #eee;padding: 15px 20px;border: 0;-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;margin: 0;}

body#comprar form#registerForm.uniForm,  body#comprar form#assessmentForm.uniForm, body#comprar form#purchaseForm.uniForm, body#timeZoneForm form#purchaseForm.uniForm, body#priceCalculatorForm form#purchaseForm.uniForm, body#support form#contactUsForm.uniForm  {background: #fff;padding: 0;}
body#comprar form#registerForm.uniForm fieldset,  body#comprar form#assessmentForm.uniForm fieldset, body#comprar form#purchaseForm.uniForm fieldset, body#timeZoneForm form#purchaseForm.uniForm fieldset, body#priceCalculatorForm form#purchaseForm.uniForm fieldset, body#support form#contactUsForm.uniForm fieldset{width: 460px; float: left; margin-right: 5px;}

form.uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #df7d7d; margin: 0 0 1.5em 0;}
form.uniForm #errorMsg h3{ margin: 5px; font-size: 90%; font-weight: bold; color: #af4c4c; }
.ctrlHolder {float: left;width: 100%;border-bottom: 1px solid #ccc; padding: 7px 0;}
.shadow-white{border-top:1px solid #fff;}
form.uniForm input, form.uniForm select, form.uniForm textarea {width: 240px; float: right; margin: 0 0 0 0; border: 1px solid #aaa; padding: 3px 7px; height: 20px;}
form.uniForm select{width: 256px; height: auto; padding: 5px 5px 5px 0; }
.ctrlHolder label, .ctrlHolder p.label {font-size: 14px; letter-spacing: -1px;font-weight: bold; width: 180px; position: relative;}
.ctrlHolder label strong, .ctrlHolder p.label strong {color: #900;}
.ctrlHolder label strong em, .ctrlHolder p.label strong em {font-size: 9px; font-style: normal; letter-spacing: 0;}
.ctrlHolder .errorField {float: right;padding: 3px 5px;background: #ffeded;border: 1px solid #940505;color: #960000;font-size: 10px;width: 244px;margin: 5px 0 0;clear: both;}
.uniForm .multiField{float: right; width: 256px; clear: none;}
.uniForm .multiField label{ float: left;width: 50px;font-size: 9px; letter-spacing: 0; margin: 0 0 0 10px;}
.uniForm .multiField label input{width: 30px;}
.uniForm label input{ float: left;width: auto; margin: 0 0 3px;}
.uniForm label.countryCode {margin: 0;}
.uniForm label.phoneNumber {width: 135px;}
.uniForm label.phoneNumber input{width: 119px;}
form.uniForm .buttonHolder {text-align: center;margin: 10px 0 0;} 
form.uniForm button {font-size: 18px; font-weight: bold; color: #0181e3; letter-spacing: -1px;
border: 1px solid #cdcdcd;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; background: #f2f2f2; padding: 7px 15px; cursor: pointer;}
.uniForm label#acceptTerms{width: 240px; margin: 0; font-size: 12px; font-weight: normal;}
.uniForm label#acceptTerms input{width: 18px; height: 18px; margin-right: 5px}
.uniForm label#acceptTerms a{color: #2193D5; text-decoration: underline;}

/* Messages */
.advertencia {border: 1px solid #FA8; margin: 8px auto; padding: 8px 5px; text-align: center; background: #FFFFEE; display: block; width: 900px;}
.adjust-adv{width: auto;}/*750px*/
/* template compras */
#pr-compra.content-container {background: #f8f8f8 url(../images/compras-bg.png) repeat-x;}
#pr-compra.content-container div.html{width: 830px; margin: 7px auto; position: relative; background: transparent;}

#pr-compra.content-container h2 {font-size: 30px; font-weight: bold; letter-spacing: -0.05em; padding: 10px 0 5px 5px;}

#pr-compra.content-container .aviso-importante h2 {padding: 5px 0 5px; font-size: 18px;}
#pr-compra.content-container .aviso-importante h3 {font-weight: bold; font-size: 14px;}
#pr-compra.content-container .aviso-importante p, #pr-compra.content-container .aviso-importante ul {font-size: 12px; margin: 5px 0;}

#pr-compra.content-container ul#pos li { float: left; width: auto; position: relative;display: block; height: 60px; text-indent: -9999px; }
#pr-compra.content-container ul#pos li#reg {width: 92px; z-index: 1;}
#pr-compra.content-container ul#pos li#fnc {width: 82px; margin-left: -1px;z-index: 2;}
#pr-compra.content-container ul#pos li#per {width: 133px; z-index: 3;}

#pr-compra #pr-caja-cont {clear: both; background: #f8f8f8 url(../images/bg-purchase.png) repeat-y; padding: 0 20px 30px 20px;}
#pr-caja-cont span a {color: #06f;}
#bottom-purchase-cont{clear: both; background: #f8f8f8 url(../images/bg-purchase-bottom.png) no-repeat; padding: 0 20px 30px 20px;}

.panel form.uniForm {background: #fff;padding: 0;border: 0;-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius:0;border-radius: 0; position: relative; z-index: -0; margin:0;}
.panel form.uniForm fieldset{background: #fff;border: 0; width: 460px; float: left; margin: 0 17px 0 0;}

.panel form.uniForm .banco label {width: 195px;}
.panel form.uniForm label {font-size: 16px; color: #555; float: left; width: 210px;}
.panel form.uniForm fieldset#tarjeta label {width: 195px;}
.panel form.uniForm fieldset#tarjeta ul.options li label {float: left; width: auto;}
.panel form.uniForm fieldset#tarjeta input {width: 195px;}
.panel form.uniForm fieldset#tarjeta ul.options li, #edit-credit-card form.uniForm ul.options li {list-style: none; float: left; width: 100px; margin: 0;}
.panel form.uniForm fieldset#tarjeta ul.options li input, #edit-credit-card form.uniForm ul.options li input {float: left; width: auto;margin: 10px 7px 0 0;border: 0;}
.panel form.uniForm fieldset#tarjeta .fechaPago ul.options li {width: 300px;}
.panel form.uniForm fieldset#tarjeta .fechaPago ul.options li input {margin: 0 10px 0 0; }
.panel form.uniForm fieldset#tarjeta .fechaPago li label, #edit-credit-card form.uniForm ul.options li label {float: left; width: auto; font-size: 13px;}
.fechaPago p.miscData { font-size: 11px;padding: 7px 100px 7px 7px; border-bottom: 1px solid #ccc; border-top: 1px dashed #ccc; margin: 5px 0; background: #eee; clear: both;}
#edit-credit-card label {float: left; width: 210px;}

.panel form.uniForm input {width: 220px; float: left;}
#edit-credit-card input{width: 195px; float: left;}
.panel form.uniForm select {width: auto;}

.panel form.uniForm ul.options li {list-style: none; float: left; width: auto;}
.panel form.uniForm ul.options li input {float: left; width: auto;margin: 4px 7px 0 0; border: 0;}
.panel form.uniForm ul.options li label {float: left; width: auto; font-size: 12px; letter-spacing: 0;}

.panel form.uniForm .fechaPago ul.options li {width: 250px;}
.panel form.uniForm .fechaPago li input {margin: 5px 7px 0 0;}
.panel form.uniForm .fechaPago li label {float: left; width: auto; font-size: 12px;}
.panel form.uniForm .fechaPago label span {font-size: 10px;}

.panel form.uniForm select.date, #edit-credit-card select.date{width: 65px; float: left; margin-right: 10px;}
.panel form.uniForm select.date.mes, #edit-credit-card select.date.mes {width: 80px;}
.panel form.uniForm select#bankId {width: 210px; float: left; margin-right: 10px;}

.panel form.uniForm a.moreInfo, #edit-credit-card a.moreInfo {float: right; width: 34px;position: relative;top: -2px;}

#help-bankB, #help-numberB, #help-expirationB, #help-nameB, #help-cvnB {width: 328px; height: 243px;display: block;}

#help-bankB {background: transparent url('https://s3.amazonaws.com/static.openenglish.com/images/ve/help-bank.png') no-repeat 0 0;}
#help-numberB {background: transparent url('https://s3.amazonaws.com/static.openenglish.com/images/ve/help-number.png') no-repeat 0 0;}
#help-expirationB {background: transparent url('https://s3.amazonaws.com/static.openenglish.com/images/ve/help-expiration.png') no-repeat 0 0;}
#help-nameB {background: transparent url('https://s3.amazonaws.com/static.openenglish.com/images/ve/help-name.png') no-repeat 0 0;}
#help-cvnB {background: transparent url('https://s3.amazonaws.com/static.openenglish.com/images/ve/help-cvn.png') no-repeat 0 0;}

.panel form.uniForm .buttonHolder {padding: 0; text-align: right;}
.panel form.uniForm .buttonHolder table {float: left;}
form.uniForm button.btn-submit {background: url(../images/button-bg.png); width: 228px; height: 49px; padding: 5px 0 5px 10px; border: 0; text-align: left; color: #fff; font-size: 24px; cursor: hand;}
#btn-continue, #bt-continue-credit-card, #bt-continue-billing, #bt-continue-deposit, #bt-continue-transfer, #btn-register{float: none; border: none; width: auto; height: auto;}
.buttonHolder #btn-sendButton{ border: none; width: auto; height: auto; margin-left: 55px;}

form.uniForm p.sec-lock {text-align: left; font-size: 10px;width: 270px; float: right; margin: 10px 0 0 0; padding: 10px 0; clear: none;}
form.uniForm p.sec-lock img {float: left; margin: -10px 7px 0 0; width: 35px;}
form.uniForm table.verisign-table {float: left;margin: 0 0 0 80px;}

#registerForm p.sec-lock {margin-top: 200px;}

.detalle-pago {clear: none;float: left;width: 270px; border: 1px solid #b4e3ff;padding: 10px;
-moz-border-radius: 7px;-khtml-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; 
background: #f3fcfe;}
.detalle-pago tbody th,.detalle-pago table {margin: 0; width: 100%; font-size: 11px;}

.detalle-pago tbody th,.detalle-pago tbody td { border-top: 1px solid #b4e3ff; padding: 5px 3px; width: auto;}
.detalle-pago th {text-align: left;}
.detalle-pago td { text-align: right;}
.detalle-pago tfoot th,.detalle-pago tfoot td { border-bottom: 2px solid #b4e3ff; border-top: 2px solid #b4e3ff; padding: 5px 3px; background: #fff;}
.detalle-pago tfoot td strong{font-size: 20px; letter-spacing: -0.09em;}

.aviso-importante {background: #fffdf0;padding: 0 10px 10px 10px; border-top: 3px solid #ffec71;border-bottom: 3px solid #ffec71; margin-bottom: 10px;}
.aviso-importante a {font-weight: bold; color: #309de0;}
p.aviso-importante {padding: 7px 10px 10px;}
.aviso-importante ul {padding: 7px; }
.aviso-importante li {margin: 0 0 5px 10px; list-style: square outside; overflow: visible;}

a.btn-plan_contado,
a.btn-plan_credito {display: block;background:#fff url(../images/btn-cambioplan.png) no-repeat; position: relative; color: #fff; margin: 10px 0 0;}

a.btn-plan_contado span {position: absolute; top:15px; right: 12px; font-weight: bold; font-size: 18px; letter-spacing: -1px;}
a.btn-plan_contado {background-position: 0 0; height: 76px;}
a.btn-plan_credito {background-position: 0 -152px;text-indent: -9999px; height: 43px;}
a.btn-plan_contado:hover {background-position: 0 -76px; text-decoration: none; color: #111;}
a.btn-plan_credito:hover {background-position: 0 -195px;}

#pago_splash {background: #fff; padding: 10px 17px 20px 17px; border: 2px solid #ccc; margin: 40px 120px 30px;-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px; width: 558px;}

#pr-compra #pago_splash h2 {font-size: 24px; padding: 10px 0 10px 6px; }
#pago_splash form {width: 450px; margin:0 auto 10px; position: relative; display: block;}
#pago_splash h2{white-space: nowrap; margin-left: -5px;}
#pago_splash p.legend {font-size: 14px; font-weight: bold; padding-bottom: 20px; line-height: 1; display: block; overflow: visible;}
#pago_splash li{margin-left: 193px; list-style: none;}
#pago_splash #btn-sendButton{float: none; margin-left: 5px;}
#pago_splash li label{margin-left: 9px; padding-top: 5px; font-weight: normal; font-size: 13px;}
#pago_splash label input{margin-top: -2px; border: none;}

iframe.contractFrame{border: 1px solid #CCC; overflow-y: scroll; width:100%; height:200px;}
.contract p.miscData { font-size: 11px;padding: 7px 100px 7px 7px; border-bottom: 1px solid #ccc; border-top: 1px dashed #ccc; margin: 5px 0; background: #eee; clear: both;}

/*Assessment*/
.uniForm .gender input#male, .uniForm .gender input#female{width: 16px; height: 16px; margin-right: 5px; border: 0;}
.uniForm .gender label{font-size: 12px; font-weight: normal; width: 100px}
input#q5a1, input#q5a2, input#q5a3, input#q5a4, input#q5a5, input#q5a6{width: 16px; height: 16px; margin-right: 5px; border: 0;}
.uniForm label.for{font-size: 12px; font-weight: normal; width: 150px; margin-bottom: 5px}
.uniForm .optGroup{background-color: #FFF; border: 1px solid #CCC; margin: 5px 0; padding: 5px; float: right; width: 246px; height: 200px}
.uniForm .optGroup input{width: 16px; height: 16px; margin-right: 5px; border: 0;}

.generic #section-text-generic-1{margin:28px 0 0 137px; border:0 none;}
.generic #section-text-generic-3{margin:44px 0 0 113px; border:0 none; padding-left:1px;}
.button-compare{position: fixed; top: 270px; right:-1px;  width: 43px; height: 160px; z-index: 20; }

.sign-in{width: 126px; height: 31px; border: 0; background: transparent}

#compare-us#content{margin: 5px 0 10px 10px; width: auto; }
#compare-us h2{ margin-bottom: 20px; font-weight:bold; color: #555;}

#header-compare-us-descr1{font-size: 13px; color: #555; margin-bottom: 8px; font-weight:bold;}
#header-compare-us-descr2{font-family:  "Arial", "Times new roman", sans-serif; font-weight:bold; font-size: 11px; color: #AAA; margin-bottom:15px;}
.title-column-compare{font-family:  "Arial", "Times new roman", sans-serif; font-weight: bold;  font-size: 15px; color: #555;}
.subtitle-column-compare{font-family:  "Arial", "Times new roman", sans-serif; font-size: 10px; color: #555;}
.descr-oe{font-family:  "Arial", "Times new roman", sans-serif; font-size: 10px; font-weight: bold; color: #fff;}
#column-logo-oe{background: url("../images/compare-us-oe.png") no-repeat ;}
#column-start-oe{border-top: 1px solid #4abbff; background-color: #34a1e3;}
#img-round-button{background: url("../images/round-bottom.png") no-repeat ; position:relative; margin-left:0px; padding-top: 51px; margin-top: 4px;}

.width-column-oe{width: 255px; float: left;}
.width-column-brz{width: 284px; float: left;}
.width-column-brz2{width: 265px; float: left;}
.row1{height: 55px;} .row2{height: 42px; padding-top: 3px;} .row4{height: 35px; padding-top: 3px;}  .row3, .row5, .row7{height: 45px;}
.row6{height: 32px;} .row9{height: 48px;} .row10, .row12{height:82px;} .row11{height: 40px;}
.margin-text{margin:2px 3px 5 10px;}
.border-column-berlitz{border-bottom: 1px solid #ccc; border-top: 1px solid #ffffff;}
.border-column-oe{background-color: #34a1e3; border-bottom: 1px solid #0e6aa2; border-top: 1px solid #4abbff;}
.berlitz-title{padding: 30px 0 5px 10px; font-size: 19px; color: #555; text-align: center; font-weight:bold; }
.border-logo-oe{background-color: #34a1e3; border-bottom: 1px solid #0e6aa2; border-top: 1px solid #fff;}
.cl-subMedia{display: none;}

.par{background: #eee; padding: 6px;}
.odd {background: #fff; padding: 6px;}
.phone{ float: right; color: #000; border: 0; font-weight:bold; }
.country{font-size: 14px; color:#555; float: left; font-weight:bold;}
#phone-numbers h3{font-size: 16px; font-weight:bold; line-height:normal;}
#header-phone-numbers{background: transparent url("../images/call-small.png") no-repeat scroll; margin:10px 0 2px 10px; height: 50px;}
#content-contract-ve{padding-left: 10px;}
#header-phone-numbers div{padding-left: 50px;}

#sec-fluency-guaranteed{margin:70px 30px 0 10px; }
#fluency-guaranteed{background: transparent url('../images/sprite-landing.png') no-repeat -241px 0; height: 62px; width: 60px;float: left; margin-right: 10px; }
#sec-learn-online{margin:110px 0 0px 0px; float: left; width: 315px;}
#learn-online{background: transparent url('../images/sprite-landing.png') no-repeat 10px 0; height: 54px; width: 70px;float: left; margin:0 13px 0 5px; display: block; }
#sec-personalized-attention{margin:213px 0 0 -299px; float: left; width: 310px;}
#personalized-attention{background: transparent url('../images/sprite-landing.png') no-repeat -60px 0; height: 50px; width: 62px;float: left; margin-right: 10px; }
#sec-live-classes{margin:110px 0 40px 20px; float: left; width: 300px;}
#live-classes{background: transparent url('../images/sprite-landing.png') no-repeat -122px 0; height: 50px; width: 56px;float: left; margin-right: 12px; }
#sec-multimedia-course{margin:213px 0 0 -300px; float: left; width: 300px;}
#multimedia-course{background: transparent url('../images/sprite-landing.png') no-repeat -178px 0; height: 45px; width: 64px;float: left; margin-right: 6px; margin-top: 8px; }
#read-testimonials{margin-top:115px; margin-left: 350px; position:absolute; font-weight: bold;  color:#2193D5;}
#lbl-call-us img{float: left; margin: 1px -1px 0;}
#lbl-call-us strong{color:#000;}
.text-section{color:#555;font-family:"Arial","Times new roman",sans-serif;font-size:11px;font-weight:bold; }
#tourStart .text-section{color:#888;}

#footer-content{ background:transparent url("../images/bg-footer.png") no-repeat scroll center ; height: 70px; margin: 0 0 12px 0; }
#footer-content h1{font-size:18px; font-weight:bold; margin:25px 12px 0 0;  float:left;}
#oe-social{ float: left; margin: 0px 8px 0 20px; }
#footer-content a{color:#2193D5;}
#img-fac{background: url("../images/oe-social.png") -136px 0 no-repeat; float:left; width: 28px; height: 26px; margin: 23px 8px 0 4px; }
#img-tw{background: url("../images/oe-social.png") -163px 0 no-repeat; float:left; width: 28px; height: 27px; margin: 23px 8px 0 4px; }
#img-blog{background: url("../images/oe-social.png") -191px 0 no-repeat; float:left; width: 28px; height: 27px; margin: 23px 8px 0 4px; }
#img-about-us{background: url("../images/about-us.png") no-repeat; float:left; width: 150px; height: 70px; margin:0; }
#lead-form-title{margin: 19px 50px 9px 20px; width: 210px; font-weight: bold; font-size: 14px;}
#descr-privacy-policy{font-size: 11px; font-weight: bold; width: 265px; }
#descr-privacy-policy label{white-space: nowrap; margin-top: 1px;}
#required{color: #ff9999; margin-top: 0;}
.span-brd{border-bottom: 1px solid #777;}
.span-brd-top{border-bottom: 1px solid #555;}
#body-lead-form{height: 410px;}
#lbl-call-us{margin: 17px 0 0 10px; height: 37px; }
#descr-privacy-policy a{color: #66ccff; float:none; margin-top: 5px;}
#lbl-call-us a{color: #2193D5}
#timeZoneOrigin, #timeZoneDestiny{padding: 10px;}
#example-date{margin-left: 220px;}
.UIRoundedTransparentBox_Corner{background:url("../images/corner.png") no-repeat scroll left top transparent;	height:8px;	padding:0; position:absolute; width:8px;}
.UIRoundedTransparentBox_TL{background-position:0 0; margin-left:-1px; margin-top:-1px;}
.UIRoundedTransparentBox_TR{background-position:-15px 0; margin-left:348px; margin-top:-1px;}
.UIRoundedTransparentBox_BL{background-position:0 -15px; margin-left:-1px; margin-top: 3px;}
.UIRoundedTransparentBox_BR{background-position:-15px -15px; margin-left:348px; margin-top: 3px;}
.UIRoundedTransparentBox_TRSup{background-position:-15px 0; margin-left:951px; margin-top:-1px;}
.UIRoundedTransparentBox_BLSup{background-position:0 -15px; margin-left:-1px; margin-top: -6px;}
.UIRoundedTransparentBox_BRSup{background-position:-15px -15px; margin-left:951px; margin-top: -6px;}
#support .corners{border: 1px solid #ccc; margin-top: 20px;}
input[readonly], select[disabled]{background-color: #eee; color: #777;}
#quantity{width: 150px; margin:-15px 106px 0 0;}
#success #pago_splash{margin:50px 80px 30px 95px; height:220px; background: url('../images/bgSection.png') repeat-x; width: 580px; padding-right: 0; }
#success-edit-card #message{-moz-border-radius:11px; border:1px solid #CCC; padding:18px 0 20px 17px; width:537px; height:90px; background: url('../images/bgSection.png') repeat-x; -webkit-border-radius: 11px; border-radius: 11px; }

#success #pago_splash strong{float: left; font-size:16px; margin-top: -70px;}
#descr-success{color: #666666; padding-bottom: 17px;}
#descr-success a{color:#309DE0;font-weight:bold;}
#title-success{padding-bottom: 8px; font-weight: bold;}
#comprar .advertencia{width:440px; text-align: left; padding-left: 10px;}
#timezone .inputButton, #changeEmail .inputButton{border: none; width: auto; height: auto; margin: 10px 210px 0 0; }
#timezone #dateTime{width: 150px; margin-right: 90px;}
#timezone .ui-datepicker-trigger{margin:-22px 0 0 480px;}
#privacy-policy-link{white-space: nowrap;}
#result-time-zone {float: left;width: 96%; border: 1px solid #b4e3ff;padding: 10px;
-moz-border-radius: 7px;-khtml-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; 
background: #f3fcfe; font-weight:bold; margin-top:10px;}
#result-time-zone img{margin: 1px -3px -10px -2px; margin-right:0; clear: left; }
#result-time-zone p{ margin-top:-2px;  float: right;  width: 90%; margin-right:5px; font-size:12px;  }
#result-time-zone span{white-space: nowrap;}
#price-calculator #pago_splash{width:810px; margin: 0; padding: 10px 0 17px 10px; }
#price-calculator #pago_splash form{display:block;margin:0 27px 0 5px;  position:relative;width:430px; float: left; }
#price-calculator .detalle-pago{float: left; margin-right: 5px;}
#price-calculator #quantity{margin-top: 1px;}
#price-calculator .options{margin: -15px 0 0 -19px;}
#price-calculator #sec-couponCode li{margin-top: 15px;}
#price-calculator .inputButton{border: none; width: auto; height: auto; margin: 10px 140px 0 0; }
#btn_sending, #sending, #sending_credit_card, #sending_billing, #sending_deposit, #sending_transfer {text-align: right;display: none;}
#changeEmail #passwd{width: 630px;}
#changeEmail .main{margin-left: 5px; }
#changeEmail form {width: 580px;}
#editEmail{margin: 8px 2px 0 -1px; border: none; width: auto;}