/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 15/jun/2015, 10:16:11 Author : José-pc */ @media only screen and (max-width: 768px) { #header .content_header .wrapper{padding: 0 15px;} .wrapper .caminho a{margin-top: 0px;} #header .content_header .wrapper .logo{margin-left: 0px;} #content_body .destaques3 .wrapper { width: 100%;} #content_body .destaques3 .wrapper div{width: 100%; max-width: 100%;padding-left:15px;} #content_body .banner_home{width: 100%;height:390px;} #content_body .banner_home #banner_selector li .details{position: absolute; height: 243px; left: 50%;transform: translateX(-50%);width: 260px;top: initial;bottom:30px;} #content_body .banner_home #banner_selector li .details p{font-size: 20px; line-height: 23px;} #content_body .banner_home #banner_selector li .details a{font-size: 14px; line-height: 35px;} #content_body .banner_home #banner_selector li img{width:auto;height: auto;} #content_body .banner_home #banner_selector{height:390px;} #footer{height:80px;padding-left: 0;} #banner_controls li a{width:7px;height:7px;background-image:none;border-radius: 25px;background-color:#00324a;} #banner_controls li .active{width:7px;height:7px;background-image:none;border-radius: 25px;background-color:#007cba;} #content_body .destaques1 {margin:0;} #content_body .destaques1 .wrapper a:first-child div .title{margin-bottom: 25px;} #content_body .destaques1 .wrapper a:first-child div .text{margin-top:58px;} #content_body .destaques1 .wrapper { width: 100%;padding:0;} #content_body .destaques1 .wrapper div{width: 100%;} #content_body .destaques2 .wrapper > div{padding: 15px;} #content_body .destaques2 .wrapper .conversor .button {margin-bottom: 0;} #content_body .destaques2 .wrapper .configurador .button{margin-bottom: 0;} #content_body .destaques2 .wrapper .noticias .button {margin-bottom: 0;} #content_body .destaques2 .wrapper .noticias .title, #content_body .destaques2 .wrapper .configurador .title_exc, #content_body .destaques2 .wrapper .conversor .title{margin-top:0;} #content_body .destaques3 .wrapper .catalogo .title_exc{margin-top:15px;} #content_body .destaques_final {height: auto;} #content_body .destaques_final .wrapper {width: 100%;padding-left: 30px;} #content_body .destaques_final .wrapper .left, #content_body .destaques_final .wrapper .right {display: block; float: left;width: 100%;padding-left: 0px;} #content_body .destaques_final .wrapper .left p {font-size: 25px;line-height: 30px;margin: 23px 0px; } #content_body .destaques_final .wrapper .right p {font-size: 15px;line-height: 18px; margin: 0 0 21px; max-width: 260px;} #content_body .destaques_final .wrapper .right a {display: none;} #content_body .parceiros{display: none;} #content_body .parceiros_mobile{display: inline-block;width: 100%; height: 155px;} #content_body .parceiros_mobile .wrapper .title{font-family: "DIN-Bold"; font-size: 15px; line-height: 35px; color: #008dc5; text-transform: uppercase; margin-top: 18px;margin-bottom: 0; margin-left: 28px;} #content_body .parceiros_mobile .wrapper .logotipos{width: 100%; text-align: center;} #content_body .parceiros_mobile .wrapper .logotipos div{ display: inline-block;width: 10px;} #content_body .parceiros_mobile .wrapper .logotipos .left{margin-right: 30px;margin-top: -1px;} #content_body .parceiros_mobile .wrapper .logotipos .right{ margin-left: 30px;margin-right: 0px; margin-top: -1px;margin-bottom: 0;} #content_body .parceiros_mobile .wrapper .logotipos ul{padding-left: 0px; display: inline-block;} #content_body .parceiros_mobile .wrapper .logotipos ul li{list-style: none} #content_body .parceiros_mobile .wrapper .logotipos ul li img{max-width: 215px;} #content_body .parceiros_mobile .wrapper .logotipos ul .visible{display: block;} #content_body .parceiros_mobile .wrapper .logotipos ul .not_visible{display: none;} #footer .wrapper{position: relative;} #footer .wrapper span a{font-size: 13px; line-height: 24px;} #footer .wrapper .condicoes{position: absolute; top: 8px; left: 10px;margin: 0px;} #footer .wrapper .privacidade{position: absolute; top: 45px; left: 10px;margin-top: 0px;font-size: 13px; line-height: 24px;margin: 0px;} #footer .wrapper .urls{position: absolute; top: 10px; left: 159px; margin: 0px;} #footer .wrapper .share{position: absolute; top: 12px; left: 159px;margin: 0px;} /*Sobre nos*/ #about_us #content_body .wrapper{width: 100%; padding: 0 15px; float: left;} #about_us #content_body .wrapper .galeria{width: 100%;} #about_us .left{width: 100%;} #about_us #content_body .wrapper .galeria img{max-width: 100%;height: auto;} #about_us .article_info .text_older{margin-bottom: 10px;} #about_us .article_info .text_older .artigo_citacao{width: 100%;padding-right: 35px;} #about_us .galeria{margin-top: 15px;} #about_us .left .galeria .gal_container{height:150px;} #about_us #content_body .wrapper .galeria .rodape_options{height: 40px;} #about_us #content_body .wrapper .galeria .rodape_options span{display: none;} #about_us #content_body .wrapper .galeria .rodape_options .share_image{display: none;} #about_us #content_body .wrapper .galeria .rodape_options .print{display: none;} #about_us #content_body .wrapper .galeria .rodape_options .controls{width: 100%; padding: 0 10px 0 10px; margin: 14px 0 0 0;} #about_us #content_body .wrapper .galeria .rodape_options .controls .galery_prev{background: transparent url("../images/galeria_arrows_mobile.png") no-repeat scroll 0 0; width: 8px; height: 13px;} #about_us #content_body .wrapper .galeria .rodape_options .controls .galery_next{background: transparent url("../images/galeria_arrows_mobile.png") no-repeat scroll -8px 0; width: 8px; height: 13px;float: right;} #about_us .article_info .title {font-size: 16px;} #about_us .article_info .subtitle {font-size: 20px;line-height: 26px;} #about_us #content_body .wrapper .article_info{width: 100%;} #about_us #content_body .wrapper .article_info .summary_text{width: 100%;font-size: 13px; line-height: 20px;} .article_info .text_older .artigo_citacao .citacao{font-size: 20px; line-height: 25px;} .article_info .text_older .artigo_citacao .date{display: none;} #about_us .right .produtos{display: block;float: left;width: 100%;} #about_us .right .produtos .holder{width: 100%;} #about_us .right .produtos .holder .prod_description{font-size: 13px; margin-top: 3px;margin-bottom: 22px;} #about_us .right .contactos{float: left;margin-bottom: 5px; width: 100%;} #about_us .right .contactos .mapa{width: 100%;} #about_us .article_info .title{margin-top: 10px;} #about_us .gal_container.visible{margin-top: 20px;} #about_us .article_info .subtitle{margin-bottom: 15px;} #about_us .article_info .summary_text, #about_us .article_info .text_older p{margin-bottom: 0;} #about_us .right .title{font-size: 16px; padding-bottom: 0px;margin-bottom: 15px;} #about_us .right .line{font-size: 13px;} #about_us .right .produtos .holder{padding: 0;margin-top: 0;} /*Contactos*/ #contacts .wrapper{padding:0 15px;} #contacts .map_holder, #map-canvas{height:150px !important;} #contacts .holder_both .left{width: 100%;margin-left:0;} #contacts .holder_both .right{width: 100%;} #contacts .holder_both .right .title{font-size: 16px;} #contacts .holder_both .right .contact_holder .line{font-size: 13px;} #contacts .holder_both .right .contact_holder{width: 100%;} #contacts .form{width: 100%;float: left;} #contacts .form .label_and_field{width: 100%; padding-left: 0px;} #contacts .form .bottom_notes{width: 100%;padding-left: 0px;} #contacts .form .bottom_notes .content-checkbox p{max-width: 90%;} #contacts .form .bottom_notes .mandatory_fields{width: 100%;font-size: 13px;} #contacts .form .bottom_notes .content-checkbox p{font-size: 13px;} #contacts .form .content-checkbox p{font-size: 13px;} #contacts .submit_btn{width: 100%;margin: 0px;} #contacts .form .form_fields_holder{width: 100%;display: block;position: relative;padding-left: 0px; float: left;margin-top: 0px} #contacts .form input[type="text"], #contacts .form input[type="email"], #contacts .form input[type="select"]{width: 100%;} #contact_form{float: left;width: 100%;} #contacts .holder_both .left .road_notes{font-size: 13px; line-height: 18px;} #contacts a.fake-select{width: 100%;} #contacts .container-select, #paises, #paises .twitter-typeahead{width: 100%;} #contacts .fake-list, #contacts .fake-list li, #contacts .fake-list li a{width: 100%;} #contacts .form .title{font-size: 16px;} #contacts .form .line{font-size: 13px; line-height: 16px;} #contacts textarea{width: 100%;} #contacts .form label, #contacts .form .bottom_notes label{font-size: 13px;} /*Detalhe de produto*/ #content_body_product_detail .right .config_controls .layout-slider{width: 100%;} #content_body_product_detail .left .info_holder .caracteristicas{width: 100%;margin-bottom: 30px;} #content_body_product_detail .left .info_holder .aplicacoes_principais {width: 100%;margin-bottom: 30px;} #content_body_product_detail .left .info_holder .servicos_associados {width: 100%;margin-bottom: 30px;} #content_body_product_detail .left .img_holder{height:150px;} #content_body_product_detail #tab_manager{display: none;} #content_body_product_detail #tab_manager_mobile{display: block;} #content_body_product_detail #tab_manager_mobile .tabs ul{margin-left: 0;list-style: none;} #content_body_product_detail #tab_manager_mobile .tabs ul:before{content: none;} #content_body_product_detail #tab_manager_mobile .tabs ul li{width: 100%;border: 1px solid #d5dadb;font-size: 15px;color: #bdbebe;margin-bottom: 10px;} #content_body_product_detail #tab_manager_mobile .tabs ul li .tab_title{border-width: 0 0 1px 1px; color: #bdbebe;display: block; float: left; width: 100%;height: 45px; text-decoration: none; line-height: 45px;padding: 0 15px 0 15px;margin: 0;font-family: "DIN-Medium";font-size: 14px; text-transform: uppercase;} #content_body_product_detail #tab_manager_mobile .tabs ul li.selected .tab_title{background-color: #008dc5; border-width: 0 0 1px 1px; color: #fff;display: block; float: left; width: 100%;height: 45px; text-decoration: none; line-height: 45px;padding: 0 15px 0 15px;} #content_body_product_detail #tab_manager_mobile .body{display: none;} #content_body_product_detail #tab_manager_mobile .tabs ul li .tab_title:after {content: "";width: 11px;height: 6px;display: inline-block;background-image: url("../images/tabs_mobile_icon.png");background-repeat: no-repeat; background-position: 0 0; margin-left: 0px; margin-top: 19px;float: right;} #content_body_product_detail #tab_manager_mobile .tabs ul li.selected .tab_title:after{content: "";width: 11px;height: 6px;display: inline-block;background-image: url("../images/tabs_mobile_icon.png");background-repeat: no-repeat; background-position: 0 -7px; margin-left: 0px;float: right;} #content_body_product_detail .left .info_holder div .title{font-size: 16px;} #content_body_product_detail .right .related_products ul li{width: 100%;margin-left: 0;} #content_body_product_detail #tab_manager_mobile .holder {padding: 0 15px 0 15px;} #content_body_product_detail #tab_manager_mobile #tab1_mobile .normas {display: block;float: left;width: 100%;} #content_body_product_detail #tab_manager_mobile #tab1_mobile .perfis {display: block;float: left;width: 100%;} #content_body_product_detail .right .configurador_principal_ref .btn{margin-bottom:0;} #content_body_product_detail .wrapper .initial_notes .title{font-size:25px;} #content_body_product_detail .both{margin-top:10px;} #content_body_product_detail #tab_manager_mobile .tabs ul{display: block; float: left; padding-left: 0;width: 100%;} #content_body_product_detail #tab_manager_mobile #tab1_mobile .title{font-family: "DIN-Bold"; font-size: 14px; color: #008dc5;text-transform: uppercase;} #content_body_product_detail #tab_manager_mobile #tab1_mobile ul{padding: 0; display: block; float: left;display: block; float: left;} #content_body_product_detail #tab_manager_mobile #tab1_mobile ul li{border-width: 0 0 1px 0; padding-left: 0;line-height: 20px;} #content_body_product_detail #tab_manager_mobile #tab1_mobile ul li:last-child{border-width: 0 0 0 0;} #content_body_product_detail #tab_manager_mobile #tab1_mobile ul li .label{font-family: "DIN-Medium"; font-size: 14px; line-height: 18px; color: #008dc5;} #content_body_product_detail #tab_manager_mobile #tab1_mobile ul li .value{font-family: "DIN-Medium"; font-size: 14px; line-height: 18px; color: #54666f;} #content_body_product_detail #tab_manager_mobile #tab1_mobile ul li .value_fornecimento{font-family: "DIN-Medium"; font-size: 14px; color: #54666f;} #content_body_product_detail #tab_manager_mobile #tab1_mobile .perfis ul{display: block; float: left; width: 100%; border-width: 0 0 1px 0;} #content_body_product_detail #tab_manager_mobile #tab1_mobile .perfis ul li{display: block; float: left; width: 100%;} #content_body_product_detail #tab_manager_mobile #tab1_mobile .perfis ul li .internal{display: block; float: left; border: none; width: 100%;} #content_body_product_detail #tab_manager_mobile #tab1_mobile .perfis ul li .internal li{display: inline-block; float: left; border: none; width: auto;float: none; vertical-align: middle; margin-bottom: 0;} #content_body_product_detail #tab_manager_mobile #tab1_mobile .perfis ul li .dim{font-family: "DIN-Bold"; font-size: 14px;line-height: 18px; color: #008dc5; padding-left: 10px;} #content_body_product_detail #tab_manager_mobile #tab1_mobile .perfis ul li .categ{font-family: "DIN-Medium"; font-size: 14px;line-height: 18px; color: #54666f;margin-left: 10px;} #content_body_product_detail .composicao_tab > div.composicao_quimica{display: block;float: left;width: 100%;padding: 0px 15px;} #content_body_product_detail .composicao_tab > div.composicao_quimica .table_holder{border: none; padding-left: 0;} #content_body_product_detail .composicao_tab > div.composicao_quimica .table_holder table{display: block; float: left; width: 100%;} #content_body_product_detail .composicao_tab > div.composicao_quimica .table_holder tbody{display: block; float: left; width: 100%;} #content_body_product_detail .composicao_tab > div.composicao_quimica .table_holder table tr{border-bottom: 1px solid #d5dadb;display: block; float: left; width: 100%;} #content_body_product_detail .composicao_tab > div.composicao_quimica .table_holder table tr:last-child{border: none;} #content_body_product_detail .composicao_tab > div.composicao_quimica .table_holder table th {border-right: 1px solid #d5dadb;display: block; float: left; width: 50%;height:45px;padding-top: 13px;} #content_body_product_detail .composicao_tab > div.composicao_quimica .table_holder table td{border: none;display: block; float: left; width: 50%;height:45px;padding-top: 13px;} #content_body_product_detail .composicao_tab > div.propriedades{display: block;float: left;width: 100%;padding: 0px 15px;} #content_body_product_detail .composicao_tab > div.propriedades .massive_holder{border: none;} #content_body_product_detail .propriedades .massive_holder .subtitle .labels_holder:nth-child(2n+1){text-align: left;padding-left: 0;} #content_body_product_detail .propriedades .massive_holder .subtitle .field{font-size: 13px;} #content_body_product_detail .propriedades .massive_holder .subtitle .value{font-size: 13px;} #content_body_product_detail .propriedades .massive_holder .subtitle{border-bottom: none;} #content_body_product_detail .propriedades .massive_holder table, #content_body_product_detail .propriedades .massive_holder tbody{display: block; float: left; width: 100%;} #content_body_product_detail .propriedades .massive_holder table td{border-top: none;display: block; float: left; width: 50%;} #content_body_product_detail .propriedades .massive_holder table tr{border-bottom: 1px solid #d5dadb; display: block; float: left; width: 100%;} #content_body_product_detail .propriedades .massive_holder table tr:last-child{border-bottom: none;} #content_body_product_detail .propriedades .massive_holder table th{border-right: 1px solid #d5dadb;display: block; float: left; width: 50%;} #content_body_product_detail .propriedades .massive_holder table.different_table{display: initial; float: none; width: 100%;} #content_body_product_detail .propriedades .massive_holder table.different_table tbody{display: initial; float: none; width: 100%;} #content_body_product_detail .propriedades .massive_holder table.different_table th{width: 100%;text-align: left;border-right: none;} #content_body_product_detail .propriedades .massive_holder table.different_table th span{display: initial; width: auto;} #content_body_product_detail .propriedades .massive_holder table.different_table tr{border: none;} #content_body_product_detail .propriedades .massive_holder table.different_table tr.border_bt:not(:last-child){border-bottom: 1px solid #D5DADB;} #content_body_product_detail .propriedades .massive_holder table.different_table tr td{width: 33%;border-right: none;} #content_body_product_detail .propriedades .massive_holder table tr:not(:first-child):not(:last-child) td:not(:last-child){border-right: none;} #content_body_product_detail #tab_manager_mobile .tabs ul li{float: left; } /*Serviços*/ #content_body_product_detail .servicos{padding: 15px;float:left;} #content_body_product_detail .servicos .title{font-family: "DIN-Bold"; font-size: 16px; color: #008dc5;margin-top:0;} #content_body_product_detail .servicos .block_info{border-bottom: 0; margin-bottom: 0px !important;} #content_body_product_detail .servicos ul{margin-bottom: 0px !important;} #content_body_product_detail .servicos ul li{border-width: 0 0 1px 0 !important;} #content_body_product_detail .servicos ul li:last-child{border: none !important;} /*Tratamentos térmicos*/ #content_body_product_detail .tratamentos_termicos{padding: 0 15px;display: block;float: left;width: 100%;} #content_body_product_detail .tratamentos_termicos .imgs_holder .detail{width: 100%;} #content_body_product_detail .tratamentos_termicos .imgs_holder .detail .title{font-family: "DIN-Bold"; font-size: 16px; color: #008dc5;} #content_body_product_detail .tratamentos_termicos .imgs_holder .detail img{max-width: 100%; height: auto; display: block; margin: 0 auto;} #content_body_product_detail .tratamentos_termicos .title{font-family: "DIN-Medium"; font-size: 14px; line-height: 12px; color: #54666f;} #content_body_product_detail .tratamentos_termicos table{text-align: left;margin-top: 0;} #content_body_product_detail .tratamentos_termicos table tbody{width: 100%;display: table;} #content_body_product_detail .tratamentos_termicos table tr{border-bottom: 1px solid #D5DADB;} #content_body_product_detail .tratamentos_termicos table tr:last-child{border-bottom: none;} #content_body_product_detail .tratamentos_termicos table tr td{border: none;width: 50%;text-align: right;} #content_body_product_detail .tratamentos_termicos table tr th{width: 50%;font-family: "DIN-Medium"; font-size: 14px; line-height: 18px; color: #54666f;} /*Download*/ #content_body_product_detail .tab_download{padding: 0 15px;width:100%;float:left;} #content_body_product_detail .tab_download .documents_block{margin-bottom:0;} #content_body_product_detail .tab_download > div ul li{border-width: 0 0 1px 0 !important;} #content_body_product_detail .tab_download > div ul li:last-child{border-width: 0 0 0 0 !important;} #content_body_product_detail .tab_download > div ul li .file_size{float: right;display: block;width: auto !important;line-height: 45px;} #content_body_product_detail .tab_download .title{font-family: "DIN-Bold"; font-size: 15px; color: #008dc5;} #content_body_product_detail .tab_download > div ul li .file_title{font-family: "DIN-Medium"; font-size: 14px; line-height: 18px; color: #008dc5;width: auto !important;} #content_body_product_detail .tab_download > div ul li a{text-decoration: none;float:left;} .right .config_controls .layout-slider{text-align: center;} .right .config_controls .radios{text-align: center;} .right .config_controls .radios .radios_holder{margin-left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%);display: block;float: left;} #content_body_product_detail .right .config_controls .radios .item{width: 65px;} #content_body_product_detail .right .config_controls .title {font-size:14px;} #content_body_product_detail .right .margin_forcer {padding:15px;} /*Noticias*/ #noticias .right .content_related .holder{width: 100%;padding: 0px;margin: 0;} #noticias .right .content_related .holder p{margin-top: 0;margin-bottom: 5px !important;} #noticias .wrapper .left .title{display: none;} #noticias .wrapper .left .noticia_principal .news_img_container{width: 100%;padding: 0;height:150px;overflow:hidden;margin-bottom:15px;} #noticias .wrapper .left .noticia_principal .news_img_container img{position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);} #noticias .wrapper .left .noticia_principal .news_data_container{max-width: 100%;} #noticias .wrapper .left .noticia_principal .news_data_container p{max-width: 100%;} #noticias .wrapper .left .noticia_principal .news_data_container .data{font-size: 13px;} #noticias .wrapper .left .noticia_principal{padding-bottom:15px;} #noticias .wrapper .left .noticia_principal .news_data_container .titulo{font-size: 25px; line-height: 25px;margin-bottom:10px;} #noticias .wrapper .left .noticia_principal .news_data_container .resumo{font-size: 13px; line-height: 20px;} #noticias .wrapper .left .noticia_nivel2{width: 100%;padding:15px 0;} #noticias .wrapper .left .noticia_nivel2:nth-child(2n+1){padding-right:0;} #noticias .wrapper .left .noticia_nivel2 .news_data_container{max-width: 100%;} #noticias .wrapper .left .noticia_nivel2 .news_data_container .data{font-size: 13px;} #noticias .wrapper .left .noticia_nivel2 .news_data_container .titulo{font-size: 20px; line-height: 25px;} #noticias .wrapper .left .noticia_nivel2 .news_data_container .resumo{font-size: 13px; line-height: 20px;height: auto;} #noticias .wrapper .left .outras_noticias{width: 100%;padding:15px 0;} #noticias .wrapper .left .outras_noticias .news_data_container .data{font-size: 13px;} #noticias .wrapper .left .outras_noticias .news_data_container .titulo{font-size: 20px; line-height: 25px;} #noticias .wrapper .left .outras_noticias .news_data_container .resumo{font-size: 13px; line-height: 20px;} #noticias .wrapper .left .outras_noticias:nth-child(2n+1){padding-right:0;} #noticias .wrapper .left .noticia_nivel2 .news_img_container{padding: 0;height:auto;max-height:150px;} #noticias .right .catalogo{width: 100%;} #noticias .right .relacionados a .holder .content_title {font-size:16px;line-height:18px;} #noticias .right .relacionados a .holder .content_description {font-size:13px;line-height:15px;margin-bottom: 30px;} /*Pesquisa*/ #pesquisa .right .content_related .holder{width: 100%;padding: 0px;margin: 0;} #pesquisa .right .content_related .holder p{margin-top: 0;margin-bottom: 5px !important;} #pesquisa .wrapper .left .title{display: none;} #pesquisa .wrapper .left .subtitle{display: none;} #pesquisa .wrapper .left .pesquisa_container{width: 100%;} #pesquisa .wrapper .left .pesquisa_container .news_data_container .titulo{font-size: 13px;} #pesquisa .wrapper .left .pesquisa_container .news_data_container .subtitulo{font-size: 20px; line-height: 25px;} #pesquisa .wrapper .left .pesquisa_container .news_data_container .resumo{font-size: 13px; line-height: 20px;} #pesquisa .right .catalogo{width: 100%;} /*Institucional*/ #institucional .right .content_related .holder{width: 100%;padding: 0px;margin: 0 0 15px 0;} #institucional .right .content_related .holder p{margin-top: 0;margin-bottom: 5px !important;} #institucional .right .catalogo{width: 100%;} /*Configurador principal*/ #configurador_principal .top_options .button{display: none !important;} #configurador_principal .top_options .texts .title{font-size: 25px;} #configurador_principal .top_options .texts .description {font-size: 13px;} #configurador_principal .campos_base .title{font-size: 16px;} #configurador_principal .campos_base > div {width: 100%;} #configurador_principal .wrapper{padding-left: 15px;padding-right: 15px;} #configurador_principal .campos_base .aplicacoes_norma{padding-left: 0;} #configurador_principal .campos_seleccionaveis .title_holder p.title{width: 100%;} #configurador_principal .campos_seleccionaveis .title_holder p.warning_note{width: 100%;} #configurador_principal .campos_seleccionaveis .controllers_holder .layout-slider{width: 100%;} #configurador_principal .campos_seleccionaveis .controllers_holder .layout-slider .property-name{max-width: 100% !important;} #configurador_principal .bottom_options .left {width: 100%;} #configurador_principal .bottom_options .left a{width: 100%;} #configurador_principal .bottom_options .right {width: 100%;} #configurador_principal .bottom_options .right p {width: 50%} #configurador_principal .bottom_options .right a{float: right;} #configurador_principal .bottom_options .left {margin-bottom: 15px;} #configurador_principal .campos_seleccionaveis .controllers_holder {text-align: center;} #configurador_principal .campos_base .perfil{display: none;} #configurador_principal .campos_base .perfil_mobile{display: block;float: left; width: 100%;} #configurador_principal .campos_base .perfil_mobile .title{display: block;float: left; width: 100%;height: 43px;border: 1px solid #d5dadb;line-height: 43px;padding-left: 15px;position: relative;margin: 0;} #configurador_principal .campos_base .perfil_mobile .title:after{content: ""; display: inline; background: url('../images/tabs_mobile_icon.png') no-repeat center center;width: 11px; height: 6px; background-position: 0 0;position: absolute; right: 14px; top: 18px;} #configurador_principal .campos_base .perfil_mobile .body{display: none; float: left; width: 100%;padding-left: 15px;border: 1px solid #d5dadb;border-top: none;padding: 0 15px;} #configurador_principal .campos_base .perfil_mobile .body ul{display: block; float: left; width: 100%;list-style: none; padding: 0;margin: 0;} #configurador_principal .campos_base .perfil_mobile .body ul li{width: 100%; float: left;line-height: 45px; width: 100%;} #configurador_principal .campos_base .perfil_mobile .body ul li:not(:last-child){border-bottom: 1px solid #d5dadb;} #configurador_principal .campos_base .perfil_mobile .body ul li input[type="checkbox"]{display: none;} #configurador_principal .campos_base .perfil_mobile .body ul li label{line-height:15px;cursor:pointer;} #configurador_principal .campos_base .perfil_mobile .body ul li label:before{content: "";width:15px;background-image:url(../images/sprite_configurador.png);background-repeat:no-repeat;background-position: 0 0;display: block;height:15px;line-height:15px;cursor:pointer;color:#000;display: inline-block;margin-right: 20px;} #configurador_principal .campos_base .perfil_mobile .body ul li input[type=checkbox]:checked + label:before{background-position: -15px 0;} #configurador_principal .campos_base .perfil_mobile .body ul li label span{font-family: "DIN-Medium"; font-size: 15px; color: #191919;display: inline-block;} #configurador_principal .campos_base .perfil_mobile .body ul li label span.texto:before{content: none;} #configurador_principal .campos_base .perfil_mobile .body ul li label span:before{content: "";background-image:url(../images/sprite_configurador.png);background-repeat:no-repeat;cursor:pointer;color:#000;display: inline-block;margin-right: 10px;} #configurador_principal .campos_base .perfil_mobile .body ul li label .redondo:before{width:15px;background-position: 0 -15px;height:14px;} #configurador_principal .campos_base .perfil_mobile .body ul li label .quadrado:before{width:15px;background-position: -16px -15px;height:18px;} #configurador_principal .campos_base .perfil_mobile .body ul li label .oitavado:before{width:15px;background-position: 0 -32px;height:15px;} #configurador_principal .campos_base .perfil_mobile .body ul li label .rectangulo:before{width:32px;background-position: 0 -48px;height:18px;} #configurador_principal .campos_base .perfil_mobile .body ul li label .sextavado:before{width:14px;background-position: -15px -33px;height:14px;} #configurador_principal .campos_seleccionaveis .controllers_holder .layout-slider .checkbox_slider{margin-left: 10px;} #configurador_principal .search_button_div{margin-bottom:15px;} /*Conversor*/ #conversor{margin-bottom: 15px;} #conversor .wrapper{padding: 0 15px;} #conversor .caminho{margin-bottom: 10px;} #conversor .top_options{padding-bottom: 0; margin-bottom: 20px;} #conversor .top_options .texts .title{font-size: 25px; line-height: 30px;} #conversor #tab_manager_conversor{display: none;} #conversor #tab_manager_conversor_mobile{display: block; float: left; width: 100%;} #conversor #tab_manager_conversor_mobile .tabs{display: block; float: left; width: 100%;} #conversor #tab_manager_conversor_mobile .tabs #tab1_mobile{position: relative;display: block; float: left; width: 100%;height: 45px;border: 1px solid #d5dadb;font-family: "DIN-Medium"; font-size: 15px; line-height: 45px; color: #d5dadb;margin-bottom: 0;text-transform: uppercase;padding-left: 15px} #conversor #tab_manager_conversor_mobile .tabs #tab1_mobile:hover{cursor: pointer;} #conversor #tab_manager_conversor_mobile .tabs #tab2_mobile{position: relative;display: block; float: left; width: 100%;height: 45px;border: 1px solid #d5dadb;font-family: "DIN-Medium"; font-size: 15px; line-height: 45px; color: #d5dadb;margin-top: 15px;margin-bottom: 0;text-transform: uppercase;padding-left: 15px} #conversor #tab_manager_conversor_mobile .tabs #tab2_mobile:hover{cursor: pointer;} #conversor #tab_manager_conversor_mobile .tabs #tab1_mobile:after{content: "";position: absolute; right: 15px; top: 20px; background-image: url('../images/conversor_mobile_arrows.png'); width: 10px; height: 5px; background-position: -1px -1px;} #conversor #tab_manager_conversor_mobile .tabs #tab2_mobile:after{content: "";position: absolute; right: 15px; top: 20px; background-image: url('../images/conversor_mobile_arrows.png'); width: 10px; height: 5px; background-position: -1px -1px;} #conversor #tab_manager_conversor_mobile .tabs #tab1_mobile.selected{background-color: #008dc5; color: #fff;} #conversor #tab_manager_conversor_mobile .tabs #tab1_mobile.selected:after{background-position: -17px -1px;} #conversor #tab_manager_conversor_mobile .tabs #tab2_mobile.selected{background-color: #008dc5; color: #fff;} #conversor #tab_manager_conversor_mobile .tabs #tab2_mobile.selected:after{background-position: -17px -1px;} #conversor #tab_manager_conversor_mobile .tab1_holder{display: block; float: left; width: 100%; border: 1px solid #d5dadb; padding: 15px;border-top: none;} #conversor #tab_manager_conversor_mobile .tab1_holder .title{font-family: "DIN-Bold"; font-size: 13px; line-height: 18px; color: #008dc5; width: 100%; display: block; float: left;text-transform: uppercase;margin-bottom: 5px;margin-top: 10px;} #conversor #tab_manager_conversor_mobile .tab1_holder input[type="text"]{position: relative; border: 1px solid #d5dadb; width: 100%; height: 40px;font-family: "DIN-Medium";font-size: 13px; color: #53656e;padding-left: 10px;} #conversor #tab_manager_conversor_mobile .tab1_holder #material_conversor_mobile:after{content: "";position: absolute; right: 15px; top: 20px; background-image: url('../images/conversor_mobile_arrows.png'); width: 16px; height: 9px; background-position: 0 -6px;} #conversor #tab_manager_conversor_mobile .tab1_holder #perfil_mobile:after{content: "";position: absolute; right: 15px; top: 20px; background-image: url('../images/conversor_mobile_arrows.png'); width: 16px; height: 9px; background-position: 0 -6px;} #conversor #tab_manager_conversor_mobile .tab1_holder .image_config .img_holder{border: 1px solid #d5dadb;display: block;float: left;width: 100%;padding: 15px;background-repeat: no-repeat;background-position: center top;} #conversor #tab_manager_conversor_mobile .tab1_holder .image_config .img_holder .center_image{display: block; float: left; width: 100%; text-align: center;padding: 15px 0 15px 0; height: 107px; background-repeat: no-repeat;background-position: center center} #conversor #tab_manager_conversor_mobile .tab1_holder .calc_btn{display: block; float: left; width: 100%; margin: 15px 0;} #conversor #tab_manager_conversor_mobile .tab1_holder .calc_btn a{display: block; float: left; width: 100%;font-family: "DIN-Medium"; font-size: 18px; color: #008dc5;text-align: center;height: 45px; line-height: 45px; border: 1px solid #008dc5;text-decoration: none;} #conversor #tab_manager_conversor_mobile .tab1_holder .calc_btn a:hover{background-color: #008dc5; color: #fff;} #conversor #tab_manager_conversor_mobile .tab1_holder .calc_results{display: block; float: left; width: 100%;background-color: #008dc5;margin-bottom: 15px;} #conversor #tab_manager_conversor_mobile .tab1_holder .calc_results ul{display: block; float: left; width: 100%;background-color: #008dc5;list-style: none; margin: 0;padding: 0;} #conversor #tab_manager_conversor_mobile .tab1_holder .calc_results ul li{width: 255px;border-bottom: 1px solid #80c6e2;margin: 0 auto; font-size: 15px;color: #fff; font-family: "DIN-Medium"; line-height: 45px; text-decoration: none;} #conversor #tab_manager_conversor_mobile .tab1_holder .calc_results ul li:last-child{border-bottom: none;} #conversor #tab_manager_conversor_mobile .tab2_holder{display: block; float: left; width: 100%; border: 1px solid #d5dadb; padding: 15px;border-top: none;} #conversor #tab_manager_conversor_mobile .tab2_holder .title_holder{display: block; float: left; width: 100%;} #conversor #tab_manager_conversor_mobile .tab2_holder .title_holder p{font-family: "DIN-Bold"; font-size: 14px; line-height: 18px; color: #008dc5;} #conversor #tab_manager_conversor_mobile .tab2_holder .subtitle{font-family: "DIN-Bold"; font-size: 14px; line-height: 18px; color: #008dc5;} #conversor #tab_manager_conversor_mobile .tab2_holder .prod_description p{font-family: "Arial"; font-size: 13px; line-height: 18px; color: #54666f;} #conversor #tab_manager_conversor_mobile .tab2_holder .body{display: block; float: left; width: 100%;} #conversor #tab_manager_conversor_mobile .tab2_holder .body .body_block{display: block; float: left; width: 100%; border-bottom: 1px solid #d5dadb;} #conversor #tab_manager_conversor_mobile .tab2_holder .body .body_block:last-child{border-bottom: none} #conversor #tab_manager_conversor_mobile .tab2_holder .body .body_block .prod_description{display: block; float: left; width: 73%;} #conversor #tab_manager_conversor_mobile .tab2_holder .body .body_block .prod_description p{max-width: 55%;} #conversor #tab_manager_conversor_mobile .tab2_holder .body .body_block .input_holder{display: block; float: left; width: 27%;text-align: right;margin-top: 12px;padding-bottom: 10px;} #conversor #tab_manager_conversor_mobile .tab2_holder .body .body_block .input_holder input[type="text"]{width: 70px; height: 40px;font-family: "DIN-Medium";font-size: 13px; line-height: 40px; color: #54666f; text-align: center;} #conversor #tab_manager_conversor_mobile .tab2_holder .body .body_block .input_holder.only_input{display: block; float: left; width: 100%;} #conversor #tab_manager_conversor_mobile .tab2_holder .body .body_block .input_holder.only_input input[type="text"]{width: 100%; height: 40px;} #conversor #tab_manager_conversor_mobile .tab2_holder .calc_btn{display: block; float: left; width: 100%; margin: 15px 0;} #conversor #tab_manager_conversor_mobile .tab2_holder .calc_btn{display: block; float: left; width: 100%;font-family: "DIN-Medium"; font-size: 18px; color: #008dc5;text-align: center;height: 45px; line-height: 45px; border: 1px solid #008dc5;text-decoration: none;} #conversor #tab_manager_conversor_mobile .tab2_holder .calc_btn:hover{background-color: #008dc5; color: #fff;} #conversor #tab_manager_conversor_mobile .tab1_holder .error_holder{display: block; float: left; width: 100%; border: 1px solid #ffd0d9; display: none;} #conversor #tab_manager_conversor_mobile .tab1_holder .error_holder .title{font-family: "DIN-Bold";font-size: 15px; color: #ff0d3b;display: block;float: left;height: 100%;padding: 15px;margin: 0;line-height: 15px;} #conversor #tab_manager_conversor_mobile .tab1_holder .error_holder .error_msg{font-family: "DIN-Medium";font-size: 15px; color: #d5dadb;display: block;float: left;padding: 15px;max-width: 200px;} #conversor #tab_manager_conversor_mobile .tab2_holder .error_holder{display: none; float: left; width: 100%; border: 1px solid #ffd0d9;} #conversor #tab_manager_conversor_mobile .tab2_holder .error_holder .title{font-family: "DIN-Bold";font-size: 15px; color: #ff0d3b;display: block;float: left;height: 100%;padding: 15px;margin: 0;line-height: 15px;} #conversor #tab_manager_conversor_mobile .tab2_holder .error_holder .error_msg{font-family: "DIN-Medium";font-size: 15px; color: #d5dadb;display: block;float: left;padding: 15px;max-width: 200px;} #conversor .tab2_holder{display: none;} /******APLICACOES E SERVICOS***********/ #aplicacoes_servicos .galeria{width: 100%;} #aplicacoes_servicos .galeria img{max-width: 100%;height: auto;} #aplicacoes_servicos .info_holder .title_of_txt {font-size:25px;line-height: 35px;} #aplicacoes_servicos .info_holder .text p {font-size: 13px;line-height: 20px;} #aplicacoes_servicos .lista_produtos ul li{width: 100%;} #aplicacoes_servicos .lista_produtos .lista_title {font-size:16px;margin-bottom:0;} #aplicacoes_servicos .lista_produtos ul li a {font-size:13px;padding-left:0;padding-right:35px;padding-top:14px;padding-bottom: 12px;} #aplicacoes_servicos .lista_produtos ul li:not(:last-child) a::after {right:25px;} #aplicacoes_servicos .lista_produtos ul li:last-child a {line-height: 16px;} #aplicacoes_servicos .relacionados {margin-bottom:15px;} #aplicacoes_servicos .relacionados .seccion_title {font-size: 16px;line-height: 18px;} #aplicacoes_servicos .relacionados a .rel_line .rel_title {font-size: 16px;line-height: 20px;} #aplicacoes_servicos .relacionados a .rel_line .rel_text,#aplicacoes_servicos .left .left .line {font-size: 13px;line-height: 20px;} #aplicacoes_servicos .left .left .title {font-size: 16px;line-height: 18px;} #aplicacoes_servicos .left .right .catalogo {margin-top: 10px;margin-bottom:20px;} #aplicacoes_servicos .right .title {font-size: 16px;line-height: 18px;} #aplicacoes_servicos .right .line {font-size: 13px;line-height: 20px;} #aplicacoes_servicos .right .contactos {margin-top:15px;} /********DETALHES DE NOTICIAS************/ #noticia_detalhe .galeria{width: 100%;} #noticia_detalhe .galeria img{max-width: 100%;height: auto;} #noticia_detalhe .lista_produtos ul li{width: 100%;} #noticia_detalhe .right .contactos .holder .mapa,#noticia_detalhe .right .contactos .holder #map-canvas {height:165px !important;} #noticia_detalhe .right .contactos {margin-bottom:0;} #noticia_detalhe .right .contactos .holder .info {position:relative;padding:0 0 20px 0;} #noticia_detalhe .right .line {font-size: 13px;line-height: 22px;} @media only screen and (max-width: 768px) { .propriedades_mecanicas_nova{ width: 100%; display: block; float: left; padding: 15px; } #content_body_product_detail #tab_manager_mobile #tab1_mobile .propriedades_mecanicas_nova .mec_ul{ width: 100%; display: block; float: left; padding: 0; border-bottom: 1px solid #d5dadb; margin-bottom: 10px; } #content_body_product_detail #tab_manager_mobile #tab1_mobile .propriedades_mecanicas_nova .mec_ul li{ border-right: 1px solid #d5dadb; } #content_body_product_detail #tab_manager_mobile #tab1_mobile .propriedades_mecanicas_nova .mec_ul li:last-child{ border-right: 0 } #content_body_product_detail #tab_manager_mobile #tab1_mobile .propriedades_mecanicas_nova .mec_items{ float: left; display: block; text-align: center; font-family: "DIN-Medium"; font-size: 14px; line-height: 18px; color: #54666f; margin: 0; line-height: 45px; position: relative; border-bottom: 0; } #content_body_product_detail #tab_manager_mobile #tab1_mobile .propriedades_mecanicas_nova > ul{ display: block; float: left; margin: 0; padding: 0; width: 100%; } #content_body_product_detail #tab_manager_mobile #tab1_mobile .propriedades_mecanicas_nova > ul > li{ display: block; float: left; margin: 0; padding: 0; width: 100%; margin-bottom: 30px; border-bottom: 0; } #content_body_product_detail #tab_manager_mobile #tab1_mobile .propriedades_mecanicas_nova > ul > li span{ display: block; width: 100%; text-align: center; border-bottom: 1px solid #d5dadb; font-family: "DIN-Bold"; font-size: 14px; line-height: 18px; color: #008dc5; float: left; } #content_body_product_detail #tab_manager_mobile #tab1_mobile .propriedades_mecanicas_nova > ul > li span.mec_title{ padding-bottom: 10px; text-align: left; } #content_body_product_detail #tab_manager_mobile #tab1_mobile .propriedades_mecanicas_nova > ul > li span:not(.mec_title){ border-bottom: 0; text-transform: uppercase; text-decoration: underline; margin-bottom: 10px; } #content_body_product_detail #tab_manager_mobile #tab1_mobile .propriedades_mecanicas_nova > ul > li:first-child{ width: 100%; } #content_body_product_detail #tab_manager_mobile #tab1_mobile .propriedades_mecanicas_nova > ul > li > ul{ width: 100%; float: left; display: block; padding: 0; margin: 0; margin-bottom: 20px; } #content_body_product_detail #tab_manager_mobile #tab1_mobile .propriedades_mecanicas_nova > ul > li > ul li{ border-bottom: 0; } #content_body .banner_home #banner_selector li, #content_body #banner_selector .wrapper{ height: 390px; } #content_body .banner_home #banner_selector li .details{ top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #content_body .destaques3 .wrapper div:first-child{ margin-top: 0; } #content_body .destaques_final .wrapper .right a{ display: block; } #institucional .right .contactos .holder .info{ position: relative; padding: 0; } #contact_form .error_msg:after{ content: none; } #content_body .destaques3 .wrapper div .text, #content_body .destaques3 .wrapper div .title, #content_body .destaques3 .wrapper div .button, #content_body .destaques2 .wrapper .noticias .title, #content_body .destaques2 .wrapper .configurador .title_exc, #content_body .destaques2 .wrapper .conversor .title, #content_body .destaques2 .wrapper .conversor .text, #content_body .destaques2 .wrapper .conversor .button, #content_body .destaques2 .wrapper .configurador .text, #content_body .destaques2 .wrapper .configurador .button{ text-shadow: 2px 1px 3px rgba(0, 0, 0, 1); } #content_body .destaques3 .wrapper div .text:hover, #content_body .destaques3 .wrapper div .title:hover, #content_body .destaques3 .wrapper div .button:hover, #content_body .destaques2 .wrapper .noticias .title:hover, #content_body .destaques2 .wrapper .configurador .title_exc:hover, #content_body .destaques2 .wrapper .conversor .title:hover, #content_body .destaques2 .wrapper .conversor .text:hover, #content_body .destaques2 .wrapper .conversor .button:hover, #content_body .destaques2 .wrapper .configurador .text:hover, #content_body .destaques2 .wrapper .configurador .button:hover{ text-shadow: none; } #aplicacoes_servicos .second_path ul li{ font-size: 25px; line-height: 35px; } #aplicacoes_servicos .caminho{ margin-bottom: 0px; } #content_body_product_detail .left .info_holder .estado_fornecimento.pull-left{ width: 100%; float: left; clear: both; } #content_body_product_detail .left .info_holder .estado_fornecimento.pull-right{ width: 100%; float: left; clear: both; } .ramada_assinatura{ padding-top: 45px; } #contacts .map_holder{ height: auto !important; } } @media only screen and (max-width: 565px){ #product_list .wrapper .listagem .wrapper{width: 295px;} } @media only screen and (max-width: 320px) { /* Style adjustments for viewports that meet the condition */ } @media only screen and (max-width: 320px) { /* Style adjustments for viewports that meet the condition */ }