/* CSS DEFAULT */ /* Padrões para BODY */ body{ margin:0px; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; background-color:#f6f6f6} /* Padrões para TD */ td{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px;} /* Padrões para DIV */ div{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px;} /* Padrões para FORM */ input{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px} select{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px} textarea{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px} /* Padrões HIPERLINKS */ a:link{ text-decoration:none; color:#000000} a:active{ text-decoration:none; color:#000000} a:visited{ text-decoration:none; color:#000000} a:hover{ text-decoration:underline; color:#000000} /* CSS PERSONALIZADO */ .backgroundSite1{ background-color:#666666;} .backgroundTD1{ background-color:#666666;} /* Documentação e padronização das Classes utilizadas no site por meio do CSS 1. Regra de criação da Classe - Para a criação de uma nova Classe de fontes no css deverá ser seguido o seguinte padrão Tag (font, Form, etc...) / Composição (local da página em que se encaixara o texto, ex: Título) / Posição (1, 2, etc...) / parâmetros adicionais ( Bold,etc...) */ /* Fontes de Títulos */ .fontTitulo1{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#fff;} .fontTitulo1Bold{ font-weight:bold; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#fff;} .fontTitulo2{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:10px; color:#fff;} .fontTitulo2Bold{ font-weight:bold; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:10px; color:#fff;} .fontTitulo3{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#990000;} .fontTitulo3Bold{ font-weight:bold; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#990000;} .fontTitulo4{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#000;} .fontTitulo4Bold{ font-weight:bold; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#000;} .fontTitulo5{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#FFFFFF; background-color:#000000; padding-left:2px; padding-right:2px;} .fontTitulo5Bold{ font-weight:bold; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#FFFFFF; background-color:#000000; padding-left:2px; padding-right:2px;} /* Fontes de Conteúdo */ .fontConteudo1{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#000;} .fontConteudo1Bold{ font-weight:bold; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#000;} .fontConteudo2{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ffffff;} .fontConteudo2Bold{ font-weight:bold; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#fff;} .fontConteudo3{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ffcc00;} .fontConteudo3Bold{ font-weight:bold; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ffcc00;} .fontConteudo4{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ff3300;} .fontConteudo4Bold{ font-weight:bold; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ff3300;} .fontConteudo5{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:10px; color:#000;} .fontConteudo5Bold{ font-weight:bold; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:10px; color:#000;} .fontConteudo6{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#666666;} .fontConteudo7{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#990000;} .fontConteudo7Bold{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; font-weight:bold; color:#990000;} /* Fontes de Rodape */ .fontRodape1{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#fff;} .fontRodape1Bold{ font-weight:bold; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#fff;} /* Link no menu */ .linkMenu1{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:10px; text-decoration:none; color:#fff!important;} .linkMenu1Bold{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:10px; text-decoration:none; color:#fff!important; font-weight:bold;} .linkMenu2{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; text-decoration:none; color:#000;} .linkMenu2Bold{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; text-decoration:none; color:#000!important; font-weight:bold;} .linkMenu3{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; text-decoration:none; color:#990000!important;} .linkMenu3Bold{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; text-decoration:none; color:#990000; font-weight:bold;} .linkMenu4{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; text-decoration:none; color:#FFF!important;} .linkMenu4Bold{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; text-decoration:none; color:#FFF!important; font-weight:bold;} /* Links Internos */ a.linkInterno1:link{ text-decoration:none; color:#000000; font-size:10px} a.linkInterno1:active{ text-decoration:none; color:#000000; font-size:10px} a.linkInterno1:visited{ text-decoration:none; color:#000000; font-size:10px} a.linkInterno1:hover{ text-decoration:underline; color:#000000; font-size:10px} a.linkInterno1Bold:link{ text-decoration:none; color:#000000; font-size:10px; font-weight:bold;} a.linkInterno1Bold:active{ text-decoration:none; color:#000000; font-size:10px; font-weight:bold;} a.linkInterno1Bold:visited{ text-decoration:none; color:#000000; font-size:10px; font-weight:bold;} a.linkInterno1Bold:hover{ text-decoration:underline; color:#000000; font-size:10px; font-weight:bold;} a.linkInterno2:link{ text-decoration:none; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ffcc00!important;} a.linkInterno2:active{ text-decoration:none; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ffcc00!important;} a.linkInterno2:visited{ text-decoration:none; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ffcc00!important;} a.linkInterno2:hover{ text-decoration:underline; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ffcc00!important;} a.linkInterno2Bold:link{ text-decoration:none; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ffcc00; font-weight:bold;} a.linkInterno2Bold:active{ text-decoration:none; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ffcc00; font-weight:bold;} a.linkInterno2Bold:visited{ text-decoration:none; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ffcc00; font-weight:bold;} a.linkInterno2Bold:hover{ text-decoration:underline; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ffcc00; font-weight:bold;} a.linkInterno3:link{ text-decoration:none; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ff3300!important;} a.linkInterno3:active{ text-decoration:none; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ff3300!important;} a.linkInterno3:visited{ text-decoration:none; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ff3300!important;} a.linkInterno3:hover{ text-decoration:underline; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ff3300!important;} a.linkInterno4:link{ text-decoration:none; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#FFFFFF;} a.linkInterno4:active{ text-decoration:none; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#FFFFFF;} a.linkInterno4:visited{ text-decoration:none; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#FFFFFF;} a.linkInterno4:hover{ text-decoration:underline; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#FFFFFF;} a.linkInterno3Bold:link{text-decoration:none; font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#ff3300; font-weight:bold;} a.linkInterno3Bold:visited{text-decoration:none;font-family:"Trebuchet MS",Verdana,Tahoma,Arial;font-size:11px;color:#ff3300;font-weight:bold;} a.linkInterno3Bold:active{text-decoration:none;font-family:"Trebuchet MS",Verdana,Tahoma,Arial;font-size:11px;color:#ff3300;font-weight:bold;} a.linkInterno3Bold:hover{text-decoration:underline;font-family:"Trebuchet MS",Verdana,Tahoma,Arial;font-size:11px;color:#ff3300;font-weight:bold;} /* Links Externos */ a.linkExterno1:link{ text-decoration:none; color:#000000; font-size:10px} a.linkExterno1:active{ text-decoration:none; color:#000000; font-size:10px} a.linkExterno1:visited{ text-decoration:none; color:#000000; font-size:10px} a.linkExterno1:hover{ text-decoration:underline; color:#000000; font-size:10px} a.linkExterno1Bold:link{ text-decoration:none; color:#000000; font-size:10px; font-weight:bold;} a.linkExterno1Bold:link{ text-decoration:none; color:#000000; font-size:10px; font-weight:bold;} a.linkExterno1Bold:link{ text-decoration:none; color:#000000; font-size:10px; font-weight:bold;} a.linkExterno1Bold:link{ text-decoration:underline; color:#000000; font-size:10px; font-weight:bold;} /* Formulários */ .formInput1{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#000; border:solid 1px #000000;} .formSelect1{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#000; border:solid 1px #000000;} .formTextArea1{ font-family:"Trebuchet MS", Verdana, Tahoma, Arial; font-size:11px; color:#000; border:solid 1px #000;} /* TABLELESS */ /* Documentação e padronização das classes utilizadas em tableless por meio de CSS 1. Padrão de Comentários para CSS - Sempre que for incluída uma nova Classe, Fazer um comentário indicando o local em que irá se encaixar a classe. EX: HOME / NEGOCIOS , Home se equivale a página em que está "home.asp" e Negócios a um sub Páginas da sessão Home "home_negocios.asp". 2. Padrão para Criação - Para a criação de um novo ítem segue-se o seguinte padrão Prefixo ( eletronicos, midia, seguranca, etc...) / Ítem que for atribuído( produtos, midia, link, menu, etc.. ) EX: #eletronicos_midia{ margin-top:20px; margin-left:10px;} */ #geral_estruturaSite{ width:1024px; background-color:#FFFFFF;text-align:left} #geral_top1{width:1024px; height:70px; background-color:#000000; display:table} #geral_down1{width:1024px; height:20px; background-color:#666666; display:table; text-align:center; margin-top: 40px;} #default_msnError{width:400px; height:40px; text-align:center;} #default_qdrCinza{width:400px; background-color:#333333;} #geral_logotipo1{float:left; margin-top:10px; margin-left:20px;} #geral_comunidadeMorana{float:right} #geral_top2{width:1024px; display:table; } #geral_bemVindo{float:left; margin-top:40px; margin-left:150px;} #geral_comunidadeMorana{float:right} #include_menu_principal{padding-top:10px;padding-left:10px;padding-bottom:10px;padding-right:10px;} #compraProgramada_default{margin-top:20px;} #compraProgramada_default1{background-color:#F3F3F3; width:825px; height:25px; margin-left:10px;} #compraProgramada_default2{margin-top:5px; display:table} #compraProgramada_default3{margin-left:30px; width:820px; margin-top:25px;} #compraPrograma_box1{border:#000000 1px solid; height:15px; width:40px; text-align:center; padding-top:1px;} #include_menu_lateral_qdr{padding-left:15px; width:150px; display:table} #include_menu_lateral_conteudo{background-color:#F3F3F3; width:130px; display:table; padding-top:5px;} #include_menu_lateral_conteudo1{margin-left:5px} #include_menu_lateral_conteudo2{margin-left:5px; margin-top:5px} #include_menu_lateral_conteudo3{text-align:left; padding-top:5px; padding-bottom:5px; background-color:#666666; padding-left:10px; margin-top:20px;} #include_menu_lateral_conteudo4{margin-top:10px} #include_menu_secundario1{display:table; width:825px; margin-left:10px;} #include_menu_secundario2{height:20px; text-align:left;} #include_menu_secundario3{display:table; background-color:#DE455E; padding-top:5px; height:22px; width:820px; padding-left:5px} #include_menu_secundario4{display:table; width:974px;} #include_menu_secundario5{height:20px; text-align:left;} #include_menu_secundario6{display:table; text-align:left; background-color:#DE455E; padding-top:5px; height:22px; width:974px;} #include_menu_principal1{width:974px; display:table; height:20px; text-align:left; margin-left:25px; } #include_menu_principal2{width:974px; background-color:#333333; height:30px; display:table; margin-left:25px;} #include_menu_principal3{width:974px; padding-top:1px; margin-left:25px; } #include_menu_principal4{ height:18px; display:table; margin-top:7px} #include_menu_principal5{margin-top:5px; margin-left:25px; margin-bottom:25px;} #include_menu_principal6{height:23px; padding-top:5px; width:969px; background-color:#9F1C30; padding-left:5px;} #compraProgramada_carrinho1{background-color:#F3F3F3; width:974px; height:25px; margin-top:20px;} #compraProgramada_carrinho2{margin-top:5px; text-align:left} #compraProgramada_carrinho3{width:960px; margin-top:18px;} #compraProgramada_carrinho4{width:960px; text-align:left; height:25px; background-color:#efefef; padding-top:10px;} #compraProgramada_carrinho5{margin-top:15px; width:960px;} #compraProgramada_carrinho6{margin-bottom:5px;} #compraProgramada_carrinho7{margin-bottom:10px;} #compraProgramada_carrinho8{margin-bottom:5px;} #compraProgramada_carrinho9{border:#000000 solid 1px; padding:3px 2px 3px 2px; width:50px; text-align:center} #compraProgramada_carrinho10{padding-right:10px;} #compraProgramada_carrinho11{height:26px} #compraProgramada_carrinho12{height:30px;} #compraProgramada_carrinho13{margin-top:15px; width:960px;} #compraProgramada_carrinho_finalizado1{margin-top:20px; display:table} #compraProgramada_carrinho_finalizado2{width:960px; margin-bottom:15px; display:table} #compraProgramada_carrinho_finalizado3{background-color:#F3F3F3; width:960px; height:25px;} #compraProgramada_carrinho_finalizado4{margin-top:5px; text-align:left} #compraProgramada_carrinho_finalizado5{width:960px; margin-top:25px;} #compraProgramada_carrinho_finalizado6{width:960px; text-align:left; height:25px;} #compraProgramada_carrinho_finalizado7{margin-top:15px; width:960px;} #compraProgramada_carrinho_finalizado8{margin-bottom:10px;} #compraProgramada_carrinho_finalizado9{margin-bottom:10px;} #compraProgramada_carrinho_finalizado10{border:#000000 solid 1px; padding:3px 2px 3px 2px; width:50px; text-align:center} #compraProgramada_carrinho_finalizado11{padding-right:10px;} #compraProgramada_carrinho_finalizado12{margin-top:15px; width:960px;} #compraProgramada_compromisso1{text-align:left} #compraProgramada_compromisso2{display:table; text-align:left;} #compraProgramada_conferePedido1{margin-top:20px; display:table} #compraProgramada_conferePedido2{width:960px; margin-bottom:15px; display:table} #compraProgramada_conferePedido3{background-color:#F3F3F3; width:960px; height:25px;} #compraProgramada_conferePedido4{margin-top:5px; text-align:left} #compraProgramada_conferePedido5{width:960px; margin-top:25px;} #compraProgramada_conferePedido6{width:960px; text-align:left; height:25px;} #compraProgramada_conferePedido7{margin-top:15px; width:960px;} #compraProgramada_conferePedido8{margin-bottom:10px;} #compraProgramada_conferePedido9{margin-bottom:30px;} #compraProgramada_conferePedido10{margin-bottom:10px; padding-left:10px} #compraProgramada_conferePedido11{border:#000000 solid 1px; padding:3px 2px 3px 2px; width:50px; text-align:center} #compraProgramada_conferePedido12{padding-right:10px;} #compraProgramada_conferePedido13{height:20px} #compraProgramada_detalhes1{padding-right:10px;} #compraProgramada_produtos1{margin-top:20px; display:table} #compraProgramada_produtos2{background-color:#F3F3F3; width:825px; height:25px; margin-left:10px;} #compraProgramada_produtos3{margin-top:5px} #compraProgramada_produtos4{margin-left:30px; width:820px; margin-top:25px;} #compraProgramada_produtos5{border:#000000 1px solid; height:15px; width:40px; text-align:center; padding-top:1px;} #include_top2_1{ width:620px; background-color:#DE455C; height:25px; padding-top:6px; text-align:center; display:table} #include_top2_2{margin-top:10px; width:620px; height:30px; text-align:right; display:table}#geralSite #geral_estruturaSite { margin-left:10px; } /* CSS Lateral da LOJA VIRTUAL */ #include_menu_lateral_conteudoLJ{background-color:#333333; width:130px; display:table; padding-top:5px;} #include_menu_lateral_conteudo1LJ{margin-left:5px} #include_menu_lateral_conteudo2LJ{margin-left:5px; margin-top:5px} #include_menu_lateral_conteudo3LJ{text-align:left; padding-top:5px; padding-bottom:5px; background-color:#555555; padding-left:10px; margin-top:20px;} #include_menu_lateral_conteudo4LJ{margin-top:10px} #lojaVirtual_produtos1{margin-top:20px; display:table} #lojaVirtual_produtos2{background-color:#333333; width:825px; height:25px; margin-left:10px;} #lojaVirtual_produtos3{margin-top:5px} #lojaVirtual_produtos4{margin-left:30px; width:820px; margin-top:25px;} #lojaVirtual_produtos5{border:#000000 1px solid; height:15px; width:40px; text-align:center; padding-top:1px;} #lojaVirtual_carrinho1{background-color:#333333; width:974px; height:25px; margin-top:20px;} #lojaVirtual_carrinho2{margin-top:5px; text-align:left} #lojaVirtual_carrinho3{width:960px; margin-top:18px;} #lojaVirtual_carrinho4{width:960px; text-align:left; height:25px; background-color:#efefef; padding-top:10px;} #lojaVirtual_carrinho5{margin-top:15px; width:960px;} #lojaVirtual_carrinho6{margin-bottom:5px;} #lojaVirtual_carrinho7{margin-bottom:10px;} #lojaVirtual_carrinho8{margin-bottom:5px;} #lojaVirtual_carrinho9{height:4px} #lojaVirtual_carrinho10{padding-right:10px;} #lojaVirtual_carrinho11{height:22px} #lojaVirtual_carrinho12{height:30px;} #lojaVirtual_carrinho13{margin-top:15px; width:960px;}