html {
    height:100%;
}
body {
    font: 10pt Tahoma, Arial, Helvetica, sans-serif;
    background: #3f953a url(../media_beta2/media/images/membresia_bottom.png) repeat-y center;/*repeat-y center;*/
    margin: 0px !important; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0px !important;
    height:100%;
}

.world{
  overflow:hidden;
}

img {
    border:0px none;
}

.clear {
  clear:both;
}

#nav {
    width:100%;
    height:23px;
    background-color:#0090BB;
    color:#FFFFFF;
    position:absolute;
    *left:0;
    font-size:11px;
    font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}

#nav_wrapper {
    width:900px;
    margin:0 auto;
}

#alerts {
    width:900px;
    position:absolute;
    padding-top:20px;
    z-index:1000;
    *margin-left:-800px;
}

#msg {
    width:202px;
    height:144px;
    text-align:center;
    background-image:url(/media_beta2/media/images/alerts/alert_01.png);
    padding:30px 25px 0 25px;
    margin:0 auto;
    font-size:17px;
}

#msg a{
  color:#FBA029;
  font-weight:bold;
  font-size:14px;
  letter-spacing:0.07em;
}

#close_alert {
    margin-top:20px;
}
#close_alert span {
    cursor:pointer;
    width:74px;
    height:18px;
    display:block;
    margin:0 auto;
    background-image:url(/media_beta2/media/images/alerts/aceptar.gif);
    text-align:center;
    font-size:11px;
    color:#FFFFFF;

}

#nav h1 {
    background-image:url(../media_beta2/media/images/amcoworld.png);
    background-repeat:no-repeat;
    width:120px;
    height:83px;
    position:absolute;
    margin-top:0px;
    cursor:pointer;
    *margin-left:-880px;
}

#nav h1 span {
    display:none;
}

#nav ul {
    width:505px;
    float:left;
    padding:0px 0px 0px 130px;
    margin:0px;
    list-style:none;
}

#nav ul li {
    width:auto;
    padding: 4px 8px 0 8px;
    float:left;
}

#nav a {
    color:#FFFFFF;
    text-decoration:none;
}

#nav #navRight {
    float:left;
    margin-left:50px;
    padding-top:2px;
    width:215px;
    *padding-top:1px;
}

#nav #navRight select {
    *font-size:10px;
}

#muteBtn {
    background-image:url(/images/nav/mute_off.png);
    cursor:pointer;
    margin-right:15px;
    float:left;
    width:18px;
    height:17px;
}

#muteSpace {
    margin-right:15px;
    float:left;
    width:24px;
    height:1px;
}

#activity_container {
    width:980px;
    height:440px;
    margin:85px auto 0px auto;
    background-image:url('/images/gui/preloader.gif');
    background-repeat:no-repeat;
    background-position:center center;

}

.activityK div#activity_container {
  margin-top:40px !important;
}

#container
{
    width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    padding-top:220px;
}

#main {
    margin:0 auto;
    height:100%;
}


#activity{
    display:none;
    position:absolute;
    z-index:1000;
    width:1154px;
    height:609px;
    background-image:url(/images/gui/backGames.png);
    background-repeat:no-repeat;
}

.activityK{
    width:1060px !important;
    height:550px !important;
    background-image:url(/images/gui/kinder_marque.png) !important;
}

.closeBtn {
    text-align:right;
    margin-right:70px;
    margin-top:20px;
    cursor:pointer;
}

.activityK div.closeBtn {
    margin-right:30px;
    margin-top:0px;
}

#wrapper {
    background:url(../media_beta2/media/images/membresia_top.png) no-repeat top;
    height:100%;
}

#sidebar {
    float: left; /* since this element is floated, a width must be given */
    width: 200px;
    margin: 0 auto;
    padding-left:30px;
    margin-right:20px;
}

#sidebar a{
    font-size: 9pt;
    display:block;
    color: #008FBA;
    line-height: 2.5;
    text-decoration:none;
    background:url(/images/gui/QuickButtonBG.png) center bottom no-repeat;

}

.to_r {
  text-align:right !important;
}

#mainContent {
    margin: 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
    text-align:justify;
    width:455px;
    float:left;
}
#mainContent a
{
    color:#000;
}
#mainContent hr
{
    color: #008FBA;
    background-color: #008FBA;
    height:2px;
    border:0;
}
#mainContent h4
{
    color: #008FBA;
}
#mainContent h3{
    font-weight:normal;
    text-transform:uppercase;
    border-top:2px solid #008FBA;
    border-bottom:2px solid #008FBA;
    padding:5px 0 5px 5px;
    margin-top:0px;
}

.backs {
    display:none;
    background-color:#000000;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    position:absolute;
    z-index:990;
}

/* footer styles  */
#foot {
    width:980px;
    margin:20px auto;
    padding-bottom:20px;
}
#amcoonline {
    text-align:left;
    float:left;
    width:380px;
    font-size:10px;
}
#nav_foot {
    width:580px;
    float:left;
    text-align:right;
    font-size:10px;
}
#nav_foot a{
    display:block;
    float:right;
    margin-left:8px;
    color:#FFFFFF;
    padding-left:8px;
    border-left:1px solid #FFFFFF;
    text-decoration:none;
    text-align:center;
}

#nav_foot a:hover{
    text-decoration:underline;
}

/* ******************* */

.retrieve_cell {
	float:left;
	padding-top:8px;
	width:318px;
}

 .btn {
	cursor:pointer;
	float:left;
	height:47px;
	text-align:right;
	width:136px;
 }

 #register_btn {
    cursor:pointer;
 }

 .row {
    text-align:left;
    margin-bottom:15px;
 }

 .lbl, .row label {
    display: block;
    font-size:13px;
    color:#008FBA;
    margin-bottom:5px;
 }

 .row input {
    width:450px;
    background-color:#E6E7E8;
    font-size:13px;
    border:0px none;
    padding:3px;
 }

 #retrieve{
	font-size:11px;
	text-align:left;
 }

 #remember {
    width:10px;
 }


 .splashBody {
    background-image:url(/media_beta2/media/images/gui/top_bg_vet.png) !important;
    background-position:top center;
    /* background-color:#77b22c; */
    background-color: #bdcecd;
    background-repeat:no-repeat;
 }

 .splashMain {
    background-image:none !important;
 }

#btn_play {
    height:47px;
    width:136px;
    cursor:pointer;
    margin-left:740px;
    position:absolute;
}

 .row_page {
    width:875px;
    margin:0 auto;
    padding-top:70px;
 }

.slide_image_1 {
    background-image:url(/media_beta2/media/images/gui/splash_vet_esp.png);
    margin:0 auto;
    height:470px;
    width:900px;
    background-position:top center;
    background-repeat:no-repeat;
}

.slide_image_2 {
    background-image:url(/media_beta2/media/images/gui/splash_vet_ingles.png);
    margin:0 auto;
    height:470px;
    width:900px;
    background-position:top center;
    background-repeat:no-repeat;
}




 .slide_image {
    background-image:url(/media_beta2/media/images/gui/splash.png);
    background-repeat:no-repeat;
    background-position:top center;
    width:900px;
    height:470px;
    margin:-55px auto 0 auto;
 }


#news span, #registrate span {
    display:none;
}


#news, #registrate {
    width:95px;
    height:122px;
    margin-left:20px;
    float:right;
    background-repeat:no-repeat;
    background-image:url(/media_beta2/media/images/gui/nvews.png);
    cursor:pointer;
    margin-top:-100px;
}


 #registrate {
    background-image:url(/media_beta2/media/images/gui/registro.png);
 }


 .register_ico_1 {}


 .register_ico_2 {
    background-image:url(/media_beta2/media/images/gui/registro_2.png) !important;
 }


  .news_ico_2 {
    background-image:url(/media_beta2/media/images/gui/news_2.png) !important;
 }


 #subnav {
    margin:0px;
    padding:0px;
    list-style:none;
 }

 #subnav li {
    text-align:center;
 }


 #subnav li a {
    margin:0px auto 15px auto;
    display:block;
    width:142px;
    height:21px;
    background-image:url(/media_beta2/media/images/gui/btn_main.png);
    padding-top:4px;
    line-height:100%;
 }

 #mainContent a{
    color:#008FBA;
 }


 #mainContent p{
    text-align:left;
 }

 #mainContent a.gender_select {
    float:left;
    margin-top:60px;
    margin-left:50px;
    display:block;
    width:283px;
    height:327px;

 }

 #mainContent .gender_select img {
    width:240px;
    position:absolute;
 }


.registro {
    margin-left:30px !important;
}

.registro h4 {
    padding:0px;
    margin-bottom:5px;
}

.registro input {
    width: 425px;
    border:0 none;
    background-color:#E6E7E8;
    padding:2px;
    font-size:14px;
}

input.btn_registry {
    cursor: pointer;
    color:white;
    border:none;
    width:100px;
    height:22px;
    background-color:transparent;
    background-image:url(/media_beta2/media/images/register/RegBtnBg.png);
    background-position:center bottom;
    background-repeat:no-repeat !important;
    font-size:10px !important;
}

label.error {
    display:block;
    color:#FF0000;
    margin-top:0px;
    text-align:right;
    width:425px;
    position:absolute;
}

#complete {
    width:425px;
    border:1px solid #E6E7E8;
    background-color:#FFFFFF;
    position:absolute;
    font-size:11px;
    *margin-left:-425px;
    *margin-top:25px;
    *display:none;
}

#complete p{
    cursor:pointer;
    margin:0px;
    padding:3px;
}

.over_opt {
    background-color:#97bdd7;
}

#terminos {
    width:410px;
    height:220px;
    padding:8px;
    border:1px solid #97bdd7;
    overflow:auto;
}

.reg_title {
    width:680px;
    margin:0 auto;
    font-weight:normal;
    font-size:20px;
    color:#008FBA;
    padding-bottom:10px;
    border-bottom:2px solid #008FBA;
    margin-bottom:20px;
}

.play_now {
    position:absolute;
    text-align:center;
    width:780px;
}

.retrieve_pass .row {
    margin-bottom:0px;
}

.retrieve_pass .inp {
    text-align:left;
}

.retrieve_pass div.inp input {
    background-color:#E6E7E8;
    border:0 none;
    font-size:11px;
    width:191px;
}

.retrieve_pass .lbl{
    color:#FFFFFF;
    font-size:11px;
    text-align:left;
}

.retrieve_pass #msg{
    padding:15px 25px 0;
    height:159px;
}

#nv_pop {
    height:14px;
    font-size:10px;
    color:#FFFFFF;
    margin-top:4px;
}

#nv_pop #close_popup {
    width:74px;
    height:18px;
    float:left;
    background-image:url(/media_beta2/media/images/alerts/aceptar.gif);
    margin-left:20px;
    cursor:pointer;
}

#nv_pop #send_popup {
    width:74px;
    height:18px;
    float:left;
    background-image:url(/media_beta2/media/images/alerts/aceptar.gif);
    margin-left:10px;
    cursor:pointer;
}


#contacto .row {
    margin-bottom:20px;
}

#contacto .row .lbl{
    margin-bottom:10px;
}

#contacto .row .ip input{
    width:425px;
    border:0px none;
    background-color:#E6E7E8;
    font-size:13px;
    padding:2px;
}

#contacto .row .ip textarea{
    width:425px;
    height:320px;
    border:0px none;
    background-color:#E6E7E8;
    font-size:13px;
    padding:2px;
}

.form_link {
  text-align:left;
  float:left;
  font-size:10px;
  padding-top:6px;
}

/* OVERLAY MESSAGE */

.flash_notice, .flash_warning {
  background-image:url(/images/gui/alert_02.png);
  display:none;
  height:115px;
  margin:250px auto 0;
  padding:75px 25px 0;
  text-align:center;
  width:241px;
  color:#FFFFFF;
}

.overlay {
   position:fixed;
   width:100%;
}

#msg_ok, #msg_back {
  cursor: pointer;
  width:58px;
  height:20px;
  margin: 15px auto 0;
}

.col_msg {
  float:left;
  margin: 0px 0 0 45px !important;
}

.es #msg_ok {
  background-image:url(/images/gui/aceptar.gif);
}

.en #msg_ok {
  background-image:url(/images/gui/accept.gif);
}

.es #msg_back {
  background-image:url(/images/gui/atras_01.gif);
}

.en #msg_back {
  background-image:url(/images/gui/back_01.gif);
}

/*****/

#send, input.cancel, #student_submit, #user_submit, #amco_student_submit {
    width:74px !important;
    height:22px;
    line-height:10px !important;
    background-color:#FFFFFF !important;
    border:0px none;
    font-size:11px !important;
    padding:2px 4px;
    color:#FFFFFF;
    background-image:url(/images/gui/bg_button.gif);
    background-position:center center;
    background-repeat:no-repeat;
    cursor:pointer;
}

#remember {
    width:20px !important;

}

.blueMe {
    color:#0090BB !important;
}

.avatar_msg {
    padding:10px;
    width:319px;
    height:71px;
    color:#FFFFFF;
    font-size:15px;
    text-align:justify;
    line-height:165%;
    margin: 10px 120px 0px auto;
    background-image:url(../images/gui/back_edit_avatar.png);
    background-repeat:no-repeat;
    background-position:left top;
}

#user_mimID {
  margin-top:10px;
}

select.select_300 {
  width:295px;
}

/* Registry styles */
.reg_next_prev{
  margin-left:50px;
  width:640px;
  text-align:right;
  position:absolute;
  margin-top:-60px;
  *margin-top:0px;
}

.helper {
  display:none;
  position:absolute;
  width:215px;
  height:28px;
  background-image:url(/images/gui/helper.gif);
  color:#FFFFFF;
  font-size:10px;
  text-align:center;
  line-height:19px;
  top: 295px;
  margin-left:-85px;
  *top:275px;
}

#compatibility_test {
    float:left;
    width:480px;
    height:200px;
    cursor:pointer;
    margin-left:236px;
    margin-bottom:20px;
    margin-top:-100px;
}

div#error {
  padding:5px;
  margin-bottom:20px;
  background-color:#FF352F;
  color:#FFF;
  text-align:center;
}

#country_row {
  margin-right:20px;
}

#country_row, #city_row {
  float: left;
  width:217px;
}

#country_row select, #city_row input {
  width: 210px;
}

ul#autocomplete {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  width: 214px;
  position: absolute;
}

ul#autocomplete.school {
  width:450px;
}

ul#autocomplete li {
  padding: 4px;
  cursor: pointer;
}

li.list_hover {
  background-color: #949494;
  color: #fff;
}

div.invalid {
  color:#ff0000;
  padding-top:5px;
}

#student_student_id {
  width: 450px;
  font-size:13px;
}

div#confirm {
  margin-left:10px;
  padding-bottom:20px;
  margin-bottom:20px;
}

div#link_area{
  position: absolute;
  top: 437px;
  width: 643px;
}

div.link_box {
  background-image: url("/images/login/buho_2.png");
  background-repeat: no-repeat;
  float: left;
  height: 98px;
  margin: 0 10px;
  width: 220px;
}

div.link_box h4 {
  font-size:18px;
  color:#FFF !important;
  margin:4px 0;
  text-align: center;
}

div.link_box p {
  color: #008FBA;
  font-size: 12px;
  height: 30px;
  line-height: 13px;
  margin: 6px 13px 14px;
  text-align: center !important;
}

div.link_box img {
  width:114px;
  margin: 0 auto;
  display:block;
  cursor:pointer;
}

div#teacher_at_home p {
   margin: 12px 0 5px;
}

div#teacher_at_home {
  background-image: url("/images/login/buho.png");
  background-repeat: no-repeat;
  height: 99px;
  margin-top: -43px;
  padding-right: 54px;
  padding-top: 42px;
  width: 222px;
}