/* SITE */
@font-face {
    font-family: "DINCond";
    src: url('fonts/FF_DIN_Condensed_Light.otf');
}

body {
    padding:0;
    margin:200px 0 0;
    font-family:"Arial";
    font-size:1em;
}
a { color:#333; }

#header { 
    position:absolute;
    height:200px; 
    background:#000;
    top:0;
    left:0;
    right:0;
	background-color: #ffffff;
	z-index: 1000;
}

#logo {
  width: 990px;
  margin-top:50px;
  margin-bottom:70px;
  margin-right: auto;
  margin-left: auto;
  height: 80px;
  background: url('images/logo_magri.png') no-repeat center center;
}

#menu {
  width: 100%;
  height: 45px;
  font-family: "DINCond";
  font-size: 24px;
  color: #868788;
  letter-spacing: 2px;
  border-top: 1px #e2e2e2 solid;
  border-bottom: 2px #e2e2e2 solid;
  background:#fff;
  z-index: 1100;
}

#menu ul{
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
	width:990px;
    height: 45px;
	text-align: center;
	-webkit-padding-start: 0px;
}

#menu li {
    height: 35px;
    display: inline-block;
    margin-right: 20px;
    margin-left: 20px;
    cursor: pointer;
}

#menu li a, #menu li a:hover, #menu li a:visited{
  text-decoration:none;
  color: #868788;
}

#target-1 { background: 50% url('images/bg_laptop.jpg') no-repeat; height:600px; min-width:990px;}
#target-2 { background:#FFF; height:600px; min-width:990px;}
#target-3 { background: 50% url('images/bg_como.jpg') no-repeat; height:600px; min-width:990px;}
#target-4 { background:#FFF; height:600px; min-width:990px;}
#target-6 { background:#008cd2; height:600px; min-width:990px; padding-bottom: 200px;}
#target-5 { background:#f1f1f1; min-width:990px; color: #868788;}

#bolinhas {
  position: fixed;
  width: 25px;
  min-width: 20px !important;
  height: 160px !important;
  margin-top: 6%;
  margin-left: 85%;
  background: url('images/nav1.png') no-repeat;
}

#li1{
	border-bottom: solid 2px #00acac;
}

.texto_quem{
  font-family: Tahoma, sans serif;
  font-size:20px;
  color: #8b8989;
  line-height: 45px;
  letter-spacing: 1px;
  text-align:center;
  position: relative;
  top: 198px;
  left: 43%;
  width: 500px;
  min-width: 500px !important;
  height: 400px !important;
}

.oque{
  width: 990px;
  min-width: 990px !important;
  height: 430px !important;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.oque_texto{
  font-family: Tahoma, sans serif;
  font-size:20px;
  color: #8b8989;
  line-height: 45px;
  letter-spacing: 1px;
  text-align:center;
  min-width: 500px !important;
  height: 400px !important;
  position: absolute;
  top: 125px;
  left: 415px;
}

.oque_browser{
  width: 314px;
  min-width: 314px !important;
  height: 224px !important;
  background: url('images/browser.png') no-repeat;
  position: absolute;
  top: 178px;
}

.oque_img{
  position: absolute;
  top: 248px;
  left: 314px;
  min-width: 470px !important;
  height: 315px !important;
}

.tb_como{
  position: relative;
  top: 400px;
  left: 153px;
  min-width: 990px !important;
  height: 100px !important;
  font-family: Tahoma, sans serif;
  font-size:20px;
  color: #fff;
  line-height: 30px;
  letter-spacing: 1px;
  text-align:center;
}

.tb_como td{
	width: 25%;
	vertical-align: initial;
}

.slider1{
	/*
  width: 800px;
  min-width: 800px !important;
  */
  height: 320px !important;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 150px;
}
/* define a largura do slider */
.bx-wrapper .bx-viewport {
	width: 860px !important;
}
.bx-wrapper .bx-controls-direction a {
	top: 60px !important;
}
.contato{
  font-family: Tahoma, sans serif;
  font-size:18px;
  color: #fff;
  line-height: 150px;
  vertical-align:middle;
  letter-spacing: 1px;
  position: relative;
  top: 80px;
  margin-left:auto;
  margin-right:auto;
  width: 500px;
  min-width: 500px !important;
  height: 450px !important;
}

.contato span{
  height: 150px !important;
  width: 400px;
  padding-left:155px;
  display: block;
}


.tel{
  background: url('images/Fone_icon.png') 45px center no-repeat;
  border-bottom: solid 1px #019cea;
}

.mail{
  background: url('images/Mail_icon.png') 45px center no-repeat;
}

.atend{
  background: url('images/Time_icon.png') 45px center no-repeat;
  border-top: solid 1px #019cea;
}

#footer{
  background: #00689c;
  font-family: Tahoma, sans serif;
  font-size:15px;
  color: #c0e2f3;
  line-height: 100px;
  vertical-align:middle;
  letter-spacing: 1px;  
  height: 100px;
  text-align: center;
}

.suporte {
  /*
  font-family: "DINCond";
  */
}
.suporte .arquivo {
	display: none;
  }
.suporte label.arquivo {
  font-weight: normal;
  display: block;
}

  .suporte input[type='text'].file {
	line-height: 30px;
	height: 30px;
	border: 1px solid #A7A7A7;
	padding: 5px;
	box-sizing: border-box;
	font-size: 15px;
	vertical-align: middle;
	width: 300px;
  }
  .suporte .btn {
	border: none;
	box-sizing: border-box;
	padding: 2px 10px;
	background-color: #4493c7;
	color: #FFF;
	height: 32px;
	font-size: 15px;
  vertical-align: middle;
  /*
  font-family: "DINCond";
  */
  }
  .suporte {
	  padding: 100px 0px;
	  width: 690px;
	  margin-left: auto;
	  margin-right: auto;
	  position: relative;
	  color: #000;
  }
  .suporte h2 {
	  margin: 0px;
	  text-align: center;
	  padding-bottom: 30px;
  }
  .suporte input::placeholder, .suporte textarea::placeholder {
    font-size: 17px;
    font-family: "arial";
    /*
    font-family: "DINCond";
    */
  }
  .suporte input[type='text'], .suporte input[type='email'], .suporte textarea {
	  width: 100%;
	  height: 30px;
	  border-radius: 10px;
	  border: 1px solid #868788;
	  background-color: #fff;
	  padding: 0px 5px;
    font-size: 17px;
    font-family: "arial";
  }
  .suporte label {
	  display: block;
    margin-top: 20px;
    font-weight: bold;
  }
  .suporte input[type='submit'], .suporte input[type='submit']:focus {
	  width: 180px;
	  padding: 10px;
	  height: 40px;
	  background-color: #008cd2;
	  border: 1px solid #03689b;
	  color: #FFF;
	  font-weight: bold;
    border-radius: 10px;
    /*
    font-family: "DINCond";
    */
  }
  .suporte input[type='file'] {
	  display: none;
  }
  .suporte textarea, .suporte textarea:active, .suporte textarea:focus {
	  height: 180px;
	  padding: 5px;
  }
.suporte small {
  font-size: 14px;
}
.item {
    margin: 10px 0px;
}
/** avisos */
.msg {
    padding: 10px;
}
.error {
    border: 2px solid red;
    background-color: #ff000026;
    color: red;
}
.ok {
    border: 2px solid green;
    background-color: #00800066;
    color: green;
}