/*
Theme Name: Tema MCTU
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: 'Ubuntu'; src: url('ubuntu-r-webfont.eot'); src: url('ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), url('ubuntu-r-webfont.woff2') format('woff2'), url('ubuntu-r-webfont.woff') format('woff'), url('ubuntu-r-webfont.ttf') format('truetype'), url('ubuntu-r-webfont.svg#ubunturegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ubuntu'; src: url('ubuntu-m-webfont.eot'); src: url('ubuntu-m-webfont.eot?#iefix') format('embedded-opentype'), url('ubuntu-m-webfont.woff2') format('woff2'), url('ubuntu-m-webfont.woff') format('woff'), url('ubuntu-m-webfont.ttf') format('truetype'), url('ubuntu-m-webfont.svg#ubuntumedium') format('svg'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Ubuntu'; src: url('ubuntu-b-webfont.eot'); src: url('ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'), url('ubuntu-b-webfont.woff2') format('woff2'), url('ubuntu-b-webfont.woff') format('woff'), url('ubuntu-b-webfont.ttf') format('truetype'), url('ubuntu-b-webfont.svg#ubuntubold') format('svg'); font-weight: 700; font-style: normal; }
textarea, input, button, select,
html { color: #666; font-family: 'Ubuntu', Arial, Helvetica, sans-serif; font-size: 14px; }
a { color: #0000CC; text-decoration: none; transition: color 400ms; }
a:hover { color: #0000FF; }

/* background - - - */
html,
body { background: #444; display: block; min-height: 100%; width: 100%; height: auto; }
#body-wrapper { display: block; }
#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 .side-header { background: #009ce2; display: block; position: absolute; top: 0; right: 0; height: 100px; line-height: 100px; padding: 0 40px; color: #fff; font-size: 16px; font-weight: 500; }
#header .side-header em { display: inline-block; zoom: 1; *display: block; vertical-align: middle; font-style: normal; line-height: 20px; padding-left: 40px; }
#header .side-header em:first-child { padding-left: 0; }
#header .side-header img { display: inline-block; zoom: 1; *display: block; vertical-align: middle; margin: 0 10px 2px 40px; }
#header .side-header img:first-child { margin-left: 0px; }
#header .side-header span { display: inline-block; zoom: 1; *display: block; vertical-align: middle; font-size: 12px; line-height: 12px; margin: 0 0 2px; }
#header .side-header img { display: block; margin: 0 auto 8px !important; }

/* header - - - */
#header { background: #FFFFFF; height: 100px; z-index: 10; position: relative; }
#header .logo { display: block; height: 100px; margin-left: 24px; width: 179px; }

/* main menu - - - */
#fake-menu { display: none; }
#main-menu { min-height: 100px; max-height: 101px; height: auto; left: 243px; line-height: 100px; position: absolute; right: 0; text-align: left; top: 0; }
#main-menu > span { display: inline-block; zoom: 1; *display: block; vertical-align: top; background: #fff; border-width: 0 1px 0 0; border-style: solid; border-color: #f2f2f2; font-size: 16px; line-height: 100px; text-align: center; position: relative; text-transform: uppercase; font-weight: 500; transition: background-color 400ms; }
#main-menu > span:first-child { border-left-width: 1px; }
#main-menu > span:hover { background-color: #FFF; }
#main-menu > span > a { display: block; padding: 0 25px; white-space: nowrap; color: #000; margin: 0 -1px 0 0; transition: color 400ms; }
#main-menu > span:first-child > a { margin-left: -1px; }
#main-menu > span > a.current,
#main-menu > span > a:hover { color: #009ce2; }
#main-menu > span > a > img { display: inline-block; zoom: 1; *display: block; vertical-align: middle; margin: 0 0 2px 6px; }
#main-menu > span > span { display: block; position: absolute; top: 100%; left: -1px; width: 100%; text-align: center; background: #FFF; border-width: 0 1px 1px; border-style: solid; border-color: #f2f2f2; padding-bottom: 10px; margin-top: -25px; }
#main-menu > span > span > a { display: block; line-height: 17px; font-size: 13px; padding: 10px; color: #555; font-weight: normal; }
#main-menu > span > span > a:hover { color: #009ce2; }

#main-menu.adjusted0 > span > a { padding: 0 20px; }
#main-menu.adjusted0 > span > span > a { padding: 10px 6px; }
#main-menu.adjusted1 > span > a { padding: 0 20px; font-size: 15px; }
#main-menu.adjusted1 > span > span > a { padding: 10px 6px; }
#main-menu.adjusted2 > span > a { font-size: 15px; padding: 0 15px; }
#main-menu.adjusted2 > span > span > a { padding: 10px 3px; }

/* index - - - */
#index-feature { display: block; max-height: 700px; min-height: 400px; overflow: hidden; position: relative; width: 100%; background: #fff; }
#index-feature .holder { bottom: 0; display: block; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; }
#index-feature .holder > img { display: block; position: absolute; top: 0; left: 0; }
#index-feature .holder > .slogan { color: #FFFFFF; display: block; font-size: 36px; font-weight: 700; left: 11.5%; line-height: 40px; margin-top: -40px; position: absolute; text-align: left; text-shadow: 0 0 40px #000000; text-transform: uppercase; top: 50%; z-index: 10; }
#index-feature .holder > .slogan > span { display: block; font-size: 48px; line-height: 48px; }
#index-feature .holder > .slogan > a { border: 1px solid #FFFFFF; box-shadow: 0 0 40px rgba(0,0,0,0.4), 0 0 40px rgba(0,0,0,0.25) inset; color: #FFFFFF; display: block; float: left; font-size: 14px; height: 36px; line-height: 36px; margin-top: 30px; padding: 0 20px; transition: background-color 400ms, border-color 400ms, box-shadow 400ms; }
#index-feature .holder > .slogan > a:hover { background-color: #009CE2; border-color: #009CE2; box-shadow: 0 0 40px rgba(0,0,0,0.4); }
.general-purpose-arrow,
#index-feature .arrow { display: block; z-index: 100; position: absolute; top: 50%; margin-top: -20px; width: 38px; height: 38px; border: 1px solid #fff; box-shadow: 0 0 40px rgba(0,0,0,0.4), 0 0 20px rgba(0,0,0,0.25) inset; transition: background-color 400ms, border-color 400ms, box-shadow 400ms; background-position: center center; background-repeat: no-repeat; }
.general-purpose-arrow:hover,
#index-feature .arrow:hover { background-color: #009CE2; border-color: #009CE2; box-shadow: 0 0 40px rgba(0,0,0,0.4); }
.general-purpose-arrow.left,
#index-feature .arrow.left { left: 20px; background-image: url('img/larr3.png'); }
.general-purpose-arrow.right,
#index-feature .arrow.right { right: 20px; background-image: url('img/rarr3.png'); }

#index-bottom { display: block; position: relative; width: 100%; background: url('img/index-bg.jpg?3.0') 0 0 #eeeeee no-repeat; }
#index-links { display: block; height: 260px; margin: 0 auto; overflow: hidden; position: relative; text-align: center; white-space: nowrap; width: 1170px; }
#index-links > a { display: inline-block; zoom: 1; *display: block; width: 33.333%; height: 260px; white-space: normal; position: relative; overflow: hidden; background: #bebebe; text-align: left; }
#index-links > a > img { display: block; position: absolute; top: 0; left: 0; opacity: 0.7; filter: alpha(opacity=70); transition: opacity 400ms; }
#index-links > a:hover > img { opacity: 0.5; filter: alpha(opacity=50); }
#index-links > a > strong { color: #FFFFFF; display: block; font-size: 30px; font-weight: bold; line-height: 34px; padding: 30px 30px 0; position: relative; text-shadow: 0 0 30px #000000, 0 0 40px #000000; text-transform: uppercase; z-index: 10; }
#index-links > a > span { color: #FFFFFF; display: block; font-size: 18px; font-weight: 500; line-height: 24px; max-width: 250px; padding: 10px 30px 0; position: relative; text-shadow: 0 0 30px #000000, 0 0 40px #000000; text-transform: uppercase; z-index: 9; }
#index-thingie { display: block; height: 460px; margin: 80px auto 0; position: relative; width: 1170px; }
#index-thingie > .left { background: #2B2B2B; bottom: 0; display: block; left: 0; position: absolute; right: 395px; top: 0; }
#index-thingie > .left > .left { bottom: 0; display: block; overflow: hidden; position: absolute; top: 0; width: 295px; }
#index-thingie > .left > .left > img { display: block; position: absolute; top: 0; left: 0; }
#index-thingie > .left > .left > span { border: 2px solid #009CE2; bottom: 0; left: 0; margin: 30px -2px 30px 30px; position: absolute; right: 0; top: 0; z-index: 1; }
#index-thingie > .left > .right { display: block; position: absolute; right: 30px; top: 30px; bottom: 30px; left: 295px; border: 2px solid #009CE2; border-width: 2px 2px 2px 0; }
#index-thingie > .left > .right { color: #FFFFFF; padding: 30px; }
#index-thingie > .left > .right h2 { font-weight: bold; text-transform: uppercase; font-size: 30px; line-height: 30px; padding-bottom: 25px; }
#index-thingie > .left > .right p { padding-bottom: 10px; }
#index-thingie > .right { background: #FFFFFF; bottom: 0; display: block; position: absolute; right: 0; top: 0; width: 298px; padding: 40px; }
#index-thingie > .right > h2 { display: block; font-size: 22px; line-height: 22px; padding-bottom: 24px; text-transform: uppercase; color: #000; font-weight: bold; }
#index-thingie > .right .holder { clear: both; display: block; height: 98px; margin-bottom: 20px; height: 98px; position: relative; overflow: hidden; }
#index-thingie > .right .holder a { color: #000000; font-size: 14px; font-weight: 500; line-height: 21px; }
#index-thingie > .right .holder a img { display: block; float: left; height: 98px; margin: 0 15px 0 0; width: 147px; }
#index-thingie > .right .holder a span { display: block; height: 84px; overflow: hidden; position: relative; }
#index-thingie > .right .holder a:hover { color: #009CE2; }
#index-green { background: #1AA833; color: #FFFFFF; display: block; height: 95px; line-height: 95px; margin: 20px auto 0; width: 1170px; position: relative; z-index: 1; text-align: center; white-space: nowrap; }
#index-green > span { display: inline-block; zoom: 1; *display: block; font-size: 16px; font-weight: 500; color: #fff; line-height: 21px; text-align: left; vertical-align: middle; margin: 0 20px 2px; }
#index-green > span > img { display: inline-block; zoom: 1; *display: block; margin: 0 10px 2px 0; vertical-align: middle; }
#index-green > span > span { display: inline-block; zoom: 1; *display: block; margin: 0 0 2px; vertical-align: middle; white-space: normal; }

/* footer - - - */
#footer .first-part { background: #222222; display: block; height: 110px; margin: -40px 0 0; position: relative; width: 100%; }
#footer .second-part { color: #FFFFFF; display: block; font-size: 13px; height: 108px; line-height: 108px; margin: 0 auto; text-align: center; width: 1170px; position: relative; }
#footer .second-part > img { left: 0; margin-top: -43px; position: absolute; top: 50%; }
#footer .second-part > span { display: inline-block; zoom: 1; *display: block; line-height: 21px; vertical-align: middle; margin-bottom: 2px; }
#footer .second-part > a > img { margin-top: -10px; position: absolute; right: 0; top: 50%; }

/* 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 - - - */
#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%; }

.single #contacts-page-holder > .green-holder,
.page-template-default #contacts-page-holder > .green-holder { background: #FFFFFF; color: #666; line-height: 1.5em; padding: 25px 30px; }
.single #contacts-page-holder > .green-holder > p,
.page-template-default #contacts-page-holder > .green-holder > p { line-height: 1.5em; padding: 0; }
.single #contacts-page-holder > .gc-clear,
.page-template-default #contacts-page-holder > .gc-clear { display: block; height: 50px; }
.single #the-map,
.page-template-default #the-map { overflow: hidden; position: relative; }
.single #the-map > img,
.page-template-default #the-map > img { display: block; position: absolute; top: 0; left: 0; }
.single #contacts-page-holder > .green-holder.wide,
.page-template-default #contacts-page-holder > .green-holder.wide { width: auto !important; float: none; }

/* scroll - - - */
.scroll-wrapper { max-height: 100%; overflow: hidden !important; padding: 0; position: relative; }
.scroll-wrapper > .scroll-content { position: relative; width: auto; border: none; height: auto; left: 0; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; max-height: none !important; max-width: none; overflow: auto; overflow-x: hidden; overflow-y: scroll; padding: 0; top: 0; }
.scroll-wrapper > .scroll-content.scroll-scrolly_show { padding-right: 40px; }
.scroll-wrapper > .scroll-content.scroll-scrolly_show .resizable { padding-bottom: 17px; }
.scroll-wrapper > .scroll-element.scroll-y .scroll-bar div,
.scroll-wrapper > .scroll-element.scroll-y .scroll-element_inner-wrapper div
.scroll-wrapper > .scroll-element.scroll-x { display: none !important; }
.scroll-wrapper > .scroll-element,
.scroll-wrapper > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; }
.scroll-wrapper > .scroll-element.scroll-y { height: 100% !important; right: 0; top: 0; width: 16px; }
.scroll-wrapper > .scroll-element.scroll-y .scroll-arrow { opacity: 0.2; transition: opacity 400ms; cursor: pointer; display: block; z-index: 12; height: 17px; width: 100%; }
.scroll-wrapper > .scroll-element.scroll-y .scroll-arrow:hover { opacity: 1; filter: none; }
.scroll-wrapper > .scroll-element.scroll-y.scroll-element_show-arrows .scroll-arrow_less { top: 0; }
.scroll-wrapper > .scroll-element.scroll-y.scroll-element_show-arrows .scroll-arrow_more { bottom: 0; }
.scroll-wrapper > .scroll-element.scroll-y.scroll-element_show-arrows .scroll-element_outer { top: 14px; background: none; width: 100%; bottom: 14px; height: auto; }
.scroll-wrapper > .scroll-element.scroll-y.scroll-element_show-arrows .scroll-element_size { top: 14px; bottom: 14px; height: auto; width: 100%; }
.scroll-wrapper > .scroll-element.scroll-y .scroll-bar { border-radius: 5px; margin-left: 3px; min-height: 16px; opacity: 0.2; filter: alpha(opacity=20); transition: opacity 400ms; width: 11px; cursor: pointer; padding-bottom: 12px; }
.scroll-wrapper > .scroll-element.scroll-y .scroll-bar:hover { opacity: 1; filter: none; }

.scroll-wrapper > .scroll-element.scroll-y.scroll-element_show-arrows .scroll-arrow_less { background-image: url('img/a.png'); }
.scroll-wrapper > .scroll-element.scroll-y.scroll-element_show-arrows .scroll-arrow_more { background-image: url('img/v.png'); }
.scroll-wrapper > .scroll-element.scroll-y .scroll-bar { background: #000; }

/* single - - - */

/* category - - - */
#holder-of-ports { display: block; clear: both; }
#holder-of-ports > .c { display: block; margin-right: -20px; text-align: left; }
#holder-of-ports .holder { display: inline-block; zoom: 1; *display: block; vertical-align: top; width: 33.3333%; }
#holder-of-ports .holder > a { display: block; margin: 20px 20px 0 0; position: relative; overflow: hidden; background: url('img/black-90pc.png'); text-align: center; text-transform: uppercase; color: #fff; font-size: 18px; }
#holder-of-ports .holder > a > strong { font-weight: normal; position: relative; background: #009CE2; display: block; overflow: hidden; }
#holder-of-ports .holder > a > strong > img { display: block; top: 0; left: 0; position: absolute; opacity: 1; filter: none; transition: opacity 400ms, transform 400ms; transform: scale(1); }
#holder-of-ports .holder > a:hover > strong > img { opacity: 0.3; filter: alpha(opacity=30); transform: scale(1.2); }
#holder-of-ports .holder > a > strong > span { display: block; font-weight: bolder; left: 15px; position: absolute; right: 15px; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,0.5); text-transform: uppercase; bottom: 50%; margin-bottom: 150px; transition: margin 400ms, opacity 400ms; opacity: 0; filter: alpha(opacity=0); }
#holder-of-ports .holder > a:hover > strong > span { margin-bottom: 30px; filter: none; opacity: 1; }
#holder-of-ports .holder > a > strong > em { font-style: normal; height: 36px; left: 0; line-height: 36px; margin-top: -20px; position: absolute; right: 0; text-align: center; top: 50%; }
#holder-of-ports .holder > a > strong > em > span { background: #FFF; color: #009CE2; display: inline-block; zoom: 1; *display: block; font-size: 14px; font-weight: bolder; height: 36px; line-height: 36px; padding: 0 20px; text-transform: uppercase; opacity: 0; filter: alpha(opacity=0); transition: opacity 400ms; }
#holder-of-ports .holder > a:hover > strong > em > span { opacity: 1; filter: none; }
#holder-of-ports .holder > a > span { display: block; font-weight: bolder; line-height: 20px; padding: 15px; white-space: normal; }

/* contacts - - - */
#contacts-page-holder { display: block; margin: 0 auto; max-width: 1170px; min-width: 1000px; width: 90%; }
#contacts-page-holder > h1,
#contacts-page-holder > h2 { color: #000000; display: block; font-size: 30px; font-weight: bold; line-height: 30px; text-transform: uppercase; padding-top: 54px; padding-bottom: 16px; }
#contacts-page-holder > h2 { clear: both; font-size: 24px; line-height: 24px; padding-top: 36px; }
#contacts-page-holder > .green-holder,
#the-map { background: #1aa833; display: block; float: left; width: 50%; }
#the-map { float: right; background: #fff; }
#contacts-page-holder > .green-holder { color: #fff; padding: 13px 30px; }
#contacts-page-holder > .green-holder > p { display: block; height: auto; line-height: 42px; padding: 12px 0; }
#contacts-page-holder > .green-holder > p > img { display: inline-block; zoom: 1; *display: block; float: none; margin: 0 10px 2px 0; vertical-align: middle; }
#contacts-page-holder > .green-holder > p > span { display: inline-block; zoom: 1; *display: block; font-size: 16px; font-weight: 500; line-height: 21px; margin: 0 0 2px; vertical-align: middle; }
#FSContact2,
#contacts-page-holder > .form-holder { display: block; padding-bottom: 50px; }
#FSContact2 .floaterleft,
#FSContact2 .floaterright,
#contacts-page-holder > .form-holder .floaterleft,
#contacts-page-holder > .form-holder .floaterright { clear: both; color: #000000; display: block; float: left; font-size: 14px; height: 37px; line-height: 50px; text-align: left; width: 50%; position: relative; }
#FSContact2 .floaterright,
#contacts-page-holder > .form-holder .floaterright { float: right; clear: right; text-indent: 8px; }
#FSContact2 label,
#contacts-page-holder > .form-holder label { cursor: pointer; display: inline-block; zoom: 1; *display: block; line-height: 21px; vertical-align: middle; }
#FSContact2 input,
#FSContact2 textarea,
#contacts-page-holder > .form-holder input,
#contacts-page-holder > .form-holder textarea { display: block; width: 100%; padding: 6px 13px; background: #fff; -webkit-appearance: none; height: 23px; line-height: 23px; border: 1px solid #d3d3d3; color: #000; text-align: left; font-size: 14px; }
#FSContact2 label,
#contacts-page-holder > .form-holder label { cursor: pointer; display: inline-block; zoom: 1; *display: block; line-height: 21px; vertical-align: middle; margin-bottom: 8px; }
#FSContact2 label > span,
#contacts-page-holder > .form-holder label > span { display: inline-block; zoom: 1; *display: block; padding-left: 3px; color: red; }
#FSContact2 input[type="submit"],
#contacts-page-holder > .form-holder input[type="submit"] { padding: 0px; clear: both; cursor: pointer; font-weight: 700; margin: 9px 0 0 auto !important; text-align: center; width: 100px; background: none; -webkit-appearance: none; border: 1px solid #1aa833; color: #1aa833; font-size: 16px; height: 37px; line-height: 37px; width: 109px; transition: background-color 400ms, color 400ms; text-transform: uppercase; }
#FSContact2 input[type="submit"]:hover,
#contacts-page-holder > .form-holder input[type="submit"]:hover { color: #fff; background: #1aa833; }
#FSContact2 textarea,
#contacts-page-holder > .form-holder textarea { min-height: 244px; resize: none; }
#FSContact2 .fathersummit,
#contacts-page-holder > .form-holder .fathersummit { clear: both; display: block; padding-top: 1px; }
#FSContact2 .a > div,
#contacts-page-holder > .form-holder .a > div { display: block; height: 20px; line-height: 24px; margin-top: -24px; position: absolute; right: -27px; text-align: right; vertical-align: top; }
#the-map .gm-style-iw,
#the-map .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 - 15 - 10 - 09 */
#footer .first-part { display: none; }
.home #footer .first-part { display: block; }

/* patch - 15 - 11 - 02 */
.gallery-size-thumbnail { display: block; margin-right: -25px !important; margin-top: 10px !important; }
.gallery-size-thumbnail .gallery-item { display: inline-block; zoom: 1; *display: block; float: none !important; margin: 0 !important; vertical-align: top; width: 14.2857% !important; }
.gallery-size-thumbnail .gallery-item a { border: 1px solid #009CE2; display: block; margin: 0 25px 25px 0; overflow: hidden; position: relative; background: #FFF; transition: border-color 400ms; }
.gallery-size-thumbnail .gallery-item a:hover { border-color: #1AA833; }
.gallery-size-thumbnail img { border: 0 !important; display: block; max-height: 100%; }
.gallery-size-thumbnail > br { display: none; }
.gallery-size-thumbnail .gallery-caption { display: none; }
#dwDB-backgrounds { position: absolute; z-index: 0; }
.page-template-template-businessarea #contacts-page-holder { position: relative; z-index: 1; }
.page-template-template-businessarea #dwDB-backgrounds div { background: #FFFFFF; opacity: 0.85; filter: alpha(opacity=85); }
#areas-holder { display: block; height: 400px; margin: -25px -30px; position: relative; overflow: hidden; }
#areas-holder .holder { display: block; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; }
#areas-holder .holder img { display: block; position: absolute; top: 0; left: 0;  max-width: none; }

/* patch - 15 - 11 - 09 */
#textareas-holder { display: block; position: relative; white-space: nowrap; overflow: hidden; text-align: left; margin-left: -30px; margin-right: -30px; }
#textareas-holder > .holder { display: inline-block; zoom: 1; *display: block; vertical-align: top; width: 100%; margin: 50px 0 0; color: #000; }
.page-template-template-businessarea #contacts-page-holder > .green-holder { background: none; }
#textareas-holder > .holder > .h { display: inline-block; zoom: 1; *display: block; vertical-align: top; width: 100%; white-space: normal; }
#textareas-holder > .holder > .h > * { margin-right: 330px !important; }
#textareas-holder > .holder > .h > h2.title:first-child { display: block; font-size: 18px; font-weight: bolder; line-height: 1.5em; padding-bottom: 15px; text-transform: uppercase; }
#textareas-holder > .holder > .f { display: inline-block; zoom: 1; *display: block; height: 50px; text-align: center; vertical-align: top; width: 300px; white-space: normal; margin-left: -300px; overflow: hidden; }
#textareas-holder > .holder > .f > h2 { display: block; line-height: 50px; cursor: pointer; font-size: 18px; color: #fff; text-transform: uppercase; height: 83px; background: url('img/thingamajig.png'); position: relative; }
#textareas-holder > .holder > .f > h2 > img { display: inline-block; zoom: 1; *display: block; vertical-align: middle; margin-bottom: 10px; margin-right: 10px; position: relative; z-index: 1; height: 35.3118px; width: 26.296px; }
#textareas-holder > .holder > .f > h2 > span { position: relative; z-index: 1; font-size: 16px; font-weight: bold; }
#textareas-holder > .holder > .f > h2 > strong { display: block; position: absolute; z-index: 0; opacity: 0; filter: alpha(opacity=0); top: 0; left: 0; bottom: 0; right: 0; background: url('img/thingamajig2.png'); transition: opacity 400ms; }
#textareas-holder > .holder > .f > h2:hover > strong { opacity: 1; filter: none; }

/* patch - 15 - 11 - 13 */
#FSContact2 { padding-bottom: 0px; }
#FSContact2 .floaterleft,
#FSContact2 .floaterright { margin-right: 28px; width: auto; }
#FSContact2 textarea { min-height: 100px; }
#FSContact2 .floaterleft.a { height: auto; }
.page-template-template-businessarea #dwDB-backgrounds { position: fixed; }
.page-template-template-businessarea #footer { background: #444444; position: relative; }
#textareas-holder > .holder { margin-right: 20px; }

/* patch - 15 - 11 - 23 */
#index-thingie > .right > h2 > a { color: inherit; }
#index-thingie > .right > h2 > a:hover { color: #009CE2; }
.news-pictitures { display: block; height: 400px; min-height: 350px; overflow: hidden; position: relative; margin-top: 20px; margin-bottom: 15px; clear: both; }
.news-pictitures > img { display: block; position: absolute; top: 0; left: 0; max-width: none; }
.news-content { padding-top: 20px; clear: both; }
.news-content > h2.title { display: block; font-size: 24px; font-weight: bold; line-height: 28px; padding-bottom: 20px; position: relative; text-transform: uppercase; border-bottom: 1px solid #888888; margin-bottom: 20px; }
.news-linko { display: block; margin-top: 20px; height: 39px; padding-bottom: 30px; }
.news-linko a { display: block; float: left; background: none; border: 1px solid #1AA833; color: #1AA833; cursor: pointer; font-size: 16px; font-weight: 700; height: 37px; line-height: 37px; padding: 0; text-align: center; text-transform: uppercase; transition: background-color 400ms, color 400ms; width: 109px; }
.news-linko a:hover { background: #1AA833; color: #FFFFFF; }

/* patch - 16 - 02 - 01 */
@media screen and (max-width: 1200px) {
	#footer .second-part,
	#index-green,
	#index-thingie,
	#index-links { width: 100%; max-width: 1170pc; }
}
#the-map { position: relative; overflow: hidden; }

/* patch - 16 - 05 - 17 */
.second-part > span > a { color: #1AA833; opacity: 1; filter: none; transition: opacity 400ms; }
.second-part > span > a:hover { opacity: 0.7; filter: alpha(opacity=70); }

/* patch - 18 - 04 - 03 */
#footer .first-part { background-color: #444; }
#footer { background-color: #eee; }
#footer .second-part { color: #444; height: auto; }
#footer .second-part > img { position: relative; left: auto; top: auto; display: block; margin: 16px auto 0 -10px; }
#footer .second-part > span { display: block; text-align: left; margin: 0; padding: 5px 0 25px; }
#footer .second-part > a { display: block; right: 0; top: 25px; position: absolute; }
#footer .second-part > strong { display: block; position: absolute; left: 50%; width: 450px; margin-left: -100px; top: 2px; line-height: 32px; text-align: left; white-space: nowrap; }
#footer .second-part > strong > span { display: block; padding-bottom: 4px; }
#footer .second-part > strong img { display: inline-block; vertical-align: top; margin-right: 40px; }
body .video-js .vjs-big-play-button { top: 50%; left: 50%; margin: -22.5px -45px; }

/* patch - 18 - 04 - 09 */
#footer .second-part > a.facebook { width: 116px; height: 43px; right: auto; left: 198px; top: 26px; }
#footer .second-part > a.facebook > img { top: auto; margin-top: 0; }

/* mobile - - - */
#mobile-menu { display: none; }
@media screen and (max-width: 1000px) , screen and (max-height: 500px) {
	/* #header,
	#index-bottom
	#footer { -webkit-transform: translate3d(0, 0, 0); } */
	.single #the-map,
	.page-template-default #the-map,
	#footer .first-part,
	#header .side-header,
	#main-menu { display: none !important; }
	#header .logo { left: 5%; margin-left: -16px; position: absolute; }
	#mobile-menu { display: block; position: absolute; background: url('img/mobile-menu.png') no-repeat left center; background-size: contain; top: 50%; right: 5%; height: 46px; width: 43px; margin: -23px 0 0; }
	#the-true-mobile-menu { background: #FFFFFF !important; border-color: #000000; border-radius: 0; border-style: solid; border-width: 6px 0 37px; display: block; height: 6px; left: 0; line-height: 6px; margin: 0; opacity: 0; filter: apha(opacity=0); overflow: hidden; padding: 0; position: absolute; text-indent: 99px; top: 0; width: 46px; z-index: 100; }
	/* #index-feature { min-height: 300px; } */
	.general-purpose-arrow.left,
	#index-feature .arrow.left { left: 10px; }
	.general-purpose-arrow.right,
	#index-feature .arrow.right { right: 10px; }
	#index-feature .holder > .slogan { font-size: 26px; left: 60px; line-height: 30px; margin-left: auto; margin-right: auto; max-width: 500px; right: 60px; text-align: center; }
	#index-feature .holder > .slogan > span { font-size: 38px; line-height: 38px; }
	#index-feature .holder > .slogan > a { display: inline-block; zoom: 1; *display: block; float: none; }
	#index-links { height: auto; white-space: normal; width: auto; }
	#index-links > a > strong { font-size: 20px; line-height: 24px; }
	#index-links > a > span { font-size: 15px; line-height: 21px; }
	#index-thingie { height: auto; margin: 20px; width: auto; }
	#index-thingie > .left { bottom: auto; left: auto; position: relative; right: auto; top: auto; padding-bottom: 60px; }
	#index-thingie > .left > .right { bottom: auto; bottom: auto; left: auto; margin-left: 295px; margin-right: 30px; position: relative; right: auto; }
	#index-thingie .content p { text-align: left; }
	#index-thingie > .right { position: relative; right: auto; top: auto; bottom: auto; width: auto; padding: 30px 10px 10px 30px; }
	#index-thingie > .right .holder { display: inline-block; zoom: 1; *display: block; vertical-align: top; width: 50%; }
	#index-thingie > .right .holder a span { margin-right: 20px; }
	#index-green { margin-top: 0; width: auto; padding: 0 20px; }

	#footer .second-part { height: auto; line-height: 20px; padding: 20px; width: auto; }
	#footer .second-part > a > img { right: 20px; }
	#contacts-page-holder { min-width: 1px; }
	#contacts-page-holder > h1,
	#contacts-page-holder > h2 { text-align: center; }
	.single #contacts-page-holder > .green-holder,
	.page-template-default #contacts-page-holder > .green-holder { padding: 20px; width: auto !important; }
	#textareas-holder,
	#areas-holder { margin-left: -20px; margin-right: -20px; }
	#holder-of-ports .holder > a > strong > span,
	#holder-of-ports .holder > a > span { font-size: 14px; }
	.page-id-52.page-template-template-contacts #the-map { overflow: hidden; position: relative; }
	#contacts-page-holder > .green-holder > p { display: block; height: auto; line-height: 42px; padding: 12px 0; }
	#contacts-page-holder > .green-holder > p > span { max-width: 80%; white-space: normal; }
	.page-template-template-contacts #contacts-page-holder > .green-holder > p { white-space: nowrap; }
	.page-template-default #contacts-page-holder > .green-holder > p { white-space: normal; }

	#index-links > a { vertical-align: top; }

	#footer .second-part > span { text-align: center; }
	#footer .second-part > strong { text-align: center; position: relative; left: auto; width: auto; margin: auto; top: auto; white-space: normal; }
	#footer .second-part > strong > span { margin-bottom: -20px; }
	#footer .second-part > strong img { margin: 20px 10px 0; }

	#footer .second-part > a.facebook { position: relative; margin: 0 auto 10px; right: auto; left: auto; top: auto; }
	#footer .second-part > a.facebook > img { display: block !important; right: auto; }
}
@media screen and (max-width: 950px) {
	#index-green > span { font-size: 15px; }
}
@media screen and (max-width: 860px) {
	#index-green > span { font-size: 12px; font-weight: bolder; }
	#textareas-holder > .holder { text-align: center; }
	#textareas-holder > .holder > .h { display: block; }
	#textareas-holder > .holder > .h > * { margin-right: 0 !important; }
	#textareas-holder > .holder > .f { margin: 15px auto 0; width: 300px; max-width: 100%; }
}
@media screen and (max-width: 800px) {
	#index-thingie > .right .holder { width: 33.3333%; text-align: center; height: auto; }
	#index-thingie > .right .holder a { display: block; margin-right: 20px; }
	#index-thingie > .right .holder a span { display: block; height: auto; margin: 15px 0 0; }
	#index-thingie > .right .holder a img { margin: 0 auto; float: none; height: 100px; width: 150px; }
	#holder-of-ports .holder { width: 50%; }
}
@media screen and (max-width: 750px) {
	#index-green { padding: 10px 0; height: auto; }
	#index-green > span { display: block; margin: 10px auto !important; text-align: center; }
	.news-pictitures { height: 300px !important; min-height: 250px; }
	#contacts-page-holder > .green-holder,
	#the-map { width: auto !important; float: none; }
}
@media screen and (max-width: 660px) {
	#index-thingie > .left > .left > span { display: none !important; }
	#index-thingie > .left > .left { width: 250px; }
	#index-thingie > .left > .right { border: 0; padding: 0 0 0 30px; margin-left: 250px; }
	#index-thingie > .right { padding: 20px 0 0 20px; }
}
@media screen and (max-width: 600px) {
	#index-links > a { width: auto; display: block; height: 200px; }
	#index-thingie > .right { background: none; bottom: auto; left: auto; position: relative; right: auto; top: auto; width: auto; }
	.news-content > h2.title { font-size: 18px; line-height: 24px; }
}
@media screen and (max-width: 575px) {
	#footer .second-part > img,
	#footer .second-part > a > img,
	#index-thingie > .left > .left { display: none !important; }
	#index-thingie { margin: 0; }
	#index-thingie > .left { padding-bottom: 30px; }
	#index-thingie > .left > .right { margin-left: 0; margin-right: 20px; padding-left: 20px; top: 20px; }
	#index-thingie > .right { text-align: center; white-space: normal; }
	#index-thingie > .right .holder { min-width: 170px; }
	.news-pictitures { height: 250px !important; }
}
@media screen and (max-width: 480px) {
	#holder-of-ports .holder { width: 100%; }
	#FSContact2 .floaterleft,
	#FSContact2 .floaterright,
	#contacts-page-holder > .form-holder .floaterleft,
	#contacts-page-holder > .form-holder .floaterright { float: none; margin-right: 28px; width: auto !important; margin-top: 0 !important; height: auto; }
	#FSContact2 .floaterleft.a,
	#FSContact2 .floaterright.a,
	#contacts-page-holder > .form-holder .floaterleft.a,
	#contacts-page-holder > .form-holder .floaterright.a { margin-top: -13px !important; }
	#FSContact2 .floaterright,
	#contacts-page-holder > .form-holder .floaterright { text-indent: 0px; }
}