/* CSS TEMA BASICO - CHEVERETO DEFAULT (GODLIKE.CL)
 * Por Rodolfo Berrios - http://godlikestudio.com/
 * 13/03/2008
 */

body, html {
    background: #FFF url(site-img/body_bkg_default.png) repeat-x;
    font-family: Helvetica, Arial, sans-serif;
    padding: 0; margin: 0;
    color: #333;
    }

body.rtl {
    direction: rtl;
    font-family: Tahoma, Geneva, sans-serif !important;
}

a, input {
    outline: 0;
    }

a:hover {
    cursor: pointer;
    }

abbr {
    border-bottom: 1px solid #CCC;
    }

h2 {
    color: #555;
    font-size: 1em;
    }

div#contenido {
    width: 57em;
    margin: 0 auto 0 auto;
    padding: 0 2em 0 2em;
    }

div#contenido-up {
    margin: 0 auto 0 auto;
    padding: 0 2em 0 2em;
    }

/* Estilos del estatico */
div#contenido-statico {
    width: 53em;
    display: table;
    min-height: 25em;
    margin: 2em auto;
    padding: 0 1em 0 1em;
    }

div#cntstatico {
    min-height: 18em;
    margin: 0 auto;
    width: 90%;
    font-size: .9em;
    line-height: 1.8em;
    }

div#cntstatico big {
    font-weight: bold;
    font-size: 1.2em;
    color: #3C84C1;
    }

div#contenido-statico p a, div#contenido-statico li a {
    color: #444;
    border-bottom: 1px solid #999;
    text-decoration: none;
    font-weight: bold;
    }
    
div#contenido-statico p a:hover, div#contenido-statico li a:hover {
    color: #3C84C1;
    border-bottom: 1px solid #ADD2F1;
    text-decoration: none;
    }

div#contenido-statico h1 {
    margin: 0 auto .5em auto;
    text-align: center;
    }
    
div#cntstatico h2 {
    margin: 1.5em 0 0 0;
    font-size: 1.4em;
    color: #333;
    }

div#cntstatico h2 span {
    color: #999;
    font-weight: normal;
    margin: 0 0 0 .5em;
    }

div#cntstatico h2 span a {
    color: #999;
    text-decoration: none;
    }

div#cntstatico h2 span a:hover {
    color: #3C84C1;
    }

div#cntstatico h3 {
    margin: 1.5em 0 .5em 0;
    font-size: 1em;
    color: #555;
    }

div#cntstatico h3 span {
    color: #999;
    font-weight: normal;
    margin: 0 0 0 .5em;
    }

div#cntstatico h4 {
    margin: 1.5em 0 .5em 0;
    font-size: 1.1em;
    color: #333;
    border-bottom: 1px solid #CCC;
    }

div#cntstatico p {
    margin: .5em 0 .5em 0;
    }

div#cntstatico p.pb {
    margin: .5em 0 .5em 0;
    font-size: 1.5em;
    font-family: "Courier New", Courier, monospace;
    color: #666;
    }

div#cntstatico p.pb span.azul {
    color: #0066CC;
    font-weight: bold;
    }

div#cntstatico p.pb span.rojo {
    color: #990000;
    }
    
div#contenido-statico ol {
    list-style-position: inside;
    margin: 0 auto 0 auto;
    padding: 0;
    line-height: 1.8em;
    }

textarea.fieldtxta {
    display: block;
    margin: 1em 0 0 0;
    padding:  .4em;
    width: 53em;
    color: #000;
    background: #fcfcfc;
    font: 1em "Courier New", Courier, mono;
}

/* TOP */
div#top {
    padding: 2em 1em 1.5em 1em;
    margin: 0 auto;
    min-height: 4em;
    width: 57em;
    }

div#top img {
    border: 0;
    }

div#logo {
    margin: 0 auto;
    float: left;
    }
    
div#tagline {
    margin: 20px 0 0 10px;
    float: left;
    color: #999;
}

div#limite {
    font-size: 8pt;
    margin: 25px 0 0 5px;
    color: #555;
    float: right;
    color: #999
}

div#limite span {
    color: #555;
    margin-left: 5px;
}

div#logo h1 {
    height: 20px;
    width: 635px;
    font-family: helvetica, Arial, sans-serif;
    font-size: 2em;
    letter-spacing: -0.05em;
    color: #333;
    margin: 0;
    }

div#logo h1 span {
    display: none;
    }
    
div#logo h1 a {
    color: #333;
    text-decoration: none;
    }

div#logo h1 a:hover {
    color: #000;
    }

/* FOOT */
div#foot {
    width: 68em;
    height: 3em;
    background: url(site-img/foot_bkg.png) no-repeat;
    padding: 1.5em 20px 1em 20px;
    margin: 2em auto 0 auto;
    font-size: 0.8em;
    clear: both;
    }

div.foot-d, div.foot-d2 {
    height: 1em;
    margin: .5em 0 .5em 0;
    text-align: center;
    clear: both;
    padding: 0;
    }

div.foot-d {
    font-size: 1em;
    color: #999;
    float: left;
    }

div.foot-d2 {
    font-size: .9em;
    color: #999;
    }

div.foot-d2 a {
    text-decoration: none;
    color: #3C84C1;
    }

div.foot-d a {
    color: #333;
    }

div.foot-d a:hover {
    color: #3C84C1;
    }

div.foot-d2 a:hover {
    color: #333;
    text-decoration: underline;
    }

div#foot-d a {
    text-decoration: underline;
    }

div#about {
    float: left;
    }

div#chevereto {
    float: right;
    position: relative;
    top: -2.5em;
    width: 191px;
    height: 19px;
    }

div#chevereto a {
    display: block;
    background: url(site-img/powered.gif) no-repeat 0 0;
    width: 191px;
    height: 19px;
    }

div#chevereto a:hover {
    background: url(site-img/powered.gif) no-repeat 0 -19px;
    }

div#chevereto img {
    border: 0;
    }

/* donaciones-foot */
div#donaciones-foot {
    text-align: right;
    }

div#donaciones-foot form, div#donaciones-foot form input {
    border:0;
    margin: 0;
    padding: 0;
    }

/* inputs */
form input {
    background: #F9F9F9;
    border-top: 1px solid #7C7C7C;
    border-right: 1px solid #C3C3C3;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #C3C3C3;
    }

form input.url { /* Se usa en index y en ver.php */
    font-size: 1.1em;
    padding-left: 3px;
    }

/* FIN ESTILOS GLOBALES */

/* ESTILOS PARA UPLOAD */
/* Error */
h1#error {
    clear: both;
    text-align: center;
    margin: 1.5em 0 1.5em 0;
    font-weight: normal;
    font-size: 1em;
    }

h1#error span {
    background: #FFF4AB;
    padding: .4em .8em .4em .8em;
    border: 1px solid #FFEA61;
    }

#imagenred {
    text-align: center;
    clear: both;
    margin: 1.5em 0 1.5em 0;
    }

/* TABS */
div#selector_up {
    width: 57em;
    height: 22px;
    padding: 0;
    margin: 0 auto 0 auto;
    background: url(site-img/tab_bkg.png) 0 21px no-repeat;
    }

div#tab_container {
    margin: 0 auto 0 auto;
    width: 162px;
    height: 22px;
}

div#tab_container a {
    width: 76px;
    height: 22px;
    display: block;
}

div.btn_local, div.btn_remoto {
    float: left;
    width: 76px;
    height: 22px;
}

div.btn_local, div.btn_remoto,
a.local, a.remota {    background-image: url(site-img/tabs.png); background-color: #FFF; }

div#tab_container.en div.btn_local, div#tab_container.en div.btn_remoto,
div#tab_container.en a.local, div#tab_container.en a.remota {
    background-image: url(site-img/tabs_en.png) !important;
}
div#tab_container.fr div.btn_local, div#tab_container.fr div.btn_remoto,
div#tab_container.fr a.local, div#tab_container.fr a.remota {
    background-image: url(site-img/tabs_fr.png) !important;
}
div#tab_container.fa div.btn_local, div#tab_container.fa div.btn_remoto,
div#tab_container.fa a.local, div#tab_container.fa a.remota {
    background-image: url(site-img/tabs_fa.png) !important;
}

div.btn_local {
    margin-right: 10px;
    background-position: 0 0;
}
div.btn_remoto {
    background-position:  0 -44px;
}

a.local { background-position: 0 -22px;} 
a.remota  {    background-position: 0 -66px; }

/* Las preferencias */
div#preferencias, div#preferencias a {
    width: 65px;
    height: 17px;
    display: block;
    background-image: url(site-img/preferencias.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}

div#preferencias {
    position: absolute;
    margin-top: 1em;
}
div#preferencias.en, div#preferencias.en a {
    background-image: url(site-img/preferencias_en.gif) !important;
}
div#preferencias.en, div#preferencias.fr a {
    background-image: url(site-img/preferencias_fr.gif) !important;
}
div#preferencias.fa, div#preferencias.fa a {
    background-image: url(site-img/preferencias_fa.gif) !important;
}

div#preferencias a:active {
    background-position: 0 -17px;
}

div#preferencias a span {
    display: none;
}

div#preferencias a#pclosed {
    background-position: 0 0;
}

div#preferencias a#popen {
    background-position: 0 -17px;
}

div#cajon-pref {
    padding: 10px 0 10px 0;
    min-height: 2.2em;
    }

div#pref-panel {
    width: 40em;
    margin: 20px auto 10px auto;
    border: 1px solid #DEDEDE;
    text-align: center;
    background: #F7F7F7;
}

div#pref-panel p {
    margin: .5em 0 0 0;
    padding: 0 1em 0 2em;
    text-align: left;
    display: block;
    float: left;
}

div#pref-panel div#save {
    float: right;
    text-align: right;
    margin: .7em 1em 0 0;
}

div#pref-panel div#save a {
    background: #000 url(site-img/btn_save.png) repeat-x;
    font-family: "Lucida Sans";
    color: #FFF;
    padding: .4em .6em .4em .6em;
    border: 1px solid #000;
    width: 6em;
    font-size: .8em;
    text-decoration: none;
}

div#pref-panel div#save a:hover {
    background: #333;
    color: #FFF;
}

/* contenedor upload */
div#contenedorupload {
    padding: .5em 0 .5em 0;
    margin: .5em 0 .5em 0;
    }

/* Formulario */
form {
    margin: 1.5em 0 3em 0;
    }

form input#localUP {
    font-size: 0.85em;
    /*border: 0px; */ /* opera */
    border: 1px solid #DDD; /* Firefox */
    /* A safari le da lo mismo */
    /* IE lo quiere no seteado */
    }

form input#remotaUP {
    font-size: 1.1em;
    padding-left: 3px;
    }

/* Boton subir */
div#boton_subir {
    text-align: center;
    margin: 2.5em 0 2.5em 0;
    height: 40px;
    }

div#boton_subir input {
    border: 0;
    }

/* Boton redimensionar */
div#boton_redo {
    text-align: center;
    margin: 0 0 1.5em 0;
    height: 40px;
    }

div#boton_redo input {
    border: 0;
    }

/* inputs */
div.inputs {
    height: 2em; /* Esto mantiene la letidad */
    }

/* FORM SUBIR LOCAL/REMOTA */
div#subir_local, div#subir_remota {
    text-align: center;
    margin: 0 0 20px 0;
    }

div#subir_local h2, div#subir_remota h2 {
    margin: 10px 0 20px 0;
    color: #C5C5C5;
    }

/* REDIMENSIONAMIENTO */
div#redimensionar {
    width: 598px;
    margin: 0 auto 0 auto;
    }

div.denuevo {
    padding: 1.5em 0 0 0;
    }

div#redimensionar_cajatitulo {
    margin: 0 auto 0 auto;
    width: 600px;
    height: 22px;
    }

div#redimensionar_titulo {
    position: relative;
    height: 22px;
    width: 500px;
    margin-left: 100px;
    z-index: 1;
    }

/* Boton */
a#rclosed, a#ropen {
    width: 125px;
    height: 22px;
    display: block;
    background-image: url(site-img/btn_red.gif);
    background-repeat: no-repeat;
}
a#ropen {
    background-position: 0 -22px;
}

div#boton_redimensionar.en a#rclosed, div#boton_redimensionar.en a#ropen {
    width: 114px;
    background-image: url(site-img/btn_red_en.gif) !important;
}
div#boton_redimensionar.fa a#rclosed, div#boton_redimensionar.fa a#ropen {
    width: 114px;
    background-image: url(site-img/btn_red_fa.gif) !important;
}
}
div#boton_redimensionar.fr a#rclosed, div#boton_redimensionar.fr a#ropen {
    width: 114px;
    background-image: url(site-img/btn_red_fr.gif) !important;
}

div#redimensionar-borde {
    position: relative;
    width: 600px;
    top: -10px; /* usar valor positivo para opera */
    border: 1px solid #5A9CD0;
    z-index: 0;
    }

div#cajonred {
    padding: 40px 99px;
    height: 38px;
}

div#boton_redimensionar {
    float: left;
    width: 125px;
    height: 22px;
    background: url(site-img/bkg_btn_redimensionar.png) no-repeat;
    border-left: 10px solid #FFF;
    }
    div#boton_redimensionar.en, div#boton_redimensionar.fa {
        background: url(site-img/bkg_btn_redimensionar_en.png) no-repeat;
        width: 114px;
        div#boton_redimensionar.fr, div#boton_redimensionar.en, div#boton_redimensionar.fa {
        background: url(site-img/bkg_btn_redimensionar_fr.png) no-repeat;
        width: 114px;
    }

div#boton_redimensionar img {
    border: 0;
    display: block;
    }

div#red_mensaje {
    padding-top: 6px;
    float: left;
    }

span#red1, span#red2  {
    height: 12px;
    display: block;
    border-right: 10px solid #FFF;
    border-left: 10px solid #FFF;
    }

span#red1 {
    background: #FFF;
    font-size: 9pt;
    line-height: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #555;
    }

/* LOS VALORES DE REDIMENSION */
div#ancho_deseado {
    width: 125px;
    font-size: 13.5pt;
    text-align: right;
    float: left;
    margin: 0 10px 0 0;
}
    div#ancho_deseado span {
        font-size: 10pt;
        color: #999;
        margin-top: -2px;
        display: block;
    }

form input#resize {
    float: left;
    font-size: 1.5em;
    text-align: center;
    margin-top: 5px;
    width: 120px;
    border-top: 1px solid #7C7C7C;
    border-right: 1px solid #C3C3C3;
    border-bottom: 1px solid #DDD;
    border-left: 1px solid #C3C3C3;
    }

div#kepp {
    float: left;
    min-width: 130px;
    margin: 14px 0 0 8px;
    display: block;
    font-size: 7.5pt;
    color: #999;
}

/* ENVIANDO */
div#enviando {
    width: 220px;
    margin: 0 auto 0 auto;
    height: 40px;
    background: url(site-img/load.gif) no-repeat 0 21px;
    }

span#momentito {
    color: #333;
    font-size: 0.8em;
    }

/* ESTILOS DEL PROCESO Y ALGUNOS DEL VIEW */
/* subiste-viendo */
div#subiste-viendo h1 {
    font-size: 1em;
    font-weight: normal;
    text-align: center;
    margin: 0 0 10px 0;
    }

div#subiste-viendo h1 a {
    text-decoration: underline;
    color: #5FA7EB;
    }

div#subiste-viendo h1 a:hover {
    color: #1F75C1;
    }

/* imagen */
div#imagen {
    width: 900px;
    margin: 0 auto 0 auto;
    text-align: center;
    display: table;
}

div#imagen img {
    border: 0;
    }

/* imagenfull */
div#imagenfull {
    width: 99%;
    margin: 0 auto 0 auto;
    text-align: center;
    }

div#imagenfull img {
    border: 0;
    }

div#tools {
    display: block;
    height: 19px;
    margin-bottom: 10px;
}

div#sharethis a, div#fullsize a {
    cursor: pointer;
    height: 19px;
    float: right;
    color: #555;
    text-decoration: none;
    font-size: 8pt;
    padding: 0 10px 0 25px;
    border: 1px solid #FFF;
}

div#sharethis a {
    background: url(site-img/tool_compartir.gif) no-repeat 10px 0;
    margin-right: 3px;
}

div#fullsize a {
    background: url(site-img/tool_completa.gif) no-repeat 8px 0;
}

div#sharethis a:hover, div#fullsize a:hover {
    border-right-color: #999;
    border-bottom-color: #666;
}

/* share */
div#share {
    width: 49em;
    padding: 0 4em 0 4em;
    margin: 0 auto 0 auto;
    }

div#share h2 {
    margin: 2em 0 0 9.7em;
    font-weight: normal;
    color: #333;
    }

div#share h2 span {
    color: #888;
    font-size: .8em;
    }

/* los h2 */
h2#md, h2#med, h2#mev { padding: 0 0 0 23px; }

h2#md { background: url(site-img/show_url.gif) no-repeat 0 2px; }
h2#mev { background: url(site-img/show_tv.gif) no-repeat 0 2px; }
h2#mes { background: url(site-img/show_social.gif) no-repeat 0 4px; padding-left: 1em; }
    
div.ctninput {
    width: 49em;
    clear: both;
    height: 2em;
}

div.ctninput input {
    width: 43em;
    font-size: .8em;
    padding: .2em;
    margin-top: .5em;
    background: #FBFBFB;
    border-top: 1px solid #9D9D9D;
    border-right: 1px solid #D2D2D2;
    border-bottom: 1px solid #E6E6E6;
    border-left: 1px solid #D2D2D2;
    color: #666;
}

div.ctninput-social {
    width: 48em;
    clear: both;
    height: 2em;
    }

div.ctninput-social input {
    margin: 10px 0 0 10px;
    width: 16px;
    height: 16px;
    background: #FFF;
    float: left;
    border: 0;
    }

div.codex {
    float: left;
    color: #999;
    font-size: .9em;
    text-align: right;
    line-height: 2.5em;
    width: 10em;
    }

div.codex a {
    color: #999;
    text-decoration: none;
    }

div.codex a:hover {
    color: #333;
    text-decoration: none;
    }

div.inputshare {
    float: left;
    margin-left: .65em;
    }

div.ctninput-social a {
    height: 16px;
    width: 16px;
    display: block;
    float: left;
    margin: 10px 0 0 10px;
    }

div#socialite {
    float: left;
    height: 30px;
    width: 600px;
    background: #000;
    }

a#facebook { background: url(site-img/social.gif) no-repeat 0 0; }
a#digg { background: url(site-img/social.gif) no-repeat -16px 0; }
a#delicious { background: url(site-img/social.gif) no-repeat -32px 0; }
a#google { background: url(site-img/social.gif) no-repeat -48px 0; }
a#tumblr { background: url(site-img/social.gif) no-repeat -96px 0; }
a#twitter { background: url(site-img/social.gif) no-repeat -112px 0; }
a#visualizeus { background: url(site-img/social.gif) no-repeat -128px 0; }

div#quecosa {
    float: left;
    line-height: 20px;
    margin: .7em 0 0 1em;
    font-size: .8em;
    }