/* =Global
----------------------------------------------- */
/*
	light: #92af4c
	dark: #054852
*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.btn { display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:100%/1.2 Arial,Sans-serif; text-decoration:none; color:#333; }
* html button.btn { padding-bottom:1px; }
html:not([lang*=""]) button.btn { margin:0 -3px; }
.btn span { background:#ddd url(http://img.mercadofotos.com/bg-button.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #bbb; border-right:1px solid #aaa; }
* html .btn span { padding-top:0; }
.btn span span { position:relative; padding:3px .4em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa; }
button.pill-l span { border-right-width:0; }
button.pill-l span span { border-right:1px solid #bbb; }
button.pill-c span { border-right-style:none; border-left-color:#fff; }
button.pill-c span span { border-right:1px solid #bbb; }
button.pill-r span { border-left-color:#fff; }
.btn, .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor:pointer; border-color:#9cf !important; color:#000; }
.btn:active span { background-position:0 -400px; outline:none; }
.btn:focus, .btn:active { outline:none; }
.primary { font-weight:bold; color:#000; }
.disabled { color: #666; }
div.plural { display: inline; }
.rounded { -moz-border-radius:5px; -webkit-border-radius:5px; }
.info { cursor: help; font-size: 9px; border-bottom: 1px dotted #000; color: #333; }
li.prox { color: #777; list-style: none; }
li.prox:after { content: ' (proximamente)'; }

.btncol { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btncol * { font-style: normal; background-image: url(http://img.mercadofotos.com/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btncol strong { background: none; display: inline; }
.btncol i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btncol span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btncol span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btncol span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btncol span,
* html .btncol i { float: left; width: auto; background-image: none; cursor: pointer; }

.btncol.blue { background: #2ae; }
.btncol.green { background: #9d4; }
.btncol.dark-green { background: #5D8B4F; }
.btncol.light-green { background: #89C111; }
.btncol.light-green:hover { background-color: #89C111; }
.btncol.pink { background: #e1a; }
.btncol:hover { background-color: #91BA5D; }
.btncol:active { background-color: #444; }
.btncol[class] {  background-image: url(http://img.mercadofotos.com/shade.png); background-position: bottom; }

* html .btncol { border: 3px double #aaa; }
* html .btncol.blue { border-color: #2ae; }
* html .btncol.green { border-color: #9d4; }
* html .btncol.pink { border-color: #e1a; }
* html .btncol:hover { border-color: #5D8B4F; }

.new { font: 8px Verdana, Arial, Helvetica, sans-serif; color: #000000; background: #FFE28A; padding: 1px; vertical-align: middle; position:relative; top:-1px !important; text-transform:uppercase; }
.boo { display: none; }
.far_away { position: absolute !important; top: -9999px !important; left: -9999px !important; }
.fresh { color: #00f !important; }
a.close_dialog, a.close_dialog:link, a.text_action, a.text_action:link { font-size: 0.9em; color: #333; }
div.success { padding: 150px 0 60px; border: 1px solid #5D8B4F; background-color: #B9CDB4; background-image: url(http://img.mercadofotos.com/big-tick.gif); background-position: center 50px; background-repeat: no-repeat; zoom: 1; }
p.error, label.error, span.error, #content.error { color: #8a1f11; }
label.error { width: 440px !important; padding-bottom: 20px; }
input.error { border-color: #8a1f11; border-style: solid; }
.center { text-align: center !important; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.obfuscate { unicode-bidi:bidi-override; direction: rtl; border-bottom: 1px dotted #000; cursor: help; }
.inline * { display: inline !important; }
.small { font-size: 10px; }

.mini-error, .mini-notice, .mini-success { padding: .8em; margin-bottom: 1.6em; margin-top: 20px; border: 2px solid #ddd; }
.mini-error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.mini-notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.mini-success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.mini-error a { color: #8a1f11; background: none; padding: 0; margin: 0; }
.mini-notice a { color: #514721; background: none; padding: 0; margin: 0; }
.mini-success a { color: #264409; background: none; padding: 0; margin: 0; }

/* Forms */
.aligned_form { position:relative; zoom:1; text-align: left; }
.aligned_form fieldset { padding-top: 10px; }
.aligned_form fieldset legend { font-weight:bold; margin:0; padding:0 5px; }
.aligned_form fieldset fieldset { border-width:1px 0 0; padding:10px; margin:0; }
.aligned_form fieldset fieldset legend+*, .aligned_form fieldset fieldset label.first { margin-top:0; }
.aligned_form fieldset fieldset legend { padding:0 10px; font-size:0.9em; font-style:italic; color:#666; }
.aligned_form fieldset fieldset label { width:140px; padding-right:10px; }
.aligned_form fieldset select.birthday { width:56px; display:inline; float:none; }
.aligned_form fieldset label { padding-right:20px; text-align: right; }
.aligned_form fieldset input.submit { float: none; margin-left: auto; margin-right: auto; }
.aligned_form br { clear:left; }
.aligned_form fieldset label, .aligned_form fieldset input, .aligned_form fieldset select
{ display: block; width: 180px; float: left; margin-bottom: 10px; margin-left: 5px; }


/* =Template
----------------------------------------------- */
body { text-align: center; background-color: #f0f9f0; font-family: "Lucida Grande", sans-serif; }
html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }
#main { padding-bottom: 50px; }
#contents { padding-top: 50px; }
#footer { position: relative; margin-top: -50px; height: 50px; clear:both; font-size:10px; color:#555; line-height: 20px; }
#footer .sections { margin-bottom: 5px; font-size: 12px; }
#footer .sections a { color: #00008B; border-bottom: 1px dotted #00008B; }
#footer .sections a:hover { color: #00f; border-bottom: 1px solid #00f; }
#footer .sections .social_media { font-size: 11px; margin-left: 25px; }
#footer a { color: #333; text-decoration: none; border-bottom: 1px dotted #333; }
#footer a:hover { color: #000; border-bottom: 1px solid #000; }
#footer .copy { color: #333; }
#footer .beta sup, #footer .beta sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
#footer .beta sup { bottom: .1ex; }
#footer .beta sub { top: .1ex; }


/* =Navigation
----------------------------------------------- */
#user_menu { position: absolute; top:5px; right:20px; font-size: 0.9em; }
#user_menu li { display: inline; padding: 0 4px 0 6px; border-left: 1px solid #777; margin:0; }
#user_menu li.first { border-left: none; }
#user_menu li a { text-decoration: none; border-bottom: 1px dashed #00f; color: #00f; }
#user_menu li a:hover { border-bottom-style: solid; }
#user_menu li span.username { color: #666; }

#navbar a { color: #00f; text-decoration: none; }
#navbar a:hover { text-decoration: underline; }
#navbar a.active { font-weight: bold; color: #666; cursor: default; text-decoration: none; }


/* =Content
----------------------------------------------- */
.logo { display: block; margin: 0 auto 20px; background: url(http://img.mercadofotos.com/logo.png); width: 260px; height: 130px; text-indent: -99999px; }
.logo.small { display: inline-block; background: url(http://img.mercadofotos.com/logo-small.png); width: 150px; height: 75px; }
input.link_holder { text-align: center; width:80%; }

/* Main */
#intro { height: 520px; background-repeat: no-repeat; margin: -40px 0 0 -40px; padding: 40px 0 0 530px; }
#intro h1, #intro .tagline { display:inline; font-weight: normal; font-size: 26px; line-height: 36px; letter-spacing: -2px; }
#intro h1 { font-weight: bold;  }
#intro .tagline span { line-height: 75px; }
#intro ul { text-align: left; list-style-image: url(http://img.mercadofotos.com/checkmark.jpg); padding-left: 10px; margin-top: 20px; }
#intro .btncol { font-size: 20px; }
#intro p.act { text-align: left; }
#intro p.act span.or { line-height: 38px; margin-left: 10px; color: #333; }
#intro p.act span.or a { color: #000; }
#intro #screencast_promo { float: right; width: 150px; margin-top: 20px; font-size: 12px; letter-spacing: -0.7px; color: #333; }
#intro #screencast_promo a { background: url(http://img.mercadofotos.com/screencast.png) no-repeat; display: block;
	text-indent: -999999px; width: 130px; height: 79px; margin: 0 auto 5px; }

/* Finder */
#content { clear: left; min-height: 200px; }
* html #content { height: 200px; }
#toolbar, #breadcrumbs, #buttons { margin: 0; padding: 0; text-align: left; }
#toolbar { width: 100%; }
#breadcrumbs { width: 300px; float: left; }
#buttons { width: 600px; margin: 0 auto; }
#stats { clear: both; margin: 20px auto; width: 300px; font-size: 11px; }
#stats .bar { width: 100%; height: 16px; background-color: #b8cf81; text-align: left; }
#stats .bar div { height:16px; background-color: #054852; border-right: 1px #fff solid; }
#stats a.info { cursor: pointer; font-size: 9px; border-bottom: 1px dotted #000; color: #333; text-decoration: none; }
#updates { position: absolute; top: 0; left: 0; }
#updates a { display:block; width: 60px; height:45px; background: url(http://img.mercadofotos.com/twitter.png) no-repeat 10px -10px; }
#tab-selector ul { list-style: none; border-bottom: 1px solid #333; width: 100%; text-align: left; padding-left: 10px; }
#tab-selector ul li { display: inline; border-color: #333; border-style: solid; border-width: 1px; margin-left: 5px; padding: 2px 4px; }
#tab-selector ul li a { text-decoration: none; color: #00f; }
#tab-selector ul li.active { border-bottom-color: #f0f9f0; font-weight: bold; }
#tab-selector ul li.active a { color: #000; }

/* Finder: upload */
.center_top { border: 3px solid rgb(170, 170, 170); margin: 0px; padding: 0px; z-index: 1002; position: fixed; width: 30%; top: 40%; left: 35%; text-align: center; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); cursor: default; }
.hard_block { border: medium none ; margin: 0pt; padding: 0pt; z-index: 1000; cursor: wait; width: 100%; height: 100%; top: 0pt; left: 0pt; background-color: rgb(0, 0, 0); opacity: 0; position: fixed; }
.inblock { background: #F0F0F0; color: #7F7F7F; font-size: 11px; border: 1px solid #7F7F7F; margin: 10px; padding: 5px; }
.inblock p { margin-bottom: 0; }
@media screen and (-webkit-min-device-pixel-ratio:0) { .webkit_object_wrapper { width: 155px; display: block; margin: 0 auto; } }
.swfupload { position: absolute; z-index: 1; vertical-align: top; }
div.flash { width: 100%; margin: 10px 5px; border-color: #D9E4FF; -moz-border-radius-topleft : 5px; -webkit-border-top-left-radius : 5px;    -moz-border-radius-topright : 5px;    -webkit-border-top-right-radius : 5px;    -moz-border-radius-bottomleft : 5px;    -webkit-border-bottom-left-radius : 5px;    -moz-border-radius-bottomright : 5px;    -webkit-border-bottom-right-radius : 5px; }
.progressWrapper { width: 100%; overflow: hidden; color: #333; }
.progressContainer { margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden; }
.message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; }
.red { border: solid 1px #B50000; background-color: #FFEBEB; }
.green { border: solid 1px #DDF0DD; background-color: #EBFFEB; background-image: url(http://img.mercadofotos.com/small-tick.gif); background-position: right; background-repeat: no-repeat; }
.blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; }
.progressName { font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; }
.progressBarInProgress, .progressBarComplete, .progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; }
.progressBarComplete { width: 100%; background-color: green; visibility: hidden; }
.progressBarError { width: 100%; background-color: red; visibility: hidden; }
.progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; }
a.progressCancel { font-size: 0; display: block; height: 14px; width: 14px; background-image: url(../images/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right; }
a.progressCancel:hover { background-position: 0px 0px; }
#upload_dialog.center_top { left: 30%; width: 40%; top: 10%; position: absolute; }

/* Pages */
ul#pages { list-style: none; }
ul#pages li { display: block; float: left; width: 128px; height: 128px; background: url(http://img.mercadofotos.com/empty_sketchy.png) no-repeat; }
ul#pages li a { display: block; overflow: hidden; text-align: left; height: 80px; width: 80px; padding: 30px 0 0 15px; color: #00f; text-decoration: none; }
ul#pages li a:hover { overflow: visible; }

/* Photos */
ul#photos { list-style: none; text-align: left; padding-top: 30px; }
ul#photos li { display: inline-block; vertical-align: top; float: none; width: 128px; height: 128px; margin: 0 10px 70px; }
* html ul#photos li { display:inline; }
* + html ul#photos li { display:inline; }
ul#photos li a { display: block; background: #fff; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #ddd; }
ul#photos li a img { margin: -15px -15px 0 0; padding: 25px 15px 10px 12px; width: 100px; background: url(http://img.mercadofotos.com/clip.png) no-repeat top right; }
ul#photos .ui-selectee { border: 1px solid #f0f9f0; }
ul#photos .ui-selecting { border: 1px dotted #00f; }
ul#photos .ui-selected { border: 1px solid #333; }
#get_codes_dialog p { padding: 0 10px; }
#get_codes_dialog label { vertical-align: top; }
#get_codes_dialog textarea { overflow-x: hidden; width: 100%; }

/* Photo */
.codes textarea { height: 60px; width: 100%; border-style: solid; border-width: 2px; border-color: #ccc #ddd #ddd #ccc; padding: 5px; }

/* Stats */
ul#stats-sidebar { float: left; width: 100px; padding: 10px 5px; text-align: left; }
ul#stats-sidebar, ul#stats-sidebar li ul { list-style: none; }
ul#stats-sidebar li { padding: 0 2px; margin: 0; color: #333; cursor: default; }
ul#stats-sidebar li ul li { padding-left:10px; font-size: 11px; }
ul#stats-sidebar li a, ul#stats-sidebar li ul li a { text-decoration: none; display: block; color: #00f; } 
ul#stats-sidebar li a:hover, ul#stats-sidebar li ul li a:hover { text-decoration: underline; }
ul#stats-sidebar li.active { border: 1px solid #777; }
ul#stats-sidebar li.active a { color: #000; cursor: default; }
ul#stats-sidebar li.active a:hover { text-decoration: none; }
p#stats-timeline { float: right; color: #333; }
p#stats-timeline a.inactive { color: #000; font-weight: bold; text-decoration: none; cursor: default; }
p#stats-timeline a { text-decoration: none; color: #00f; }
.stats-try { background: url(http://img.mercadofotos.com/stats-bg.jpg) no-repeat center top; width: 100%; height: 400px; }

/* Plans */
div#plans { margin-bottom: 50px; }
div#plans div { cursor: pointer; border: 1px solid #5D8B4F; text-align: center; background-color: #B9CDB4; color: #333; }
div#plans div.current { cursor: default; border: 1px solid #5D8B4F !important; margin: 0 10px 0 0 !important; }
div#plans div.go_for_it { border: 3px solid #91CA18; margin: -2px 8px -2px -2px; }
div#plans.personal-plan div.personal,
div#plans.vendedor-plan div.vendedor,
div#plans.lider-plan div.lider,
div#plans.eshop-plan div.eshop { border: 1px solid #309800 !important; margin: 0 6px 0 0 !important; }
div#plans.personal-plan div.personal p.current,
div#plans.vendedor-plan div.vendedor p.current,
div#plans.lider-plan div.lider p.current,
div#plans.eshop-plan div.eshop p.current { color: #316F14; }
div#plans div h2, div#plans .imp { color: #000; margin: 0; background: #DCE8CB; font-weight: normal; padding: 10px 0; }
div#plans div ul { list-style: none; margin-top: 10px; }
div#plans div ul li { text-align: left; margin: 10px 10px 0; border-bottom: 1px dashed #999; padding-bottom: 10px; }
div#plans div ul div.price { text-align: center; background: #DCE8CB; border: 0; margin: 20px 20px 15px; padding: 0; color: #111; font-size: 30px; line-height: 15px; text-transform: uppercase; }
div#plans div ul div.price span { display: none; }
div#plans div ul div.price sup { vertical-align: super; font-size: 10px; text-decoration: underline; }
div#plans div ul div.price small { font-size: 9px; margin-left: -12px; color: #333; }
div#plans div ul li.last, div#plans div ul li.checkout { border: none; }
div#plans div ul a.btncol { float: none; font-size: 15px; margin: 15px auto 0; text-align: center; width: 150px; }
div#plans div ul p.current { margin: 15px 0 0; color: #555; text-align: center; }
div#plans div ul p.current a { font-size: 10px; color: #8a1f11 }
div#plans div ul li strong { color: #222; }
div#plans div ul li strong.check { background-image: url(http://img.mercadofotos.com/micro-tick.gif); background-repeat: no-repeat; padding-left: 22px; }
.payments-box { background-color: #fff; width: 535px; margin: 0 auto 10px; }
.payments-box strong { display:block; margin-bottom: 10px; }
.payments-box img.small { height: 25px; }

/* Terms of Service */
.important { background: #FFFBCC none repeat scroll 0 0; border: 1px solid #E6DB55; margin-top: 5px; padding: 2px 8px; }
.ig_tbl_line { float: right; }
.legal { margin-top:20px; clear: left; text-align: justify; }
.legal ul li, .legal ol li { padding-bottom: 10px; }


/* =3rd party
----------------------------------------------- */
/* jQuery UI Tabs */
@media projection, screen { .ui-tabs-hide { display: none; } }
@media print { .ui-tabs-nav { display: none; } }
.ui-tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px; }
.ui-tabs-nav:after { display: block; clear: both; content: " "; }
.ui-tabs-nav li { float: left; margin: 0 0 0 1px; min-width: 84px; }
.ui-tabs-nav a, .ui-tabs-nav a span { display: block; padding: 0 10px; }
.ui-tabs-nav a { margin: 1px 0 0; padding-left: 0; color: #27537a; font-weight: bold; line-height: 1.2; text-align: center; text-decoration: none; white-space: nowrap; outline: 0; }
.ui-tabs-nav .ui-tabs-selected a { position: relative; top: 1px; z-index: 2; margin-top: 0; color: #000; }
.ui-tabs-nav a span { width: 64px; min-width: 64px; height: 18px; min-height: 18px; padding-top: 6px; padding-right: 0; }
*>.ui-tabs-nav a span { width: auto; height: auto; }
.ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 1px; }
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { background-position: 100% -150px; }
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background-position: 100% -100px; }
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { background-position: 0 -50px; }
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { background-position: 0 0; }
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { cursor: text; }
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { cursor: pointer; }
.ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); }
.ui-tabs-panel { border-top: 1px solid #97a5b0; padding: 1em 8px; background: #fff; }
.ui-tabs-loading em { padding: 0 0 0 20px; }
* html .ui-tabs-nav { display: inline-block; }
*:first-child+html .ui-tabs-nav { display: inline-block; }