@charset "utf-8";
  /* Simple fluid media
	 Note: Fluid media requires that you remove the media's height and width attributes from the HTML
	 http://www.alistapart.com/articles/fluid-images/ 
  */
 body{ margin:0px; 
	
	background: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #64686d;
	line-height: 26px;}
  img, object, embed, video {
	  max-width: 100%;
  }
  /* IE 6 does not support max-width so default to width 100% */
  .ie6 img {
	  width:100%;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
	font-weight: 600;
	
  }
  
  input, textarea{
  background: transparent;
  border:1px solid #fff;
  height: 50px;
  color:#fff;
  font-family: 'Roboto', sans-serif;
  font-size:14px;
  padding:0 10px;
 
  }
  textarea{
  min-height: 180px;
  resize:none;
  }
    
  #botao{color:#fff; width:90px; cursor:pointer; text-decoration:none; font-size:18px; padding:10px; border-bottom:3px solid #5ebc00; background-color:#70d906; }
  #botao:hover{color:#fff; background:#5ebc00;}
  /*
	  Dreamweaver Fluid Grid Properties
	  ----------------------------------
	  dw-num-cols-mobile:		4;
	  dw-num-cols-tablet:		10;
	  dw-num-cols-desktop:	12;
	  dw-gutter-percentage:	25;
	  
	  Inspiration from "Responsive Web Design" by Ethan Marcotte 
	  http://www.alistapart.com/articles/responsive-web-design
	  
	  and Golden Grid System by Joni Korpi
	  http://goldengridsystem.com/
  */
  
  /* Mobile Layout: 480px and below. */
  
  .gridContainer {
	  margin-left: auto;
	  margin-right: auto;
	  width: 100%;
	  position:fixed;
	  z-index:9999;
	   
  }
  #top {
	  
	  margin-top:0px;
	  clear: both;
	  float: left;
	  margin-left: 0;
	  width: 100%;
	  display: block;
	  background: rgba(255, 255, 255, 0.9);
	  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
	  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
	  
   
  }
  #logo {
	  clear: none;
	  
   
	  float: left;
	  
   
	  margin-left: 5.2631%;
	  margin-right:30px;
	  
   
	  width: 90%;
	  
   
	  display: block;
	  margin-top:10px;
	  margin-bottom:10px;
	  
   
  }
  #menu {
	  clear: both;
	  
   
	  float: left;
	  
   
	  margin-left: 0;
	  
   
	  width: 100%;
	  
   
	  display: block;
	  
   
  }
  #a{
	  text-decoration:none;
	  color:#666;
	  padding:2px;
	  padding-left:6px;
	  padding-right:6px;	
	  
	   
  }
   
  #mlink{
	  
	  font-size:14px;
	  color:#000;
	  cursor:pointer;
  
	  padding:2px;
	   
  
	  width:auto;
	  list-style-type:none;	
	  float:left;
	  
  }
  #mlink:hover {
	  padding-top: 2px;
	  padding-bottom:0px;
	   
	  border-bottom:2px solid #70d906;
	  color:#ffffff;
  }
  #banner {
	  clear: both;
	  float: left;
	  margin-left: 0;
	  width: 100%;
	  display: block;
	  height:450px;
	  margin-top:90px;
	  margin-bottom:0px;
	   
  }
   .slidetexto {
		color:#fff;
		font-size:16px;
		margin-left:50px;
		margin-top:150px;
		padding-right:40px;
		
	}
	span{
		color:#70d906;}
	#corpo{
		clear: both;	  float: left;	  margin-left: 0; padding-top:30px;	  width: 100%;	  display: block;}
		
  .section-title {
	font-size: 34px;
	line-height:normal;
	color: #272727;
	text-transform: uppercase;
	position: relative;
	 
	margin: 0 0 20px;
	text-align:center;
  }	  
  
  #foto_profissional {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
  }	  
  
  #descricao_profissional {
	clear: both;
	float: left;
	margin-left: 0;
	width: 94%;
	padding:2%;  display: block;
  }	  
  
  #minibanner {
	clear: both;	  float: left;	  margin-left: 0;	  width: 100%;	  display: block;
		padding: 50px 0;
	background-color: #fff;}	  
	  #minibannerb{
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		
		background:url(../imagens/banner/teste_sobrecarga.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		margin-top:100px;
		text-align:center;
		color:#fff;
		font-size:+16px;

		
   }
   
   #minibannerc{
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		
		background:url(../imagens/banner/myopia.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		margin-top:100px;
		text-align:center;
		color:#fff;
		font-size:+16px;

		
   }
   #minibannerd{
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		
		background:url(../imagens/banner/exames.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		margin-top:0px;
		text-align:center;
		color:#fff;
		font-size:+20px;
		
   }
  #transp{
	  padding: 50px 0;
	 background: rgba(0, 0, 0, 0.5);
	  height:auto;
	  width:auto;
	  padding-left:4%;
	  padding-right:4%;
  }
   #aclinica{
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		padding:50px 0;
		margin-top:20px;
		text-align:center;
		color:#000;
		font-size:+20px;
		
   }
 #zoomimagem{
		clear: none;	  
		float: left;
		width: 92%;
		 	  
		display: block;
		margin-left:4%;
		margin-top:10px;
		}
		 
	#miniimagem{
		clear: none;	  
		float: left;	  
		margin-left:6%;
		 	  
		width:92%;	 
		 display: block;
		 margin-top:10px;}
	#endereco span{
		margin-left:0px;
	}	 
   .col-sm-50{width:43%; float:left; margin:5px;   }
   .col-sm-100{width:92%; float:left; margin:5px;  }
   	
	
	
   #exames {
	  clear: both;
	  float: left;
	   width: 100%;
	  display: block;
	  font-size:+20px; text-align:center;
	  
  }
   #examescaixa {
	  clear: both;
	  float: left;
      width: 100%;
	 
	  margin-left:0px;
	  display: block;
	  
  }
  #ex{
	  float:left;
	  width:90%;
	  height:160px;
	  margin:2%;
	  font-size:16px;
	  padding:10px;
	  line-height:normal;	
	  border:1px solid #ccc;
	  cursor:pointer;
	   
  }
  #ex:hover{
	   background:#F9F9F9 ;
	   cursor:pointer;
  }
  
   
   
	
	
	
	
	
	
	
  
     #contatolocalizacao{
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		padding:50px 0;
		
		 
		
		background:url(../imagens/banner/contact-bg.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		margin-top:50px;
		text-align:center;
		color:#fff;
		font-size:+20px;
		
   }
 #formulario{
		clear: none;	  
		float: left;
		width: 85%;
		 	  
		display: block;
		margin-left:8%;
		margin-top:30px;
		}
	#endereco{
		clear: none;	  
		float: left;	  
		margin-left:0%;
		 	  
		width:100%;	 
		 display: block;
		 margin-top:30px;}
	#endereco span{
		margin-left:25%;
	}
   .col-sm-50{width:92%; float:left; margin:5px;   }
   .col-sm-100{width:92%; float:left; margin:5px;  }
.col-50{width:80%; margin-left:4%; float:left; padding-left:20px; padding-right:20px;      }
   #lente{ margin-right:2px;}
  
  #rodape {
	  clear: both;
	  float: left;
	  margin-left: 0;
	  width: 100%;
	  display: block;
	  padding-top:30px;
	  padding-bottom:30px;
	  background:#333;
	  color:#f1f1f1;
	  line-height:16px;
	  
  }
  .col-50-R{width:auto; float:left; margin:0px; text-align:left; padding-left:10%;   }
  .col-50-R2{width:100%; float:left; margin:0px;   text-align:center;   }
  #it{
	  float:left; margin:1%; width:95%; text-align:center;  
	  
  }
  #dt{
	  float:left; margin:1%; width:95%; padding:2%;
	  font-size:14px;
	   
	  text-align:justify;
  }
    #pexame{
	  
	  width:80%;
	  text-align:justify;
	  font-size:16px;
	  margin-left:10%;
	  
  }
  #iexame{
	  width:90%;
	  border-radius:10px;
	 
	  margin-top:40px;
	  margin-bottom:40px;  
  }
  #link{
	  cursor:pointer;
	  color:#fff;
	  margin-left:4px;
	  margin-right:4px;
	  font-size:16px;
	  width:100%;
	  padding-top:5px; 
	  padding-bottom:5px;
	 
	  float:left;
	  
	  
  } #link:hover{
	  color:#70d906;
  }
  #tabexame{
	  width:97%;
	 
	   
  }
   #convenio{
	  width:100%;
	  text-align:center;
	  margin-bottom:20px;
	  
	 
	  }
   .col-m-6 {width: 100%;
  }
  /* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
  
  @media only screen and (min-width: 481px) {
  .gridContainer {
	  width: 100%;
	   
  }
  #top {
	  clear: both;
	  float: left;
	  margin-left: 0;
	  width: 100%;
	  display: block;
	  padding-top:10px;
  }
  #logo {
	  clear: none;
	  float: left;
	  margin-left: 2.0408%;
	  width: auto;
	  display: block;
	  margin-top:-0px;
  }
  #menu {
	  padding-top:0px;
	  width:0;
	   
  }
  #mlink{
	  
	  font-size:16px;
	  color:#000;
	  cursor:pointer;
	  padding-top: 22px;
	  padding-bottom:22px;
	  padding-left:10px;
	  padding-right:10px;
	  width:auto;
	  list-style-type:none;	
	  float:left;
	  
  }
  #mlink:hover{
	  padding-bottom: 19px;
	  border-bottom: 3px solid #70d906;
	  border-top:none;
	  padding-left:10px;
	  padding-top:22px;
  }
  #a{
	   text-decoration:none;
	  color:#666;
	  padding:2px;
	  padding-left:6px;
	  padding-right:6px;
	 
	  
  }
  #banner {
	  clear: both;
	  float: left;
	  margin-left: 0;
	  width: 100%;
	  display: block;
	  margin-top:90px;
	  margin-bottom:0px;
  }
   .slidetexto {
		color:#fff;
		font-size:24px;
		margin-left:100px;
		margin-top:150px;
		
	}
	span{
		color:#70d906;}
	#corpo{
		clear: both;	  float: left;	  margin-left: 0;	  width: 100%;	  display: block;}
	#foto_profissional{
		clear: none;	  float: left;	   margin-left: 20%;	  width: 390px;	  display: block;}
	#descricao_profissional{
		clear: none;	  float: left;	  margin-left: 5%;	  width: 90%;	  display: block;}
	#minibanner{
	clear: both;	  float: left;	  margin-left: 0;	  width: 100%;	  display: block;
		padding: 50px 0;
	background-color: #fff;}
    #minibannerb{
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		
		background:url(../imagens/banner/teste_sobrecarga.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		margin-top:100px;
		text-align:center;
		color:#fff;
		font-size:+20px;
		
   } #minibannerc{
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		
		background:url(../imagens/banner/myopia.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		margin-top:100px;
		text-align:center;
		color:#fff;
		font-size:+20px;
		
   }
   #minibannerd{
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		
		background:url(../imagens/banner/exames.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		margin-top:0px;
		text-align:center;
		color:#fff;
		font-size:+20px;
		
   }
  #transp{
	  padding: 50px 0;
	  
	 background: rgba(0, 0, 0, 0.5);
	  height:auto;
	  width:auto;
	   padding-left:2%;
	  padding-right:2%;
  }
   #aclinica{
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		padding:50px 0;
		margin-top:20px;
		text-align:center;
		color:#000;
		font-size:+20px;
		
   }
 #zoomimagem{
		clear: none;	  
		float: left;
		width: 92%;
		 	  
		display: block;
		margin-left:4%;
		margin-top:10px;
		}
	#miniimagem{
		clear: none;	  
		float: left;	  
		margin-left:5%;
		 	  
		width:92%;	 
		 display: block;
		 margin-top:10px;}
	#endereco span{
		margin-left:0px;
	}	 
   .col-sm-50{width:43%; float:left; margin:5px;   }
   .col-sm-100{width:92%; float:left; margin:5px;  }
   
   
   
   #exames {
	  clear: both;
	  float: left;
	   width: 100%;
	  display: block;
	  font-size:+20px; text-align:center;
	  
  }
   #examescaixa {
	  clear: both;
	  float: left;
      width: 100%;
	 
	  margin-left:0px;
	  display: block;
	  
  }
  #ex{
	  float:left;
	  width:180px;
	  height:150px;
	  margin:2%;
	  font-size:16px;
	  padding:10px;
	  line-height:normal;	
	  border:1px solid #ccc;
	   
  }
  #ex:hover{
	   background:#F9F9F9 ;
	   cursor:pointer;
  }
  
   
   
   
   
     #contatolocalizacao{
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		padding:50px 0;
		
		 
		
		background:url(../imagens/banner/contact-bg.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		margin-top:50px;
		text-align:center;
		color:#fff;
		font-size:+20px;
		
   }
 #formulario{
		clear: none;	  
		float: left;
		width: 85%;
		 	  
		display: block;
		margin-left:8%;
		margin-top:30px;
		}
	#endereco{
		clear: none;	  
		float: left;	  
		margin-left:0%;
		 	  
		width:100%;	 
		 display: block;
		 margin-top:30px;}
	#endereco span{
		margin-left:30%;
	}
   .col-sm-50{width:43%; float:left; margin:5px;   }
   .col-sm-100{width:92%; float:left; margin:5px;  }
   .col-50{width:80%; margin-left:6%; float:left; padding-left:20px; padding-right:20px;      }
   #lente{ margin-right:21%;}
  
  #rodape {
	  clear: both;
	  float: left;
	  margin-left: 0;
	  width: 100%;
	  display: block;
	  padding-top:30px;
	  padding-bottom:30px;
	  background:#333;
	  color:#f1f1f1;
	  line-height:16px;
	  
  }
 
   .col-50-R{width:auto; float:left; margin:0px; text-align:left; padding-left:10%;   }
  .col-50-R2{width:90%; float:left; margin:0px;   text-align:right; padding-right:10%;   }
  #it{
	  float:left; margin:1%; width:40%; text-align:right;  min-height:200px;
	  
  }
  #dt{
	  float:left; margin:1%; width:50%;
	  font-size:14px;
	  min-height:200px;
	  
	   
	  text-align:justify;
  }
    #pexame{
	  
	  width:70%;
	  text-align:justify;
	  font-size:16px;
	  margin-left:15%;
	  
  }
  #iexame{
	  width:500px;
	 
	  margin:40px;
  
  }
   #link{
	  cursor:pointer;
	  color:#fff;
	  margin-left:4px;
	  margin-right:4px;
	  font-size:16px;
	  width:47%;
	  padding-top:5px; 
	  padding-bottom:5px;
	 
	  float:left;
	  
	  
  } #link:hover{
	  color:#70d906;
  }
  #tabexame{
	  width:90%;
	 
  }
   #convenio{
	  width:100%;
	  text-align:center;
	   
	  margin-bottom:20px;
	  
	  }
   .col-m-6 {width: 100%;
  }
  }
 
  /* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
  
  @media only screen and (min-width: 1025px) {
  .gridContainer {
	  width: 100%;
	  
	   
  }
  #top {
	  clear: both;
	  float: left;
	  padding-top:0px;
	   
	  width: 100%;
	  display: block;
	  
  }
  #logo {
	  clear: none;
	  
	  float: left;
	  
	  margin-left: 7%;
	  
	  width:355px;
	  
	  display: block;
	  
  }
  #menu {
	  
	  
  }
	  #mlink{
	  
	  font-size:16px;
	  color:#000;	
	   
	  padding-top: 32px;
	  padding-bottom: 32px;
	  padding-left:10px;
	  padding-right:10px;
	  width:auto;
	  list-style-type:none;	
	  float:left;
	  
  }
  #mlink:hover{
	  padding-bottom: 29px;
	  border-bottom: 3px solid #70d906;
	  border-top:none;
	  padding-left:10px;
	  padding-top:32px;
	  
  }
  #a{
	  text-decoration:none;
	  color:#666;
	  padding-top: 32px;
	  padding-bottom: 32px;
	   
	  
  }
  #banner {
	  clear: both;
	  float: left;
	  margin-left: 0;
	  width: 100%;
	  margin-top:90px;
	  display: block;
	  margin-bottom:0px;
  }
   .slidetexto {
		color:#fff;
		font-size:24px;
		margin-left:100px;
		margin-top:150px;
		
	}
	span{
		color:#70d906;}
	#corpo{
		clear: both;	  float: left;  padding-top:30px;	  margin-left: 0;	  width: 100%;	  display: block;}
	#foto_profissional{
		clear: none;	  float: left;	  margin-left:10%;	  width: 390px;	  display: block;}
	#descricao_profissional{
		clear: none;	  float: left;	  margin-left:2%;	  width: 40.6779%;	  display: block;}
	#minibanner{
		clear: both;	  float: left;	  margin-left: 0;	  width: 100%;	  display: block;
		padding: 50px 0;
	background-color: #fff;}
	 #transp{
	  padding: 50px 0;
	 background: rgba(0, 0, 0, 0.5);
	  height:auto;
	  width:auto;
  }  #minibannerb{
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		
		background:url(../imagens/banner/teste_sobrecarga.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		margin-top:50px;
		text-align:center;
		color:#fff;
		font-size:+20px;
		
   }
   #minibannerc{
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		
		background:url(../imagens/banner/myopia.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		margin-top:50px;
		text-align:center;
		color:#fff;
		font-size:+20px;
		
   }
     #aclinica{
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		padding:50px 0;
		margin-top:20px;
		text-align:center;
		color:#000;
		font-size:+20px;
		
   }
 #zoomimagem{
		clear: none;	  
		float: left;
		width: 40%;
		 	  
		display: block;
		margin-left:8%;
		margin-top:30px;
		}
	#miniimagem{
		clear: none;	  
		float: left;	  
		margin-left:2%;
		 	  
		width:40%;	 
		 display: block;
		 margin-top:30px;}
	#endereco span{
		margin-left:0px;
	}	 
   .col-sm-50{width:43%; float:left; margin:5px;   }
   .col-sm-100{width:92%; float:left; margin:5px;  }
   
   
  #exames {
	  clear: both;
	  float: left;
	   width: 100%;
	  display: block;
	  font-size:+20px; text-align:center;
	  
  }
   #examescaixa {
	  clear: both;
	  float: left;
      width: 80%;
	 
	  margin-left:10%;
	  display: block;
	  
  }
  #ex{
	  float:left;
	  width:200px;
	  height:160px;
	  margin:2%;
	  font-size:16px;
	  padding:10px;
	  line-height:normal;	
	  border:1px solid #ccc;
	   
  }
  #ex:hover{
	   background:#F9F9F9 ;
	   cursor:pointer;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
   
   #contatolocalizacao{
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		padding:50px 0;
		
		 
		
		background:url(../imagens/banner/contact-bg.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed;
		margin-top:50px;
		text-align:center;
		color:#fff;
		font-size:+20px;
		
   }
 #formulario{
		clear: none;	  
		float: left;
		width: 40%;
		 	  
		display: block;
		margin-left:8%;
		margin-top:30px;
		}
	#endereco{
		clear: none;	  
		float: left;	  
		margin-left:2%;
		 	  
		width:40%;	 
		 display: block;
		 margin-top:30px;}
	#endereco span{
		margin-left:0px;
	}	 
   .col-sm-50{width:43%; float:left; margin:5px;   }
   .col-sm-100{width:92%; float:left; margin:5px;  }
   
   .col-50{width:42%; float:left; margin:0px;   }
   #lente{ margin-right:60px;}
   
  
  
  
  
  #rodape {
	  clear: both;
	  float: left;
	  margin-left: 0;
	  width: 100%;
	  display: block;
	  padding-top:30px;
	  padding-bottom:30px;
	  background:#333;
	  color:#f1f1f1;
	  line-height:16px;
	  
  }
  .col-50-R{width:32%; float:left; margin:0px;   margin-left:10%;   padding-left:20px;   }
   
  .col-50-R2{width:40%; float:left; margin:0px;   text-align:right; padding-right:20px;   }
  #it{
	  float:left; margin:1%; width:40%; text-align:right;  min-height:200px;
	  
	  
  }
  #dt{
	  float:left; margin:1%; width:40%;
	  font-size:14px;
	  min-height:200px;
	 
	   
	  text-align:justify;
  }
  #pexame{
	  
	  width:50%;
	  text-align:justify;
	  font-size:16px;
	  margin-left:25%;
	  
  }
  #iexame{
	  width:500px;
	 
	  margin:40px;
  
  }
  #link{
	  cursor:pointer;
	  color:#fff;
	  margin-left:4px;
	  margin-right:4px;
	  font-size:16px;
	  width:250px;
	  padding-top:5px; 
	  padding-bottom:5px;
	 
	  float:left;
	  
	  
  } #link:hover{
	  color:#70d906;
  }
  #tabexame{
	  width:790px;
	   
  }
  #convenio{
	  width:100%;
	  text-align:right;
	  margin-top:-80px;
	    margin-bottom:0px;
	 
	  }
   .col-m-6 {width: 100%;
  }
  }