/* global */ * { padding: 0; margin: 0; } body { color: #2C2C2C; background: #FFF url(../images/common/body-bg.png) repeat-x top center; font: 62.5% Tahoma, Arial, Verdana, "Lucida Grande","Lucida Sans","DejaVu Serif"; text-align: center; } html, body { height: 100%; } img { border: none; vertical-align: middle; } img a { text-decoration: none; border: none; vertical-align: middle; } input, textarea { font-family: Arial, Verdana, "Lucida Grande","Lucida Sans",Arial,Monospace; font-size: 1.1em; vertical-align: middle;} textarea { overflow: auto; border: 1px solid #B6B6B6; } select { border: 1px solid #B6B6B6; font-size: 1.1em; font-family: "Lucida Grande","Lucida Sans",Arial,Monospace; vertical-align: middle; } select option { padding: 0 4px; font-size: 1.1em; font-family: "Lucida Grande","Lucida Sans",Arial,Monospace; } ul { list-style: none; } sup { font-size: 9px; } p { line-height: 1.2em; font-size: 1.1em; color: #666; } /* end of blobal */ /* headers */ h1,h2 { color: #000; font-family: Arial, Verdana, "Lucida Grande","Lucida Sans",Arial,"DejaVu Serif"; font-size: 1.7em; } h3 { font-size: 1.9em; } /* end of headers */ /* text */ label { } a { color: #000; } a:hover { text-decoration: none; } p.acenter { text-align: center; } /* end of text */ /* form classes */ .checkbox { border: none; } .radio { border: none; } /* end of forms */ /* global classes */ .clearboth { position: relative; clear: both; } .fleft { position: relative; float: left; } .padleft { position: relative; float: left; margin-right: 8px; } .fright{ position: relative; float: right; } .aright { text-align: right; } .hidden { display: none; } .under { text-decoration: underline; } .atop { vertical-align: top; } .sepline { border-top: 1px solid #DDD; } .acenter { text-align: center; } .green { color: #4BA508; } .ptext { font-size: 1.4em; } .wrapper { position: relative; width: 900px; margin: 0 auto; } .hfonts { font-family: Georgia,"Lucida Grande","Lucida Sans",Arial,"DejaVu Serif"; } .lfonts { font-family: "Lucida Grande","Lucida Sans",Arial,"DejaVu Serif"; } .text { color: #666; font-size: 1.1em; line-height: 1.2em; } .text a { color: #666; } .zoomin { padding: 5px 0 7px 20px; background: url(../images/common/zoomin.png) no-repeat center left; } /* end global classes */ .whitebox { padding: 20px; font-size: 2.4em; background-color: #F5F5F5; color: #309832; border: 1px solid #76d078; border-left: none; border-right: none;} /* scructure */ #container { position: relative; width: 969px; margin: 0 auto; padding: 10px 7px 0 9px; min-height: 500px; background: url(../images/common/container-bg.png) no-repeat top center; text-align: left; } #header { position: relative; height: 93px; background: url(../images/common/waves.png) no-repeat bottom center; } #nav { position: absolute; top: 12px; left: 15px; } #nav a { float: left; height: 46px; text-indent: -3000px; background-repeat: no-repeat; background-position: top left; } #nav a.selected { background-position: bottom left; } #nav-home { width: 26px; background-image: url(../images/common/nav/home.png); } #nav-catalogo { width: 84px; background-image: url(../images/common/nav/catalogo.png); } #nav-oportunidades { width: 131px; background-image: url(../images/common/nav/oportunidades.png); } #nav-medida { width: 184px; background-image: url(../images/common/nav/medida.png); } #nav-arquitectura { width: 182px; background-image: url(../images/common/nav/arquitectura.png); } #nav-contactos { width: 103px; background-image: url(../images/common/nav/contactos.png); } #logo { position: absolute; width: 105px; height: 140px; top: -12px; right: 100px; background: url(../images/common/logo.png) no-repeat; } #languages { position: absolute; top: 22px; right: 50px; font-size: 1.2em; text-transform: uppercase; } #languages span { padding-right: 5px; color: #D6221C; } #languages a { padding-right: 5px; color: #777; } #content { margin-top: -43px; } /* hp */ #home-top { height: 291px; } .hp .left { float: left; width: 220px; } .hp #headlines { float: left; width: 749px; height: 291px; overflow: hidden; background: url(../images/temp/hp-destaque.png) no-repeat; } .hp .newsletter { padding: 45px 20px 0 28px; background: #E4DCD2 url(../images/hp/newsletter-bg.png) no-repeat; } .hp .newsletter p { padding: 0 0 2px; font-size: 1em; } .hp .newsletter label { font-size: 1.1em; } .hp .newsletter label { display: block; } .hp .newsletter .textbox { width: 160px; } .hp .newsletter p.aright { padding-top: 3px; text-align: right; } .newsletter .textbox { border: 1px solid #B6B6B6; padding: 2px 4px; } .newsletter .text { color: #333; padding-bottom: 8px; } .hp .hpblock { padding: 45px 25px 15px; } .hpblock a { color: #666; } .hp .testemonials { background: url(../images/hp/testemunhos-bg.png) no-repeat; } .hp .search { padding: 45px 0 0 25px; background: url(../images/hp/pesquisa.png) no-repeat; } .hp .search .textbox { width: 140px; padding: 2px; border: 1px solid #B6B6B6; } .hp .tips { float: left; width: 170px; background: url(../images/hp/tips-bg.png) no-repeat; } .hp .latest { float: left; width: 320px; background: url(../images/hp/latest-bg.png) no-repeat; } .hp .product { float: left; width: 329px; background: url(../images/hp/product-bg.png) no-repeat; } .hp .centrum { float: left; width: 329px; background: url(../images/hp/centrum-bg.png) no-repeat; } .hp .catalog { position: relative; float: left; width: 170px; height: 134px; background: url(../images/hp/catalog-bg.png) no-repeat; } .catalog-link { position: absolute; bottom: 3px; right: 15px; width: 80px; height: 30px; text-indent: -3000px; } .page { padding: 50px 30px; } .breadcrumb { height: 40px; } .breadcrumbs { font-size: 1.4em; text-transform: uppercase; } .breadcrumb a { float: left; } .breadcrumbs .active { color: #D3261D; } .page h1 { padding-top: 15px; text-transform: uppercase; font-weight: normal; } .page .text { padding-top: 10px; } .catalog .left { float: left; width: 240px; padding: 15px 0; } .catalog .right { float: left; width: 650px; padding: 15px 0 15px 15px; } .catalog .filter-label { padding-top: 25px; } .static_picture { float: right; padding: 0 0 15px 25px; } .static_picture p { text-align: right; } .pl_detail { height: 125px; padding-bottom: 20px; background: url(../images/catalog/product-separator.png) no-repeat bottom center; } .pl_photo { float: left; padding: 0 10px 10px 0; } .pl_photo img { border: 3px solid #EFEFEF; } .pl_photo p { padding: 2px 0; } .pl_info { position: relative; float: left; padding-top: 2px; height: 110px; } .pl_info h2 { padding-left: 20px; background: url(../images/catalog/title-bullet.png) no-repeat 5px center; } .pl_info h2 a { display: block; text-decoration: none; } .pl_info .text { padding: 5px 0 5px 5px; } .pl_info .dt_fav { position: absolute; bottom: 5px; width: 320px; } .pl_info .dt_fav a { float: left; text-indent: -3000px; } .btn-details { width: 83px; background: url(../images/catalog/btn-adicionar-favoritos.png) no-repeat top center; margin-right: 8px; } .btn-add-favorites { width: 163px; height: 13px; background: url(../images/catalog/btn-adicionar-favoritos.png) no-repeat top center; } .pl_details { height: auto; } .pl_details .pl_info { min-height: 85px; padding-bottom: 25px; } .pl_ref, .pl_price { padding: 2px 0 2px 5px; font-size: 1.2em; } .pl_price { padding-top: 6px; font-size: 1.3em; color: #888; } .pl_photo_list { clear: both; padding-top: 8px; } .pl_photo_list img { margin: 3px 3px 3px 0; border: 3px solid #EFEFEF; } .search_details .pl_detail { float: left; width: 49%; } .search_details .pl_detail { background-image: url(../images/catalog/search-product-separator.png); } .search_details .pagination { clear: both; } .pagination { } .pagination a, .pagination span { float: left; margin-right: 4px; font-size: 1.2em; color: #FFF; text-decoration: none; } .pagination .prev { width: 107px; height: 23px; background: url(../images/catalog/pagination-first.png) no-repeat; text-indent: -3000px; margin-right: 10px; } .pagination .page { padding: 0; } .pagination .next { width: 96px; height: 23px; background: url(../images/catalog/pagination-last.png) no-repeat; text-indent: -3000px; margin-left: 10px; } .pagination .page { width: 24px; height: 19px; padding-top: 4px; background: url(../images/catalog/pagination-bg.png) no-repeat; text-align: center; font-weight: bold; } .pagination .current { background-position: center bottom; color: #A19D82; } .pagination .dots { color: #777; font-size: 1.8em; } .pagination .disabled { display: none; } ul.filter li { padding: 4px 2px 4px 20px; border-top: #EFEFEF 1px dashed; text-transform: uppercase; font-size: 1.3em; background: url(../images/catalog/filter-bullet.png) no-repeat 5px 10px; } ul.filter .active { background: url(../images/catalog/active-bullet.png) no-repeat 5px 7px } ul.filter .active a { color: red; } ul.filter li a { color: #777; text-decoration: none; } ul.filter li li { font-size: 1em; } ul.filter .active li a { color: #777; } ul.filter .active .active a { color: red; } .contacts { padding-top: 20px; } .contacts .left { float: left; width: 53%; } .contacts .right { float: right; width: 46%; } .contacts .col1 { float: left; width: 48%; } .contacts .col2 { float: left; width: 48%; } .contacts h3 { text-transform: uppercase } .contacts h3 { padding: 3px 0 3px 18px; margin-top: 10px; background: url(../images/common/down-arrow.png) no-repeat left 11px; font-weight: normal; vertical-align: middle; } #gmap { width: 470px; height: 270px; } .contact_form { padding-bottom: 15px; } .contact_form div { clear: both; padding-top: 7px; } .contact_form div.first { padding-top: 0; } .contact_form label { display: block; font-size: 1.1em; color: #666; } .contact_form .textbox input, .contact_form .textbox textarea { padding: 4px 4px; background: url(../images/common/input-bg.png) no-repeat; border: 1px solid #EFEFEF; border-top: none; border-left: none; } .contact_form .w50 { clear: none; float: left; width: 49%; } .contact_form textarea { width: 364px; } .contact_form .btn-send { padding-right: 43px; text-align: right; } .errorlist { color: red; font-size: 1.1em; } #footer { clear: both; padding: 25px 0 15px; background: url(../images/common/footer-bg.png) no-repeat center top; text-align: center; } /* slidefade */