@font-face {
  font-family: 'Caliban';
  src: url(../fonts/calibanstd.eot);
  src: local('Caliban Std Regular'), local('Caliban Std'), 
         url(../fonts/calibanstd.otf) format('opentype');
}

/** 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, strong, sub, sup, tt, var, b, u, i, center, 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-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1}
blockquote,
q {quotes:none}
blockquote:before,
blockquote:after,
q:before, q:after {content:'';content:none}
:focus {outline:0}
table {border-collapse:collapse;border-spacing:0}

/** GRID **/
.container_16 {margin:0 auto;width:960px}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {display:inline;float:left;position:relative;margin:0 10px}
.grid_1 {width:40px}
.grid_2 {width:100px}
.grid_3 {width:160px}
.grid_4 {width:220px}
.grid_5 {width:280px}
.grid_6 {width:340px}
.grid_7 {width:400px}
.grid_8 {width:460px}
.grid_9 {width:520px}
.grid_10 {width:580px}
.grid_11 {width:640px}
.grid_12 {width:700px}
.grid_13 {width:760px}
.grid_14 {width:820px}
.grid_15 {width:880px}
.grid_16 {width:940px}

/** LAYOUT **/
body{background:#f8f6eb url(../images/layout/bg-main.jpg)}
#wrapper-header,
#wrapper-main,
#wrapper-footer{width:100%}
#wrapper-header{background:url(../images/layout/bg-header.jpg) repeat-x}
#header{height:85px}
.container_16{height:auto;overflow:hidden}

#header .logo-portu{height:129px;position:absolute;-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.65);-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.65);box-shadow: 0 2px 6px rgba(0,0,0,0.65)}
#header .logo-portu a:link,
#header .logo-portu a:visited,
#header .logo-portu a:hover,
#header .logo-portu a:active{display:block;height:129px;width:160px;text-indent:-9999px;background:url(../images/layout/bg-logo.png) no-repeat}

#nav{float:right;list-style:none}
#nav li,
#nav a,
#nav span{display:block;width:125px;height:80px;text-align:center}
#nav li{display:inline;float:left;width:129px;border-left:1px solid #4a593a}
#nav li:first-child{width:130px;border-left:none}
#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active,
#nav span{background:url(../images/layout/bg-nav.png) no-repeat;-webkit-transition: all 0.4s ease;margin:0 auto}
#nav .empresa a:link,
#nav .empresa a:visited{background-position:-2px -75px}
#nav .produtos a:link,
#nav .produtos a:visited{background-position:-134px -75px}
#nav .cotacoes a:link,
#nav .cotacoes a:visited{background-position:-264px -75px}
#nav .contato a:link,
#nav .contato a:visited{background-position:-398px -75px}
#nav .empresa a:hover,
#nav .empresa a:active,
#nav .empresa span{background-position:-2px 0}
#nav .produtos a:hover,
#nav .produtos a:active,
#nav .produtos span{background-position:-134px 0}
#nav .cotacoes a:hover,
#nav .cotacoes a:active,
#nav .cotacoes span{background-position:-264px 0}
#nav .contato a:hover,
#nav .contato a:active,
#nav .contato span{background-position:-398px 0}

#wrapper-main{margin-top:70px;margin-bottom:10px}
.destaque{min-height:290px}

#wrapper-clientes{width:100%;height:118px;border-top:#efeee9 1px solid;border-bottom:#fffefe 1px solid;background:#fcfbf5;margin:20px 0 10px;list-style:none}
#clientes li{margin:9px 10px;height:100px;text-indent:-9999px;background:url(../images/layout/sprite-clientes.png) no-repeat;width:200px}
#clientes .real{background-position:center 0;margin-left:0}
#clientes .ibis{background-position:center -110px;width:80px}
#clientes .hotsaint{background-position:center -220px}
#clientes .relacom{background-position:center -330px}
#clientes .camicado{background-position:center -440px;margin-right:0}

#associacoes,
.testemunhos{margin-top:10px;margin-bottom:10px;list-style:none}
.testemunhos{float:right}
#associacoes{margin-right:0}
#associacoes li{display:inline;width:100px;float:left}
#associacoes .logo{display:block;width:100px;height:100px;background:url(../images/associacoes.gif) no-repeat;text-indent:-9999px}
#associacoes .fsc{float:left;background-position:top center}
#associacoes .abigraf{float:right;background-position:bottom center}
.container_16 .testemunhos{display:inline;border-left:1px solid #e5e4df;margin-left:0;width:349px}
.testemunhos blockquote{margin:10px 0 10px 10px}
.testemunhos cite{margin-left:150px}

.gallery{list-style:none}
.gallery li{display:block;width:200px;height:150px;margin:5px;background:#fefef9;border:1px solid #eee;-webkit-box-shadow:1px 1px 2px rgba(135,135,135,0.65);-moz-box-shadow:1px 1px 2px rgba(135,135,135,0.65);box-shadow:1px 1px 2px rgba(135,135,135,0.65);overflow:hidden;padding:4px}

#footer{margin:20px auto 0;border-top:1px solid #e5e4df;width:640px}

#mapa{width:400px;float:left;margin-left:60px}
.endereco{width:460px;float:right}

/** TYPOGRAPHY **/
/*
* Font Stacks
* Principal: "Adobe Garamond Pro", "Times New Roman", Times, serif
* Auxiliar: Caliban, "Brush Script MT","Segoe Script", "Trebuchet MS", sans-serif
*/
body{font:normal 15px/1.3333 "Adobe Garamond Pro", "Times New Roman", Times, serif;color:#231f20}
p{margin:10px 0}
a{text-decoration:none;color:#0079f2}
a:hover,
a:active{background:#f0f7ff}
.img:hover,
.img:active{background:none}
a.button:link,
a.button:visited,
a.button:hover,
a.button:active{font:normal 20px/1.0 Caliban, "Brush Script MT", "Trebuchet MS", sans-serif;margin:5px;color:#fff;-moz-border-radius:0 20px 0 20px;-webkit-border-top-right-radius:20px;-webkit-border-bottom-left-radius:20px;border-radius:0 20px 0 20px;padding:5px 20px;text-shadow:1px 1px 2px #000;-webkit-box-shadow: 1px 1px 2px rgba(35,31,32,0.65);-moz-box-shadow: 1px 1px 2px rgba(35,31,32,0.65);box-shadow: 0 2px 6px rgba(35,31,32,0.65);-webkit-transition: all 0.3s linear;border:1px solid #0053a6;background-color:#007acb;background-image:-webkit-gradient(linear, left top, left bottom, from(#0053a6), to(#00a9f7));background-image:-moz-linear-gradient(top,#0053a6,#00a9f7)}
a.button:hover,
a.button:active{border-color:#00a6ff;background-color:#009ceb;background-image:-webkit-gradient(linear, left top, left bottom, from(#009ceb), to(#00f6ff));background-image:-moz-linear-gradient(top,#009ceb,#00f6ff)}
strong a.button:link,
strong a.button:visited,
strong a.button:hover,
strong a.button:active{border:1px solid #a6000e;background-color:#ce001a;background-image:-webkit-gradient(linear, left top, left bottom, from(#a6000e), to(#ff0028));background-image:-moz-linear-gradient(top,#a6000e,#ff0028)}
strong a.button:hover,
strong a.button:active{border-color:#ff001c;background-color:#e2001f;background-image:-webkit-gradient(linear, left top, left bottom, from(#e2001f), to(#ff0050));background-image:-moz-linear-gradient(top,#e2001f,#ff0050)}

#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active{color:#fcfbf5;font:normal 24px/120px Caliban, "Brush Script MT","Segoe Script", "Trebuchet MS";text-decoration:none;padding:0}
#nav a:hover,
#nav a:active{color:#231f20;text-shadow:0 0 4px #fff}

#main .destaque h2{font:normal 48px/1.0 Caliban, "Brush Script MT", "Trebuchet MS";color:#1a3a00;text-shadow:0 1px 2px rgba(35,31,32,0.6)}


#clientes h2{font:normal 12px/1.6666 "Adobe Garamond Pro", "Times New Roman", Times, serif;position:absolute;z-index:100;margin:2px 10px}

#associacoes{font:normal 12px/1.6666 "Adobe Garamond Pro", "Times New Roman", Times, serif;text-align:center}

.testemunhos{font:italic 14px/1.4285 "Adobe Garamond Pro", "Times New Roman", Times, serif}
.testemunhos cite{font-style:normal}

#footer{text-align:center}
#footer small{font:normal 12px/1.1666 "Adobe Garamond Pro", "Times New Roman", Times, serif}

.content h1{font:normal 48px/1.0 Caliban, "Brush Script MT", "Trebuchet MS";color:#1a3a00;text-shadow:0 1px 2px rgba(35,31,32,0.6)}

.content h2{font:700 20px/1.0 "Adobe Garamond Pro", "Times New Roman", Times, serif;letter-spacing:1px}
.content h3{font:700 15px/1.3333 "Adobe Garamond Pro", "Times New Roman", Times, serif;letter-spacing:1px}
.content h1{margin:0 0 0 10px}
.content h2{margin:20px 0 0 60px}
.content h3{margin:10px 0 0 60px}
.content p,
.content ul,
.content ol,
.content form{margin:10px 10px 10px 60px}
.content p{text-align:justify}
.content h2 + p,
.content h3 + p{margin-top:0}
.content ul,
.content ol{padding-left:40px;color:#58595b}
.content li{margin:5px 0}
.content li:first-child{margin-top:0}
.content li:last-child{margin-bottom:0}

form label{display:block}
form label[for=newsletter]{display:inline}
form input:not([type=submit]),
form textarea{padding:2px;width:300px}
.content form ul{list-style:none;margin:0;padding:0}
.pedido label,
.pedido input{display:inline}
.pedido input[name=quantidade]{width:40px}
.pedido input[name=produto]{width:100px}
fieldset{margin:10px 0}

.content .endereco p{margin:0}

.no-fontface a.button:link,
.no-fontface a.button:visited,
.no-fontface a.button:hover,
.no-fontface a.button:active{font:bold italic 15px/1.0 "Trebuchet MS", Arial, Helvetica, sans-serif;letter-spacing:-1px}
.no-fontface #nav a:link,
.no-fontface #nav a:visited,
.no-fontface #nav a:hover,
.no-fontface #nav a:active{font:italic 18px/120px "Trebuchet MS", Arial, Helvetica, sans-serif}
.no-fontface #main .destaque h2,
.no-fontface .content h1{font:italic 36px/1.0 "Trebuchet MS", Arial, Helvetica, sans-serif;letter-spacing:-1px}

.sliderGallery {position: relative;height:340px;width:940px;margin-top:10px;overflow:auto}
.sliderGallery .items {position:absolute;list-style:none;padding:0;margin:0}
.sliderGallery .items > li {display:inline-block;width:220px;position:relative}
.sliderGallery .items ul {list-style:none;margin:10px;padding: 5px 0 0;white-space:normal;border-top:1px solid #e5e4df}
.sliderGallery .items ul li {font-size:14px;line-height:1.1428;margin:2px 0}