/* Theme Name: Tema Silobaião 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: 'Montserrat Bold'; src: url('montserrat-bold-webfont.eot'); src: url('montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('montserrat-bold-webfont.woff2') format('woff2'), url('montserrat-bold-webfont.woff') format('woff'), url('montserrat-bold-webfont.ttf') format('truetype'), url('montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Karla'; src: url('Karla-Regular.eot?#iefix') format('embedded-opentype'), url('Karla-Regular.woff') format('woff'), url('Karla-Regular.ttf') format('truetype'), url('Karla-Regular.svg#Karla-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Karla'; src: url('Karla-Italic.eot?#iefix') format('embedded-opentype'), url('Karla-Italic.woff') format('woff'), url('Karla-Italic.ttf') format('truetype'), url('Karla-Italic.svg#Karla-Italic') format('svg'); font-weight: normal; font-style: italic; } input, textarea, button, select, html { color: #666; font-family: 'Karla', Arial, Helvetica, sans-serif; font-size: 14px; } a { color: #29AF8A; text-decoration: none; transition: color 400ms; } a:hover { color: #1E8; } /* background - - - */ html, body { background: #eef1f6; display: block; min-height: 100%; width: 100%; overflow: hidden; height: auto; } #body-wrapper { display: block; height: 100%; width: 100%; overflow: auto; position: absolute; } #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 - - - */ #pre-header { background-color: #29af8a; display: block; height: 50px; line-height: 50px; overflow: hidden; position: relative; text-align: right; width: auto; } #pre-header > .c { display: block; height: 50px; line-height: 50px; margin: 0 auto; max-width: 1160px; min-width: 1000px; width: 90%; position: relative; } #pre-header > .c > .l { display: block; height: 50px; line-height: 50px; position: absolute; right: 0; top: 0; } #pre-header > .c > .l a { opacity: 0.8; filter: none; transition: opacity 400ms; } #pre-header > .c > .l a:hover { opacity: 1; filter: none; } #pre-header > .c > .l > .s { display: inline-block; zoom: 1; *display: block; padding-right: 15px; vertical-align: top; } #pre-header > .c > .l > .s > a { display: inline-block; zoom: 1; *display: block; height: 50px; vertical-align: top; width: 30px; position: relative; } #pre-header > .c > .l > .s > a > span { display: block; position: absolute; background-image: url('img/i-facebook.png'); width: 9px; height: 16px; background-size: contain; background-repeat: no-repeat; background-position: 0 0; left: 50%; margin-left: -4.5px; margin-top: -8px; top: 50%; } #pre-header > .c > .l > .l { display: inline-block; zoom: 1; *display: block; height: 50px; line-height: 50px; vertical-align: top; } #pre-header > .c > .l > .l > a { display: inline-block; zoom: 1; *display: block; margin-left: 15px; height: 50px; position: relative; width: 22px; } #pre-header > .c > .l > .l > a > span { background-position: 0 0; background-repeat: no-repeat; background-size: contain; display: block; height: 22px; left: 50%; margin-left: -11px; margin-top: -11px; position: absolute; top: 50%; width: 22px; } #pre-header > .c > .l > .l > a.pt > span { background-image: url('img/pt.png'); } #pre-header > .c > .l > .l > a.en > span { background-image: url('img/en.png'); } #pre-header > .c > .l > .l > a.es > span { background-image: url('img/es.png'); } /* header - - - */ #header { background: url('img/white-90pc.png'); display: block; height: 100px; left: 0; line-height: 100px; position: absolute; right: 0; z-index: 2; } #header > .c { display: block; height: 100px; line-height: 100px; margin: 0 auto; max-width: 1160px; min-width: 1000px; width: 90%; position: relative; } #header > .c > .l { display: block; height: 64px; left: 0; line-height: 64px; max-width: 335px; overflow: hidden; position: absolute; top: 18px; } #header > .c > .l > .l { display: inline-block; zoom: 1; *display: block; margin-bottom: 2px; max-height: 64px; max-width: 100%; vertical-align: middle; } #header > .c > .e { height: 43px; left: 335px; margin-left: 20px; overflow: hidden; position: absolute; right: 0; text-align: right; top: 28.5px; white-space: nowrap; } #header > .c > .e > .h { display: inline-block; zoom: 1; *display: block; height: 43px; vertical-align: top; } #header > .c > .e > .h > .i { border-left: 1px solid #d5dce8; display: inline-block; zoom: 1; *display: block; height: 34px; line-height: 34px; margin-top: 4px; padding: 0 15px 0 20px; vertical-align: top; margin-left: 20px; } #header > .c > .e > .h:first-child > .i { margin-left: 0; border-left: 0; padding-left: 0px; padding-right: 15px; } #header > .c > .e > .h > .i > .i { display: inline-block; zoom: 1; *display: block; margin-bottom: 2px; max-height: 25px; max-width: 32px; vertical-align: middle; } #header > .c > .e > .h > .t { display: inline-block; zoom: 1; *display: block; height: 43px; vertical-align: top; font-family: 'Montserrat Bold', Arial, Helvetica, sans-serif; text-align: left; text-transform: uppercase; } #header > .c > .e > .h > .t > .s { display: block; font-size: 12px; color: #91a1b4; line-height: 21px; } #header > .c > .e > .h > .t > .b { display: block; font-size: 14px; color: #435061; line-height: 22px; } #header > .c > .e > .h > .t > .b > .a { display: inline-block; zoom: 1; *display: block; margin-top: -1px; vertical-align: top; } /* main menu - - - */ #main-menu { display: block; float: left; text-transform: uppercase; white-space: nowrap; font-family: 'Montserrat Bold', Arial, Helvetica, sans-serif; font-size: 0px; } #main-menu * { list-style: none; display: inline-block; zoom: 1; *display: block; vertical-align: top; } #main-menu a { font-size: 14px; padding: 0 15px; color: #fff; background-color: transparent; transition: color 400ms, background-color 400ms; } #main-menu a:hover { background-color: rgba(255,255,255,0.2); color: #fff; } #main-menu .current-menu-item a { background-color: #fff; color: #555555; } #main-menu .current-menu-item a:hover { background-color: #fff; color: #29af8a; } /* index - - - */ #index-features { display: block; height: 817px; overflow: hidden; position: relative; width: 100%; z-index: 1; } #index-features > .h { bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } #index-features > .h > .i { display: block; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } #index-features > .h > .i > img { display: block; left: 0; position: absolute; top: 0; } #index-features > .h > .i > .s { bottom: 20px; display: block; left: 5%; margin-top: 100px; overflow: hidden; position: absolute; right: 5%; text-align: center; top: 20px; z-index: 1; } #index-features > .h > .i > .s > .a { display: inline-block; zoom: 1; *display: block; font-size: 30px; line-height: 36px; margin-bottom: 2px; vertical-align: middle; } #index-features > .h > .i > .s > .a > .t { font-family: 'Montserrat Bold', Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; padding: 12px 0; line-height: 42px; text-shadow: 0 1px 3px #000 } #index-features > .h > .i > .s > .a > .l { display: block; height: 54px; line-height: 54px; text-align: center; padding: 12px 0; } #index-features > .h > .i > .s > .a > .l > a { background-color: transparent; border: 2px solid #ffffff; border-radius: 6px; color: #ffffff; display: inline-block; zoom: 1; *display: block; font-size: 14px; height: 50px; line-height: 50px; padding: 0 20px; text-transform: uppercase; vertical-align: top; font-family: 'Montserrat Bold', Arial, Helvetica, sans-serif; transition: background-color 400ms, border-color 400ms; } #index-features > .h > .i > .s > .a > .l > a:hover { background-color: #29af8a; border-color: #29af8a; } #index-features > .a { border-radius: 50%; height: 70px; margin-top: 15px; position: absolute; top: 50%; width: 70px; z-index: 10; background: url('img/808080-50pc.png'); transition: background-color 400ms; } #index-features > .a.l { left: 20px; } #index-features > .a.r { right: 20px; } #index-features > .a:hover { background-color: #00d7a5; } #index-features > .a > img { display: block; height: 19px; left: 50%; margin: -9.5px 0 0 -5.5px; position: absolute; top: 50%; width: 11px; } #index-features > .b { background-color: #435061; bottom: -1px; display: block; left: 0; margin: 0 auto; max-width: 1140px; min-width: 980px; overflow: hidden; position: absolute; right: 0; width: 88%; z-index: 3; } #index-features > .b > .h { margin-right: -1px; text-align: left; white-space: normal; } #index-features > .b > .h > .c { display: inline-block; zoom: 1; *display: block; vertical-align: top; width: 33.3333%; } #index-features > .b > .h > .c > .i { border-bottom: 1px solid #4f5c6d; border-right: 1px solid #4f5c6d; display: block; padding: 25px 30px; white-space: nowrap; } #index-features > .b > .h > .c > .i > .i { display: inline-block; zoom: 1; *display: block; height: 45px; line-height: 45px; margin-right: 15px; max-width: 46px; overflow: hidden; position: relative; text-align: center; vertical-align: top; margin-top: 3px; } #index-features > .b > .h > .c > .i > .i > .i { display: inline-block; zoom: 1; *display: block; margin-bottom: 2px; max-height: 45px; max-width: 100%; vertical-align: middle; } #index-features > .b > .h > .c > .i > .t { display: inline-block; zoom: 1; *display: block; vertical-align: top; white-space: normal; } #index-features > .b > .h > .c > .i > .t > .t { display: block; line-height: 18px; font-size: 14px; text-transform: uppercase; padding-bottom: 7px; color: #fff; font-family: 'Montserrat Bold', Arial, Helvetica, sans-serif; } #index-features > .b > .h > .c > .i > .t > .c { display: block; color: #6a7788; line-height: 20px; font-size: 14px; } #index-bottom { background-color: #ffffff; display: block; margin: 0 auto; max-width: 1160px; min-width: 1000px; width: 90%; position: relative; margin-top: 30px; padding: 30px 0; } #index-bottom > h2 { height: 38px; line-height: 38px; text-align: center; padding: 0 50px; } #index-bottom > h2 > span { border-radius: 6px; background: #90a1b3; color: #fff; text-transform: uppercase; font-family: 'Montserrat Bold', Arial, Helvetica, sans-serif; font-size: 14px; display: inline-block; zoom: 1; *display: block; vertical-align: top; line-height: 21px; padding: 9px 12px 7px; } #index-bottom > h1 { color: #3d4e5e; font-size: 24px; line-height: 32px; text-align: center; text-transform: uppercase; font-family: 'Montserrat Bold', Arial, Helvetica, sans-serif; padding: 20px 50px; } #index-bottom > h1 > span { display: inline-block; zoom: 1; *display: block; max-width: 550px; vertical-align: top; } #index-bottom > .f { display: block; margin: 0 50px 30px; overflow: hidden; position: relative; } #index-bottom > .f > .i { bottom: 0; display: block; left: 0; overflow: hidden; position: absolute; right: 35%; top: 0; } #index-bottom > .f > .i > img { display: block; left: 0; position: absolute; top: 0; } #index-bottom > .f > .t { background-color: #32667c; border-left: 30px solid #ffffff; color: #ffffff; display: block; font-size: 14px; line-height: 21px; margin-left: 65%; padding: 30px; } #index-bottom > .s { display: block; margin: 0 50px; overflow: hidden; position: relative; } #index-bottom > .s > .h { display: block; margin-right: -30px; position: relative; white-space: nowrap; font-family: 'Montserrat Bold', Arial, Helvetica, sans-serif; } #index-bottom > .s > .h > .i { display: inline-block; zoom: 1; *display: block; position: relative; vertical-align: top; width: 33.3333%; } #index-bottom > .s > .h > .i > .a { display: block; margin: 0 30px 0 0; overflow: hidden; position: relative; height: 252px; } #index-bottom > .s > .h > .i > .a > .i { bottom: 35px; display: block; left: 0; position: absolute; right: 0; top: 0; overflow: hidden; } #index-bottom > .s > .h > .i > .a > .i > img { display: block; left: 0; position: absolute; top: 0; } #index-bottom > .s > .h > .i > .a > .t { background-color: #eef1f6; display: block; position: absolute; left: 0; bottom: 0; right: 0; color: #32667c; text-transform: uppercase; font-size: 14px; line-height: 19px; padding: 8px 12px; text-align: center; white-space: normal; } #index-bottom > .a { display: block; height: 255px; margin-top: -255px; position: absolute; width: 50px; opacity: 0.5; filter: none; transition: opacity 400ms; } #index-bottom > .a:hover { opacity: 1; filter: none; } #index-bottom > .a.l { left: 0; } #index-bottom > .a.r { right: 0; } #index-bottom > .a > span { background-position: center center; background-repeat: no-repeat; background-size: contain; height: 22px; left: 50%; margin: -11px 0 0 -7px; position: absolute; top: 50%; width: 14px; display: block; } #index-bottom > .a.l > span { background-image: url('img/larr4.png'); } #index-bottom > .a.r > span { background-image: url('img/rarr4.png'); } #index-bottom > .m { display: block; left: 0; margin-top: 30px; overflow: hidden; position: relative; right: 0; } #index-bottom > .m > img { display: block; position: relative; } #index-bottom > .m > .s { bottom: 0; display: block; left: 0; position: absolute; right: 0; text-align: center; top: 0; line-height: 511px; background: url('img/mapa.png'); } #index-bottom > .m > .s > .m { display: inline-block; zoom: 1; *display: block; line-height: 21px; vertical-align: middle; white-space: normal; margin-bottom: 2px; width: 470px; } #index-bottom > .m > .s > .m > .s { background-color: #90a1b3; border-radius: 6px; color: #ffffff; display: inline-block; zoom: 1; *display: block; font-family: 'Montserrat Bold', Arial, Helvetica, sans-serif; font-size: 14px; height: auto; line-height: 21px; padding: 8px 12px; text-transform: uppercase; vertical-align: top; } #index-bottom > .m > .s > .m > .b { display: block; text-align: center; color: #fff; text-transform: uppercase; font-family: 'Montserrat Bold', Arial, Helvetica, sans-serif; font-size: 24px; line-height: 1.2em; padding: 15px 0; margin: 0 auto; min-width: 260px; width: 90%; } #index-bottom > .m > .s > .m > .t { display: block; color: #fff; opacity: 0.6; filter: alpha(opacity=60); font-size: 14px; line-height: 21px; text-align: center; } #index-bottom > .m > .s > .m > .l { display: block; text-align: center; font-family: 'Montserrat Bold', Arial, Helvetica, sans-serif; text-transform: uppercase; padding-top: 15px; } #index-bottom > .m > .s > .m > .l > a { display: inline-block; zoom: 1; *display: block; vertical-align: top; height: 42px; line-height: 42px; color: #fff; padding: 0 20px; border-radius: 6px; background-color: #29af8a; transition: color 400ms, background-color 400ms; font-family: 'Montserrat Bold', Arial, Helvetica, sans-serif; } #index-bottom > .m > .s > .m > .l > a:hover { color: #29AF8A; background-color: #fff; } /* footer - - - */ #footer { background-color: #32667c; display: block; margin: 0 auto; max-width: 1160px; min-width: 1000px; width: 90%; } #footer > .c { color: #ffffff; font-size: 13px; line-height: 18px; margin: 0 50px; padding: 20px 0; position: relative; text-align: left; } #footer > .c > .t { display: block; margin-right: 120px; opacity: 0.6; filter: alpha(opacity=60); } #footer > .c > .d { display: block; height: 20px; margin-top: -10px; position: absolute; right: 0; top: 50%; width: 91px; } #footer > .c > .d > img { display: block; max-height: 20px; max-width: 100%; } /* 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%; } .content h1, .content h2, .content h3 { color: #3d4e5e; font-family: "Montserrat Bold", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 32px; text-align: left; text-transform: uppercase; } /* 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%; } #post-titler { height: 350px; overflow: hidden; position: relative; } #post-titler > img { display: block; left: 0; position: absolute; top: 0; } #post-titler > .t { display: block; height: 100px; left: 0; line-height: 100px; margin-left: auto; margin-right: auto; margin-top: 0px; max-width: 1160px; min-width: 1000px; position: absolute; right: 0; text-align: left; top: 50%; width: 90%; } #post-titler > .t > span { background-color: #ffffff; display: inline-block; zoom: 1; *display: block; font-family: "Montserrat Bold", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 20px; padding: 11px 20px 9px; text-transform: uppercase; vertical-align: middle; white-space: normal; } #post-holderer { background-color: #ffffff; display: block; margin: 30px auto 0; max-width: 1160px; min-width: 1000px; overflow: hidden; position: relative; width: 90%; } #post-holderer > #pager { display: block; margin: 0 auto; padding: 30px 0; width: 75%; } #post-holderer > #pager > h1.title:first-child { margin-top: 65px; } /* 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 - - - */ /* news - - - */ /* contacts - - - */ .contacts-holder { display: block; } .contacts-holder > .sidebar { display: block; float: right; position: relative; width: 40%; } .contacts-holder > .sidebar > .c { background-color: #f1f5fa; display: block; padding: 20px 25px; } .contacts-holder > .sidebar > .c > p { /* letter-spacing: 1px; */ line-height: 1.5em; padding: 5px 0 0; text-transform: uppercase; text-align: left; } .contacts-holder > .sidebar > .c > hr { background-color: #ffffff; border: 0 none; height: 20px; margin: 20px -25px; padding: 0; } .contacts-holder > .sidebar > .c strong { display: inline-block; zoom: 1; *display: block; font-weight: inherit; width: 80px; } .contacts-holder > .form { display: block; margin-left: 20px; margin-right: 40%; position: relative; right: 20px; } .contacts-holder > .form > h2 { padding: 0 0 12px; } .contacts-holder > .form > p { text-align: left; } .contacts-holder > .form > form { display: block; margin-top: 15px; } .contacts-holder > .form > form > .h { margin-right: 32px; padding-bottom: 10px; } .contacts-holder > .form > form > .h > input, .contacts-holder > .form > form > .h > textarea { background: #fafcfd; border: 1px solid #cfd4db; color: #000000; display: block; line-height: 1.5em; padding: 10px 15px; width: 100%; -webkit-appearance: none; appearance: none; -moz-appearance: none; } .contacts-holder > .form > form > .h > textarea { resize: vertical; min-height: 10em; height: 10em; } .contacts-holder > .form > form > input[type="submit"] { border-radius: 6px; background-color: #29AF8A; color: #fff; text-transform: uppercase; -webkit-appearance: none; appearance: none; -moz-appearance: none; cursor: pointer; transition: opacity 400ms; opacity: 1; filter: none; font-weight: bolder; margin: 0; padding: 10px 15px; border: 0; } .contacts-holder > .form > form > input[type="submit"]:hover { opacity: 0.7; filter: alpha(opacity=70); } .page-template-template-contacts #the-map { display: block; height: 223px; margin-top: 20px; } .contacts-holder > .form > form > .h > .e { color: #ff0000; display: block; font-size: 12px; letter-spacing: 1px; line-height: 1.5em; padding-bottom: 2px; padding-top: 2px; text-transform: uppercase; } .gm-style-iw, .gm-style-iw * { overflow: visible !important; } .content #the-map img { max-width: none; } /* 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; } .contragallery { display: block; overflow: hidden; position: relative; text-align: center; } .contragallery > .h { display: block; margin-right: -20px; } .contragallery > .h > .c { display: inline-block; zoom: 1; *display: block; vertical-align: top; width: 16.6666%; } .contragallery > .h > .c > a { display: block; margin: 10px 20px 10px 0; overflow: hidden; position: relative; } .contragallery > .h > .c > a > img { display: block; left: 0; max-width: none; position: absolute; top: 0; } .page-template-template-products #post-holderer > #pager { width: auto; white-space: nowrap; padding-left: 25px; padding-right: 25px; } .page-template-template-products .product-sidebar-categories { background-color: #f1f5fa; display: inline-block; zoom: 1; *display: block; white-space: normal; vertical-align: top; width: 30%; } .page-template-template-products .product-sidebar-categories > .p { padding: 20px 25px; } .page-template-template-products .product-sidebar-categories > .p > strong:first-child { display: block; font-family: "Montserrat Bold", Arial, Helvetica, sans-serif; font-size: 15px; font-weight: normal; line-height: 1.5em; padding-bottom: 10px; text-transform: uppercase; } .page-template-template-products .product-sidebar-categories > .p > .c { border-top: 1px solid #ccdaf4; line-height: 1.3em; padding-top: 1px; position: relative; overflow: hidden; } .page-template-template-products .product-sidebar-categories > .p > .c > .l { color: inherit; display: block; font-size: 15px; padding: 8px 0; } .page-template-template-products .product-sidebar-categories > .p > .c > .l:hover, .page-template-template-products .product-sidebar-categories > .p > .c > .s > .c > .l:hover { color: #11ee88 !important; } .page-template-template-products .product-sidebar-categories > .p > .c > .l > span { display: inline-block; zoom: 1; *display: block; margin-right: 5px; margin-top: -3px; vertical-align: middle; width: 5px; } .page-template-template-products .product-sidebar-categories > .p > .c > .e, .page-template-template-products .product-sidebar-categories > .p > .c > .s > .c > .e { display: block; position: absolute; right: 0; height: 20px; line-height: 20px; text-align: center; top: 7px; width: 20px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .page-template-template-products .product-sidebar-categories > .p > .c > .s, .page-template-template-products .product-sidebar-categories > .p > .c > .s > .c > .s { margin: -5px 0 5px; overflow: hidden; padding-left: 10px; position: relative; z-index: 1; } .page-template-template-products .product-sidebar-categories > .p > .c > .s > .c, .page-template-template-products .product-sidebar-categories > .p > .c > .s > .c > .s > .c { display: block; position: relative; } .page-template-template-products .product-sidebar-categories > .p > .c > .s > .c > .l, .page-template-template-products .product-sidebar-categories > .p > .c > .s > .c > .s > .c > .l { color: inherit; display: block; font-size: 14px; line-height: 1.3em; padding: 3px 0 1px; } .page-template-template-products .product-sidebar-categories > .p > .c > .s > .c > .l > span, .page-template-template-products .product-sidebar-categories > .p > .c > .s > .c > .s > .c > .l > span { display: inline-block; zoom: 1; *display: block; font-size: 12px; margin-right: 4px; margin-top: -3px; vertical-align: middle; width: 4px; } .page-template-template-products .product-sidebar-categories > .p > .c > .s > .c > .s { margin: 0; } .page-template-template-products .product-sidebar-categories > .p > .c > .s > .c > .s > .c > .l { font-size: 13px; padding: 0; } .page-template-template-products .product-sidebar-categories > .p > .c > .s > .c > .s > .c > .l:hover { color: #11ee88 !important; } /* patch - 16 - 09 - 17 */ .product-sidebar-categories a.e { cursor: pointer; transition: color 400ms; } .product-sidebar-categories a.e:hover { color: #11ee88; } .page-template-template-products .product-sidebar-categories > .p > .c > .e.open, .page-template-template-products .product-sidebar-categories > .p > .c > .s > .c > .e.open { transform: rotate(-90deg); } .page-template-template-products .product-unsidebar-products { display: inline-block; zoom: 1; *display: block; text-align: left; vertical-align: top; width: 70%; } .page-template-template-products .product-unsidebar-products > .h { display: inline-block; zoom: 1; *display: block; position: relative; vertical-align: top; width: 33.3333%; } .page-template-template-products .product-unsidebar-products > .h > .a { display: block; margin: 0 0 25px 25px; overflow: hidden; position: relative; } .page-template-template-products .product-unsidebar-products > .h > .a > .i { display: block; height: 200px; overflow: hidden; position: relative; width: 100%; } .page-template-template-products .product-unsidebar-products > .h > .a > .i > img { display: block; max-width: none; position: absolute; top: 0; left: 0; } .page-template-template-products .product-unsidebar-products > .h > .a > .i > .l { background: url('img/32667C-50pc.png'); bottom: 0; display: block; left: 0; line-height: 200px; position: absolute; right: 0; text-align: center; top: 0; transition: opacity 400ms; white-space: nowrap; z-index: 1; opacity: 0; filter: alpha(opacity=0); } .page-template-template-products .product-unsidebar-products > .h > .a:hover > .i > .l { opacity: 1; filter: none; } .page-template-template-products .product-unsidebar-products > .h > .a > .i > .l > .a { background-color: #29AF8A; display: inline-block; zoom: 1; *display: block; color: #fff; text-transform: uppercase; font-size: 15px; font-weight: 700; line-height: 21px; vertical-align: middle; margin-top: -3px; padding: 6px 13px 7px; } .page-template-template-products .product-unsidebar-products > .h > .a > .t { background-color: #f1f4f8; color: #32667c; display: block; font-size: 15px; font-weight: 700; line-height: 21px; padding: 15px; text-transform: uppercase; transition: color 400ms; } .page-template-template-products .product-unsidebar-products > .h > .a:hover > .t { color: #29AF8A; } .products-pagination { height: 30px; line-height: 30px !important; margin-left: 25px; position: relative; } .products-pagination > a { display: inline-block; zoom: 1; *display: block; font-size: 15px; height: 30px; line-height: 30px; } .products-pagination > a.n { position: absolute; display: block; right: 0; top: 0; } .product-unsidebar-products > p:first-child { margin-left: 25px; } .news-category.page-template-template-products .product-unsidebar-products { display: block; margin-left: -25px; width: auto; } .news-category .product-unsidebar-products > .h > .a > .t > .m { color: #666666; display: block; font-size: 15px; font-weight: normal; padding-top: 10px; text-transform: none; white-space: normal; transition: color 400ms; } .news-category .product-unsidebar-products > .h > .a:hover > .t > .m { color: #32667c; } /* patch - 16 - 10 - 19 */ .page-template-template-products .product-unsidebar-products > .h > .a > .t > .h { display: block; text-align: center; white-space: normal; } #holder-of-single-product > div { display: inline-block; zoom: 1; *display: block; vertical-align: top; width: 50%; } #holder-of-single-product > div > .h { display: block; margin-left: 25px; white-space: normal; } #holder-of-single-product > div > .h > h2.title { font-size: 20px; line-height: 1.3em; padding-bottom: 15px; } #holder-of-single-product > div.images > .h > a { display: block; overflow: hidden; position: relative; text-align: center; } #holder-of-single-product > div.images > .h > a > img { display: block; margin: 0 auto; max-height: 400px; max-width: 100%; } #holder-of-single-product > div.images > .h > .g { display: block; margin-left: -10px; text-align: left; } #holder-of-single-product > div.images > .h > .g > span { display: inline-block; zoom: 1; *display: block; vertical-align: top; width: 33.3333%; } #holder-of-single-product > div.images > .h > .g > span > a { display: block; margin: 10px 0 0 10px; overflow: hidden; position: relative; } #holder-of-single-product > div.images > .h > .g > span > a > img { display: block; margin: 0; max-width: none; } #holder-of-single-product > div.images > .h > a.pdf { border-radius: 6px; border-style: solid; border-width: 2px; display: block; float: left; font-family: "Montserrat Bold", Arial, Helvetica, sans-serif; font-size: 14px; height: 50px !important; line-height: 50px; margin: 25px 0 0; padding: 0 20px; text-transform: uppercase; } #holder-of-single-product > div.images > .h > a.pdf:first-child { float: none; margin-top: 0; } #holder-of-single-product > div.images.butwrong { width: 30%; } #holder-of-single-product > div.content.butwrongaswell { width: 70%; } .page-template-template-news #post-holderer { margin: 0; max-width: none; min-width: 1px; padding-top: 30px; width: auto; } .page-template-template-news #post-holderer > #pager { margin-top: -30px; max-width: 1160px; min-width: 1000px; width: 90%; } #holder-of-news { margin-left: -25px; margin-top: -25px; } #holder-of-news > .holder-of-things > .i { display: inline-block; zoom: 1; *display: block; margin: 0; vertical-align: top; width: 33.3333%; } #holder-of-news > .holder-of-things > .i > .m { display: block; margin: 25px 0 0 25px; overflow: hidden; position: relative; } #holder-of-news > .holder-of-things > .i > .t { display: block; margin: 5px 0 0 25px; } /* patch - 16 - 10 - 20 */ #holder-of-news > .holder-of-things > .i > .m > .sdf { display: block; left: 0; max-width: none; position: absolute; top: 0; } #holder-of-news > .holder-of-things > .i > .t { background-color: #eef1f6; margin-top: 0; padding: 20px; } #holder-of-news > .holder-of-things > .i > .t > h2:first-child { font-size: 18px; line-height: 1.3em; padding-bottom: 0.2em; font-family: "Montserrat", Arial, Helvetica, sans-serif; } #holder-of-news > .holder-of-things > .i > .t > .e { display: block; padding-top: 12px; } #holder-of-news > .holder-of-things > .i > .t > .e > .x { background-color: transparent; border: 2px solid #29af8a; border-radius: 6px; color: #29af8a; display: inline-block; zoom: 1; *display: block; font-family: "Montserrat Bold", Arial, Helvetica, sans-serif; font-size: 14px; height: 42px; line-height: 42px; padding: 0 20px; text-transform: uppercase; transition: background-color 400ms, border-color 400ms, color 400ms; vertical-align: top; } #holder-of-news > .holder-of-things > .i > .t > .e > .x:hover { background-color: #29af8a; border-color: #29af8a; color: #fff; } .products-pagination.wa { margin-left: 0px; } /* patch - 16 - 10 - 25 */ #pager > h2.title { font-size: 20px; line-height: 1.3em; padding-bottom: 15px; } #index-features > .b > .h > .c > .i > .t > .c { color: rgba(255,255,255,0.5); } #footer > .c > .t { color: rgba(255,255,255,0.6); filter: none; opacity: 1; } .page-template-template-products .product-sidebar-categories > .p > .c > .e, .page-template-template-products .product-sidebar-categories > .p > .c > .s > .c > .e { font-size: 20px; height: 34px; line-height: 34px; right: -7px; top: 0; width: 34px; } .page-template-template-products .product-sidebar-categories > .p > .c > .e.open, .page-template-template-products .product-sidebar-categories > .p > .c > .s > .c > .e.open { right: -4px; } .page-template-template-products .product-unsidebar-products { white-space: normal; } /* patch - 16 - 12 - 09 */ #pre-header > .c > .l > .s > a.facebook { display: none !important; } /* mobile - - - */ #mobile-menu { display: none; } @media screen and (max-width: 1000px) , screen and (max-height: 500px) { #pre-header > .c { min-width: 0; width: 95%; } #main-menu { display: none; } #header > .c { min-width: 0; width: 95%; } #header > .c > .l { min-width: 300px; width: 50%; } #header > .c > .e { left: 50%; } #header > .c > .e > .h { display: block; height: auto; position: relative; margin-left: auto; max-width: 210px; } #header > .c > .e > .h > .i { bottom: 0; height: auto; left: 0; position: absolute; top: 0; line-height: 26px; margin-top: 0; border: 0 none; margin-left: 0; padding: 0; text-align: center; width: 28px; } #header > .c > .e > .h > .i > .i { max-height: 17px; } #header > .c > .e > .h > .t { display: block; height: auto; text-align: right; } #header > .c > .e > .h > .t > .s { display: none; } #header > .c > .e > .h > .t > .b { font-family: 'Karla', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-transform: lowercase; } #mobile-menu { display: block; position: absolute; background-image: url('img/mobilemenu.png'); background-position: center center; background-repeat: no-repeat; background-size: contain; cursor: pointer; height: 24px; left: 0; margin-top: -12px; top: 50%; width: 93px; } #index-features > .a.l { left: -25px; } #index-features > .a.l > img { left: 60%; } #index-features > .a.r { right: -25px; } #index-features > .a.r > img { left: 40%; } #index-features > .h > .i > .s { left: 50px; right: 50px; } #index-features > .b { min-width: 0; width: auto; } #index-features > .b > .h > .c > .i > .i { display: block; margin-bottom: 10px; margin-right: 0; margin-top: 0; max-width: none; text-align: center; } #index-features > .b > .h > .c > .i > .t { display: block; max-width: none !important; text-align: center; } #index-bottom { margin: 10px 10px 0; min-width: 0; width: auto; overflow: hidden; } #index-bottom > .f > .i { right: 50%; } #index-bottom > .f > .t { margin-left: 50%; } #index-bottom > .m { background-image: url('img/mapa.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; } #index-bottom > .m > img { display: none; } #index-bottom > .m > .s { height: 400px; line-height: 400px !important; padding: 0 5%; position: relative; } #index-bottom > .m > .s > .m { max-width: 470px; width: auto; } #footer { margin: 0 10px; min-width: 0; width: auto; } #footer > .c > .d { margin: 15px auto 0; position: relative; right: auto; top: auto; } #the-true-mobile-menu { background: #ffffff !important; border-color: #000000; border-radius: 0; border-style: solid; border-width: 6px 0 29px; 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: 90px; z-index: 100; } #post-titler { height: auto !important; } #post-titler > .t { height: auto; left: auto; line-height: 40px; margin-top: 100px; min-width: 0; padding: 25px 0; position: relative; text-align: center; top: auto; width: 95%; } #post-holderer { min-width: 0; width: 95%; } #post-holderer > #pager { padding: 25px; width: auto; } .page-template.page-template-template-products .product-sidebar-categories { display: block; margin: 0 auto; max-width: 400px; width: auto; } .page-template-template-products .product-sidebar-categories > .p > .c { height: auto !important; } .page-template-template-products .product-sidebar-categories > .p > .c > .e, .page-template-template-products .product-sidebar-categories > .p > .c > .s > .c > .e { display: none; } .page-template.page-template-template-products .product-unsidebar-products { display: none; } .category.page-template-template-products .product-sidebar-categories { display: none; } .category.page-template-template-products .product-unsidebar-products { display: block; text-align: center; width: auto; margin-left: -25px; } .post-template-default.page-template-template-products .product-sidebar-categories { display: none; } .post-template-default.page-template-template-products .product-unsidebar-products { display: block; width: auto; } #holder-of-single-product > div > .h { margin-left: 0px; } #holder-of-single-product > div.images { overflow: hidden; } #holder-of-single-product > div.images > .h { margin-left: 25px; } #holder-of-single-product > div.images > .h > a.pdf { height: auto !important; line-height: 16px; padding-bottom: 17px; padding-top: 17px; } .page-template-template-news #post-holderer > #pager { min-width: 0; padding: 25px 0; text-align: center; width: 95%; } #holder-of-news > .holder-of-things > .i > .t > h2:first-child { font-size: 15px; text-align: center; } .contacts-holder > .sidebar > .c strong { color: #000000; display: none; font-size: 11px; line-height: 12px; margin-bottom: 5px; vertical-align: bottom; width: auto; } .contacts-holder > .sidebar > .c strong:first-child { display: inline-block; zoom: 1; *display: block; } } @media screen and (max-width: 800px) { .contacts-holder > .form { right: auto; margin-right: 0; margin-left: 0; overflow: hidden; } .contacts-holder > .sidebar { float: none; padding-bottom: 30px; width: auto; } .contacts-holder > .sidebar > .c > * { text-align: center !important; } } @media screen and (max-width: 780px) { .contragallery > .h > .c { width: 20%; } } @media screen and (max-width: 720px) { .page-template-template-products .product-unsidebar-products > .h { width: 50%; } } @media screen and (max-width: 660px) { #index-bottom > h2 { padding: 0 25px; } #index-bottom > h1 { font-size: 20px; line-height: 26px; padding: 15px 25px; } #index-bottom > .f { margin: 0 25px 15px; } #index-bottom > .f > .i { height: 150px; margin-bottom: 10px; position: relative; right: 0; width: auto; } #index-bottom > .f > .t { margin-left: 0; border: 0; } #index-bottom > .s { margin: 0 25px; } #index-bottom > .s > .h { margin-right: -15px; } #index-bottom > .s > .h > .i { width: 50%; } #index-bottom > .s > .h > .i > .a { margin-right: 15px; } #index-bottom > .a.l { left: -12px; } #index-bottom > .a.r { right: -12px; } #index-bottom > .m { margin-top: 15px; } #index-bottom { padding-bottom: 15px; } #footer > .c { margin: 0 25px; text-align: center; } #footer > .c > .t { margin-right: 0; white-space: normal; } #holder-of-single-product > div, #holder-of-single-product > div.content.butwrongaswell { display: block; padding-bottom: 30px; width: auto; } #holder-of-single-product > div.images { padding-bottom: 0; display: block; margin: 0 auto; max-width: 330px; } #holder-of-single-product > div.images > .h { margin-left: 0; } .contragallery > .h > .c { width: 25%; } #holder-of-news > .holder-of-things > .i { width: 50%; } } @media screen and (max-width: 550px) { #header > .c > .l { display: block; margin: 0 auto; min-width: 0; right: 0; width: 100%; } #header > .c > .e { display: none; } #index-features > .h > .i > .s > .a > .t { line-height: 30px; font-size: 24px; } #index-features > .b > .h > .c { border-top: 1px solid #4f5c6d; display: block; width: auto; } #index-features > .b > .h > .c:first-child { border: 0 none; } #index-features > .b > .h > .c > .i { padding-left: 91px; text-align: left; } #index-features > .b > .h > .c > .i > .i { left: 30px; position: absolute; width: 46px; } #index-features > .b > .h > .c > .i > .t { margin-left: 5px; text-align: left; } } @media screen and (max-width: 520px) { .contragallery > .h > .c { width: 33.3333%; } } @media screen and (max-width: 490px) { .page-template-template-products .product-unsidebar-products > .h { width: 100%; } } @media screen and (max-width: 440px) { #index-bottom > .s > .h > .i, #holder-of-news > .holder-of-things > .i { width: 100%; } } @media screen and (max-width: 380px) { #index-features > .h > .i > .s > .a > .t { font-size: 20px; line-height: 24px; } }