/* ---------------------------------------------------------------------------------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%; /* 16px */ font-family: "Dosis", 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 h1{font-weight:normal; } #Crisoft .tx48{font-size: 3em;} /* 48px; */ #Crisoft .tx36{font-size: 2.25em;} /* 36px; */ #Crisoft .tx32{font-size: 2em; } /* 32px; */ #Crisoft .tx30{font-size: 30px; } /* 30px; */ #Crisoft .tx24{font-size: 1.5em; } /* 24px; */ #Crisoft .tx18{font-size: 1.125em;} /* 18px; */ #Crisoft .tx16{font-size:1em;} /* 16px; */ #Crisoft .tx14{font-size: 0.875em;} /* 14px; */ #Crisoft .for1{color:#000000;} /* formato, alinhamento e cor */ #Crisoft .for2{color:#999999;} /* formato, alinhamento e cor */ #Crisoft .for3{color:#ffffff;} /* formato, alinhamento e cor */ #Crisoft .for4{color:#58585b;} /* formato, alinhamento e cor */ #Crisoft .for5{color:#333333;} /* formato, alinhamento e cor */ #Crisoft .for6{color:#7d7c7c;} /* formato, alinhamento e cor */ #Crisoft .line1{line-height:24px;} /* formato, alinhamento e cor */ #Crisoft .b{font-weight:bold;} /* formato, alinhamento e cor */ #Crisoft img.center {display: block; margin-left: auto; margin-right: auto; } #Crisoft .pad1{padding-left:10px; padding-right:10px; } #Crisoft .pad2{padding-left:65px; padding-right:65px; } #Crisoft .pad3{padding-left:20px; padding-right:20px; } #Crisoft .wr{ white-space:pre-wrap;} #Crisoft .linha1{display: inline-block; border-left: 1px solid #939597; height:24px; } #Crisoft .linha2{display: inline-block; border-top: 1px solid #cccccc; width:130px; } #Crisoft .linha3{display: inline-block; border-top: 1px solid #666666; width:130px; } #Crisoft .menu1{ border:0px; padding:6px 15px 6px 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;text-align: center; text-decoration: none; cursor:pointer;} #Crisoft .for1a{color: #000000;font-size: 1.125em ;} #Crisoft .menu1:hover {background-color: #cc9900;} #Crisoft .menu1:hover .for1a{color: #ffffff;} #Crisoft .table {} #Crisoft .table_td49 {width:49%;} #Crisoft .table_td24 {width:24%;} #Crisoft .table_td2 {width:2%;} #Crisoft .baseul{overflow: hidden;text-align: center;} #Crisoft .baseul ul{} #Crisoft .baseul ul li{display: inline-block; list-style: none; vertical-align: top;} #Crisoft .baseul ul li a{display: inline-block; text-decoration: none; text-align: center;} #Crisoft .baseul2{overflow: hidden; text-align:center; } #Crisoft .baseul2 ul{list-style: none; display:table; width:100%;} #Crisoft .baseul2 ul li{display: table-cell; vertical-align: middle;} #Crisoft .baseul2 ul li.l{width:50%;} #Crisoft .baseul2 ul li.r{width:50%;} #Crisoft .baseul2b {display:inline-block;} #Crisoft .baseul3{overflow: hidden; text-align:center; } #Crisoft .baseul3 ul{list-style: none; display:table; width:100%;} #Crisoft .baseul3 ul li{display: table-cell; vertical-align: middle;} #Crisoft .baseul3 ul li.l{width:50%;} #Crisoft .baseul3 ul li.r{width:50%;} #Crisoft .baseul3b {display:inline-block;} #Crisoft .baseul4{overflow: hidden; text-align:center; } #Crisoft .baseul4 ul{list-style: none; display:table; width:100%;} #Crisoft .baseul4 ul li{display: table-cell; vertical-align: middle;} #Crisoft .baseul4 ul li.l{width:50%;} #Crisoft .baseul4 ul li.r{width:50%;} #Crisoft .baseul4b {display:inline-block;} #Crisoft .baseul5{overflow: hidden; text-align:center; } #Crisoft .baseul5 ul{list-style: none; display:table; width:100%;} #Crisoft .baseul5 ul li{display: table-cell; vertical-align: top;} #Crisoft .baseul5 ul li.l{width:40%;} #Crisoft .baseul5 ul li.r{width:60%;} #Crisoft .baseul5b {display:inline-block;} #Crisoft .baseul6{overflow: hidden;text-align: left;} #Crisoft .baseul6 ul{} #Crisoft .baseul6 ul li{display: inline-block; list-style: none; vertical-align: top;} #Crisoft .baseul7{overflow: hidden; text-align:left; } #Crisoft .baseul7 ul{list-style: none; display:table; width:100%;} #Crisoft .baseul7 ul li{display: table-cell; vertical-align: top;} #Crisoft .baseul7 ul li.l{width:50%;} #Crisoft .baseul7 ul li.r{width:50%;} #Crisoft .baseul7b {display:inline-block;} #Crisoft .baseul_contato{} #Crisoft .baseul_contato ul{width:100%;overflow:hidden;} #Crisoft .baseul_contato ul li{float:left; display:inline;} #Crisoft_superior {margin: 0 auto; z-index:3; position:relative;} #Crisoft_superior .base_superior{display: block; width:100%; max-width:1920px; margin-top:0em;} #Crisoft_superior .base_superior_1{display: block; width:100%; max-width:1920px; height:12px; background-color:#58595b;} #Crisoft_superior .base_superior_2{display: block; width:100%; max-width:1920px;} #Crisoft_superior .base_superior_3{display: block; position:absolute; text-align:left; z-index:1; top:40px; left:27px;} #Crisoft_superior .base_superior_4{display: block; position:absolute; text-align:right; z-index:1; top:32px; right:40px;} #Crisoft_superior .base_superior_5{display: block; position:relative; width:100%; max-width:1920px; z-index:1; background-image: url("../img/bg1.png"); background-repeat: no-repeat; background-position: center top; background-size: cover; min-height:103px; margin-top:-103px;} #Crisoft_superior .base_superior_5b{display: block; position:relative; width:100%; max-width:1920px; z-index:1; background-image: url("../img/bg1b.png"); background-repeat: no-repeat; background-position: center top; background-size: cover; min-height:206px; margin-top:-103px;} #Crisoft_superior .base_superior_menu_mobile{display: table; width:100%; max-width:1920px; position:absolute; z-index:10000;} #Crisoft_principal {margin: 0 auto; z-index:2; position:relative;} #Crisoft_principal .base_principal{display: block; width:100%; max-width:1920px;} #Crisoft_principal .base_principal_1{display: block; width:100%; max-width:1920px; background-color:#58595b; padding-top:30px;} #Crisoft_principal .base_principal_2{display: block; width:100%; max-width:1280px; } #Crisoft_principal .base_principal_3{display: block; width:100%; max-width:1920px; background-color:#959595;} #Crisoft_principal .base_principal_3b{display: block; width:100%; max-width:1280px; } #Crisoft_principal .base_principal_4{display: block; width:100%; max-width:574px; background-color:#eeecec; margin-top:40px; padding-top:34px;} #Crisoft_principal .base_principal_5{display: block; width:100%; max-width:1280px; margin-top:40px;} #Crisoft_principal .base_principal_5b{display: block; width:100%; max-width:640px; text-align:left;} #Crisoft_principal .base_principal_5c{display: block; width:100%; max-width:640px; text-align:left; margin-top:40px;} #Crisoft_principal .base_principal_bg{display: block; width:100%; max-width:1920px;} #Crisoft_principal .base_principal_6{display: block; width:100%; max-width:1020px; margin-top:76px; text-align:left;} #Crisoft_principal .base_principal_6b{display: block; width:100%; max-width:890px; text-align:left;} #Crisoft_principal .base_principal_6c{display: block; width:100%; max-width:1020px; text-align:left;} #Crisoft_principal .base_principal_6d{display: block; width:100%; max-width:1020px; text-align:left;} #Crisoft_principal .base_principal_7{display: block; width:100%; margin-top:61px;} #Crisoft_inferior {margin: 0 auto; z-index:1; position:relative;} #Crisoft_inferior .base_inferior{display: block; width:100%; max-width:1920px; margin-top:0em; background-color:#58585b;} #Crisoft_inferior .base_inferior_1{display: block; width:100%; max-width:1920px;} #Crisoft_inferior .base_inferior_2{display: block; width:100%; max-width:1000px;} /* ---------------------------------------------------------------------------------TELAS---------------------------------------------------------------------------------- */ @media only screen and (max-width: 1920px) { /* 1920 */ body{font-size: 100%;} #Crisoft .versite{display:block;} #Crisoft .vermobile{display:none;} #Crisoft .versiteimg{display:block;} #Crisoft .vermobileimg{display:none;} #Crisoft .logo1{display:block;} #Crisoft .logo2{display:none;} } @media only screen and (max-width: 1360px) { #Crisoft_principal .base_principal_servicos{ background-size: 500px;} } @media only screen and (max-width: 1100px) { #Crisoft .pad2{padding-left:30px; padding-right:30px; } #Crisoft_principal .base_principal_servicos{ background-size: 400px;} #Crisoft_principal .base_principal_6{margin-top:30px;} } @media only screen and (max-width: 1000px) { #Crisoft .menu1{padding:4px 10px 4px 10px; } #Crisoft .for1a{color: #000000;font-size: 16px;} #Crisoft_superior .base_superior_4{display: block; position:absolute; text-align:right; z-index:1; top:25px; right:20px;} } @media only screen and (max-width: 926px) { #Crisoft_principal .base_principal_servicos{ background-size: 200px;} #Crisoft .baseul5 ul li.l{width:30%;} #Crisoft .baseul5 ul li.r{width:70%;} } @media only screen and (max-width: 900px) { #Crisoft .logo2{display:block;} #Crisoft .logo1{display:none;} #Crisoft_superior .base_superior_3{top:20px; left:10px;} #Crisoft .baseul3{overflow: hidden; text-align:center; margin-top:20px;} #Crisoft .baseul3 ul{list-style: none; display:block; width:100%;} #Crisoft .baseul3 ul li{display: inline-block; vertical-align: middle;} #Crisoft .baseul3 ul li.l{width:100%;} #Crisoft .baseul3 ul li.r{width:100%;} #Crisoft .baseul3b {display:inline-block;} #Crisoft .baseul4{overflow: hidden; text-align:center;} #Crisoft .baseul4 ul{list-style: none; display:block; width:100%;} #Crisoft .baseul4 ul li{display: inline-block; vertical-align: middle;} #Crisoft .baseul4 ul li.l{width:100%;} #Crisoft .baseul4 ul li.r{width:100%;} #Crisoft .baseul4b {display:inline-block;} } @media only screen and (max-width: 800px) { #Crisoft .baseul_contato ul{width:100%; max-width:495px;} #Crisoft .baseul_contato ul li{float:none;} #Crisoft .baseul7 ul{list-style: none; display:block; width:100%;} #Crisoft .baseul7 ul li{display: block; vertical-align: top;} #Crisoft .baseul7 ul li.l{width:100%;} #Crisoft .baseul7 ul li.r{width:100%;} #Crisoft_principal .base_principal_7{margin-top:10px;} } @media only screen and (max-width: 700px) { #Crisoft .versite{display:none;} #Crisoft .vermobile{display:block;} #Crisoft .pad2{padding-left:10px; padding-right:10px; } #Crisoft .table {display:block;} #Crisoft .table_td49 {width:100%;display:inline-block;} #Crisoft .table_td24 {width:100%;display:inline-block;} #Crisoft .table_td2 {width:0%;display:none;} } @media only screen and (max-width: 650px) { #Crisoft .tx36{font-size: 2em;} /* 36px; */ #Crisoft .versiteimg{display:none;} #Crisoft .vermobileimg{display:block;} #Crisoft_superior .base_superior_5{display: none;} #Crisoft_superior .base_superior_5b{display: none;} #Crisoft_principal .base_principal_bg{display: none;} #Crisoft .pad3{padding-left:10px; padding-right:10px; } } @media only screen and (max-width: 600px) { } /* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */