body { padding: 0; text-align: left; /* Isso centraliza o conteiner em navegadores IE 5*. O texto é entao definido como o padrao de alinhamento a esquerda no seletor #container */ color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; background-color: #030; } #geral-i { text-align: left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 900px; } #geral-i01 { text-align: left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 500px; } #luminoso-i{ height: 20px; width: 900px; clear: both; margin-top: 20px; } #topo-i{ height: 250px; width: 900px; margin-top: 5px; clear: left; background-image: url(../imagem/ifoto-01.jpg); } #centro-gral-i{ float: left; height: 129px; width: 900px; margin-left: 0px; margin-top: 20px; clear: both; } e#rodap-contador-i { width: 900px; clear: both; text-align: center; margin-left: 0px; margin-top: 10px; background-image: url(../imagem/logo-premier21.jpg); background-repeat: repeat; background-position: left top; } e#rodap-contador-i01 { width: 900px; clear: both; text-align: left; margin-left: 0px; margin-top: 10px; float: left; } #rodape-premier-i { width: 177px; clear: both; margin-top: 0px; text-align: center; margin-left: 0px; } #rodape-i { width: 900px; clear: both; overflow: auto; height: 90px; margin-left: 80px; margin-top: 0px; background-repeat: no-repeat; } #topo-left{ height: 79px; width: 200px; background-color: #0C0; text-align: left; clear: both; float: left; } #topo-cent{ height: 79px; width: 400px; background-color: #C03; clear: both; } #topo-right{ height: 79px; width: 200px; clear: both; background-color: #FC0; float: right; } #rodape { width: 878px; clear: both; overflow: auto; height: 90px; margin-left: 80px; margin-top: 0px; } #rodape-left { height: 380px; width: 439px; overflow: auto; text-align: left; } #rodape-right { height: 300px; width: 439px; text-align: center; } #rodape-leftcontador { width: 500px; text-align: center; margin-top: 20px; margin-left: 40px; } #rodape-contador { width: 900px; clear: both; text-align: center; margin-left: 0px; } #rodape-premier { width: 878px; clear: both; margin-top: 0px; text-align: center; margin-left: 0px; } #rodape-dados { width: 450px; clear: both; margin-top: 10px; font-family: "Comic Sans MS", cursive; text-align: center; } #centro-gral{ float: left; height: 200px; width: 900px; margin-left: 0px; margin-top: 20px; clear: both; } #centro_left{ float: left; height: 500px; width: 439px; margin-left: 20px; } #centro_left01{ float: left; width: 439px; margin-left: 0px; margin-top: 10px; height: 61px; background-image: url(../imagem/foto-ninhada.jpg); padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-repeat: no-repeat; } #centro_right{ width: 439px; scrollbar-arrow-color:#fff; scrollbar-3dlight-color:#fff; scrollbar-highlight-color:#4c4c4c; scrollbar-face-color:#4c4c4c; scrollbar-shadow-color:#fff; scrollbar-darkshadow-color:#4c4c4c; scrollbar-track-color:#4c4c4c; padding: 0px; background-image: none; display: inline-block; height: 500px; float: right; } #centro_leftfotos{ float: left; width: 439px; height: 500px; margin-top: 20px; scrollbar-arrow-color:#fff; scrollbar-3dlight-color:#002200; scrollbar-highlight-color:#29611c; scrollbar-face-color:#002200; scrollbar-shadow-color:#29611c; scrollbar-darkshadow-color:#29611c; scrollbar-track-color:#002200; } #centro_rightfotos{ width: 200px; scrollbar-arrow-color:#fff; scrollbar-3dlight-color:#fff; scrollbar-highlight-color:#002200; scrollbar-face-color:#002200; scrollbar-shadow-color:#fff; scrollbar-darkshadow-color:#002200; scrollbar-track-color:#002200; padding: 0px; background-image: none; display: inline-block; height: 500px; float: right; } /* ----------------------classes------------------- */ .salto-01{ text-align: left; margin-left: 60px; } .salto-02{ text-align: left; margin-left: 55px; } .salto-03{ text-align: left; margin-left: 80px; } .salto-04{ margin-left: 550px; } .miniatura{ text-align: left; height: 179px; width: 220px; } .cla-historia{ font-family: "Comic Sans MS", cursive; font-size: 14px; color: #FFF; font-weight: bolder; text-align: left; margin-left: 50px; margin-top: 15px; } .cla-historianc01{ font-family: "Comic Sans MS", cursive; font-size: 16px; color: #FFF; font-weight: bolder; text-align: center; margin-top: 0px; margin-left: 30px; } .cla-historianc01col{ font-family: "Comic Sans MS", cursive; font-size: 16px; color: #F60; font-weight: bolder; text-align: center; margin-top: 20px; margin-left: 30px; } .cla-historianc02{ font-family: "Comic Sans MS", cursive; font-size: 24px; color: #FFF; font-weight: bolder; text-align: center; margin-top: 20px; margin-left: 10px; } .cla-historianc03{ font-family: "Comic Sans MS", cursive; font-size: 18px; color: #C60; font-weight: bolder; text-align: center; background-image: url(../imagem/f-pisadascaes.swf); margin-left: 30px; } .cla-historianc03-1{ font-family: "Comic Sans MS", cursive; font-size: 18px; color: #C60; font-weight: bolder; text-align: center; margin-left: 60px; } .cla-historianc03-2{ font-family: "Comic Sans MS", cursive; font-size: 18px; color: #C60; font-weight: bolder; text-align: center; margin-left: 100px; padding: 0px; } .cla-historianc03-3{ font-family: "Comic Sans MS", cursive; font-size: 18px; color: #C60; font-weight: bolder; text-align: center; margin-left: 130px; } .cla-historianc03-4{ font-family: "Comic Sans MS", cursive; font-size: 18px; color: #C60; font-weight: bolder; text-align: center; margin-left: 80px; } .cla-historianc03-5{ font-family: "Comic Sans MS", cursive; font-size: 18px; color: #C60; font-weight: bolder; text-align: center; margin-left: 80px; vertical-align: middle; } .cla-nome-nc{ margin-left: 40px; } .cla-log-ini{ margin-right: auto; text-decoration: none; margin-top: 20px; float: left; text-align: center; } .cla-log-ini1{ text-decoration: none; float: left; text-align: left; margin-left: 40px; margin-top: 30px; } .cla-design{ float: right; text-align: right; margin-top: 20px; margin-right: 90px; color: #090; } .cla-designkey{ float: right; text-align: right; margin-top: 20px; margin-right: 20px; color: #030; } .cla-fotos{ text-decoration: none; text-align: left; margin-left: 60px; margin-top: 10px; } .cla-fotos01{ text-decoration: none; text-align: left; margin-left: 15px; margin-top: 10px; } .cla-fotos-p{ text-decoration: none; text-align: left; margin-left: 23px; margin-top: 0px; } /* ---------------------- MENU ------------------- */ ul{ list-style-type:none; color: #FFF; text-decoration: none; } ul#menu{ width:778px; height: 90px; margin-right: auto; margin-bottom: auto; margin-left: 0; padding: 0px; color: #FFF; text-decoration: none; margin-top: 0px; } ul#menu li{ position:relative; float:left; color: #FFF; text-decoration: none; } ul#menu li a{ display:block; float:left; height:20px; line-height:20px; text-decoration:none; width: 250px; text-align: center; color: #FFF; } ul#menu li a:hover{ padding: 0px; color: #FFF; text-decoration: none; } ul#menu li ul{ display:none; position:absolute; top:60px; left:0; margin: 0px; padding: 0px; text-align: center; color: #FFF; text-decoration: none; } ul#menu li:hover ul, ul#menu li.hover ul{ display:block; color: #FFF; text-decoration: none; } ul#menu li ul li a{ width:250px; clear:both; text-align: center; padding-left: 5px; color: #FFF; text-decoration: none; } ul#menu li ul li{ float:none; clear:both; color: #FFF; text-decoration: none; } ul#menu li ul li a{ float:none; color: #FFF; text-decoration: none; } /* ---------------------- MENU1 ------------------- */ ul{ list-style-type:none; } ul#menu1{ width:110px; height: 100px; margin-top: 10px; margin-right: auto; margin-left: 0px; padding: 0px; text-align: center; margin-bottom: auto; font-family: Verdana, Geneva, sans-serif; color: #fff; font-size: 12px; } ul#menu1 li{ position:relative; float:left; } ul#menu1 li a{ display:block; float:left; height: 30px; line-height:30px; color:#fff; text-decoration:none; width: 110px; text-align: center; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #020; background-color: #020; background-image: url(../imagem/fondo-menu.gif); } ul#menu1 li a:hover{ padding: 0px; background-color: #020; color: #fff; font-weight: bolder; } ul#menu1 li ul{ position:absolute; top:0px; left:0; margin: 0px; padding: 0px; color: #FFF; display:none; } ul#menu1 li:hover ul, ul#menu1 li.hover ul{ display:block; color: #fff; } ul#menu1 li ul li a{ width:100px; border-bottom:0px solid #020; clear:both; text-align: center; padding-left: 5px; color: #fff; } ul#menu1 li ul li{ float:none; clear:both; color: #fff; } ul#menu1 li ul li a{ float:none; color: #fff; } /* ---------------------- END Zulu Dreams ------------------- */ #corpo01 { padding: 0; text-align: left; /* Isso centraliza o conteiner em navegadores IE 5*. O texto é entao definido como o padrao de alinhamento a esquerda no seletor #container */ color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-image: none; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; background-color: #600; } #centro-ini { width: 778px; float: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-align: left; } #centro-leftini{ float: left; height: 500px; width: 450px; margin-left: 0px; clear: none; margin-top: 15px; } #centro-rightini{ width: 200px; float: left; color: #FFF; margin-top: 15px; text-align: left; } #centro_leftxxx{ float: left; height: 500px; width: 600px; margin-left: 0px; clear: none; margin-top: 15px; overflow: auto; scrollbar-arrow-color:#ffffff; scrollbar-3dlight-color:#630; scrollbar-highlight-color:#630; scrollbar-face-color:#630; scrollbar-shadow-color:#630; scrollbar-darkshadow-color:#630; scrollbar-track-color:#630; } #centro_rightxxx{ width: 150px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-align: left; overflow: auto; scrollbar-arrow-color:#fff; scrollbar-3dlight-color:#fff; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#fff; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff; padding: 0px; clear: none; background-image: none; display: inline-block; list-style-type: none; margin-top: 15px; margin-left: 5px; height: 200px; } #porta-menu { height: 100px; width: 200px; background-image: none; margin-left: 399px; } #porta-firma { height: 60px; width: 400px; background-image: none; margin-top: 155px; margin-left: 200px; } #centro { width: 778px; float: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; text-align: left; overflow: auto; scrollbar-arrow-color:#fff; scrollbar-3dlight-color:#fff; scrollbar-highlight-color:#; scrollbar-face-color:#4c4c4c; scrollbar-shadow-color:#fff; scrollbar-darkshadow-color:#4c4c4c; scrollbar-track-color:#4c4c4c; padding: 0px; clear: none; margin: 0px; height: 250px; } #centro_rightt{ height: 45px; width: 600px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3f3e3c; text-align: left; overflow: auto; scrollbar-arrow-color:#3f3e3c; scrollbar-3dlight-color:#3f3e3c; scrollbar-highlight-color:#3f3e3c; scrollbar-face-color:#4c4c4c; scrollbar-shadow-color:#3f3e3c; scrollbar-darkshadow-color:#4c4c4c; scrollbar-track-color:#4c4c4c; padding: 0px; clear: none; background-image: none; display: inline-block; list-style-type: none; margin: 0px; } #centro_lefth{ float: left; height: 400px; width: 127px; margin-left: 20px; clear: none; margin-top: 20px; } #centro_righth{ width: 590px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; text-align: left; overflow: auto; scrollbar-arrow-color:#fff; scrollbar-3dlight-color:#fff; scrollbar-highlight-color:#4c4c4c; scrollbar-face-color:#4c4c4c; scrollbar-shadow-color:#fff; scrollbar-darkshadow-color:#4c4c4c; scrollbar-track-color:#4c4c4c; padding: 0px; clear: none; background-image: none; display: inline-block; list-style-type: none; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; height: 490px; } #linea1 { height: 4px; width: 778px; background-color: #ffc; clear: both; } #linea2 { height: 4px; width: 778px; background-color: #4c4c4c; clear: both; } #rodape { width: 778px; } #rodape-dados { height: 100px; width: 778px; clear: both; background-image: url(../imagem/f-rodape-01.jpg); background-repeat: repeat; margin-top: 2px; } /* -------------------- .cla-log-ini1{ text-decoration: none; border-color: #666; margin-top: 15px; margin-left: 90px; } .cla-log-ini2{ text-decoration: none; border-color: #666; margin-top: 230px; } .doc-center{ margin-left: 50px; margin-right: auto; text-decoration: none; border-color: #666; } .imgTopo_left{ height: 70px; width: 204px; margin-top: 15px; margin-left: 25px; margin-right: auto; margin-bottom: auto; } .txt_produtos { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; line-height: normal; white-space: normal; text-align: left; margin-left: 5px; } .fuente-menmisc{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: bold; text-align: justify; text-decoration: none; margin-top: 10px; } .fuente-titulo{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; font-weight: bold; text-align: left; margin: 5px; } .fuente-titulo01{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; font-weight: bold; text-align: justify; margin-top: 5px; margin-left: 10px; font-style: italic; margin-right: 10px; } .fuente-icono01{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #333; font-weight: bold; text-align: left; margin: 5px; } .fuente-historia{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; font-weight: bold; text-align: left; margin-top: 0px; margin-right: 20px; margin-left: 40px; height: 500px; } .fuente-rodape-dados{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFC; font-weight: bold; text-align: center; margin-top: 6px; } .imgTopo_right{ height: 57px; width: 262px; margin-top: 15px; margin-bottom: auto; margin-left: 250px; } .imgcenter01{ height: 260px; width:778px; margin-top: 13px; margin-bottom: auto; margin-left: auto; } .imgcenter02{ height: 280px; width:380px; margin-top: 2px; margin-bottom: auto; margin-left: auto; background-color: #fF0000; }