/*
Theme Name: Fibrosport
Theme URI: http://www.fibrosport.pt
Description: Tema Fibrosport
Author: Cato Design
Version: 1.0
Tags: fibrosport
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
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 {background: transparent;border: 0;margin: 0;padding: 0;vertical-align: baseline;}
body {line-height: 1;}
h1, h2, h3, h4, h5, h6 {clear: both;font-weight: normal;}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: '';content: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a img {border: none;}
p { margin-bottom: 18px; }
ul { list-style: square; margin: 0 0 18px 1.5em; }
ol { list-style: decimal; margin: 0 0 18px 1.5em; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
dl { margin: 0 0 24px 0; }
dt { font-weight: bold; }
dd { margin-bottom: 18px; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
big { font-size: 131.25%; }
ins { background: #ffc; text-decoration: none; }
blockquote { font-style: italic; padding: 0 3em; }
blockquote cite, blockquote em, blockquote i { font-style: normal; }
pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
.alignleft { float:left; }
.alignright { float:right; }
/* =Layout
-------------------------------------------------------------- */
body     { margin:0; padding:0; background:url(images/bg.site.jpg) repeat-x top #A0AAB3; }
#wrapper { width:957px; margin:0 auto; padding-top:40px; }
#language{ position:absolute; top:0px; left:0; width:25px; height:64px; margin-top:40px; }
#header  { margin:0; padding:0; width:957px; height:193px; position:relative;}
#background-header { position:absolute; top:0; left:0; z-index:1; width:957px; height:193px; overflow:hidden; list-style:none; padding:0; margin:0; }
#background-header li { list-style:none; padding:0; margin:0; }
#logo    { position:absolute; top:20px; left:40px; z-index:99; }
#menu    { margin:20px 0; width:957px; min-height:30px; }
#content { min-height:300px; }
#footer  { padding-top: 15px;  padding-bottom: 20px; width:957px; height:70px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#403B33; }

#language a { display:block; overflow:hidden; width:25px; height:32px; text-indent:-9999em; }
#language a.pt-pt { background:url(images/lang.pt-pt.png) no-repeat top; }
#language a.en-en { background:url(images/lang.en-en.png) no-repeat top; }
#language a.pt-pt:hover, #language a.pt-pt-active { background:url(images/lang.pt-pt-active.png) no-repeat top; }
#language a.en-en:hover, #language a.en-en-active { background:url(images/lang.en-en-active.png) no-repeat top; }

#footer a { color:#111; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer #site-info {width:500px; height:80px;float:left; background:url(images/logos.png) no-repeat top;}
#footer #site-generator {float:right; text-align:right;line-height:15px; }

.main-menu { width:957px; position:relative; overflow:hidden; height:60px; background:url(images/bg.menu.png) no-repeat top; }
.main-menu ul { list-style:none; width:960px; position:absolute; top:0; left:0; height:60px; display:block; margin:0; }
.main-menu li { line-height:20px; }
.main-menu li a { text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-decoration:none; text-transform:uppercase; display:block; float:left; width:191px; border-right:1px solid #fff; margin:5px 0;}
.main-menu li:hover ul, .main-menu li.current-menu-item ul { display:block; }
.main-menu li ul { display:none; list-style:none; }
.main-menu li ul li { line-height:20px; margin-top:4px; }
.main-menu li ul li a { font-size:15px; }
.main-menu li.current-menu-item ul, .main-menu li.current-menu-parent ul { display:block; }
.main-menu li.current-menu-item ul li a { color:#fff; }
.main-menu li.current-menu-item ul li a:hover { color:#403B33; }
.main-menu ul li ul { top:26px; left:-2px; height:34px; background:url(images/bg.sub-menu.png) no-repeat top; }
.main-menu ul li ul li a { font-size:12px; border-right:1px solid #008CCA;  text-transform:none; }
.main-menu li a:hover, .main-menu li.current-menu-item a, .main-menu li ul li.current-menu-item a { color:#403B33; }

#content { font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#fff; }
#content a { color:#fff; text-decoration:none; }
#content a:hover { text-decoration:underline; }
#content p { margin:10px 0px; }
#content h1 { font-size:20px; font-weight:bold; color:#008CCA; margin:20px 0; padding:0; text-transform:uppercase; }
#content h2 {}
#content h3 { font-size:16px; font-weight:bold; margin:20px 0; padding:0; }
#content h4 { color:#008CCA; margin:0 0 -10px 0; padding:0; font-weight:bold; font-size:13px; }
.contact-form  { width:500px; float:left;  }
.contact-entry { width:400px; float:right; }
#form-contact { width:350px; background:#008CCA; margin-top:40px; padding:10px; float:right; -moz-border-radius: 10px; border-radius: 10px; }
#form-contact input { display:block; width:98%; color:#666; border:none; margin:0 0 10px 0px; padding-left:5px; font-size:14px; -moz-border-radius: 5px; border-radius: 5px; }
#form-contact textarea { font-family:Arial, Helvetica, sans-serif; display:block; width:98%; padding-left:5px; height:170px; color:#666; border:none; margin:0 0 10px 0px; font-size:14px; -moz-border-radius: 5px; border-radius: 5px; }
#form-contact button { background:#fff; color:#008CCA; font-size:16px; border:none; float:right; text-transform:uppercase; -moz-border-radius: 5px; border-radius: 5px; }
#form-result { text-align:center; line-height:30px; font-size:12px; font-weight:bold; color:#fff; }

.gallery-left   { width:500px; float:left; }
div.gallery     { padding:0!important }
dl.gallery-item { width:auto; display:inline; padding:0; margin:0 0 5px 0; border:none;  }
dd.gallery-caption { text-transform:capitalize; font-family:Georgia; font-size:14px; text-align:left; text-indent:8px }
dt.gallery-icon    { margin:0; padding:0}
#content .gallery .gallery-item img { border:1px solid #008CCA !important; }

.gallery-right { width:430px; float:right; }
#imageHolder   { width:430px; height:290px; position:relative; border:1px solid #008CCA; overflow:hidden; }
#prevImage     { position:absolute; top:120px; left:0; width:28px; height:63px; background:url(images/gallery.prev.png) no-repeat; text-indent:-9999em; overflow:hidden; z-index:99; cursor:pointer; }
#nextImage     { position:absolute; top:120px; right:0; width:28px; height:63px; background:url(images/gallery.next.png) no-repeat; text-indent:-9999em; overflow:hidden; z-index:99; cursor:pointer; }
#Image         { width:430px; height:290px; z-index:88; position:absolute; top:0; left:0; }
 
#products { width:960px; clear:both; }
#products h2 { border-top:1px dashed #fff; text-transform:uppercase; padding:5px 0 0 0; margin:20px 0 10px 0; font-size:16px; font-weight:bold; }
#products .products-tab  { }
#products .products-cat  { width:200px; height:120px; overflow:hidden; display:block; float:left; margin:0 34px 0 0px; border:1px solid #008CCA; background:#008CCA; font-size:14px; font-weight:bold; text-align:center; }
#products .products-link { width:200px; height:140px; overflow:hidden; display:block; float:left; margin:0 34px 0 0px; border:1px solid #008CCA; background:#008CCA; font-size:14px; font-weight:bold; text-align:center; }
#products a { color:#fff; text-decoration:none; }
#products a img { width:200px; height:100px; display:block; margin:0; padding:0; }
#products a span { width:200px; height:20px; line-height:20px; display:block; margin:0; padding:0; text-align:center; }
#products a.products-link span { width:195px; height:40px; display:block; text-align:left; padding-left:5px; font-size:11px; font-weight:normal; }
#products a:hover { color:#403B33; text-decoration:none; }
#products a.active-tab { color:#403B33; text-decoration:none; }
#products .categories  { text-transform:uppercase; border-top:1px dashed #fff; padding:5px 0 0 0; margin:0px 0 10px 0; font-size:12px; }
#products .categories a.active { color:#4DAEDB; font-weight:bold; }
#products .marcas a.active { color:#403B33; text-decoration:none; }

#Product { overflow:hidden; width:520px; height:370px; font-family:Arial, Helvetica, sans-serif; background:#008CCA; color:#000; font-size:11px; }
#Product .product-refs { width:160px; float:left; padding:10px; font-size:12px; }
#Product .product-info { width:280px; height:70px; overflow-y:auto; overflow-x:hidden; float:right; padding:10px; margin:0; }
#Product .product-button { color:#fff; text-transform:uppercase; text-decoration:none; display:block; line-height:22px; text-align:center; font-weight:bold; background:url(images/bg.button.jpg) repeat-x; width:120px; margin-top:20px; }
#Product .product-image  { width:520px; height:260px; }

.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%;  }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px;  }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { position: relative;  }
.jspDrag { background:url(images/scroll.drag.png) no-repeat; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none;}
.jspCorner { float: left; height: 100%; }
.jspArrowLeft { background:url(images/scroll.left.png) no-repeat; background-color:none; }
.jspArrowRight { background:url(images/scroll.right.png) no-repeat; background-color:none; }
.jspArrow:hover { background-color:#fff; }

* html .jspCorner { margin: 0 -3px 0 0; }
.jspScrollable { margin-bottom:20px; }
.scroll-pane { height:auto; height:170px; max-height:170px; width:100%; overflow: auto; }
.scroll-wrapper { height:170px; }

#searchcontent { width:500px; float:left; margin-bottom:20px; }
#searchform { width:400px; float:right; text-align:right; margin-bottom:20px; }

#searchcontent h1 { color:#fff; margin:0; padding:0; }
#searchform h3    { text-align:right; color:#008CCA; margin:0; padding:0 3px 5px 0; }
#searchform select { width:182px; border:1px solid #008CCA; background:FFF; color:#666; margin:5px; font-size:16px; }
#searchform input  { width:176px; border:1px solid #008CCA; background:FFF; color:#666; margin:5px; font-size:16px; }
#searchform #ref_marca { width:131px; }
#searchform button { background:#008CCA; color:#fff; font-size:16px; border:none; text-transform:uppercase; margin-right:5px; }