body        {font: normal 11px/normal "Lucida Sans Std", "Lucida Sans",  Verdana, sans-serif; background: #022f68 url(images/body_bg.png) repeat-x 0 100px;} 
#container  {width: 787px; margin: 20px auto 0 auto;}
a  {text-decoration: none;}
section	{color: #fff; margin: 40px;}

/*Shadows*/
.shadow_t   {padding-top: 35px; background: url(images/sprite.png) no-repeat 0 -14px;}
.shadow_c   {margin: 0 19px; background: #004173; position: relative; min-height: 600px;}
.shadow_b   {padding-bottom: 35px; background: url(images/sprite.png) no-repeat 0 -52px;}

/*Header*/

.header   {position: relative; padding-bottom: 10px;}

.logo     {float: right; margin: -12px 15px 0 0;}
.logo a   {background: url(images/sprite.png) no-repeat -788px 0; width: 312px; height: 70px; display: block; text-indent: -1000px; overflow: hidden;}

.nav       {clear: both; background: #1c68aa; position: relative;}
.nav ul   {list-style: none; padding: 0 0 0 20px; height: 40px;}
.nav li   {display: inline;}
.nav a    {display: inline-block; height: 40px; padding: 0 20px; color: #fff; font: normal 20px/32px "Yanone Kaffeesatz", "Lucida Sans Std", "Lucida Sans", sans-serif}
.nav a:hover {background: #378cd5;}
.nav .current, nav .current:hover, .home a.home, .login a.login, .noticias a.noticias, .ayuda a.ayuda   {background: #a4c821;}
.nav .cut {position: absolute; bottom: 0; left: 0; background: url(images/sprite.png) no-repeat 0 0; height: 14px; z-index: 30; width: 100%;}

.socialnets	{background: #004173; padding: 0 3px; position: absolute; top: -1px; z-index: 40; right: 20px;}
.socialnets	a	{padding: 0 5px;}
.socialnets	a:hover	{background: none}

#sesion_box {background: #124b85; padding: 6px; position: absolute; top: 12px; left: 18px; color: #9eb3d4;
             border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}
#sesion_box a  {color: #fff;}
.login_visitor_link  {display: none;}

/*Extends*/
.extend     {position: absolute;  padding: 5px; background: #10203d; width: 160px; height: 600px; z-index: 1;}
#extend2    {top: -5px; left: 749px;}
#extend1    {top: 0px; left: -170px;}

/*Enviar Mensaje*/
#content {width: 320px; border: 10px solid #aec83a; background: #d5ed5d; color: #3a4601; float: right; position: relative; border-width: 50px 10px 10px 10px; margin: 0 10px 0 0}
#content p  {padding: 10px;}
#content h3      {margin-top: 20px;}
#enviarMensaje   {background: #eefbad; padding: 10px; margin: 0 0 50px 0;}
.input_phone      {float: left;}

#content .ie_wrap	{padding: 30px 10px 10px 10px;}

#content .operadores {list-style: none; padding-top: 15px;}

#content .operadores li.recognized	{background: #fff;}
#content .operadores li.recognized.tig	{border-bottom: 2px solid #004d8e; border-color: #004d8e}
#content .operadores li.recognized.clar	{border-bottom: 2px solid #c92500; border-color: #c92500}
#content .operadores li.recognized.mov	{border-bottom: 2px solid #86ac03; border-color: #86ac03}

.operadores	li {display: block; float: left;  margin-right: 10px;}
#content .operadores li { border: 1px solid #f0f8c5; border-top: 1px solid #bdcd6d; background-color: #d9e792; padding: 8px;
                         border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}

/*Agenda*/
#agenda  {background: #cedaee; border: 10px solid #a1b1d5; border-width: 50px 10px 10px 10px; padding: 30px 10px 10px 10px; width: 310px; margin: 10px 10px 0 10px; position: relative}
#agenda h2, #content h2  {position: absolute; top: -40px;}
.contact_search {position: relative; background: #b4c1d6; padding: 5px;}
.contact_search .textbox {padding-left: 25px; width: 263px;}
.contact_search .magni   {background: url(images/sprite.png) no-repeat -320px -87px; width: 16px; height: 16px; position: absolute; top: 15px; left: 11px;}

#contactos  {background: #fff; height: 250px; overflow-y: scroll; overflow-x: hidden; padding-right: 5px;}
#contactos ul  {list-style: none;}
#contactos li  {border-bottom: 1px solid #dddddd; display: block; padding: 15px; width: 265px; overflow: hidden; line-height: 16px; position: relative;}
#contactos h3  {float: left; padding: 0 0 0 5px; max-width: 145px;}
#contactos .icon  {float: left; display: block;}
.name  {font-size: 14px; color: #32425b; font-weight: normal;}
.phonenm {color: #505967; padding: 2px 10px 0 10px; display: block; float: left; display: none;}
.opc   {float: right; display: none;}
.opc span   {margin-left: 5px; cursor: pointer;}
.hovered  {background: #f1f4fa;}
.clicked  {background: #effbed;}
#contactos li.editing  {background: #a1b4de; padding: 10px 15px;}
.deleteask   {background: #fee7d1;}

#addcontact  {position: relative;}
#addcontact h3  {color: #3e54a0; font-size: 14px; font-weight: normal; text-shadow: 0 1px 0 #fff; line-height: 20px; padding: 10px; width: 150px; cursor: pointer;}
#addcontact .clicked {background: #8297c6; color: #fff; text-shadow: 0 -1px #3e54a0;}
#addcontact .contacter  {background: #8297c6; padding: 5px 5px 7px 5px; position: absolute; top: -45px; width: 300px; display: none; z-index: 10000;}
#addcontact .success {background: #aec83a !important;}
/*Footer*/
footer {color: #b1bfdf; padding: 0 20px 20px 20px;}
footer .our_social {list-style: none; display: inline-block; margin: 0 5px;}
footer .our_social li {display: inline; margin: 0 10px;}

/*Guests*/

.guest_bit  {width: 315px; margin: 20px 0 20px 35px; color: #fff; font-size: 12px;}
.guest_bit h2  {margin: 0 0 20px 0; padding-top: 60px;}
.guest_bit .sep   {background: url(images/sep_hor.png) repeat-x; margin: 10px;}
.guest_bit .login_link  {padding: 15px 50px; text-align: center; margin-top: 50px; padding-top: 42px; padding-bottom: 30px;}
.guest_bit .login_link p   {color: #a6b4c9; font-size: 10px;}

.login_box   {clear: both; padding-top: 10px;}
.description	{font-size: 13px; color: #fff}
.annotation		{font-size: 12px; font-style: italic; color: #daefff;}

#mensajin_login .annotation	{padding: 10px 0 ;}

.login_btn_wrap	{padding: 10px 0; width: 100%;}
.mensajin_login_wrap 		{display: none;}
.icon.fb_login	{background: url(images/fb_login.png) no-repeat 0 0; width: 217px; height: 25px; cursor: pointer;}

#showloginme	{background: #003157; display: block; margin: 20px; font-size: 13px; padding: 10px 0; width: 217px; text-indent: 10px; border-bottom: 1px solid #0060aa; cursor: pointer;}

.third_logins  {list-style: none; margin: 20px 30px;}
.third_logins li  {margin-bottom: 20px;}
.sesion h2     {margin-top: 0;}

.third_logins .icon		{margin: 3px; display: block;}
.third_logins .selected	{border: 3px solid #2487dd; margin: 0}
.third_logins .success	{border: 3px solid #97ce13; margin: 0}
.third_logins .error	{border: 3px solid #d8280b; margin: 0}

.integrate_account 	{background: #cedaee; width: 223px; display: block; color:#47506f; text-align: center; display: none;}
.integrate_account h4	{margin: 0 0 5px 0; text-align: left; color: #202946; background: #afbddd;border-color: #a1b1d5;}
.integrate_account .textbox	{margin-top: 10px;}
.integrate_account .error_in	{border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;padding: 5px 15px;}

#mensajin_login      {margin: 0 25px; text-align: left; width: 217px;}
#mensajin_login input.textbox    {width: 200px;}
.lostpass {color: #83a2c4; text-decoration: underline;}
.login_box em	{color: #fff;}
#mensajin_login .button {padding: 10px 0; margin-top: 20px; width: 180px}

#lostpass         {text-align: right;}
#lostpass .success.alt     {background: #fff; color: #aec83a;}
#lostpass .success   {background: #aec83a; color: #fff; font-size: 13px; padding: 5px 10px; margin: 20px 10; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; display: none;}
#lostpass form {display: none;}
#loastpass .success	{display: none;}
#lostpass.clicked   {background: #002848; padding: 10px; text-align: center; margin: 20px 10px 0 10px;
             border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}
#lostpass.clicked .lostpass  {display: inline-block; padding-bottom: 10px;}
#lostpass.clicked input   {width: 150px; display: inline-block;}
#lostpass input   {display: none;}
#lostpass p {margin: 10px;}

/*Typography*/
h2 {font: normal 48px/normal "Yanone Kaffeesatz", "Lucida Sans Std", "Lucida Sans", sans-serif; color: #fff;}
#conten h4 {font-size: 16px; font-weight: normal; padding: 10px 5px;}
#content h3     {background: #c5dc52; color: #404e03; font-weight: normal; font-size: 14px; padding: 10px;}
h4	{border-bottom: 2px solid #002849; padding: 5px 10px; font-size: 10px; text-transform: uppercase; color: #fff;}

/*Forms*/
.textbox   {background: #fff url(images/input_bg.png) repeat-x; border: none; outline: none; padding: 8px; border: 1px solid #112647; font-style: italic; color: #7b7b7b;
            border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}
.textbox:focus {color: #464a51; font-style: normal;}
#agenda .textbox  {color: #929fb5; border-color: #75859f;}
#agenda .textbox:focus  {color: #3f4f69; border-color: #3f4f69;}

.textbox.error {border-color: #d20101 !important; color: #890202 !important;}

.details_form .textbox.error	{color: #fff !important;}

#content .textbox {color: #929680; border-color: #979b6f; padding: 6px; width: 120px;}
#content .textbox:focus {color: #606438; border-color: #606438;}
#content textarea {width: 367px;}

textarea {background: #fff url(images/input_bg.png) repeat-x; border: none; outline: none; padding: 8px; border: 1px solid #979b6f; margin: 0; color: #929680; font: italic 13px/normal "Lucida Sans Std", "Lucida Sans",  Verdana, sans-serif;}
textarea:focus {color: #606438; border-color: #606438;}

#content .submit, .button.dark  {height: 31px; background: #03477b url(images/submit_bg.png) repeat-x; border: 1px solid #193259; color: #e0ecff; outline: none; float: left; padding: 0 10px; font: normal 18px/29px "Yanone Kaffeesatz", "Lucida Sans Std", "Lucida Sans", sans-serif;
                   border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; cursor: pointer; text-shadow: 0 1px 0 #0e2952;}
#content .submit:hover, .button.dark:hover  {border-color: #0b1d39; color: #fff;}

.button  {background: #1c68aa url(images/button_bg.png) repeat-x; border: 1px solid #213f6f; padding: 10px 24px; font-style: italic; font-size: 14px; font-weight: normal; color: #e9f2ff; text-shadow: 0 -1px 0 #163058; display: inline-block;
          border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; margin: 10px 0; cursor: pointer;}
.button:hover  {color: #fff; border-color: #091c3b; text-shadow: 0 -1px 0 #091c3b;}

.button.check  {padding: 5px 4px; background: #d9d9d9 url(images/check_bg.png) repeat-x; border-color: #647693; margin: 5px 0 0 5px; height: 14px;}
.button.check:hover {border-color: #091c3b;}

.button.big	{padding: 15px 30px;}

.input_phone      {position: relative;}
.input_phone .icon.phone, .input_phone .icon.person  {position: absolute; top: 9px; left: 10px;}
.input_phone .textbox      {padding: 8px 15px 8px 23px !important;}

#editaccount   {display: none; line-height: 38px;}
#editaccount h2   {margin-top: 20px; padding: 0}
#editarDatos label {width: 80px; display: inline-block; text-align: left; padding: 0 10px;}
#editarDatos .input_phone  {float: none; display: inline-block;}
#editarDatos .sep {padding: 12px 0;}
#editarDatos .sep label   {width: 140px;font-size: 11px;}
#editarDatos .sep .textbox {width: 100px; font-size: 11px;}
#editarDatos p	{margin: 0 12px; padding: 0;}
#editarDatos .fb_user	{margin: 0 10px;}
#editarDatos .button {margin-left: 70px; margin-top: 20px;}
#editarDatos .fbintegrated	{display: none;}

.templates_error	{padding: 10px 20px; margin: 20px 60px 20px 20px; color: #cde0ee; border-left: 2px solid #002846; background: #013863;}
.templates_error h3	{color: #c95c3a;}
.templates_error p	{font-size: 14px;}

.contact .nombre  {width: 70px; margin-right: 10px;} .contact .tele   {width: 60px;}

.hacercontacto {position: relative;}
.hacercontacto .textbox {width: 70px;}
.hacercontacto .cancel  {top: -12px; left: -11px; position: absolute; cursor: pointer;}
.contact .hacercontacto .cancel  {top: 10px; left: -15px;}
.error_in, .success_in  {padding: 5px; background: #fff; color: #cf2f19; font-size: 10px; display: none;
            border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}

.contacter .hacercontacto .textbox  {width: 86px;}

.success_in {background: #fff; color: #8fcc1a; font-size: 12px;}
.success_in.alt {background: #8fcc1a; color: #fff;}

.centered   {text-align: center;}

.error_login   {margin: 7px 20px 3px 20px; font-size: 12px;}
                
.error_in.alt  {background: #cf2f19; color: #fff; font-size: 12px;}

form  {background-image: url(images/ajax-loader.gif); background-repeat: no-repeat; background-position: -100px 0;}

#ajax-loading, .loaderind{background: #024274 url(images/ajax-loader.gif) no-repeat center center; width: 16px; height: 16px; position: absolute; top: -200px; z-index: 100; padding: 3px;
                border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;}
#agenda .loaderind	{background: #A1B1D5 url(images/ajax-agenda.gif) no-repeat center center; right: 15px; top: -2px; height: 11px; width: 25px;}
#editarDatos .sep {background-color: #01355e; margin: 10px 0 0 0; padding: 7px 5px 5px 5px;}
#editarDatos .confirm    {display: none;}

/*Icons*/
.icon    {background: url(images/sprite.png) no-repeat 0 0; display: inline-block; width: 16px; height: 16px; text-indent: -1000px; overflow: hidden;}
.icon.envelope {background-position: -235px -82px; padding-bottom: 1px; margin-right: 10px;}
.icon.phone    {background-position: -123px -87px; width: 14px; height: 17px;}
.icon.tigo  {background-position: -789px -70px;width: 43px; height: 32px;}
.icon.claro  {background-position: -853px -71px;width: 70px; height: 32px;}
.icon.movis  {background-position: -941px -71px;width: 39px; height: 32px;}
.icon.fb {background-position: -140px -87px;}
.icon.tw {background-position: -160px -87px;}
.icon.sender   {background-position: 0 -84px;}
.icon.sender.hover {background-position: -21px -84px;}
.clicked .icon.sender {background-position: -41px -84px;}
.icon.edit  {background-position: -299px -87px; width: 12px;}
.icon.edit:hover  {background-position: -284px -87px;}
.icon.delete  {background-position: -270px -87px; width: 12px;}
.icon.delete:hover  {background-position: -255px -87px;}
.icon.blueplus {background-position: -179px -87px;}
.icon.person {background-position: -82px -87px;}
.icon.phone.blue  {background-position: -103px -87px;}
.icon.tick   {outline: none; border: none; background-position: -62px -87px; height: 14px; cursor: pointer;}

.icon.fbbig {background-position: -990px -71px; width: 32px; height: 32px;}
.icon.twbig {background-position: -1029px -71px; width: 32px; height: 32px}
.icon.copy  {background-position: -216px -88px; width: 14px; height: 15px;}

.copy_button   {padding: 8px 5px 0 5px; float: left; cursor: pointer;}

.icon.cancel   {width: 17px; height: 15px; background-position: -196px -88px;}

/*Guests/Members*/
#agenda  {background-image: url(images/ajax-agenda.gif); background-repeat: no-repeat; background-position: 0 -1000px;}

/*News*/
.news   {padding: 0 30px;}
#news_list {list-style: none; margin: 0 0;}
#news_list .news_li  {background: #053153; position: relative; }
.news_head {padding: 15px 5px; color: #739ab8; text-shadow: 0 1px 0 #021422; border-bottom: 3px solid #04233b;}
.news_head h3  {display: inline; font-weight: normal; font-size: 14px; color: #dbe670; margin: 0 5px 0 15px;}
.news_head .author   {font-style: italic; font-size: 12px;}
.news_head .date  {font-size: 11px; color: #0667b1; float: right; margin-right: 15px;}
.news_body     {border-top: 1px solid #1f4a6b; padding: 20px 25px; color: #a3bacc; overflow: hidden;}

.news_footer   {background: url(images/news_footer_bg.png) repeat-x; padding-top: 25px; position: absolute; bottom: 0; width: 100%;}
.news_footer .handy   {background: #2b77b8; padding: 0 12px 3px 12px; position: absolute; right: 0; color: #fff; cursor: pointer;}

/*Recargas compar*/

.details_form h3, h3.subbed	{border-bottom: 2px solid #002849; padding: 5px 10px; font-size: 10px; text-transform: uppercase; color: #fff}
.details_form form	{padding: 15px 10px 10px 10px;}
.details_form .input	{float: left; color: #51aaee; margin: 0 10px 15px 0;}
.details_form .input .textbox	{padding: 7px 10px; background: #002f55; border: none; border-bottom: 1px solid #18649e; color: #a4bbcd; font-size: 12px; outline: none;}
.details_form .input label	{font-size: 11px; padding-left: 10px;}
.details_form .input.focused .textbox	{border-color: #3b77a6; color: #fff;}
.explanation	{color: #348fd4;}
.details_form .button	{width: 200px}
.textbox.extended	{width: 220px;}
.textbox.long	{width: 190px;}
.textbox.medium	{width: 110px;}
.textbox.short	{width: 60px;}


/*Registro completar*/
.completar .details_form	{margin: 30px 0 0 0;}
.completar p	{margin: 20px 0;}

/*Ayuda*/
#ayuda	{color: #dadee7}
#ayuda dl	{margin: 10px 50px 10px 0}
#ayuda dt	{padding: 10px; border-bottom: 2px solid #A4C821; margin-top: 10px; color: #fff; background: #13558f; font-weight: bold;} 
#ayuda dd	{padding: 10px; font-size: 13px;}
#ayuda a		{color: #fff;}
/*AJAX*/
#replaceici	{position: relative; min-height: 440px}
#replaceici .loading-ajax	{left: 350px; display: none;}

/*Misc*/
.clear   {clear: both;}
.hidden  {display: none;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*Tipsy*/
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000;}
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #1c5576; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url(images/tipsy.gif) no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }