@charset "iso-8859-1";
/*CSS reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,
var,dl,dt,dd,ol,ul,li,fieldset, form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:normal;font-size:100%;font-family:inherit;vertical-align:baseline;outline:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
a{text-decoration:none;color:#fff}a:hover{text-decoration:underline;}
input,select,textarea{border:0;font:11px arial,helvetica,"sans Serif",clean,sans-serif;}
legend{display:none}label{cursor:pointer;cursor:hand;}:focus{outline:0;}
/**/

/*CSS Defaut*/
body{background:#bb111f;font:12px arial,helvetica,"sans Serif",clean,sans-serif;color:#000}
#all{}
#ct{width:921px;margin:0 auto}
#md,#ft,.boxTags,#colB .nav{float:none;clear:both;}
#all,#md,#ft,.box,.boxTags{overflow:auto;zoom:1}
/**/


/*md*/
#md{margin:40px 0 0;overflow:hidden}
.logo h1{width:260px;height:260px;background:url(../img/logo-dbd.png) no-repeat}
.logo h1 a{width:260px;height:260px;display:block;text-indent:-999em}
#md #colA{width:260px;margin:0 40px 0 0;float:left}
#md #colB{width:621px;float:left;background:url(../img/virgula.png) no-repeat 100% 89px}

#md #colB .nav{overflow:hidden;border-top:3px solid #fff;position:relative}
#md #colB .nav ul{float:left}
#md #colB .nav li{float:left;font-size:14px;}
#md #colB .nav li a{padding:10px;display:block;color:#fff;text-transform:uppercase}
#md #colB .nav li.on a{color:#bb111f;background:#fff}
#md #colB .nav li a:hover{text-decoration:none;}
#md #colB .nav .tel{display:block;position:absolute;top:8px;right:0;color:#fff}

#md #colB .titulo {width:512px;height:160px;margin:0 0 30px;color:#fff;text-transform:uppercase;}
#md #colB .titulo h2{height:160px;margin:31px 0 0;font-size:72px;}
#md #colB .titulo.no{height:auto!important;margin:0!important}
#md #colB .titulo.no h2{height:auto!important}
#md #colB .titulo span{top:-70px;position:relative;font-size:18px;}

#md #colB .section .article{padding:35px 0 22px;margin:0 0 25px;border-bottom:3px solid #fff}
#md #colB .section .article.no{border:0}
#md #colB .section .article .top{margin:0 0 10px;overflow:hidden}
#md #colB .section .article .top .date{padding:5px 9px;margin:0 10px 0 0;float:left;background:#fff}
#md #colB .section .article .top .date span{display:block;color:#bb111f;text-transform:uppercase}
#md #colB .section .article .top .date .dia{font-size:24px}
#md #colB .section .article .top .date .mes{font-size:14px}
#md #colB .section .article .top h1{width:447px;float:left;font-size:24px;text-transform:uppercase}
#md #colB .section .article .content .imagem{margin:0 0 5px}
#md #colB .section .article .content p{line-height:22px;color:#fff}


#md #colB .lista .article{padding:10px 0 22px;margin:0 0 25px;border-bottom:3px solid #fff}
#md #colB .lista .legendaBusca{padding:0 0 20px;color:#fff;text-transform:uppercase}
#md #colB .lista .article.no{border:0}
#md #colB .lista .article .top{margin:0 0 10px;overflow:hidden}
#md #colB .lista .article .top .date{padding:5px 9px;margin:0 10px 0 0;float:left;background:#fff}
#md #colB .lista .article .top .date span{display:block;color:#bb111f;text-transform:uppercase}
#md #colB .lista .article .top .date .dia{font-size:24px}
#md #colB .lista .article .top .date .mes{font-size:14px}
#md #colB .lista .article .top h1{width:447px;float:left;font-size:24px;text-transform:uppercase}

/*tags relacionadas*/
.tagsRel{margin:30px 0 0;padding:8px 11px;display:block;clear:both;background:#c71b29;color:#c00}
.tagsRel strong{color:#fff}
.tagsRel a{font-size:12px;}
/*tags relacionadas /end*/

#md #colB .section .article .toolBox{padding:23px 0 0;overflow:hidden;position:relative}
#md #colB .section .article .autorComentarios{padding:0 0 0 27px;float:left;color:#fff;background:url(../img/virgulaP.png) no-repeat}
#md #colB .section .article .autorComentarios span{text-transform:uppercase;display:block}
#md #colB .section .article .midias{float:right;}
#md #colB .section .article .midias li{margin:0 0 0 10px;float:left}
#md #colB .section .article .balao{padding:0 0 6px;position:absolute;top:0;right:0;background:url(../img/setaMidias.png) no-repeat 0 100%}
#md #colB .section .article .balao span{padding:2px 5px 2px 6px;background:#fff;color:#bb111f;font-size:8px;text-transform:uppercase;display:block}

#md #colB .section .comentarios{padding:49px 0 0;overflow:hidden}
#md #colB .section .comentarios h3{padding:0 0 20px;font-size:24px;text-transform:uppercase;color:#fff}
#md #colB .section .comentarios h3.titComentar{padding:20px 0 30px;font-size:18px;}
#md #colB .section .comentarios .addComentario{padding:0 0 15px;display:block;text-decoration:underline}
#md #colB .section .comentarios .vcard{font-weight:700;color:#fff}
#md #colB .section .comentarios .vcard a{color:#fff}
#md #colB .section .comentarios .vcard em a{text-decoration:underline}
#md #colB .section .comentarios ol li{padding:0 0 18px;margin:0 0 20px;border-bottom:1px solid #fff}
#md #colB .section .comentarios form{width:362px;overflow:hidden}
#md #colB .section .comentarios form label{padding:0 0 8px;display:block;font-size:14px;color:#fff;text-transform:uppercase}
#md #colB .section .comentarios form input{width:350px;padding:2px 6px;margin:0 0 15px;font-size:24px;font-weight:700;color:#bb111f}
#md #colB .section .comentarios form textarea{width:350px;height:140px;padding:2px 6px;}
#md #colB .section .comentarios form .bt{width:auto;height:auto;padding:0;margin:20px 0 0;clear:both;float:right}

#md #colB .contato form{width:362px;overflow:hidden}
#md #colB .contato form label{padding:0 0 8px;display:block;font-size:14px;color:#fff;text-transform:uppercase}
#md #colB .contato form input{width:350px;padding:2px 6px;margin:0 0 15px;font-size:24px;font-weight:700;color:#bb111f}
#md #colB .contato form textarea{width:350px;height:140px;padding:2px 6px;}
#md #colB .contato form .bt{width:auto;height:auto;padding:0;margin:20px 0 0;clear:both;float:right}

#md #colB .clientes li{margin:0 0 18px 18px;float:left;}
#md #colB .clientes li.no{margin:0}

#md #colB .navPortfolio{margin:0 0 46px;font-size:14px;overflow:hidden}
#md #colB .navPortfolio li{margin:0 12px 0 0;float:left;text-transform:uppercase}
#md #colB .navPortfolio li a{padding:0 0 3px;display:block;border-bottom:3px solid none}
#md #colB .navPortfolio li a:hover{text-decoration:none;border-bottom:3px solid #fff}
#md #colB .navPortfolio li.on a{border-bottom:3px solid #fff}

#md #colB .portfolio{position:relative;}
#md #colB .portfolio h4{padding:0 0 24px;font-size:14px;color:#fff;text-transform:uppercase}
#md #colB .portfolio ul{margin:0 0 11px;overflow:hidden}
#md #colB .portfolio li{margin:0 0 18px 18px;float:left;}
#md #colB .portfolio li.no{margin:0}
#md #colB .portfolio p{color:#fff}
#md #colB .portfolio .balao{padding:0 0 6px;position:absolute;top:30px;right:10px;background:url(../img/setaMidiasVermelho.png) no-repeat 0 100%}
#md #colB .portfolio .balao .ct{width:140px;padding:10px;background:#bb111f;color:#fff;display:block}
#md #colB .portfolio .balao .ct strong{display:block;}
#md #colB .portfolio .balao .ct span{font-size:10px;}

#md #colB .pag{margin:0 0 25px;clear:both;overflow:hidden}
#md #colB .pag .left{float:left}
#md #colB .pag .right{float:right}

#md #colB .boxPecas{margin:0 0 45px}
#md #colB .boxPecas .topo{margin:0 0 24px;color:#fff;text-transform:uppercase}
#md #colB .boxPecas .topo h2{padding:0 0 6px;font-size:24px;}
#md #colB .boxPecas .topo h3{font-size:14px;}

.agencia .fotos{width:271px;margin:0 19px 0 0;float:left}
.agencia .fotos img{margin:0 1px 1px 0}
.agencia  p{margin:0 0 20px;color:#fff;line-height:22px;}

.box{padding:40px 0;border-top:3px solid #fff}
.box h2{padding:0 0 13px;font-size:28px;color:#fff;text-transform:uppercase}
.box.menu{border:0}
.box.menu li{margin:-7px 0 0;font-size:28px;text-transform:uppercase}
.box.menu li a{color:#fff}

.box.busca input{width:221px;padding:2px 6px;float:left;font-size:24px;font-weight:700;color:#bb111f}
.box.busca .bt{width:auto;height:auto;padding:0}
@media screen and (-webkit-min-device-pixel-ratio:0){
		.box.busca .bt{margin:2px 0 0}
}

.box.arquivo{}
.box.arquivo .list li{height:38px;padding:7px 6px 7px 5px;margin:0 0 0 10px;float:left;background:#fff;font-size:13px;text-transform:uppercase}
.box.arquivo .list li span{padding:0 0 0 3px;display:block;font-size:16px;}
.box.arquivo .list li a{display:block;color:#bb111f}
.box.arquivo .list li a:hover{text-decoration:none}
.box.arquivo .item{width:5px;height:52px;float:left;position:relative;}
.box.arquivo .item img{display:block;top:45%;left:0;position:absolute}
.box.arquivo .item a{width:5px;height:44px;display:block;}
.box.arquivo .proxima{float:right;}

.box.clientes{}
.box.clientes li{margin:0 0 7px 10px;float:left}
.box.clientes li.no{margin:0}

.twitter{width:260px;overflow:hidden}
.twitter li{padding:17px 0;border-top:1px solid #fff}
.twitter li.no{padding-top:0;border:0}
.twitter h2 a{margin:14px 0 0;float:right;font-size:14px}

/*box nuvens de tags*/
.boxTags{padding:25px 0 8px;margin:0 0 40px;border-top:3px solid #fff;}
.boxTags h2{height:26px;padding:0 1px 1px;font-size:24px;color:#fff;text-transform:uppercase;}
.boxTags p{margin-bottom:0.83em;line-height:1.83em;*line-height:2.5em;}
.boxTags p a{padding:0 15px 0 0;display:inline;}
.boxTags .t1{font-size:1.45em;}
.boxTags .t2{font-size:1.64em;}
.boxTags .t3{font-size:2em;}
.boxTags .t4{font-size:2.55em;}
.boxTags .t5{font-size:2.73em;}
.boxTags .t6{font-size:3.09em;}
/*box nuvens de tags / end*/
/**/

/*ft */
#ft{height:90px;padding:20px 20px 30px;background:#fff;overflow:hidden}
#ft address{float:left;color:#bb111f}
#ft .fishy{float:right;text-indent:-999em;background:url(../img/fishy.png) no-repeat}
#ft .fishy a{width:46px;height:15px;display:block}
/**/

/*twitter*/
.twitter{width:260px}
.twitter ul{padding:9px 0 15px;float:left}
.twitter ul li{width:260px;margin:15px 0 0;padding:15px 0 0;float:left;border-top:1px solid #fff;font-size:11px}
.twitter ul li img{margin:0 10px 0 0;float:left}
.twitter ul li strong{display:inline}
.twitter ul li a{color:#fff}
.twitter ul li span{margin:5px 0 0;display:block;font:700 10px arial;color:#fff}
.twitter ul li div{color:#fff}
.twitter h2{padding:0 0 13px;font-size:28px;color:#fff;text-transform:uppercase}
/*end / twitter*/



#ft p.copyright{width:880px;border-top:1px solid #BB111F;color:#BB111F;float:left;margin:20px auto;padding:20px 0 ;text-align: center;}