/* Theme Name: Kigo v4 Theme URI: http://www.kigo.net/ Author: Kigo Version: 1.0 */ body {position: relative; margin: 0px; padding: 0px; background-color: #fff; background-repeat: repeat-x; background-position: left top; font: normal 12px/20px Arial, Helvetica, sans-serif; color: #434343;} body#b-home {background-image: url(img/bg-home.png)} body.error404, body.category, body.single-post {background-image: url(img/bg-single.png)} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CLEARFIX /*--------------------------------------------------------------------------------------------------------------------------*/ div:after, /*html5*/header:after, nav:after, hgroup:after, section:after, footer:after, article:after, aside:after, /*liste*/dl:after, ul:after, ol:after, .cfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;} * html div, /*html5*/* html header, * html nav, * html hgroup, * html section, * html footer, * html article, * html aside, /*liste*/* html dl, * html ul, * html ol, * html .cfix {height: 1%} div, /*html5*/header, nav, hgroup, section, footer, article, aside, /*liste*/dl, ul, ol, .cfix {display: inline-block} div, /*html5*/header, nav, hgroup, section, footer, article, aside, /*liste*/dl, ul, ol, .cfix {display: block} /*-----*/ @font-face { font-family: 'TeXGyreHerosRegular'; src: url('font/TeXGyreHeros/texgyreheros-regular-webfont.eot'); src: url('font/TeXGyreHeros/texgyreheros-regular-webfont.eot?iefix') format('eot'), url('font/TeXGyreHeros/texgyreheros-regular-webfont.woff') format('woff'), url('font/TeXGyreHeros/texgyreheros-regular-webfont.ttf') format('truetype'), url('font/TeXGyreHeros/texgyreheros-regular-webfont.svg#webfontraTWu4co') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TeXGyreHerosItalic'; src: url('font/TeXGyreHeros/texgyreheros-italic-webfont.eot'); src: url('font/TeXGyreHeros/texgyreheros-italic-webfont.eot?iefix') format('eot'), url('font/TeXGyreHeros/texgyreheros-italic-webfont.woff') format('woff'), url('font/TeXGyreHeros/texgyreheros-italic-webfont.ttf') format('truetype'), url('font/TeXGyreHeros/texgyreheros-italic-webfont.svg#webfontlES3c6H0') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'TeXGyreHerosBold'; src: url('font/TeXGyreHeros/texgyreheros-bold-webfont.eot'); src: url('font/TeXGyreHeros/texgyreheros-bold-webfont.eot?iefix') format('eot'), url('font/TeXGyreHeros/texgyreheros-bold-webfont.woff') format('woff'), url('font/TeXGyreHeros/texgyreheros-bold-webfont.ttf') format('truetype'), url('font/TeXGyreHeros/texgyreheros-bold-webfont.svg#webfontIp6QmHus') format('svg'); font-weight: normal; font-style: normal; } /*--------------------------------------------------------------------------------------------------------------------------*/ /* RESET TAGS /*--------------------------------------------------------------------------------------------------------------------------*/ /*html5*/header, nav, hgroup, section, footer, article, aside, time, /*heading*/h1,h2,h3,h4,h5,h6, /*liste*/ul,ol,dl,dt,dd,li, /*text*/p,hr,pre,code, /*form*/form,fieldset,legend,input,label,textarea,select,button, blockquote, address, figure, figcaption, a, img {display: block; margin: 0px; padding: 0px; outline: none; border: none; background-color: transparent; list-style: none; font: normal 12px/20px Arial, Helvetica, sans-serif; color: #434343;} /* elemente inline */ time, label,input,textarea,select,button, code, a, strong, em, img {display: inline} /* tables */ table,tbody,thead,tfoot,tr,th,td {border-collapse: separate; border-spacing: 0px} /*-----*//*-----*/ a {font-family: inherit; font-size: inherit; color: #3091C8;} a:hover {color: #5FA701} strong {font-weight: bold} em {font-style: italic} h1, h2, h3, h4, h5, h6 {font-family: TeXGyreHerosRegular; line-height: inherit} section h2 {margin-bottom: 20px; font-size: 18px; line-height: 25px; color: #0E3C57} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* HEADER */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ div#container-header {width: 100%; margin-bottom: 30px; padding: 8px 0px 0px; background: url(img/bg-3-lines.png) repeat-x left top; z-index: 3} body.no-subsections div#container-header {background-image: url(img/bg-2-lines.png);} body.page-id-28 div#container-header, body.page-id-30 div#container-header {background-image: url(img/bg-2,5-lines.png);} header#header-main {margin: 0px auto 35px; width: 940px;} body.no-subsections header#header-main {margin-bottom: 45px} header#header-main a {text-decoration: none; font: normal 18px/25px TeXGyreHerosRegular; color: #ccc} header#header-main h1 {float: left; margin-right: 25px; width: 79px; height: 40px; overflow: hidden;} header#header-main h1 a {display: block; width: 79px; height: 40px; text-indent: -1000px; background: url(img/logo-white.png) no-repeat left top} header#header-main nav.primary {float: left; margin: 3px 0px 0px} #b-home header#header-main nav, body.error404 header#header-main nav, body.category header#header-main nav, body.single-post header#header-main nav {float: right; margin-top: 5px} header#header-main nav.primary ul li, #b-home header#header-main nav ul li, body.error404 header#header-main nav ul li, body.category header#header-main nav ul li, body.single-post header#header-main nav ul li {float: left; margin-left: 28px} header#header-main nav.primary ul li:first-child, #b-home header#header-main nav ul li:first-child, body.error404 header#header-main nav ul li:first-child, body.category header#header-main nav ul li:first-child, body.single-post header#header-main nav ul li:first-child {margin-left: 0px} header#header-main nav.primary ul li a:hover {color: #fff;} #b-home header#header-main nav ul li a:hover, #b-home header#header-main nav ul li.current-menu-item a, body.error404 header#header-main nav ul li a:hover, body.error404 header#header-main nav ul li.current-menu-item a, body.category header#header-main nav ul li a:hover, body.category header#header-main nav ul li.current-menu-item a, body.single-post header#header-main nav ul li a:hover, body.single-post header#header-main nav ul li.current-menu-item a {color: #5FA701;} header#header-main nav.primary ul li.current-menu-item a {color: #fff; font-family: TeXGyreHerosBold;} header#header-main h2 {clear: both; padding: 35px 0px 0px; font: normal 29px/40px TeXGyreHerosRegular; text-align: center; color: #2C566E} header#header-main nav.secondary {margin-top: 35px;} header#header-main nav.secondary ul {line-height: 25px; text-align: center} header#header-main nav.secondary ul li {display: inline-block; padding-left: 3px;} header#header-main nav.secondary ul li a {display: inline-block; padding: 0px 10px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #3091C8} header#header-main nav.secondary ul li.current, header#header-main nav.secondary ul li:hover {background: url(img/menu-secondary-left.png) no-repeat left top} header#header-main nav.secondary ul li.current a, header#header-main nav.secondary ul li a:hover {background: url(img/menu-secondary.png) no-repeat right top; color: #fff} body.page-id-9 header#header-main nav.secondary-sticky {position: fixed; top: -50px; left: 0px; width: 100%; padding: 30px 0px; background: url(img/bg-2-lines.png) repeat-x left bottom; z-index: 3} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* HOME / ERROR */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ #b-home header#header-main, body.error404 header#header-main, body.category header#header-main, body.single-post header#header-main {margin: 70px auto 60px;} #b-home header#header-main a, body.error404 header#header-main a, body.category header#header-main a, body.single-post header#header-main a {text-decoration: none; font: normal 18px/25px TeXGyreHerosRegular; color: inherit; background: none} #b-home header#header-main div, body.error404 header#header-main div, body.category header#header-main div, body.single-post header#header-main div {float: left; width: 260px} #b-home header#header-main h1, body.error404 header#header-main h1, body.category header#header-main h1, body.single-post header#header-main h1 {margin-right: 0px; width: 96px; height: 49px; background: url(img/logo.png) no-repeat left top; text-indent: -1000px;} #b-home header#header-main h2, body.error404 header#header-main h2, body.category header#header-main h2, body.single-post header#header-main h2 {float: right; clear: none; margin: 5px 0px 0px; width: 150px; padding: 0px; font: normal 14px/17px TeXGyreHerosRegular; text-align: left} #b-home header#header-main h2 strong, body.error404 header#header-main h2 strong, body.category header#header-main h2 strong, body.single-post header#header-main h2 strong {font-weight: normal} #b-home section#account-related, body.error404 section#account-related, body.category section#account-related, body.single-post section#account-related {position: absolute; top: -63px;} #b-home div#container-footer footer ul#languages, body.error404 div#container-footer footer ul#languages, body.category div#container-footer footer ul#languages, body.single-post div#container-footer footer ul#languages {position: absolute; top: -63px;} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* PRESENTATION */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ section#presentation {position: relative; margin: 0px auto 70px; width: 940px} section#presentation h1 {margin: 0px 0px 25px; width: 400px; font-size: 28px; color: #0E3D58; line-height: 34px} section#presentation ul {margin: 10px 0px 20px;} section#presentation ul li {padding: 0px 0px 0px 20px; background: url(img/bullet.gif) no-repeat left 7px; font-size: 14px} section#presentation p {font-size: 14px} section#presentation p.button {float: left; margin-right: 15px} section#presentation div#demo-video {position: absolute; right: -7px; top: -37px; margin: 0px; background: url(http://static.kigo.net/kigo/img/demo.gif) no-repeat; width:470px; height:328px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -webkit-box-shadow: 0px 0px 12px #dddee0; -moz-box-shadow: 0px 0px 12px #dddee0; box-shadow: 0px 0px 12px #dddee0;} section#presentation #demo-video a {display:block; width:470px; height:328px; text-indent:-9999px; background: url(http://static.kigo.net/kigo/img/play.png) no-repeat; opacity:0.5;} section#presentation #demo-video a:hover {opacity:0.8;} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* RESERVATION SYSTEM FEATURES */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ section#features {margin: 0px auto 30px; width: 940px} section#features h1 {margin: 0px 0px 20px; font-size: 18px; color: #0D3B57} section#features ul {} section#features ul li {float: left; margin-left: 25px; width: 160px; padding-left: 55px;} section#features ul li:first-child {margin-left: 0px} section#features ul li h2 {position: relative; left: -55px; width: 160px; margin: 0px 0px 7px; padding-left: 55px; overflow: hidden; font-size: 15px; line-height: normal} section#features ul li h2 a {color: #5FA701; text-decoration: none} section#features ul li h2 a:hover {color: #3091C8} section#features ul li p {line-height: 16px} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* THEY USE KIGO - CLIENTS */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ aside#clients {margin: 0px auto 50px; width: 900px; height: 47px; padding: 0px 20px; overflow: hidden; background: url(img/clients-list-bg.gif) no-repeat left top} aside#clients h1 {float: left; line-height: 43px;} aside#clients ul {float: right;} aside#clients ul li {float: left; margin: 0px 17px; height: 47px;} aside#clients ul li a {display: block; line-height: 47px; background: url(img/clients.gif) no-repeat left center; text-indent: -1000px;} aside#clients ul li#clients-century21 a {width: 62px; background-position: left center} aside#clients ul li#clients-fnaim a {width: 42px; background-position: -78px center} aside#clients ul li#clients-vingt a {width: 89px; background-position: -132px center} aside#clients ul li#clients-paris-apartment a {width: 34px; background-position: -240px center} aside#clients ul li#clients-cobblestone a {width: 79px; background-position: -293px center} aside#clients ul li#clients-property-angels a {width: 89px; background-position: -393px center} aside#clients ul li#clients-trips-europe a {width: 132px; background-position: -505px center} aside#clients ul li a:hover {opacity: 0.6} div#container-blue {padding: 30px 0px 70px; background: #3091C8; border-top: 1px solid #256386; border-bottom: 4px solid #0A1F2F} div#container-blue div {margin: 0px auto; width: 940px;} div#container-blue h1 {font-size: 18px; color: #fff; text-shadow: 0px 1px 2px #0E3F66} div#container-blue p, div#container-blue time {color: #D2EBF9} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* BLOG */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ aside#blog {float: left; margin-right: 30px; width: 450px} aside#blog h1 {margin-bottom: 20px} aside#blog article {} aside#blog article header {margin-bottom: 10px} aside#blog article header h1 {float: left; margin: 0px 20px 0px 0px; font-size: 14px; text-shadow: none} aside#blog article header h1 a {color: #fff} aside#blog article header time {font-size: 11px;} aside#blog article p {margin-bottom: 20px} aside#blog ul li {padding-left: 15px; color: #fff; background: url(img/bullet-white.png) no-repeat left 8px} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* WHO IS KIGO FOR */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ section#who-is-kigo-for {float: left; width: 220px} section#who-is-kigo-for h1 {margin-bottom: 20px} section#who-is-kigo-for p {margin-bottom: 10px} section#who-is-kigo-for ul li {padding-left: 15px; color: #fff; background: url(img/bullet-white.png) no-repeat left 8px} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* TESTIMONIAL */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ aside#testimonial {float: right; width: 215px} aside#testimonial blockquote {margin-bottom: 10px; padding-left: 35px; background: url(img/quote.gif) no-repeat left top} aside#testimonial blockquote p {font-size: 16px; font-weight: bold; color: #fff; line-height: 23px; font-style: italic} aside#testimonial p.author {text-align: right} aside#testimonial p.author a {color: #fff; font-weight: bold} aside#testimonial p.author a:hover {color: #D2EBF9;} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* TOUR PAGE */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ body.page-id-9 aside#presentation section, body.page-id-12 aside#presentation section {padding-top: 137px; background: url(img/tour-presentation.jpg) no-repeat} body.page-id-9 aside#presentation section#presentation-website, body.page-id-12 aside#presentation section#presentation-website {background-position: left top} body.page-id-9 aside#presentation section#presentation-cms, body.page-id-12 aside#presentation section#presentation-cms {background-position: -210px top} body.page-id-9 aside#presentation section#presentation-reservation, body.page-id-12 aside#presentation section#presentation-reservation {background-position: -600px top} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* PRICES PAGE */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ ul#website-prices li {float: left; margin-right: 20px; width: 160px;} ul#website-prices li h2 {margin: 0px; height: 40px; padding: 15px 10px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; text-align: center; color: #fff; font-size: 17px; text-shadow: 1px 1px 3px #555} ul#website-prices li p.price {padding-bottom: 15px; font-size: 21px; font-weight: bold; text-shadow: 1px 1px 3px #333; text-align: center; color: #fff} ul#website-prices li p.description {height: 40px; padding: 10px 15px; overflow: hidden; background: #0E3C57; color: #fff; text-align: center} ul#website-prices li div.details {background: #F0F7FB; padding: 15px;} ul#currency {margin: 20px auto 0px; width: 230px;} ul#currency li {float: left; margin: 0px 5px; padding: 2px 10px; font-size: 12px; cursor: pointer;} ul#currency li:hover, ul#currency li.selected {background: #3091C8; color: #fff; border-radius: 3px; -moz-border-radius: 3px} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* SHOWCASE PAGE */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ ul#websites-showcase-designs li {float: left; margin: 12px;} ul#websites-showcase-designs li h3 {margin: 10px 0px 5px; font-size: 16px; font-weight: bold; color: #0E3C57} div#container-footer {margin: 40px 0px 0px; padding: 35px 0px; background: url(img/footer-bg.jpg) repeat;} #b-home div#container-footer {margin-top: 0px} div#container-footer div {margin: 0px auto; width: 940px} div#container-footer h1 {color: #fff} div#container-footer p {color: #C1D1DA} div#container-footer a {color: #C1D1DA} div#container-footer a:hover {color: #fff} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* ABOUT US */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ section#about-us {float: left; margin-right: 30px; width: 225px} section#about-us h1 {margin-bottom: 15px; font-size: 18px; line-height: 20px;} section#about-us p {margin-top: 10px} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* SIGNUP / LOGIN */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ section#account-related {position: absolute; left: 50%; top: 18px; margin-left: 245px; color: #fff; z-index: 3} section#account-related ul li {float: left; text-transform: uppercase} section#account-related ul li:first-child {margin-right: 15px} section#account-related ul li a {display: block; width: 50px; height: 17px; line-height: 17px; font-size: 11px; text-decoration: none; background: url(img/login-bg.gif) no-repeat left top; color: #000; text-align: center} section#account-related ul li a:hover {color: #333} section#account-related ul li:first-child a {color: #fff; background: none} section#account-related ul li:first-child a:hover {color: #fff;} section#account-related ul li a:hover {color: inherit; text-decoration: underline} div#content h1 {margin-bottom: 30px; font-size: 25px} div#content h2 {margin: 30px 0px 25px; font-size: 21px} div#content h3 {margin: 30px 0px 20px; font-size: 18px} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* FOOTER */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ div#container-footer footer address#phones {position: absolute; right: 50%; top: -65px; margin-right: -220px; color: #fff} div#container-footer footer address#phones b {margin: 0px 5px;} div#container-footer footer address#phones span {color: #999} div#container-footer footer ul#languages {position: absolute; left: 50%; top: 18px; margin-left: 368px; width: 110px; height: 17px; overflow: hidden; color: #fff; line-height: 17px; background: url(img/languages-menu-bg.png) no-repeat left bottom; z-index: 3} div#container-footer footer ul#languages:hover {height: auto} div#container-footer footer ul#languages li {margin-bottom: 5px; padding: 0px 25px 0px 10px; line-height: 17px; } div#container-footer footer ul#languages li:first-child {background: url(img/languages-menu-bg.png) no-repeat left top} div#container-footer footer ul#languages li a {font-size: 11px; color: #fff; text-decoration: none; line-height: 17px;} div#container-footer footer ul#languages li a:hover {text-decoration: underline} div#container-footer footer ul#languages li img {margin-right: 5px; width: 18px; height: 12px; position: relative; top: 1px; vertical-align:text-top;} div#container-footer footer aside#around-the-web {float: left;} div#container-footer footer aside#around-the-web h1 {margin-bottom: 15px; font-size: 18px; line-height: 20px;} div#container-footer footer aside#around-the-web ul li {float: left; clear: none; width: 38px; margin-right: 22px;} div#container-footer footer aside#around-the-web ul li a {display: block; width: 38px; height: 38px; overflow: hidden; text-indent: -1000px; background: url(img/social-icons.gif) no-repeat left top} div#container-footer footer aside#around-the-web ul li#social-twitter a {} div#container-footer footer aside#around-the-web ul li#social-facebook a {background-position: -59px top} div#container-footer footer aside#around-the-web ul li#social-vimeo a {background-position: -120px top} div#container-footer footer aside#around-the-web ul li a:hover {opacity: 0.7} div#container-footer footer aside#support {float: right; clear: right; width: 225px} div#container-footer footer aside#support h1 {margin-bottom: 15px; font-size: 18px; line-height: 20px;} div#container-footer footer p#copyright {float: left; margin-top: 30px; width: 850px; height: 79px; padding-left: 90px; border-top: 1px solid #365E75; background: url(img/logo-mono.gif) no-repeat left center; line-height: 79px} div#container-footer footer ul#legal {position: relative; float: left; top: -50px; margin-left: 280px;} div#container-footer footer ul#legal li {float: left; margin-right: 10px} .loading {width: 100%; min-height: 50px; background: url(img/ajax-loader.gif) no-repeat center center} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* BLOG */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ ul#blog-categories {margin: 20px 0px} ul#blog-categories li {margin: 15px 0px} ul#blog-categories li h3 {margin-bottom: 10px; font-size: 20px;} body.category div#content h2 {margin: 0px 0px 30px; font-size: 25px;} ul#posts-list {margin: 20px 0px} ul#posts-list li {margin: 15px 0px} ul#posts-list li h3 {margin-bottom: 10px; font-size: 20px;} body.single-post div#content h1 {margin: 0px 0px 30px; font-size: 25px;} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* FEATURES ICONS */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ .icon-calendar, .icon-management, .icon-email, .icon-tracking, .icon-synchronization, .icon-integration, .icon-cms, .icon-payment, .icon-protection, .icon-cloud {height: 45px; background-image: url(img/features-icons.gif); background-repeat: no-repeat} .icon-calendar {background-position: left top} .icon-calendar:hover {background-position: left -450px} .icon-management {background-position: left -45px} .icon-management:hover {background-position: left -495px} .icon-email {height: 27px; background-position: left -90px} .icon-email:hover {background-position: left -540px} .icon-tracking {background-position: left -135px} .icon-tracking:hover {background-position: left -585px} .icon-synchronization {background-position: left -180px} .icon-synchronization:hover {background-position: left -630px} .icon-integration {height: 32px; margin-bottom: 2px!important; background-position: left -225px} .icon-integration:hover {background-position: left -675px} .icon-cms {background-position: left -270px} .icon-cms:hover {background-position: left -720px} .icon-payment {background-position: left -315px} .icon-payment:hover {background-position: left -765px} .icon-protection {background-position: left -360px} .icon-protection:hover {background-position: left -810px} .icon-cloud {background-position: left -405px} .icon-cloud:hover {background-position: left -855px} span.new { background: url(img/icon-new.gif) no-repeat 55px 0; padding-right: 45px } /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* GENERAL STYLE FOR FORMS */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ form {margin: 20px 0px} form p {margin: 5px 0px; padding: 0px} form p input {width: 297px; height: 25px; padding: 6px 10px; line-height: 25px; background: url(img/input-bg.png) no-repeat left 2px} form p input:focus {background-position: left -35px} form p .check input {width: auto; height: auto; padding: 0px; line-height: auto; background: none} form p textarea {width: 297px; height: 125px; padding: 6px 10px; line-height: 25px; border: 1px solid #d1dde4} form p textarea:focus {border: 1px solid #c2cdd4} form p .watermark {color: #0D3B57} span.wpcf7-form-control-wrap {position: relative;} div.wpcf7-response-output {margin: 20px 0px; width: 300px; padding: 25px; text-align: center; border-radius: 3px; -moz-border-radius: 3px} div.wpcf7-mail-sent-ok {background: #8FC600; color: #fff;} div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng {background: #D50000; color: #fff;} span.wpcf7-not-valid-tip {position: absolute; top: -4px; left: 4px; width: 288px; padding: 2px 10px; background: #fff; color: #D50000; z-index: 100; } .wpcf7-display-none {display: none;} div.wpcf7 img.ajax-loader {display: inline-block; margin-left: 4px; border: none; vertical-align: middle; } /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* WEBDESIGN FORM */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ body.page-id-577 p {margin: 10px 0px} body.page-id-577 ol#form-steps {margin: 30px 0px; padding: 20px; background: #F4FDFF; border: 1px solid #D2F8FF; counter-reset: steps; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px} body.page-id-577 ol#form-steps li {float: left; margin-left: 20px;} body.page-id-577 ol#form-steps li:first-child {margin-left: 0px} body.page-id-577 ol#form-steps li a {text-decoration: none; color: #333} body.page-id-577 ol#form-steps li a:before {display: inline-block; margin-right: 10px; width: 28px; height: 28px; line-height: 28px; font-size: 14px; color: #fff; background: #8BC401; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; content: counter(steps); counter-increment: steps; text-align: center} body.page-id-577 ol#form-steps li a:hover:before{background:#01A3D4} body.page-id-577 form {position: relative!important;} body.page-id-577 fieldset {margin: 30px 0px; padding-bottom: 30px; border-bottom: 1px solid #DFF1F7;} body.page-id-577 fieldset#step-3 {padding-bottom: 0px; border-bottom: none;} body.page-id-577 fieldset a {color: #8BC401; font-weight: bold} body.page-id-577 fieldset a:hover {color: #01A3D4} body.page-id-577 fieldset legend {padding: 30px 0px; font-family: TeXGyreHerosRegular; color: #0D3D77; font-size: 21px} body.page-id-577 fieldset legend:before {display: inline-block; margin-right: 15px; width: 48px; height: 48px; line-height: 48px; font-size: 23px; color: #fff; background: #01A3D4; border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; text-align: center} body.page-id-577 fieldset#step-1 legend:before {content: '1'} body.page-id-577 fieldset#step-2 legend:before {content: '2'} body.page-id-577 fieldset#step-3 legend:before {content: '3'} body.page-id-577 fieldset p {margin: 10px 0px 23px; overflow: hidden} body.page-id-577 fieldset p label br {display: none} body.page-id-577 fieldset p label b {display: block; margin-bottom: 5px; color: #01A3D4} body.page-id-577 fieldset p.check b {margin-bottom: 20px} body.page-id-577 fieldset p label input, body.page-id-577 fieldset p label textarea {float: left; margin: 3px; width: 270px; padding: 0px 10px; background: #F4FDFF; border: 1px solid #A8CBFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0px 0px 5px 0px #C6DDFF; resize: none} body.page-id-577 fieldset p label input:focus, body.page-id-577 fieldset p label textarea:focus {box-shadow: 0px 0px 5px 1px #A8CBFF} body.page-id-577 fieldset p.check input {float: none; margin: 0px; width: auto; height: auto; padding: 0px; line-height: auto; background: none; border: none} body.page-id-577 fieldset p label textarea {overflow: auto} body.page-id-577 fieldset p.check span.wpcf7-checkbox {float: left; width: 290px} body.page-id-577 fieldset p.check span label {float: left; width: 140px; height: 30px;} body.page-id-577 fieldset p label small {float: right; width: 325px; line-height: 17px; font-size: 11px; color: #8CA2BE} body.page-id-577 fieldset p.file {position: relative} body.page-id-577 fieldset p.file label input {width: 100px; opacity: 0; filter: alpha(opacity=0); cursor: pointer} body.page-id-577 fieldset p.file label span.button {position: absolute; left: 0px; top: 25px} body.page-id-577 fieldset p.file label span.button a {font-size: 12px; color: #fff} body.page-id-577 fieldset p.file label small {width: 460px;} body.page-id-577 div.submit {text-align: right} body.page-id-577 p.step {margin: 30px 0px 0px auto; text-align: right; line-height: 28px;} body.page-id-577 p.step a {color: #8BC401; font-weight: bold; text-decoration: none} body.page-id-577 p.step a:hover span {background: #01A3D4} body.page-id-577 p.step a span {display: inline-block; margin-left: 5px; width: 28px; height: 28px; line-height: 28px; background: #8BC401; color: #fff; font-size: 15px; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; text-align: center;} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* CONTACT DETAILS ZONE */ div#contact-details dl {margin-bottom: 30px;} div#contact-details dt, div#contact-details dd {line-height: 27px;} div#contact-details dt {float: left; clear: left; font-weight: bold} div#contact-details dd {float: right; clear: right;} div#contact-details ul {} div#contact-details ul li {margin: 10px 0px 30px} div#contact-details ul li h1 {margin: 0px 0px 15px; color: #0C3D77; font-size: 17px;} div#contact-details ul li address p {margin: 3px 0px} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* GENERAL USE ITEMS */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* BUTTON */ .button {display: inline-block; height: 32px!important; padding: 0px 0px 0px 3px!important; background-repeat: no-repeat; background-position: left top} .button a, .button input {display: inline-block; width: auto; height: 32px!important; padding: 0px 22px 0px 19px!important; color: #fff; text-decoration: none; background-repeat: no-repeat; background-position: right top; font: bold 13px/30px Arial; cursor: pointer; vertical-align: middle} .button:hover {background-position: left bottom} .button:hover a, .button:hover input {background-position: right bottom} /* BUTTON BLUE */ .button.blue {background-image: url(img/button-blue-left.png)} .button.blue a, .button.blue input {background-image: url(img/button-blue.png)} .button.blue a, .button.blue input {text-shadow: 1px 1px 3px #2B739E} /* BUTTON GREEN */ .button.green {background-image: url(img/button-green-left.png)} .button.green a, .button.green input {background-image: url(img/button-green.png)} .button.green a, .button.green input {text-shadow: 1px 1px 3px #3A6500} span.zoom {position: absolute; right: -10px; top: -10px; width: 21px; height: 21px; overflow: hidden; background: url(img/zoom-icon.png) no-repeat; text-indent: -100px; cursor: pointer} ul#languages span.zoom {display: none} .frame-bg span.zoom {right: 2px; top: -25px;} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* GENERAL CLASSES */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* MOST USED WIDTHS: STARTING AT 80PX GOING UP TO 940PX - THE TOTAL SIZE OF THE SITE */ .w-80 {width: 80px} .w-100 {width: 100px} .w-120 {width: 120px} .w-130 {width: 130px} .w-140 {width: 140px} .w-150 {width: 150px} .w-160 {width: 160px} .w-180 {width: 180px} .w-200 {width: 200px} .w-210 {width: 210px} .w-220 {width: 220px} .w-230 {width: 230px} .w-240 {width: 240px} .w-260 {width: 260px} .w-280 {width: 280px} .w-290 {width: 290px} .w-300 {width: 300px} .w-320 {width: 320px} .w-340 {width: 340px} .w-350 {width: 350px} .w-360 {width: 360px} .w-380 {width: 380px} .w-400 {width: 400px} .w-410 {width: 410px} .w-420 {width: 420px} .w-430 {width: 430px} .w-440 {width: 440px} .w-460 {width: 460px} .w-480 {width: 480px} .w-500 {width: 500px} .w-520 {width: 520px} .w-540 {width: 540px} .w-560 {width: 560px} .w-580 {width: 580px} .w-600 {width: 600px} .w-620 {width: 620px} .w-640 {width: 640px} .w-660 {width: 660px} .w-680 {width: 680px} .w-700 {width: 700px} .w-720 {width: 720px} .w-730 {width: 730px} .w-740 {width: 740px} .w-750 {width: 750px} .w-760 {width: 760px} .w-780 {width: 780px} .w-800 {width: 800px} .w-820 {width: 820px} .w-840 {width: 840px} .w-860 {width: 860px} .w-880 {width: 880px} .w-900 {width: 900px} .w-920 {width: 920px} .w-940 {width: 940px} .w-full {width: 100%} /* SOME HEIGHTS */ .h-40 {height: 40px!important} .h-45 {height: 45px!important} .h-50 {height: 50px!important} .h-330 {height: 330px!important} .h-340 {height: 340px!important} .h-350 {height: 350px!important} .h-360 {height: 360px!important} .h-370 {height: 370px!important} .h-380 {height: 380px!important} .h-400 {height: 400px!important} .h-450 {height: 450px!important} .h-550 {height: 550px!important} /* MARGINS APPLIED EQUALLY TO ALL THE 4 ZONES (TOP - WILL APPLY ONLY IF THE ELEMENT IS BLOCK, RIGHT, BOTTOM - WILL APPLY ONLY IF THE ELEMENT IS BLOCK, LEFT) */ .m-0 {margin: 0px!important} .m-10 {margin: 10px!important} .m-15 {margin: 15px!important} .m-20 {margin: 20px!important} .m-25 {margin: 25px!important} .m-30 {margin: 30px!important} .m-40 {margin: 40px!important} .m-50 {margin: 50px!important} .m-60 {margin: 60px!important} .m-70 {margin: 70px!important} .m-80 {margin: 80px!important} .m-90 {margin: 90px!important} .m-100 {margin: 100px!important} /* MARGIN APPLIED TO THE TOP - WILL APPLY ONLY TO BLOCK ELEMENTS (there are few exceptions) */ .mt-0 {margin-top: 0px!important} .mt-10 {margin-top: 10px!important} .mt-15 {margin-top: 15px!important} .mt-20 {margin-top: 20px!important} .mt-25 {margin-top: 25px!important} .mt-30 {margin-top: 30px!important} .mt-40 {margin-top: 40px!important} .mt-50 {margin-top: 50px!important} .mt-60 {margin-top: 60px!important} .mt-70 {margin-top: 70px!important} .mt-80 {margin-top: 80px!important} .mt-90 {margin-top: 90px!important} .mt-100 {margin-top: 100px!important} .mt-110 {margin-top: 110px!important} .mt-120 {margin-top: 120px!important} .mt-130 {margin-top: 130px!important} .mt-140 {margin-top: 140px!important} .mt-150 {margin-top: 150px!important} /* MARGIN APPLIED TO THE RIGHT */ .mr-0 {margin-right: 0px!important} .mr-10 {margin-right: 10px!important} .mr-15 {margin-right: 15px!important} .mr-20 {margin-right: 20px!important} .mr-25 {margin-right: 25px!important} .mr-30 {margin-right: 30px!important} .mr-40 {margin-right: 40px!important} .mr-50 {margin-right: 50px!important} .mr-60 {margin-right: 60px!important} .mr-70 {margin-right: 70px!important} .mr-80 {margin-right: 80px!important} .mr-90 {margin-right: 90px!important} .mr-100 {margin-right: 100px!important} .mr-110 {margin-right: 110px!important} .mr-120 {margin-right: 120px!important} .mr-130 {margin-right: 130px!important} .mr-140 {margin-right: 140px!important} .mr-150 {margin-right: 150px!important} /* MARGIN APPLIED TO THE BOTTOM - WILL APPLY ONLY TO BLOCK ELEMENTS (there are few exceptions) */ .mb-0 {margin-bottom: 0px!important} .mb-10 {margin-bottom: 10px!important} .mb-15 {margin-bottom: 15px!important} .mb-20 {margin-bottom: 20px!important} .mb-25 {margin-bottom: 25px!important} .mb-30 {margin-bottom: 30px!important} .mb-40 {margin-bottom: 40px!important} .mb-50 {margin-bottom: 50px!important} .mb-60 {margin-bottom: 60px!important} .mb-70 {margin-bottom: 70px!important} .mb-80 {margin-bottom: 80px!important} .mb-90 {margin-bottom: 90px!important} .mb-100 {margin-bottom: 100px!important} .mb-110 {margin-bottom: 110px!important} .mb-120 {margin-bottom: 120px!important} .mb-130 {margin-bottom: 130px!important} .mb-140 {margin-bottom: 140px!important} .mb-150 {margin-bottom: 150px!important} /* MARGIN APPLIED TO THE LEFT */ .ml-0 {margin-left: 0px!important} .ml-10 {margin-left: 10px!important} .ml-15 {margin-left: 15px!important} .ml-20 {margin-left: 20px!important} .ml-25 {margin-left: 25px!important} .ml-30 {margin-left: 30px!important} .ml-40 {margin-left: 40px!important} .ml-50 {margin-left: 50px!important} .ml-60 {margin-left: 60px!important} .ml-70 {margin-left: 70px!important} .ml-80 {margin-left: 80px!important} .ml-90 {margin-left: 90px!important} .ml-100 {margin-left: 100px!important} .ml-110 {margin-left: 110px!important} .ml-120 {margin-left: 120px!important} .ml-130 {margin-left: 130px!important} .ml-140 {margin-left: 140px!important} .ml-150 {margin-left: 150px!important} /* PADDING APPLIED EQUALLY TO ALL THE 4 ZONES (TOP - WILL APPLY ONLY IF THE ELEMENT IS BLOCK, RIGHT, BOTTOM - WILL APPLY ONLY IF THE ELEMENT IS BLOCK, LEFT) */ .p-0 {padding: 0px!important} .p-10 {padding: 10px!important} .p-20 {padding: 20px!important} .p-30 {padding: 30px!important} .p-40 {padding: 40px!important} .p-50 {padding: 50px!important} .p-55 {padding: 55px!important} .p-60 {padding: 60px!important} .p-70 {padding: 70px!important} .p-75 {padding: 75px!important} /* PADDING APPLIED TO THE TOP - WILL APPLY ONLY TO BLOCK ELEMENTS (there are few exceptions) */ .pt-0 {padding-top: 0px!important} .pt-10 {padding-top: 10px!important} .pt-20 {padding-top: 20px!important} .pt-30 {padding-top: 30px!important} .pt-40 {padding-top: 40px!important} .pt-50 {padding-top: 50px!important} .pt-55 {padding-top: 55px!important} .pt-60 {padding-top: 60px!important} .pt-70 {padding-top: 70px!important} .pt-75 {padding-top: 75px!important} /* PADDING APPLIED TO THE RIGHT */ .pr-0 {padding-right: 0px!important} .pr-10 {padding-right: 10px!important} .pr-20 {padding-right: 20px!important} .pr-30 {padding-right: 30px!important} .pr-40 {padding-right: 40px!important} .pr-50 {padding-right: 50px!important} .pr-55 {padding-right: 55px!important} .pr-60 {padding-right: 60px!important} .pr-70 {padding-right: 70px!important} .pr-75 {padding-right: 75px!important} /* PADDING APPLIED TO THE BOTTOM - WILL APPLY ONLY TO BLOCK ELEMENTS (there are few exceptions) */ .pb-0 {padding-bottom: 0px!important} .pb-10 {padding-bottom: 10px!important} .pb-20 {padding-bottom: 20px!important} .pb-30 {padding-bottom: 30px!important} .pb-40 {padding-bottom: 40px!important} .pb-50 {padding-bottom: 50px!important} .pb-55 {padding-bottom: 55px!important} .pb-60 {padding-bottom: 60px!important} .pb-70 {padding-bottom: 70px!important} .pb-75 {padding-bottom: 75px!important} /* PADDING APPLIED TO THE LEFT */ .pl-0 {padding-left: 0px!important} .pl-10 {padding-left: 10px!important} .pl-20 {padding-left: 20px!important} .pl-30 {padding-left: 30px!important} .pl-40 {padding-left: 40px!important} .pl-50 {padding-left: 50px!important} .pl-55 {padding-left: 55px!important} .pl-60 {padding-left: 60px!important} .pl-70 {padding-left: 70px!important} .pl-75 {padding-left: 75px!important} /* LINE HEIGHT */ .ln-10 {line-height: 10px!important} .ln-12 {line-height: 12px!important} .ln-15 {line-height: 15px!important} .ln-20 {line-height: 20px!important} .ln-25 {line-height: 25px!important} .ln-30 {line-height: 30px!important} .ln-35 {line-height: 35px!important} .ln-40 {line-height: 40px!important} .centered {margin-left: auto; margin-right: auto!important} /* CENTERS THE BLOCK ELEMENT ON THE CANVAS */ .t-center {text-align: center!important} /* CENTERS THE INLINE CONTENT OF A BLOCK ELEMENT */ .t-right {text-align: right!important} /* ALIGNS RIGHT THE INLINE CONTENT OF A BLOCK ELEMENT */ .t-left {text-align: left!important} /* ALIGNS LEFT THE INLINE CONTENT OF A BLOCK ELEMENT */ .hidden {display: none!important} /* HIDES THE ELEMENT */ .block {display: block!important} /* FORCES THE ELEMENT TO BECOME BLOCK */ .inline {display: inline!important} /* FORCES THE ELEMENT TO BECOME INLINE */ .inline-block {display: inline-block!important} /* FORCES THE ELEMENT TO BECOME INLINE-BLOCK */ .overflow-h {overflow: hidden!important} .f-left {float: left!important} .f-right {float: right!important} .c-both {clear: both!important} .c-left {clear: left!important} .c-right {clear: right!important} .font-tgh {font-family: TeXGyreHerosRegular!important} .font-11 {font-size: 11px!important} .font-12 {font-size: 12px!important} .font-14 {font-size: 14px!important} .font-15 {font-size: 15px!important} .font-16 {font-size: 16px!important} .font-18 {font-size: 18px!important} .font-20 {font-size: 20px!important} .font-22 {font-size: 22px!important} .font-24 {font-size: 24px!important} .font-26 {font-size: 26px!important} .font-28 {font-size: 28px!important} .font-30 {font-size: 30px!important} .font-black {color: #434343!important} .font-green {color: #5FA701!important} .font-blue {color: #3091C8!important} .font-dark-blue {color: #0E3C57!important} .font-grey {color: #909090!important} .bold {font-weight: bold!important} .italic {font-style: italic!important} .bottom-separator {margin-bottom: 40px!important; padding-bottom: 40px!important; border-bottom: 1px solid #C1D1DB!important} .error {margin: 20px 0px!important; padding: 25px!important; background: #D50000!important; color: #fff!important; font-size: 17px!important; text-align: center!important} .light-blue-box {padding: 22px 22px 22px 70px!important; background: #F7F7F7!important; border-bottom: 1px solid #ADADAD!important; background-repeat: no-repeat!important; background-position: 22px 22px!important} .light-blue-box h3 {margin: 0px 0px 20px!important;} .light-blue-box.a {background-image: url(img/letter-a.png)!important} .light-blue-box.b {background-image: url(img/letter-b.png)!important} .light-blue-box.c {background-image: url(img/letter-c.png)!important} .light-blue-box.d {background-image: url(img/letter-d.png)!important} .light-blue-box h1, .light-blue-box h2, .light-blue-box h3 {margin-bottom: 10px!important; line-height: 28px!important; color: #5FA701!important; font-size: 16px!important} .light-blue-box p {color: #0E3C57!important} .number-blue {line-height: 39px!important; padding-left: 50px!important; background: url(img/numbers-square-blue.png) no-repeat!important} .number-blue.n-1 {background-position: left top!important} .number-blue.n-2 {background-position: left -39px!important} .number-blue.n-3 {background-position: left -78px!important} .number-blue.n-4 {background-position: left -117px!important} .number-blue.n-5 {background-position: left -156px!important} .number-blue.n-6 {background-position: left -195px!important} .number-blue.n-7 {background-position: left -234px!important} .number-blue.n-8 {background-position: left -273px!important} .number-blue.n-9 {background-position: left -312px!important} .number-green {line-height: 31px!important; padding-left: 40px!important; background: url(img/numbers-round-green.png) no-repeat!important} .number-green.n-1 {background-position: left top!important} .number-green.n-2 {background-position: left -31px!important} .number-green.n-3 {background-position: left -62px!important} .number-green.n-4 {background-position: left -93px!important} .number-green.n-5 {background-position: left -124px!important} .number-green.n-6 {background-position: left -155px!important} .number-green.n-7 {background-position: left -186px!important} .number-green.n-8 {background-position: left -217px!important} .number-green.n-9 {background-position: left -248px!important} .number-green.n-infinity {background-position: left -279px!important} figure.image-with-description {position: relative!important; width: 159px!important; height: 118px!important; text-align: center!important} figure.image-with-description figcaption {position: absolute!important; bottom: -1px!important; left: 0px!important; width: 159px!important; height: 23px!important; line-height: 23px!important; font-size: 12px!important; color: #fff!important; font-weight: bold!important; background: url(img/image-description-bg.png) no-repeat left top!important; z-index: 2!important} figure.image-with-description figcaption a {color: #fff!important; font-weight: bold!important; text-decoration: none!important} ul.list {margin: 20px 0px!important;} ul.list li {padding: 0px 0px 0px 20px!important; background: url(img/bullet.gif) no-repeat left 7px!important; font-size: 14px!important} .bg-blue {background: #3191C7!important} .bg-green {background: #8DC500!important} .bg-dark-green {background: #68B304!important} table {margin: 20px 0px; width: 100%} table tr {border-radius: 10px} table tr th {padding: 10px 20px; background: #3191C7; color: #fff; text-align: left} table tr th.corner-top {border-top-left-radius: 5px; -moz-border-radius-topleft: 5px} table tr th.corner-bottom {border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px} table tr td {padding: 10px 20px; background: #F0F7FB; text-align: center} dl.options {width: 940px; overflow: hidden} dl.options dt {float: left!important; clear: left!important; width: 360px!important; padding: 10px 20px!important; background: #3191C7 url(img/option-view-arrows.gif) no-repeat 380px 17px!important; border-bottom: 1px solid #20678F!important; color: #fff!important; font-size: 14px!important; cursor: pointer!important} dl.options dt.corner-top {-moz-border-radius-topleft: 5px!important; border-top-left-radius: 5px!important;} dl.options dt.corner-bottom {-moz-border-radius-bottomleft: 5px!important; border-bottom-left-radius: 5px!important;} dl.options dt.deschis {background-position: 380px -25px!important} dl.options dd {float: left!important; clear: right!important; width: 500px!important; padding: 10px 20px!important; background: #F0F7FB!important; border-bottom: 1px solid #7F9AA9!important; font-size: 14px!important; color: #0D3B57!important} dl.options dd.description {display: none; float: none!important; clear: both!important; width: 100%!important; background: #0D3B55!important; border: none!important; color: #fff!important; text-shadow: 1px 1px 3px #000!important} .no-border {border: none!important} .frame-bg {width: 432px!important; height: 275px; padding: 29px 0px 0px 13px!important; background: url(img/frame.png) no-repeat left top!important} /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ /* IE6 / 7 BUGS REPAIRING */ /*----------------------------------------------------------------------------------------------------------------------------------------------------*/ * html {overflow-x: hidden;} * html header#header-main nav {width: 430px} * html header#header-main nav ul li a {color: #434343;} *:first-child+html #b-home header#header-main nav ul li a {color: #434343;} *:first-child+html header#header-main h2 {padding-top: 20px} *:first-child+html header#header-main nav.secondary ul li {display: inline;} * html #b-home section#features ul li {width: 215px; padding-left: 0px} * html #b-home section#features ul li h2 {position: static;} * html #b-home section#features ul li h2 a {font-size: 15px} *:first-child+html #b-home section#features ul li h2 a {font-size: 15px} * html #b-home section#features ul li p {margin-left: 55px} *:first-child+html dl.options dd {float: right!important;} *:first-child+html dl.options dd.description {float: none!important;} /*unreliable for content changes in #about-us*/ * html div#container-footer footer aside#around-the-web {position: relative; top: -145px; left: 270px; width: 300px} * html div#container-footer footer aside#support {position: relative; top: -145px;} * html div#container-footer footer p#copyright {position: relative; top: -145px; margin-bottom: -150px} * html div#container-footer footer ul#legal {position: relative; top: -85px; margin-left: 150px;} *:first-child+html #b-home section#account-related, *:first-child+html body.error404 section#account-related, *:first-child+html body.category section#account-related, *:first-child+html body.single-post section#account-related *:first-child+html div#container-footer footer address#phones, *:first-child+html #b-home div#container-footer footer ul#languages, *:first-child+html body.error404 div#container-footer footer ul#languages, *:first-child+html body.category div#container-footer footer ul#languages, *:first-child+html body.single-post div#container-footer footer ul#languages {top: 5px!important;} * html section#account-related, * html div#container-footer footer address#phones, * html div#container-footer footer ul#languages {top: 5px!important} * html div#container-footer footer ul#languages {behavior: url(js/ie6/hover.htc)} *:first-child+html div#container-footer footer p#copyright {position: relative; margin-left: -255px;} *:first-child+html div#container-footer footer ul#legal {margin-left: 30px;} *:first-child+html div#container-footer footer p#copyright {margin-top: 60px} * html header#header-main h1, * html .button, * html .button a, * html section#presentation p#administration-panel-image img, * html span.zoom {behavior: url(js/ie6/iepngfix.htc);} * html .f-left, * html .f-right {display: inline} /* Lightbox plus - Theme Elegant */ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:black;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(img/lightbox/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(img/lightbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(img/lightbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(img/lightbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(img/lightbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(img/lightbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(img/lightbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(img/lightbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px; overflow: hidden!important} #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(img/lightbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(img/lightbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(img/lightbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(img/lightbox/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(img/lightbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;}