/*CPP AUTOMAÇÃO */ * { margin:0 auto; padding:0 0 0 0; } .centro {text-align:center; width:775px; margin:0 auto; padding:0 0 0 0; } html {background:url(imagens/fundos/bg_html.jpg) top center repeat-y;} /*fundo que apaerecerá no meio #D2D1D0*/ body {background:url(imagens/fundos/bg_body.jpg) center top repeat-x;} /*fundo que aparecerá no topo */ .rodape{background:url(imagens/fundos/bg_rodape.jpg) repeat-x bottom; } /*fundo que aparecerá no rodape */ .topo{ width:775px; height:100px; background:url(imagens/fundos/bg_topo.jpg) no-repeat; } /*.bg_branco {background:url(imagens/fundos/bg_branco.jpg) repeat-y ;}*/ /*MENU*/ .menu { font-family: verdana; font-size:12px; color:#000000; font-weight:bold; list-style-type:none; margin:0; padding:0; margin-top:50px; width:595px; float:right;} .menu a { font-family: verdana; font-size: 12px; color:#000000; text-decoration:none; font-weight:bold;} .menu a:hover { font-family: verdana; font-size: 12px; color:#4473B1; text-decoration:none; font-weight:bold;} /*SETA*/ .seta{ font-family: verdana; font-size:12px; font-weight: bold; color: #1250BC; text-decoration: none;} .seta a{ font-family: verdana; font-size:12px; font-weight: bold; color: #1250BC; text-decoration: none;} .seta a:hover{ font-family: verdana; font-size:12px; font-weight: bold; color: #1250BC; text-decoration: underline;} /*FLASH*/ .flash { width:580px; float:left; top:auto; } .div_menu{ float:left; width:181px; background:#FFFFFF; top:auto; margin:0; padding:0; } /*LOGIN*/ .login { width:178px; border:1px #000000 solid; background: #EFEFF0; font-family: verdana; font-size:12px; color:#000000; } .login h1{ font-family: verdana; font-size:12px; color:#000000; font-weight:bold; } .login a{ font-family: verdana; font-size:10px; color:#000000; text-decoration:underline;} .login a:hover{ font-family: verdana; font-size:10px; color:#000000; text-decoration:none;} .login input{border:1px #000000 solid; height:20px; font-family: verdana; font-size:10px; color:#000000; text-decoration:none;} .texto{ font-family: verdana; font-size:10px; font-weight: bold; color: #1250BC; text-decoration: none;} .texto a{ font-family: verdana; font-size:10px; font-weight: bold; color: #1250BC; text-decoration: none;} .texto a:hover{ font-family: verdana; font-size:10px; font-weight: bold; color: #1250BC; text-decoration:underline;} /*MENU CATEGORIA */ .categoria{ background:url(imagens/fundos/bg_categoria.jpg) repeat-y;} .menu_categoria{ width:164px; text-align:left; font-family:Arial; font-size:11px; color:#000000; font-weight:bold;} .menu_categoria a{ font-family:Arial; font-size:11px; color:#000000; text-decoration:none;} .menu_categoria a:hover{ font-family: Arial; font-size:11px; color:#000000; text-decoration:underline;} /*MENU SUBCATEGORIA*/ .submenu_categoria{ font-family: Arial; font-size:10px; color:#000000; margin:0 0 0 20px; font-weight:normal;} .submenu_categoria a{ font-family: Arial; font-size:10px; color:#000000; text-decoration:none;} .submenu_categoria a:hover{font-family: Arial; font-size:10px; color:#000000; text-decoration:underline;} /*NEWSLETTER*/ .news { background: url(imagens/fundos/bg_news.jpg) repeat-y; width:180px;} .news_int { font-family: verdana; font-size:11px; color:#FFFFFF; font-weight:bold; text-align:left; text-decoration:none; margin:0 0 0 15px;} .news_int a { font-family:verdana; font-size:11px; color:#FFFFFF; font-weight:bold; text-align:left; text-decoration:none;} .news_int a:hover { font-family:verdana; font-size:11px; color:#FFFFFF; font-weight:bold; text-align:left; text-decoration:underline;} .news_int input{ border:1px #C8C8C8 solid; font-family:verdana; font-size:11px; color:#000000; font-weight:bold; text-align:left; text-decoration:none;} /*LANÇAMENTO*/ .lancamento{ background: url(imagens/fundos/bg_lancamento.jpg) repeat-y;} .lancamento_int{ text-align:left; margin:0 10px 0 10px; font-family:verdana; font-size:12px; color:#000000; text-decoration:none;} .lancamento_int a{ font-family:verdana; font-size:12px; color:#000000; text-decoration:none;} .lancamento_int a:hover{ font-family:verdana; font-size:12px; color:#000000; text-decoration:underline;} /*SAIBA*/ .saiba{ font-family: verdana; font-size:12px; font-weight: bold; color: #1250BC; text-decoration: none; text-align:right;} .saiba a{ font-family: verdana; font-size:12px; font-weight: bold; color: #1250BC; text-decoration: none;} .saiba a:hover{ font-family: verdana; font-size:12px; font-weight: bold; color: #1250BC; text-decoration: underline; padding:10px 0 10px 0;} /*SOBRE*/ .sobre{ float:left; width:280px; margin:15px 0 0 10px; font-family: verdana; font-size:10px; color:#000000; text-align:justify;} .sobre a{ font-family: verdana; font-size:10px; color:#000000; text-align:justify; text-decoration:none;} .sobre a:hover{ font-family: verdana; font-size:10px; color:#000000; text-align:justify; text-decoration:underline;} .sobre h1{ font-family: verdana; font-size:14px; color:#4373B1; font-weight:bold; text-align:left;} .sobre h1 a{ font-family: verdana; font-size:14px; color:#4373B1; font-weight:bold; text-align:left;} .sobre h1 a:hover{ font-family: verdana; font-size:14px; color:#4373B1; font-weight:bold; text-align:left;} /*PRODUTO*/ .div_produto{ float:left; width:138px; margin:10px 0 15px 0; text-align:center; font-family:verdana; font-size:10px; color:#4574B1; height:165px;} .div_produto a{ font-family:verdana; font-size:10px; color:#4574B1; text-decoration:none;} .div_produto a:hover{font-family:verdana; font-size:10px; color:#4574B1; text-decoration:underline;} .div_produto h1{ font-family:verdana; font-size:12px; color:#4574B1; font-weight:bold; padding:0 0 5px 0; width:118px;} .div_produto h1 a{font-family:verdana; font-size:12px; color:#4574B1; font-weight:bold; text-decoration:none;} .div_produto h1 a:hover{font-family:verdana; font-size:12px; color:#4574B1; font-weight:bold; text-decoration:underline;} .div_produto h2{font-family:verdana; font-size:10px; color:#000000; font-weight:bold; padding:5px 0 0 0;} .div_produto h2 a{font-family:verdana; font-size:10px; color:#000000; font-weight:bold; text-decoration:none; } .div_produto h2 a:hover{font-family:verdana; font-size:10px; color:#AAA9A9; font-weight:bold; text-decoration:underline;} .produto{ border:1px #D4D4D4 solid; width:117px; height:87px; background:#FFFFFF;} /*FRABRICANTE*/ .fabricante{ width:775px; font-family:verdana; clear:both; font-size:11px; color:#4373B1; font-weight:bold; text-align:left; background:#FFFFFF;} .fabricante h1{ font-family:verdana; font-size:14px; color:#4373B1; font-weight:bold; margin:10px 0 0 20px; text-align:left; clear:both;} .fabricante img{ margin:0 10px 25px 10px; text-align:left;} /*RODAPE*/ .rodape_pg { height:109px; font-family:verdana; font-size:11px; color:#FFFFFF; clear:both;} .rodape_pg a { height:109px; font-family:verdana; font-size:11px; color:#FFFFFF; text-decoration:none;} .rodape_pg a:hover { height:109px; font-family:verdana; font-size:11px; color:#FFFFFF; text-decoration:underline;} /* conteudo*/ .conteudo{ float:left; width:414px; background:url(imagens/fundos/bg_conteudo.jpg) repeat-y; font-family:verdana; font-size:11px; color:#000000; text-decoration:none; text-align:justify;} .conteudo a{ font-family:verdana; font-size:11px; color:#000000; text-decoration:none;} .conteudo a:hover{ font-family:verdana; font-size:11px; color:#000000; text-decoration:underline;} .conteudo h1{ font-family:verdana; font-size:14px; color:#000000; text-decoration:none; color:#4373B1; font-weight:bold;} .conteudo h2{ font-family:verdana; font-size:10px; color:#000000; text-decoration:none; color:#4373B1; font-weight:bold; text-align:right;} .conteudo h2 a{ font-family:verdana; font-size:10px; color:#000000; text-decoration:none; color:#4373B1; font-weight:bold; text-decoration:none;} .conteudo h2 a:hover{ font-family:verdana; font-size:10px; color:#000000; text-decoration:none; color:#4373B1; font-weight:bold; text-decoration:underline;} /* navega*/ .navega{ font-family:verdana; font-size:9px; color:#000000; text-decoration:none; color:#0000FF; font-weight:bold; margin:0 0 5px 0; } .navega a{ font-family:verdana; font-size:9px; color:#000000; text-decoration:none; color:#0000FF; font-weight:bold; text-decoration:none;} .navega a:hover{ font-family:verdana; font-size:9px; color:#000000; text-decoration:none; color:#0000FF; font-weight:bold; text-decoration:underline;} /*Formulario*/ .form { font-family:verdana; font-size:11px; color:#000000; text-decoration:none; width:370px;} .form input { border:1px #D2D1D0 solid; font-family:verdana; font-size:12px; color:#0000FF;} .form select { border:1px #D2D1D0 solid; font-family:verdana; font-size:12px; color:#0000FF;} .form textarea { border:1px #D2D1D0 solid; font-family:verdana; font-size:12px; color:#0000FF;} .form fieldset{width:370px; clear:both; border:1px #3B5685 solid; padding:20px 20px 20px 40px;} .form legend{font-family:Arail; font-size:12px; color:#000; font-weight:bold; } .texto_branco{ font-family:verdana; font-size:11px; color:#FFFFFF; text-decoration:none;} /* VIDEOS*/ .videos {font-family:verdana; font-size:11px; color:#000000; text-decoration:none; height:150px;} .videos a{font-family:verdana; font-size:11px; color:#000000; text-decoration:none; text-decoration:none;} .videos a:hover{font-family:verdana; font-size:11px; color:#000000; text-decoration:none; text-decoration:underline;} .videos h2{font-family:verdana; font-size:11px; color:#4373B1; text-decoration:none; text-align:left; text-decoration:none;} .videos h2 a{ font-family:verdana; font-size:11px; color:#4373B1; text-decoration:none; text-decoration:none;} .videos h2 a:hover{ font-family:verdana; font-size:11px; color:#4373B1; text-decoration:none; text-decoration:underline;} .cesta {border:1px #1250BC solid; } .cesta_escuro {border:1px #FFFFFF solid; background:#1250BC; font-family: verdana; font-size:10px; color:#FFFFFF; height:30px; text-align:center; } .cesta_claro {border:1px #FFFFFF solid; background:#D2D1D0; font-family: verdana; font-size:10px; color:#000000; height:30px; text-align:center; } .texto_preto{ font-family:verdana; font-size:11px; color:#000000; text-decoration:none;} .texto_preto a{ font-family:verdana; font-size:11px; color:#000000; text-decoration:none;} .texto_preto a:hover{ font-family:verdana; font-size:11px; color:#000000; text-decoration:underline;} /*SETA*/ .paginacao{ font-family: verdana; font-size:10px; font-weight: bold; color: #1250BC; text-decoration: none; margin:0 0 15px 0;} .paginacao a{ font-family: verdana; font-size:10px; font-weight: bold; color: #1250BC; text-decoration: none;} .paginacao a:hover{font-family: verdana; font-size:10px; font-weight: bold; color: #1250BC; text-decoration: underline;} /*css para lightbox*/ #lightbox{position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;} #lightbox a img{ border: none; } #outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;} #imageContainer{padding: 10px;} #loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;} #hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;} #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{width:49%; height:100%; background:transparent url(lightbox2.03.3/images/blank.gif) no-repeat; display:block;} #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; } #prevLink:hover, #prevLink:visited:hover { background:url(imagens/prevlabel.gif) left 100% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background:url(imagens/nextlabel.gif) right 100% no-repeat; } #imageDataContainer{font:10px Arial, arial, tahoma, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100% } #imageData{ padding:0 10px; color:#666; } #imageData #imageDetails{ width:70%; float:left; text-align:left; } #imageData #caption{ font-weight:bold; } #imageData #numberDisplay{ display:block; clear:left; padding-bottom:1.0em; } #imageData #bottomNavClose{ width:66px; float:right; padding-bottom:0.7em; } #overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000;}