/* 
    Document   : kidsrun.css
    Created on : 03/09/2009, 14:04:05
    Author     : Leandro Antonello
*/
root { display: block; }
html, body {
    width:100%;
    height:100%;
    margin:0px;
    /*font-family:fantasy;*/
    font-family:sans-serif;
    font-size:14px;
    background-color:#ffffff;
    overflow:auto;
    counter-reset:section;
}
a { text-decoration:none; color:#444444; }
a:link, a:active, a:visited { text-decoration:none; color:#444444; }
a:hover { text-decoration:none; border-bottom:1px solid #bebebf; }

/* FORMS */
form label { display:block; float:left; padding:4px 10px 5px 0px; text-align:right; width:20%; white-space:nowrap; }
form input { width: 70%; margin:4px 0px; }
form textarea { width: 70%; margin:4px 0px; }
form input.buttons { float:right; width:100px; margin-right:40px; text-align:center; margin-top:20px; }

#outer {
    position:absolute;
    top:50%;
    left:0px;
    width:100%;
    height:1px;
    overflow:visible;
}

#main-win {
    width:800px;
    height:600px;
    position:absolute;
    top:-300px;
    left:50%;
    margin-left:-400px;
    background-color:#ffffff;
    border:1px solid #000000;
}

#column-left {
    width:130px;
    height:600px;
    float:left;
}

#nav { margin-top:200px; margin-left:12px; }
#nav ul { display:block; border-left:1px solid #bebebf; }
#nav li { margin-left:8px; padding-top:10px; padding-bottom:10px; }
#nav li a { font-size:18px; letter-spacing:-1px; }

#column-center {
    /*background-image:url( ../img/kidsrun.jpg );*/
    background-image:url( ../img/kidsrun-last.jpg );
    background-repeat:no-repeat;
    background-position:top center;
    width:500px;
    height:600px;
    float:left;
    position:relative;
}

#focus { position:absolute; top:326px; right:10px; }
#focus a { font-size:18px; }
.white { color:#ffffff; }
.yellow { color:#fff000; }
.red { color:#de1e2d; }
.blue { color:#6ac1ee; }

#column-right { position:relative; float:right; width:164px; height:600px; font-size:12px; }

#logos-bar { width:160px; height:260px; position:absolute; bottom:6px; right:2px; }

#logos { position:absolute; bottom:100px; right:18px; text-align:center; font-size:9px; width:80%; }
#logos td { width:50%; text-align:center; }

#logo-pepper { position:absolute; bottom:100px; right:125px; text-align:center; }
#logo-track { position:absolute; bottom:102px; right:15px; text-align:center; }
#logo-iguatemi { position:absolute; bottom:22px; right:8px; text-align:center; font-size:9px; }

#black-box { width:100%; height:360px; background-color:#000000; margin-top:130px; }
#content { position:absolute; top:130px; width:460px; height:300px; color:#efefef; margin:30px; overflow:auto; }
#content p { padding:6px; text-align:justify; }
#content a { color:#fff000; }
#content ul { padding-top:4px; padding-left:40px; }
#content h1 { font-size:22px; text-align:center; margin-bottom:10px; }
#content h2 { font-size:18px; text-align:center; margin-bottom:10px; font-style:italic; }
#content h3 { font-size:14px; margin-top:20px; }
#content table { margin-left:40px; margin-top:10px; width:40%; }
#content table caption { font-weight:bold; font-style:italic; }
#content table th { text-align:left; font-style:italic; width:50%; border-bottom:1px solid #cccccc; }
#content table td { width:50%; }
#content hr { color:#cccccc; width:80%; }

#ball-1 { width:16px; height:18px; background-image:url( ../img/circle.png ); background-repeat:no-repeat; position:absolute; top:212px; left:4px; }
#ball-2 { width:16px; height:18px; background-image:url( ../img/circle.png ); background-repeat:no-repeat; position:absolute; top:253px; left:4px; }
#ball-3 { width:16px; height:18px; background-image:url( ../img/circle.png ); background-repeat:no-repeat; position:absolute; top:294px; left:4px; }
#ball-4 { width:16px; height:18px; background-image:url( ../img/circle.png ); background-repeat:no-repeat; position:absolute; top:334px; left:4px; }
#ball-5 { width:16px; height:18px; background-image:url( ../img/circle.png ); background-repeat:no-repeat; position:absolute; top:376px; left:4px; }
#ball-6 { width:16px; height:18px; background-image:url( ../img/circle.png ); background-repeat:no-repeat; position:absolute; top:422px; left:4px; }

.div-thumb { width:100px; height:67px; border:1px solid #ffffff; float:left; margin:4px; text-align:center; }

/*#thumb-container { width:440px; height: 360px; border:1px solid #ffffff; }*/

.legal-text { font-size:12px; font-style:italic; color:#cccccc; }
.loader { background-image:url(../img/ajax-loader.gif); background-repeat:no-repeat; background-position:center; line-height:36px; }