/**
 * @author Fábio Miranda Costa <fabiomcosta@gmail.com>
 * http://www.meiocodigo.com
 */
*{margin:0;padding:0}
ul,ol{list-style:none}
a img,fieldset{border:0}
img,fieldset{display:block}
input.btn{cursor:pointer}
input.texto,input.btn,textarea.texto,select,option{font-size:12px;font-family:Arial, Helvetica, sans-serif;}
input.texto,textarea.texto,select{}
option{}
div.clear{clear:both}
.tam1{width:60px}.tam2{width:90px}.tam3{width:180px}.tam4{width:250px}
select.tam1{width:66px}select.tam2{width:96px}select.tam3{width:186px}select.tam4{width:256px}
.sucesso{
	background:#DBFFCF !important;
}
.erro{
	background:#FFDFDF !important;
}
h6.alerta{
	background:#FEFFBF;
    border:1px dashed black;
    padding:10px;
    line-height:140%;
	margin:8px 20px 0 0;
	color:#000000 !important;
	font-size:12px !important;
}
/*********************************************
GERAL
*********************************************/
body{
	background:url(../img/bg_body.jpg);
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
div#bg_bottom{
	background:url(../img/bg_bottom.gif) 0 bottom  repeat-x;
}
div#sombra_esq{
	background:url(../img/sombra_esq.png) 0 0 repeat-y;
	width:776px;
	padding-left:17px;
	margin:0 auto;
}
div#sombra_dir{
	background:url(../img/sombra_dir.png) 759px 0 repeat-y;
	width:759px;
	padding-right:17px;
}
div#geral{
	width:759px;
	background:#ffffff;
}
/*********************************************
TOPO
*********************************************/
div#topo{
	background:url(../img/topo.jpg)  no-repeat;
	width:736px;
	height:183px;
	padding:29px 0 0 23px;
}
div#topo a.index{
	width:149px;
	height:162px;
	display:block;
	background:url(../img/pt.gif);
	overflow:hidden;
}
/*********************************************
MENU DO TOPO
*********************************************/
div#menu{
	width:742px;
	height:24px;
	padding-left:17px;
	position:relative;
}
div#menu ul li.separador{
	width:2px;
	font-size:1%;
	height:13px;
	background:url(../img/menu_separador.gif) 0 0 no-repeat;
	margin-top:7px;
	float:left;
}
div#menu ul li.liit{
	float:left;
	padding:0 3px;
	position:relative;
}
div#menu ul li a.item{
	display:block;
	height:23px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-3000px;
}
div#menu ul li a.i1{
	width:95px;
	background-image:url(../img/menu/breno_barth.gif);
}
div#menu ul li a.i2{
	width:60px;
	background-image:url(../img/menu/exames.gif);
}
div#menu ul li a.i3{
	width:41px;
	background-image:url(../img/menu/lasik.gif);
}
div#menu ul li a.i4{
	width:71px;
	background-image:url(../img/menu/catarata.gif);
}
div#menu ul li a.i5{
	width:52px;
	background-image:url(../img/menu/retina.gif);
}
div#menu ul li a.i6{
	width:73px;
	background-image:url(../img/menu/cirurgias.gif);
}
div#menu ul li a.i7{
	width:155px;
	background-image:url(../img/menu/disturbios_oculares.gif);
}
div#menu ul li a.i8{
	width:45px;
	background-image:url(../img/menu/news.gif);
}
div#menu ul li a.i9{
	width:64px;
	background-image:url(../img/menu/contato.gif);
}
div#menu ul li a:hover{
	background-position:0 -23px;
}
div#menu ul li div{
	position:absolute;
	top:23px;
	left:3px;
	overflow:hidden;
	font-weight:900;
	font-size:10px;
	opacity:0;
	filter:alpha(opacity=0);
}
div#menu ul li div#sm1{
	width:123px;
}
div#menu ul li div#sm2{
	width:63px;
}
div#menu ul li div#sm3{
	width:95px;
}
div#menu ul li div#sm7{
	width:110px;
}
div#menu ul li div#sm8{
	width:48px;
}
div#menu ul li div ol li{
	height:18px;
	background:url(../img/bg_submenu.jpg) repeat-x;
}
div#menu ul li div ol li a{
	display:block;
	color:#8F8F8F;
	text-decoration:none;
	border-bottom:#EBEBEB solid 1px;
	border-top:#CFCFCF solid 1px;
	height:14px;
	padding:2px 3px 0 3px;
	margin:0 3px;
}
div#menu ul li div ol li a:hover{
	text-decoration:underline;
}
/*********************************************
CONTEÚDO PRINCIPAL
*********************************************/
div#principal{
	padding-left:20px;
	overflow:hidden;
	margin:10px 0;
	background:url(../img/borda_esq.gif) 208px 0 repeat-y;
}
div.sem_borda{
	background:#ffffff !important;
}
div#principal div#esq{
	width:192px;
	float:left;
	margin-right:20px;
}
div#principal div#esq h2{
	background:url(../img/ico_titulo.gif) 0 6px no-repeat;
	padding:8px 0 8px 36px;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#83AF8B;
}
div#principal div#esq ul li{
	margin-bottom:5px;
}
div#principal div#esq ul li a{
	color:#666666;
	font-weight:900;
	font-size:12px;
	text-decoration:none;
}
div#principal div#esq ul li a:hover{
	color:#ffffff;
	background:#666666;
}
div#principal div#dir{
	float:left;
	width:282px;
}
div#principal div#dir a{
	display:block;
	margin-bottom:20px;
}
div#principal div#centro{
	float:left;
	padding-bottom:10px;
	width:739px;
}
div#principal div#centro h2{
	background:url(../img/ico_titulo.gif) 0 9px no-repeat;
	padding:8px 0 8px 36px;
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#83AF8B;
}
div#principal div#centro p{
	margin-bottom:10px;
}
div#principal div.centro_esq{
	width:420px !important;
	padding-right:20px;
}
div#principal div.centro_dir{
	width:527px !important;
}
div#principal div#centro div#tam_fonte{
	float:right;
	background:url(../img/tam_fonte.jpg) no-repeat;
	width:68px;
	height:20px;
	margin-top:10px;
}
div#principal div#centro div#tam_fonte a{
	float:left;
	display:block;
}
div#principal div#centro div#tam_fonte a.aumentar{
	width:23px;
	height:20px;
	margin-left:15px;
}
div#principal div#centro div#tam_fonte a.diminuir{
	width:20px;
	height:20px;
}
div#principal div#centro div#tam_fonte a:hover{
	background:transparent;
}
div#principal div#centro div#conteudo{
	padding-right:30px;
}

/*********************************************
RODAPÉ
*********************************************/
div#rodape{
	background:url(../img/bg_rodape.jpg) no-repeat;
	width:739px;
	height:38px;
	color:#FFFFFF;
	padding:82px 10px 0 10px;
	position:relative;
	clear:both;
}
div#rodape div.sombra_rodape{
	width:17px;
	height:113px;
	position:absolute;
	bottom:0;
}
div#rodape div.esq{
	left:-17px;
	background:url(../img/ie_sombra_rodape_esq.jpg) repeat-y;
}
div#rodape div.dir{
	right:-17px;
	background:url(../img/ie_sombra_rodape_dir.jpg) repeat-y;
}
div#rodape p{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:120%;
}
/*********************************************
FORM DE CONTATO
*********************************************/
div#principal div#centro form fieldset label{
	display:block;
	width:200px;
	margin-bottom:5px;
}
div#principal div#centro form fieldset input,div#principal div#centro form fieldset textarea{
	border:1px solid #6BAA75;
	padding:2px;
	display:block;
	margin-bottom:8px;
}
/*********************************************
CLASSE QUADRO DE EXIBIÇÃO
*********************************************/
div#principal div#centro div#conteudo div.quadro_exibicao{
	margin-bottom:10px;
}
div#principal div#centro div#conteudo div.quadro_exibicao h5{
	text-align:center;
}
div#principal div#centro div#conteudo div.quadro_exibicao table{
	margin:0 auto;
}
div#principal div#centro div#conteudo div.quadro_exibicao table thead tr{
	background-color:#B5DFBD;
}
div#principal div#centro div#conteudo div.quadro_exibicao table th , div#principal div#centro div#conteudo div.quadro_exibicao table td{
	padding:3px;
}
div#principal div#centro div#conteudo div.quadro_exibicao table tbody tr th{
	text-align:left;
}
div#principal div#centro div#conteudo div.quadro_exibicao table tbody tr{
	background-color:#D1DFD4;
}
div#principal div#centro div#conteudo div.quadro_exibicao table tbody tr.claro{
	background-color:#D1EFD6;
}
/*********************************************
CLASSE PARA A TABELAS DE DIFERENTES VISTAS
*********************************************/
div#principal div#centro div#conteudo table.vistas{
	width:100%;
	text-align:center;
	font-size:11px;
}
div#principal div#centro div#conteudo table.vistas tbody tr td img{
	margin:0 auto;
}
/*********************************************
CLASSE PARA LISTA DE LINKS
*********************************************/
div#principal div#centro div#conteudo ul.links{
	list-style:none;
}
div#principal div#centro div#conteudo ul.links li{
	overflow:hidden;
	margin-bottom:20px;
	clear:both;
}
div#principal div#centro div#conteudo ul.links li p{
	line-height:160%;
	margin-top:20px;
}
div#principal div#centro div#conteudo ul.links li img{
	float:left;
	margin-right:20px;
}

/*********************************************
CONTEÚDO DAS PÁGINAS INTERNAS
*********************************************/
div#principal div#centro div#conteudo div.foto_dir{
	float:right;
	margin:0 0 10px 10px;
	clear:both;
}
div#principal div#centro div#conteudo div.foto_esq{
	float:left;
	margin:0 10px 10px 0;
	clear:both;
}
div#principal div#centro div#conteudo div.foto_centro{
	text-align:center;
}
div#principal div#centro div#conteudo div.foto_centro img{
	margin:0 auto;
}
div#principal div#centro div#conteudo div.foto_centro p, div#principal div#centro div#conteudo div.foto_dir p,div#principal div#centro div#conteudo div.foto_esq p{
	clear:both;
	text-align:center;
	font-size:11px;
}
div#principal div#centro h3,div#principal div#centro h4,div#principal div#centro h5,div#principal div#centro h6{
	color:#83AF8B;
	margin-bottom:6px;
}

div#principal div#centro h3{font-size:18px}
div#principal div#centro h4{font-size:16px}
div#principal div#centro h5{font-size:14px}
div#principal div#centro h6{font-size:12px}

div#principal div#centro p{
	line-height:140%;
	margin-bottom:10px;
}
div#principal div#centro ul,div#principal div#centro ol{
	margin-bottom:10px;
}
div#principal div#centro ul{
	list-style-type:disc;
	margin-left:20px;
}
div#principal div#centro ol{
	list-style-type:decimal;
	margin-left:23px;
}
div#principal div#centro li{
	margin-bottom:5px;
	line-height:140%;
}
div#principal div#centro a{
	color:#276D7A;
}
div#principal div#centro a:hover{
	color:#FFFFFF;
	background-color:#276D7A;
}

div#principal div#centro table.tabela_fotos{
	width:100%;
}
div#principal div#centro table.tabela_fotos tr td{
	text-align:center;
	padding:10px;
}
div#principal div#centro table.tabela_fotos tr td a{
	
}
div#principal div#centro table.tabela_fotos tr td a:hover{
	background:transparent;
}
div#principal div#centro table.tabela_fotos tr td a img{
	display:inline;
	border:solid 5px #A7C9AD;
}