*{ margin:0; padding:0; border:0; font-size:100%; vertical-align: baseline; list-style:none; text-decoration:none; } body{ background-color:#eaeaea; } /*Fontes*/ @font-face { font-family: 'antonregular'; src: url('fonts/anton-webfont.eot'); src: url('fonts/anton-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/anton-webfont.woff') format('woff'), url('fonts/anton-webfont.ttf') format('truetype'), url('fonts/anton-webfont.svg#antonregular') format('svg'); font-weight: normal; font-style: normal; } /*Classes*/ .select169{ float:left; width:169px; padding:5px; font:14px Verdana, Geneva, sans-serif; color:#929292; margin:15px 30px 0 0; border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; } .select170{ width:170px; padding:5px; background:#f4f4f4; font:14px Verdana, Geneva, sans-serif; color:#929292; margin:0; border-radius:5px; } .select220{ width:220px; padding:5px; background:#f4f4f4; font:14px Verdana, Geneva, sans-serif; color:#929292; margin:0; border-radius:5px; } .bg_bot_pesquisa{ float:left; width:43px; height:27px; background:#ff1c15; margin:15px 0 0 0; border-radius:5px; font:13px Verdana, Geneva, sans-serif; color:#FFF; letter-spacing:1px; font-weight:bold; } .bg_bot_pesquisa:hover{ cursor:pointer; } .error{ display:block; font:11px Arial, Helvetica, sans-serif; color:#c70000; font-weight:bold; } #box{ width:1040px; margin:0 auto; background:#FFF; } /*Conteudo*/ #conteudo{ float:left; width:1040px; background:#FFF; } /*Header*/ #header_fundo_bg{ margin:0 auto; width:1040px; height:168px; background:url(images/bg_header.jpg) repeat-x; /*border-bottom:1px solid #999;*/} /*#header_fundo_bg{ float:left; width:100%; height:168px; background:url(images/bg_header.jpg) repeat-x; border-bottom:2px solid #ff1c15; }*/ #header{ width:1000px; margin:0 auto; } #header_logo{ float:left; width:255px; height:65px; background:url(images/logo.png) no-repeat; margin:24px 0 0 55px; } #header_logo a{ float:left; width:255px; height:65px; } #header_contactos{ float:right; width:236px; margin:20px 31px 0 0; } #header_contactos ul{} #header_contactos ul .telefone{ float:left; width:236px; height:39px; background:url(images/bg_telefone.jpg) no-repeat; } #header_contactos ul .telefone h2{ float:right; font-family: antonregular; color:#ffffff; font-size:30px; margin:-3px 21px 0 0; letter-spacing:2px; } #header_contactos ul .email{ float:left; height:23px; background:url(images/bg_email.jpg) no-repeat; margin:10px 0 0 18px; } #header_contactos ul .email h2{ float:right; font-family: antonregular; color:#ffffff; font-size:16px; margin:-2px 0 0 40px; font-weight:400; } #menu{ float:left; width:1040px; height:55px; margin:19px 0 0 -20px; border-bottom:2px solid #CCC; /*border-bottom:2px solid #F00;*/ } #menu ul{ } #menu ul li{ float:left; } #menu ul li a{ float:left; font:14px Verdana, Geneva, sans-serif; color:#ffffff; padding:19px 40px 19px 40px; } #menu ul li a:hover{ background:#ff1c15;} #menu ul li span{ float:left; width:2px; height:55px; background:url(images/menu_sep.jpg) no-repeat; } #menu ul li form{ float:left; width:195px; height:32px; margin:12px 0 0 15px; background:url(images/bg_pesquisar.jpg) no-repeat; } #menu ul li form input{ background-color:transparent; margin:4px 0 0 4px; width:155px; font:14px Arial, Helvetica, sans-serif; color:#2c2c2c; border-color:transparent; padding:5px 2px; } #menu ul li form .search_send{ float:right; width:20px; height:20px; margin:5px 5px 0 0; } #menu ul li form .search_send:hover{ cursor:pointer; } #slide{ float:left; width:1000px; margin:20px; } #slide_blc1{ } #slide_blc1 ul{} #slide_blc1 ul li{ float:left; width:730px; height:290px; overflow:hidden; } #slide_blc1 ul li img{ width:730px; } #slide_blc2 .slide_blc2_1{ float:right; width:260px; height:140px; overflow:hidden; } #slide_blc2 .slide_blc2_1 img{ width:260px; } #slide_blc2 .slide_blc2_2{ float:right; width:260px; height:140px; background:#f3f3f3; margin:10px 0 0 0; } #slide_blc2 .slide_blc2_2 h2{ float:left; font:14px Verdana, Geneva, sans-serif; color:#929292; font-weight:bold; margin:12px 0 12px 19px; } #slide_blc2 .slide_blc2_2 .slide_blc2_2_img{ width:222px; height:90px; overflow:hidden; margin:0 0 0 19px; } #slide_blc2 .slide_blc2_2 img{ width:222px; } #header_pesquisa{ float:left; width:1000px; height:57px; margin:0 20px 20px 20px; background: #1904f4; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzE5MDRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTAxZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #1904f4 1%, #1501d6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1904f4), color-stop(100%,#1501d6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1904f4 1%,#1501d6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1904f4 1%,#1501d6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1904f4 1%,#1501d6 100%); /* IE10+ */ background: linear-gradient(to bottom, #1904f4 1%,#1501d6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1904f4', endColorstr='#1501d6',GradientType=0 ); /* IE6-8 */ } #header_pesquisa form{ margin:0 0 0 180px; } #header_pesquisa form ul{} #header_pesquisa form ul li{ float:left; } /*Lateral Esquerda*/ #lateral_esquerda{ float:left; width:180px; margin:0 0 0 5px; } #lateral_esquerda_lna1{ float:left; margin:15px 0 0 0; width:178px; border:1px solid #dbdee1; background:#FFF; border-radius:10px; padding:0 0 35px 0; } #lateral_esquerda_lna1 h3{ font:12px Verdana, Geneva, sans-serif; color:#929292; font-weight:bold; padding:10px 0 10px 10px; background:#f5f5f5; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom:1px solid #dbdee1; } #menu_colchoes{ height:30px; width:170px; background:#FFF; padding:0 4px 4px 0; margin:0 0 10px 0; } #menu_colchoes ul{ float:left; width:168px; margin:0; list-style-type: none; } #menu_colchoes ul li{ /*border-left: 1px solid #069; border-right: 1px solid #09f; float: left; font: 15px/36px Verdana,arial,helvetica,sans-serif; padding: 0pt 10px; position: relative;*/ float:left; position:relative; border-bottom:1px solid #dbdee1; padding:0 0 0 0;} #menu_colchoes ul li:hover{ /*background:-moz-linear-gradient(top, #039, #09c); background: -webkit-gradient(linear, left top, left bottom, from(#039), to(#09c));*/ } #menu_colchoes ul li:hover ul{ left:89px; } #menu_colchoes ul li a { /*display:block; color: #fff; font-weight: bold; text-decoration: none; text-shadow:0 1px 0 #000;*/ display:block; width:168px; font:11px Verdana, Geneva, sans-serif; color:#929292; padding:10px 0 10px 10px; } #menu_colchoes ul li a:hover { color:#31c3eb; } #menu_colchoes ul li ul { /*position:absolute; left:-999em; top:36px; width:220px; background:#fff; border:1px solid #ebebeb; border-top:none;*/ position:absolute; top:0; left:-999em; width:200px; background:#FFF; border-radius:3px; box-shadow:1px 1px 5px #dbdee1; margin:0 0 0 90px; } #menu_colchoes ul li ul li{ /* width:200px; border-right:none; border-left:none; background:-moz-linear-gradient(top, #000, #999); background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#999)); border-bottom:1px solid #ebebeb; border-top:1px solid #000;*/ background:#f4f4f4; width:200px; } #menu_colchoes ul li ul li ul{ display:none; } #menu_colchoes ul li ul li:hover ul{ float:left; display:block; position:absolute; left:110px; top:-1px; border-top:1px solid #ebebeb; } .menu_list { width: 180px; } .menu_head { cursor: pointer; position: relative; font-weight:bold; font:11px Verdana, Geneva, sans-serif; color:#929292; border-bottom:1px solid #dbdee1; margin:10px 10px 0 10px; padding:0 0 10px 0; } .menu_head a{ font-weight:bold; font:11px Verdana, Geneva, sans-serif; color:#929292; } .menu_list span { float:right; margin:0 10px 0 0; } .menu_body { display:none; margin:0 0 10px 0; } .menu_body a{ display:block; color:#929292; text-decoration:none; background:#f4f4f4; font:11px Verdana, Geneva, sans-serif; color:#929292; margin:0 10px 0 10px; padding:5px 0 5px 10px; } .menu_body a:hover{ color: #000000; text-decoration:underline; } #lateral_esquerda_lna2{ float:left; margin:30px 0 0 0; } #lateral_esquerda_lna2 h3{ font:12px Verdana, Geneva, sans-serif; color:#929292; font-weight:bold; } #lateral_esquerda_lna2 form{} .select180{ float:left; width:180px; padding:5px; font:12px Verdana, Geneva, sans-serif; color:#929292; margin:15px 30px 0 0; border-radius:5px; } #lateral_esquerda_lna3{ float:left; margin:30px 0 0 0; width:178px; height:210px; border:1px solid #dbdee1; background:#FFF; border-radius:10px; } #lateral_esquerda_lna3 ul{ width:178; height:148px; background:url(images/bg_comparar.jpg) no-repeat; margin:5px 0 0 0; } #lateral_esquerda_lna3 h3{ font:12px Verdana, Geneva, sans-serif; color:#929292; font-weight:bold; padding:10px 0 10px 10px; background:#f5f5f5; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom:1px solid #dbdee1; } #lateral_esquerda_lna3 h4{ font:10px Verdana, Geneva, sans-serif; color:#929292; margin:5px 0 0 10px; } #lateral_esquerda_lna3 ul li{} #lateral_esquerda_lna3 ul li img{} #lateral_esquerda_lna3 a{ font:11px Verdana, Geneva, sans-serif; color:#929292; margin:0 10px 0 0; float:right; } /*Lateral Direita*/ #lateral_direita{ float:right; width:180px; margin:0 5px 0 0; } #lateral_direita_lna1{ float:left; margin:15px 0 0 0;} #lateral_direita_lna1 h2{ font:12px Verdana, Helvetica, sans-serif; color:#929292; font-weight:bold; width:180px; text-align:center; } #lateral_direita_lna1 h3{ float:left; font:12px Arial, Helvetica, sans-serif; color:#ff1c15; width:150px; margin:2px 0 0 8px; } #lateral_direita_lna1 a{ float:right; width:9px; height:9px; background:url(images/bg_bot_carrinho.jpg) no-repeat; margin:6px 9px 0 0; } #lateral_direita_lna2{ float:left; margin:25px 0 0 0; width:178px; border:1px solid #dbdee1; background:#FFF; border-radius:10px; padding:0 0 0 0; } #lateral_direita_lna2 ul{} #lateral_direita_lna2 ul h3{ font:12px Verdana, Geneva, sans-serif; color:#929292; font-weight:bold; padding:10px 0 10px 10px; background:#f5f5f5; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom:1px solid #dbdee1; } #lateral_direita_lna2 ul li{ float:left; border-bottom:1px solid #dbdee1; margin:10px 0 0 10px; padding:0 0 10px 0; } #lateral_direita_lna2 ul li a{ float:left; width:138px; font:11px Arial, Helvetica, sans-serif; color:#929292; } #lateral_direita_lna2 ul li a:hover{ color:#000000; } #lateral_direita_lna2 ul li span{ float:left; width:20px; font:11px Arial, Helvetica, sans-serif; color:#929292; } #lateral_direita_lna3{ float:left; margin:30px 0 0 0; } #lateral_direita_lna3 h3{ font:12px Verdana, Geneva, sans-serif; color:#929292; font-weight:bold; padding:10px 5px 10px 5px; background:#f5f5f5; border:1px solid #dbdee1; border-top-left-radius:10px; border-top-right-radius:10px; } #lateral_direita_lna3 ul{ margin:18px 0 0 0; } #lateral_direita_lna3 ul li{ float:left; margin:0 0 12px 0; } #lateral_direita_lna3 ul li img{ float:left; width:18px; height:18px; margin:0 10px 0 5px; } #lateral_direita_lna3 ul li a{ } #lateral_direita_lna3 ul li span{ float:left; font:11px Arial, Helvetica, sans-serif; color:#929292; margin:2px 0 0 0; width:140px; } /*Home*/ #home{ float:left; width:1000px; margin:0 20px 0 20px; background:#f3f3f3; padding:0 0 20px 0; } #home_blcs{ float:left; width:590px; background:#FFF; margin:14px 20px 0 20px; } #home_blc1{ width:590px; height:340px; } #home_blc1 h1{ float:left; width:580px; background:#b1afb0; font:12px Verdana, Geneva, sans-serif; color:#ffffff; font-weight:bold; padding:10px 0 10px 10px; } #home_blc1 ul{ } #home_blc1 ul li{ float:left; width:275px; height:125px; margin:20px 10px 0 10px; } #home_blc1 ul li a:hover{ cursor:pointer; } #home_blc1 ul li .home_blc1_img{ float:left; width:107px; height:80px; overflow:hidden; padding:20px 0 0 0; margin:0 0 5px 0; } #home_blc1 ul li .home_blc1_img img{ width:107px; } #home_blc1 ul li .home_blc1_logo{ float:left; height:20px; width:100px; overflow:hidden; text-align:center; } #home_blc1 ul li .home_blc1_logo img{ height:20px; } #home_blc1 ul li .home_blc1_info{ float:right; height:105px; width:163px; background:#f3f3f3; } #home_blc1 .home_blc1_info h2{ float:left; width:150px; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#1501d7; margin:10px 0 10px 10px; } #home_blc1 .home_blc1_info h3{ float:left; width:140px; font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; margin:0 0 2px 10px; } #home_blc1 ul li .home_blc1_preco{ float:right; width:163px; height:20px; background:url(images/bg_preco_home.jpg) repeat-x; } #home_blc1 ul li .home_blc1_preco h4{ float:left; font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; margin:3px 0 0 10px; text-decoration:line-through; } #home_blc1 ul li .home_blc1_preco h5{ float:right; font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#ffffff; margin:3px 10px 0 0; } #home_blc2{ float:left; margin:20px 0 0 0; padding:0 0 20px 0; } #home_blc2 h2{ float:left; width:570px; font:12px Verdana, Geneva, sans-serif; font-weight:bold; color:#b1afb0; border-bottom:2px solid #b1afb0; padding:0 0 3px 0; margin:0 0 0 10px;} #home_blc2 span{} #home_blc2 ul{ float:left; margin:15px 0 0 10px; } #home_blc2 ul li{ float:left; width:174px; height:140px; margin:0 9px 0 9px; } #home_blc2 ul li a:hover{ cursor:pointer; } #home_blc2 ul li h3{ float:left; width:176px; height:18px; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#2c2c2c; overflow:hidden; } #home_blc2 ul li h4{ float:left; width:176px; margin:4px 0 0 0; font:11px Arial, Helvetica, sans-serif; color:#2c2c2c; } #home_blc2 ul li h5{ float:left; width:160px; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#2c2c2c; margin:0 0 0 10px; } #home_blc2 ul li .home_blc2_img{ float:left; margin:10px 0 10px 20px; width:127px; height:85px; overflow:hidden; } #home_blc2 ul li .home_blc2_img img{ width:120px; } #home_blc3{ float:left; margin:0 0 0 10px; width:570px; border-top:1px solid #eaeaea; } #home_blc3 .home_blc3_img{ float:left; margin:10px 0 10px 0; width:570px; height:103px; overflow:hidden; } #home_blc3 .home_blc3_img a:hover{ cursor:pointer; } #home_blc3 .home_blc3_img img{ height:103px; } /*Empresa, Vantagens e Entregas*/ #empresa{ float:left; width:1000px; margin:0 20px 0 20px; background:#f3f3f3; padding:0 0 20px 0; } #empresa h1{ float:left; width:580px; background:#b1afb0; font:12px Verdana, Geneva, sans-serif; color:#ffffff; font-weight:bold; padding:10px 0 10px 10px; } #empresa_apresentacao{ float:left; width:590px; margin:20px 0 0 0; } #empresa_apresentacao p{ width:560px; margin:0 10px; font:12px Arial, Helvetica, sans-serif; color:#2c2c2c; line-height:20px; } #empresa .ul_empresa{ float:left; width:560px; margin:40px 0 0 10px; } #empresa .ul_empresa h2{ float:left; width:570px; font:12px Verdana, Geneva, sans-serif; font-weight:bold; color:#b1afb0; border-bottom:2px solid #b1afb0; padding:0 0 3px 0; margin:0 0 20px 0; } #empresa .ul_empresa li{ float:left; width:170px; max-height:113px; overflow:hidden; margin:0 8px 20px 8px; } #empresa .ul_empresa li img{ width:170px; border-radius:3px; } /*Contactos*/ #contactos{ float:left; width:1000px; margin:0 20px 0 20px; background:#f3f3f3; padding:0 0 20px 0; } #contactos h1{ float:left; width:580px; background:#b1afb0; font:12px Verdana, Geneva, sans-serif; color:#ffffff; font-weight:bold; padding:10px 0 10px 10px; } #contactos_info{ float:left; width:275px; height:275px; margin:20px 0 0 10px; } #contactos_info h2{ font:12px Arial, Helvetica, sans-serif; color:#2c2c2c; margin:0 0 3px 0; } #contactos_info h3{ font:12px Arial, Helvetica, sans-serif; color:#2c2c2c; margin:0 0 5px 0; } #contactos_form{ float:right; width:275px; margin:20px 10px 0 0; } #contactos_form h2{ float:left; width:285px; font:12px Verdana, Geneva, sans-serif; font-weight:bold; color:#b1afb0; margin:0 0 20px 0; } #contactos_form p{ font:12px Arial, Helvetica, sans-serif; color:#2c2c2c; } #contactos_form form{ width:285px; margin:0; } #contactos_form span{ display:block; margin:10px 0 5px 0; font:12px Verdana, Geneva, sans-serif; color:#6D6E71; } #contactos_form input{ margin:0 0 2px 0; border:2px solid #e1e3e4; background:#e7e7e8; font:12px Arial, Helvetica, sans-serif; color:#000000; } #contactos_form textarea{ margin:0 0 2px 0; border:2px solid #e1e3e4; background:#e7e7e8; font:12px Arial, Helvetica, sans-serif; color:#000000; } #contactos_form form .contato_bot{ display:block; float:right; margin:15px 13px 23px 0; width:100px; height:20px; border:#e8e9ea; background:#e8e9ea; border-radius:5px; box-shadow:2px 2px 5px #333333; font:11px Verdana, Geneva, sans-serif; color:#124365; font-weight:bold; } #contactos_form form .contato_bot:hover{ background:#E0E0E0; color:#990000; cursor:pointer; } #contactos_mapa{} /*Marcas e Categorias*/ #marcas{ float:left; width:1000px; margin:0 20px 0 20px; background:#f3f3f3; padding:0 0 20px 0; } #marcas h1{ float:left; width:580px; background:#b1afb0; font:12px Verdana, Geneva, sans-serif; color:#ffffff; font-weight:bold; padding:10px 0 10px 10px; } #marcas_apresentacao{ float:left; width:350px; margin:20px 0 0 0; } #marcas_apresentacao .marcas_videos{ float:left; font:11px Verdana, Geneva, sans-serif; color:#1501d7; margin:10px 0 0 10px; } #marcas_apresentacao p{ float:left; width:350px; margin:0 0 0 10px; font:12px Arial, Helvetica, sans-serif; color:#2c2c2c; line-height:20px; text-align:justify; } #marcas_logo{ float:right; width:180px; height:94px; overflow:hidden; margin:20px 10px 0 20px; } #marcas_logo img{ max-width:180px;} #marcas_produtos{ float:left; width:570px; margin:20px 0 20px 10px; border-top:2px solid #b1afb0; } #marcas_produtos ul{ } #marcas_produtos ul li{ float:left; width:275px; height:125px; margin:20px 5px 0 5px; } #marcas_produtos ul li .home_blc1_img{ float:left; width:107px; height:80px; overflow:hidden; padding:20px 0 0 0; margin:0 0 5px 0; } #marcas_produtos ul li .home_blc1_img img{ width:107px; } #marcas_produtos ul li .home_blc1_info{ float:right; height:105px; width:163px; background:#f3f3f3; } #marcas_produtos .home_blc1_info h2{ float:left; width:150px; font:12px Arial, Helvetica, sans-serif; font-weight:bold; color:#1501d7; margin:10px 0 10px 10px; } #marcas_produtos .home_blc1_info h3{ float:left; width:140px; font:11px Arial, Helvetica, sans-serif; font-weight:bold; color:#2c2c2c; margin:0 0 2px 10px; } #marcas_produtos .home_blc1_info h4{ float:left; width:140px; font:11px Arial, Helvetica, sans-serif; color:#2c2c2c; margin:10px 0 2px 10px; } /*Produto*/ #produto{ float:left; width:1000px; margin:0 20px 0 20px; background:#f3f3f3; padding:0 0 20px 0; } #produto_blcs{ float:left; width:590px; background:#FFF; margin:14px 20px 0 20px; } #produto h1{ float:left; width:580px; background:#b1afb0; font:12px Verdana, Geneva, sans-serif; color:#ffffff; font-weight:bold; padding:10px 0 10px 10px; } #produto_blc1{ float:left; width:560px; margin:20px 0 0 20px; border-bottom:1px solid #b1afb0; padding:0 0 20px 0; } .add_cart{ float:left; width:150px; background:url(images/cart_product.jpg) no-repeat; font-family: plantagenet_cherokeeregular; color:#949494; font-size:14px; font-weight:400; margin:20px 0 0 40px; cursor:pointer; text-align:right; } /*#produto_blc1_img{ float:left; width:270px; }*/ /*Display images*/ #produto_blc1 .images{ float:left; width:270px; } #produto_blc1 .images .ul_images li{ width:270px; overflow:hidden; } #produto_blc1 .images .ul_images img{ max-width:270px; max-height:260px; } #produto_blc1 .images .ul_images li { display:none; } #produto_blc1 .images .ul_images li.actual { display:block; } #produto_blc1 .images .ul_thumbs{ } #produto_blc1 .images .ul_thumbs li{ float:left; width:70px; overflow:hidden; margin:20px 10px 0 8px; } #produto_blc1 .images .ul_thumbs img{ width:70px; max-width:67px; } #produto_blc1 .images .ul_thumbs li.active{ border:1px solid #f5f5f5; cursor:pointer; } #produto_blc1 .images .ul_thumbs li.active.actual, .article_blc1_main .images .ul_thumbs li.active:hover{ border:1px solid #eeeeee; } /*#produto_blc1_img img{ width:270px;} #produto_blc1_img ul{ } #produto_blc1_img ul li{ float:left; width:70px; height:41px; overflow:hidden; margin:20px 10px 0 10px; } #produto_blc1_img ul li img{ width:70px; }*/ #produto_blc1_info{ float:right; width:260px; } #produto_blc1_info h2{ font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#1501d7; margin:0 0 20px 0; } #produto_blc1_info h3{ font:13px Arial, Helvetica, sans-serif; color:#2c2c2c; margin:0 0 5px 0; } #produto_blc1_info h4{ font:12px Arial, Helvetica, sans-serif; color:#2c2c2c; margin:20px 0 2px 2px; } #produto_blc1_info form{ float:left; margin:10px 0 25px 0; } #produto_blc1_preco{ float:left; width:170px; } #produto_blc1_preco img{ width:48px; height:20px; position:absolute; margin:0 0 0 5px; } #produto_blc1_preco h4{ float:left; width:170px; font:14px Arial, Helvetica, sans-serif; color:#2c2c2c; margin:3px 0 0 10px; text-decoration:line-through; } #produto_blc1_preco h5{ float:left; width:170px; font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#1501d7; margin:3px 10px 0 10px; } #produto_blc2{ float:left; width:560px; margin:20px 0 0 20px; padding:0 0 20px 0; } #produto_blc2 h2{ font:12px Verdana, Geneva, sans-serif; font-weight:bold; color:#b1afb0; margin:20px 0 20px 0; } #produto_blc2_info{ float:left; width:560px; } #produto_blc2_info p{ width:560px; font:12px Arial, Helvetica, sans-serif; color:#2c2c2c; line-height:20px; } #produto_blc2_caracteristicas{ float:left; width:450px; } #produto_blc2_caracteristicas p{ font:12px Arial, Helvetica, sans-serif; color:#2c2c2c; line-height:20px; } /*Vantagens*/ #vantagens{ float:left; width:1000px; margin:0 20px 0 20px; background:#f3f3f3; padding:0 0 20px 0; } #vantagens h1{ float:left; width:580px; background:#b1afb0; font:12px Verdana, Geneva, sans-serif; color:#ffffff; font-weight:bold; padding:10px 0 10px 10px; } #vantagens p{ width:560px; margin:0 10px; font:12px Arial, Helvetica, sans-serif; color:#2c2c2c; line-height:20px; } #vantagens_apresentacao{ float:left; width:590px; margin:20px 0 0 0; } #vantagens_apresentacao ul{ float:left; margin:20px 0 30px 0;} #vantagens_apresentacao ul li h2{ width:560px; margin:10px 10px; font:12px Arial, Helvetica, sans-serif; color:#2c2c2c; font-weight:bold; } #vantagens_apresentacao ul li p{ width:560px; margin:0 10px; font:12px Arial, Helvetica, sans-serif; color:#2c2c2c; line-height:20px; } /*Clear*/ #clear{ clear:both; } /*Footer*/ #footer{ width:1000px; height:50px; background:#FFF; } #footer_info{ float:left; width:275px; height:30px; margin:0 0 0 60px; padding:10px 0 10px 0; } #footer h2{ font:12px Arial, Helvetica, sans-serif; color:#929292; width:275px; margin:2px 0 0 0; } #footer h3{ float:left; font:12px Arial, Helvetica, sans-serif; color:#929292; width:275px; } #footer a{ font:12px Arial, Helvetica, sans-serif; color:#0e73a8; } #footer ul{ float:left; border-left:1px dashed #929292; margin:8px 0 0 10px; padding:8px 0 8px 0; } #footer ul li{ float:left; margin:0 0 0 10px; } #footer ul li a{ float:left; } #footer ul li img{ height:20px; } /*Carrinho*/ #carrinho{ float:left; width:960px; margin:0 20px 0 40px; background:#f3f3f3; padding:0 0 20px 0; } #carrinho p{ font:14px Arial, Helvetica, sans-serif; color:#58595B; width:984px; line-height:20px; text-align:center; } #carrinho .envio{ float:left; font:12px Arial, Helvetica, sans-serif; color:#58595B; width:984px; line-height:20px; text-align:center; } #carrinho span{ color:#58595B; font-weight:bold; } #carrinho h2{ float:left; font:14px Arial, Helvetica, sans-serif; color:#58595B; width:984px; line-height:20px; text-align:center; font-weight:bold; margin:0 0 20px 0; } #conteudo .form_coluna_120{ float:left; width:120px; } #conteudo .form_coluna_200{ float:left; width:200px; } #conteudo .form_coluna_256{ float:left; width:256px; } #conteudo .form_coluna_300{ float:left; width:300px; } #conteudo .form_coluna_190_left{ float:left; width:190px; } #conteudo .form_coluna_385_left{ float:left; width:385px; } #conteudo .form_coluna_385_right{ float:right; width:385px; } #conteudo .form_coluna_770{ float:left; width:770px; } #formulario{ width:984px; } #formulario form{ float:left; width:795px; margin:0 0 0 90px; } #formulario span{ display:block; margin:10px 0 5px 0; font:12px Verdana, Geneva, sans-serif; color:#58595B; } #formulario input{ margin:0 0 2px 0; width:360px; border:1px solid #cccccc; background:#ffffff; font:12px Arial, Helvetica, sans-serif; color:#000000; padding:5px 5px; } #formulario .input_150{ margin:0 0 2px 0; width:150px; border:1px solid #cccccc; background:#ffffff; font:12px Arial, Helvetica, sans-serif; color:#000000; padding:5px 5px; } #formulario textarea{ margin:0 0 2px 0; width:360px; border:1px solid #cccccc; background:#ffffff; font:12px Arial, Helvetica, sans-serif; color:#000000; } #formulario .alinha_radio{ width:20px; margin:5px 0 5px 0; } #formulario form h3{ display:inline; margin:0 0 0 10px; font:12px Verdana, Geneva, sans-serif; color:#58595B; } #formulario .confirmar_encomenda{ float:right; width:150px; margin:50px 230px 20px 0; font:12px Arial, Helvetica, sans-serif; color:#808285; font-weight:bold; background-color:transparent; border:0; } #formulario .continuar_boutique{ float:left; width:140px; margin:55px 0 20px 230px; font:12px Arial, Helvetica, sans-serif; color:#808285; font-weight:bold; background-color:transparent; border:0; } #formulario .confirmar_encomenda:hover{ cursor:pointer; } #formulario .continuar_boutique:hover{ cursor:pointer; } .tabela{ float:left; margin:23px 0 40px 0;} .tabelaLinhas{ background:#E4E4E4; height:50px; text-align:center; font:12px Arial, Helvetica, sans-serif; color:#000; } .tabelaLinhas2{ text-align:center; height:50px; font:12px Arial, Helvetica, sans-serif; color:#000; } .select80{ width:80px; margin:0 0 14px 0; border:1px solid #CCCCCC; font:12px Arial, Helvetica, sans-serif; color:#333333; text-align:center; } .alinha{ display:inline; margin:0 0 0 10px; } .img_carrinho_cor{ height:15px; margin:3px 0 0 3px; border:1px solid #CCC; } .eliminar{ width:20px; height:20px; margin:5px 0 5px 0; background:url(images/eliminar.png) no-repeat; } .eliminar:hover{ cursor:pointer; } .editar{ width:20px; height:20px; margin:5px 0 5px 0; background:url(images/editar.png) no-repeat; } .editar:hover{ cursor:pointer; } .confirmar_encomenda{ float:right; margin:-10px 310px 0 0; font:12px Arial, Helvetica, sans-serif; color:#808285; font-weight:bold; } .continuar_boutique{ float:left; margin:-10px 0 0 300px; font:12px Arial, Helvetica, sans-serif; color:#808285; font-weight:bold; } /**/ /* =========================================== Paginator ======================================== */ .paginator{ width:100%; float:left; text-align:center; font:12px Arial, Helvetica, sans-serif; color:#1501d7; font-weight:bold; /*aqui*/margin:21px 0 3px 0; } .paginator a{ font:12px Arial, Helvetica, sans-serif; color:#231F20; text-align:center; font-weight:bold; margin:0; padding:0; }