/* 
    Document   : antoniomira
    Created on : 13/10/2009, 21:19:10
    Author     : Antonio
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* { 
    margin:0;
    padding:0;
    font-size:12px;
    font-family:Arial;
}

body {
    text-align:center;
    margin:0;
    padding:0;
    background: url(fundo.gif) repeat-x left top #64A3B7;
}

a {
    color:black;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

img {
    border:0;
}

.back {
    display:block;
    float:right;
}

.share {
    margin:0 auto;
    margin-top:40px;
    display:block;
    width:126px;
}

/* CAPA */

.foto
{
    float:left;
    left:0;
    top:0;
    position:absolute;
}

.links li
{
    list-style: inside disc;
    display:list-item !important;
    margin:5px;
}

/* CURRÍCULO */

.foto_curriculo {
    float:right;
    clear: right;
    margin-left:10px;
    margin-right:10px;
}

#curriculo {
    padding:10px;
    background-color:#EFEFEF;
    border: 1px solid #ccc;
    width:690px;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:20px;
    text-align:left;
}

#curriculo h1 {
    font-size:15px;
    margin-bottom:10px;
}

#curriculo h2 {
    color: #006699;
    border-bottom: 1px solid #ccc;
    font-size:13px;
    margin-top:15px;
    margin-bottom:3px;
}

#curriculo ul {
    list-style-type: none;
    border-spacing: 2px;
}

#curriculo li {
    display:table;
    width:100%;
}

#curriculo .resumo {
    display:table-cell;
    background-color: white;
    padding:2px;
}

#curriculo .legend {
    display:table-cell;
    width:20%;
    background-color:#B4D1E2;
    padding:2px;
    vertical-align:top;
}

#curriculo .value {
    display:table-cell;
    background-color: white;
    padding:2px;
    width:75%;
}

/* PORTIFÓLIO */

.screenshot {
    margin:2px;
    border:0;
    vertical-align:top;
}

/* RELOGIO */

#relogio {
    margin:0 auto;
    width:690px;
    margin-bottom:20px;
}

#relogio #canvas {
    position:relative;
    height:450px;
    width:450px;
    margin:0 auto;
}

#relogio .texto {
    width:690px;
    text-align:center;
    font-family: Arial;
    font-size:12px;
}

.min, .max {
    font-size:14px;
    font-weight:bold;
    margin-right:5px;
}

.min {
    color:blue;
}

.max {
    color:red;
}

.weather {
    float:left;
    clear:left;
    margin-left:10px;
    margin-right:10px;
}

.erro {
    color:red;
}

#palpite {
    display:table;
    width:100%;
    clear:both;
}

#bilhete {
    width:350px;
    height:200px;
    float:left;
    background: url('megasena.jpg') no-repeat;
}

#bilhete #numeros {
    width:300px;
    height:103px;
    margin-top:97px;
    margin-left:32px;
}

#bilhete .numero_0, .numero_1 {
    cursor:pointer;
    width:17px;
    height:10px;
    display:block;
    float:left;
    margin-bottom:5px;
    margin-left:9px;
    background-color:white;
    color:#FB6503;
    border:1px solid #FB6503;
    font-size:9px;
    text-align:center;
}

#bilhete .numero_1 {
    background-color:black;
    border:1px solid black;
}

#palpite2 {
    display:table;
    padding:10px;
}

#resposta {
    padding:5px;
    font-weight:bold;
}

.conferir {
    color:#FB6503;
    text-decoration:underline;
}