/* HTML5 tags */
header, section, footer, aside, nav, article, figure { display: block }

@media print {

    html {
        background: #FFF;
    }
}

/* LAYOUT */

html { background: url(/img/bg.png) repeat scroll 0 0 #999 }
.floater { float: left; height: 50%; margin-bottom: -120px}
.page { width: 960px; margin: 0 auto; margin-top: 20px; border-radius: 10px; -moz-border-radius: 10px }
/* .login { width: 300px; height: 240px; margin: 0 auto; clear:both; position:relative } */
.body { padding: 10px }
.head { height: 170px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0 }
.footer { padding: 10px; color: #999; text-align: center }
.navigation-li { float: left; margin: 0 10px }
.data-form-item { padding: 0 0 20px 0 }
.data-form-detail { margin-left: 30px }
.datainput {
    float: left;
    left: -24px;
    padding: 10px;
    position: relative;
    width: 135px;
}

.page-terms { background-color: #FFF; width: 800px; margin: 0 auto; padding: 40px; font-family: Times, serif }
.page-terms p { font-size: 13pt; line-height: 17pt; margin-bottom: 17pt; padding: 0; text-align: justify }
.page-terms h1 { padding: 0; padding-bottom: 17pt  }

.action-container { float: right; margin-top: 10px; width: 43% }
.next-field { }
.next-nonexistent {  margin: 0 20px; }
.prev-field { }

.steps { clear:both; height: 23px; margin-bottom: 30px }
.steps-li { float: left; margin-right: 20px; font-size: 13pt; font-weight: bold; color: #DDD; text-transform: uppercase }
.current { color: #256275 !important}
.atributos > span { display: block; margin-bottom: 8px }
.marca { position: relative; top: -18px; left: 35px; float: left }
.sgi { position: relative; top: 83px; left: 80px; float: left }
.container { padding: 10px }
.dias { width: 100px; height: 100px; font-size: 50pt; margin: 10px auto; line-height: 75pt }
.dias.warning { background-color: #F67F42 }
.login-container, .activate-container { width: 410px; height: 210px; background-color: #487487; margin: 0 auto; margin-top: 200px; -moz-box-shadow: 0 0 10px #333; -webkit-box-shadow: 0 0 10px #333; border-radius: 5px; -moz-border-radius: 5px }
.activate-container { width: 690px; height: 600px; margin-top: 50px; background-color: #FFF  }

.login-input { margin-left: 159px; padding-top: 29px }
.form  label { display: block; font-weight: bold; margin: 5px 0; color: #333; text-shadow: 1px 1px 3px #888  }
.form.login-input  label { color: #FFF; text-shadow: 1px 1px 3px #333 }
.form  input[type=text], .form  input[type=password], .form  input[type=email] { padding: 4px; border: 1px solid #CCC; color: #888; font-weight: bold; font-size: 12pt; display: block }
.form  input[type=text]:focus, .form  input[type=password]:focus, , .form  input[type=password]:focus { -webkit-box-shadow: 0px 0px 8px #378EFF; -moz-box-shadow: 0px 0px 8px #378EFF; border: 1px solid #378EFF }
.form  input[type=submit] { font-size: 12pt; color: #666; padding: 3px 20px; margin-top: 10px }
.form.login-input input[type=submit] { position: relative;  margin-top: 20px; float: right; right: 43px }
.login-input.registration { margin-left: 131px; padding-top: 42px }

.activate-container label { color: #555 !important; text-shadow: 1px 1px 3px #999 !important  }
.activate-container p { color: #666 }
.activate-container input[type=submit] { float: left !important; left: 0px; margin-top: 30px }
.activate-container a { display: block; }

/* SKIN */

body { font-family: 'Trebuchet MS',Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif }
h1,h2,h3,h4,h5,h6 { color: #256275 }
a:hover, a:focus { text-decoration: none; color: #000 }
.page { background-color: #FFF; -moz-box-shadow: 0 0 10px #333; -webkit-box-shadow: 0 0 10px #333; margin-bottom: 10px }

.head { background-color: #487487;  color: #FFF}
.info { border-left: 1px dotted #999;border-right: 1px dotted #999; height: 170px  }
.info > .container > span { display: block; font-size: 8pt; margin: 10px 0 }
.contador { font-size: 8pt }

.navigation { background-color: #D6D6D6; height: 40px }
.navigation-li { }
.navigation-a { color: #FFF; font-size: 12pt; font-weight: bold; text-decoration: none; text-transform: uppercase }
.navigation-a:hover { color: #000 }
.navigation-a:visited { color: #FFF }

.data-form-item { border-bottom: 1px solid #999 }
.data-form-item:last-child { border-bottom: 0 }
p.data-form-detail { color: #999  }

.datainput span { font-size: 16pt; color: #256275; font-weight: bold; margin-right: 10px }

.nonexistent { color: #800 !important }
.cargado { color: #080 !important }


/* STYLES */

.white { color: #FFF !important }
a.white:hover { text-decoration: underline }
.bold { font-weight: bold }
.inline-margin { margin-left: 10px }
input[type=text] { border: 1px dotted #CCC; padding: 2px; font-size: 16pt; color: #256275; font-weight: bold }
.pesos { width: 100px }
.next-field, .prev-field, .next-nonexistent { font-size: 14pt }
.center { text-align: center }
.clear { clear: both }
.lightblue { color: #256275 !important }
.banned { width: 370px; position: relative; margin: 20px auto; background-color: #700; padding: 20px; color: #FFF; text-align: center }
.forgot-password-link { position: relative; float: left; left: -45px; top: 26px; color: #FFF !important; font-size: 11pt; padding-bottom: 2px }
.forgot-password-link.volver { top: 82px }
.forgot-password-link:hover { border-bottom: 1px dashed #FFF  }
.nopadleft { padding-left: 0px }
.profile { margin-top: 30px }
.logo { margin-left: 25px }
.profile-right { border-left: 1px solid #DDD; padding-left: 40px  }
.profile-data { line-height: 20pt; font-size: 12pt  }
.profile-data a { color: #63A0BA }
.profile-data a:hover { color: #9EB9C4 }
.profile-info { line-height: 17pt }


.navigation-li.admin { float: right }

.line.admin-panel { margin-top: 20px }
.line.admin-panel  .line > .unit { background-color: #DDD; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin: 10px }

.table { width: 100%; margin: 10px }
.table tr { }
.table tr > th { font-weight: bold }

.table > thead > tr { background-color: #487487 }
.table > thead > tr > th { padding: 10px; color: #FFF; font-size: 10pt; text-shadow: 1px 1px 1px #000 }
.table > tbody > tr:nth-child(odd) { background-color: #efefef }
.table > tbody > tr:nth-child(even) {background-color: #f5f5f5 }
.table > tbody > tr > td { padding: 10px }
.table > tbody > tr > td > img { margin: 0 auto }

.table.revision { width: 98% }
.table.revision h3 { font-size: 11pt }

.pad { padding: 10px }
.checkbox { margin: 15px 0; display: block }
.table.users { width: 98% }
.paginator > a { color: #555; padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none}
.paginator > strong { color: #458DA1 }

.pad > h3 { padding-left: 0 }

input[type=submit].awesome { border: 0; color: #FFF }

.awesome, .awesome:visited {
    font-family: Trebuchet, "Trebuchet MS", Arial;
    background: #222 url(/img/boverlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff !important;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25) !important;
    position: relative;
    cursor: pointer;
}


.awesome:hover	{ background-color: #111; color: #fff; }
.awesome:active	{ top: 1px; }
.small.awesome, .small.awesome:visited 	{ font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }

.large.awesome, .large.awesome:visited 	{ font-size: 14px !important; padding: 8px 14px 9px !important; }

.huge.awesome, .huge.awesome:visited 	{ font-size: 20px !important; padding: 8px 14px 9px !important; }

.green.awesome, .green.awesome:visited	{ background-color: #91bd09; }
.green.awesome:hover { background-color: #749a02; }

.blue.awesome, .blue.awesome:visited { background-color: #487487; }
.blue.awesome:hover { background-color: #5A91A8; }
.red.awesome, .red.awesome:visited	{ background-color: #800; }
.red.awesome:hover { background-color: #700; }
.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover	{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
.orange.awesome:hover { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover { background-color: #fc9200; }

.gray.awesome, .yellow.awesome:visited { background-color: #7D7D7D; }
.gray.awesome:hover { background-color: #969696; }

.form > label.error { text-shadow: 0 0 0; color: #900 }
.form > input.error { -webkit-box-shadow: 0px 0px 8px #FF4D37; -moz-box-shadow: 0px 0px 8px #FF4D37; border: 1px solid #FF4D37 }
div.error { color: #900; font-weight: bold; margin-left: 10px; z-index: 10000 }

.actions { margin-left: 10px }
.actions:hover { text-decoration: underline }
.actions.delete { color: #900 }
.actions.edit { color: #CC9312 }


.modal {
    background-color:#fff;
    display:none;
    width:350px;
    padding:15px;
    text-align:left;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
}

.modal.delete { background-color: #600; color: #FFF }
.modal.delete > h2 { color: #FFF }

.modal.info { background-color: #C33C11; color: #FFF }
.modal.info > h2 { color: #FFF }

.modal.data { width: 700px }
.modal.help { width: 900px; height: 500px; color: #777 }
.modal.help > .ajax-header { width: 890px; padding-left: 30px }
.modal.consulta { width: 420px }
.modal.consulta > .ajax-header { width: 410px; padding-left: 30px }


.sidebar { border: 2px solid #888; background-color: #EEE; padding: 10px; margin-top: 33px; margin-right: 10px}


div#email, div#password { width: 700px }

.notification { padding: 20px; }
.align-right { text-align: right }

.bluebar {
    background-color: #DDD;
    color: #444;
    font-size: 14pt;
    font-weight: bold;
    padding: 10px 10px 10px 30px
}

.bluebar > span {
    font-size: 9pt;
    font-weight: normal;
    float: right;
}

.bluebar > span > a {
    color: #FFF;
    margin-left: 10px
}

.stat-data > div, .stat-label > div { margin-top: 0; margin-bottom: 0 }
.estadisticas {
    color: #FFF;
    font-weight: bold;
    font-size: 10pt;
    text-align: center;
    margin: 7px;
    padding: 10px 0
}

.estadisticas-container {
    margin-left: 63px;
    margin-top: 20px
}

.estadisticas.puesto {
    background-color: #B8B8B8;

}
.estadisticas.dato {
    background-color: #97B8C2;
    width: 115px
}

.estadisticas.midato {
    background-color: #FBB089;
    width: 115px
}

.estadisticas.l{
    width: 115px; color: #305E79; padding: 0
}

.estadisticas.ld { color: #FBB089 }

.modulo { -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #DDD; margin-top: 25px; margin-left: 5px }
.modulo a { }
.modulo a:hover { color: #777 }

.puestos_dropdown { width: 250px }
.bodega_container, .puesto_container { display:block }

.atributos-info > .unit { margin-left: 10px; margin-bottom: 10px ; background-color: #D6D6D6; padding: 10px; font-weight: bold  }
.atributos-label { background-color: #4C4B49 !important; color: #FFF; font-weight: bold }
.atributos-container { margin-left: 73px }

.close-edit { position: relative; top: -32px; left: 296px }
.close-edit:active { top: -33px !important; }

.ajax-header { background-color: #256275; color: #FFF; margin-left: -15px; margin-top: -15px; width: 710px; padding-bottom: 10px; margin-bottom: 20px }

.round {
    background-color: #999;
    border-radius: 20px;
    -moz-border-radius: 20px;
    color: white;
    font-size: 19pt;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-indent: 12px;
    width: 40px;
    float: left;
}

.round-title { float: left; font-size: 15pt; line-height: 41px; margin-left: 20px; color: #888 }

.ie6-browsers-list { width: 410px; margin: 0 auto; text-align: center; display: none }
.blist { text-align: center; overflow: hidden; zoom: 1; display: block }
.blist li { float: left; text-align: center; margin: 0 16px; display: inline; height: 100px; width: 100px }
.blist li a img { margin: 0 auto }

.textarea-message {
    width: 500px;
    border: 1px solid #CCC;
    color: #888;
    font-size: 12pt;
    padding: 4px;
    resize: none;
}

.aright {text-align: right}

#admin-message { width: 700px }
.admin-message-text { width: 600px }
.admin-message { padding: 20px; width: 145px }
.admin-message > img { float: left; margin-right: 10px }


.faq > a { display: block; font-size: 12pt; line-height: 20pt }

.ayuda-item { padding: 30px 20px; margin: 10px; background: #D6D6D6 url(/img/pdf.png) no-repeat 96% 50%; }
.adobe { font-size: 14pt; color: #A7A7A7 }
.help-close { position: absolute; top: 0; right: 0}

.ref-1, .ref-2, .ref-3, .ref-4 {
    display: inline-block;
    width: 30px;
    height: 15px;
    top: 3px;
    position: relative;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #000;
}

.ref-1 { background-color: #256275 }
.ref-2 { background-color: #FBB089 }
.ref-3 { background-color: #CAFB89 }
.ref-4 { background-color: #97B8C2 }

.atributos > .tooltip {
    display: none;
    background:url(/img/tooltip.png);
    height:66px;
    width:191px;
    padding:18px 20px 10px;
    font-size:11px;
    color:#fff;
}


.mailing input[type=text] { width: 530px; }
.mailing textarea { width: 530px; resize: none; border: 1px solid #BBB; padding: 4px }

.float-left { float: left }
.float-right { float: right }

.usersearch { margin: 2px 10px }
.search-img { float: right; top: 6px; position: relative }

.puestos-dropdown, .puestos-loader {
    float: left;
}

.puestos-loader {
    position: relative;
    top: 8px;
    display: none;
}

#bad_browser {
    position: relative;
    left: 0;
    height: 235px;
    margin: 0 auto;
    top: -235px;
    width: 500px;
    background: #800;
    z-index: 100000;
    padding: 10px;
    display: none;
    border-radius: 10px;
    box-shadow: 0 0 10px #000;
}

#bad_browser .text {
    color: #FFF !important;
    font-size: 12pt;
    text-align: center;
    line-height: 28px;
    margin-top: 30px;
}

#bad_browser ul {
    list-style: none;
    margin: 0 auto;
    margin-top: 30px;
    width: 198px;
    background-color: #FFF;
    padding: 10px;
    height: 37px;
    border-radius: 10px;
}

#bad_browser li {
    float: left;
    margin: 0 10px;
}

.table.revision .error,
.table.revision .error h3 {
    color: #900;
}

.error-data {
    color: #900;
    font-weight: bold; 
    font-size: 12pt;
}