/* 
Author: Bruno Martins
Doe: Prudente Info
*/
*{ margin: 0; padding: 0; }
body{ background: #FFF; }
.clear{ clear: both; }

/*RESET*/
.btn{display: inline-block; padding: 10px; background: #fff; border: 1px #333 solid; color: #333 !important; font-size: 1em; font-weight: 300 !important; text-decoration: none !important; cursor: pointer; -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}
.btn:hover{background: #555; color: #fff !important; border-color: #000;}
.btn-green{background: #56b748; color:#fff !important; border-color: #4a9e3e;}
.btn-green:hover{background: #4a9e3e; border-color: #3e8434;}
.radius{-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }

.ms{width: 95%; padding:10px 10px 10px 30px; border:1px solid #999; text-align: center; float:left; display:block; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:#333 0 0 2px; -webkit-box-shadow:#333 0 0 2px; -moz-box-shadow:#333 0 0 2px; font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; font-variant:small-caps;}
.no{background:#FFCACA; border-color:#900; color:#900;}
.ok{background:#A6FFBC; border-color:#090; color:#090;}
.al{background:#FFFFBF; border-color:#F60; color:#F60;}
.in{background:#B3E7FF; border-color:#069; color:#069;}

.tinta_left{ width: 353px; height: 499px; position: fixed; left: 0; bottom: 0; background: url(../img/tinta_bg_left.png); z-index: 0; }
.tinta_right{ width: 353px; height: 499px; position: fixed; right: 0; bottom: 0; background: url(../img/tinta_bg_right.png); z-index: 0; }

/*LINE RED*/
.line_red{ width: 100%; height: 9px; background: #D90000; z-index: 1; position: relative; }

/*CONTENT*/
.contentbox{ width: 980px; background: #F2F2F2; margin: 0 auto; -webkit-box-shadow: 0 0 15px 5px rgba(0,0,0,.6); box-shadow: 0 0 15px 5px rgba(0,0,0,.6); }

/*HEADER*/
.header{ width: 100%; height: 165px; position: relative; background: url(../img/header_end.png) right 20px bottom no-repeat; z-index: 1; }
.logo_header{ width: 225px; height: 154px; background: url(../img/logo.png); float: left; margin-left: 10px; margin-top: 10px; position: relative; }
.contact_header{ width: 285px; height: 91px; float: left; margin-left: 45px; margin-top: 40px; }
.contact_header p{ font:1em 'Myriad Pro', sans-serif; color: #720000; }
.contact_header span{ display: block; }
.contact_header span:nth-child(1){ margin-bottom: 15px; }
.banner_header{ position: absolute; width: 372px; height: 152px; right: 29px; top: 4px; }

/*MENU*/
.menu{ width: 100%; height: 70px; background: url(../img/bg_menu.png) no-repeat; margin-top: -9px; float: left; position: relative; }
.menu ul{ list-style: none; float: left; height: 100%; margin-left: 75px; }
.menu li{ float: left; padding: 25px 15px; position: relative; }
.menu a{ font:20px 'Futura Md BT', sans-serif; text-decoration: none; color: #FFF; float: left; }
.menu a:hover{ text-decoration: underline; }
.menu .menu_facebook{ position: absolute; width: 63px; height: 79px; background: url(../img/menu_facebook.png); border: 0; right: 120px; top: 10px; }

.menu li:hover .submenu{ display: block; }

.menu .submenu{ position: absolute; background: #cc0001; top: 60px; left: 0; height: auto; margin-left: 0; width: 250px; z-index: 2; display: none; }
.menu .submenu li{ float: left; padding: 10px 15px; position: relative; width: 100%; }
.menu .submenu a{ font:18px 'Futura Md BT', sans-serif; text-decoration: none; color: #FFF; float: left; }
.menu .submenu a:hover{ text-decoration: underline; }

/*CONTAINER*/
.container{ width: 100%; padding-top: 20px; padding-bottom: 40px; }
.content{ width: 840px; background: #FFF; border: 1px solid #AAA; margin: 0 auto; z-index: 1; position: relative; padding: 10px; }

.content .title{ font:31px 'Myriad Pro', sans-serif; color: #333; }
.content p{ font: 15px 'Myriad Pro', sans-serif; color: #333; line-height: 25px; text-align: justify; }

.content hr{ margin: 10px 0; }

.content form{ width: 97.5%; }
.content form label{ display: block; padding: 5px 0;}
.content form label span{ color: #333; font:16px 'Myriad Pro', sans-serif; display: block; }
.content form label input, textarea, select{ padding: 10px; border: 1px solid #f2f2f2; width: 100%; }

/*CARTOES*/
.cartao1{ width: 357px; height: 189px; background: url(../img/bg_cartao1.jpg) no-repeat; padding: 20px; float: left; margin-bottom: 10px; }
.cartao1 p{ display: block; }
.cartao1 .unidade{ color: #f7312d; font:20px 'Myriad Pro', sans-serif; }
.cartao1 .all{ color: #333; font: 14px 'Myriad Pro', sans-serif; line-height: 25px; }

.cartao1:nth-child(2n){ float: right; }

/*CARTOES*/
.cartao2{ width: 357px; height: 189px; background: url(../img/bg_cartao2.jpg) no-repeat; padding: 20px; float: left; margin-bottom: 10px; }
.cartao2 p{ display: block; }
.cartao2 .unidade{ color: #f7312d; font:20px 'Myriad Pro', sans-serif; }
.cartao2 .all{ color: #333; font: 14px 'Myriad Pro', sans-serif; line-height: 25px; }

.cartao2:nth-child(2n){ float: right; }

/*VITRINE*/
.produtos{ width: 250px; background: #FFF; padding: 10px; float: left; margin-bottom: 10px; margin-right: 10px; border: 1px solid #f2f2f2; }
.produtos img{ width: 250px; }
.produtos:nth-child(3n+1){ margin-right: 0; }

/*BAR*/
.bar{ width: 860px; height: 68px; background: #FFF; border: 1px solid #AAA; margin: 0 auto; position: relative; }
.bar_suvinil{ width: 189px; height: 68px; background: url(../img/bar_suvinil.png) no-repeat; float: left; }
.bar p{ font:14px 'Myriad Pro', sans-serif; color: #720000; float: left; padding-top: 18px; padding-left: 30px; }
.bar p span{ display: block; }
.bar_dacar{ width: 189px; height: 68px; background: url(../img/bar_dacar.png) no-repeat; float: right; }

/*FOOTER*/
.footer{ width: 860px; font: 12px 'Myriad Pro', sans-serif; color: #720000; margin: 0 auto; padding-top: 15px; padding-bottom: 30px; position: relative; }
.footer a{ text-decoration: none; color: #720000; }
.footer a:hover{ text-decoration: underline; }
.footer span{ float: right; }