/* GENERAL */
html {
    margin: 0;
    /* border: ie6 */
    padding: 0;
    }

body {
    margin: 0; /**/
    /* border: ie5 */
    padding: 0;
    font-family: Helvetica, "Helvetica", Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: #666;
    background-color: transparent;
    text-align: center;
    } /* centrar en ie */



a   {
    color: #b4aea8;
    text-decoration: none;
    }
* html a {
    letter-spacing: -6%;
    }


a:hover {
    text-decoration: underline;
    }
    
a img {
    border: 0;
    }


h1, h2, h4 {
    font-weight: normal;
    letter-spacing: -0.01em;
    }
* html h1, * html h2, * html h4 {
    letter-spacing: -1px;
    }

h1 {
    font-size: 24px;
    }

input {
    margin-right: 1em;
    }
li {
    list-style-type: none;
    display: block;
    clear: left;
    }

div {
    margin: 0;
    padding: 0;
    background-color: transparent;
    }

/* .PKG HACE UN CLEAR DESPUES DE LA CAJA */

.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    }

* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */



/* .INNERWRAP ENVUELVE EN TORNO A ELEMENTOS 'FLOATED' DENTRO DEL BLOQUE */ 

.innerwrap {
    position: static;
    width: auto;
    border: 0;
    }   




    
/* CAJAS */


.clearboth {
    clear: both;
    }

#page {
    position: relative;
    width: 800px;
    min-height: 1px;
    margin: 0 auto;
    margin-bottom: 50px;
    text-align: left;
    border: 0;
    }

#topbar {
    margin-bottom: 1em;
    padding-top: 2em;
    height: 76px;
    }

.options {
    float: left;
    width: 400px;
    padding-top: 2em;
    font-size: .9em;
    line-height: 1.2em;
    text-align: right;
    margin-right: 5px;
    }

.options a {
    padding: 2px 2px 0 2px;
    }
    
.options a:hover{
    text-decoration: underline;
    }

#greybar {
    height: 50px;
    margin-bottom: 2em;
    background-image: url('../img/bg_greybar.gif');
    background-repeat: no-repeat;
    }

#greybar .cont1 {
    float: left;
    padding: 1.2em 1em;
    }

.upload {
    font-size: 1.6em;
    font-weight: normal;
    color: #fff;
    }

#greybar .cont2 {
    float: right;
    padding: 1em;
    }

.searchfield {
    width: 13em;
    }

#content {
    margin-bottom: 2em;
    }
    
#col1 {
    float: left;
    width: 501px;
    margin-right: 10px;
    }

#col2 {
    float: left;
    width: 289px;
    }

#bttmbar {
    padding: 10px;
    font-size: .9em;
    line-height: 1.5em;
    letter-spacing: 0em;
    color: #fff;
    background-image: url('../img/bg_greybar.gif');
    background-repeat: no-repeat;
    clear: left;
    }

#bttmbar a {
    color: #fff;
    }

.videobox {
    border: 1px solid #b4aea8;
    margin-bottom: 2em;
    padding: 0 0 0 9px;
    }

.videobox p {
    margin: .5em 0;
    line-height: 110%;
    clear: left;
    }

.videoinfo {
    font-size: .8em;
    letter-spacing: 0em;
    }

.listcol {
    float: left;
    width: 240px;
    }

.clipbox {
    overflow: auto;
    }

.clipmod {
    float: left;
    margin: 0 5px 1em 0;
    color: #b4aea8;
    }

.clipmod a {
    color: #666;
    }
    
.clipmod img {
    float: left;
    margin-right: 5px;
    border-top: 1px solid #b4aea8;
    border-left: 1px solid #b4aea8;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    }

.clipmod .cinfo {
    float: left;
    width: 150px;
    }

.clipmod .ctitle, .clipmod p {
    margin: 0;
    margin-top: .2em;
    letter-spacing: -0.02em;
    line-height: 110%;
    }
* html .clipmod .ctitle, * html .clipmod p {
    letter-spacing: 0;
    }
    
.clipmod .ctitle {
    font-size: .9em;    
    }

.clipmod p {
    font-size: .8em;    
    }

.databox, .uploadbox {
    border: 1px solid #b4aea8;
/*
        margin-bottom: 2em;
*/
    padding: 0.5em;
    clear: left;
    overflow: hidden;
    }

.databox p, .uploadbox p {
    margin: .7em 0;
    clear: left;
    }

.databox input, .databox textarea, .uploadbox input, .uploadbox textarea {
    width: 17em;
    }

.databox .submit, .uploadbox .submit {
    float: right;
    margin-top: 1em;
    width: 6em;
    }

label {
    display: block;
    width: 12em;
    float: left;
    margin-right: 1em;
    }
    
.req_ko {
    color: #f00;
    }

.databox fieldset, .uploadbox fieldset {
    width: auto;
    margin: 1em;
    border: 0px solid #ded5cd;
    }
    
.databox fieldset {
    padding: 0em;
    }
    
.instrucciones {
    font-weight: normal;
    font-size: 1em;
    }

.logo{
    float: left;
    width: 27em;
    }
    
#logged_top_bar{
    margin-top:-1.5em;
    display: block;
    height: 2.5em;
    padding-left: 1em;
    }
    
.logged_top_opt{
    float: left;
    display: block;
    margin-right: 1em;
    }

ul.video_list{
    margin: 0;
    padding: 0;
    }

ul.video_list li{
    clear: left;
    height: 4.5em;
    margin-bottom: 1em;
    }

div.list_video_info{
    margin-left: 6.5em;
    width: 20em;
    vertical-align: bottom;
    }

div.list_video_thumb{
    float: left;
    }

div.flotador {
    float: left;
}

div.flotador_derecho {
    float: right;
}

.letraFina{
    font-weight: normal;
}

.databoxright{
    margin-left: 1em;
    width: 18em;
    float: left;
    display: block;
}

.publisher{
    height: 660px;
}

input.checkbox{
    margin-right: 5px;
}

span.form_mitad_derecha {
    clear:left;
    float:left;
    margin-left:13em;
    margin-top:0.5em;
    width:17em;
}

div.scrollable{
    max-height: 180px;
    overflow: auto;
    width: 290px;
}

div.scrollable span.form_mitad_derecha{
    height: 40px;
    clear: left;
}

ul{
    padding: 10px;
}

span.small{
    font-size: 85%;
}

div.module_options{
    float: left;
}

div.nav_buttons{
    margin-left: 375px;
    margin-top: 0.5em;
}

#credits h2{
    margin-left: 20px
}
#credits ul{
    padding: 10px;
    padding-left: 40px;
}
#credits li{
    margin-bottom: 10px;
}

#bttmbar div.eskuma{
    float: right;
}

#subpie{
    margin-top:10px;
    font-weight: normal;
    clear: both;
    text-align: center;
}

.videodata{
    color: #847E78;
}

.tag{
    letter-spacing: 0;
}

.tag0{
    font-size: 80%;
}

.tag1{
    font-size: 90%;
}

.tag2{
    font-size: 100%;
}

.tag3{
    font-size: 110%;
}

.tag4{
    font-size: 120%;
}

.tag5{
    font-size: 130%;
}

.tag6{
    font-size: 140%;
}

.tag7{
    font-size: 150%;
}

.tag8{
    font-size: 160%;
}

.tag9{
    font-size: 170%;
}

.tag10{
    font-size: 180%;
}

span.red {
    color: #82010b;
}

#flowplayer {
    width: 400px;
    height: 300px;
    margin: 0 auto;
    cursor: pointer;
}

#flowplayer img.splash {
    width: 400px;
    height: 300px;
    margin: 0 auto;
    display: block;
}

#flowplayer img.playbutton {
    position: relative;
    top: -190px;
    left: 160px;
}

table.stats {
    font-weight: normal;
    border-collapse: collapse;
    margin-left: 1px;    
    width: 1024px;
}
table.stats td,
table.stats th
{
    border: 1px solid #000;
}

.databoxrow {
    margin-top: 1em;
}

#stream_flowplayer {
    margin-left: 28px;
    }

.embed_code textarea{
    width: 500px;
    height: 250px;
}