/* ---------------------------------------------------------------------------------GERAL--------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; background:transparent;} html { height: 100%; } body{ background-color: #ffffff; /* background-image: url(""); */ /* background-repeat: ; */ background-position: center top; /* margin:0px; padding: 0px; */ height:100%; vertical-align:top; text-align: center; font-size: 100%; font-family: Calibri, Arial, Courier New, Helvetica, Times, sans-serif, serif, monospace, cursive, fantasy; color:#000000; } /* ---------------------------------------------------------------------------------BASICO--------------------------------------------------------------------------------- */ #Crisoft img{display: block; max-width: 100%;} /* não usar o max -width para loja virtual */ #Crisoft {margin: 0 auto;} #Crisoft .tx1{color:#999999; font-size: 1em;} #Crisoft .tx2{color:#3e4095; font-size: 2em; font-weight:bold;} #Crisoft .tx3{color:#333333; font-size: 1em;} #Crisoft .tx4{color:#999999; font-size: 13px;} #Crisoft .tx5{color:#ffffff; font-size: 32px; font-weight:bold;} #Crisoft .tx6{color:#cccccc; font-size: 14px;} #Crisoft .tx7{color:#3e4095; font-size: 30px; font-weight:bold;} #Crisoft .tx8{color:#bd392d; font-size: 18px; font-weight:bold;} #Crisoft .tx9{color:#333333; font-size: 14px;} #Crisoft .tx10{color:#3e4095; font-size: 18px; font-weight:bold;} #Crisoft .tx11{color:#333333; font-size: 20px; text-align:left;} #Crisoft .tx12{color:#3e4095; font-size: 32px; text-align:left; font-weight:bold;} #Crisoft .tx12:hover{color:#ff0000; font-size: 32px; text-align:left; font-weight:bold;} #Crisoft .tx13{color:#333333; font-size: 18px; text-align:left; font-weight:bold;} #Crisoft .tx14{color:#333333; font-size: 16px; text-align:left;} #Crisoft .tx15{color:#ff0000; font-size: 30px; text-align:left;} #Crisoft .tx16{color:#666666; font-size: 18px; text-align:left;} #Crisoft .tx17{color:#ffffff; font-size: 18px; text-align:left; font-weight:bold;} #Crisoft .fotos_home{display:block;} #Crisoft .fotos_home_b{display:none;} #Crisoft .home_info{display:block;} #Crisoft .home_info_b{display:none;} #Crisoft .empresa1{display:block;} #Crisoft .empresa1_b{display:none;} #Crisoft .lista_marca{display:block;} #Crisoft .lista_marca_b{display:none;} #Crisoft .lista_marca_c{display:none;} #Crisoft .lista_marca_d{display:none;} #Crisoft .baseul{overflow: hidden;text-align: center;} #Crisoft .baseul ul{} #Crisoft .baseul ul li{display: inline-block; list-style: none; vertical-align: middle;} #Crisoft .baseul ul li a{display: inline-block; text-decoration: none; text-align: center;} #Crisoft .pad1{padding-left:10px; padding-right:10px; } #Crisoft_superior {margin: 0 auto; position:relative;} #Crisoft_superior .superior{display:block; width:100%; max-width:1280px;} #Crisoft_superior .superior_b{display:none;} #Crisoft_superior .superior_c{display:none;} #Crisoft_superior .banner_superior{display:block; width:100%;} #Crisoft_principal {margin: 0 auto; position:relative;} #Crisoft_principal .base{display:block; width:100%; max-width:1920px; margin-top:60px;} #Crisoft_principal .base2{display:block; width:80%;margin-top:25px;} #Crisoft_principal .base2b{display:block; width:80%;margin-top:25px; text-align:right;} #Crisoft_principal .base3{display:block; width:95%;margin-top:25px;} #Crisoft_principal .base4{display:block; width:95%; max-width:960px; margin-top:25px;} #Crisoft_principal .base5{display:inline-block; width:95%; max-width:1200px; margin-top:25px;} #Crisoft_principal .base4_b{display:none; width:95%; max-width:960px; margin-top:25px;} #Crisoft_principal .homepage{display:block; width:100%; max-width:1920px; background-color:#be3a2e; height:379px;} #Crisoft_principal .homepage_b{display:none; width:100%; max-width:1920px; background-color:#be3a2e; } #Crisoft_principal .informativos{display:block; width:100%; max-width:500px; float:left; height:100%;} #Crisoft_principal .informativosb{display:block; width:100%; max-width:500px; float:left; height:650px;} #Crisoft_principal .galeria_de_fotos{display:inline-block; width:100%; max-width:848px;} #Crisoft_principal .galeria_de_fotos2{display:block; width:100%; max-width:351px; height:191px; float:left; margin-left:36px; margin-right:36px; margin-bottom:55px;} #Crisoft_principal .galeria_de_fotos3{position:absolute; background-image: url('../img/fundo_galeria.png'); background-repeat: no-repeat; width:351px; height:197px; background-position:center-top; z-index:1;} #Crisoft_principal .galeria_de_fotos4{position:absolute; z-index:2; padding-top:27px; padding-left:38px;} #Crisoft_principal .galeria_de_fotos5{position:absolute; width:351px; padding-top:205px; text-align:center;} #Crisoft_principal .galeria_de_fotos_detalhe{display:inline-block; width:100%; max-width:1729px;} #Crisoft_principal .nossas_lojas{display:inline-block; width:100%; max-width:948px;} #Crisoft_principal .nossas_lojas_a{display:block; width:100%; max-width:290px; float:left; z-index:1;} #Crisoft_principal .nossas_lojas_b{display:block; width:100%; max-width:658px; float:left; z-index:2; text-align:left; } #Crisoft_principal .nossas_lojas_b1{display:block; float:left; z-index:2; background-image: url('../img/loja1.jpg'); background-repeat: no-repeat; width:658px; height:210px; padding-top:50px; padding-left:50px;} #Crisoft_principal .nossas_lojas_c{display:block; width:100%; max-width:178px; margin-left:-178px; float:left; z-index:3;} #Crisoft_principal .tela_profissionais{display:inline-block; width:100%; max-width:992px; margin-top:60px; text-align:left;} #Crisoft_principal .tela_prof1{display:block; width:100%; max-width:496px; float:left;} #Crisoft_principal .tela_prof2{display:block; width:100%; max-width:496px; float:left;} #Crisoft_principal .tela_profissionais_detalhe{display:inline-block; width:100%; max-width:1685px; margin-top:60px; text-align:left;} #Crisoft_principal .tela_profissionais_detalhe2{display:block; width:100%; max-width:337px; height:167px; text-align:left; background-image: url('../img/prof_detalhe.png'); background-repeat: no-repeat; float:left;} #Crisoft_principal .tela_profissionais_detalhe3{padding-top:15px; padding-left:25px;} #Crisoft_principal .tela_orcamento{display:inline-block; width:100%; max-width:950px; margin-top:60px; text-align:left;} #Crisoft_principal .ofertas_home ul{display: table; margin: 0px; padding: 0px; width: 100%; max-width:1119px;} #Crisoft_principal .ofertas_home ul li{list-style-type: none; display: table-cell; margin: 0px; padding: 0px 0px 20px 0px; float:left;} #Crisoft_principal .ofertas_home li.li2{width:60px; height:333px; padding: 0px 0px 0px 0px; float:left;} #Crisoft_principal .oferta{display: block; width:333px; height:333px; } #Crisoft_principal .oferta1{position:absolute; display: block; z-index:2; width:333px; height:333px;} #Crisoft_principal .oferta2{position:absolute; display: block; z-index:1; width:333px; height:333px;} #Crisoft_principal .oferta3{position:absolute; display: block; z-index:3; width:303px; height:40px; margin-top:238px; text-align:right;} #Crisoft_principal .oferta4{position:absolute; display: block; z-index:4; width:250px; height:52px; margin-top:270px; text-align:left; margin-left:20px;} #Crisoft_principal .ofertas{display:block; width:100%; max-width:333px;} #Crisoft_principal .tela_produtos ul{display: table; margin: 0px; padding: 0px; width: 100%; max-width:1218px; margin-top:60px;} #Crisoft_principal .tela_produtos ul li{list-style-type: none; display: table-cell; margin: 0px; padding: 0px; float:left;} #Crisoft_principal .produto{display:block; width:377px; height:176px; margin-right:29px; margin-bottom:25px;} #Crisoft_principal .produto2{display:block; position:absolute; z-index:2; background-image: url('../img/produtos1.png'); background-repeat: no-repeat; width:377px; height:176px;} #Crisoft_principal .produto3{display:block; position:absolute; z-index:1; width:284px; height:134px; margin-left:11px; margin-top:1px;} #Crisoft_principal .produto4{display:block; position:absolute; z-index:3; width:284px; height:32px; margin-left:11px; margin-top:145px; text-align:left;} #Crisoft_principal .produto_foto{width:100%; height:134px; max-width:284px; max-height:134px;} #Crisoft_principal .tela_produtos_detalhe ul{display:table; margin:0px; padding:0px; width:100%; max-width:980px; margin-top:60px;} #Crisoft_principal .tela_produtos_detalhe ul li{display: table-cell; list-style-type:none; margin:0px; padding:0px; float:left; width:200px; height:150px; margin-bottom:20px;} #Crisoft_principal .tela_produtos_detalhe ul li.li2{display: table-cell; list-style-type:none; margin:0px; padding:0px; float:left; width:60px; height:150px; margin-bottom:20px;} #Crisoft_inferior {margin: 0 auto; position:relative;} #Crisoft_inferior .inferior{display:block; width:100%; max-width:1920px; background-color:#ffcd2d; min-height:142px;} #Crisoft_inferior .inferior_b{display:none; width:100%; max-width:1920px; background-color:#ffcd2d; min-height:142px;} #Crisoft_inferior .inferior2{display:block; width:100%; max-width:1920px; height:57px;} #Crisoft_inferior .inferior2_b{display:none; width:100%; max-width:1920px;} #Crisoft_inferior .base_inferior{display: block; width:100%; max-width:1920px; margin-top:0em;} /* ---------------------------------------------------------------------------------TELAS---------------------------------------------------------------------------------- */ @media only screen and (max-width: 1920px) { /* 1920 */ body{font-size: 110%;} #Crisoft_superior .superior{display:block; width:100%; max-width:1920px;} } @media only screen and (max-width: 1680px) { /* 1680 */ body{font-size: 110%;} #Crisoft_principal .galeria_de_fotos_detalhe{max-width:1482px;} #Crisoft_principal .tela_profissionais_detalhe{max-width:1348px;} } @media only screen and (max-width: 1600px) { /* 1600 */ body{font-size: 110%;} } @media only screen and (max-width: 1440px) { /* 1440 */ body{font-size: 110%;} #Crisoft_principal .galeria_de_fotos_detalhe{max-width:1235px;} } @media only screen and (max-width: 1366px) { /* 1366 */ body{font-size: 100%;} #Crisoft_superior .superior{display:block; width:100%; max-width:1366px;} #Crisoft .colunas{-webkit-column-count: 5; -moz-column-count: 5; column-count: 5;} #Crisoft .lista_marca{display:none;} #Crisoft .lista_marca_b{display:block;} #Crisoft .lista_marca_c{display:none;} #Crisoft .lista_marca_d{display:none;} } @media only screen and (max-width: 1280px) { /* 1280 */ body{font-size: 100%;} #Crisoft_principal .galeria_de_fotos_detalhe{max-width:988px;} #Crisoft_principal .tela_profissionais_detalhe{max-width:1011px;} } @media only screen and (max-width: 1024px) { /* 1024 */ body{font-size: 100%;} #Crisoft .tx3{color:#333333; font-size: 14px;} #Crisoft_superior .superior{display:block; width:100%; max-width:1024px;} #Crisoft_principal .base5{ max-width:500px;} #Crisoft_principal .galeria_de_fotos_detalhe{max-width:741px;} #Crisoft_principal .ofertas_home ul{max-width:706px;} #Crisoft_principal .ofertas_home li.li2{width:20px;} #Crisoft_principal .tela_produtos ul{max-width:812px;} #Crisoft .pad1{padding-left:2px; padding-right:2px; } } @media only screen and (max-width: 960px) { /* 960 */ body{font-size: 100%;} #Crisoft_principal .homepage{display:none; } #Crisoft_principal .homepage_b{display:block; } #Crisoft_principal .homepage_b_img{max-width:638px;} #Crisoft_principal .tela_prof1{display:none;} #Crisoft_principal .tela_profissionais{max-width:600px;} #Crisoft_principal .tela_profissionais_detalhe{max-width:674px;} #Crisoft_principal .tela_produtos_detalhe ul{max-width:690px;} #Crisoft_principal .tela_produtos_detalhe ul li{} #Crisoft_principal .tela_produtos_detalhe ul li.li2{width:30px;} #Crisoft_inferior .inferior{display:none;} #Crisoft_inferior .inferior_b{display:block;} } @media only screen and (max-width: 800px) { /* 800 */ body{font-size: 100%;} #Crisoft_inferior .inferior2{display:none;} #Crisoft_inferior .inferior2_b{display:block;} #Crisoft .home_info{display:none;} #Crisoft .home_info_b{display:block;} #Crisoft .lista_marca{display:none;} #Crisoft .lista_marca_b{display:none;} #Crisoft .lista_marca_c{display:block;} #Crisoft .lista_marca_d{display:none;} #Crisoft_principal .galeria_de_fotos{display:inline-block; width:100%; max-width:423px;} #Crisoft_principal .nossas_lojas{display:inline-block; width:100%; max-width:658px;} #Crisoft_principal .tela_orcamento{max-width:475px;} #Crisoft_principal .tela_produtos ul{max-width:377px;} #Crisoft_principal .produto{margin-right:0px;} } @media only screen and (max-width: 768px) { /* 768 */ body{font-size: 100%;} #Crisoft_superior .superior{display:none; } #Crisoft_superior .superior_b{display:block; } #Crisoft_superior .superior_c{display:none; } #Crisoft_principal .base4{display:none;} #Crisoft_principal .base4_b{display:block;} #Crisoft_principal .galeria_de_fotos_detalhe{max-width:494px;} } @media only screen and (max-width: 736px) { /* 736 */ body{font-size: 100%;} #Crisoft_principal .ofertas_home ul{max-width:333px;} #Crisoft_principal .ofertas_home li.li2{width:0px;} } @media only screen and (max-width: 668px) { /* 667 */ body{font-size: 100%;} #Crisoft_principal .tela_profissionais_detalhe{max-width:337px;} #Crisoft_principal .tela_produtos_detalhe ul{max-width:420px;} #Crisoft_principal .tela_produtos_detalhe ul li{} #Crisoft_principal .tela_produtos_detalhe ul li.li2{width:10px;} #Crisoft_principal .nossas_lojas{display:inline-block; width:100%; max-width:550px;} #Crisoft_principal .nossas_lojas_a{display:block; width:100%; max-width:550px; float:left; z-index:1;} #Crisoft_principal .nossas_lojas_b{display:block; width:100%; max-width:550px; float:left; z-index:2; text-align:left; } #Crisoft_principal .nossas_lojas_b1{display:block; float:left; z-index:2; background-image: url('../img/loja1.jpg'); background-repeat: no-repeat; width:500px; height:210px; padding-top:50px; padding-left:50px;} #Crisoft_principal .nossas_lojas_c{display:block; width:100%; max-width:550px; margin-left:0px; margin-top:-50px; margin-bottom:50px; float:left; z-index:3;} } @media only screen and (max-width: 640px) { /* 640 */ body{font-size: 100%;} } @media only screen and (max-width: 600px) { /* 600 */ body{font-size: 99%;} #Crisoft_principal .homepage_b_img{max-width:400px;} #Crisoft .empresa1{display:none;} #Crisoft .empresa1_b{display:block;} #Crisoft_principal .nossas_lojas{display:inline-block; width:100%; max-width:550px;} #Crisoft_principal .nossas_lojas_a{display:block; width:100%; max-width:550px; float:left; z-index:1;} #Crisoft_principal .nossas_lojas_b{display:block; width:100%; max-width:550px; float:left; z-index:2; text-align:left; } #Crisoft_principal .nossas_lojas_b1{display:block; float:left; z-index:2; background-image: url('../img/loja1.jpg'); background-repeat: no-repeat; width:500px; height:210px; padding-top:50px; padding-left:50px;} #Crisoft_principal .nossas_lojas_c{display:block; width:100%; max-width:550px; margin-left:0px; margin-top:-50px; margin-bottom:50px; float:left; z-index:3;} #Crisoft_principal .tela_profissionais{max-width:600px; width:95%;} } /* -------------------------------------USAR FORMATO DE MOBILE -------------------------------------- */ @media only screen and (max-width: 568px) { /* 568 */ body{font-size: 98%; margin-top:0px;} #Crisoft_superior .superior{display:none; } #Crisoft_superior .superior_b{display:none; } #Crisoft_superior .superior_c{display:block; } #Crisoft_inferior .inferior{display:none;} #Crisoft_inferior .inferior_b{display:block;} #Crisoft .fotos_home{display:none;} #Crisoft .fotos_home_b{display:block;} } @media only screen and (max-width: 534px) { /* 533 */ body{font-size: 87.5%;} #Crisoft_principal .nossas_lojas{max-width:500px;} #Crisoft_principal .nossas_lojas_a{ max-width:500px; } #Crisoft_principal .nossas_lojas_b{max-width:500px; } #Crisoft_principal .nossas_lojas_b1{width:450px; height:210px; padding-top:50px; padding-left:50px;} #Crisoft_principal .nossas_lojas_c{max-width:500px; margin-top:-50px; margin-bottom:50px;} } @media only screen and (max-width: 480px) { /* 480 */ body{font-size: 87.5%;} #Crisoft .lista_marca{display:none;} #Crisoft .lista_marca_b{display:none;} #Crisoft .lista_marca_c{display:none;} #Crisoft .lista_marca_d{display:block;} #Crisoft_principal .informativosb{height:500px;} #Crisoft_principal .galeria_de_fotos_detalhe{max-width:247px;} #Crisoft_principal .nossas_lojas{max-width:400px;} #Crisoft_principal .nossas_lojas_a{ max-width:400px; } #Crisoft_principal .nossas_lojas_b{max-width:400px; } #Crisoft_principal .nossas_lojas_b1{width:350px; height:210px; padding-top:50px; padding-left:50px;} #Crisoft_principal .nossas_lojas_c{max-width:400px; margin-top:-50px; margin-bottom:50px;} #Crisoft .tx12{font-size: 24px; } #Crisoft .tx12:hover{font-size: 24px; } #Crisoft_principal .tela_orcamento{width:98%;} } @media only screen and (max-width: 414px) { /* 414 */ body{font-size: 87.5%;} #Crisoft_principal .galeria_de_fotos{ max-width:351px;} #Crisoft_principal .galeria_de_fotos2{margin-left:0px; margin-right:0px; } #Crisoft_principal .tela_produtos_detalhe ul{max-width:200px;} #Crisoft_principal .tela_produtos_detalhe ul li{} #Crisoft_principal .tela_produtos_detalhe ul li.li2{width:0px;} } @media only screen and (max-width: 376px) { /* 375 */ body{font-size: 87.5%;} #Crisoft_principal .homepage_b_img{max-width:300px;} #Crisoft_principal .informativosb{height:400px;} #Crisoft_principal .nossas_lojas{max-width:300px;} #Crisoft_principal .nossas_lojas_a{ max-width:300px; } #Crisoft_principal .nossas_lojas_b{max-width:300px; } #Crisoft_principal .nossas_lojas_b1{width:270px; height:210px; padding-top:40px; padding-left:30px;} #Crisoft_principal .nossas_lojas_c{max-width:300px; margin-top:-50px; margin-bottom:50px;} #Crisoft .tx11{color:#333333; font-size: 17px; text-align:left;} #Crisoft_principal .tela_produtos ul{max-width:300px;} #Crisoft_principal .produto{display:block; width:300px; height:176px; margin-right:0px; margin-bottom:10px;} #Crisoft_principal .produto2{display:block; position:absolute; z-index:2; background-image: url('../img/produtos1.png'); background-repeat: no-repeat; width:300px; height:176px;} #Crisoft_principal .produto3{display:block; position:absolute; z-index:1; width:284px; height:134px; margin-left:11px; margin-top:1px;} #Crisoft_principal .produto4{display:block; position:absolute; z-index:3; width:284px; height:32px; margin-left:11px; margin-top:145px; text-align:left;} #Crisoft_principal .produto_foto{width:100%; height:134px; max-width:284px; max-height:134px;} } @media only screen and (max-width: 360px) { /* 360 */ body{font-size: 87.5%;} #Crisoft_principal .galeria_de_fotos{ max-width:271px;} #Crisoft_principal .galeria_de_fotos2{ margin-bottom:15px;} #Crisoft_principal .galeria_de_fotos3{display:none;} #Crisoft_principal .galeria_de_fotos4{position:absolute; z-index:2; padding-top:0px; padding-left:0px;} #Crisoft_principal .galeria_de_fotos5{position:absolute; width:271px; padding-top:165px; text-align:center;} } @media only screen and (max-width: 320px) { /* 320 */ body{font-size: 87.5%;} #Crisoft_principal .tela_profissionais_detalhe{max-width:320px;} #Crisoft_principal .tela_profissionais_detalhe2{max-width:320px; max-height:167px;} #Crisoft_principal .tela_profissionais_detalhe3{padding-top:15px; padding-left:25px;} #Crisoft_principal .ofertas_home ul{max-width:300px;} #Crisoft_principal .ofertas_home li.li2{width:0px;} #Crisoft_principal .oferta{display: block; width:300px; height:300px; } #Crisoft_principal .oferta1{position:absolute; display: block; z-index:2; width:300px; height:300px;} #Crisoft_principal .oferta2{position:absolute; display: block; z-index:1; width:300px; height:300px;} #Crisoft_principal .oferta3{position:absolute; display: block; z-index:3; width:280px; height:40px; margin-top:210px; text-align:right;} #Crisoft_principal .oferta4{position:absolute; display: block; z-index:4; width:250px; height:52px; margin-top:240px; text-align:left; margin-left:20px;} #Crisoft_principal .ofertas{display:block; width:100%; max-width:300px;} #Crisoft .tx15{color:#ff0000; font-size: 26px; text-align:left;} #Crisoft .tx16{color:#666666; font-size: 14px; text-align:left;} } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */