*{margin:0 auto;padding:0;}
body{background-image: url('../img/pc-fundo.png');background-size:12%;background-repeat:repeat;}

p {font-family:Verdana, Geneva, sans-serif;padding-top:0px;}

.container {width:480px;height:100%;background-color: #FFF;overflow-y: auto;}
.topo {position:fixed;width:480px;height:55px;background-color:#ed4a57;}
.voltar {float:left;width:15%;height:100%;}
.voltar img {margin:9px 8px 0 8px;width:36px;height:36px;}
.titulo {float:left;width:70%;height:100%;}
.titulo p {font-family:Lucida Sans Typewriter, Lucida Typewriter, monospace;padding-top:18px;text-align:center;font-size:19px;font-weight:bold;color:#f2f2f2;}

.exemplo {float:left;margin-top:45px;width:100%;height:10px;}

.esq {float:left;width:100%;height:160px;}
.esq p {font-size:16px;color:#555;margin:4px 0 0 150px;}
.dir {float:left;width:100%;height:160px;background-color:#f2f2f2;}
.dir p {font-size:16px;color:#555;text-align:right;margin:4px 100px 0 0;}

.logo-rodape {float:left;width:100%;height:100%;}
.logo-rodape img {padding-top:15px;width:40%;height:40%;}
.rodape {float:left;width:100%;height:100%;background-color:#ed4a57;}
.links {float:left;width:13%;height:70px;}
.links img {margin-top:25;width:27px;height:27px;padding-top: 22px;}
.copy {float:left;width:100%;height:100%;}
.copy p {font-family:calibri;font-size:14px;text-align:center;color:#ffffff;}

.tablet {display:none;}