@charset "utf-8";
/* CSS Document */

@import "reset.css";
@import "fonts.css";

/* GENERAL */
body {background:url(../images/bg.png); font:14px/18px 'MuseoSans500', Arial, sans-serif; color:#713914;}
a {text-decoration:none; color:#F30;}
a:hover {color:#F90;}
::selection {background:#FF6600; color:#fff;}
::-moz-selection {background:#FF6600; color:#fff;}
::-webkit-selection {background:#FF6600;color:#fff;}
p {padding-bottom:15px;}
small {color:#9f7a61; font-size:13px;}
h1, h2, h3, h4 {font-family:'MuseoSlab500', Arial, sans-serif;}
h1 {font-size:18px; color:#c9203d; text-transform:uppercase; font-weight:bold;}
h2 {font-size:18px; color:#c9203d; font-weight:bold;}
h3 {font-size:16px; font-weight:normal; margin-bottom:10px;}
blockquote {background:url(../images/icon-extrainfo.png) 13px 1px no-repeat; padding:0 0 0 50px; margin:10px 0; color:#9f7a61; font-size:12px; line-height:14px;}
ul li {background:url(../images/box-bullet.png) 0 3px no-repeat; padding:0 0 0 15px;}
.right {float:right;}
.clear {clear:both;}
.padding20 {padding:19px; display:table; zoom:1;}
.padding10 {padding:10px; display:table; zoom:1;}
.padding-negativo {padding-bottom:-10px;}

/* LAYOUT */
#ramire {display:block; background:url(../images/bg-top.png) top center no-repeat; padding-bottom:60px;}
.wrap {width:960px; margin:auto; display:table; padding-top:60px;}
.main {width:620px; margin-right:40px; display:table; float:left;}
.sidebar {width:300px; display:table; float:left;}
.button {background:url(../images/button.jpg) 0 0 no-repeat; display:inline-block; width:125px; height:28px; color:#FFF; font:16px 'MuseoSlab500', Arial, sans-serif; text-align:center; padding-top:8px; vertical-align:middle;}
.button:hover {background-position:0 -36px; color:#FFF;}
.button:active {background-position:0 -71px; padding:9px 0 0 1px; width:124px; height:27px;}
.msg {background-color:#d4e7a7; border:3px solid #8aa34d; border-right:none; border-left:none; padding:10px; color:#62792a; margin:15px 0;}

/* HEADER */
#logo {margin-bottom:65px;}

/* MAIN */
.content {clear:both; display:table; margin-bottom:30px; padding:0 10px;}
.h1-title {display:block; height:32px; padding:8px 0 20px 40px;}
.services {background:url(../images/icon-services.png) top left no-repeat;}
.photos {background:url(../images/icon-pictures.png) top left no-repeat;}
.history {background:url(../images/icon-history.png) top left no-repeat;}
.column {display:table; float:left; width:46%;}
.column-spacer {display:table; float:left; width:8%;}
.hr-stripe {background:url(../images/hr-stripe.png) top repeat-x; display:block; width:100%; height:14px; clear:both; margin-bottom:30px;}
.box {background-color:#f9f6f0; font-size:17px; line-height:22px; display:table; zoom:1; width:100%;}

/* SIDEBAR */
.widget {background:url(../images/hr-sidebar.jpg) top center no-repeat; margin:10px 0; padding:22px 10px 10px 10px;}
.h2-title {display:block; height:32px; padding:8px 0 4px 0;}
.time {background:url(../images/icon-time.png) top right no-repeat;}
.payment {background:url(../images/icon-payment.png) top right no-repeat;}
.contact {background:url(../images/icon-contact.png) top right no-repeat;}
.address {background:url(../images/icon-address.png) top right no-repeat;}
.the-time {background:url(../images/icon-clock.png) 0 center no-repeat; padding:0 0 0 75px; font-size:18px;}
.the-time p {padding-bottom:10px;}
#creditcard {display:block; background:url(../images/icon-creditcard.png) 0 3px no-repeat; padding:0 0 0 65px; font-size:18px;}
#creditcard span {font-size:13px;}
#owncredit {display:block; background:url(../images/icon-owncredit.png) 5px 0 no-repeat; padding:4px 0 0 65px; font-size:18px;}
#phone {display:block; background:url(../images/icon-phone.png) 1px 0 no-repeat; padding:0 0 0 25px; font-size:18px;}
#phone span {font-size:14px;}
#email {display:block; background:url(../images/icon-email.png) 1px 1px no-repeat; padding:0 0 0 25px; font-size:14px; margin-top:3px;}
#contato {margin-top:15px;}
#contato input {background-color:#f9f7f3; border:none; padding:6px; width:268px; outline:none; font:13px 'MuseoSans500', Arial, sans-serif; color:#713914;}
#contato input:hover {background-color:#FFF;}
#contato input:focus {outline:none; background-color:#FFF; border:1px dashed #d9cdae; padding:5px;}
#contato textarea {background-color:#f9f7f3; border:none; padding:6px; width:268px; height:120px; outline:none; resize:none; font:14px 'MuseoSans500', Arial, sans-serif; color:#713914;}
#contato textarea:hover {background-color:#FFF;}
#contato textarea:focus {outline:none; background-color:#FFF; border:1px dashed #d9cdae; padding:5px;}
input#submit {background:url(../images/button.jpg) 0 0 no-repeat; display:block; width:125px; height:36px; color:#FFF; font:16px 'MuseoSlab500', Arial, sans-serif; margin:10px 0;}
input#submit:hover {background-position:0 -36px; cursor:pointer;}
input#submit:active {background-position:0 -71px;}
input#submit:focus {border:none;}

/* FOOTER */
#footer {display:block; background:url(../images/bg-footer.png) top repeat-x; display:block; height:67px; text-align:center; font:13px 'MuseoSlab500', Arial, sans-serif; line-height:67px;}
#footer-wrap {display:block; width:960px; margin:auto;}
#marcelobutzke {padding:3px; float:right; margin-top:51px; *margin-top:-16px;}
#marcelobutzke:hover {background-color:#FC6;}

/* FLICKR */
.photos-flickr {margin:0 -1px; width:602px;}
.photos-flickr span {float:right;}
.photos-flickr img {padding:2px; width:82px; height:auto;}
.photos-flickr img:hover {padding:0; border:2px solid #c9203d;}
.setThumb {display:block; float:left; width:110px; height:175px; margin:0 10px 10px 0; *margin-bottom:0;}
.setThumb img {border:3px solid #e7e0ce; padding:0; width:104px; height:auto;}
.setThumb img:hover {border:3px solid #c9203d;}
.setThumb:hover {background-color:#e7e0ce;}
.setTitle {padding:5px;}