html, body {height:100%;} 
body {
	margin:0 0; 
	padding:0 0;
	color:#000;
	font:18px Arial, Helvetica, sans-serif;
	text-align:left;
	overflow-x:hidden;
}

a{
	text-decoration: none;
	color:black;
}

textarea{
	resize:none;
	overflow: auto;	
}

#tbl_home{
	
	min-width:100%;
	min-height:100%;
	
	width:100%;
	height:100%;
	
	position:absolute;
	background:url(../images/conteudo2.jpg) repeat-y top left; 
	background-size:100% 100%;
}

.sub_menu{
	width:100%;
	margin-top:2%;
}

.sub_menu:hover{
	background-color:#c8e7d3;
}

.square_roxo{
	list-style:square;
	color:#79437d;
	font-size:24px;	
}

.square_verde{
	list-style:square;
	color:#c8e7d3;
	font-size:24px;		
}

.negrito{
	font-weight:bold;
}

.letra_preta{
	font-size:16px;	
	color:black;
}

.sub_texto{
	padding-top:3px;
	font-size:14px;
}

.linha{
	background:transparent url(../images/traco.png) left center repeat-x;
	width:100%;
	float:left;
	height:60%;	
}

.tamanho_linha, .tamanho_linha_ceratocone, .tamanho_linha_historico{
	font-style:italic; 
	font-size:140%; 
	height:58px;
}

.tamanho_linha{	margin-left:50%; }

.tamanho_linha_ceratocone{ margin-left:35%; }

.tamanho_linha_historico{ margin-left:25%; }

p span.titulo{
	background:#efefef  url(../images/ponto.png) right center no-repeat;
	padding-right:15px;
	line-height:20px;
}

.img_titulo{
	vertical-align:middle;
	margin:0px 5px;
	height:100%;
}

.formulario{
	border:0; 
	width:100%;	
	background-color:#c8e7d3;
	font-size:14px;
}

.txt_formulario{
	margin-bottom:0;
}

.btn_enviar{
	background-color:#c8e7d3;
	font-size:12px;
	border: 1px Solid #b4b4b4;
	color: #363636;
	border-radius: 15px;
	cursor:pointer;
}

.quadro_superior{
	max-width:80%; 
	min-width:80%; 	
	margin-bottom:1%; 
	margin-left:10%; 
	background:url(../images/quadro.png) left top no-repeat; 
	background-size:100% 100%;	
}

.quadro_inferior{
	max-width:80%; 
	min-width:80%; 	
	margin-left:10%;
	margin-top:5%;
	background:url(../images/quadro.png) left top no-repeat; 
	background-size:100% 100%;
}

.quadro_esquerdo{
	float:left;	
	margin-left:12%; 	
	max-width:24%; 
	min-width:24%; 	
	margin-bottom:1%; 
	background:url(../images/quadro.png) left top no-repeat; 
	background-size:100% 100%;		
}

.quadro_meio{
	float:left;	
	max-width:24%; 
	min-width:24%; 	
	margin-bottom:1%; 
	margin-left:2%; 
	background:url(../images/quadro.png) left top no-repeat; 
	background-size:100% 100%;	
}

.quadro_direito{
	float:left;	
	margin-bottom:1%; 
	max-width:24%; 
	min-width:24%; 	
	margin-left:2%; 
	background:url(../images/incial_ceratocone.png) left top no-repeat; 
	background-size:100% 100%;		
}


.quadro_inferior ul, .quadro_superior ul, .quadro_esquerdo ul, .quadro_meio ul, .quadro_direito ul{
	padding:1% 2.6% 4% 7%;	
}

.imagem_alongada{
	position:absolute;
	min-width:90%; 
	max-width:90%;	
}

.imagem_retrato{
	left:10%; 
	position:absolute; 
	z-index:1; 
	min-width:13%; 
	max-width:13%;
	border:7px solid #9fd2ad;
}

.imagem_paisagem{
	left:8%; 
	top:5%;
	position:absolute; 
	z-index:1; 
	min-width:25%; 
	max-width:25%;
	border:7px solid #9fd2ad;
}

.fundo_conteudo_verde{
	left:30%; 
	padding:2% 5% 2% 5%; 
	position:relative; 
	float:left;	
	min-width:60%; 
	max-width:60%; 
	background:url(../images/quadro_historico.png) left top no-repeat; 
	background-size:100% 100%;
}

.fundo_conteudo_verde_retrato{
	left:20%; 
	padding:1% 5% 1% 5%; 
	position:relative;
	float:left;
	min-width:70%; 
	max-width:70%; 
	background:url(../images/quadro_historico.png) left top no-repeat; 
	background-size:100% 100%;
}

.tam_letra{
	margin-right:30%;
	margin-top:5%;	
}

.tam_letra_02{
	margin-right:15%;	
}

.tam_letra_03{
	margin-right:30%;	
}

.tam_letra_04{
	margin-right:25%;
	margin-top:5%;	
}

.margem_tam_letra{
	margin-left:37%; 
}

.margem_tam_letra_cc{
	margin-left:55%; 
}

.margem_texto_letra{
	background-color:#c8e7d3; 
	/*padding-left:37%;*/ 
	padding-bottom:1%; 
	margin-top:0%; 
	padding-top:1%; 
	text-align:justify;
}

.margem_texto_letra_cc{
	background-color:#c8e7d3; 
	padding-left:55%; 
	padding-bottom:1%; 
	margin-top:0%; 
	padding-top:1%; 
	text-align:justify;
	padding-right:3%
}

.menos_tam_letra{
	cursor:pointer; 
	width:80%; 
	margin-right:1%; 
	float:right;	
}

.mais_tam_letra{
	cursor:pointer; 
	float:right; 
	padding-bottom:1%; 
	width:100%;
}

.subtitulo_logo{
	float:left; 
	width:100%;	
}

.subtitulo_logo_02{
	float:left; 
	width:70%;
	margin-left:30%;	
	margin-top:-1%;
}

.subtitulo_logo_02_cc{
	float:left; 
	width:70%;
	margin-left:35%;	
	margin-top:-1%;
}

.div_logo{
	font-style:italic; 
	font-size:90%; 
	height:45px;	
}

.copyright{
	position:absolute; 
	bottom:5%;	
	text-align:center;
	width:100%;
	font-size:12px;
}

.imagem_rodape{
	position:absolite; 
	margin-left:4%; 
	margin-top:4%; 
	min-width:2%;	
	max-width:2%;		
}

.imagem_rodape_first{
	position:relative; 
	margin-top:4%; 
	min-width:2%;	
	max-width:2%;		
}

.img_menu{
	position:absolute; 
	top:75%; 
	height:12%;	
	padding-left:0.5%;
}

#rodape{
	width:100%; 
	height:100%; 
	text-align:center; 
	position:absolute; 
	z-index:5;
}

.post{
	padding-right:5%;
}

#content ul li{
	list-style:disc;
	margin-left:50px;
	margin-top:8px;
}



#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;

  display:none;
  width: 1478px;
  height: 602px;
  display: none;
  opacity:1;
}
#mask .fundo {
	position:absolute;
	width:100%;
	min-height:100%;
	background:#000;
	opacity:0.8;
}
#mask img {
	left:70px;;
	position:absolute;
	margin:0 auto;
	text-align:center;	
}
.alinha_pop {
	width:960px;
	height:500px;
	position:relative;
	top:135px;
	left:0;
	margin:0 auto;
	text-align:center;
}