/* Cliente: Atualtec Projeto: Safecom - Payment Gateway */ /* -------------- PALETA DE CORES -------------- #fff Branco #0f5c92 Azul #6a747b Azul esc #007ed7 Azul claro #97c8ff Azul mais claro #6a747b Cinza #444 Cinza escuro #DB1F26 vermelho */ /* -------------- ORDEM DOS ATRIBUTOS -------------- { position:; top:; left:; float:; clear:; display:; width:; height:; margin:; padding:; border:; background:; font:; text:; color:; } */ /* -------------- ELEMENTOS e CLASSES -------------- */ /* Base Styles ----------------*/ @import url(base.css); /* Links e Fontes ----------------*/ html{font-size:100%;} body{background:#f5f5f5 url('../images/bg-1.png') repeat-x scroll 0 555px;color:#0f5c92;font:0.68em calibri,arial,helvetica,sans-serif;} body.inner{background: url("../images/bg-2.png") repeat-x scroll 0 0 #F5F5F5} body.inner-pol{background: url("../images/main-bg.png") repeat-x scroll 0 0 #F5F5F5} body.inner-login{background: url("../images/bg-3.png") repeat-x scroll 0 0 #F5F5F5} a{color:navy;text-decoration:underline;} a:hover{text-decoration:none;} a:visited{color:teal;} h1{} .link-1{color: #2A78B6;float: left;font-size: 1.05em;width: 75px;} /* Colors ----------------*/ .clr-1{color:#fff /*Branco*/} .clr-2{color:#0f5c92 /*Azul*/} .clr-3{color:#6a747b /*Azul esc*/} .clr-4{color:#007ed7 /*Azul claro*/} .clr-4{color:#97c8ff /*Azul mais claro*/} .clr-5{color:#6a747b /*Cinza*/} .clr-6{color:#444 /*Cinza escuro*/} .clr-7{color:#DB1F26 /*vermelho*/} /* Layout ----------------*/ body.inner-login .block.foo{margin-top: 3px;margin-bottom: 0;} .header{display:block;height:136px;overflow:auto;padding:0 10px;position:relative;width:940px;} .header h1{position:absolute;top: 2px;} .nav{right:0;position:absolute;top: 30px;width:563px;} .nav li{background: transparent url('../images/menu-top.png') no-repeat scroll 0 0;display:inline;float:left; margin: 0 8px 0 0;height:41px;width:230px;} .nav li a{display:block;height:41px;text-indent:-99999px} .nav li.frst{background-position:0 0;width: 79px;} .nav li.frst:hover, .nav li.frst.active {background-position:0 -41px;} .nav li.sec{background-position: -90px 0;} .nav li.sec:hover, .nav li.sec.active{background-position:-90px -41px;} .nav li.trd{background-position: -330px 0;} .nav li.trd:hover, .nav li.trd.active{background-position:-330px -41px;} .content{background:#f5f5f5;display:block;height:auto;padding:10px;width:940px;} .slider{} .slider .sli-content{} .slider .sli-footer{background: transparent url('../images/slider/slider-footer.jpg') no-repeat scroll 0 0;display:block;height:67px;overflow:auto;width:940px;} .index .content .block{display:block;overflow:auto;} .index .content .block .wrap{float: left;margin: 0 64px 0 0;width: 430px;} .content .block p{font-size: 1.28em;line-height: 1.36em;margin-bottom: 0.68em;line-height: 1.36em;margin-bottom: 0.68em;} .block.foo{margin-bottom:20px} .block.foo .wrap{margin-top: 20px;} .steps{background: transparent url('../images/steps.png') no-repeat scroll 0 0;height: 382px;margin-left: -10px;width:960px;} .login{background: transparent url('../images/bg-login.png') no-repeat scroll 0 0;padding:40px 0 0 0;height: 390px;margin-left: -10px;width:960px;} .login .block{margin:0 auto;width:347px;} .login .block-content{background: #fff;display:block;height:160px;padding-top:25px;width:347px;} .login .block-top{background: transparent url('../images/box-top.png') no-repeat scroll 0 0;height:6px;} .login .block-content li{margin-bottom:25px;padding-left: 20px;} .login .block-content li p{padding-left: 23px;} .login input{background: transparent url('../images/bg-input.png') repeat-x scroll 0 0;border:1px solid #ccc;height:32px; font-family: calibri,arial,verdana,sans-serif;font-size: 1.74em;line-height:32px;padding: 0 5px;width: 224px;-moz-border-radius:5px;-webkit-border-radius:5px;} .login label{background:transparent url('../images/spr-login.png') no-repeat 0 100px;display: inline-block;height:32px;line-height: 32px;vertical-align: middle;width:66px;text-indent:-99999px;} .login .rep-usuario{background-position: 0 0;} .login .rep-senha{background-position: 0 -42px;} .login .error{} .login .block-footer{background: transparent url('../images/fotter-box-login.png') no-repeat scroll 0 0;display:block;height:75px;width:347px;} .login .block-footer li{height:75px;padding:10px 20px 0;} .login .link-1{margin:20px 25px 0 0;} .footer{position:relative;background:#2477d3;display:block;height:67px;padding:10px;width:940px;} .cc-flags{position: absolute;top: 30px;right:0;} .cc-flags img{margin-right:35px;} .nav-foot{display:block;margin:15px auto;overflow:auto;width:250px} .nav-foot li{display:inline;float:left;margin:0 15px;} .col1, .col2{background:#f9f9f9;display:block;overflow:auto;height:400px;padding:10px;width:720px;} .col2{background:#e9e9e9; padding:10px;width:180px;} .box{} .container{margin:10px auto;display:block;width:960px;} .wrapper{} .wrap{} .title-1{background: transparent url('../images/spr-titles.png') no-repeat scroll 0 0;height:29px;margin-bottom: 5px;width:273px;text-indent:-99999px} .title-2{background: transparent url('../images/spr-titles.png') no-repeat scroll 0 -37px;height:34px;margin: 40px 0 29px;text-indent:-99999px} .title-3{background: transparent url('../images/spr-titles.png') no-repeat scroll 0 -80px;height:80px;margin: 10px 0 25px;text-indent:-99999px} .title-4{background: transparent url('../images/spr-titles.png') no-repeat scroll 0 -179px;height:22px;margin: 0 0 10px 0;text-indent:-99999px} .title-5{background: transparent url('../images/spr-titles.png') no-repeat scroll 0 -216px;height:22px;margin: 0 0 10px 0;text-indent:-99999px} .title-6{background: transparent url('../images/spr-titles.png') no-repeat scroll 0 -257px;height:22px;margin: 0 0 10px 0;text-indent:-99999px} .title-7{background: transparent url('../images/spr-titles.png') no-repeat scroll 0 -301px;height:22px;margin: 0 0 10px 0;text-indent:-99999px} .title-8{background: transparent url('../images/spr-titles.png') no-repeat scroll 0 -337px;height:22px;margin: 0 0 10px 0;text-indent:-99999px} .title-9{background: transparent url('../images/spr-titles.png') no-repeat scroll 0 -373px;height:26px;margin: 0 0 10px 0;text-indent:-99999px} /* Forms ----------------*/ .form{} .label{} .input{} .fieldset{} /* Modifiers ----------------*/ .btn-1{background: transparent url('../images/btn-1.png') no-repeat scroll 0 0;border:0;cursor:pointer;padding:0;height:50px;text-indent:-99999px;width:207px;} .btn-1:hover{background-position:0 -51px;} /* General ----------------*/ .float-r{float:right;} .float-l{float:left;} .clear{clear:both;} .space{margin-bottom:10px;} .relative{position: relative;} .absolute{position: absolute;} .no-margin{margin:0 !important;} .d-block{display: block;overflow: auto;} .mg-1{margin-bottom: 3px;} /* Modifiers ----------------*/ .foo{} /* Specific ----------------*/