/*
Theme Name: Tema Quimial
Theme URI: http://www.docwings.pt/
Author: Docwings Lda.
Author URI: http://www.docwings.pt/
Description: Tema personalizado Docwings Lda.
Version: 1.0
License: proprietário
License URI: 
Tags: 
*/

/* reset default browser CSS - - -
   ! ! ! remember to define focus styles ! ! !
   ! ! ! tables still need 'cellspacing="0"' in the markup ! ! !
   based on the original Twenty Eleven Wordpress theme - - - */
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, 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 { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } body { background: #fff; line-height: 1; } ol, ul { list-style: none; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } :focus { outline: 0; } table { border-collapse: separate; border-spacing: 0; }

/* general classes - - - */
.gc-absolute { position: absolute; }
.gc-body-center { display: block; margin: 0 auto; width: 1000px; }
.gc-clear { clear: both; }
.gc-dn { display: none !important; }

/* font - - - */
@font-face { font-family: 'Hind'; src: url('Hind-Bold.eot?#iefix') format('embedded-opentype'), url('Hind-Bold.woff') format('woff'), url('Hind-Bold.ttf') format('truetype'), url('Hind-Bold.svg#Hind-Bold') format('svg'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Hind'; src: url('Hind-Semibold.eot?#iefix') format('embedded-opentype'), url('Hind-Semibold.woff') format('woff'), url('Hind-Semibold.ttf') format('truetype'), url('Hind-Semibold.svg#Hind-Semibold') format('svg'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Hind'; src: url('Hind-Medium.eot?#iefix') format('embedded-opentype'), url('Hind-Medium.woff') format('woff'), url('Hind-Medium.ttf') format('truetype'), url('Hind-Medium.svg#Hind-Medium') format('svg'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Hind'; src: url('Hind-Regular.eot?#iefix') format('embedded-opentype'), url('Hind-Regular.woff') format('woff'), url('Hind-Regular.ttf') format('truetype'), url('Hind-Regular.svg#Hind-Regular') format('svg'); font-weight: normal; font-style: normal; }

select, input, button, textarea,
html { color: #666; font-family: 'Hind', Arial, Helvetica, sans-serif; font-size: 14px; }
a { color: #354992; text-decoration: none; transition: color 400ms; }
a:hover { color: #0000FF; }

/* background - - - */
html,
body { background: #444; display: block; min-height: 100%; width: 100%; /* overflow: hidden; */ height: auto; }
#body-wrapper { display: block; min-height: 100%; width: 100%; /* overflow: auto; */ position: relative; overflow: hidden; }
#dwDB-backgrounds { position: fixed; top: 0; bottom: 0; margin: 0; right: 0; left: 0; background: #f1f1f1; overflow: hidden; z-index: 1; }
#dwDB-backgrounds img { position: absolute; display: block; z-index: 1; opacity: 0.01; filter: alpha(opacity=1); }
#dwDB-backgrounds div { position: absolute; height: 100%; width: 100%; z-index: 3; }
#dwDB-backgrounds img#dwDB-image-one { z-index: 2; }

/* pre-header - - - */

/* header - - - */
#header { display: block; height: 103px; position: absolute; width: 100%; z-index: 10; }
#header > .w { display: block; height: 103px; margin: 0 auto; max-width: 1160px; position: relative; width: 90%; }
#header > .w > .p { background-color: rgba(53,73,146,0.8); color: #ffffff; display: block; font-size: 12px; height: 28px; line-height: 28px; padding: 3px 30px; position: relative; text-align: right; }
#header > .w > .p > img { display: inline-block; height: 16px; margin-right: 10px; vertical-align: middle; width: 18px; }
#header > .w > .p > span { display: inline-block; height: 1px; vertical-align: middle; width: 30px; }
#header > .w > .l { display: block; height: 68.5px; overflow: hidden; position: relative; width: 259px; }
#header > .w > .l > .o { display: block; height: 100%; position: absolute; width: 100%; }
#header > .w > .l > .o > .l { display: block; height: 68.5px; left: 0; position: absolute; top: 0; width: 259px; }

/* main menu - - - */
#main-menu { bottom: 0; display: block; height: 69px; left: 259px; line-height: 69px; margin: 0 10px; position: absolute; right: 0; text-align: right; }
#main-menu > div { display: block; position: relative; white-space: nowrap; }
#main-menu > div > ul { display: block; font-size: 0px; }
#main-menu > div > ul > li { display: inline-block; font-size: 14px; list-style: outside none none; vertical-align: top; }
#main-menu > div > ul > li > a { color: #ffffff; font-weight: 700; height: 69px; line-height: 69px; padding: 0 20px; text-transform: uppercase; vertical-align: top; }

/* index - - - */
#index-features { display: block; height: 942px; overflow: hidden; position: relative; width: 100%; }
#index-features > .a { background-color: rgba(0,0,0,0.5); display: block; height: 110px; margin-top: -3.5px; position: absolute; top: 50%; transition: background-color 400ms; width: 30px; z-index: 4; }
#index-features > .a:hover { background-color: #354992; }
#index-features > .a.l { left: 0px; }
#index-features > .a.r { right: 0px; }
#index-features > .a > .r { display: block; height: 15px; left: 50%; margin: -7.5px -5px; position: absolute; top: 50%; width: 10px; }
#index-features > .h { bottom: 0; display: block; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 1; }
#index-features > .h > .w { display: block; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; }
#index-features > .h > .w > .i { display: block; left: 0; position: absolute; top: 0; }
#index-features > .h > .w > .b { background-color: #000000; bottom: 0; display: block; filter: alpha(opacity=50); left: 0; opacity: 0.5; position: absolute; right: 0; top: 0; z-index: 2; }
#index-features > .h > .w > .h { bottom: 0; display: block; left: 0; line-height: 789px; margin: 25px auto; max-width: 1160px; position: absolute; right: 0; top: 103px; width: 90%; }
#index-features > .h > .w > .h > .p { display: inline-block; line-height: 20px; max-height: 100%; min-width: 580px; overflow: hidden; position: relative; vertical-align: middle; width: 50%; z-index: 3; }
#index-features > .h > .w > .h > .p > .t { background-color: #354992; color: #ffffff; float: left; font-size: 14px; font-weight: 700; line-height: 19px; margin: 20px 0; max-width: 80%; text-align: center; padding: 15px 15px 11px; text-transform: uppercase; }
#index-features > .h > .w > .h > .p > .s { clear: both; color: #ffffff; display: block; font-size: 30px; font-weight: 500; line-height: 40px; margin-top: 20px; text-align: left; }
#index-features > .h > .w > .h > .p > .s.last { font-size: 50px; font-weight: 700; line-height: 67px; margin-bottom: 20px; margin-top: 0; }
#index-features > .h > .w > .h > .p > .l { display: block; height: 46px; line-height: 46px; margin: 20px 0; text-align: left; white-space: nowrap; }
#index-features > .h > .w > .h > .p > .l > a { border: 2px solid #ffffff; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; height: 37px; line-height: 37px; padding: 5px 27px 0; text-align: center; text-transform: uppercase; transition: background-color 400ms, border-color 400ms, color 400ms;  vertical-align: top; }
#index-features > .h > .w > .h > .p > .l > a:hover { background-color: #354992; border-color: #354992; color: #fff; }
#index-features > .h > .w > .h > .p > .l > .s { display: inline-block; height: 1px;vertical-align: top; width: 30px; }

.index-white { background-color: #ffffff; display: block; overflow: hidden; position: relative; }
.index-white > .w { display: block; margin: 0 auto; max-width: 1160px; padding: 80px 0; position: relative; width: 90%; }
.index-white > .w > h2 { color: #333333; font-size: 32px; font-weight: 700; line-height: 40px; text-align: center; }
.index-white > .w > .hr { background-color: #dadada; display: block; height: 1px; margin: 16px auto 0; position: relative; width: 150px; }
.index-white > .w > .hr > span { background-color: #354992; display: block; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; top: -1px; width: 50px; }
.index-white > .w > .a { border: 2px solid #354992; display: block; height: 42px; margin: -23px -76px; position: absolute; top: 50%; transition: background-color 400ms; width: 42px; z-index: 1; }
.index-white > .w > .a:hover { background-color: #354992; }
.index-white > .w > .a.l { left: 0; }
.index-white > .w > .a.r { right: 0; }
.index-white > .w > .a > .r { display: block; filter: none; height: 23px; left: 50%; margin: -11.4px -7.5px; opacity: 1; position: absolute; top: 50%; transition: opacity 400ms; width: 15px; }
.index-white > .w > .a:hover > .r { filter: alpha(opacity=0); opacity: 0; }
.index-white > .w > .a > .r.h { filter: alpha(opacity=0); opacity: 0; }
.index-white > .w > .a:hover > .r.h { filter: none; opacity: 1; }
.index-white > .w > .h { display: block; margin: 25px -30px 0 0; overflow: hidden; position: relative; text-align: center; white-space: nowrap; }
.index-white > .w > .h > .c { display: inline-block; vertical-align: top; white-space: normal; width: 33.4%; }
.index-white > .w > .h > .c > .f { color: #333333; display: block; font-size: 20px; font-weight: 600; line-height: 26px; margin-right: 30px; position: relative; text-align: left; }
.index-white > .w > .h > .c > .f > .i { display: block; height: 200px; overflow: hidden; position: relative; }
.index-white > .w > .h > .c > .f > .i > .m { display: block; left: 0; position: absolute; top: 0; }
.index-white > .w > .h > .c > .f > .i > span { background-color: #ffffff; bottom: -14px; display: block; height: 29px; left: -14px; position: absolute; transform: rotate(45deg); width: 29px; z-index: 1; }
.index-white > .w > .h > .c > .f > .t { color: #333333; display: block; font-size: 20px; line-height: 24px; transition: color 400ms; padding-top: 25px; }
.index-white > .w > .h > .c > .f:hover > .t { color: #354992; }
.index-white > .w > .h > .c > p { color: #666666; display: block; font-size: 14px; line-height: 24px; margin-right: 30px; padding-top: 10px; text-align: left; }
.index-white > .w > .h > .c > .l { clear: both; display: block; height: 46px; margin-right: 30px; padding-top: 15px; text-align: left; white-space: nowrap; }
.index-white > .w > .h > .c > .l > a { border: 2px solid #354992; color: #354992; display: inline-block; font-size: 14px; font-weight: 700; height: 37px; line-height: 37px; padding: 5px 27px 0; text-align: center; text-transform: uppercase; transition: background-color 400ms, border-color 400ms, color 400ms; vertical-align: top; }
.index-white > .w > .h > .c > .l > a:hover { background-color: #354992; border-color: #354992; color: #ffffff; }

#index-banner { display: block; overflow: hidden; position: relative; width: 100%; }
#index-banner > img { display: block; left: 0; position: absolute; top: 0; }
#index-banner > .b { background-color: #000000; bottom: 0; display: block; filter: alpha(opacity=0); left: 0; opacity: 0.5; position: absolute; right: 0; top: 0; z-index: 1; }
#index-banner > .w { display: block; margin: 0 auto; max-width: 1160px; overflow: hidden; padding: 80px 0; position: relative; width: 90%; z-index: 5; }
#index-banner > .w > p { color: #ffffff; font-size: 20px; font-weight: 600; line-height: 24px; text-transform: uppercase; }
#index-banner > .w > h2 { color: #ffffff; font-size: 32px; font-weight: 600; line-height: 40px; text-transform: uppercase; }

/* footer - - - */
#footer { background-color: #354992; color: #ffffff; font-size: 13px; font-weight: 600; line-height: 19px; padding: 25px 0; text-align: left; }
#footer > .w { display: block; margin: 0 auto; max-width: 1160px; position: relative; width: 90%; }
#footer > .w > .t { display: block; margin-right: 116px; text-align: left; white-space: normal; }
#footer > .w > .t > a { color: #ffffff; filter: none; opacity: 1; transition: opacity 400ms; }
#footer > .w > .t > a:hover { filter: alpha(opacity=60); opacity: 0.6; }
#footer > .w > .dbd { display: block; height: 20px; margin-top: -10px; position: absolute; right: 0; top: 50%; width: 91px; }
#footer > .w > .dbd > img { display: block; }

/* general content - - - */
.alignright { float: right; margin: 20px 0 20px 20px; }
.alignnone,
.alignleft { float: left; margin: 20px 20px 20px 0; }
.aligncenter { display: block; margin: 20px auto; }
.content strong { font-weight: bolder; }
.content em { font-style: italic; }
.content p,
.content ul,
.content ol { /* padding-bottom: 0.7em; */ line-height: 1.5em; text-align: justify; }
.content p[align="left"] { text-align: left; }
.content p[align="right"] { text-align: right; }
.content p[align="center"] { text-align: center; }
.content img { max-width: 100%; height: auto; }
.content li { list-style: outside disc; margin-left: 18px; }
.content img,
.content iframe { max-width: 100%; }
#page-holder > .subcontent { display: block; margin: 0 auto; max-width: 1160px; width: 90%; }
#page-holder > .subcontent > h2 { padding-top: 50px; background-image: url('img/littlething.png'); background-position: left bottom; background-repeat: no-repeat; color: #333333; display: block; font-size: 25px; font-weight: 700; line-height: 30px; margin-bottom: 25px; padding-bottom: 15px; text-align: left; }
#page-holder > .subcontent > form { display: block; overflow: hidden; position: relative; }
#page-holder > .subcontent > form > .w { display: block; margin-right: -25px; text-align: left; white-space: nowrap; }
#page-holder > .subcontent > form > .w > .c { display: inline-block; vertical-align: top; width: 50%; white-space: normal; }
#page-holder > .subcontent > form > .w > .c > .h { margin-right: 25px; }
#page-holder > .subcontent > form .h { display: block; padding-right: 30px; }
#page-holder > .subcontent > form .h > label { transition: color 400ms; cursor: pointer; display: block; line-height: 1.5em; margin-right: -30px; }
#page-holder > .subcontent > form .h > label:hover { color: #000; }
#page-holder > .subcontent > form .h > input,
#page-holder > .subcontent > form .h > textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #ffffff; transition: border-color 400ms; border: 1px solid #aaaaaa; border-radius: 0; box-shadow: none; color: #000000; display: block; font-size: 14px; height: auto; line-height: 20px; margin: 4px 0 20px; padding: 10px 14px; width: 100%; }
#page-holder > .subcontent > form .h > input:focus,
#page-holder > .subcontent > form .h > textarea:focus { border-color: #333; }
#page-holder > .subcontent > form .s { display: block; text-align: right; }
#page-holder > .subcontent > form .s > input { cursor: pointer; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; box-shadow: none; border: 2px solid #354992; color: #354992; display: inline-block; font-size: 14px; font-weight: 700; height: 42px; line-height: 26px; padding: 5px 27px 0; text-align: center; text-transform: uppercase; transition: background-color 400ms, border-color 400ms, color 400ms; vertical-align: top; }
#page-holder > .subcontent > form .s > input:hover { background-color: #354992; border-color: #354992; color: #ffffff; }

/* page - - - */
/* #page-holder { position: absolute; z-index: 3; top: 110px; bottom: 46px; left: 0; right: 0; margin: 25px 0; } */
/* #page-content { position: absolute; width: 800px; padding: 25px; margin: 0 0 0 -426px; border: 1px solid #fff; background: url('img/white-90pc.png'); color: #000; top: 0; left: 50%; } */
body.page #index-features { height: auto; }
body.page #index-features > .h { bottom: auto; left: auto; position: relative; right: auto; top: auto; }
body.page #index-features > .h > .w { height: auto; left: auto; position: relative; top: auto; }
body.page #index-features > .h > .w > .h { bottom: auto; left: auto; line-height: 20px; padding-top: 103px; position: relative; right: auto; top: auto; }
body.page #index-features > .h > .w > .h > .p { display: block; max-height: none; padding: 50px 0; width: 100%; }
body.page #index-features > .h > .w > .h > .p > .br { background-color: #dadada; display: block; height: 1px; position: relative; width: 150px; }
body.page #index-features > .h > .w > .h > .p > .br > span { background-color: #354992; display: block; height: 2px; left: 0; position: absolute; top: -1px; width: 50px; }
body.page #index-features > .h > .w > .h > .p > .breadcrumbs { display: block; line-height: 25px; padding-top: 15px; text-align: left; }
body.page #index-features > .h > .w > .h > .p > .breadcrumbs > * { color: #dadada; display: inline-block; font-size: 13px; line-height: 20px; max-width: 120px; overflow: hidden; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; }
body.page #index-features > .h > .w > .h > .p > .breadcrumbs > a:hover { color: #354992; color: #fff; }
body.page #index-features > .h > .w > .h > .p > .breadcrumbs > span { cursor: default; font-size: 21px; text-align: center; width: 20px; }

#page-holder { background-color: #ffffff; display: block; overflow: hidden; padding: 50px 0; position: relative; width: 100%; }
#page-holder > .h.content { display: block; margin: 0 auto; max-width: 1160px; width: 90%; }
#page-holder > .h.content > .diviser { display: block; margin-right: -50px; text-align: center; position: relative; white-space: nowrap; }
#page-holder > .h.content > .diviser > .cell { display: inline-block; min-height: 100px; text-align: left; vertical-align: top; white-space: normal; width: 50%; }
#page-holder > .h.content > .diviser > .cell > .p { display: block; margin-right: 50px; position: relative; }
#page-holder > .h.content > .diviser > .cell.last > .p { bottom: 0; left: 50%; position: absolute; right: 0; top: 0; }
#page-holder > .h.content > .diviser > .cell.last > .p > .g { bottom: 0; display: block; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; }
#page-holder > .h.content > .diviser > .cell.last > .p > .g > .a { background-color: rgba(0,0,0,0.5); display: block; height: 80px; margin-top: -40px; position: absolute; top: 50%; transition: background-color 400ms; width: 35px; z-index: 4; }
#page-holder > .h.content > .diviser > .cell.last > .p > .g > .a:hover { background-color: #354992; }
#page-holder > .h.content > .diviser > .cell.last > .p > .g > .a.l { left: 0px; }
#page-holder > .h.content > .diviser > .cell.last > .p > .g > .a.r { right: 0px; }
#page-holder > .h.content > .diviser > .cell.last > .p > .g > .a > img { display: block; height: 15px; left: 50%; margin: -7.5px -5px; position: absolute; top: 50%; width: 10px; }
#page-holder > .h.content > .diviser > .cell.last > .p > .g > .h { bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; }
#page-holder > .h.content > .diviser > .cell.last > .p > .g > .h > .c { display: block; filter: none; height: 100%; left: 0; opacity: 1; overflow: hidden; position: absolute; top: 0; width: 100%; }
#page-holder > .h.content > .diviser > .cell.last > .p > .g > .h > .c > img { display: block; left: 0; max-width: none; position: absolute; top: 0; }
#page-holder > .h.content > .diviser > .cell.last > .p > .g > .h > .c > .t { display: block; line-height: 50px; margin: 25px 50px; position: relative; text-align: left; z-index: 5; }
#page-holder > .h.content > .diviser > .cell.last > .p > .g > .h > .c > .t > span { background-color: rgba(0,0,0,0.5); color: #ffffff; display: inline-block; font-size: 24px; font-weight: 700; line-height: 1.25em; padding: 20px 25px 17px; text-align: center; vertical-align: middle; white-space: normal; }

#page-holder > .h.content h1,
#page-holder > .h.content h2 { color: #333333; display: block; font-size: 32px; font-weight: 700; line-height: 40px; text-align: left; background-image: url('img/littlething.png'); background-position: left bottom; background-repeat: no-repeat; margin-bottom: 25px; padding-bottom: 15px; }
#page-holder > .h.content p,
#page-holder > .h.content li { line-height: 24px; }

/* scroll - - - */
#page-content { padding-bottom: 0; }
#page-content .resizable { padding-bottom: 25px; }
.ps-container > .ps-scrollbar-y-rail { background-color: transparent !important; }
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y:hover { background-color: #000000; cursor: pointer; }

/* single - - - */

/* category - - - */
.dw-holder-of-products { display: block; margin-right: -30px; margin-top: -30px; overflow: hidden; position: relative; text-align: left; }
.dw-holder-of-products > .c { display: inline-block; position: relative; vertical-align: top; width: 33.3333%; }
.dw-holder-of-products > .c > .a { display: block; margin: 30px 30px 0 0; overflow: hidden; position: relative; }
.dw-holder-of-products > .c > .a > .i { display: block; left: 0; max-width: none; position: absolute; top: 0; }
.dw-holder-of-products > .c > .a > .b { background-color: #000000; bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; transition: opacity 400ms; z-index: 10; opacity: 0; filter: alpha(opacity=0); }
.dw-holder-of-products > .c > .a:hover > .b { opacity: 0.5; filter: alpha(opacity=50); }
.dw-holder-of-products > .c > .a > .t { color: #ffffff; display: block; left: 10%; margin-top: 50px; opacity: 0; position: absolute; right: 10%; top: 20%; transition: opacity 400ms, margin-top 400ms; z-index: 12; filter: alpha(opacity=0); }
.dw-holder-of-products > .c > .a:hover > .t { margin-top: 0px; opacity: 1; filter: none; }
.dw-holder-of-products > .c > .a > .t > .l { cursor: default; display: block; font-size: 17px; font-weight: 700; line-height: 1.35em; white-space: normal; }
.dw-holder-of-products > .c > .a > .t > .k { background-color: #354992; color: #ffffff; display: inline-block; font-size: 12px; font-weight: 700; margin-top: 10px; padding: 10px 15px; text-transform: uppercase; vertical-align: top; transition: background-color 400ms, color 400ms; }
.dw-holder-of-products > .c > .a > .t > .k:hover { background-color: #fff; color: #354992; }
.dw-holder-of-products > .c > .a > a { background-color: #354992; color: #ffffff; display: block; font-size: 27px; font-weight: 700; height: 25px; line-height: 29px; opacity: 0; position: absolute; right: 0; text-align: center; top: 0; transform: scale(0); transition: transform 400ms, opacity 400ms, color 400ms, background-color 400ms; width: 25px; z-index: 21; filter: alpha(opacity=0); }
.dw-holder-of-products > .c > .a:hover > a { opacity: 1; filter: none; transform: scale(1); }
.dw-holder-of-products > .c > .a > a:hover { color: #354992; background-color: #fff; }

/* contacts - - - */
.contacts-holder { display: block; margin-right: -50px; margin-top: -50px; text-align: center; }
.contacts-holder > .contacts-cell { display: inline-block; vertical-align: top; width: 33.3333%; margin-top: 50px; }
.contacts-holder > .contacts-cell > * { margin-right: 50px; text-align: center !important; }
.contacts-holder > .contacts-cell > h2 { background-image: url('img/littlething2.png') !important; background-position: center top !important; color: #354992 !important; margin-bottom: 8px !important; padding-bottom: 0 !important; padding-top: 85px; font-size: 20px !important; line-height: 26px !important; }
.contacts-holder > .contacts-cell > h2[rel="morada"],
.contacts-holder > .contacts-cell > h2[rel="direccione"],
.contacts-holder > .contacts-cell > h2[rel="address"] { background-image: url('img/c-1.png') !important; }
.contacts-holder > .contacts-cell > h2[rel="telefone"],
.contacts-holder > .contacts-cell > h2[rel="teléfono"],
.contacts-holder > .contacts-cell > h2[rel="phone"] { background-image: url('img/c-2.png') !important; }
.contacts-holder > .contacts-cell > h2[rel="email"] { background-image: url('img/c-3.png') !important; }

#the-map { display: block; background-color: #fff; border: 5px solid #f1f1f1; height: 400px; position: relative; overflow: hidden; clear: both; margin-top: 50px; }
#page-holder > .fh { display: block; margin: 0 auto; max-width: 1160px; width: 90%; }
.gm-style-iw,
.gm-style-iw * { overflow: visible !important; }

/* gallery - - - */
.dw-gallery { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; clear: both; position: relative; }
.dw-gallery .overflower { width: 100%; position: relative; overflow: hidden; min-height: 200px; }
.dw-gallery .overflower > div img { display: block; height: auto; left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; width: auto; z-index: 1; background: url("img/loading.gif") no-repeat scroll center center #000000; }
.dw-gallery .overflower > div img.right { left: 150%; z-index: 2; opacity: 0; filter: alpha(opacity=0); }
.dw-gallery .overflower > div img.left { left: -50%; z-index: 2; opacity: 0; filter: alpha(opacity=0); }
.dw-gallery .overflower > div { bottom: 0; display: block; left: 75px; position: absolute; right: 75px; top: 0; overflow: hidden; }
.dw-gallery .overflower a { display: block; height: 1px; width: 1px; position: absolute; z-index: 0; opacity: 0; filter: alpha ( opacity = 0 ); }
.dw-gallery .overflower a.current { height: auto; width: auto; top: 0; right: 75px; bottom: 0; left: 75px; border: 5px solid #FFF; z-index: 3; transition: opacity 400ms; background: url('img/black-50pc.png'); }
.dw-gallery .overflower a.current:hover { opacity: 1; filter: alpha ( opacity = 100 ); }
.dw-gallery .overflower a.current span { background: url('img/fullscreen.gif') no-repeat center center #000; bottom: 0; display: block; left: 0; opacity: 0.4; filter: alpha ( opacity = 40 ); position: absolute; right: 0; top: 0; }
.dw-gallery .overflower > span,
.dw-gallery > span,
#feature .holder > span { position: absolute; z-index: 4; width: 75px; height: 100%; right: 0; cursor: pointer; min-width: 19px; }
.dw-gallery .overflower > span,
.dw-gallery > span,
#feature .holder > span { background: url('img/spanleft.png') center center repeat-y; }
.dw-gallery .overflower > span:first-child,
.dw-gallery > span.first-child,
#feature .holder > span:first-child { left: 0; }
.dw-gallery .overflower > span:first-child,
.dw-gallery > span.first-child,
#feature .holder > span:first-child { background: url('img/spanright.png') center center repeat-y; }
.dw-gallery .overflower > span span,
.dw-gallery > span span,
#feature .holder > span span { height: 100%; display: block; width: 100%; position: absolute; background: url('img/rarr.png') 0 center no-repeat; right: 0; }
.dw-gallery .overflower > span:hover span,
.dw-gallery > span:hover span,
#feature .holder > span:hover span { background-position: -75px center; }
.dw-gallery .overflower > span:first-child span,
.dw-gallery > span.first-child span,
#feature .holder > span:first-child span { background-image: url('img/larr.png'); }
.dw-gallery .floater { height: 100px; margin: 10px 75px; overflow: hidden; padding: 5px; text-align: left; white-space: nowrap; position: relative; overflow: hidden; }
.dw-gallery .floater img { box-shadow: 0 2px 5px #000; cursor: pointer; margin: -1px 4px -1px -1px; border: 1px solid #FFF; height: 100px; width: 100px; opacity: 0.5; filter: alpha ( opacity = 50 ); transition: opacity 400ms; }
.dw-gallery .floater img:hover,
.dw-gallery .floater img.current { opacity: 1; filter: alpha ( opacity = 100 ); }
.dw-gallery > span { height: 110px; margin-top: 10px; }
.dw-gallery > span span { bottom: 5px; height: auto; top: 5px; background-image: url('img/rarr2.png'); }
.dw-gallery > span.first-child span { background-image: url('img/larr2.png'); }
.dw-gallery .floater > div { position: absolute; left: 0px; text-indent: 5px; min-width: 100%; overflow: visible !important; }
#ie6 .dw-gallery .overflower a.current:hover,
#ie7 .dw-gallery .overflower a.current:hover,
#ie8 .dw-gallery .overflower a.current:hover { background: none; }

/* patch - 17 - 03 - 08 */
#page-holder > .subcontent > form .h > input.error,
#page-holder > .subcontent > form .h > textarea.error { border-color: #ff0000; }

/* patch - 17 - 03 - 09 */
#page-holder > .subcontent > form .h > textarea { min-height: 100px; resize: vertical; }
#header > .w > .p > a.lang { background-position: center center; background-repeat: no-repeat; background-size: 60% auto; display: inline-block; height: 28px; margin: 0; vertical-align: top; width: 28px; }
#header > .w > .p > a.lang.pt { background-image: url('img/pt.png'); }
#header > .w > .p > a.lang.en { background-image: url('img/en.png'); }
#header > .w > .p > a.lang.es { background-image: url('img/es.png'); margin-right: -5px; }

/* patch - 17 - 03 - 10 */
.holder-of-product-76 { border-bottom: 1px solid #DADADA; display: block; margin-bottom: 25px; overflow: hidden; padding-bottom: 25px; position: relative; }
.holder-of-product-76 > .thumbnail { display: block; float: right; margin-bottom: 15px; margin-left: 30px; max-width: 360px; overflow: hidden; position: relative; width: 30%; max-height: 250px; }
.holder-of-product-76 > .thumbnail > img { display: block; width: 100%; }
#page-holder > .h.content .holder-of-product-76 > h2 { background: none; color: #354992; font-size: 20px; line-height: 26px; margin-bottom: 0; }
.holder-of-product-76 > .holder-of-icons { display: block; line-height: 50px; text-align: left; padding-top: 20px; }
.holder-of-product-76 > .holder-of-icons > span { display: inline-block; height: 40px; line-height: 40px; margin-right: 10px; text-align: center; vertical-align: bottom; }
.holder-of-product-76 > .holder-of-icons > span > img { display: inline-block; max-height: 40px; max-width: 40px; vertical-align: middle; margin-top: -2px; }

/* patch - 17 - 03 - 22 */
#holder-of-category-pdfs { display: block; margin: -10px -10px 0 0; text-align: left; }
#holder-of-category-pdfs > a { background-color: #354992; border: 2px solid #354992; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 700; line-height: 19px; margin: 10px 10px 0 0; padding: 13px 13px 9px; text-align: center; text-transform: uppercase; transition: background-color 400ms, color 400ms; vertical-align: top; }
#holder-of-category-pdfs > a:hover { background-color: #fff; color: #354992; }

/* patch - 17 - 03 - 24 */
.ofthingsnadthings { color: #354992; font-size: 18px; font-weight: 700; }
#header > .w > .p > a.lang.pt.facebook { margin-right: 25px; background-image: url('img/facebook.png'); }

/* patch - 17 - 12 - 14 */
.holder-of-news { display: block; margin-right: -50px; margin-top: -50px; }
.holder-of-news > .c { display: inline-block; vertical-align: top; width: 50%; }
.holder-of-news > .c > strong { display: block; height: 300px; margin: 50px 50px 0 0; overflow: hidden; position: relative; }
.holder-of-news > .c > strong > img { display: block; left: 0; max-width: none; position: absolute; top: 0; }
.holder-of-news > .c > span { display: block; font-size: 20px; font-weight: bold; line-height: 27px; margin-right: 50px; padding: 25px 0 15px; text-align: center; }
.holder-of-news > .c > p { display: block; margin-right: 50px; padding-bottom: 15px; text-align: center; }
.holder-of-news > .c > em { display: block; font-style: normal; padding-right: 50px; text-align: center; }
.holder-of-news > .c > em > a { border: 2px solid #354992; color: #354992; display: inline-block; font-size: 14px; font-weight: 700; height: 37px; line-height: 37px; padding: 5px 27px 0; text-align: center; text-transform: uppercase; transition: background-color 400ms, border-color 400ms, color 400ms; vertical-align: top; }
.holder-of-news > .c > em > a:hover { background-color: #354992; border-color: #354992; color: #ffffff; }

/* mobile - - - */
#mobile-menu { display: none; }
@media screen and (max-width: 1360px) {
	.index-white > .w > .a { margin: -23px -52px; }
	#main-menu { margin-right: 20px; }
	#main-menu > div > ul > li > a { padding: 0 10px; }
}
@media screen and (max-width: 1000px) , screen and (max-height: 500px) {
	#header > .w > .p > a.lang.pt.facebook { display: none !important; }
	#header { background-color: rgba(53, 73, 146, 0.8); height: auto; }
	#header > .w { height: auto; padding-bottom: 10px; width: auto; }
	#header > .w > .p { background-color: transparent; height: auto; line-height: 16px; padding: 9px 20px; text-align: left; }
	#header > .w > .p > a.lang { float: right; margin-top: -4px; margin: -6px 0 0 !important; }
	#header > .w > .l { background-image: url('img/logo2.png'); background-position: center center; background-repeat: no-repeat; background-size: contain; height: 33px; margin: 10px 20px; width: 259px; }
	#header > .w > .l > .o { display: none; }
	#main-menu { display: none; }
	#mobile-menu { background-image: url('img/mobilemenu.png'); display: block; background-position: 0 0; background-repeat: no-repeat; background-size: contain; bottom: 15px; height: 32px; position: absolute; right: 20px; width: 106px; }
	body.logged-off #mobile-menu { top: 50%; bottom: auto; margin-top: -16px; }
	#true-mobile-menu { background: #ffffff !important; border-color: #000000; border-radius: 0; border-style: solid; border-width: 6px 0 26px; display: block; height: 6px; left: 0; line-height: 6px; margin: 0; opacity: 0; filter: alpha(opacity=0); overflow: hidden; padding: 0; position: absolute; text-indent: 99px; top: 0; width: 106px; z-index: 100; }

	#index-features > .h > .w > .h { width: auto; margin: 25px 20px; }
	#index-features > .h > .w > .h > .p { min-width: 0; width: auto; }
	#index-features > .h > .w > .h > .p > .s { font-size: 24px; line-height: 30px; }
	#index-features > .h > .w > .h > .p > .s.last { font-size: 28px; line-height: 36px; }
	body.page #index-features > .h > .w > .h > .p { padding: 0; }
	.index-white > .w { padding: 30px 0; }
	.index-white > .w > .a { display: none; }
	.index-white > .w > .h { white-space: normal; }
	.index-white > .w > .h > .c { padding-bottom: 45px; width: 33.3333%; }
	.index-white > .w > .h > .c > .f > .i { max-height: 200px; }
	.home #index-features > .h > .w > .h { margin: 25px 50px; }

	#page-holder > .h.content > .diviser > .cell { display: block; width: auto; }
	#page-holder > .h.content > .diviser > .cell.last > .p { bottom: auto; height: 300px; left: auto; margin-top: 25px; position: relative; right: auto; top: auto; }
	#page-holder > .h.content > .diviser > .cell.last > .p > .g > .h > .c > .t { text-align: center; }

	#page-holder { padding: 30px 0; }
	#page-holder > .h.content { margin: 0 20px; width: auto; }
	.dw-holder-of-products > .c { width: 50%; }
	.dw-holder-of-products > .c > .a > a { display: none; }
	.dw-holder-of-products > .c > .a > .t { bottom: 20px; filter: none; left: 20px; margin-top: 0; opacity: 1; right: 20px; top: auto; }
	.dw-holder-of-products > .c > .a > .b { filter: alpha(opacity=50); opacity: 0.5; }

	.holder-of-product-76 > .thumbnail { width: 40%; }

	.content img.alignright,
	.content img.alignleft { max-width: 50%; }

	.contacts-holder { margin-right: -25px; }
	.contacts-holder > .contacts-cell > * { margin-right: 25px; }
	.contacts-holder > .contacts-cell > h2 { padding-top: 70px; }
}
@media screen and (max-width: 660px) {
	.index-white > .w > .h > .c { width: 50%; }
}
@media screen and (max-width: 575px) {
	#header > .w > .p { height: 32px; margin-bottom: -22px; overflow: hidden; padding: 0; text-indent: -9999px; }
	#header > .w > .p > a.lang { position: absolute; top: 0; right: 20px; margin-top: 0 !important; }
	#header > .w > .p > a.lang.en { margin-right: 26px !important; }
	#header > .w > .p > a.lang.es { margin-right: 52px !important; }
	#mobile-menu { bottom: 11px; height: 29px; width: 96px; }
	body.logged-off #mobile-menu { margin-top: -14.5px; }
	#true-mobile-menu { border-bottom-width: 23px; width: 96px; }
	body.page #index-features > .h > .w > .h { margin-top: 0; }

	.dw-holder-of-products > .c { width: 100%; }
	.dw-holder-of-products > .c > .a { max-height: 250px; }

	.contacts-holder > .contacts-cell { width: 100%; }
}
@media screen and (max-width: 450px) {
	.index-white > .w > .h > .c { width: 100%; }
	#footer > .w > .t { margin-right: 0; text-align: center;}
	#footer > .w > .dbd { margin: 15px auto 0; position: relative; }

	.holder-of-product-76 > .thumbnail { display: block; float: none; margin: 0 auto 15px; max-height: 150px; width: auto; }

	#page-holder > .subcontent > form > .w > .c { display: block; width: 100%; }
}
@media screen and (max-width: 415px) {
	#header > .w > .l { margin-right: 136px; width: auto; }
}