/*** Reset ***/
body, h1, h2, p, span, a, input, textarea, select, img, ul, ol {margin:0px; padding:0px; border: 0px;}
ul, ol {list-style: none;}
h1, h2 {font-size:24px; font-weight:bold; color:#222;}
p {font-size: 12px; font-weight:100; color:#222;}
a, a:active, a:visited {text-decoration:none; font-size: 12px; font-weight:100; color:#666;}
a:hover {text-decoration:none; font-size: 12px; font-weight:100; color:#222;}

.cls {display:block; content:"."; height:0; visibility:hidden; clear:both;}

/*** CSS ***/
body {font-family: Georgia, Arial, Helvetica, Sans-serif; font-size:12px; text-align:justify; background-color:#222;}

#fullbox {position:absolute; top:50%; width:100%; height:220px; margin-top:-110px; background-image: url("../images/bgcerrado.jpg"); background-repeat: repeat-x;}

#msg {width:440px; height:220px; background-image: url("../images/cerrado.jpg"); background-repeat: no-repeat; margin: 0px auto;}

#area {width: 440px; height: 220px;}

#mailme {position:absolute; left:50%; width:440px; height:220px; z-index:10px; background-image: url("../images/bgform.jpg"); background-repeat: no-repeat; margin-left:-220px; text-align: right;}

#mailme #logo{width:124px; height:160px; margin: 30px 0px 0px 30px; float:left; text-align: left;}
*html #mailme #logo{width:124px; height:160px; margin: 30px 0px 0px 15px; float:left; text-align: left;}
#mailme form {margin: 30px 0px 0px 0px;}

#mailme .et {width:60px; font-weight: bold; color:#222; border:1px solid #efefef; text-align: left; margin-left:10px; float:left;}
#mailme .cajon {background-color: #efefef; color:#222; border: 1px solid #818181; width:146px; margin-right:50px; float: right;}
#mailme .b { background-color: #efefef; color:#222; border: 1px solid #818181; width:49px; float:right; margin: 20px 50px 0px 0px;}
*html #mailme .b {margin: 18px 50px 0px 0px;}