.container {position: relative; width: 94%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } .container-fluid {position:relative; width:100%; margin: 0; padding: 0; box-sizing: border-box; } .column,.columns,.col {width:100%; float:left; box-sizing:border-box; } .pad{padding:40px 0} .padd{padding:80px 0} .pad4{padding:40px} .pad5{padding:50px} .pad6{padding:60px} .pad3{padding:30px} .br{color:#fff} .az{color:#009bd5} .aze{color:#123c66} .bgbr{background-color:#fff} .bgcz{background-color:#F1F3F5} .bgaz{background-color:#12466d} .bgczaz{background-color:#d8daf4} .bgczaz a{color:#fff} .bgczaz a:hover{color:#3f4f7e} .bgblu{background-color: rgba(0, 20, 200, 0.7)} .bgblo{background-color: rgba(40, 60, 240, 0.7)} .bgvpe{background-color: rgba(8, 150, 180, 0.7)} .bgble{background-color: rgba(10, 40, 180, 0.7)} .bgrox{background-color: rgba(90, 0, 170, 0.7)} .zoom{transition: transform .3s;} .zoom:hover{transform: scale(1.08);} .som{-webkit-box-shadow: 0px 0px 54px -8px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 54px -8px rgba(0,0,0,0.2);box-shadow: 0px 0px 54px -8px rgba(0,0,0,0.2)} .pe {background-color:#0e2333; background:url(../img/ciom-quads.png) repeat; font-size:90%; letter-spacing:0.1em; padding:80px 0 30px 0; min-height:450px; margin-top:100px} /* For devices larger than 400px */ @media (min-width: 300px) { .container {width:85%; padding:0} .umq.col {width:100%; padding:24px 18px 0 18px} #terapias{margin-top:250px} } /* For devices larger than 550px */ @media (min-width: 750px) { .container { width: 80%; } .column, .columns { margin-left: 4%; } .column:first-child, .columns:first-child { margin-left: 0; } .one.column, .one.columns { width: 4.66666666667%; } .two.columns { width: 13.3333333333%; } .three.columns { width: 22%;} .four.columns { width: 30.6666666667%; } .five.columns { width: 39.3333333333%; } .six.columns { width: 48%;} .seven.columns { width: 56.6666666667%; } .eight.columns { width: 65.3333333333%; } .nine.columns { width: 74.0%;} .ten.columns { width: 82.6666666667%; } .eleven.columns { width: 91.3333333333%; } .twelve.columns { width: 100%; margin-left: 0; } .one-third.column { width: 30.6666666667%; } .two-thirds.column { width: 65.3333333333%; } .one-half.column { width:48%} .offset-by-one.column, .offset-by-one.columns { margin-left: 8.66666666667%; } .offset-by-two.column, .offset-by-two.columns { margin-left: 17.3333333333%; } .offset-by-three.column, .offset-by-three.columns { margin-left: 26%; } .offset-by-four.column, .offset-by-four.columns { margin-left: 34.6666666667%; } .offset-by-five.column, .offset-by-five.columns { margin-left: 43.3333333333%; } .offset-by-six.column, .offset-by-six.columns { margin-left: 52%; } .offset-by-seven.column, .offset-by-seven.columns { margin-left: 60.6666666667%; } .offset-by-eight.column, .offset-by-eight.columns { margin-left: 69.3333333333%; } .offset-by-nine.column, .offset-by-nine.columns { margin-left: 78.0%; } .offset-by-ten.column, .offset-by-ten.columns { margin-left: 86.6666666667%; } .offset-by-eleven.column, .offset-by-eleven.columns { margin-left: 95.3333333333%; } .offset-by-one-third.column, .offset-by-one-third.columns { margin-left: 34.6666666667%; } .offset-by-two-thirds.column, .offset-by-two-thirds.columns { margin-left: 69.3333333333%; } .offset-by-one-half.column, .offset-by-one-half.columns { margin-left: 52%; } } /* Base Styles–––––– */ /* NOTE html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */ html {font-size:62.5%; } body {font-size:1.6em; /* currently ems cause chrome bug misinterpreting rems on body element */ line-height:1.7; font-weight:400; font-family: 'Open Sans', sans-serif; color:#222; overflow-x:hidden; width:100%; height:100%; padding:0; margin:0; background-color:#fff} /* Typography–––––––––– */ h1, h2, h3, h4, h5, h6 {margin:0 0 1.2rem 0; color:#12466d; line-height:1.25; font-weight:600} h1 {font-size:4.0rem; letter-spacing:-.07rem; font-weight:300} h2 {font-size:3.6rem; letter-spacing:-.07rem; font-weight:300} h3 {font-size:3.0rem; letter-spacing:-.03rem; font-weight:300} h4 {font-size:2.4rem;font-weight:300} h5 {font-size:1.8rem; } h6 {font-size:1.3rem; line-height:1.7; font-weight:400} /* Larger than phablet */ @media (min-width: 550px) { h1 { font-size: 7.5rem; } h2 { font-size: 4.5rem; } h3 { font-size: 3.8rem; } h4 { font-size: 3.3rem; } h5 { font-size: 2.0rem; } h6 {font-size: 1.6rem; } } .umq a h2{font-size:24px;color:#fff;line-height:120%; font-weight:800} .umq a p{font-size:16px;color:#fff;line-height:150%} .plugin-content li{list-style:none; text-transform:uppercase; font-size:13px; line-height:18px; border-bottom:1px solid #a6c3db; padding:10px 0 19px 0} h2.plugin-label{font-size:22px; font-weight:bolder; padding:15px 0 5px 0; margin:30px 0 0 0; border-top:8px solid #d6e7f4} .plugin-tags .plugin-content li{font-size:10px; border:1px solid #a6c3db; padding:5px; float:left; margin:0 10px 10px 0} h2.title {text-align:left;line-height:120%} h4.response {color:#009bd5} #gestao h3, #wealth h3 {font-size:1.64rem} #wealth li, #gestao li {margin:30px 0} .plugin-pages h2, .plugin-tags h2{font-size:38px} p {margin-top: 0;} .text-center {text-align:center} .text-just {text-align:justify} /* Links––––– */ a {color:#1EAEDB; text-decoration:none; -o-transition:color .3s ease-out, background .4s ease-in; -ms-transition:color .3s ease-out, background 0.4s ease-in; -moz-transition:color .3s ease-out, background 0.4s ease-in; -webkit-transition:color .3s ease-out, background 0.4s ease-in;} a:hover {color:#00c1d5; text-decoration:none} .b{font-weight:800} /* Buttons––––––– */ .button,button,input[type="submit"], input[type="reset"],input[type="button"] {display:inline-block; height:40px; padding:0 30px; color:#555; text-align:center; font-size:14px; font-weight:600; line-height:40px; letter-spacing:.1rem; text-transform:uppercase; text-decoration:none; white-space:nowrap; background-color:transparent; border-radius:20px; border:1px solid #bbb; cursor:pointer; box-sizing:border-box; margin:15px 0} .button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus, input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus {color: #333; border-color: #888; outline:0; } .button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary, input[type="button"].button-primary {color: #FFF; background-color: #17adc3; border-color: #17adc3} .button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus {color:#FFF; background-color:#00d0ee; border-color:#17adc3} /* Forms–––––––– */ input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"], textarea,select {height:40px; padding:8px 12px; font-weight:400; border:0; border-radius:8px; box-shadow:none; box-sizing:border-box; color:#000; font-size:14px; box-shadow: inset 0px 0px 15px 3px #E8E8E8; -webkit-box-shadow: inset 0px 0px 15px 3px #E8E8E8;-moz-box-shadow: inset 0px 0px 15px 3px #E8E8E8;-o-box-shadow: inset 0px 0px 15px 3px #E8E8E8; } /* Removes awkward default styles on some inputs for iOS */ input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"], textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none} textarea {min-height:120px; padding:9px 14px} input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus {border: 1px solid rgba(81, 203, 238, 1); outline:0;box-shadow: 0 0 5px rgba(81, 203, 238, 1);} label,legend { display: block; margin-bottom: .5rem; font-weight:600} fieldset { padding: 0; border-width: 0; } input[type="checkbox"],input[type="radio"] {display:inline} label > .label-body { display: inline-block; margin-left: .5rem; font-weight:normal} /* Lists–––––––– */ ul { list-style: disc inside; } ol { list-style: decimal inside; } ol, ul { padding-left: 0; margin-top: 0; } ul ul,ul ol,ol ol,ol ul { margin: 1.5rem 0 1.5rem 3rem; font-size: 90%; } li { margin-bottom: 1rem; } /* Code––––––––– */ code {padding:.2rem .5rem; margin:0 .2rem;font-size: 90%; white-space:nowrap; background:#F1F1F1; border:1px solid #E1E1E1; border-radius:4px} pre > code {display: block; padding: 1rem 1.5rem; white-space: pre; } /* Tables–––––––– */ table {border-collapse:separate; background:#fff; margin:10px auto; width:100%} thead {background-color:#a6c3db;} thead th {font-size:18px; font-weight:400; letter-spacing:0.3em; color:#fff; text-align:left; padding:14px 25px} tbody tr td {padding:14px 25px} tbody tr:nth-child(2n) {background:#f0f3f5;} tbody tr:last-child td {border-bottom: none;} tbody:hover > tr:hover td {color:#2d2d2d; opacity:1;} @media screen and (max-width: 600px) { table thead {border:none; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;} table tr {display:block; margin-bottom:.625em; } table td {display:block; text-align:center} table td:before { /* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); float:left; font-weight:bold;} table td:last-child {border-bottom: 0; } } table .time{border-collapse:separate; background:#fff; margin:50px auto; width:100%} .time thead {background-color:#a6c3db;} .time thead th {font-size:14px; font-weight:400; letter-spacing:0; color:#fff; text-align:left; padding:3px 4px; text-align:center; background-color:#a6c3db;} .time tbody tr td {padding:4px 6px; font-size:12px; text-align:center; border:solid; border-color:#fff} .time tbody tr:nth-child(2n) {background:#fff} .time tbody tr:last-child td {} .time tbody:hover > tr:hover td {color:#2d2d2d; opacity:1;} /* Spacing–––––– */ button,.button { margin-bottom: 1rem; } input,textarea,select,fieldset { margin-bottom: 1.5rem; } pre,blockquote,dl,figure,table,p,ul,ol,form { margin-bottom: 2.5rem; } /* Utilities–––––– */ .u-full-width { width:100%; box-sizing: border-box; } .u-half-width { width:58%; box-sizing: border-box; } .u-max-full-width { max-width: 100%; box-sizing: border-box; } .u-pull-right { float: right; } .u-pull-left { float: left; } .u-pull-left { float: left; } .tright {text-align:right} .tjust {text-align:justify} .herot {position:absolute; margin:60px 0 0 auto} .herot h1, .herot h3 {line-height:100%; color:#fff; text-shadow:2px 3px 9px rgba(28,28,36,0.6);} /* Misc–––––– */ hr {margin-top:3.5rem; margin-bottom:4rem; border-width:0; border-top:1px solid #a6c3db} .hrpe {margin-top:1.5rem; margin-bottom:4rem; border-width:0; border-top:1px solid #fff; width:100%} /* Clearing–––––– */ .container:after,.row:after,.u-cf { content: ""; display: table; clear: both; } #nav-icon4 {width:35px; height:20px; position:fixed; top:49px; right:25px; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out; transition: .5s ease-in-out;cursor: pointer; z-index:300} #nav-icon4 span {display: block; position: absolute; height:5px; width:100%; background:#17adc3; border-radius:2px; opacity: 1; left: 0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); -webkit-transition: .25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;} #nav-icon4 {} #nav-icon4 span:nth-child(1) {top: 0px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin: left center;transform-origin: left center;} #nav-icon4 span:nth-child(2) {top:10px; -webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin: left center;transform-origin: left center;} #nav-icon4 span:nth-child(3) {top:20px;-webkit-transform-origin:left center;-moz-transform-origin:left center; -o-transform-origin: left center; transform-origin: left center;} #nav-icon4.open span:nth-child(1) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg); transform: rotate(45deg); top:-3px; left:5px} #nav-icon4.open span:nth-child(2) { width: 0%; opacity: 0;} #nav-icon4.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform: rotate(-45deg); top:22px; left:5px} .menu{ color:#17adc3; font-size:10px; position:fixed; top:25px; letter-spacing:0.2em} @-webkit-keyframes fadeInRight { 0% {opacity: 0;left: 20%;} 100% {opacity: 1; left: 0;} } @keyframes fadeInRight { 0% {opacity: 0; left: 20%;} 100% {opacity: 1; left: 0;} } ul.hor{margin-bottom:0} .tabs .hor LI {background:#7b9eb5; margin:0;display:inline-block} .tabs .hor a {color:#fff;display:block;font-size:18px;font-weight:300;padding:14px 20px;text-decoration:none} .tabs .hor LI:hover {background:#a0cac0; } .tabs .hor LI:hover a {color:white} .tabs .hor LI .active {background:#a0cac0; border-bottom:4px solid #68a697} .tabs .hor LI .active a {color:white} .tt.pad3 {border:1px solid #E5E5E5} .unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:20px} .unslider-nav{position: absolute;width: 100%;bottom: 2%;} .unslider-nav ol {display:none;list-style: none;text-align: center;} .unslider-nav ol li {display:none; width: 6px; height: 6px; margin: 0 4px; background: transparent; border-radius: 5px; overflow: hidden; text-indent: -999em; border: 2px solid #fff; cursor: pointer;} .unslider-nav ol li.unslider-active {background: #fff;cursor: default;} .dots { position: absolute; left: 0; right: 0; bottom: 20px; text-align: center;} .dots li { display: inline-block; width: 10px; height: 10px; margin: 0 4px; text-indent: -999em; border: 2px solid #fff; border-radius: 6px; cursor: pointer;opacity: .4; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s;} .dots li.active {background: #fff; opacity: 1;} /* Media Queries––––––––––Larger than mobile */ @media (min-width:320px) { #slideshow img {position:absolute; top:0px; left:0; width:100%;} .top {position:absolute; top:0; left:0; width:100%; z-index:100; padding:13px 0 0 0;} .logo {max-width:120px; box-sizing: border-box; float:left; margin:35px 0 20px 0} #subm {position:absolute;top:0;right:20px; width:auto; float:right} .sub a{font-size:12px; font-weight:700; letter-spacing:0em; color:#326184} .sub a:hover{} .subhead{font-size:14px; font-weight:400} #mapa{display:none} .herot {margin:60px 0 0 auto} .herot h1{font-size:35px;width:85%;float:right} .herot h3{font-size:20px;font-weight:400; line-height:120%; width:85%; float:right} .cab{margin-top:170px} .herot.cab h1{width:100%;float:left} .cab h1{font-size:35px} .cab h3{font-size:16px; float:left; margin:-65px 0 0 0; padding:16px 28px; width:auto} .cab p{color:#fff} .areas h5 a{font-size:80%; color:#fff; letter-spacing:-0.01em} img.hero{width:auto; height:280px; object-fit: cover; position:absolute; margin:120px 0 0 0} .heroin {min-height:240px; width:auto; object-fit:cover; z-index:0} #conteudo {height:auto; margin-top:300px} #conteudoin {margin-top:30px; height:auto} .selo{max-width:100px;} .top a:hover{color:#fff} .ico {width:94px; height:auto; padding:20px} .art img{float:left; width:100%; max-width:400px; -webkit-box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 54px -8px rgba(0,0,0,0.2);box-shadow: 0px 0px 34px 0px rgba(0,0,0,0.2); margin:0 20px 20px 0} #mn {display:none} .overlay {position:fixed; background:#204563; top:0; left:0; width:100%; height:0%; opacity:0; visibility:hidden; -webkit-transition: opacity .35s, visibility .35s, height .35s; transition:opacity .35s, visibility .35s, height .35s; overflow: hidden; z-index:250} .overlay.open {opacity:0.9; visibility:visible; height:100%;} .overlay.open li {-webkit-animation:fadeInRight .5s ease forwards; animation:fadeInRight .5s ease forwards; -webkit-animation-delay:.35s; animation-delay:.35s;} .overlay.open li:nth-of-type(2) {-webkit-animation-delay:.4s; animation-delay:.4s;} .overlay.open li:nth-of-type(3) {-webkit-animation-delay:.45s; animation-delay:.45s;} .overlay.open li:nth-of-type(4) {-webkit-animation-delay:.50s; animation-delay:.50s;} .overlay nav {position:relative; height:70%; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-size:15px; text-align:center; text-transform:uppercase; letter-spacing:0.25em} .overlay ul {list-style:none; padding:0; margin:0 auto; display:inline-block; position:relative; height:100%;} .overlay ul li {display:block; height: 25%; height: calc(100% / 5); min-height:30px; position:relative; opacity:0; color:#17adc3} .overlay ul li a {display:block; position:relative; color:#fff; text-decoration:none; overflow:hidden} .overlay ul li a:hover {color:darkturquoise} .cab{padding:42px 40px 20px 40px; height:auto; min-height:225px; position:relative} .menutop{position:relative; width:100%; background-color:#fff; height:auto; margin:0; padding:5px 0; box-sizing:border-box;} .chatm{position:fixed;width:49px;height:auto;right:65px;bottom:70px; z-index:999; text-align:center;} .chatz{position:fixed;width:56px;height:auto;right:90px;bottom:17px; z-index:999; text-align:center} .chatm a p,.chatz a p{font-size:9px;color:#fff; margin-top:-5px} } @media (min-width:550px) { img.hero {height:400px} #conteudo {margin-top:150px} } @media (min-width:750px) { .top {padding:15px 0 0 0} .logo {max-width:140px; margin:25px 0 20px 0} .subhead{font-size:17px} .hero {height:500px} #conteudo {margin-top:50px} .conteudoin {margin-top:-60px; height:0} .art img{max-width:50%; margin:10px 30px 20px 0} } @media (min-width: 1000px) { .top {padding:25px 0} .logo {max-width:145px; margin:22px 0} img.hero {height:auto; width:100%; object-fit:contain; position:absolute; margin-top:60px} .umq.col{ width:33.333%;min-height:180px} .umq a h2{font-size:20px} #terapias{margin-top:340px} .herot {margin:17vh 0 0 auto} .herot h1{font-size:68px; width:100%} .herot h3{font-size:35px;font-weight:400; font-size:170%; line-height:120%; width:64%; float:right} #conteudo {margin-top:50px} .selo{max-width:150px; margin:0} } @media (min-width: 1270px) { .umq {margin-top:45vh} #terapias{margin-top:40px} #conteudo {margin-top:50px} #mapa{display:inline-block} .umq a h2{font-size:23px} .umq.col{min-height:170px; padding:26px 24px 0 26px} .logo {margin:16px 0} .menutop{height:110px} .cab{margin-top:190px} .cab h1{font-size:50px} .cab h3{font-size:18px; float:left; margin:-65px 0 0 0; padding:16px 28px; width:auto} .cab p{color:#fff} .button_containe {display:none} .overlay {display:none} #mn {top:30px; right:0; width:100%; position:absolute; z-index:110; display:block; } #mn ul {padding:0px; right:0; background:none; list-style:none; position:absolute} #mn ul li {display:inline;} #mn ul li a {padding:2px 18px; display:inline-block; color:#326184; text-decoration:none; text-transform:uppercase; font-size:20px; font-weight:400} #mn ul li a:hover{color:#00c1d5} .index{margin-top:-40px} } @media (min-width: 1600px) { .logo {max-width:164px; margin:22px 0} .cab{margin-top:290px} .umq.col{min-height:190px; padding:30px 24px 0 32px} .umq a h2{font-size:2.6rem} .umq a p{font-size:20px} #terapias{margin-top:100px} #conteudo {margin-top:300px} .menutop{height:120px} #mn {top:40px;} #mn ul li a {font-size:20px} } @media (min-width: 1910px) { .logo {max-width:164px; margin:22px 0} .hero {height:760px} #conteudo {margin-top:320px} .menutop{height:130px} #mn {top:45px} } .overl {position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(30, 69, 99, 0.8); transition:opacity 500ms; visibility:hidden; opacity:0; height:auto; z-index:500} .overl:target {visibility:visible; opacity:1} .popup {margin:120px auto 0 auto; padding:20px; background:#fff; width:30%; position:relative; transition:all 5s ease-in-out; height:auto} .popup .close {position:absolute; top:-10px; right:22px; transition:all 200ms; font-size:35px; font-weight:bold; text-decoration:none; color:#333} .popup .close:hover {color:#17adc3} .popup .content {max-height:70%; overflow:auto; padding:12px} @media screen and (max-width:700px){ .popup{width:80%;} } #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxTopLeft{width:25px; height:25px; background:url(../img/border1.png) no-repeat 0 0;} #cboxTopCenter{height:25px; background:url(../img/border1.png) repeat-x 0 -50px;} #cboxTopRight{width:25px; height:25px; background:url(../img/border1.png) no-repeat -25px 0;} #cboxBottomLeft{width:25px; height:25px; background:url(../img/border1.png) no-repeat 0 -25px;} #cboxBottomCenter{height:25px; background:url(../img/border1.png) repeat-x 0 -75px;} #cboxBottomRight{width:25px; height:25px; background:url(../img/border1.png) no-repeat -25px -25px;} #cboxMiddleLeft{width:25px; background:url(../img/border2.png) repeat-y 0 0;} #cboxMiddleRight{width:25px; background:url(../img/border2.png) repeat-y -25px 0;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:20px;} #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;} #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;} #cboxLoadingOverlay{position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; background:#fff url('https://www.mandatto.com/img/loading.gif') no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/*/ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}