/* =============================================== */
/*               UNIVERSAL THINGS                  */
/* =============================================== */

@import url("meyer_reset.css");

body{
text-align:left;
font:normal 62.5%  Arial, "Helvetica Neue", Helvetica, sans-serif;
color:#222;
width: 780px;
background: #fff url(images/pattern.png) repeat-x 0 0;
margin: 0 auto;
}

a{color: #777;}

a:hover{
background-color: #7aac00;
color: #fff;}

dt, h2, h3, h4, h5, h6{
letter-spacing: -.1em;
font-weight: bold;
}

p{
margin: 10px 0;
font-size: 1.2em;
line-height: 1.4em;
}

.ad{
margin: 0 20px;
}
/* logo */


h1{
width: 200px;
height: 44px;
background: transparent url(images/logo_plus.png) no-repeat 0 0;
margin: 10px 0 5px 0;
text-indent: -99999px;
float: left;}


h3{
margin-top:25px;
font-size: 3em;
float: right;
color: #009fff;
}

h3 a{color: #009fff;
font-weight: bold;}

#wrap{
clear: both;
background: transparent url(images/bg_box.png) no-repeat top center;}


/* titulo */

h2{
clear: both;
margin: 0 20px;
padding-top: 20px;
font-size: 2.4em;
}

h2:first-child{
padding-top: 20px;}



/* thumb */

dl{ float: left;
width: 350px;
margin: 10px 20px;
font-size: 1.2em;
}


dt{
margin-bottom: 5px;
float: right;
width: 140px;
font-size: 1.2em;}

dd.image{
float: left;
width: 200px;
margin: 0;
}

dd.image img{
display: block;
background: #fff;
border: 1px solid #888;
padding: 5px;
}

* html dd.image img{
padding: 4px;}

dd{margin-left: 210px;}

dd a{
display: block;
border-bottom: 1px dotted #eee;
padding: 4px 0 4px 20px;
text-decoration: none;
clear: right;
background-image:url(images/picture_save.png);
background-repeat: no-repeat;
background-position: left center;
}

* html dd a:hover{
color: #000;}


* html dd a{display: inline-block;}



/* =============================================== */
/*                    CLEARFIX                     */
/* =============================================== */


#footer{
padding-top: 40px;
clear: both;}

#footer p{
display: block;
border-top: 1px solid #ccc;}


* html h1, * html #wrap {behavior: url(iepngfix.htc);}
* html dl{display: inline;}


/* =============================================== */
/*                    CLEARFIX                     */
/* =============================================== */

dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

dl{display: inline-table;}

/* Hides from IE-mac \*/
dl {height: 1%;}
dl {display: block;}
/* End hide from IE-mac */