*{
margin:0;
padding:0;
}

ul{
list-style-type:none;
}

body{
background-image:url(img/bg.jpg);
background-repeat:repeat-x;
background-color:#fff;
text-align:center;
font-family:Helvetica Neue, Helvetica, Arial;
}

#pagina{
background-image:url(img/fundo.jpg);
background-repeat:no-repeat;
background-position: top center;
padding-top:64px;
position:relative;
width:640px;
margin:0 auto;
}

h1 a{
display:block;
width:240px;
height:95px;
margin:0 auto 30px auto;
}

h1 span{
display:none;
}

#resposta{
position:relative;
width:300px;
margin:0 auto;
cursor:default;
}

#resposta .chapeu{
visibility:hidden;
position:absolute;
text-transform:uppercase;
left:24px;
top:3px;
font-size:20px;
}

#resposta:hover .chapeu{
visibility:visible;
}

#resposta p{
color:#39c;
font-weight:bold;
text-transform:uppercase;
font-size:140px;
letter-spacing:-10px;
margin-right:15px;
}

#resposta .nao{
font-size:120px;
letter-spacing:-14px;
}

#cidade input{
text-align:center;
letter-spacing:-2px;
color:#83c2eb;
font-weight:bold;
font-size:24px;
width:300px;
margin:20px auto;
padding:3px;
}

#cidade p{
font-size:12px;
font-style:italic;
color:#666;
}

#proximosdias{
padding-top:20px;
cursor:default;
}

table{
text-transform:uppercase;
font-weight:bold;
margin:0 auto;
text-align:center;
color:#9cf;
}

.chapeu{
color:#39c;
font-size:10px;
letter-spacing:0px;
width:80px;
}

#chuva1{
width:80px;
height:65px;
position:absolute;
top:195px;
left:57px;
background-image:url(img/gotas.gif);
}

#chuva2{
width:80px;
height:65px;
position:absolute;
top:110px;
right:40px;
background-image:url(img/gotas.gif);
}

#kinda{
clear:both;
margin-bottom:100px;
margin-top:50px;
}

#kinda a{
display:block;
width:100px;
height:48px;
background-image:url(img/kinda.png);
background-repeat:no-repeat;
margin:0 auto;
}

#kinda span{
display:none;
}

#twitter{
position:fixed;
bottom:5px;
right:5px;
}                                                                                        

@media screen {
	input.submit{
		display:none;
	}
}