/* ========================================================================== 2. GENERAL ========================================================================== */ body {font-family:Helvetica, Arial, sans-serif; color: #333; font-size: 14px; font-weight: 400; background: #fff; overflow-x: hidden; font-style:normal !important;} /* SCROLLBAR CHROME */ ::-webkit-scrollbar {width: 0.5em;} ::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);} ::-webkit-scrollbar-thumb {background-color: darkgrey;outline: 1px solid slategrey;} /* cor seleção do texto */ ::selection {background: #8c42ad; /* WebKit/Blink Browsers */} ::-moz-selection {background: #8c42ad; /* Gecko Browsers */} .containerHeader{max-width: 100%; min-width: 240px; padding:0; margin-right: auto; margin-left: auto; position: relative; clear: both; background: #ebe9f3; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#e0cce9, #ebe9f3); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#e0cce9, #ebe9f3); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#e0cce9, #ebe9f3); /* For Firefox 3.6 to 15 */ background: linear-gradient(#e0cce9, #ebe9f3); /* Standard syntax (must be last) */} .container{max-width: 76%; min-width: 240px; padding:0; margin-right: auto; margin-left: auto; position: relative; clear: both;} html {overflow-x: hidden;} .clearfix:after, .clearfix:before, , .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before {display: table; content: " ";} p {font-size: 14px; color: #333; line-height: 26px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 0;} a:hover, a:focus {color: #8c42ad;} a {color: #333; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} h1, h2, h3, h4, h5 {font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: 700; color: #263238;} ul {margin: 0; padding: 0;} ul li {list-style: none;} a:hover, a:focus {text-decoration: none; outline: none;} a:not([href]):not([tabindex]) {color: #fff;} a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {color: #fff;} .bg-transparent {background: transparent !important;} .bg-defult {background: #8c42ad !important;} /* CLASSE QUE APRESENTA ERRO NO CAMPO: .ui-state-error */ input[type="text"].ui-state-error, input[type="password"].ui-state-error {background: #b81900; color: #FFFFFF;} /* CLASSE QUE É CHAMADA QUANDO DETERMINADO LINK ESTÁ ACTIVO */ .active{cursor:default; color:#8c42ad !important; text-decoration:underline !important;} /* LOAD GIF (load das pesquisas) */ .loader {border: 2px solid #f3f3f3; border-radius: 50%; border-top: 2px solid #8c42ad; width: 20px; height: 20px; -webkit-animation: spin 0.8s linear infinite; /* Safari */ animation: spin 0.8s linear infinite;} /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .list_row__actions label{cursor:pointer;} /* TOOLTIP DAS PESQUISAS E LEITOR */ .tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); background-color: #8c42ad; border-radius:4px;} .tooltip.in { opacity: 1; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #000; text-align: center; text-decoration: none; background-color: #8c42ad; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } /* ========================================================================== 2.4 Pre Loader ========================================================================== */ #loader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #263238; z-index: 9999999999;} .spinner {width: 80px; height: 80px; top: 45%; position: relative; margin: 0px auto;} .double-bounce1, .double-bounce2 {width: 100%; height: 100%; border-radius: 50%; background-color: #8c42ad; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out;} .double-bounce2 {-webkit-animation-delay: -1.0s; animation-delay: -1.0s;} @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } /* ========================================================================== Navbar Style ========================================================================== */ .header-wrapper{border-bottom-left-radius:4px; border-bottom-right-radius:4px; background-color: #fff; padding:5px 0; position: fixed; top: 0; width: 100%; z-index: 9999; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; box-shadow:0 1px 3px 0 rgb(140 66 173), 0 1px 3px 0 rgb(0 0 0 / 12%);} .header-wrapper .logo{width:30%; /*float:left;*/ display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; vertical-align: middle;} .header-wrapper .logo img {max-width: 115px;} .header-wrapper #main-menu-wrapper {width: 70%; /*float: left;*/ display: inline-block; vertical-align: middle;} a#pull {display: none;} #main-menu-wrapper nav.navigation .menu {padding: 5px 0; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;} .navigation ul {margin: 0 auto; float: right;} .navigation ul li a.menu-control{color: #333; font-size: 14px; padding: 5px 0px; position: relative;} .navigation ul li a.menu-control:hover{cursor:pointer; color:#8c42ad;} .navigation ul li a.submenu-control:hover{cursor:pointer; color:#8c42ad;} .navigation ul li a.menu-control:before{content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 2px; background: #8c42ad; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;} .navigation ul li a.menu-control:hover::before{width:50%;}< .navigation ul li a.menu-control.hover:before{content: ''; position: absolute; bottom: 0; left: 0; width: 50%; height: 2px; background: #8c42ad; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;} .navigation ul ul {position: absolute; width: 230px; padding: 20px 0 0; padding-top: 0; z-index: 400; font-size: 12px; color: #798189; background: #fff; left:-50px;} .navigation ul li {line-height: 20px; float: left; position: relative;} .navigation .menu>li {margin: 0 12px;} .toggle-menu .toggle-caret {position: absolute; top: 0; right: 0; text-align: center; cursor: pointer; line-height: inherit; display: none;} .toggle-menu .toggle-caret .glyph {width: 20px; text-align: center; font-size: inherit; color: inherit; line-height: 50px;} .glyph-plus:before{content: "\2b";} .toggle-menu .active>.toggle-caret .glyph:before {content: "\2212";} .navigation ul li li {background: #fff; border-bottom: 0;} .navigation ul ul li {padding: 0; color: #fff; line-height: 25px;} .navigation ul li a {padding-top: 15px; padding-bottom: 15px;} .navigation ul li a, .navigation ul li a:link, .navigation ul li a:visited {display: inline-block; transition: background-color,color .2s linear;} .navigation ul li:last-child ul li {float: left; right: 0;} .navigation ul ul a {border: 1px solid rgba(188,180,180,.1); border-bottom: 0;} .navigation ul ul a, .navigation ul ul a:link, .navigation ul ul a:visited {font-size: 13px; font-family: opensans-regular,sans-serif; padding: 9px 9px 9px 20px; position: relative; width: 230px; background: 0 0; border-radius: 0; margin: 0; color: #4d4d4d;} /* ========================================================================== 2.1 WECOLME area ========================================================================== */ #welcome{position:relative; margin-top:135px;} #welcome .caption {color:#fff; bottom: 15%; text-shadow: none; padding-top: 0; padding-bottom: 0; /* background-color: rgba(0, 0, 0, 0.6); */ position: absolute; left: 0; width:100%;} #welcome .caption .container{padding:10px;} #welcome .carousel-caption h3 {color: #fff; font-weight: 500; font-size: 26px; line-height: 38px;} #welcome .carousel-caption h2 {font-size: 80px; font-weight: 700; color: #fff;} #welcome .carousel-caption h4 {color: #ffffff; font-size: 18px; font-weight: 500; margin-bottom: 30px;} #welcome .inline{height: auto;overflow: hidden; margin: 1em 0;} #welcome.fl{float:left; position:relative; padding-right:10px; margin: 135px auto 0;} #welcome.fr{float:right; position:relative; padding-left:10px; margin: 135px auto 0;} #welcome.fc{text-align:center; position:relative;margin: 135px auto 0;} #welcome #menuSearch{width:60%; margin:0 auto;} #welcome #menuSearch .input-group .form-control{height:30px; padding:5px 10px; border-top-left-radius:10px !important; border-bottom-left-radius:10px !important;} #welcome #menuSearch .input-group .drop-control{height:30px; padding:4px;} #welcome #menuSearch .input-group .btn{float: right; color: #333; background-color: #e0cce9; font-size: 12px; border-radius: 4px; padding: 2px 4px; margin: 10px 0 0 0; border: 1px solid #e0cce9;} #welcome #menuSearch .input-group .btn:hover{cursor:pointer; background-color:#8c42ad; border:1px solid #8c42ad;} #welcome #menuSearch .input-group .btn:focus{border: 1px solid #8c42ad; outline: none; box-shadow: none;} /* #welcome .search-button {float: right;} #welcome .search-input {float: none; width: auto; overflow: hidden;} #welcome .form-control { display: block; height:34px; width: 100%; padding: 6px; font-size: 13px; line-height: 1.428571429; border: 1px solid #ccc; border-top-left-radius:4px; border-bottom-left-radius:4px; border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } #welcome .form-control:focus { border-color: #8c42ad; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 223, 0, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 223, 0, 0.6); } #welcome .form-control::-moz-placeholder { color: #ccc; opacity: 1; } #welcome .form-control:-ms-input-placeholder { color: #ccc; } #welcome .form-control::-webkit-input-placeholder { color: #ccc; } #welcome .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; opacity: 1; } #welcome .drop-control {cursor:pointer; float:left; display: block; height:34px; padding: 6px; font-size: 13px; line-height: 1.428571429; border: 1px solid #ccc; border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } #welcome .button-control {cursor:pointer; background-color:#8c42ad; float:left; display: block; height:34px; padding: 6px; font-size: 13px; line-height: 1.428571429; border: 1px solid #8c42ad; border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } */ /* ========================================================================== 2.2 Section Title ========================================================================== */ .section {padding: 90px 0; /*text-align:center;*/} .sectionPesquisas {padding: 90px 0 0; /*text-align:center;*/} .sectionResults {padding: 90px 0 0; /*text-align:center;*/} .sectionLeitorFullView {padding: 90px 0 0; /*text-align:center;*/} .sectionLeitor {padding: 90px 0 0;} .sectionContentInst {background:#f7f7f7; padding:90px 0px 15px 0;} .sectionResultsDetails{padding:90px 0 0;} .sectionResultsDetails_recomendations{padding:10px 0 40px; background:#f7f7f7;} .section-header {color: #fff; margin-bottom: 40px; /*text-align: center;*/ position: relative;} .section-header .section-title {font-size: 28px; margin-bottom: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #263238; position: relative;} .section-header .section-title:before {content: ''; position: absolute; bottom: -8px; width: 80px; height: 2px; background: #8c42ad; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;} .section-footer .footer-title {font-size: 20px; margin-bottom: 20px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #263238; position: relative;} .section-footer .footer-title:before {content: ''; position: absolute; bottom: -8px; width: 80px; height: 2px; background: #8c42ad; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;} .footer-Content .seeAll {color:#333 !important;} .footer-Content .seeAll:hover, .section-footer .seeAll:focus {color:#8c42ad !important; text-decoration:underline !important; cursor:pointer;} /* ========================================================================== Recomendations Style ========================================================================== */ #imageRoller .content{width: 100%; padding: 0; float:left;} #imageRoller .container{overflow:hidden;} #imageRoller .content .recomendations_inner{overflow:hidden;} #imageRoller .content .recomendations_inner .recomendations-wrapper{padding:30px;} #imageRoller .content .recomendations_inner .recomendations-wrap{margin-bottom: 30px; padding: 10px 10px 20px 10px; border: 1px solid #BFBFBF; background-color: white; box-shadow: 0px 0px 10px #aaaaaa; opacity:0.7; transition: transform .5s; /* Animation */ border-radius:4px;} /* RECOMENDAÇÕES COM INCLINAÇÃO */ /* #imageRoller .content .recomendations_inner .recomendations-wrap.rotate_right {-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg);} #imageRoller .content .recomendations_inner .recomendations-wrap.rotate_left {-ms-transform: rotate(-8deg); -webkit-transform: rotate(-8deg); transform: rotate(-8deg);} #imageRoller .content .recomendations_inner .recomendations-wrap:hover.rotate_right {opacity:1; transform: rotate(7deg) scale(1.05);} #imageRoller .content .recomendations_inner .recomendations-wrap:hover.rotate_left {opacity:1; transform: rotate(-8deg) scale(1.05);} #imageRoller .content .recomendations_inner .recomendations-img {overflow: hidden; width:100%; height:250px;} #imageRoller .content .recomendations_inner .recomendations-img img{border: 0; height: 100%; margin: 0; max-height: 100%; max-width: 100%; object-fit: cover; object-position: top; width: 100%;} #imageRoller .content .recomendations_inner .recomendations-wrap h2{font-size: 14px; font-weight: 700; margin: 10px 0px;} #imageRoller .content .recomendations_inner .recomendations_block_img{text-align: center; border-radius: 4px; float: left; width: 23%; margin-right: 2.66%; margin-bottom: 2.66%; height: 275px; overflow: hidden; position: relative; background-color: #fff;} #imageRoller .content .recomendations_inner .recomendations_block_img:nth-of-type(4n+4) {margin-right: 0;} */ #imageRoller3 .recomendations-wrap, #imageRoller4 .recomendations-wrap, #imageRoller5 .recomendations-wrap{position:relative;margin:5px 15px 15px 15px; /*padding: 10px 10px 20px 10px;*/ /*border: 1px solid #BFBFBF;*/ background-color: white; box-shadow: 0px 0px 10px #aaaaaa; /*opacity:0.7;*/ transition: transform .5s; /* Animation */ border-radius:4px;} #imageRoller3 .recomendations-wrap:hover, #imageRoller4 .recomendations-wrap:hover, #imageRoller5 .recomendations-wrap:hover{opacity:1; transform: scale(1.02);} #imageRoller3 .recomendations-wrap .recomendations-img, #imageRoller4 .recomendations-wrap .recomendations-img, #imageRoller5 .recomendations-wrap .recomendations-img{overflow: hidden; width:100%; height:220px; text-align:center;} #imageRoller3 .recomendations-wrap .recomendations-img:before, #imageRoller4 .recomendations-wrap .recomendations-img:before, #imageRoller5 .recomendations-wrap .recomendations-img:before{content: ""; display: inline-block; height: 100%; vertical-align: middle;} #imageRoller3 .recomendations-wrap .recomendations-img img, #imageRoller4 .recomendations-wrap .recomendations-img img, #imageRoller5 .recomendations-wrap .recomendations-img img{border: 0; /*height: 100%;*/ margin: 0; max-height: 100%; max-width: 100%; /*object-fit: cover; object-position: top; width: 100%;*/} #imageRoller3 .recomendations-wrap .recomendations-info ,#imageRoller4 .recomendations-wrap .recomendations-info, #imageRoller5 .recomendations-wrap .recomendations-info{font-size: 15px; padding: 0.8em; /*background-color: rgba(54,54,54,0.7);*/ text-align: center; color: #333 !important; /*position: absolute;*/ width: 100%;bottom: 80px;} #imageRoller3 .recomendations-wrap .recomendations-info a, #imageRoller4 .recomendations-wrap .recomendations-info a, #imageRoller5 .recomendations-wrap .recomendations-info a{color:#333;} #imageRollerSL3 .recomendations-wrap, #imageRollerSL4 .recomendations-wrap, #imageRollerSL5 .recomendations-wrap{position:relative;margin:5px 15px 15px 15px; /*padding: 10px 10px 20px 10px;*/ /*border: 1px solid #BFBFBF;*/ background-color: white; box-shadow: 0px 0px 10px #aaaaaa; /*opacity:0.7;*/ transition: transform .5s; /* Animation */ border-radius:4px;} #imageRollerSL3 .recomendations-wrap:hover, #imageRollerSL4 .recomendations-wrap:hover, #imageRollerSL5 .recomendations-wrap:hover{opacity:1; transform: scale(1.02);} #imageRollerSL3 .recomendations-wrap .recomendations-img, #imageRollerSL4 .recomendations-wrap .recomendations-img, #imageRollerSL5 .recomendations-wrap .recomendations-img{overflow: hidden; width:100%; height:350px;} #imageRollerSL3 .recomendations-wrap .recomendations-img img, #imageRollerSL4 .recomendations-wrap .recomendations-img img, #imageRollerSL5 .recomendations-wrap .recomendations-img img{border: 0; height: 100%; margin: 0; max-height: 100%; max-width: 100%; object-fit: cover; object-position: top; width: 100%;} #imageRollerSL3 .recomendations-wrap .recomendations-info ,#imageRollerSL4 .recomendations-wrap .recomendations-info, #imageRollerSL5 .recomendations-wrap .recomendations-info{font-size: 15px; padding: 0.8em; background-color: rgba(54,54,54,0.7); text-align: center; color: #fff !important; position: absolute;width: 100%;bottom: 80px;} #imageRollerSL3 .recomendations-wrap .recomendations-info a, #imageRollerSL4 .recomendations-wrap .recomendations-info a, #imageRollerSL5 .recomendations-wrap .recomendations-info a{color:#fff;} #imageRollerSL3 .recomendations-wrap .recomendations-info a:hover, #imageRollerSL4 .recomendations-wrap .recomendations-info a:hover, #imageRollerSL5 .recomendations-wrap .recomendations-info a:hover{color:#0070C0; text-decoration:underline;} #imageRollerTT3 .recomendations-wrap, #imageRollerTT4 .recomendations-wrap, #imageRollerTT5 .recomendations-wrap{position:relative;margin:5px 15px 15px 15px; /*padding: 10px 10px 20px 10px;*/ /*border: 1px solid #BFBFBF;*/ background-color: white; box-shadow: 0px 0px 10px #aaaaaa; /*opacity:0.7;*/ transition: transform .5s; /* Animation */ border-radius:4px;} #imageRollerTT3 .recomendations-wrap:hover, #imageRollerTT4 .recomendations-wrap:hover, #imageRollerTT5 .recomendations-wrap:hover{opacity:1; transform: scale(1.02);} #imageRollerTT3 .recomendations-wrap .recomendations-img, #imageRollerTT4 .recomendations-wrap .recomendations-img, #imageRollerTT5 .recomendations-wrap .recomendations-img{overflow: hidden; width:100%; height:350px;} #imageRollerTT3 .recomendations-wrap .recomendations-img img, #imageRollerTT4 .recomendations-wrap .recomendations-img img, #imageRollerTT5 .recomendations-wrap .recomendations-img img{border: 0; height: 100%; margin: 0; max-height: 100%; max-width: 100%; object-fit: cover; object-position: top; width: 100%;} #imageRollerTT3 .recomendations-wrap .recomendations-info ,#imageRollerTT4 .recomendations-wrap .recomendations-info, #imageRollerTT5 .recomendations-wrap .recomendations-info{font-size: 15px; padding: 0.8em; background-color: rgba(54,54,54,0.7); text-align: center; color: #fff !important; position: absolute;width: 100%;bottom: 80px;} #imageRollerTT3 .recomendations-wrap .recomendations-info a, #imageRollerTT4 .recomendations-wrap .recomendations-info a, #imageRollerTT5 .recomendations-wrap .recomendations-info a{color:#fff;} #imageRollerTT3 .recomendations-wrap .recomendations-info a:hover, #imageRollerTT4 .recomendations-wrap .recomendations-info a:hover, #imageRollerTT5 .recomendations-wrap .recomendations-info a:hover{color:#0070C0; text-decoration:underline;} /* ESPECIAL CLIENTE */ #newsRoller3 .recomendations-wrap, #newsRoller4 .recomendations-wrap, #newsRoller5 .recomendations-wrap{position:relative;margin:5px 15px 15px 15px; /*padding: 10px 10px 20px 10px;*/ /*border: 1px solid #BFBFBF;*/ background-color: white; box-shadow: 0px 0px 10px #aaaaaa; /*opacity:0.7;*/ transition: transform .5s; /* Animation */ border-radius:4px;} #rollerhighlights3 .recomendations-wrap, #rollerhighlights4 .recomendations-wrap, #rollerhighlights5 .recomendations-wrap{position:relative;margin:5px 15px 15px 15px; /*padding: 10px 10px 20px 10px;*/ /*border: 1px solid #BFBFBF;*/ background-color: white; box-shadow: 0px 0px 10px #aaaaaa; /*opacity:0.7;*/ transition: transform .5s; /* Animation */ border-radius:4px;} #rollerinfo3 .recomendations-wrap, #rollerinfo4 .recomendations-wrap, #rollerinfo5 .recomendations-wrap{position:relative;margin:5px 15px 15px 15px; /*padding: 10px 10px 20px 10px;*/ /*border: 1px solid #BFBFBF;*/ background-color: white; box-shadow: 0px 0px 10px #aaaaaa; /*opacity:0.7;*/ transition: transform .5s; /* Animation */ border-radius:4px;} #rollerNewsletters3 .recomendations-wrap, #rollerNewsletters4 .recomendations-wrap, #rollerNewsletters5 .recomendations-wrap{position:relative;margin:5px 15px 15px 15px; /*padding: 10px 10px 20px 10px;*/ /*border: 1px solid #BFBFBF;*/ background-color: white; box-shadow: 0px 0px 10px #aaaaaa; /*opacity:0.7;*/ transition: transform .5s; /* Animation */ border-radius:4px;} #newsRoller3 .recomendations-wrap:hover, #newsRoller4 .recomendations-wrap:hover, #newsRoller5 .recomendations-wrap:hover{opacity:1; transform: scale(1.02);} #rollerhighlights3 .recomendations-wrap:hover, #rollerhighlights4 .recomendations-wrap:hover, #rollerhighlights5 .recomendations-wrap:hover{opacity:1; transform: scale(1.02);} #rollerinfo3 .recomendations-wrap:hover, #rollerinfo4 .recomendations-wrap:hover, #rollerinfo5 .recomendations-wrap:hover{opacity:1; transform: scale(1.02);} #rollerNewsletters3 .recomendations-wrap:hover, #rollerNewsletters4 .recomendations-wrap:hover, #rollerNewsletters5 .recomendations-wrap:hover{opacity:1; transform: scale(1.02);} #newsRoller3 .recomendations-wrap .recomendations-img, #newsRoller4 .recomendations-wrap .recomendations-img, #newsRoller5 .recomendations-wrap .recomendations-img{overflow: hidden; width:100%; height:350px;} #rollerhighlights3 .recomendations-wrap .recomendations-img, #rollerhighlights4 .recomendations-wrap .recomendations-img, #rollerhighlights5 .recomendations-wrap .recomendations-img{overflow: hidden; width:100%; height:350px;} #rollerinfo3 .recomendations-wrap .recomendations-img, #rollerinfo4 .recomendations-wrap .recomendations-img, #rollerinfo5 .recomendations-wrap .recomendations-img{overflow: hidden; width:100%; height:350px;} #rollerNewsletters3 .recomendations-wrap .recomendations-img, #rollerNewsletters4 .recomendations-wrap .recomendations-img, #rollerNewsletters5 .recomendations-wrap .recomendations-img{overflow: hidden; width:100%; height:350px;} #newsRoller3 .recomendations-wrap .recomendations-img img, #newsRoller4 .recomendations-wrap .recomendations-img img, #newsRoller5 .recomendations-wrap .recomendations-img img{border: 0; height: 100%; margin: 0; max-height: 100%; max-width: 100%; object-fit: cover; object-position: top; width: 100%;} #rollerhighlights3 .recomendations-wrap .recomendations-img img, #rollerhighlights4 .recomendations-wrap .recomendations-img img, #rollerhighlights5 .recomendations-wrap .recomendations-img img{border: 0; height: 100%; margin: 0; max-height: 100%; max-width: 100%; object-fit: cover; object-position: top; width: 100%;} #rollerinfo3 .recomendations-wrap .recomendations-img img, #rollerinfo4 .recomendations-wrap .recomendations-img img, #rollerinfo5 .recomendations-wrap .recomendations-img img{border: 0; height: 100%; margin: 0; max-height: 100%; max-width: 100%; object-fit: cover; object-position: top; width: 100%;} #rollerNewsletters3 .recomendations-wrap .recomendations-img img, #rollerNewsletters4 .recomendations-wrap .recomendations-img img, #rollerNewsletters5 .recomendations-wrap .recomendations-img img{border: 0; height: 100%; margin: 0; max-height: 100%; max-width: 100%; object-fit: cover; object-position: top; width: 100%;} #newsRoller3 .recomendations-wrap .recomendations-info ,#newsRoller4 .recomendations-wrap .recomendations-info, #newsRoller5 .recomendations-wrap .recomendations-info{font-size: 15px; padding: 0.8em; background-color: rgba(54,54,54,0.7); text-align: center; color: #fff !important; position: absolute;width: 100%;bottom: 80px;} #rollerhighlights3 .recomendations-wrap .recomendations-info ,#rollerhighlights4 .recomendations-wrap .recomendations-info, #rollerhighlights5 .recomendations-wrap .recomendations-info{font-size: 15px; padding: 0.8em; background-color: rgba(54,54,54,0.7); text-align: center; color: #fff !important; position: absolute;width: 100%;bottom: 80px;} #rollerinfo3 .recomendations-wrap .recomendations-info ,#rollerinfo4 .recomendations-wrap .recomendations-info, #rollerinfo5 .recomendations-wrap .recomendations-info{font-size: 15px; padding: 0.8em; background-color: rgba(54,54,54,0.7); text-align: center; color: #fff !important; position: absolute;width: 100%;bottom: 80px;} #rollerNewsletters3 .recomendations-wrap .recomendations-info ,#rollerNewsletters4 .recomendations-wrap .recomendations-info, #rollerNewsletters5 .recomendations-wrap .recomendations-info{font-size: 15px; padding: 0.8em; background-color: rgba(54,54,54,0.7); text-align: center; color: #fff !important; position: absolute;width: 100%;bottom: 80px;} #newsRoller3 .recomendations-wrap .recomendations-info a, #newsRoller4 .recomendations-wrap .recomendations-info a, #newsRoller5 .recomendations-wrap .recomendations-info a{color:#fff;} #rollerhighlights3 .recomendations-wrap .recomendations-info a, #rollerhighlights4 .recomendations-wrap .recomendations-info a, #rollerhighlights4 .recomendations-wrap .recomendations-info a{color:#fff;} #rollerinfo3 .recomendations-wrap .recomendations-info a, #rollerinfo4 .recomendations-wrap .recomendations-info a, #rollerinfo5 .recomendations-wrap .recomendations-info a{color:#fff;} #rollerNewsletters3 .recomendations-wrap .recomendations-info a, #rollerNewsletters4 .recomendations-wrap .recomendations-info a, #rollerNewsletters5 .recomendations-wrap .recomendations-info a{color:#fff;} /**/ /* OCTOGONO */ /*#imageRoller .recomendations_inner .recomendations_block_img .octo, #imageRoller .recomendations_inner .recomendations_block_img .octo div {margin: 0 auto; transform-origin: 50% 50%; overflow: hidden;} #imageRoller .recomendations_inner .recomendations_block_img .octo, #imageRoller .recomendations_inner .recomendations_block_img .octo div { width: 100%; height: 100%;} #imageRoller .recomendations_inner .recomendations_block_img .octo {transform: rotate(45deg);} #imageRoller .recomendations_inner .recomendations_block_img .octo1 {transform: rotate(-45deg);} #imageRoller .recomendations_inner .recomendations_block_img .octo1 img {border: 0; height: 100%; margin: 0; max-height: 100%; max-width: 100%; object-fit: cover; object-position: top; width: 100%;}*/ /* DECÁGONO */ /* #imageRoller .recomendations_inner .recomendations_block_img .dodeca, #imageRoller .recomendations_inner .recomendations_block_img .dodeca div {margin: 0 auto; transform-origin: 50% 50%; overflow: hidden; width: 100%; height: 100%; position:absolute;} #imageRoller .recomendations_inner .recomendations_block_img .dodeca {transform: rotate(120deg);} #imageRoller .recomendations_inner .recomendations_block_img .dode1 {transform: rotate(-60deg);} #imageRoller .recomendations_inner .recomendations_block_img .dode2 {transform: rotate(-60deg);} #imageRoller .recomendations_inner .recomendations_block_img .dode2 img {border: 0; height: 100%; margin: 0; max-height: 100%; max-width: 100%; object-fit: cover; object-position: top; width: 100%;} #imageRoller .recomendations_inner .recomendations_block_img .dodeca .dode1 .layerContent {transform: rotate(-60deg); width: 100%; height: 100%; position: absolute;} #imageRoller .recomendations_inner .recomendations_block_img .layerContent .layer {position: absolute; width: 100%; height: 100%; opacity: 0; border-radius: 4px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; background: #f7f7f7; color: #333; padding: 10px;} #imageRoller .recomendations_inner .recomendations_block_img .dode1:hover .layerContent .layer {opacity: 0.8; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} #imageRoller .recomendations_inner .recomendations_block_img .dode1 .layerContent .layer p {overflow: hidden; width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1.75em; max-height: 8.75em; padding-right: 1em; font-weight: bold; text-align: center; font-size: 14px; letter-spacing: 1px;} #imageRoller .recomendations_inner .recomendations_block_img .dode1 .layerContent .layer p:before{content: '...'; position: absolute; right: 0; bottom: 0;} #imageRoller .recomendations_inner .recomendations_block_img .dode1 .layerContent .layer p:after{content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: #f7f7f7;} #imageRoller .recomendations_inner .recomendations_block_img .dode1:hover .layerContent .layer p a:hover{color:#333; text-decoration:underline;}*/ /* ul.multiple-featured-section li.multi-featured, ul.multiple-team-section li.multi-team .team-box, ul.multiple-team-section li.multi3-team .team-box, ul.multiple-team-section li.multi5-team, ul.multiple-agenda-section li.multi-agenda, .woocommerce.columns-4 ul.products li.product {-webkit-box-shadow: 1px 1px 7px 0 rgba(0,0,0,.3); -moz-box-shadow: 1px 1px 7px 0 rgba(0,0,0,.3); box-shadow: 1px 1px 2px 0 rgba(0,0,0,.3);} ul.multiple-team-section {padding: 0; overflow: hidden; margin: 15px 0; text-align:center;} ul.multiple-team-section li.multi-team {width: 23%; float: left; margin-right: 2.66%; margin-bottom: 2.66%; position: relative;} ul.multiple-team-section li.multi3-team {width: 31.5%; float: left; margin-right: 2.66%; margin-bottom: 2.66%;position: relative;} ul.multiple-team-section li.multi5-team {width: 17.872%; float: left; margin-right: 2.66%; margin-bottom: 2.66%; position: relative;} figure.team-box {border-radius:4px; height: 250px; margin: 0; overflow: hidden; padding: 0; position: relative; width: 100%;} figure.team-box:before {position: absolute; content: ''; height: 100%; width: 90%; z-index: 1; right: 0%; background: rgba(255,255,255,.7); border: 1px solid #fff; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform: skewX(30deg) translateX(80%); transform: skewX(30deg) translateX(80%); -webkit-box-shadow: 2px 0 10px rgba(0,0,0,.5); box-shadow: 2px 0 10px rgba(0,0,0,.5);} figure.team-box * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out;} figure.team-box .img{height: 100%; left: 0; position: absolute; width: 100%;} figure.team-box .img img {border: 0; height: 100%; margin: 0; max-height: 100%; max-width: 100%; object-fit: cover; object-position: top; width: 100%;} figure.team-box figcaption {padding-right: 25px; position: absolute; right: 0; top: 35%; width: 70%; z-index: 1; opacity: 0;} figure.team-box figcaption h2 {font-size: 1.2em; font-weight: 600; text-transform: capitalize;} figure.team-box figcaption h2{margin: 0; text-align: left; padding: 5px 0 0; width: 100%;} figure.team-box figcaption a {opacity: .6; color:#000;} figure.team-box figcaption a:hover {text-decoration:underline; opacity: .7;} figure.team-box:hover:before, figure.team-box.hover:before {-webkit-transform: skewX(30deg) translateX(0px); transform: skewX(30deg) translateX(0px);} figure.team-box:hover figcaption, figure.team-box.hover figcaption {opacity: 1; -webkit-transition-delay: .2s; transition-delay: .2s;} ul.multiple-team-section li.multi-team:nth-of-type(4n+4) {margin-right: 0;} ul.multiple-team-section li.multi3-team:nth-of-type(3n+3) {margin-right: 0;} ul.multiple-team-section li.multi5-team:nth-of-type(5n+5) {margin-right: 0;} */ /* ========================================================================== Footer Style ========================================================================== */ footer{padding-top: 40px} .footer{padding-top: 40px} .block-title {font-size: 14px; font-weight: 600; color: #263238; margin-bottom: 30px; text-transform: uppercase; position: relative;} footer .footer-Content {background-color: #f7f7f7; /*padding: 40px 0;*/ color: #333;} .footer .footer-Content {background-color: #f7f7f7; /*padding: 40px 0;*/ color: #333;} .textwidget {font-size: 14px; line-height: 24px; margin-bottom: 10px; text-align: justify; font-style:normal !important;} .textwidget p {color: #333;} footer .menu {padding-left: 0;} .footer .menu {padding-left: 0;} footer .menu li {padding-bottom: 12px;} .footer .menu li {padding-bottom: 12px;} footer .menu li a {color: #333;} .footer .menu li a {color: #333;} footer .menu li a:hover {color: #8c42ad;} .footer .menu li a:hover {color: #8c42ad;} .contact-footer {margin: 0; padding: 0; display: inline-block;} .contact-footer li {padding: 3px 0; margin-bottom: 15px;} .contact-footer li strong {float: left;} .contact-footer li span {margin-left: 85px; display: block;} .contact-footer li span a {color: #333;} .contact-footer li span a:hover {color: #8c42ad;} .instagram-footer {padding: 0;} .instagram-footer li {display: block; width: 33%; float: left; padding: 0 5px 5px 0; margin: 0;} .instagram-footer li a img {width: 100%;} .footer-social li {display: inline-block; margin-right: 12px;} .footer-social li a {background-color: #8c42ad; border-radius: 50%; color: #fff; height: 32px; line-height: 32px; text-align: center; width: 32px; display: inline-block; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} #copyright .footer-social li a {background-color: #fff; border-radius: 50%; height: 16px; line-height: 16px; text-align: center; width: 16px; display: inline-block; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .footer-social li .facebook img, .instagram img, .twitter img, .linkedin img, .google-plus img {margin-top:-0.2em;} .footer-social li .facebook:hover {background-color: #3b5998;} .footer-social li .instagram:hover {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);} .footer-social li .twitter:hover {background-color: #55acee;} .footer-social li .linkedin:hover {background-color: #007bb5;} .footer-social li .google-plus:hover {background-color: #dd4b39;} #copyrightTop {border-bottom:1px solid #d0d0d0; color: #333; text-align: center; overflow: hidden; padding: 40px 0 20px 0; width: 100%; } #copyright {border-top:1px solid #d0d0d0; color: #333; text-align: center; overflow: hidden; padding: 20px 0; background: #fff; width: 100%; } #copyright p{margin-bottom: 0;line-height: 40px;} #copyright p a {color: #333;} #copyright p a:hover {color: #8c42ad;} #copyright .nav-inline .nav-link {color: #333; padding: 10px 0; margin-left: 10px;} #copyright .nav-inline .nav-link:hover {color: #8c42ad;} /* ========================================================================== Scroll To Top ========================================================================== */ .back-to-top {display: none; position: fixed; bottom: 30px; right: 15px;} .back-to-top span {cursor:pointer; border:2px solid #8c42ad; display: block; width: 40px; height: 40px; line-height: 36px; font-size: 14px; font-weight:700; text-align: center; border-radius: 4px; background-color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} /* ========================================================================== Agenda section Style ========================================================================== */ .agenda {background: #fff;} .agenda-item {/*max-height:250px;*/ /*min-height:200px;*/ padding: 25px; margin:0 15px 15px; background: #f7f7f7; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.06);} .agenda-item:hover {box-shadow: 0px 0px 10px #aaaaaa;} .agenda-item .agendaContent {display: inline-block; margin-bottom: 10px; width:100%;} .agenda-item .agendaContent .img-thumb {float: left; overflow: hidden; position: relative; width:40%; height:100px; transition: transform .5s} .agenda-item .agendaContent .img-thumb:hover{transform: scale(1.02);} .agenda-item .agendaContent .img-thumb img {/*border-radius: 50%;*/ width: 100%; height:100%; } .agenda-item .agendaContent .agendaContent-info {text-align:left; float: left; padding: 3px 0; width:55%; margin-left:5%;} .agenda-item .agendaContent .agendaContent-info h2 {font-size: 16px; font-weight: 600; line-height: 20px; margin-bottom: 0;} .agenda-item .agendaContent .agendaContent-info h2 a {color: #484848;} .agenda-item .agendaContent .agendaContent-info h2 a:hover {color: #8c42ad;} .agenda-item span {/*float:left;*/ font-size: 10px; font-weight: 500; line-height: 20px; margin-bottom: 0;} .agenda-item p {margin-top:10px; text-align:left; font-size: 10px; font-weight: 500; line-height: 20px; margin-bottom: 0;} .agenda-item .content-inner {overflow: hidden;} .agenda-item .content-inner .description {width: 100%; margin-bottom: 0px; font-size: 12px; color: #333; line-height: 26px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} .agenda-item .content-inner span {color: #8c42ad;} /* ========================================================================== News-Roller section Style ========================================================================== */ .newsRoller {background:#f7f7f7;} .newsRoller .news-wrap{padding:10px; position: relative; margin: 10px; background-color: white; box-shadow: 0px 0px 10px #aaaaaa; transition: transform .5s; border-radius: 4px;} .newsRoller .news-wrap .news-img{overflow: hidden; width: 100%; height: 380px;} .newsRoller .news-wrap .news-img img{border: 0; height: 100%; margin: 0; max-height: 100%; max-width: 100%; object-fit: cover; object-position: top; width: 100%; -webkit-transition-duration: 2000ms; -o-transition-duration: 2000ms; transition-duration: 2000ms;} .newsRoller .news-wrap .news-img:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .newsRoller .news-wrap .layer{ margin-top:10px; width: 100%; height: 65px; border-radius: 4px; -webkit-backface-visibility: hidden; background: #f7f7f7; color: #333; padding: 10px;} .newsRoller .news-wrap .layer .title{text-align:center; /*float:left;*/ width:10%; height:45px;display: table-cell; vertical-align: middle; } .newsRoller .news-wrap .layer .title .block-text {overflow: hidden; position: relative; line-height: 1.2em; max-height: 2.4em; padding-right: 1em;} .newsRoller .news-wrap .layer .title .block-text:before {content: '...'; position: absolute; right: 0; bottom: 0;} .newsRoller .news-wrap .layer .title .block-text:after {content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: #f7f7f7;} .newsRoller .news-wrap .layer .icon{margin-left:2%; border:2px solid transparent; border-radius:100px; cursor:pointer; line-height:42px; text-align:center; float:right; width:15%; -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);} .newsRoller .news-wrap:hover .layer .icon {-webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); border-color:#8c42ad;} /* Não está em uso */ .shot-img {width: 100%; height: 100%; overflow: hidden; position: relative;} .shot-img a{top: 70%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; position: absolute; bottom: 0; right: 0; left: 0; text-align: center; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.79))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.79) 100%); line-height: 40px; color: #fff;} .shot-img a h1{ font-weight:700; color:#fff; font-size: 18px; line-height: 1.5em; text-shadow: 1px 2px 2px rgba(0,0,0,.3);} .shot-img img {display: block; width: 100%; height: auto; /*max-height: 250px;*/ opacity:0.6; -webkit-transition-duration: 2000ms; -o-transition-duration: 2000ms; transition-duration: 2000ms;} .shot-img:hover img {cursor:pointer; opacity:1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} /* ========================================================================== NEWS section Style ========================================================================== */ .news {background: #f7f7f7;} .news-item {max-height:650px; /*min-height:200px;*/ padding: 25px; margin: 15px; background: #fff; border-radius:4px; box-shadow: 0px 0px 10px 0px rgba(84, 110, 122, 0.15); -webkit-transition: transform 0.2s linear, -webkit-box-shadow 0.2s linear; -moz-transition: transform 0.2s linear, -moz-box-shadow 0.2s linear; transition: transform 0.2s linear, box-shadow 0.2s linear;} .news-item:hover {box-shadow: 0px 0px 20px 0px rgba(84, 110, 122, 0.35); -webkit-transform: translateY(-5px); transform: translateY(-5px);} .news-item a:hover{text-decoration:underline;} .news-item .news-noimage-nosum{height:580px;} .news-item .news-image{height:250px; width:75%; margin:auto; line-height:250px; text-align:center;} .news-item .news-image img, .news-item .news-noimage-nosum img{max-height:100%; max-width:100%;} .news-item .newsContent {text-align:justify; display: inline-block; margin: 10px 0; height: 300px; line-height: 20px;} .news-item .cut-text{overflow: hidden; position: relative; line-height: 20px; max-height: 300px; /* margin-right: 2em;*/ padding-right: 1em;} .news-item .cut-text:before {content: '...'; position: absolute; right: 0; bottom: 0;} .news-item .cut-text:after {content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: #fff;} .news-item .news-noimage-nosum .cut-text{max-height:580px;} .news-item .newsContent p, .news-item .newsContent div, .news-item .newsContent span{line-height:20px;} .news-item .newsContent .img-thumb {float: left; overflow: hidden; position: relative; width:30%; height:100px;} .news-item .newsContent .img-thumb img {border-radius: 50%; width: 75%; height:100%;} /* ========================================================================== Roller Style ========================================================================== */ .owl-pagination {position: absolute; width: 100%; left: 0; bottom: -40px;} .owl-theme .owl-controls .owl-page {display: inline-block; zoom: 1; *display: inline;} .owl-theme .owl-controls .owl-page span {display: block; width: 12px; height: 12px; margin: 2px 4px; filter: alpha(opacity=50); opacity: 1; border-radius: 30px; background: #fff; border: 2px solid #fff; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;} .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {background: #8c42ad;} /* ========================================================================== Details Style ========================================================================== */ .content-wrapper {display: block; overflow: hidden; margin: 50px 0 10px; background: #fff;} .content {width: 78%; float: left; padding:0 15px 15px 15px; min-height:185px;} .content .section-header {width:100%; float:left; margin-bottom:20px;} .content .section-header .section-title{text-align:left; text-transform:none; float:left;} .content .fc{margin:10px auto;} .content .fl{float:left; margin:0 20px 20px 0;} .content .fr{float:right; margin:0 0 20px 20px;} .content .content-description {margin:10px 0; text-align:justify;} .sidebar-filter-icon{display:none; float:right;} .sidebar-details { width: 20%; float: right; /*position: absolute;*/ /*top: 0;*/ right:0; height: auto; background: #ffffff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); /*z-index: 10;*/ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform right 500ms ease; -moz-transition: -moz-transform right 500ms ease; /*transition: transform 0.3s, box-shadow 0.3s;*/ transition: right 500ms ease; margin-bottom:5px;} .sidebar-details.filter-is-visible {right:0%; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2); z-index:1;} .sidebar-details .sd-close{float:right; display:none} .sidebar-details .sidebar-content {/*margin: 0 0 30px;*/ word-wrap: break-word; overflow: hidden; background: #fff; padding: 15px;} .sidebar-details .sidebar-content ul {margin: 0; margin-bottom:25px; padding: 0; float: left; width: 100%;} .sidebar-details .sidebar-content li {font-size:12px; text-align:left; margin: 0; padding: 5px 0; list-style: none; clear: both;} .sidebar-details .sidebar-content li a{letter-spacing: .4px; display: block; position: relative; padding-right:35px;} .sidebar-details .sidebar-content li a span{top:0px; right:0px; position:absolute; float:right;} .sidebar-details .sidebar-content li label{margin:0;} .sidebar-details .sidebar-content .section-header{float:left; width:100%; margin-bottom:5px;} .sidebar-details .sidebar-content .section-header .section-title{text-align:left; font-size:14px;} /* ========================================================================== Disclaimer Style ========================================================================== */ #disclaimer {background-color: rgba(20,20,20,0.8); min-height: 26px; font-size: 14px; color: #ccc; line-height: 26px; padding:5px; font-family: "Trebuchet MS",Helvetica,sans-serif; position: fixed; bottom: 0; left: 0; right: 0; display: none; z-index: 9999;} #disclaimer .text{float:left; width:90%; text-align:center; padding:5px 10px;} #disclaimer .button{ background-color:#8c42ad; border-radius:4px; color:#333; float:right; width:10%; text-align:center; padding:5px 10px; cursor:pointer;} #disclaimer .button:hover{background-color:#8c42ad;} #disclaimer a {color: #ccc; text-decoration: none;} #disclaimer a:hover{color:#8c42ad; text-decoration:underline;} #closedisclaimer {float: right; display: inline-block; cursor: pointer; height: 20px; width: 20px; margin: -15px 0 0 0; font-weight: bold;} #closedisclaimer:hover {color: #FFF;} #disclaimer a.cookieConsentOK {background-color: #F1D600; color: #000; display: inline-block; border-radius: 5px; padding: 0 20px; cursor: pointer; float: right; margin: 0 60px 0 10px;} #disclaimer a.cookieConsentOK:hover {background-color: #E0C91F;} /* ========================================================================== CONTEÚDO INSTITUCIONAL Style ========================================================================== */ .sectionContentInst .content{width:100%; padding:0} .sectionContentInst .content .institucional_inner{overflow:hidden;} /* Botão voltar */ .containerBtnBack{max-width: 1170px; min-width: 240px; padding: 0; margin-right: auto; margin-left: auto; margin-top:40px; position: relative; clear: both;} .btnBack {background:#f7f7f7; position: relative; width: 8em; color: #333; border: .15em solid #8c42ad; border-radius: 5em; text-transform: uppercase; text-align: center; font-size: 14px; line-height: 2em; cursor: pointer; font-weight:700; padding:10px;} .btnBack:hover span {text-decoration:underline;} .btnBack .dot {content: ''; position: absolute; top: 0; width: calc(8em*.2); height: 100%; border-radius: 100%; transition: all 300ms ease; display: none;} .btnBack .dot:after { content: ''; position: absolute; left: calc(50% - .4em); top: -.4em; height: .8em; width: .8em; background: #8c42ad; border: .25em solid #fff; box-shadow: 0 0 .7em #fff, 0 0 2em #f7f7f7;} .btnBack:hover .dot, .btnBack:focus .dot {animation: dot 1.5s infinite linear; display: block;} @keyframes dot { 0% {transform: translateX(0) rotate(0);} 30%{transform: translateX(calc(6em - calc(6em*.2))) rotate(0);} 50% {transform: translateX(calc(6em - calc(6em*.2))) rotate(180deg);} 80% {transform: translateX(0) rotate(180deg);} 100% {transform: translateX(0) rotate(360deg);} } /* Apresentação de várias imágens na página (só imágens) */ .sectionContentInst .content .institucional_inner .institucional_block_img{text-align: center; border-radius: 4px; float: left; width: 23%; margin-right: 2.66%; margin-bottom: 2.66%; height: 275px; overflow: hidden; position: relative; background-color: #fff;} .sectionContentInst .content .institucional_inner .institucional_block_img:nth-of-type(4n+4) {margin-right: 0;} .sectionContentInst .content .institucional_inner .institucional_block_img .img {height: 100%; left: 0; position: absolute; width: 100%;} .sectionContentInst .content .institucional_inner .institucional_block_img .img img { border: 0; height: 100%; margin: 0; max-height: 100%; max-width: 100%; object-fit: cover; object-position: top; width: 100%;} .sectionContentInst .content .institucional_inner .institucional_block_img .layerContent {width: 100%; height: 100%; position: absolute;} .sectionContentInst .content .institucional_inner .institucional_block_img .layerContent .layer {position: absolute; width: 92%; height: 92%; opacity: 0; border-radius: 4px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; background: #f7f7f7; color: #333; padding: 10px; margin: 4%;} .sectionContentInst .content .institucional_inner .institucional_block_img:hover .layerContent .layer {opacity: 0.8; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .sectionContentInst .content .institucional_inner .institucional_block_img .layerContent .layer p {overflow: hidden; width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1.75em; max-height: 8.75em; padding-right: 1em; font-weight: bold; text-align: center; font-size: 14px; letter-spacing: 1px;} .sectionContentInst .content .institucional_inner .institucional_block_img .layerContent .layer p:before{content: '...'; position: absolute; right: 0; bottom: 0;} .sectionContentInst .content .institucional_inner .institucional_block_img .layerContent .layer p:after{content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: #f7f7f7;} .sectionContentInst .content .institucional_inner .institucional_block_img:hover .layerContent .layer p a:hover{color:#333; text-decoration:underline;} /* ===================================================================================================================================================== PESQUISAS Style ===================================================================================================================================================== */ .form-horizontal{overflow:hidden; width:100%;} .form-group{width:100%;overflow:hidden; margin:0} .form-group .input-group{float:left; width:92%;} .form-group .input-groupThes{float:left; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%;} .form-group .input-groupMulti{float:left; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%;} .input-groupThes>.form-control {position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0;} .input-groupMulti>.form-control {position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0;} .input-groupThes>.form-control:not(:last-child) {border-top-right-radius: 0; border-bottom-right-radius: 0;} .input-groupMulti>.form-control:not(:last-child) {border-top-right-radius: 0; border-bottom-right-radius: 0;} .form-group .input-groupDates{width:100%; overflow:hidden;} .form-group .icon-group{float:right; width:7%;height:40px;} .form-group:last-child {margin-bottom:1rem} label.control-label{display:none} input[type="text"].thesbox{display: none; margin-right:0;} .form-control, .drop-control{display: block; width: 100%; font-size: 14px; box-shadow: none; color: #848484; /*background: #f7f7f7;*/ /*border: 2px solid #f7f7f7;*/ border: 2px solid #ededed; padding: 8px; border-radius: 10px; background-image: none; background-clip: padding-box; height:40px;} .drop-control {border-top-left-radius: 0; border-bottom-left-radius: 0; width:auto; min-width:75px;} .drop-control:last-child {border-top-left-radius: 0; border-bottom-left-radius: 0;} .input-groupDates input{width:22%; float:left;} .form-control::placeholder {font-size:12px;} .form-control:focus, .drop-control:focus{background-color: #fff; border: 1px solid #8c42ad; outline: none; box-shadow: none;} .form-group .listx2{display:none;} .form-group .icon-group .infoSearchDisplay{cursor:pointer; float:left; margin:15% 0 0 15%;} .form-group .icon-group .optionSearchDisplay{cursor:pointer; float:right; margin:15% 0 0 10%;} .advance_search_form__actions{text-align:right;} .form-group .btn {color:#333; background-color:#e0cce9; font-size:14px; border-radius:4px; padding:5px 10px; margin:5px;} .form-group .btn:hover{background-color:#8c42ad;} .form-group .btn:last-child {margin-right:0} .form-group .btn:focus{border: 1px solid #8c42ad; outline: none; box-shadow: none;} .sidebar-content .section-header span {font-size: 15px; color: #333; z-index: 2; font-family: 'Glyphicons Halflings'; font-weight: 500; text-transform: capitalize; position: relative; top: 0; left: 0; width: 100%;} .sidebar-content .input-groupDates label{float:left; line-height:40px;} .sidebar-content .input-groupDates .form-control{width:25%;} /* PESQUISAS - CSS HISTÓRICO DA PESQUISA SIMPLES Style ========================================================================== */ .histSrchSimle .input-group .form-control{border-top-left-radius:10px !important; border-bottom-left-radius:10px !important;} .histSrchSimle .input-group .btn{float: right; color: #333; background-color: #8c42ad; font-size: 14px; border-radius: 4px; padding: 5px 10px; margin: 15px 0 0 0; border: 1px solid #8c42ad;} .histSrchSimle .input-group .btn:hover{cursor:pointer; background-color:#8c42ad;} .histSrchSimle .input-group .btn:focus{border: 1px solid #8c42ad; outline: none; box-shadow: none;} /* PESQUISAS - CSS PARA O ALFABETO (AUTORES/ENTIDADES) Style ========================================================================== */ .alphabet{float:left; padding:0;} .alphabet ul{padding:0; list-style:none; cursor:pointer;} .alphabet li{padding:6px 5px 6px 0; font-size:16px; display:inline; line-height:38px;} .alphabet li:hover{padding:6px 5px 6px 0; font-weight:bold;} .alphabetFocus {font-weight:bold;} .thesSearchResult{float:left; width:72.5%; padding:15px 15px 15px 15px; background-color:#f7f7f7; font-size:14px; font-weight:bold; border-radius:4px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 2px 2px 4px 0 #ccc;} .thesSearchResult li {list-style-type:none; padding-top:5px; padding-bottom:5px} .thes-usar {display: inline-block; margin-right: 10px; width: 21px;} .tselect {font-weight: bold; color: #000; font-size: 13px;} /* ========================================================================== PESQUISAS - RESULTADO MULTIBASE Style ========================================================================== */ .table .tableHeader {/* background-color: #d0d0d0; */ background-color: #f7f7f7; border: 1px solid #f7f7f7; padding-bottom: 0px; border-radius: 4px;} .table .nmbr_link, .table .nmbr {font-size: 14px; text-align: left; padding: 5px; line-height: 1.428571429; border: 1px dotted #efeeeb;} .table .nmbr{text-align:center;} .table td, .table th{padding:5px; vertical-align:middle;} .table .btn-multi{color: #333; background-color: #8c42ad; font-size: 12px; border-radius: 4px; padding: 5px 10px;} .table .btn-multi:hover{background-color:#8c42ad;} .table .btn-multi:focus{border: 1px solid #8c42ad;outline: none; box-shadow: none;} .nota{float:right; background: #f7f7f7; padding: 15px; border-width: 1px; border-style: solid; border-color: #f7f7f7; border-radius: 4px;} .nota h5{font-weight: bold; margin-bottom: 5px; font-size:14px;} .table a:hover{text-decoration:underline;} /* ========================================================================== PESQUISAS - MINHAS PESQUISAS Style ========================================================================== */ .btn-minhas-pesquisas{float:right; color: #333; background-color: #8c42ad; font-size: 12px; border-radius: 4px; padding: 5px 10px;} .btn-minhas-pesquisas:hover{background-color:#8c42ad;} .btn-minhas-pesquisas:focus{border: 1px solid #8c42ad;outline: none; box-shadow: none;} /* ========================================================================== PESQUISAS - PNL Style ========================================================================== */ .form-group-pnl{float:left;overflow:hidden; margin:0.5%; width:19.2%;} .form-group-pnl:first-child {margin-left:0} .form-group-pnl:last-child {margin-right:0} .form-group-pnl label.control-label{display:block; text-align:left; margin:0; font-weight:600;} .form-group-pnl select{border:2px solid #f7f7f7; border-radius:4px; width:100%; display:block; box-shadow: 0px 0px 2px 2px #f7f7f7;} .form-group-pnl select:focus {border-color:#8c42ad; outline:0;} .form-group-pnl select option{font-size:12px; margin:2px;} .form-group-pnl select option:hover{background-color:#8c42ad} .form-group-pnl select option:checked{background:#8c42ad linear-gradient(0deg, #8c42ad 0%, #8c42ad 100%); color:#333} /* ========================================================================== PESQUISAS - ODS Style ========================================================================== */ .form-group-ods{display: flex; flex-wrap: wrap;} /*.form-group-ods .form-group-ods_img{text-align: center; border-radius: 4px; float: left; width: 23%; margin-right: 2.66%; margin-bottom: 2.66%; height: 275px; overflow: hidden; position: relative; background-color: #fff;}*/ .form-group-ods .form-group-ods_img{flex: 0 0 auto; width: auto; max-width: 14.25%; position: relative;} .form-group-ods .form-group-ods_img_objetivo1_hover{background-image: url(../images/ods/objetivo1_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img_objetivo2_hover{background-image: url(../images/ods/objetivo2_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img_objetivo3_hover{background-image: url(../images/ods/objetivo3_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img_objetivo4_hover{background-image: url(../images/ods/objetivo4_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img_objetivo5_hover{background-image: url(../images/ods/objetivo5_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img_objetivo6_hover{background-image: url(../images/ods/objetivo6_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img_objetivo7_hover{background-image: url(../images/ods/objetivo7_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img_objetivo8_hover{background-image: url(../images/ods/objetivo8_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img_objetivo9_hover{background-image: url(../images/ods/objetivo9_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img_objetivo10_hover{background-image: url(../images/ods/objetivo10_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img_objetivo11_hover{background-image: url(../images/ods/objetivo11_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img_objetivo12_hover{background-image: url(../images/ods/objetivo12_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img_objetivo13_hover{background-image: url(../images/ods/objetivo13_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img_objetivo14_hover{background-image: url(../images/ods/objetivo14_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img_objetivo15_hover{background-image: url(../images/ods/objetivo15_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img_objetivo16_hover{background-image: url(../images/ods/objetivo16_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img_objetivo17_hover{background-image: url(../images/ods/objetivo17_hover.png); background-position: center center; background-repeat: no-repeat;} .form-group-ods .form-group-ods_img .layerContent {width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .form-group-ods .form-group-ods_img .layerContent .layer {align-items: center; position: absolute; width: 95%; height: 95%; opacity: 0; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; color: #fff; margin: 5px 0;} .form-group-ods .form-group-ods_img .layerContent .layer .centerContent{position: absolute; width: 100%; top:50%; margin-top: -25%; text-align:center;} .form-group-ods .form-group-ods_img img {width:95%;cursor: pointer; margin:5px 0} .form-group-ods .form-group-ods_img:hover .layerContent .layer {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} /* ========================================================================== LISTA DE RESULTADOS - LISTA Style ========================================================================== */ #search-result-list {width:100%; float:left;} .sectionResults .content #search-result-list .paginationAlign{text-align: right;} .sectionResults .content #search-result-list .paginationAlign .pagination{display: inline-block; padding-left:0; border-radius: 4px;} .sectionResults .content #search-result-list .paginationAlign .pagination li{display: inline;} .sectionResults .content #search-result-list .paginationAlign .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {color: #fff; cursor: default; background-color: #d0d0d0; border-color: #d0d0d0;} .sectionResults .content #search-result-list .paginationAlign .pagination > li > a, .sectionResults .content #search-result-list .paginationAlign .pagination > li > span {position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #b7b7b7; text-decoration: none; background-color: #fff; border: 1px solid #ddd;} .sectionResults .content #search-result-list .paginationAlign span.current_page {float: left;line-height: 30px;color: #b7b7b7;} .sectionResults .content #search-result-list .paginationAlign .pagination > li > a:hover, .sectionResults .content #search-result-list .paginationAlign .pagination > li > span:hover, .sectionResults .content #search-result-list .paginationAlign .pagination > li > a:focus, .sectionResults .content #search-result-list .paginationAlign .pagination > li > span:focus { z-index: 2; color: #d0d0d0; background-color: #eee; border-color: #d0d0d0;} .sectionResults .content #search-result-list .paginationAlign .pagination > li:first-child > a, .sectionResults .content #search-result-list .paginationAlign .pagination > li:first-child > span {margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;} .sectionResults .content #search-result-list .paginationAlign .pagination > li:last-child > a, .sectionResults .content #search-result-list .paginationAlign .pagination > li:last-child > span {border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .sectionResults .content #search-result-list .CheckAndShareOptions{width:100%; margin-bottom:15px; overflow:hidden;} .sectionResults .content #search-result-list .CheckAndShareOptions .checkListElements {float:left;} .sectionResults .content #search-result-list .CheckAndShareOptions .checkListElements .checkall{cursor:pointer; font-size:12px; color:#8c42ad; font-weight:700;} .sectionResults .content #search-result-list .CheckAndShareOptions .checkListElements .uncheckall{cursor:pointer; font-size:12px; color:#8c42ad; font-weight:700;} .sectionResults .content .CheckAndShareOptions .sharebar-details{width: 45%; float: right; background:#fff; z-index:10; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform right 500ms ease; -moz-transition: -moz-transform right 500ms ease; transition: right 500ms ease;} .sectionResults .content .CheckAndShareOptions .sharebar-details .sd-sharebar-close{float:right; display:none;} .sectionResults .content .CheckAndShareOptions .sharebar-details .syndicate {float:right; width:100%;} .sectionResults .content .CheckAndShareOptions .sharebar-details .syndicate li{float: right; list-style-type: none; text-align: center; padding-left: 15px;} .sectionResults .content .CheckAndShareOptions .sharebar-details .syndicate li a{display:block; width:44px; font-size:12px; color:#333;} .sectionResults .content .CheckAndShareOptions .sharebar-details .syndicate li a img{width:20px;} .sectionResults .content .CheckAndShareOptions .sharebar-details.sharebar-is-visible {right:0%; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);} .sectionResults .content .CheckAndShareOptions .sharebar-details .sd-close{float:right; display:none} .sectionResults .content-wrapper .content .listResults{width:100%; height:auto;} .sectionResults .content-wrapper .content .listResults .itemLista{perspective:1000px; min-height:140px; overflow: hidden; color: #333; background: #f7f7f7; padding: 1em; margin: 0 0 1em; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 2px 2px 4px 0 #ccc; transition: all 0.3s; border-radius: 4px;} .sectionResults .content-wrapper .content .listResults .itemLista .list_row__thumbnail {float: left; width: 18%; background: transparent; text-align: center;} /*.sectionResults .content-wrapper .content .listResults .itemLista .list_row__thumbnail img{max-width:95%; max-height:95%;}*/ .sectionResults .content-wrapper .content .listResults .itemLista .list_row__thumbnail img{max-width:60%; max-height:95%;} .sectionResults .content-wrapper .content .listResults .itemLista .list_row__description {font-size:12px; position:relative; float: left; width: 70%; margin:0 2%;} .sectionResults .content-wrapper .content .listResults .itemLista .list_row__actions{float: right; width: 80%; margin-top:18px;} .sectionResults .content-wrapper .content .listResults .itemLista .list_row__actions .element{ float: left; margin-right:10px; display:flex;} .sectionResults .content-wrapper .content .listResults .itemLista .list_row__description .list_row_title_layout {font-size:14px; width: 97%; float: left; overflow: hidden; text-overflow: ellipsis;} .sectionResults .content-wrapper .content .listResults .itemLista .list_row__description .list_row_title_layout p{line-height:1.2em;} .sectionResults .content-wrapper .content .listResults .itemLista .list_row__iconery {width:8%; float:left; height:100%; text-align:center;} .sectionResults .content-wrapper .content .listResults .itemLista .list_row__iconery span{font-size:12px; line-height:12px; display:block} .sectionResults .content-wrapper .content .listResults .itemLista:hover {transition: all .2s ease-in-out; -ms-transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); transform: scale(1.02,1.02);} /* RODAR IMAGEM QUANDO ESTÁ EM HOVER */ .sectionResults .content-wrapper .content .listResults .itemLista:hover img.thumb{/*transform: rotateY(50deg);*/ box-shadow: -5px 5px 10px 2px rgba(0, 0, 0, 0.2), -2px 0px 0px 0px #d0d0d0; transition: all 0.5s; transition-delay: 0.05s;} .sectionResults .resultadosWeb h2{width:88%;} .sectionResults .resultadosMobile{display:none} .sectionResults .resultadosMobile .btn{padding:2px 0;} .sectionResults .resultadosWeb .btn{padding:1px 5px;} .sectionResults .resultadosWeb .btn-select {color: #333; background-color: #8c42ad; border-color:#8c42ad;} .sectionResults .sidebar-details .sidebar-content li .seeAll{color:#333;} .sectionResults .sidebar-details .sidebar-content li .seeAll:hover{cursor:pointer; color:#8c42ad;} /* ========================================================================== LISTA DE RESULTADOS - MOSAICO Style ========================================================================== */ .sectionResults .content-wrapper .content .listResults .itemMosaicos{display:inline-block; overflow:hidden; color:#000; background: #f7f7f7; padding: 1em; margin: 0 2% 1.5em 0; width: 32%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: 2px 2px 4px 0 #ccc; border-radius:4px; transition: all 0.3s;} .sectionResults .content-wrapper .content .listResults .itemMosaicos:nth-of-type(3n+3) {margin-right:0;} .itemMosaicos:hover{transition: all .25s ease-in-out; -ms-transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); transform: scale(1.03,1.03); } .sectionResults .content-wrapper .content .listResults .itemMosaicos .thumb_image {text-align: center; width: 100%; display: inline-block; height:150px; margin-bottom:1em;} .thumb_image:before {content: ' '; display: inline-block; vertical-align: middle; height: 100%;} .thumb_image img { margin: 0 auto; display: inline-block; vertical-align:middle;max-height:95%; max-width:90%;} .sectionResults .content-wrapper .content .listResults .itemMosaicos .thumbnail__info {font-size:12px; margin-bottom: 15px; width: 100%; height:80px; position: relative;} .sectionResults .content-wrapper .content .listResults .itemMosaicos .thumbnail__info .list_row_title_layout_mosaico{font-size:14px; width:90%; float:left; overflow:hidden; text-overflow:ellipsis;} .sectionResults .content-wrapper .content .listResults .itemMosaicos .thumbnail__info .list_row_title_layout_mosaico .block-with-text {overflow: hidden; position: relative; line-height: 1.2em; max-height: 4.8em; padding-right: 1em;} .sectionResults .content-wrapper .content .listResults .itemMosaicos .thumbnail__info .list_row_title_layout_mosaico .block-with-text:before {content: '...'; position: absolute; right: 0; bottom: 0;} .sectionResults .content-wrapper .content .listResults .itemMosaicos .thumbnail__info .list_row_title_layout_mosaico .block-with-text:after {content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: #f7f7f7;} .sectionResults .content-wrapper .content .listResults .itemMosaicos .thumbnail__info .iconQtipList{float:right; line-height:22px;} .sectionResults .content-wrapper .content .listResults .itemMosaicos .thumb__actions {font-size:12px;} .sectionResults .content-wrapper .content .listResults .itemMosaicos .thumb__actions .element {display:flex;} .changeDisplayViewIconery .displayIcon, .changeDisplayViewInfo .displayIcon{display:block;} /* ========================================================================== DETALHE DE REGISTO- LISTA Style ========================================================================== */ #search-result-detail{overflow:hidden;} .sectionResultsDetails .section-header {width: 100%; float: left; margin-bottom: 20px;} .sectionResultsDetails .section-header .section-title {width:50%; text-align: left; text-transform: none; float: left;} .sectionResultsDetails .sharebar-details{width: 50%; float: right; background:#fff; z-index:10; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform right 500ms ease; -moz-transition: -moz-transform right 500ms ease; transition: right 500ms ease;} .sectionResultsDetails .sharebar-details .sd-sharebar-close{float:right; display:none;} .sectionResultsDetails .sharebar-details .syndicate {float:right; width:100%;} .sectionResultsDetails .sharebar-details .syndicate li{float: right; list-style-type: none; text-align: center; padding-left: 15px;} .sectionResultsDetails .sharebar-details .syndicate li a{display:block; width:44px; font-size:12px; color:#333;} .sectionResultsDetails .sharebar-details .syndicate li a img{width:20px;} .sectionResultsDetails .sharebar-details.sharebar-is-visible {right:0%; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);} .sectionResultsDetails .sharebar-details .sd-close{float:right; display:none} .sectionResults .content .CheckAndShareOptions .sharebar-details.sharebar-is-visible {right:0%; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);} .sectionResults .content .CheckAndShareOptions .sharebar-details .sd-close{float:right; display:none} .sectionResultsDetails .section-header .goBack{margin:20px 0; float:right;} .sectionResultsDetails .section-header .goBack a{color:#b7b7b7; font-size:12px;} .sectionResultsDetails .sidebar-details .sidebar-content .section-header .section-title{width:100%;} .sectionResultsDetails .content-wrapper .content .details_img_display {float:left; height: 300px; text-align: center; margin-right:2%; width:28%;} .sectionResultsDetails .content-wrapper .content .details_img_display img{max-height: 100%; max-width: 95%; margin: 0 auto;} .sectionResultsDetails .content-wrapper .content .list_resultsDetails {float:left; width:70%;} .sectionResultsDetails .content-wrapper .content .list_resultsDetails .titulo{font-size:20px; font-weight:bold; margin-bottom:20px;} .sectionResultsDetails .content-wrapper .content .list_resultsDetails li{list-style-type:none;} .sectionResultsDetails .content-wrapper .content .list_resultsDetails li button{background-color:#f7f7f7; border:1px solid #333; font-size:12px; padding:5px;} .sectionResultsDetails .content-wrapper .content .list_resultsDetails li button:hover{text-decoration:underline; border:1px solid #8c42ad;} .sectionResultsDetails .content-wrapper .content .list_resultsDetails li button:focus{ border-color: #8c42ad; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 223, 0, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 223, 0, 0.6); } .sectionResultsDetails .content-wrapper .content .list_resultsDetails .titlesHeader{width:100%; font-size:20px;} .sectionResultsDetails .content-wrapper .content .list_resultsDetails .titlesHeader h3{font-size:20px; font-weight:normal;} .sectionResultsDetails .content-wrapper .content .list_resultsDetails .detail_label{font-size: 13px; font-weight: bold; margin-bottom: 5px;} .sectionResultsDetails .content-wrapper .content .list_resultsDetails .detail_content{font-size: 15px; font-weight: normal;} .sectionResultsDetails .content-wrapper .content .list_resultsDetails .list_row__actions{float: left; width: 100%; margin-top:18px;} .sectionResultsDetails .content-wrapper .content .list_resultsDetails .list_row__actions .element{ float: left; margin-right:10px} .changeDisplayView .noDisplayIcon, .changeDisplayView .noDisplayIcon{display:none;} /* Tabela de exemplares */ .sectionResultsDetails .content-wrapper .table_items{width:100%; float:left; margin-top:40px;} .sectionResultsDetails .content-wrapper .table_items .table .tableHeader th{padding:10px 5px; text-align:center; font-size:12px; color:#333;} .sectionResultsDetails .content-wrapper .table_items .table td{color:#333; padding: 5px; text-align:center; font-size:12px; border:1px dotted #efeeeb;} .sectionResultsDetails .content-wrapper .table_items .smmMobile{display:none} .sectionResultsDetails .content-wrapper .table_items .btn{margin:0 10px; background-color: #f7f7f7; border: 1px solid #333; font-size: 12px; padding: 5px;} .sectionResultsDetails .content-wrapper .table_items .btn:hover{text-decoration:underline; border:1px solid #8c42ad;} .sectionResultsDetails .content-wrapper .table_items a.btn:hover{color:#333;} .sectionResultsDetails .content-wrapper .table_items .btn:focus{ border-color: #8c42ad; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 223, 0, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 223, 0, 0.6); } /* Recomendações */ .sectionResultsDetails_recomendations .content-wrapper{background:#f7f7f7;} .sectionResultsDetails_recomendations .section-header .section-title {text-align: left; text-transform: none;} .sectionResultsDetails_recomendations .content-wrapper .content{width:100%; padding:0;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner{display: flex; justify-content: center; align-items: center;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block {text-align:center; border-radius:4px; float: left; width: 23%; margin-right:2.66%; height: 200px; overflow: hidden; position: relative; background-color:#fff;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block:last-child{margin-right:0;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block .layerContent{width:100%; height:100%; position: absolute;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block img{max-width:90%; max-height:90%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block .layerContent .layer {position: absolute; width: 92%; height: 90%; opacity: 0; border-radius:4px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; background: #f7f7f7; color: #151E3F; padding:10px; margin:4%;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block:hover .layerContent .layer {opacity: 0.8; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block .layerContent .layer p {overflow: hidden; width:90%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); line-height: 1.75em; max-height: 8.75em; padding-right: 1em; font-weight:bold; text-align: center; font-size: 12px; letter-spacing:1px;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block .layerContent .layer p:before{content: '...'; position: absolute; right: 0; bottom: 0;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block .layerContent .layer p:after{content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: #f7f7f7;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block:hover .layerContent .layer p a:hover{color:#333; text-decoration:underline;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block__noImg {text-align:center; border-radius:4px; float: left; width: 23%; margin-right:2.66%; height: 200px; overflow: hidden; position: relative; background-color:#fff;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block__noImg:last-child{margin-right:0;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block__noImg .layerContent{width:100%; height:100%; position: absolute;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block__noImg .layerContent .layer {position: absolute; width: 92%; height: 90%; opacity: 0; border-radius:4px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; background: #f7f7f7; color: #151E3F; padding:10px; margin:4%;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block__noImg .layerContent .layer {opacity: 0.8; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block__noImg .layerContent .layer p {overflow: hidden; width:90%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); line-height: 1.75em; max-height: 8.75em; padding-right: 1em; font-weight:bold; text-align: center; font-size: 12px; letter-spacing:1px;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block__noImg .layerContent .layer p:before{content: '...'; position: absolute; right: 0; bottom: 0;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block__noImg .layerContent .layer p:after{content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: #f7f7f7;} .sectionResultsDetails_recomendations .content-wrapper .recomendations__inner .recomendations__block__noImg:hover .layerContent .layer p a:hover{color:#333; text-decoration:underline;} /*--------------------*/ /* ========================================================================== LEITORES Style ========================================================================== */ .sectionLeitorFullView .content{width:100%;} .sectionLeitor .goBack, .sectionLeitorFullView .goBack{margin: 0 10px; float: right;} .sectionLeitor .goBack a, .sectionLeitorFullView .goBack a{color: #b7b7b7; font-size: 12px;} /* Dados Pessoais */ .sectionLeitor .leitor_details{width:100%; float:left;} .sectionLeitor .leitor_details ul li{margin:5px 0;} .sectionLeitor .leitor_details ul li .detail_info_col__title{font-size: 13px; font-weight: bold; text-transform: uppercase;} .sectionLeitor .leitor_details .rodape{margin-top:70px;} .sectionLeitor .leitor_details .note{font-weight:bold;text-transform: uppercase;} .sectionLeitor .sidebar-details .sidebar-content .btn{color:#333; background-color:#8c42ad; font-size:14px; border-radius:4px; padding:5px 10px; margin:5px;} .sectionLeitor .sidebar-details .sidebar-content .btn:hover{background-color:#8c42ad;} .sectionLeitor .sidebar-details .sidebar-content .btn:focus{border: 1px solid #8c42ad; outline: none; box-shadow: none;} /* Cartão Leitor */ .sectionLeitorFullView .cartaoLeitor {overflow:hidden; display: block; position: relative; padding: 15px; background-color: #fff; width: 385px; height: 225px; margin: 0 auto; border: 2px solid #d0d0d0; border-radius: 15px;} .cartaoLeitor-Nome {width: 65%; float: left;} .cartaoLeitor-Logo {width: 20%; float: right; text-align: right;} .cartaoLeitor-Logo img{width: 100%;} .sectionLeitorFullView .cartaoLeitor-Code {text-align: center; width: 100%; float: left; position: absolute; bottom: 80px; margin-left: -15px;} @font-face {font-family: 'codabar'; src: url('../fonts/barcode/CodabarMedium.ttf');} .sectionLeitorFullView .cartaoLeitor-Code .codabar {font-family: 'codabar';} @font-face {font-family: 'code39'; src: url('../fonts/barcode/Code39.otf');} .sectionLeitorFullView .cartaoLeitor-Code .code39 {font-family: 'code39';} .sectionLeitorFullView .cartaoLeitor-Controlo {position: absolute; bottom: 10px; right: 10px; text-align: right; margin: 2% 0 0 0;} .sectionLeitorFullView .cartaoLeitor-Landscape{display: none} /* Empréstimos Reservas e Os meus Interesses */ .sectionLeitor .nabsContent{width:100%; overflow:hidden;} .sectionLeitor .nabsContent .contentImg {padding-top: 0; padding-bottom: 0; display: inline-block; height:80px; text-align:center; } .sectionLeitor .nabsContent .contentImg:before {content: ' '; display: inline-block; vertical-align: middle; height: 100%;} .sectionLeitor .nabsContent .contentImg img {display:inline-block; vertical-align:middle; max-height: 80px; max-width:80px;} .sectionLeitor .nabsContent .table > thead > tr > th, .sectionLeitor .nabsContent .table > thead > tr > td, .sectionLeitor .nabsContent .table > tbody > tr > th, .table > tbody > tr > td{text-align: center; padding: 5px; line-height: 1.428571429; border: 1px dotted #efeeeb;} .sectionLeitor .nabsContent .btn {color:#333; background-color:#8c42ad; font-size:14px; border-radius:4px; padding:5px 10px; margin:5px;} .sectionLeitor .nabsContent .btn:hover{background-color:#8c42ad;} .sectionLeitor .nabsContent .btn:last-child {margin-right:0} .sectionLeitor .nabsContent .btn:focus{border: 1px solid #8c42ad; outline: none; box-shadow: none;} /* Hover nas imagens */ .layerHoverImg .arrowImage{ display: none; max-width: 100%; position: absolute; width: 45px; background: transparent; overflow: hidden; height: 45px; /*margin: -1rem;*/ top:20px; right:20px; text-align:left; } .layerHoverImg .card-text{ display: block; max-width: 100%; position: absolute; width: 100%; background: transparent; overflow: hidden; height: 70px; /*margin: -1rem;*/ bottom:16px; text-align:left;} .layerHoverImg .card-text .text-container { color: #fff !important; padding: 0 30px 30px; overflow: hidden; left: 0; right: 0;} .layerHoverImg .card-text .cut-text-title{overflow: hidden; position: absolute; bottom:1rem; max-height: 50px; padding-right: 1em; color: #FFFFFF; font-family: Lato; font-size: 22px; font-weight: 900; letter-spacing: 1px; line-height: 25px; text-transform:uppercase;} .layerHoverImg .card-text .cut-text-title .line-clamp {color:#fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .layerHoverImg {background-color: rgb(0 0 0 / 0.2); position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .layerHoverImg:hover {background-color:#8c42ad; opacity:0.8;} .layerHoverImg:hover .arrowImage{display:block;} #navbar { padding: 0px; transition: 0.4s; } #navbar #logo { /*font-size:25px; font-weight: bold;*/ transition: 0.4s; max-width:100%; } /* calendar */ fieldset.calendar { margin-right: auto; /*margin-left: auto; */ width: 100%; text-align: center; border: none; /*margin-top: 5px;*/ /*margin-bottom: 15px;*/} fieldset.calendar label {float:left; line-height:2.5em; color: #000000; font-size: 87.5%; font-weight: bold; margin-right:10px; display:block;} fieldset.calendar select {color: #000000; font-size: 87.5%; float:left; width:30%; margin-bottom: 5px; height:34px !important;} div.cal-content { /*margin-right: auto; margin-left: auto; */ width: 100%; /* display: table; */} div.cal-content.week { /*margin-right: auto; margin-left: auto; */ width: 100%; /* display: table; */} div.cal-content.annual { /*margin-right: auto; margin-left: auto; */ width: 100%;/* display: table; */} div.calendar { float: left; width:100%; background: #DFDFDF; border-radius: 5px; box-sizing: border-box; padding: 5px; margin: 0 0 5px 0; } div.calendar header { overflow: clear; position: relative; background: none; height: 25px; box-shadow: none; margin:0; padding:5px 5px; display:block;} div.calendar h2 { font-size: 87.5%; font-weight: bold; margin: 0 0 10px; text-align: center; } div.calendar table { background: #f7f7f7; border-collapse: collapse; color: #000000; font-size: 80%; width: 100%; } div.calendar table td { border: 1px solid #CCCCCC; color: #000000; line-height: 22px; text-align: center; } div.calendar table th { color: #000000; font-weight: bold; text-align:center;} div.calendar td.daySelect, div.calendar td.weekSelect, div.calendar td.twoWeeksSelect , div.calendar td.anualSelect { background: #8c42ad; border: 0; box-shadow: 0 0 6px rgba(0, 0, 0, .5) inset; } div.calendar a{color:#000;} @media (max-width:320px){ div.calendar{margin-left:-10px;} } .widget{width:60%; margin:0 auto 20px auto;} /* Pesquisa kids */ .left_content{ height:auto; } .left_content:before{ content: " "; display:table; } .left_content:after{ content: " "; display: table; clear: both; } .divs{ width:100%; } .image{ display: block; margin: 10% auto -5% auto; } .topRightBallon{ float:right; } .topLeftBallon{ float:left; } .bottomLeftBallon{ float:left; } .bottomRightBallon{ float:right; } .textfield { position:absolute; bottom:10%; width:90%; } /* CSS talk bubble */ .talk-bubble { /*margin: 27px;*/ display: inline-block; position: relative; width: 280px; min-height: 150px; background-color: #efeeeb; } .talk-bubble:hover{ background-color: #e0cce9; } .focus{ background-color: #ffdf00; } .teste { background-color: #ffdf00; } .border{ border: 3.5px solid #dee2e6; } .round{ border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; } /* Right triangle place bottom right */ .tri-right.border.right-bottom:before { content: ' '; position: absolute; width: 0; height: 0; left: auto; right: -20px; top: auto; bottom: -1px; border: 20px solid; border-color: transparent transparent #dee2e6 transparent; } .tri-right.right-bottom:after { content: ' '; position: absolute; width: 0; height: 0; left: auto; right: -20px; top: auto; bottom: -0.2px; border: 20px solid; border-color: transparent transparent #efeeeb transparent; } .tri-right.right-bottom:hover::after { border-color: transparent transparent #e0cce9 transparent; } /* Right triangle place bottom left */ .tri-right.border.left-bottom:before { content: ' '; position: absolute; width: 0; height: 0; left: -20px; right: auto; top: auto; bottom: -1px; border: 20px solid; border-color: transparent transparent #dee2e6 transparent; } .tri-right.left-bottom:after { content: ' '; position: absolute; width: 0; height: 0; left: -20px; right: auto; top: auto; bottom: -0.2px; border: 20px solid; border-color: transparent transparent #efeeeb transparent; } .tri-right.left-bottom:hover::after { border-color: transparent transparent #e0cce9 transparent; } /* Right triangle placed top right flush. */ .tri-right.border.right-top:before { content: ' '; position: absolute; width: 0; height: 0; left: auto; right: -20px; top: -1px; bottom: auto; border: 20px solid; border-color: #dee2e6 transparent transparent transparent; } .tri-right.right-top:after{ content: ' '; position: absolute; width: 0; height: 0; left: auto; right: -20px; top: -0.2px; bottom: auto; border: 20px solid; border-color: #efeeeb transparent transparent transparent; } .tri-right.right-top:hover::after { border-color: #e0cce9 transparent transparent transparent; } /* Right triangle placed top left flush. */ .tri-right.border.left-top:before { content: ' '; position: absolute; width: 0; height: 0; left: -20px; right: auto; top: -1px; bottom: auto; border: 20px solid; border-color: #dee2e6 transparent transparent transparent; } .tri-right.left-top:after{ content: ' '; position: absolute; width: 0; height: 0; left: -20px; right: auto; top: -0.2px; bottom: auto; border: 20px solid; border-color: #efeeeb transparent transparent transparent; } .tri-right.left-top:hover::after { border-color: #e0cce9 transparent transparent transparent; } /* talk bubble contents */ .talktext{ padding: 1em; text-align: left; line-height: 1.5em; } .talktext p{ -webkit-margin-before: 0em; -webkit-margin-after: 0em; } @media (max-width: 660px) { .image{ display:none; } .left_content{ margin-top:5%; } .talk-bubble{ width:100%; } .tri-right.border.right-bottom:before{ display:none } .tri-right.right-bottom:after { display:none; } .tri-right.border.left-bottom:before {display:none;} .tri-right.left-bottom:after {display:none;} .tri-right.border.right-top:before {display:none;} .tri-right.right-top:after {display:none;} .tri-right.border.left-top:before {display:none;} .tri-right.left-top:after {display:none;} .topLeftBallon{float:none; margin-bottom:3%;} .topRightBallon{float:none; margin-bottom:3%;} .bottomLeftBallon{float:none; margin-bottom:3%;} .bottomRightBallon{float:none; margin-bottom:3%;} } @media (min-width: 661px) and (max-width: 1200px){ .left_content{ margin-top:3%; } .talk-bubble{ width:240px; } .image{ width:15%; margin:15% auto -5% auto; } } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{margin-bottom:20px} /* AUTENTICAÇÃO CARTÃO CIDADÃO */ .sa-btn-cc{border:none; margin:15px 0 0 0; width:100%; height:46px;text-indent:-99999px;white-space:nowrap;overflow:hidden;background:url('../images/cc.png') scroll no-repeat center center #548abc;border-bottom:3px solid #345f86;border-radius:5px;box-sizing:border-box;-moz-box-sizing:border-box;cursor:pointer;}.sa-btn-cc:hover,.sa-btn-cc:focus{background-color:#406d97;border-color:#274866;} .sa-btn-cc:focus{box-shadow:0 0 10px #9ecaed;} /* Cookies */ .cookieDef{color:#333 !important;} .cookieDef:hover{cursor:pointer; color:#8c42ad !important;} .cookieDef:focus{cursor:pointer; color:#8c42ad !important;} /* Comentários */ .nav-item.active a {border-color:#dee2e6 #dee2e6 #dee2e6; cursor: default; color: #8c42ad !important; text-decoration: underline !important;} .tabsInfo{width:100%; float:left; margin-top:40px; float:left;} #commentsList.active{color:#333 !important; text-decoration:none !important;} .tabsInfo .table_items{margin-top:0 !important;} .tabsInfo .tabComments {width:100%; float:left;} .tabsInfo .tabComments .commentsBox{margin: 0 0 10px 0; border-bottom: 5px solid transparent; padding:10px 20px; background-color:#f7f7f7; color:#333; float:left; width:100%;} .tabsInfo .tabComments .commentsBox:hover{background-color:#f7f7f7;} .tabsInfo .tabComments .commentsBox:focus-within {background-color:#f7f7f7;} .tabsInfo .tabComments .commentsBox .datas{font-size: 10px; text-align:right;} .tabsInfo .tabComments .commentsBox textarea{width:100%; height:25px; resize:none; cursor: text; line-height:20px; overflow: hidden; /*max-height: 100px;*/ padding: 5px 10px; border: 2px solid #ccc; border-radius: 4px;} .tabsInfo .tabComments .commentsBox textarea:disabled {border: none; background-color:rgb(255 223 0 / 0.1); cursor: not-allowed; box-shadow:0 1px 1px 0 rgba(0,0,0,.2);} .tabsInfo .tabComments .commentsBox .btCommentsDesign{padding:2px 5px; font-size:12px; margin-right:10px; background:#8c42ad; border:1px solid #8c42ad;} .tabsInfo .tabComments .commentsBox .btCommentsDesign:hover{background:#dedddb;} .tabsInfo .tabComments .commentsBox .btCommentsDesign:focus{box-shadow:none;} .tabsInfo .tabComments .btCommentsLoginDesign{padding:0; /*font-size:12px;*/ text-decoration:underline;}