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, strong, 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; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: 'Trebuchet MS'; vertical-align: baseline; } body { line-height: 1; color: #1d1d1d; background: #E6E6E6; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

a { color: #820000; text-decoration:none; }
a:hover { color: #c46200; text-shadow: underline }
a:focus { outline: thin dotted;  outline-color: #c46200  }

body {background: url(http://www.calcadosnoroeste.com.br/uploads/atelier/images/bg_geral.png) repeat}
.cls {clear:both}

#topo {background:url(http://www.calcadosnoroeste.com.br/uploads/atelier/images/top_bg.png) top center repeat-x; height:98px; width:100%}
#topo .logo { background:url(http://www.calcadosnoroeste.com.br/uploads/atelier/images/logo.jpg) top left no-repeat; width: 1000px; height: 98px; margin: 0 auto 0 auto }
#topo .logoOutrasPaginas { background:url(http://www.calcadosnoroeste.com.br/uploads/atelier/images/logooutras.jpg) top left no-repeat; width: 1000px; height: 98px; margin: 0 auto 0 auto }
#topo .logolink {float:left; width:530px; height:65px; cursor:pointer; margin: 10px 0 0 30px}
#topo .menualinhamento {float:right; padding:50px 0 0 0; width:360px; height:20px}

#topo .menu ul { list-style:none; text-transform:uppercase }
#topo .menu ul li { float:left; margin-right: 18px }
#topo .menu ul li a { float:left; margin:0; color:#ffffff; font: normal 16px 'trebuchet ms'; text-decoration:none; text-shadow: #892407 1px 1px; }
#topo .menu ul li a:hover { color:#9b2023; text-shadow: none}
#topo .menu ul li a.ativo { color:#000000; text-shadow: #ffffff 1px 1px 1px;}

#montandoslider { background:url(http://www.calcadosnoroeste.com.br/uploads/atelier/images/slider_bg_laterais.png) top center repeat-x }
#montandoslider .primeiro { width: 100%; height: 432px; background: url(http://www.calcadosnoroeste.com.br/uploads/atelier/images/slider_bg.jpg) top center no-repeat }
#montandoslider .segundo { width: 955px; height: 346px; margin: 0 auto 0 auto; padding-top: 25px; padding-right: 4px }
#montandoslider .terceiro {width:955px; height:346px; overflow: hidden}
#montandoslider .primeiroOutrasPaginas { width: 100%; height: 66px; background: url(http://www.calcadosnoroeste.com.br/uploads/atelier/images/top_outras_bg.png) top center repeat-x; border-bottom: 1px solid #ffffff }
#montandoslider .segundoOutrasPaginas {font: bold 28px 'trebuchet ms'; letter-spacing: 1px ; word-spacing: 5px; padding: 8px 0 0 40px; color: #ffffff; width:900px; height:55px; margin: 0 auto 0 auto}
#montandoslider .terceiroOutrasPaginas {position:relative; top:0; left:0; }
#montandoslider .quartoOutrasPaginas { position:relative; margin-top: -35px; margin-left: -2px; color:#931111 }
#montandoslider .slides-imagens { display: block; position: relative; overflow: hidden }
#montandoslider .slides-imagens div { position: absolute; overflow: hidden; width:955px; height:346px; }

#redesmolde {margin: 11px 0 0 0; margin-left: auto; margin-right: auto; background: url(http://www.calcadosnoroeste.com.br/uploads/atelier/images/redes_bg.png) top center no-repeat; width:1002px; height: 109px}

#busca { float:left; width: 330px; height: 80px; padding: 25px 0 0 9px }

#redes { float:left; width: 639px; height: 80px; padding: 20px 0 0 21px }
#redes .ico {background:url(http://www.calcadosnoroeste.com.br/uploads/atelier/images/redes_busca.jpg) no-repeat; float:left; width: 61px; height: 66px; margin-right: 10px; cursor: pointer}
#redes .ico:focus { outline: thin dotted;  outline-color: #c46200 }
#redes .face { background-position: 0px 5px}
#redes .face:hover { background-position: 0px 0px}
#redes .insta { background-position: 0px 5px}
#redes .insta:hover { background-position: 0px 0px}
#redes .google { background-position: -71px 5px}
#redes .google:hover { background-position: -71px 0px}
#redes .twitter { background-position: -142px 5px}
#redes .twitter:hover { background-position: -142px 0px}
#redes .myspace { background-position: -213px 5px}
#redes .myspace:hover { background-position: -213px 0px}
#redes .linkedin { background-position: -283px 5px}
#redes .linkedin:hover { background-position: -283px 0px}
#redes .orkut { background-position: -355px 5px}
#redes .orkut:hover { background-position: -355px 0px}
#redes .youtube { background-position: -426px 5px}
#redes .youtube:hover { background-position: -426px 0px}
#redes .flickr { background-position: -497px 5px}
#redes .flickr:hover { background-position: -497px 0px}
#redes .live { background-position: -568px 5px}
#redes .live:hover { background-position: -568px 0px}

#busca .alinhacampos {float:left; height:61px; width:250px; background:url(http://www.calcadosnoroeste.com.br/uploads/atelier/images/redes_busca.jpg) -648px 0 no-repeat}
#busca .campoBusca {height:30px; width:150px; background-color:#F6F6F6; border:0px; padding:5px; margin: 12px 0 0 10px; font: normal 16px 'trebuchet ms'}
#busca .botaoBusca {float:left; height:61px; width:61px; background:url(http://www.calcadosnoroeste.com.br/uploads/atelier/images/redes_busca.jpg) -898px 0 no-repeat; border:0px; cursor:pointer}

#centro {width: 1000px; min-height:500px; margin: 35px auto 0 auto}
#centro strong {font-weight:bold}
#centro .conteudoInicial { font: normal 14px 'trebuchet ms'; float:left; width: 700px; max-width: 700px; margin: 10px 30px 25px 0; overflow:hidden}
#centro .conteudoInicial img { max-width: 691px; float: left; margin:10px 20px 10px 4px; -moz-box-shadow: -1px 2px 7px #515151;-webkit-box-shadow: -1px 2px 7px #515151;box-shadow: -1px 2px 7px #515151 }
#centro .conteudoOutras { font: normal 14px 'trebuchet ms'; float:left; width: 980px; max-width: 980px; margin: 10px 20px 25px 20px; overflow:hidden}
#centro .conteudoOutras img { max-width: 965px; float: left; margin:10px 20px 10px 4px; -moz-box-shadow: -1px 2px 7px #515151;-webkit-box-shadow: -1px 2px 7px #515151;box-shadow: -1px 2px 7px #515151 }
#centro h1 {font-size: 24px}
#centro h2 {font-size: 20px}
#centro h3 {font-size: 17px}
#centro h4 {font-size: 14px}
#centro h5 {font-size: 12px}
#centro h6 {font-size: 9px}
#centro blockquote {margin-left: 20px}

#previsao .alinhaPrevisao {margin: 150px 0 0 0; text-align:center}
#previsao {float: right; width: 245px; height: 435px; background: url(http://www.calcadosnoroeste.com.br/uploads/atelier/images/previsao_bg.png) center left no-repeat; padding: 10px 0 25px 10px}
#previsao {font: normal 12px 'trebuchet ms'}
#previsao h1 {font: bold 16px 'trebuchet ms'}

#linhaDiv {height:0px; width:1000px; margin: 0 auto 0 auto; border-top: 1px solid #CECECE; border-bottom: 1px solid #FFFFFF}

#portfolio {width:1000px; height: 227px; margin: 15px auto 15px auto; display:none }
#portfolio .titulo {font: bold 20px 'Trebuchet ms'}
#portfolio .alinhaSlider {width:1000px; height:170px; margin: 10px 0 8px 0}
#portfolio .verTodos {text-align: right}

#sliderportfolio {width: 900px;	min-height: 200px;}
#sliderportfolio > li {width: 240px;}
#sliderportfolio img {border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-moz-box-shadow: -1px 1px 6px #515151;-webkit-box-shadow: -1px 1px 6px #515151;box-shadow: -1px 1px 6px #515151;}
#sliderportfolio :focus { outline: none; }

.mb-inside img { width: 100%; }
.mb-wrapper {margin: 0 auto; position: relative; left: 0; top: 0}
.mb-slider, .mb-scroll { width: 100%; height: 100%; overflow: hidden; margin: 0 auto; position: relative; left: 0; top: 0; font-size: 6px }
.mb-slider .mb-panel {margin: 0; padding: 10px; display: block; cursor: pointer; float: left; list-style: none; }
.mb-inside { padding: 10px }
.mb-inside * {max-width: 100%}
a.mb-scrollButtons { display: block; width: 45px; height: 58px; background: transparent url(http://www.calcadosnoroeste.com.br/uploads/atelier/images/arrows.png) no-repeat; position: absolute; top: 50%; margin-top: -29px; cursor: pointer; text-decoration: none; outline: 0; border: 0 }
a.mb-scrollButtons.mb-left { background-position: left top; left: -45px }
a.mb-scrollButtons.mb-right { background-position: right top; right: -45px }
a.mb-scrollButtons.mb-left:hover { background-position: left bottom }
a.mb-scrollButtons.mb-right:hover { background-position: right bottom }
a.mb-scrollButtons.disabled {display: none}

.menuRodape ul { list-style:none }
.menuRodape ul li { float:left; margin-right: 45px }
.menuRodape ul li a { float:left; margin:0; color:#000000; font: bold 12px 'trebuchet ms'; text-decoration:none}
.menuRodape ul li a:hover { color:#c0c0c0}
.menuRodape ul li a.ativo { color:#ffffff}

#contato .error_message { color: #b61414 }
#contato .error_message ul { margin-bottom: 30px}
#contato form div {margin-bottom: 20px; font: normal 14px 'trebuchet ms'}
#contato form input,#contato form textarea {margin-left: 15px; padding:5px; color: #4a4a4a; font-weight: bold; width: 400px}
#contato form input[type="text"], #contato form textarea {background: #d0d0d0; border: 1px solid #ffffff}
#contato form input[type="checkbox"]  {margin-left: 15px; padding:5px; width: 20px }
#contato form input[type="submit"] {width:100px; text-align:center}

#FaixaLaranjaRodape {margin-top: 35px; width:100%; height:101px; background: url(http://www.calcadosnoroeste.com.br/uploads/atelier/images/rodape_laranja.jpg) center top no-repeat #FF850C; border-top:1px solid #ffffff; font: normal 14px 'trebuchet ms'; color: #ffffff}
#FaixaLaranjaRodape .alinhamento {width: 1000px; margin: 15px auto 0 auto}

#FaixaLaranjaRodape .email {float: left; width: 220px; margin: 10px 0 0 0; height: 60px; overflow: hidden}
#FaixaLaranjaRodape .fone {float: left; text-align:center; margin: 10px 0 0 150px; width: 200px; height: 60px; overflow: hidden}
#FaixaLaranjaRodape .endereco {float: right; text-align:right; margin: 10px 0 0 111px; width: 300px; height: 60px; overflow: hidden}

#FaixaVermelhaoRodape {width: 100%; height: 8px; background-color: #880C0B;  border-top: 1px solid #7B1100; border-bottom: 1px solid #CB6C6C}

#rodape {text-transform:uppercase; width: 100%; height: 66px; background: url(http://www.calcadosnoroeste.com.br/uploads/atelier/images/rodape_bg.png) top center repeat-x}
#rodape .alinhamento {width:1000px; margin:0 auto 0 auto}
#rodape .alinhamento2 {float: left; width: 550px; margin: 20px 0 0 0}
#rodape .md2s {float: right; width: 126px; margin: 10px 0 0 0}
/* Stylesheet: Atelier Modified On 2026-06-02 09:29:27 */