/* CSS IE8 e IE9 */

  html { font-family: 'Arial', Helvetica, sans-serif \9; }
  body {font-size: 11px \9; font-family:"Verdana", Arial, Helvetica, sans-serif \9;} 
  label { text-align:left \9; color:#ffffff \9; margin: 4px auto \9; margin-right:0px \9; font-weight:bold \9; font-family:"Verdana", Arial, Helvetica, sans-serif \9; font-size:11px \9;  }
  p { margin-left:4px \9; color:#ffffff \9; font-family:"Verdana", Arial, Helvetica, sans-serif \9; font-size:11px \9; vertical-align:middle \9; text-align:left \9;}
  a { font-family:"Verdana", Arial, Helvetica, sans-serif \9; font-size:11px \9; float:right \9; vertical-align:middle \9; margin-right:4px \9;}
  select {font-family:"Verdana", Arial, Helvetica, sans-serif \9; font-size:11px \9; color:#000000 \9;}
  
.wrapper { margin: 0 auto \9; /*position:absolute \9; */ left:25% \9; top:32% \9;   }
/*.wrapper{ position: absolute \9; top: 15% \9; max-width:637px \9; /*margin-top: 2% \9;  height:auto \9;  }   */  
.wrapper{ left: 50% \9; width: 637px \9; margin: 0 0 0 -320px \9;  } 

 /*.img_media_1 { width:158px \9; height:60px \9; margin: 0px \9; float:left \9;  } /* Logo Unimed */
 /* .img_media_2 { width:319px \9; height:60px \9; top: 0px \9; float:left \9;}  /* Bg digital */  
 /*.img_media_3 { width:25% \9; height:auto \9; vertical-align:top \9; } */
 
    .img_media_1 { width:158px \9; height:auto \9;  margin: auto \9; display:block \9; float:left \9;   } /* Logo Unimed */
	.img_media_2 { width:319px \9; height:auto \9; float:left \9;  display:block \9;   }  /* Bg digital */
	.img_media_3 { width:100% \9; height:auto \9;  display:block \9; vertical-align:top \9;    }  /* Bg digital */
 
 
 .container { background: #008a8a \9; *zoom: 1 \9; max-width:637px \9; margin: auto \9; min-width:auto \9;   }
 .content { width:100% \9; background: #008a8a \9; *zoom: 1 \9; max-width:637px \9; margin: auto \9; min-width:auto \9; float:left \9; text-align:center \9; }
 .div_unimed { width: 245px \9; height: 25px \9; margin: 0px \9; float:left \9; \padding-left:3px \9;   }
 .div_usuario { width: 390px \9; height: 25px \9; padding-left: 16px \9; float:left \9; padding-top: 0px \9; vertical-align:top \9;   } /*{clear: both \9;} para quebra de linha */
 .div_senha{ display:none \9; float:left \9; font-size:11px \9; height:27px \9; margin-left:2% \9; width:auto \9; padding-top:2px \9; }
 .div_botaohabilita{ float:left \9; font-size:11px \9; display:none \9; height:27px \9; margin-left:2% \9; width:auto \9; padding-top:2px \9;}
 .div_informacao{ margin: auto 0 \9; width:100% \9; position:absolute \9; background: #008a8a \9; padding:4px \9;}
 .div_endereco{ float:left \9; font-size:11px \9; height:auto \9; margin:0 auto \9; text-align:left \9; padding-left:2% \9; padding-right:2% \9;}
 .img_finger { vertical-align:middle \9; padding-right:0px \9; float:right \9; margin-top:0px \9; position:absolute \9;}
 .rodapetext { color:#ff0000 \9; font-family:verdana,arial \9; font-size:11.5px \9; text-align:left \9;} 
 .input_usuario {font-size:12px \9; height:19px \9; border:none \9; margin:2px auto \9; }
 .input_senha {font-size:12px \9; height:18px \9; border:none \9; margin:2px auto \9; }
 .teamView {text-align:center \9; margin: 4% auto \9; height:20px \9; padding:3% auto \9; width:auto \9;}
 .div_teamView {float:left \9; font-size:11px \9; height:auto \9; margin:0 auto \9; text-align:center \9; padding-left:2.6% \9; padding-right:2.6% \9; line-height:100% \9; padding-top:1% \9; padding-bottom:1% \9; width:auto \9;}
 .img_finger{ margin-left:6px \9; width:auto \9;}
 * {box-sizing: border-box \9;}
  [class*="col-"] {float: left \9; padding: 4px \9;}
  .container:before,.container:after {content: "" \9; display: table \9;}
  .content { background: #008a8a \9; *zoom: 1 \9; max-width:637px \9; margin: auto \9; min-width:auto \9; float:left \9;padding-left:3px \9; width:100% \9; height:auto \9; border:1px solid #000000 \9;}
  .main{ width:637px \9; margin: auto 0 \9; background: #008a8a \9; }
  
  
@media \0screen {  /* IE 8 */ 
   html{ font-family:'Arial', Helvetica, sans-serif;}
    body { background: #fff; font-size: 11px; font-family:"Verdana", Arial, Helvetica, sans-serif; overflow: scroll \9; }
   .container {background: #008a8a \9; *zoom: 1 \9; max-width:637px \9;  margin: auto 0 \9; min-width:auto \9; display:block \9; height:auto \9; }
    label{color:#fff; font-weight:bold;}
    p{ color:#ffffff; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:11px; vertical-align:middle; margin:3.5% auto; padding-left:4px;}    
    a{ font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:11px; float:right; vertical-align:middle; margin-right:4px;}
    
    .img_media_1 { width:100% \9; height:auto \9;  margin: auto \9; display:block \9;   } /* Logo Unimed */
	.img_media_2 { width:100% \9; height:auto \9; float:left \9;  display:block \9;   }  /* Bg digital */
	.img_media_3 { width: 100% \9; height:auto \9;  display:block \9; vertical-align:top \9;     }  /* Bg digital */
     /* .wrapper{ width:100%; margin: 0 auto ; background: #008a8a; }*/
    .container > div {display: block \9; margin: auto 0px \9; background: #008a8a \9; height:auto \9;}
    * {box-sizing: border-box \9;}
    .main{ margin: auto 0 \9; background: #008a8a \9; width:100% \9; height:auto \9;   }
    .container > div { display: table-cell \9; text-align: center \9; background: #008a8a \9;}
    .container:before,.container:after { content: "" \9; display: table \9; background: #008a8a \9; }
    .container:after {clear: both \9; }
    .wrapper{ top: 15% \9; width:100% \9;  margin-top: 2% \9; height:auto \9; background: #008a8a \9;   }
    
        .wrapper{ top: 15% \0; width:100% \0;  margin-top: 2% \0; height:auto \0; background: #008a8a \0;  }
        .main{ margin: auto 0 \0; background: #008a8a \0; width:100% \0; height:auto \0;  }
        .container {background: #008a8a \0; *zoom: 1 \0; max-width:637px \0;  margin: auto 0 \0; min-width:auto \0; display:block \0; height:auto \0; }
        .container > div {display: block \0; margin: auto 0px \0; background: #008a8a \0; height:auto \0;}
        * {box-sizing: border-box \0;}
        .container:before,.container:after { content: "" \0; display: table \0; background: #008a8a \0; }
        .container:after {clear: both \0; }
    
        
}

@media screen and (min-width: ~"0\0") {
	
	.wrapper{border:1px solid #000000;}
	
}

}/* FIM IE 8 */ 
      
    
}/* FIM CSS IE8 e IE9 */

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

    
html{ 
  font-family:'Arial', Helvetica, sans-serif;}
  
}
body {
  font-size: 11px;
  font-family:"Verdana", Arial, Helvetica, sans-serif;
  
}
.container:before,
.container:after {
  content: "";
  display: table;
  
}
.container:after {
  clear: both;
  
}
.container {
  background: #008a8a;
  *zoom: 1;
  max-width:637px; 
  margin: auto;
  min-width:auto;
  
}
.content { 
  background: #008a8a; 
  *zoom: 1; 
  max-width:637px; 
  margin: auto; 
  min-width:auto; 
  float:left;
  padding-left:3px;
  width:100%;
  height:auto;
  borer:1px solid #000000;

}
label{
  color:#fff;
  font-weight:bold; 
  /*height:20px \9; padding-right:0px \9; margin-right:0px \9;*/
   font-family:"Verdana", Arial, Helvetica, sans-serif;
  
}
p{  
  color:#ffffff; 
  font-family:"Verdana", Arial, Helvetica, sans-serif; 
  font-size:11px; vertical-align:middle;
  margin:3.5% auto; 
  padding-left:4px;
 
 }  
a{ 
  font-family:"Verdana", Arial, Helvetica, sans-serif; 
  font-size:11px; 
  float:right; 
  vertical-align:middle; 
  margin-right:4px;
  
}
.teamView {
  text-align:center;
  margin: 4% auto;
  height:20px;  
  padding:3% auto;
  width:auto; 

}
.div_teamView{
  float:left; 
  font-size:11px; 
  height:auto; 
  margin:0 auto;   
  text-align:center; 
  padding-left:2.6%; 
  padding-right:2.6%; 
  line-height:100%; 
  padding-top:1%; 
  padding-bottom:1%;
  width:auto;

}
.img_finger{
  margin-left:6px; 
  width:auto;
  
}  
.input_usuario{
  font-size:12px; 
  height:19px; 
  border:none; 
  margin:2px auto;
  
}
.input_senha{
  font-size:12px; 
  height:18px; 
  border:none; 
  margin:2px auto;

}
select {
  font-family:"Verdana", Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000000;

	 
}
input:focus {
    background-color: #fffdcf;
}
.div_unimed{
  float:left; 
  font-size:11px; 
  height:27px; 
  margin-left:1.7%; 
  padding-top:2px;  

}
.div_usuario{
  float:left; 
  font-size:11px; 
  height:27px; 
  margin-left:2%; 
  width:auto; 
  padding-top:2px;

}
.div_senha{
  display:none;
  float:left; 
  font-size:11px; 
  height:27px; 
  margin-left:2%; 
  width:auto; 
  padding-top:2px;


}
.div_botaohabilita{
  float:left; 
  font-size:11px; 
  display:none; 
  height:27px; 
  margin-left:2%; 
  width:auto; 
  padding-top:2px;

}
.div_informacao{
  margin: auto 0; 
  width:100%; 
  position:absolute; 
  background: #008a8a; 
  padding:4px;

}
.div_endereco{
  float:left; 
  font-size:11px; 
  height:auto; 
  margin:0 auto;   
  text-align:left;  
  padding-left:2%; 
  padding-right:2%;

}
.img_finger { 
  vertical-align:bottom; 
  float:right; 
  background:#008a8a;

}
 .banner {
    width:637px;
	margin: auto 0;
	background: #008a8a;
	
  
}
* {
  box-sizing: border-box;
	
}
.row::after {
  content: "";
  clear: both;
  display: block;
  width:637px;
	
}
[class*="col-"] {
  float: left;
  padding: 4px;

}
.campos{
  color:#ffffff;
  font-family:"verdana",arial;
  font-size:12px;
  text-align:left;
  padding: 3px 5px 3px 5px;    
	
}


/* **************** CSS CROSSBROWSER IE 10/11 - FIREFOX - CHROME ************* */

/* -------- IE 10 -------- */


  @media all and (-ms-high-contrast:none)
     {
	  .wrapper { _width:637px; *width:637px; color: #fff; background:#008a8a; } /* IE10 */
      .teamView{color:#000080; font-family:arial; font-size:11.5px;}
	  .rodapetext{color:#fff; font-family:verdana,arial; font-size:11px; text-align:left; }
	 /* img { max-width: 100%; height: auto; border:0px; padding: 0px; margin:0px;  display: block;}*/
	  .row::after { content: ""; clear: both; display: table;  }	
     /* .wrapper{ position: absolute;top: 13%; max-width:637px; }*/
	  body{max-width:637px; margin: auto;}
	  * {box-sizing: border-box;}
	  [class*="col-"] {float: left; padding: 5px; text-align: left; background:#008a8a; }
	  
	.img_media_1 { width:auto; height:auto;  margin: auto; display:block;   } /* Logo Unimed */
	.img_media_2 { width:100%; height:auto; float:left;  display:block;   }  /* Bg digital */
	.img_media_3 { width: 100%; height:auto;  display:block; vertical-align:top;    }  /* Bg digital */
	
	.wrapper{ width:100%;  margin: auto 0; background: #008a8a; }
    .container > div {display: block; margin: auto 0px; }
    
    .wrapper{ left: 50%; width: 637px; margin: 0 0 0 -320px; }
    
}


@media screen and (-ms-high-contrast: active), (max-width: 480px) { /* -------- IE 10 -------- */

     .wrapper{ position:relative;}
      body{background:#ff0000; font-size:11px; margin: auto 0px; }
    
    .img_media_1 { width:auto; height:auto;  margin: auto ; display:block;  } /* Logo Unimed */
	.img_media_2 { width:100%; height:auto; float:left;  display:block;   }  /* Bg digital */
	.img_media_3 { width: 100%; height:auto;  display:block; vertical-align:top;  }  /* Bg digital */
    
    .wrapper{ width:100%;  margin: auto 0;   }
    .container > div {display: block; margin: auto 0px; }
    .wrapper{ left: 1% ; width: 637px; margin: 0 0 0 -320px; }
    .main{ margin: auto 0 ; background: #008a8a ; width:100% ; height:auto ;   }
    .container > div {display: table-cell;text-align: center;}	
   

 }	
 
  
/* -------- IE 11 -------- */	  
  *::-ms-backdrop, 
	  .wrapper { color: #fff; background:#008a8a } /* IE11 */
      .teamView{color:#000080; font-family:arial; font-size:11.5px;}
	  .rodapetext{color:#fff; font-family:verdana,arial; font-size:11px; text-align:left; /*padding-left:3px;*/}
	  .row::after { content: ""; clear: both; display: table; background:#008a8a;}	
      .wrapper{ position: absolute;top: 13%; max-width:637px;}
	  body{max-width:637px; margin: auto; }
	  * {box-sizing: border-box;}
	  [class*="col-"] {float: left; padding: 5px; text-align: left; background:#008a8a; }
      .banner {color: #ffffff; text-align: center; padding: 0px; border:0px; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif;}  
	  
	
	  
/* -------- Firefox -------- */
}
@-moz-document url-prefix() {
      * {box-sizing: border-box;}	  
	  body{max-width:637px; margin: auto;}
	  .wrapper{ position: absolute;top: 13%; max-width:637px;}
	  .row::after { content: ""; clear: both; display: table; background:#008a8a;}	
	  .rodapetext{color:#fff; font-family:verdana,arial; font-size:11px; text-align:left; padding-left:3px;}
	  .teamView{color:#000080; font-family:arial; font-size:11.5px;}
	  [class*="col-"] {float: left; padding: 5px; text-align: left; background:#008a8a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}  
	  
	  label{color:#fff; font-weight:bold; /*height:20px \9; padding-right:0px \9; margin-right:0px \9;*/ font-family:"Verdana", Arial, Helvetica, sans-serif;}
      .div_senha{ display:none; float:left;  font-size:11px;  height:27px;  margin-left:2%; width:auto;  padding-top:2px; }
 
 
 
 }

 
 /* -------- Chrome -------- */
 @media screen and (-webkit-min-device-pixel-ratio:0){
      * {box-sizing: border-box;}	  
	  body{max-width:637px; margin: auto;}
	  .wrapper{ position: absolute;top: 13%; max-width:637px;}
	  .row::after { content: ""; clear: both; display: table; background:#008a8a;}	
	  .rodapetext{color:#fff; font-family:verdana,arial; font-size:11px; text-align:left; padding-left:3px;}
	  .teamView{color:#000080; font-family:arial; font-size:11.5px;}
	  [class*="col-"] {float: left; padding: 5px; text-align: left; background:#008a8a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}  
	  
	  label{color:#fff; font-weight:bold; /*height:20px \9; padding-right:0px \9; margin-right:0px \9;*/ font-family:"Verdana", Arial, Helvetica, sans-serif;}
      .div_senha{ display:none; float:left;  font-size:11px;  height:27px;  margin-left:2%; width:auto;  padding-top:2px; }
 
 
}
   
                                     
}
.main{
    width:637px;
	margin: auto 0;
	background: #008a8a;
		
}
 .banner {
    width:637px;
	margin: auto 0;
	background: #008a8a;	
		
}
.container > div {
    display: table-cell;
    text-align: center;	   
    
}
@media screen and (max-width: 480px) { /*breakpoint*/
    body{background:#008a8a;}
    
    /*.img_media_1 { width:158px; height:auto; margin: auto; } /* Logo Unimed */
	/*.img_media_2 { width:100%; height:auto; }  /* Bg digital */
	/*.img_media_3 { width:25%; height:auto; vertical-align:top; }  /* Bg digital */
    .wrapper{ width:100%;  margin: auto 0; background: #008a8a; }
    .container > div {display: block; margin: auto 0px; }
    
    .img_media_1 { width:auto; height:auto;  margin: auto; display:block;   } /* Logo Unimed */
	.img_media_2 { width:100%; height:auto; float:left;  display:block;   }  /* Bg digital */
	.img_media_3 { width: 100%; height:auto;  display:block; vertical-align:top;  }  /* Bg digital */
      
    
}