.container {
  position: absolute;
  left: 50%;
  top:50%;
  margin: -190px 0 0 -400px;
  width: 790px;
}

.lojaonline {
	
	color: #fff;
	font-size: 20px;
  text-transform: none;
}

.login {
  /* float: left; */
  margin-left: 170px;
  padding: 20px;
  width: 400px;
  background: white;
  text-align: center;
  height: 285px
}

.login #logo {
  margin: 15px;
  line-height: 40px;
  font-size: 15px;
  font-weight: bold;
  color: #555;
  text-align: center;
}
.login h2 {color: #0067b1;} 
.login h3 {color: #0067b1; text-transform: none; margin-bottom: 20px}

.login p:first-child {
  margin-top: 0;
}
.login input[type=text], .login input[type=password] {
  width: 318px;
}
.login a.remember_me {
  float: left;
  line-height: 31px;
  color: #777;
  margin-bottom: 20px
}

input[type=text], input[type=password], textarea  {
  margin: 5px;
  padding: 0 10px;
  height: 34px;
  color: #404040;
  background: white;
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  -webkit-appearance: none; border-radius: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
input[type=text]:focus, input[type=password]:focus {
  border-color: #7dc9e2;
  outline-color: #dceefc;
  outline-offset: 0;
}


#msg {position: absolute;}
#msg .erro1, #msg .erro2 {color:red; /*margin-top:100px;*/; margin-top:50px; display:none; font-style:italic; font-size: 11px; float: left; clear: both}

div.contactos {width:610px; text-align: right; margin-top: 10px; }
div.contactos a {margin-bottom: 10px}
div.contactos a:hover { background: white;  border: 1px solid #0067b1; color: #0067b1}



.bt {padding: 4px 18px; font-size: 12px; font-weight: bold; color: #fff; background: #0067b1; border: 1px solid #0067b1; text-transform: uppercase; display: inline-block; }
.bt2 {padding: 4px 18px; font-size: 12px; font-weight: bold; color: #0067b1; background: #fff; border: 1px solid #0067b1; text-transform: uppercase; display: inline-block; }

input[type=submit] {
  padding: 0 18px;
  height: 25px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background: #0067b1;
  border: 1px solid #0067b1;
  outline: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  text-transform: uppercase;
/*  float: left; margin: 10px 0 0 127px*/
  margin: 6px 0 0 0;
}
input[type=submit]:active {
  background: white;
  border: 1px solid #0067b1;
  color: #0067b1
}

.lt-ie9 input[type=text], .lt-ie9 input[type=password] {
  line-height: 34px;
}

.info h1 {text-transform: none; color: #fff;margin-bottom: 20px;}
.info {width: 350px; height: 340px; background-color: #0067b1; color: #fff; padding: 20px; float: left; margin-left: 10px; font-size: 1em; text-align: justify;}
.info ul {margin: 10px 0 0 20px}
.info ul li {padding: 4px 0}

.box0 {color: #fff; text-align: center; font-size: 20px; margin-top: -100px;}
.box0-txt-pq {color: #fff; text-align: center; font-size: 12px;}
.h1index {color:#fff;font-size: 20px;text-transform: none;}
.h3contactos {color:#0067b1;text-transform: none;}
.contactos-bt{all:unset;}
#box0 {display: block}

#box1 {display: block}

#box2 {display: none; background-color: #fff; padding: 20px; height: 340px;}

#box2 #formcontactos > div {float: left; width: 750px;}

#box2 h2 {color:#0067b1; font-size: 16px; text-transform: uppercase; font-weight: 700}

#box2 .left {margin-right: 40px}

#box2 .formulario_area {float:left; clear: both; margin-top: 20px}

#box2 label {display: block; width: 70px;float: left; margin-top: 10px}

#box2 input[type=text] {height: 28px; width:670px; float: left}

#box2 input#empresa {width:347px; margin-right: 30px}

#box2 input#telefone {width:200px;}

#box2 textarea {width: 670px; min-width: 670px; max-width: 670px; height: 80px}

#box2 label.error {color: red; margin-left: 75px; width:120px; font-size: 12px; margin-top: -3px}

#box2 .required {color: #666; font-size: 12px; margin-top: 20px}

#box2 .apoio-clientes {position: unset; right: 24px; top:90px; width: 194px; height: 79px; background: url(../images/apoio-clientes.png) no-repeat; overflow: hidden;float:right;}
#box2 .apoio-clientes span {margin-top: 34px; margin-left: 58px; font-size: 21px; display: block; color: #fff;}

#box_blink_me  {}

#recupera_dados{position:absolute; top:130px; padding-bottom:100px; display:none; width: 350px;}
#recupera_dados a{margin-top:20px}
#enviar_pass span{display:block; position:absolute; top:215px; left:19px}
#enviar_pass span.success{color: green}
#enviar_pass span.erro{color: red}
.msgLoading {width: 25px; height: 25px; background: url(../images/loading-white.gif) no-repeat;}

.apps a{margin-top: 10px; margin-right: 10px; float: left;}

.aviso {color:#ffffff; width:370px; float:right; padding:8px; border:1px solid #657a8b; margin-top:10px; border-radius:4px}
.aviso2 {color:#FFF; width:780px; float:right; padding:8px; margin-top:10px; border-radius:4px}


.box_blink_me {
  animation: blinker 1s linear infinite;
  color: #fff;
  font-size: 20px;
  
}

@keyframes blinker {  
  50% { opacity: 0; }
}

.select-produtos option::before {
  content: "\2610";
  width: 1.3em;
  text-align: center;
  display: inline-block;
}
.select-produtos option:checked::before {
  content: "\2611";
}

@media screen and (max-width: 900px) {
  body {background: #fff}
  .container {margin: -190px 0 0 -160px;width: 320px;}
  .login {width: 280px; padding: 15px}
  .login input[type="submit"] {margin-left: 98px}
  .login input[type="text"], .login input[type="password"] {
      width: 100%;
    }
  .info, .box_blink_me, .apps {display: none}
  #recupera_dados{width: 281px; top: 84px; padding-right: 10px}
  .aviso{width: 258px; padding: 15px, border-color:#0067b1; color:#0067b1; margin:20px 0px 0px 20px; clear: both; float: left;  }
  .box0 {color: #0067b1; text-align: center; font-size: 14px;}
  .box0-txt-pq	{color: #0067b1; text-align: center; font-size: 12px;}
  .lojaonline {color: #0067b1; text-align: center; font-size: 14px;}
}