@charset "utf-8";
/* ========================================== */
/* ELEMENTS */
/* ========================================== */
body {
background-color: #d0d0d0;
}
a, a:link, a:visited, a:active {
color: #000000;
outline: 0;
text-decoration: none;
cursor: pointer;
}
a:focus, a:hover {
color: #70c82f;
cursor: pointer;
}
a [rel='prettyPhoto'] {
cursor: pointer;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
}
hr {
margin: 10px 0px 10px 0px;
}
/* ========================================== */
/* CLASSES */
/* ========================================== */
.border {
background-color: white;
border: 1px solid #b5b5b5;
}
.lightbox-hide {
display: none;
}
.photo img {
background: #eee;
border: 1px solid #b5b5b5;
padding: 3px 3px 3px 3px;
}
.hidden {
display: none;
}
/* ========================================== */
/* THEME STRUCTURE START */
/* ========================================== */
div#header.container_12.header_christmas_pt {
background: url(../img/natal/xmas-header_pt.jpg) no-repeat;
}
div#header.container_12.header_christmas_en {
background: url(../img/natal/xmas-header_en.jpg) no-repeat;
}
div#header.container_12.header_christmas_fr {
background: url(../img/natal/xmas-header_fr.jpg) no-repeat;
}
div#header.container_12.header_christmas_es {
background: url(../img/natal/xmas-header_es.jpg) no-repeat;
}
#header {
background: url(../img/bg_white_80.png) repeat;
border: 1px solid #cdcdcd;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
border-top: none;
margin-bottom: 20px;
padding: 10px;
position: relative;
z-index: 2;
}
#content {
background: url(../img/bg_white_80.png) repeat;
border: 1px solid #cdcdcd;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-bottom: 20px;
margin-top: 20px;
padding: 10px;
position: relative;
z-index: 1;
}
#footer {
margin-bottom: 10px;
}
/* ========================================== */
/* THEME STRUCTURE END */
/* ========================================== */
/* ========================================== */
/* COLORS START */
/* ========================================== */
.clr-green {
color: #70c82f;
}
/* ========================================== */
/* COLORS END */
/* ========================================== */
/* NOT USED */
#header .top {
background: transparent url(../../img/v001/bdr-bg.png) repeat-x left bottom;
overflow: hidden;
padding: 10px 0 13px 552px;
}
/* NOT USED */
#header .top li {
color: #ababab;
display: block;
float: left;
line-height: 24px;
margin-right: 10px;
}
/* NOT USED */
#header .top li a {
border: none;
border-left: 1px solid #d0d0d0;
color: #ababab;
padding: 0 0 0 10px;
}
/* NOT USED */
#header .top li:last-child {
margin: 0;
}
/* NOT USED */
#header .top li:first-child a{
border: none;
padding:0;
}
/* NOT USED */
#header .top li a:focus,
#header .top li a:hover {
color: #70c82f;
}
/* NOT USED */
#header .top form {
margin-left: 10px;
position: relative;
}
/* NOT USED */
#header .top legend {
display: none;
}
/* NOT USED */
#header .top input[type='text'] {
background: #d8d8d8;
border: 1px solid #bdbdbd;
height: 14px;
width: 160px;
padding: 4px;
font-size: 12px;
line-height: 12px;
}
/* NOT USED */
#header .top label {
display: none;
left: 8px;
position: absolute;
top: 0px;
}
/* NOT USED */
#header .top input[type='submit'] {
background: transparent url(../../img/v001/srch-btn.png) 0 0 no-repeat;
border: none;
display: block;
font-size: 0;
height: 15px;
padding: 0;
position: absolute;
right: 4px;
text-indent: -999px; /* some browser shows 1px height texts like Safari even with font-size: 0 */
top: 4px;
width: 19px;
}
/* NOT USED */
#header .top input[type='submit']:focus,
#header .top input[type='submit']:hover {
background-position: -19px 0;
}
/* NOT USED */
#nav {
padding: 20px 0;
}
/* NOT USED */
#logo a {
border: none;
}
/* ========================================== */
/* LANGUAGE MENU START */
/* ========================================== */
ul#language_popup {
margin: 0px;
width: 110px;
}
ul#login_popup {
margin: 0px 10px 0px 0px;
width: 110px;
}
ul#account_popup {
margin: 0px 10px 0px 10px;
width: 110px;
}
ul#language_popup, /* item principal */
ul#login_popup,
ul#account_popup {
background-color: #fff;
cursor: pointer;
display: block;
float: right;
list-style: none;
padding: 0px;
text-align: left;
white-space: nowrap;
width: 110px;
}
ul#language_popup a, /* item principal each */
ul#login_popup a,
ul#account_popup a {
background-color: transparent;
display: block;
padding: 5px;
text-decoration: none;
cursor: pointer;
color: #000;
}
ul#language_popup a:hover, /* item principal */
ul#login_popup a:hover,
ul#account_popup a:hover {
background: #eee; /*#CFDEFF*/
}
ul#language_popup_items, /* sub-items all */
ul#account_popup_items {
background-color: #fff;
cursor: pointer;
display: none;
list-style: none;
margin: 0px;
min-width: 110px;
padding: 0px;
position: absolute;
text-align: left;
white-space: nowrap;
z-index: 999;
box-shadow: 2px 2px 6px rgba(0,0,0,.2);
}
ul#language_popup_items a, /* sub-items each */
ul#account_popup_items a {
background-color: transparent;
color: #000;
}
ul#language_popup_items a:hover, /* sub-items */
ul#account_popup_items a:hover {
background-color: transparent;
text-decoration: none;
cursor: pointer;
color: #70c82f;
background: #eee; /*#CFDEFF*/
}
/* ========================================== */
/* LANGUAGE MENU END */
/* ========================================== */
/* NOT USED */
#menu {
padding: 16px 0 0 290px;
width: 350px;
z-index: 999;
}
/* NOT USED */
#menu li{
color: #70c82f;
font-size: 14px;
font-weight: bold;
margin-left: 14px;
position: relative;
}
/* NOT USED */
#menu li.active a,
#menu li a:focus,
#menu li a:hover{
border-bottom: 1px solid #70c82f;
}
/* NOT USED */
#menu>li.dropdown>a {
border: none;
background: transparent url(../../img/v001/drop-arrow.png) right center no-repeat;
padding-right: 10px;
}
/* NOT USED */
#menu>li.dropdown.active>a {
border-bottom: 1px solid #70c82f;
}
/* NOT USED */
#menu li a{
color: #70c82f;
}
/* NOT USED */
#menu ul{
background: #e4e4e4;
border: 1px solid #b7b7b7;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
position: absolute;
top: -999px;
margin: 0;
padding: 1px 11px;
left: 0;
width: 100px;
z-index: 999;
}
/* NOT USED */
#menu ul li{
background: #d5d5d5;
display: block;
font-size: 12px;
font-weight: normal;
line-height: 1.6;
margin: 0 -10px;
padding: 4px 10px 0;
}
/* NOT USED */
#menu ul li span{
font-size: 14px;
}
/* NOT USED */
#menu ul li:first-child{
padding-top: 8px;
}
/* NOT USED */
#menu ul li:last-child{
padding-bottom: 6px;
}
/* NOT USED */
#menu li:hover ul{
top: 16px;
}
/* NOT USED */
#menu li:hover li ul,
#menu li li:hover li ul,
#menu li li li:hover li ul,
#menu li li li li:hover li ul{
top: -999px;
}
/* NOT USED */
#menu li li:hover ul,
#menu li li li:hover ul,
#menu li li li li:hover ul,
#menu li li li li li:hover ul{
left: 121px;
top: -2px;
}
/* NOT USED */
#menu li li:hover ul{
margin-left: 37px;
}
/* NOT USED */
#menu li li li:hover ul,
#menu li li li li:hover ul,
#menu li li li li li:hover ul {
margin-left: 21px;
}
/* NOT USED */
#menu li li:hover>a {
border-bottom: 1px solid #70c82f;
}
/* <<<<<<<<<< c. Breadcrumbs >>>>>>>>>> */
/* <<<<<<<<<< d. Footer >>>>>>>>>> */
div#footer-text,
div#footer-text a {
text-align: left;
margin-bottom: 0px;
font-size: 10px;
color: #666666;
}
div#footer-pt2020,
div#footer-pt2020 a {
text-align: right;
margin-bottom: 0px;
font-size: 10px;
color: #666666;
z-index: 2;
}
p#anicolor-ciclismo {
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: 10px 0px 0px;
}
p#anicolor-ciclismo a {
display: block;
padding: 3px 7px 0px 7px;
vertical-align: middle;
height: 25px;
}
p#anicolor-ciclismo a span,
p#anicolor-ciclismo a img {
vertical-align: middle;
}
p#anicolor-ciclismo a:hover {
background-color: #eee;
}
div#footer-images {
text-align: right;
margin-bottom: 0px;
font-size: 11px;
line-height: 50px;
display: none;
}
div#footer-images .separador {
background: transparent url(../img/background/v-bdr-bg.png) right bottom repeat-y;
text-align: center;
}
/* NOT USED */
#footer .top{
background: transparent url(../../img/v001/bdr-bg.png) left bottom repeat-x;
overflow: hidden;
padding-bottom: 33px;
width: 940px;
}
/* NOT USED */
#twitter{
background: transparent url(../../img/v001/twitter-bird.png) 0 center no-repeat;
margin-top: 30px;
padding-left: 50px;
width: 570px;
}
/* NOT USED */
#twitter h2,
#twitter .profileLink {
display: none;
}
/* NOT USED */
#twitter li {
display: block;
line-height: 18px;
}
/* NOT USED */
.social {
background: transparent url(../../img/v001/v-bdr-bg.png) repeat-y 1px 0;
height: 32px;
margin: 30px 0 0 0;
padding: 0 0 0 10px;
overflow: hidden;
}
/* NOT USED */
.social li {
display: block;
float: left;
line-height: 18px;
margin-right: 10px;
}
/* NOT USED */
.social li:last-child {
margin-right: 0;
}
/* NOT USED */
.social h5{
color: #7c7c7c;
font-size: 14px;
font-weight: normal;
line-height: 32px;
margin: 0 0 0 37px;
width: 95px;
text-align: right;
}
/* NOT USED */
.social a {
border: none;
}
/* NOT USED */
#footer .content {
margin-top: 30px;
width: 940px;
overflow: hidden;
}
/* NOT USED */
#footer .content .grid_4{
background: transparent url(../../img/v001/v-bdr-bg.png) right top repeat-y;
width: 287px;
padding-bottom: 500px;
padding-right: 20px;
margin-bottom: -500px;
}
/* NOT USED */
#footer .content li:last-child{
padding-right: 0;
background: none;
width: 286px;
}
/* NOT USED */
#footer .content h5 {
color: #7c7c7c;
margin-top: 0;
}
/* NOT USED */
#toTop{
background: transparent url(../../img/v001//to-top.png) 0 0 no-repeat;
border: none;
cursor: pointer;
display: block;
height: 10px;
margin: 20px auto;
width: 11px;
}
/* NOT USED */
#toTop:focus,
#toTop:hover {
background-position: -11px 0;
}
.container_home {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
width: 980px;
overflow: auto;
}
.home_left, .home_right {
background: url(../img/bg_white_80.png) repeat;
border: 1px solid #cdcdcd;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 10px;
float: left;
position: relative;
width: 460px;
text-align: center;
}
.home_left {
}
.home_right {
margin-left: 16px;
}
#home_left_a, #home_right_a {
text-align: center;
position: relative; /* test */
padding: 120px 0px 120px 0px;
display: block;
}
#home_left_a:hover, #home_right_a:hover {
background-color: #f9f9f9;
color: black;
}
#home_left_a h6, #home_right_a h6 {
margin-top: 50px;
}
div.caption {
position: absolute; /* absolute position (so we can position it where we want)*/
bottom: 0px; /* position will be on bottom */
left: 0px;
right: 0px;
display: none; /* hide it */
background-color: black;
font-size: 13px;
color: white;
}
div.caption_content{
padding: 10px;
}
/* ========================================== */
/* SLIDER START */
/* ========================================== */
#slider {
background: #b5b5b5;
border: 1px solid #f9f9f9;
height: 336px;
/* margin-top: 10px; */
margin: 10px 0 10px;
padding: 1px;
width: 936px;
overflow: hidden;
position: relative;
}
#cyclePager {
position: absolute;
height: 14px;
overflow: hidden;
right: 15px;
bottom: 15px;
z-index: 10;
}
#cyclePager a {
background: transparent url(../img/cycle-pager/cycle-pager_sistemas.png) 0 0 no-repeat;
display: block;
float: left;
height: 14px;
margin-left: 7px;
text-indent: -9999px;
width: 14px;
}
#cyclePager a:hover,
#cyclePager a.activeSlide {
background-position: -14px 0;
}
/* ========================================== */
/* SLIDER END */
/* ========================================== */
/* ========================================== */
/* PROMO COL 4 START */
/* ========================================== */
.promo-col-4 {
margin: 10px 0px 10px 0px;
}
.promo-col-4 li {
display: block;
overflow: hidden;
margin-bottom: 10px;
}
.promo-col-4 li img {
display: block;
float: left;
margin-right: 10px;
}
.promo-col-4 li h1,
.promo-col-4 li h2,
.promo-col-4 li h3,
.promo-col-4 li h4,
.promo-col-4 li h5,
.promo-col-4 li h6 {
margin: 4px 0;
}
/* ========================================== */
/* PROMO COL 4 END */
/* ========================================== */
/* ========================================== */
/* PROMO COL 3 START */
/* ========================================== */
.promo-col-3 {
margin: 10px 0px 0px 0px;
}
.promo-col-3 li h1,
.promo-col-3 li h2,
.promo-col-3 li h3,
.promo-col-3 li h4,
.promo-col-3 li h5,
.promo-col-3 li h6 {
margin: 10px 0px 10px 0px;
}
.promo-col-3 li a img {
border: 1px solid #b5b5b5;
}
/* ========================================== */
/* PROMO COL 3 END */
/* ========================================== */
/* ========================================== */
/* PROMO COL 2 START */
/* ========================================== */
.promo-col-2 {
margin: 10px 0px 0px 0px;
}
.promo-col-2 li h1,
.promo-col-2 li h2,
.promo-col-2 li h3,
.promo-col-2 li h4,
.promo-col-2 li h5,
.promo-col-2 li h6 {
margin: 10px 0px 10px 0px;
}
.promo-col-2 li a img {
border: 1px solid #b5b5b5;
}
/* ========================================== */
/* PROMO COL 3 END */
/* ========================================== */
/* ========================================== */
/* SISTEMAS CONTACTOS START */
/* ========================================== */
div .contactos_list div {
margin-top: 20px;
text-align: center;
}
div .contactos_list div p {
margin: 0px;
}
/* ========================================== */
/* SISTEMAS CONTACTOS END */
/* ========================================== */
/* ========================================== */
/* SISTEMAS FILIAIS START */
/* ========================================== */
div .filiais_list div {
margin-top: 20px;
text-align: center;
margin-bottom: 20px;
}
div .filiais_list div p {
margin: 0px;
}
div .filiais_map {
margin-bottom: 10px;
}
div .filiais_map .gogglemap {
margin-top: 0px;
width: 940px;
height: 500px;
}
/* ========================================== */
/* SISTEMAS FILIAIS END */
/* ========================================== */
/* ========================================== */
/* SISTEMAS INSTALADORES CREDENCIADOS START */
/* ========================================== */
/* ========================================== */
/* SISTEMAS INSTALADORES CREDENCIADOS END */
/* ========================================== */
/* ========================================== */
/* SISTEMAS RECURSOS HUMANOS START */
/* ========================================== */
div.recursoshumanos-anuncios {
margin-bottom: 10px;
}
div.recursoshumanos-anuncios p {
margin-bottom: 5px;
}
div.rgpd-text {
padding-top: 10px;
padding-bottom: 10px;
position: relative;
text-align: left;
margin-top: 50px;
margin-bottom: 0px;
margin-right: 10px;
font-size: 10px;
text-align: justify;
color: #666666;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
border: 1px solid #b5b5b5c7; /* #f5aca6 #cc0000 #FFC1C1 */
}
div.rgpd-text p {
padding-left: 10px;
margin-right: 10px;
margin-bottom: 0px
}
form#form_recursoshumanos label#consentimento_sim,
form#form_recursoshumanos label#consentimento_nao {
/* display: inline;
/* /* float: left; */
}
form#form_recursoshumanos input#consentimento {
/* /* padding: 8px 4px 8px 4px; */
/* width: 30px; */
/* height: 30px; */
/* position: relative; */
/* border-radius: 3px; */
}
/* ========================================== */
/* SISTEMAS RECURSOS HUMANOS END */
/* ========================================== */
/* ========================================== */
/* SISTEMAS QUALIDADE START */
/* ========================================== */
div.table-container {
width: 100%; /* Set full-width to expand the whole page */
text-align: center;
}
div.table-col-sep {
display: table-cell; /* Make elements inside the container behave like table cells */
width: 15px;
}
div.table-col-5 {
display: table-cell; /* Make elements inside the container behave like table cells */
width: 174px;
}
/* ========================================== */
/* SISTEMAS QUALIDADE END */
/* ========================================== */
/* ========================================== */
/* SISTEMAS GALERIAS START */
/* ========================================== */
div.galerias-back {
font-size: 11px;
text-align: right;
margin: 3px 0px 10px 10px;
}
div .galerias_list div {
text-align: left;
margin-bottom: 20px;
}
div .galerias_list div.grid_4 a, div .galerias_list div.grid_3 a {
position: relative;
display: block;
}
div .galerias_list div.caption {
position: absolute; /* absolute position (so we can position it where we want)*/
bottom: 2px; /* position will be on bottom */
left: 2px;
right: 2px;
display: block;
background-color: black;
font-size: 12px;
color: white;
margin: 0px;
}
div .galerias_list div.caption_content {
padding: 8px;
margin: 0px;
min-height: 30px;
}
/* ========================================== */
/* SISTEMAS GALERIAS END */
/* ========================================== */
div#gallery-wrap {
margin: 0 auto;
overflow: hidden;
width: 380px; /* 100% | 376px */
position: relative;
}
ul#gallery {
position: relative;
list-style-type: none;
left: 0;
top: 0;
}
ul#gallery li {
float: left;
margin: 0 13px 0 0;
}
ul#gallery li img {
height: 50px;
width: 50px;
}
ul#gallery li img:hover {
border: 1px solid #70c82f;
}
ul#gallery li img.active {
border: 1px solid #000;
}
ul#gallery li img.active:hover {
border: 1px solid #000;
}
#gallery-controls-left {
position: absolute;
left: 0px;
top: 9px;
z-index: 3;
}
#gallery-controls-right {
position: absolute;
right: 0px;
top: 9px;
z-index: 3;
}
/* ========================================== */
/* TABS START */
/* ========================================== */
.hr-tabs_container {
margin: 20px 0px 20px 0px;
}
#tabs_container {
/* width: 400px; */
/* font-size: 12px; */
}
#tabs_container ul.tabs {
list-style: none;
height: 25px;
margin: 0;
}
#tabs_container ul.tabs li {
float: left;
}
#tabs_container ul.tabs li a {
padding: 3px 10px;
display: block;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
margin: 0px 2px 0px 2px;
text-decoration: none;
background-color: #fff; /* #efefef */
}
#tabs_container ul.tabs li.active a {
background-color: #70c82f; /* #eee | #fff */
color: white;
}
#tabs_container div.tab_contents_container {
border: 1px solid #ccc;
padding: 10px;
}
#tabs_container div.tab_contents {
display: none;
}
#tabs_container div.tab_contents_active {
display: block;
overflow: auto;
}
#tabs_container div.clear {
clear: both;
}
/* ========================================== */
/* TABS END */
/* ========================================== */
/* ========================================== */
/* SISTEMAS SISTEMAS START */
/* ========================================== */
.sistemas-sistemas-sistema-resumo {
font-size: 11px;
}
#sistemas-sistemas-sistema-titulo {
margin-bottom: 10px;
}
#sistemas-sistemas-sistema-titulo h5 {
margin-bottom: 0px;
}
/* ========================================== */
/* SISTEMAS SISTEMAS END */
/* ========================================== */
/* ========================================== */
/* SISTEMAS IMAGEM START */
/* ========================================== */
p.img-base {
height: 380px;
min-height: 380px;
width: 380px;
min-width: 380px;
}
p.img-base,
p.img-base img,
a.img-base,
a.img-base > img {
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
img.img-thumb {
cursor: pointer;
}
/* ========================================== */
/* SISTEMAS IMAGEM END */
/* ========================================== */
/* ========================================== */
/* FORMS START */
/* ========================================== */
.form-def {
/* text-shadow: 0 1px 1px rgba(0,0,0,0.3); */
margin: 10px 0px 10px 0px;
}
.form-def textarea,
.form-def select {
font: 12px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.form-def input[type=text],
.form-def input[type=password],
.form-def select,
.form-def textarea {
/* Size and position */
width: 930px;
max-width: 930px;
min-width: 930px;
padding: 8px 4px 8px 4px;
margin-bottom: 10px;
/* Styles */
border: 1px solid #4e3043; /* Fallback */
border: 1px solid rgba(78,48,67, 0.8);
background: rgba(112,200,47,0.05);
border-radius: 2px;
box-shadow:
0 1px 0 rgba(255,255,255,0.2),
inset 0 1px 1px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
/* Font styles */
font-family: inherit;
font-size: 100%;
/* font-family: 'Raleway', 'Lato', Arial, sans-serif; */
/* color: #fff; */
/* font-size: 13px; */
}
.form-def input:-webkit-input-placeholder {
color: rgba(37,21,26,0.5);
text-shadow: 0 1px 0 rgba(255,255,255,0.15);
}
.form-def input:-moz-placeholder {
color: rgba(37,21,26,0.5);
text-shadow: 0 1px 0 rgba(255,255,255,0.15);
}
.form-def input:-ms-input-placeholder {
color: rgba(37,21,26,0.5);
text-shadow: 0 1px 0 rgba(255,255,255,0.15);
}
.form-def input[type=text]:hover,
.form-def input[type=password]:hover,
.form-def select:hover,
.form-def textarea:hover {
border-color: #333;
background: rgba(0,0,0,0.15);
}
.form-def option {
background-color: white;
}
.form-def input[type=text]:focus,
.form-def input[type=password]:focus,
.form-def input[type=submit]:focus {
box-shadow:
0 1px 0 rgba(255,255,255,0.2),
inset 0 1px 1px rgba(0,0,0,0.1),
0 0 0 3px rgba(255,255,255,0.15);
outline: none;
}
/* Fallback */
.no-boxshadow .form-def input[type=text]:focus,
.no-boxshadow .form-def input[type=password]:focus {
outline: 1px solid white;
}
.form-def input[type=submit],
.form-def input[type=button],
.form-def button,
button,
a.button-001 {
display: inline-block;
/* Size and position */
/* width: 100%; */
padding: 6px 10px; /* padding: 6px 12px; */
margin-top: 10px;
margin-bottom: 0px;
line-height: 1.428571429; /* 1.5; */
border: 0px;
/* Styles */
background: linear-gradient(rgba(112,200,47,0.5), rgba(112,200,47,0.7));
border-radius: 4px;
border: 1px solid #4e3043; /* #4e3043 */
box-shadow:
inset 0 1px rgba(255,255,255,0.4),
0 2px 1px rgba(0,0,0,0.1);
cursor: pointer;
transition: all 0.3s ease-out;
/* Font styles */
color: black;
/* text-shadow: 0 1px 0 rgba(0,0,0,0.3); */
font-size: inherit;
font-weight: normal;
font-family: inherit;
/* font-family: 'Raleway', 'Lato', Arial, sans-serif; */
text-align: center;
vertical-align: middle;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.form-def input[type=submit]:hover,
.form-def input[type=button]:hover,
button:hover,
a.button-001:hover {
box-shadow:
inset 0 1px rgba(255,255,255,0.2),
inset 0 20px 30px rgba(112,200,47,1);
}
.form-def input[type=submit]:disabled,
.form-def input[type=button]:disabled,
button:disabled,
a.button-001:disabled {
/* Styles */
background: linear-gradient(rgba(244,244,244,0.5), rgba(244,244,244,0.7));
color: #cccccc;
border: 1px solid #cccccc; /* #4e3043 */
box-shadow:
inset 0 1px rgba(255,255,255,0.2),
inset 0 20px 30px rgba(244,244,244,1);
cursor: default;
}
/* Fallback */
.no-boxshadow .form-def input[type=submit]:hover,
.no-boxshadow .form-def input[type=button]:hover,
.no-boxshadow a.button-001:hover {
background: #594642;
}
.form-def label {
display: block; /* none;*/
padding: 0 0 5px 2px;
cursor: pointer;
}
.form-def label:hover ~ input {
border-color: #333;
}
.no-placeholder .form-def label {
display: block;
}
.form-def input.error,
.form-def select.error,
.form-def textarea.error {
background-color:#FCC;
border:1px solid #C00;
}
.form-def label.error,
.form-def label.requirederror {
color:#C00;
}
/* ========================================== */
/* FORMS END */
/* ========================================== */
/* ========================================== */
/* ALIGN START */
/* ========================================== */
.aligncenter {
text-align: center;
}
.alignleft {
text-align: left;
}
.alignright {
text-align: right;
}
/* ========================================== */
/* ALIGN END */
/* ========================================== */
.bold {
font-weight: bold;
}
/* ========================================== */
/* FLOAT START */
/* ========================================== */
.floatleft {
float: left;
margin-right: 10px;
}
.floatright {
float: right;
margin-left: 10px;
}
/* ========================================== */
/* FLOAT END */
/* ========================================== */
/* ========================================== */
/* ALERT-BOX START */
/* ========================================== */
/* alert-box */
.alert-box {
padding: 10px 10px 10px 70px;
position: relative;
margin: 10px 0px 10px 0px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert-box .title {
font-weight: bold;
font-size: 13px;
margin-bottom: 10px;
}
.alert-box .show_hide {
position: absolute;
top: 10px;
right: 10px;
padding: 5px;
cursor: pointer;
}
.alert-box .items {
margin: 10px 0px 10px 0px;
position: relative;
}
.alert-box .items .item {
margin: 3px 0px 3px 0px;
position: relative;
}
.alert-box .footer {
margin-top: 10px;
}
/* alert-box-collapse */
.alert-box-collapse {
padding: 0px;
position: relative;
margin: 10px 0px 10px 0px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-align: right;
}
.alert-box-collapse .show_hide {
top: 10px;
right: 10px;
padding: 5px;
cursor: pointer;
}
.alert-box-collapse .title,
.alert-box-collapse .items,
.alert-box-collapse .items .item,
.alert-box-collapse .footer {
visibility: hidden;
display: none;
}
/* ab-error */
.ab-error {
background: #FFBABA url('../img/alert-box/error.png') no-repeat 14px 14px; /* #ffecec #ffcccc #FFE8E8 */
border: 1px solid #D8000C; /* #f5aca6 #cc0000 #FFC1C1 */
}
.ab-error div.title {
color: #D8000C; /* #cc0000 #B10009 */
}
.ab-error div.show_hide a:hover {
color: #D8000C; /* #cc0000 #B10009 */
}
/* ab-success */
.ab-success {
background:#DFF2BF url('../img/alert-box/success.png') no-repeat 14px 14px; /* #e9ffd9 #ccffcc #DFF2BF */
border:1px solid #4F8A10; /* #a6ca8a #00cc00 #ADDE5C */
}
.ab-success div.title {
color: #4F8A10; /* #00cc00 #008000 */
}
.ab-success div.show_hide a:hover {
color: #4F8A10; /* #00cc00 #008000 */
}
/* ab-warning */
.ab-warning {
background:#FEEFB3 url('../img/alert-box/warning.png') no-repeat 14px 14px; /* #fff8c4 #FEEFB3 */
border:1px solid #9F6000; /* #f2c779 #FDDD5B */
}
.ab-warning div.title {
color: #9F6000; /* #f2c779 #9F6000 */
}
.ab-warning div.show_hide a:hover {
color: #9F6000; /* #f2c779 #9F6000 */
}
/* ab-notice */
.ab-notice {
background:#BDE5F8 url('../img/alert-box/notice.png') no-repeat 14px 14px; /* #e3f7fc #ccccff #BDE5F8 */
border:1px solid #00529B; /* #8ed9f6 #0000cc #46B6EC */
}
.ab-notice div.title {
color: #00529B; /* #0000cc #00529B */
}
.ab-notice div.show_hide a:hover {
color: #00529B; /* #0000cc #00529B */
}
/* ========================================== */
/* ALERT-BOX END */
/* ========================================== */
/*
input {
background: #fff;
border: 1px solid #ccc;
box-shadow: inset 0 0 2px #000000;
color: #222;
}
input:focus {
background:#6C6;
border: 1px solid #999;
color: #222;
}
input:hover {
background:#f6f6f6;
border: 1px solid #6C6;
color: #222;
}
*/
/* ========================================== */
/* SISTEMAS INSTALADORES CREDENCIADOS END */
/* ========================================== */
/* ========================================== */
/* SISTEMAS NOTICIAS START */
/* ========================================== */
.noticiasitem-back-top {
font-size: 11px;
text-align: right;
margin: 3px 0px 10px 10px;
}
.noticiasitem-date {
font-size: 10px;
color: #666666;
}
.paginator,
.container-back {
background-color: rgb(255, 255, 255);
margin-bottom: 10px;
}
.paginator p,
.container-back p {
line-height: 30px;
font-size: 11px;
margin: 0px 10px 0px 10px;
}
.paginator-right {
text-align: left;
}
.paginator-right {
text-align: right;
}
.container-back {
text-align: right;
}
.cmh {
min-height: 400px;
}
/* ========================================== */
/* SISTEMAS NOTICIAS END */
/* ========================================== */
.apoioslist-col {
background-color: #fff;
border: 1px solid #b5b5b5;
color: #000;
padding: 10px;
}
.apoioslist-col div#apoio_designacao {
margin-bottom: 10px;
}
.apoiositem-back-top {
font-size: 11px;
text-align: right;
margin: 3px 0px 10px 10px;
}
/* ========================================== */
/* SISTEMAS APOIOS START */
/* ========================================== */
/* ========================================== */
/* SISTEMAS APOIOS END */
/* ========================================== */
/* ========================================== */
/* SISTEMAS SISTEMAS START */
/* ========================================== */
.sistemas-list-cat {
background-color: #fff;
border: 1px solid #b5b5b5;
color: #000;
margin-bottom: 10px;
margin-top: 10px;
padding-bottom: 5px;
padding-top: 5px;
}
.sistemas-list-cat p {
margin: 5px;
padding: 0px 10px 0px 10px;
}
.sistemasgalerias_grid_3,
.sistemasgalerias_grid_3_alpha,
.sistemasgalerias_grid_3_omega {
position: relative;
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
width: 292px;
}
.sistemasgalerias_grid_3_alpha {
margin-left: 0px;
}
.sistemasgalerias_grid_3_omega {
margin-right: 0px;
}
div .sistemasgalerias_list div.caption {
position: absolute; /* absolute position (so we can position it where we want)*/
bottom: 2px; /* position will be on bottom */
left: 2px;
right: 1px;
display: block;
background-color: black;
font-size: 12px;
color: white;
margin: 0px;
}
div .sistemasgalerias_list div.caption_content {
padding: 8px;
margin: 0px;
min-height: 30px;
}
div .sistemasgalerias_list div {
text-align: left;
margin-bottom: 15px;
}
/* ========================================== */
/* SISTEMAS SISTEMAS END */
/* ========================================== */
/* ========================================== */
/* SISTEMAS CAT?LOGOS START */
/* ========================================== */
.catalogos-list-cat {
background-color: #fff;
border: 1px solid #b5b5b5;
color: #000;
margin-bottom: 10px;
margin-top: 10px;
padding-bottom: 5px;
padding-top: 5px;
}
.catalogos-list-cat p {
margin: 5px;
padding: 0px 10px 0px 10px;
}
.catalogos-list-cat-item span.catalogo-designacao {
font-weight: bold;
}
.catalogos-list-cat-item span.catalogo-versao {
font-size: 10px;
}
.catalogos-list-cat-item span.catalogo-links {
font-size: 12px;
}
span.collapsible-button {
display: block;
float: right;
width: 20px;
height: 20px;
cursor: pointer;
}
span.collapsible-button.down {
background: transparent url(../img/outros/collapsible-g-down.png) 0 0 no-repeat;
}
span.collapsible-button.down:hover {
background-position: 0 -20px;
}
span.collapsible-button.up {
background: transparent url(../img/outros/collapsible-g-up.png) 0 0 no-repeat;
}
span.collapsible-button.up:hover {
background-position: 0 -20px;
}
span.collapsible-button.right {
background: transparent url(../img/outros/collapsible-g-right.png) 0 0 no-repeat;
}
span.collapsible-button.right:hover {
background-position: 0 -20px;
}
/* ========================================== */
/* SISTEMAS CAT?LOGOS END */
/* ========================================== */
/* ========================================== */
/* ETIQUETA CE NORMAL START */
/* ========================================== */
table#etiquetace-normal, table#etiquetace-resumida {
background-color: white;
border-spacing: 10px;
width: 400px;
}
table#etiquetace-normal-detalhes, table#etiquetace-resumida-detalhes {
font-size: 11px;
}
table#etiquetace-normal td, table#etiquetace-resumida td {
border: 3px solid black;
padding: 10px;
}
table#etiquetace-normal-detalhes td, table#etiquetace-resumida-detalhes td {
border: 1px solid black;
padding: 3px;
}
table#etiquetace-normal .center, table#etiquetace-resumida .center {
text-align: center;
}
table#etiquetace-normal .fs13, table#etiquetace-resumida .fs13 {
font-size: 14px;
}
/* ========================================== */
/* TOPPANEL START */
/* ========================================== */
#toppanel {
background-image: url(../img/toppanel/bkg.png);
background-position: bottom;
background-repeat: repeat-x;
position: absolute;
width: 100%;
z-index: 1002;
margin-top: -117px; /* #toppanel #toppanelbox height + 2 */
}
#toppanel #toppanelbox {
/* background-color: green; */
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
height: 115px;
}
#toppanel #toppanelbox #toppanelbox-title {
color: #dddddd;
text-transform: uppercase;
font-size: 11px;
line-height: 11px;
font-weight: bold;
height: 11px;
margin: 10px 0px 10px 0px;
}
#toppanel #toppanelbutton {
height: 15px;
}
#toppanel #toppanelbutton #toppanelbutton-button {
display: block;
background-image: url(../img/toppanel/toppanel_g_button_down.png);
width: 30px;
height: 15px;
margin-left: 650px;
margin-top: 3px;
}
#toppanel #toppanelbutton #toppanelbutton-button:hover {
background-position: 0 -15px;
}
#toppanel #toppanelbutton #toppanelbutton-button.active {
background-image: url(../img/toppanel/toppanel_g_button_up.png);
}
#toppanel #toppanelbox-sites {
margin-top: 10px;
margin-left: 10px;
margin-right: auto;
width: 980px;
overflow: auto;
}
#toppanel #toppanelbox-sites-left, #toppanel #toppanelbox-sites-right {
background: url(../img/bg_white_80.png) repeat;
border: 1px solid #cdcdcd;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 10px;
float: left;
position: relative;
width: 440px;
text-align: center;
}
#toppanel #toppanelbox-sites-left {
}
#toppanel #toppanelbox-sites-right {
margin-left: 16px;
}
#toppanelbox-a-left, #toppanelbox-a-right {
text-align: center;
position: relative; /* test */
padding: 10px 0px 5px 0px;
display: block;
}
#toppanelbox-a-left:hover, #toppanelbox-a-right:hover {
background-color: #f9f9f9;
color: black;
}
#toppanelbox-a-left h6, #toppanelbox-a-right h6 {
margin-top: 50px;
}
#toppanelbox-a-left div.caption,
#toppanelbox-a-right div.caption {
position: absolute; /* absolute position (so we can position it where we want)*/
bottom: 0px; /* position will be on bottom */
left: 0px;
right: 0px;
display: none; /* hide it */
background-color: black;
font-size: 12px;
color: white;
}
#toppanelbox-a-left div.caption_content,
#toppanelbox-a-right div.caption_content {
padding: 28px;
}
/* ========================================== */
/* TOPPANEL END */
/* ========================================== */
/* ========================================== */
/* CTT START */
/* ========================================== */
.dropdown_ctt_opcao {
margin-top: 3px;
}
.dropdown_ctt_opcao dt,
.dropdown_ctt_opcao dd,
.dropdown_ctt_opcao ul {
margin: 0px;
padding: 0px;
white-space: nowrap;
font-size: 11px;
line-height: 11px;
}
.dropdown_ctt_opcao dt {
position:relative;
}
.dropdown_ctt_opcao dt a {
background:#ffffff url(../img/ctt/arrow.png) no-repeat scroll right center;
display:block;
padding-right:20px;
border:1px solid #333333;
min-width:155px;
width:155px;
overflow: hidden;
}
.dropdown_ctt_opcao dt a span {
cursor:pointer;
display:block;
padding:5px;
}
.dropdown_ctt_opcao dd {
position: relative;
}
.dropdown_ctt_opcao dd ul {
background:#ffffff none repeat scroll 0 0;
display:none;
list-style:none;
padding:0px;
line-height: 16px;
position:absolute;
left:0px;
top:-1px;
width:auto;
border:1px solid #333333;
min-width:175px;
z-index: 9999;
}
.dropdown_ctt_opcao dd ul li a {
padding: 3px 5px 3px 5px;
display:block;
background-color: transparent;
color: #000;
}
.dropdown_ctt_opcao dd ul li a:hover {
background-color: transparent;
text-decoration: none;
cursor: pointer;
color: #70c82f;
background: #eee; /*#CFDEFF*/
}
/* ========================================== */
/* CTT END */
/* ========================================== */
/* ========================================== */
/* extrusao-produtoslist START */
/* ========================================== */
div .sistemas-produtoslist div,
div .sistemas-anodizados-produtoslist div,
div .sistemas-lacagem-produtoslist div,
div .sistemas-lacagemmadeira-produtoslist div {
text-align: left;
margin-bottom: 20px;
}
div .sistemas-produtoslist div,
div .sistemas-anodizados-produtoslist div,
div .sistemas-lacagem-produtoslist div,
div .sistemas-lacagemmadeira-produtoslist div {
position: relative;
display: block;
}
div .sistemas-produtoslist div.caption,
div .sistemas-anodizados-produtoslist div.caption,
div .sistemas-lacagem-produtoslist div.caption,
div .sistemas-lacagemmadeira-produtoslist div.caption {
position: absolute; /* absolute position (so we can position it where we want)*/
bottom: 2px; /* position will be on bottom */
left: 2px;
right: 2px;
display: block;
background-color: black;
font-size: 12px;
color: white;
margin: 0px;
}
div .sistemas-produtoslist div.caption_content,
div .sistemas-anodizados-produtoslist div.caption_content,
div .sistemas-lacagem-produtoslist div.caption_content,
div .sistemas-lacagemmadeira-produtoslist div.caption_content {
padding: 5px;
margin: 0px;
min-height: 18px;
color: white;
}
/* ========================================== */
/* extrusao-produtoslist END */
/* ========================================== */
/* ========================================== */
/* CALCULO TRANSMISS?O T?RMICA START */
/* ========================================== */
div#calculotransmisssotermica-main {
border: 1px solid #666666;
border-bottom: none;
position: relative;
width: 940px;
}
svg#calculotransmisssotermica-main-svg {
width: 940px;
height: 350px;
}
g#svgdraw {
display: none;
}
div#calculotransmisssotermica-main-quiz {
position: absolute;
left: 260px;
right: 260px;
top: 50px;
overflow: hidden;
padding: 5px;
border: 1px solid #666666;
background-color: white;
}
select#calculotransmisssotermica-main-quiz-001-body-select-tipoabertura,
select#calculotransmisssotermica-main-quiz-002-body-select-roturatermica,
select#calculotransmisssotermica-main-quiz-003-body-select-sistema,
select#calculotransmisssotermica-main-quiz-004-body-select-enchimento {
cursor: pointer;
width: 100%; /* 160px */
/* max-width: 160px; */
/* min-width: 160px; */
}
div#calculotransmisssotermica-main-options-body-tipoabertura,
div#calculotransmisssotermica-main-options-body-roturatermica,
div#calculotransmisssotermica-main-options-body-sistema,
div#calculotransmisssotermica-main-options-body-enchimento,
div#calculotransmisssotermica-main-options-body-cor {
margin-bottom: 16px;
margin-top: 16px;
}
select#calculotransmisssotermica-main-options-body-select-tipoabertura,
select#calculotransmisssotermica-main-options-body-select-roturatermica,
select#calculotransmisssotermica-main-options-body-select-sistema,
select#calculotransmisssotermica-main-options-body-select-enchimento,
select#calculotransmisssotermica-main-options-body-select-cor {
cursor: pointer;
width: 100%; /* 160px */
/* max-width: 160px; */
/* min-width: 160px; */
}
select#calculotransmisssotermica-main-quiz-001-body-select-tipoabertura,
select#calculotransmisssotermica-main-quiz-002-body-select-roturatermica,
select#calculotransmisssotermica-main-quiz-003-body-select-sistema,
select#calculotransmisssotermica-main-quiz-004-body-select-enchimento,
select#calculotransmisssotermica-main-options-body-select-tipoabertura,
select#calculotransmisssotermica-main-options-body-select-roturatermica,
select#calculotransmisssotermica-main-options-body-select-sistema,
select#calculotransmisssotermica-main-options-body-select-enchimento,
select#calculotransmisssotermica-main-options-body-select-cor {
font: 11px/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;
/* Size and position */
padding: 4px 4px 4px 4px; /* 8px 4px 8px 4px; */
margin-bottom: 15px;
/* Styles */
border: 1px solid #4e3043; /* Fallback */
border: 1px solid rgba(78,48,67, 0.8);
background: rgba(112,200,47,0.05);
border-radius: 2px;
box-shadow:
0 1px 0 rgba(255,255,255,0.2),
inset 0 1px 1px rgba(0,0,0,0.1);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
select#calculotransmisssotermica-main-quiz-001-body-select-tipoabertura:hover,
select#calculotransmisssotermica-main-quiz-002-body-select-roturatermica:hover,
select#calculotransmisssotermica-main-quiz-003-body-select-sistema:hover,
select#calculotransmisssotermica-main-quiz-004-body-select-enchimento:hover,
select#calculotransmisssotermica-main-options-body-select-tipoabertura:hover {
border-color: #333;
background: rgba(0,0,0,0.15);
}
div#calculotransmisssotermica-main-controls {
position: absolute;
left: 5px;
top: 5px;
height: 103px;
width: 30px;
overflow: hidden;
display: none;
}
div#calculotransmisssotermica-main-controls img,
img#calculotransmisssotermica-main-options-body-cor-btn {
border: 1px solid #666666;
cursor: pointer;
padding: 3px;
margin-bottom: 2px;
background: rgba(255, 255, 255, 0.5);
}
div#calculotransmisssotermica-main-controls img:hover {
border: 2px solid #666666;
padding: 2px;
background: rgba(255, 255, 255, 1);
}
div#calculotransmisssotermica-main-options {
background-color: white;
position: absolute;
right: -1px;
top: -1px;
bottom: -1px;
width: 179px;
/*overflow: hidden;*/
padding: 5px; /* 15px; */
border: 1px solid #666666;
display: none;
}
div#calculotransmisssotermica-main-options-titulo {
background-color: #70c82f;
height: 20px;
color: white;
margin: 0px 0px 8px 0px;
padding: 3px 5px 3px 10px;
text-align: center;
vertical-align: middle;
}
div#calculotransmisssotermica-main-options-tipologia,
div#calculotransmisssotermica-main-options-roturatermica,
div#calculotransmisssotermica-main-options-sistema,
div#calculotransmisssotermica-main-options-enchimento,
div#calculotransmisssotermica-main-options-cores {
height: 65px;
text-align: center;
}
div#calculotransmisssotermica-main-colors {
background-color: transparent;
position: absolute;
left: 35px; /* 35px */
top: 5px;
width: 180px;
height: 298px;
overflow: hidden;
display: none;
z-index: 999;
}
div#calculotransmisssotermica-main-colors-body {
background-color: white;
position: absolute;
top: 0px;
left: 0px;
right: 22px;
bottom: 0px;
padding: 5px; /* 15px; */
border: 1px solid #666666;
overflow-y: scroll;
overflow-x: hidden;
}
div#calculotransmisssotermica-main-colors-close {
left: 160px;
top: 0px;
height: 20px;
width: 20px;
text-align: center;
}
button#calculotransmisssotermica-main-colors-close-button {
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 20px;
line-height: 16px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
margin: 0px;
padding: 0px;
background: none;
border-radius: 2px;
border: none;
box-shadow: none;
transition: none;
height: 16px;
width: 16px;
}
button#calculotransmisssotermica-main-colors-close-button:hover {
background-color: #dd6363;
color: #f9f9f9;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
div.calculotransmisssotermica-main-quiz-title {
background-color: #70c82f;
margin: 0px 0px 8px 0px;
padding: 3px 5px 3px 10px;
}
div.calculotransmisssotermica-main-quiz-body {
margin: 10px 0px 10px 0px;
padding: 10px 10px 10px 10px;
}
div.calculotransmisssotermica-main-quiz-buttons {
background-color: #def4c8;
margin: 10px 0px 0px 0px;
padding: 3px 5px 3px 10px;
text-align: right;
}
button.calculotransmisssotermica-main-quiz-button {
margin: 3px 10px 3px 3px;
}
div.calculotransmisssotermica-main-quiz-title span {
color: white;
font-size: 20px;
margin-right: 10px;
}
div#calculotransmisssotermica-main-results {
}
table#calculotransmisssotermica-main-results-table {
border: 1px solid #666666;
background-color: white;
font-size: 11px;
width: 942px;
}
table#calculotransmisssotermica-main-results-table td {
border: 1px solid #666666;
padding: 3px;
font-size: 11px;
}
table#calculotransmisssotermica-main-results-table td.col01,
table#calculotransmisssotermica-main-results-table td.col03 {
width: 30%;
font-size: 11px;
}
table#calculotransmisssotermica-main-results-table td.col02,
table#calculotransmisssotermica-main-results-table td.col04 {
width: 20%;
font-size: 11px;
}
table#calculotransmisssotermica-main-results-table td#calculotransmisssotermica-main-results-table-title {
background-color: #70c82f;
margin: 0px 0px 8px 0px;
padding: 3px 5px 3px 10px;
}
div.calculotransmisssotermica-main-colors-title,
span.calculotransmisssotermica-main-colors-title {
background-color: #70c82f;
color: white;
margin: 0px 0px 4px 0px;
padding: 3px 3px 3px 3px;
text-align: center;
vertical-align: middle;
}
.button-ral-16,
.button-lm-16,
.button-an-16 {
width: 16px;
min-width: 16px;
max-width: 16px;
height: 16px;
min-height: 16px;
max-height: 16px;
border: 1px solid black;
/* display: block; */
/* float: left; */
display: inline-block;
padding: 0px;
margin: 0px;
cursor: pointer;
}
.button-ral-38,
.button-lm-38,
.button-an-38 {
width: 38px;
min-width: 38px;
max-width: 38px;
height: 16px;
min-height: 16px;
max-height: 16px;
border: 1px solid black;
/* display: block; */
/* float: left; */
display: inline-block;
padding: 0px;
margin: 0px;
cursor: pointer;
}
.button-lm-16,
.button-an-16,
.button-lm-38,
.button-an-38 {
margin-bottom: 4px ;
}
.button-lm-16 img,
.button-an-16 img,
.button-lm-38 img,
.button-an-38 img {
vertical-align: top ;
}
/* ========================================== */
/* CALCULO TRANSMISS?O T?RMICA END */
/* ========================================== */
/* ========================================== */
/* BO_ENCHIMENTOS START */
/* ========================================== */
table#bo-enchimentos-listagem {
border: 1px solid #666666;
background-color: white;
width: 940px;
}
table#bo-enchimentos-listagem th,
table#bo-enchimentos-listagem td {
border: 1px solid #666666;
padding: 3px;
text-align: center;
vertical-align: middle;
}
table#bo-enchimentos-listagem thead th {
background-color: #70c82f;
font-weight: bold;
cursor: pointer;
}
table#bo-enchimentos-listagem td#bo-enchimentos-listagem-col-id {
width: 40px;
}
table#bo-enchimentos-listagem td#bo-enchimentos-listagem-col-designacaos {
text-align: left;
}
table#bo-enchimentos-listagem td#bo-enchimentos-listagem-col-transmissaoluminosa,
table#bo-enchimentos-listagem td#bo-enchimentos-listagem-col-factorsolar,
table#bo-enchimentos-listagem td#bo-enchimentos-listagem-col-coeficientetransmissaotermica,
table#bo-enchimentos-listagem td#bo-enchimentos-listagem-col-atenuacaoacustica {
width: 100px;
}
/* ========================================== */
/* BO_ENCHIMENTOS END */
/* ========================================== */
/* ========================================== */
/* STOCKS_UTILIZADORES START */
/* ========================================== */
table#stocks-utilizadores-listagem {
border: 1px solid #666666;
background-color: white;
width: 940px;
}
table#stocks-utilizadores-listagem th,
table#stocks-utilizadores-listagem td {
border: 1px solid #666666;
padding: 3px;
text-align: center;
vertical-align: middle;
}
table#stocks-utilizadores-listagem thead th {
background-color: #70c82f;
font-weight: bold;
cursor: pointer;
}
table#stocks-utilizadores-listagem td#stocks-utilizadores-listagem-col-id {
width: 40px;
}
table#stocks-utilizadores-listagem td#stocks-utilizadores-listagem-col-nome {
text-align: left;
}
table#bo-enchimentos-listagem td#bo-enchimentos-listagem-col-transmissaoluminosa,
table#bo-enchimentos-listagem td#bo-enchimentos-listagem-col-factorsolar,
table#bo-enchimentos-listagem td#bo-enchimentos-listagem-col-coeficientetransmissaotermica,
table#bo-enchimentos-listagem td#bo-enchimentos-listagem-col-atenuacaoacustica {
width: 100px;
}
/* ========================================== */
/* BO_ENCHIMENTOS END */
/* ========================================== */
/* ========================================== */
/* STOCKS START */
/* ========================================== */
form#form_stocks select[name='serie'],
form#form_stocks input[name='serie'],
form#form_stocks input[name='referencia'],
form#form_stocks select[name='cor'],
form#form_stocks input[name='cor'],
form#form_stocks select[name='tratamento'],
form#form_stocks input[name='tratamento'] {
width: 195px;
max-width: 195px;
min-width: 195px;
}
table#stocks-listagem {
border: 1px solid #666666;
background-color: white;
width: 940px;
}
table#stocks-listagem th,
table#stocks-listagem td {
border: 1px solid #666666;
padding: 3px;
text-align: center;
vertical-align: middle;
}
table#stocks-listagem thead th {
background-color: #70c82f;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
vertical-align: middle;
}
table#stocks-listagem th#stocks-listagem-lin-titulo {
background-color: #000000;
color: white;
font-weight: bold;
vertical-align: middle;
}
table#stocks-listagem th#stocks-listagem-col-referencia {
width: 52px;
max-width: 52px;
min-width: 52px;
}
table#stocks-listagem th#stocks-listagem-col-codigo {
width: 38px;
max-width: 38px;
min-width: 38px;
}
table#stocks-listagem th#stocks-listagem-col-tratamento {
width: 40px;
max-width: 40px;
min-width: 40px;
}
table#stocks-listagem th#stocks-listagem-col-cor {
width: 60px;
max-width: 60px;
min-width: 60px;
}
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_algarve,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_aveiro,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_cbranco,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_coimbra,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_guarda,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_leiria,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_lisboa,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_minho,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_porto,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_sjmadeira,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_viseu,
table#stocks-listagem th#stocks-listagem-col-saldo_total {
width: 36px;
max-width: 36px;
min-width: 36px;
}
/*
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_algarve div,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_aveiro div,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_cbranco div,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_coimbra div,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_guarda div,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_leiria div,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_lisboa div,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_minho div,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_porto div,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_sjmadeira div,
table#stocks-listagem th#stocks-listagem-col-saldo_armazem_viseu div,
table#stocks-listagem th#stocks-listagem-col-saldo_total div {
transform: rotate(-90.0deg);
}
*/
/* ========================================== */
/* STOCKS END */
/* ========================================== */
/* ========================================== */
/* SISTEMAS OUTLET SECCOES START */
/* ========================================== */
.outlet-seccoes-item p {
background-color: #fff;
border: 1px solid #b5b5b5;
margin-bottom: 10px;
margin-top: 10px;
padding: 100px 10px 100px 10px;
text-align: center;
}
.outlet-seccoes-item p:hover {
background-color: #d5d5d5;
color: #70c82f;
cursor: pointer;
}
.outlet-seccoes-listagem-item-wrapper {
background-color: #fff;
margin-bottom: 10px;
}
.outlet-seccoes-listagem-item,
.outlet-seccoes-listagem-item-active {
position: relative;
padding: 5px 10px 5px 10px;
}
/* ========================================== */
/* SISTEMAS OUTLET LISTAGEM START */
/* ========================================== */
table#si-outlet-listagem {
border-collapse: collapse;
background-color: white;
}
table#si-outlet-listagem thead tr td {
background-color: #70c82f;
font-weight: bold;
padding: 5px;
}
table#si-outlet-listagem th,
table#si-outlet-listagem td {
border: 1px solid #b5b5b5;
padding: 3px;
text-align: center;
vertical-align: middle;
}
table#si-outlet-listagem td#td_imagem {
text-align: center;
width: 50px;
min-width: 50px;
max-width: 50px;
}
table#si-outlet-listagem td#td_referencia {
text-align: center;
width: 95px;
min-width: 95px;
max-width: 95px;
}
table#si-outlet-listagem td#td_designacao {
text-align: left;
width: 100%;
}
table#si-outlet-listagem td#td_tratamento {
text-align: center;
width: 95px;
min-width: 95px;
max-width: 95px;
}
table#si-outlet-listagem td#td_cor {
text-align: center;
width: 95px;
min-width: 95px;
max-width: 95px;
}
table#si-outlet-listagem td#td_quantidade {
text-align: center;
width: 95px;
min-width: 95px;
max-width: 95px;
}
table#si-outlet-listagem td#td_desconto {
text-align: center;
width: 60px;
min-width: 60px;
max-width: 60px;
}
table#si-outlet-listagem td#td_preco {
text-align: center;
width: 60px;
min-width: 60px;
max-width: 60px;
}
.outletcheckbox {
cursor: pointer;
font-size: 32px;
padding: 10px;
color: rgba(0, 0, 0, 0.25);
/* border: 2px solid rgb(205, 209, 215);/*
/* border-radius: 50%; */
/* background-color: rgba(0, 0, 0, 0.25); */
}
.outletcheckbox:hover {
color: rgba(0, 0, 0, 1);
}
.outletcheckbox-checked,
.outletcheckbox-checked:hover {
color: rgba(112, 200, 47, 1);
}
.outlet-listagem-desconto {
padding: 5px;
background-color: #70c82f;
font-weight: bold;
font-size: 14px;
line-height: 14px;
color: white;
}
.outlet-listagem-preco-normal {
text-decoration: line-through;
color: #232323;
}
.outlet-listagem-preco-desconto {
color: #70c82f;
font-weight: bold;
}
.outlet-seccoes-listagem-item-imagem {
display: block;
text-align: center;
margin: 0px 0px 10px 0px;
}
/* AQUI AQUI AQUI AQUI AQUI AQUI AQUI AQUI AQUI */
.outlet-seccoes-listagem-item-referencia-titulo,
.outlet-seccoes-listagem-item-designacao-titulo,
.outlet-seccoes-listagem-item-categoria-titulo,
.outlet-seccoes-listagem-item-tratamento-titulo,
.outlet-seccoes-listagem-item-cor-titulo,
.outlet-seccoes-listagem-item-quantidade-titulo,
.outlet-seccoes-listagem-item-unidadedemedida-titulo,
.outlet-seccoes-listagem-item-preco-titulo {
font-size: 10px;
text-transform: uppercase;
color: #232323;
}
/*
div .sistemasgalerias_list div.caption {
position: absolute; absolute position (so we can position it where we want)
bottom: 2px; position will be on bottom
left: 2px;
right: 2px;
display: block;
background-color: black;
font-size: 12px;
color: white;
margin: 0px;
}
div .sistemasgalerias_list div.caption_content {
padding: 8px;
margin: 0px;
min-height: 30px;
}
div .sistemasgalerias_list div {
text-align: left;
margin-bottom: 15px;
}
*/
/* ========================================== */
/* SISTEMAS OUTLET END */
/* ========================================== */
/* ========================================== */
/* ELEVATEZOOM START */
/* ========================================== */
div.zoomContainer {
z-index: 1;
}
div.zoomWindowContainer {
z-index: 7000;
}
/* ========================================== */
/* ELEVATEZOOM END */
/* ========================================== */
/* ========================================== */
/* SF-MENU START */
/* ========================================== */
div#sf-menu {
z-index: 9000;
}
div#barramenus {
position: relative;
display: block;
}
div.sf-menu li#menu-outlet {
background-color: green;
}
div.sf-menu li#menu-outlet a {
background-color: green;
}
/* ========================================== */
/* SF-MENU END */
/* ========================================== */
/* `960 System >> Grid >> 12 Columns Extras
----------------------------------------------------------------------------------------------------*/
.grid_180 {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
}
.container_12 .grid_180 {
width: 180px;
}
/* -------------------------------------------------------------------------------------------------*/
/* ========================================== */
/* christmas */
/* ========================================== */
canvas#christmassnow {
display: block;
position: fixed;
left: 0px;
top: 0px;
}