/*
div { border-bottom: 1px solid #cc0000; }
*/

/* estrutura inicio */
#corpo {text-align: left; margin: 0 auto; padding:0; border:0; width: 776px; }
#cabecalho {width: 776px; height: 105px; margin: 0; padding:0; clear:both; position: relative;}
.colmain { width: 776px; margin:0; padding:0;clear:both; height:400px; }
.colleft {margin:0; float: left; width: 216px; padding-bottom:110px;}
/* padding-bottom para compensar a altura do callcenter */
.colright { width:556px; float:left; margin:0; padding-bottom: 5px;}
.fundoesq{ background-image: url(../img/fundo_esq_sombra_vertical.jpg); background-repeat: repeat-y; background-position: right; }
.fundodir{ background-image: url(../img/fundo_dir_sombra_vertical.jpg); background-repeat: repeat-y; background-position: left; }
#rodape {padding:0; background: #007782; border-top:3px solid #005F68; height:27px; margin: 0 auto; width: 776px; position:relative; }
#rodape .divleft {margin: 5px 0 5px 5px; color: #fff; font-size: 0.7em; }
#rodape .divright {margin: 5px 5px 5px 0; color: #fff; font-size: 0.7em; }
#rodape a {color: #fff;}
#colleft_interna {border-top:#FFFFFF 1px solid; margin:0px}
#colright { margin: 0; float: left; width: 556px; padding-bottom:20px}

             
#callcenter 
{
		position:relative;
             left:10px;margin:0; width:196px;height:104px;  background-image: url(../img/fundo_banner_callcenter.jpg); background-repeat: no-repeat; background-position: left top; 
}

#callcenter div { margin:2px 0 0 5px; padding-top:50px; }
#callcenter select { margin:0 0 2px 0; }
#callcenter select { color:#333; font-size:0.7em; width:195px; height:18px; }
#callcenter input {vertical-align: middle; margin:0; padding:0 }

/* estrutura fim */
/* definicao para tags inicio*/
img {border: 0}
body {text-align: center; margin: 0; font-size: 100%; padding:0; height:100%; width:100%; }	
* {text-align:left; }
form { margin:0; padding: 0; }
div { font-family: Trebuchet MS, Helvetica, sans-serif; color:#333; }
a { text-decoration:none; }
a:hover { text-decoration:underline;}
/*definicao para tags fim*/

/*posicionamentos inicio*/
.divleft { float: left; text-align:left; margin: 0; }
.divright {float: right; text-align:right; margin: 0; }
.divcenter {float: none; text-align: center; margin: 0; }
.loop2, .loop4, .loop3 { width:100%; margin-bottom:10px; clear:both;}
.loop2 .loopbox { float:left; width:49.9%;}
.loop3 .loopbox { float:left; width:33.3%;}
.loop4 .loopbox { float:left; width:24.9%;}
.loopbox div { margin-right:10px; }
.topright, .topleft, .bottomright, .bottomleft {position:absolute; }
.topright {top:0; right:0;}
.topleft {top:0; left:0;}
.bottomright {bottom:0; right:0;}
.bottomleft {bottom:0; left:0;}  
.clear:after{ content: "."; display: block; height: 0; font-size:0;	clear: both; visibility:hidden; }
.imgleft {float:left; padding-right:5px;}
.imgright {float:right}
.floatright  { float: right ; margin:0; }
.floatleft { float: left; margin:0; }
.floatleft img { margin: 0 5px 0 0; }
/*posicionamentos fim*/
/*cabecalho inicio*/
#logomdd { position:absolute; top:0; left:0; width:216px; height:75px; z-index:7;  text-align: center; }

#menu {margin:0; width:776px; height:35px; clear:both; }
#menu table { height:34px }
#menu a, #menu td.ativo  { text-decoration:none; font-size:0.7em; margin-bottom:3px; font-family:"Lucida Sans", Arial, Helvetica, sans-serif; }
#menu td {border-right: 1px solid; padding: 3px 10px 0 10px; vertical-align:top; }
#menu #primeiro_item {padding-left:18px}

/*menu auxiliar inicio */
#menuaux { position:absolute; top:0; right:0; height:27px; font-size: 11px; color: #333; display:inline; z-index:4; }
#menuaux .links {width: 500px; float:left; text-align:right;}
#menuaux .links img {margin:0;}
#menuaux .links .primeiro {position:relative; top:7px; margin:0 5px 0 0}
#menuaux .buscar {width: 130px; float:left; margin-top:3px; }
#menuaux .buscar .botao { vertical-align:bottom; margin-left:5px;}
#menuaux .fontes {width: 70px; float:left; display:inline;}
#menuaux .campo { color:#666; font-size:0.9em; width:100px; height:14px; border:1px solid #999; }
#menuaux a {color: #333; }
/*menu auxiliar fim */

/*menu publicos inicio*/
.menupub0 {background-image: url(../img/menu_publicos_pub0.jpg); }
.menupub1 {background-image: url(../img/menu_publicos_pub1.jpg); }
.menupub2 {background-image: url(../img/menu_publicos_pub2.jpg); }
.menupub3 {background-image: url(../img/menu_publicos_pub3.jpg); }
.menupub4 { position:absolute; top:48px; left:216px; width:560px; height:75px; z-index:3;background-position:left top; background-repeat: no-repeat; position:relative; }
.menupub0, .menupub1, .menupub2, .menupub3 { position:absolute; top:30px; left:216px; width:560px; height:75px; z-index:3;background-position:left top; background-repeat: no-repeat; position:relative; }
.menupub0 img, .menupub1 img, .menupub2 img, .menupub3 img { width:180px; height:75px; border:0; margin-right:5px; float:left;}
/*menu publicos fim*/
/*cabecalho fim*/

#conteudo {margin-left:10px; }
#destaques { width:550px; margin-top:10px; padding:0; text-align:center; }

#quadro {margin:0; width:216px; height:126px;}
#quadro img {margin-top:10px; }
#quadro { font-size:0.7em; }
#quadro div { padding:5px 20px 0 12px;}

#quadro2 {margin:0; width:216px; height:126px;}
#quadro2 img {margin-top:0px; }
#quadro2 { font-size:0.7em; }
#quadro2 div { padding:5px 20px 0 12px;}

.menuesq { width:216px; height:280px;}
.menuesq ul { width:216px; list-style:none; margin:0; padding:0; font-size:0.7em; font-family:"Trebuchet MS", Arial, Helvetica;border-top: 1px solid #fff;}
.menuesq li { height:25px; padding:3px 5px 0 15px; display:block;}


/*conteudo geral inicio*/
.colright div, .colright a {color:#000;}
.colright h3 { font-size:0.9em;  font-family: "Lucida Sans Unicode", Arial; }
.colright h4 { font-size:0.8em;  font-family: "Lucida Sans Unicode", Arial; }
.colright h5 { font-size:0.7em; font-family:"Trebuchet MS", Arial, Helvetica; }
.colright h5, .colright h4 {color: #007782;margin: 0 5px 5px 5px; line-height:1.1em; }
.colright .data { font-size:0.6em; padding:5px 5px 0 5px; }
.colright .resumo {font-size:0.7em; margin:0 5px 5px 5px;font-family:"Trebuchet MS", Arial, Helvetica;}
.colright .texto1 {color: #000; font-size:1em; font-family:"Trebuchet MS", Arial, Helvetica; margin:0 10px 5px 10px; padding-right:10px; }
.colright .texto1 a { color: #007782; text-decoration:underline }
.colright .texto1 a:hover { color: #005F66; }
.colright .lista {margin-top:10px}
.colright .lista a { background:url(../img/ico_middot.gif) no-repeat; padding:0 0 0 10px; display:block; margin:0 10px 0 10px}
.colright a:hover {text-decoration:underline}


/*conteudo geral fim*/
/*contato inicio OBS.: NO HTML USA-SE A MESMA CLASS DE INSTITUCIONAL PARA O conteudo */
#tabcontato {font-size:0.7em; font-family: "Lucida Sans Unicode", Arial; }
#tabcontato .label {vertical-align:top; text-align:right; padding-right:3px; padding-top:5px}
#tabcontato .campo {vertical-align:top; text-align:left; padding-top:5px}
#tabcontato .campo span {color:#FF3300}
#tabcontato .input1, #tabcontato .input2, #tabcontato td textarea, #tabcontato .input3, #tabcontato .endereco, #tabcontato .ddd, #tabcontato .tel {border:1px solid #666; font-size:0.8em; font-family: "Lucida Sans Unicode"; color:#666}
#tabcontato .input1 {width:264px; }
#tabcontato .input2 {width:86px; }
#tabcontato .input3 {width:90px; }
#tabcontato td textarea {width:264px; height: 78px; }
#tabcontato .endereco {width: 184px }
#tabcontato .ddd {width: 36px}
#tabcontato .tel {width: 110px}
/*contato fim */

/*depoimento  inicio OBS.: NO HTML USA-SE A MESMA CLASS DE INSTITUCIONAL PARA O conteudo */
#tabcontato2 {font-size:0.9em; font-family: "Lucida Sans Unicode", Arial; }
#tabcontato2 .label2 {vertical-align:top; text-align:right; padding-right:3px; padding-top:5px}
#tabcontato2 .campo2 {vertical-align:top; text-align:left; padding-top:5px}
#tabcontato2 .campo2 span {color:#FF3300}
#tabcontato2 .input1_, #tabcontato2 .input2_, #tabcontato2 td textarea, #tabcontato2 .input3_, #tabcontato2 .endereco2, #tabcontato2 .ddd2, #tabcontato2 .tel2 {border:1px solid #FFB9B9; font-size:0.9em; font-family: "Lucida Sans Unicode"; color:#666}
#tabcontato2 .input1_ {width:264px; }
#tabcontato2 .input2_ {width:86px; }
#tabcontato2 .input3_ {width:90px; }
#tabcontato2 td textarea {width:264px; height: 78px; }
#tabcontato2 .endereco2 {width: 184px }
#tabcontato2 .ddd2 {width: 36px}
#tabcontato2 .tel2 {width: 110px}
/*contato fim */


/*depoimento  inicio OBS.: NO HTML USA-SE A MESMA CLASS DE INSTITUCIONAL PARA O conteudo */
#tabcontato3 {font-size:0.9em; font-family: "Lucida Sans Unicode", Arial; }
#tabcontato3 .label2 {vertical-align:top; text-align:right; padding-right:3px; padding-top:5px}
#tabcontato3 .campo2 {vertical-align:top; text-align:left; padding-top:5px}
#tabcontato3 .campo2 span {color:#0070A6}
#tabcontato3 .input1_, #tabcontato3 .input2_, #tabcontato3 td textarea, #tabcontato3 .input3_, #tabcontato3 .endereco3, #tabcontato3 .ddd3, #tabcontato3 .tel3 {border:1px solid #0070A6; font-size:0.9em; font-family: "Lucida Sans Unicode"; color:#666}
#tabcontato3 .input1_ {width:264px; }
#tabcontato3 .input2_ {width:86px; }
#tabcontato3 .input3_ {width:90px; }
#tabcontato3 td textarea {width:264px; height: 78px; }
#tabcontato3 .endereco3 {width: 184px }
#tabcontato3 .ddd3 {width: 36px}
#tabcontato3 .tel3 {width: 110px}
/*contato fim */


/*padrão tabela institucional inicio OBS.: NO HTML USA-SE A MESMA CLASS DE INSTITUCIONAL PARA O conteudo */
#padrao {width:530px; border-left:1px #CCC solid;border-top:1px #CCC solid; margin-top: 5px;}
#padrao .cabecalho {background:#7FBBC0; font-family:"Lucida Sans Unicode", "Lucida Sans"; color:#fff; font-size:0.7em; font-weight:bold; vertical-align:middle; padding:5px 0 5px 5px}
#padrao td {vertical-align:top; padding:5px 0 5px 5px; font-size:0.7em; border-right:1px #CCC solid; border-bottom:1px #CCC solid; }
/*padrão tabela fim*/

/*padrão tabela Clientes inicio OBS.: NO HTML USA-SE A MESMA CLASS DE INSTITUCIONAL PARA O conteudo */
#padraocli {width:539px; border-left:1px #CCC solid;border-top:1px #CCC solid; }
#padraocli .cabecalho {background:#DFDFCE; font-family:"Lucida Sans Unicode", "Lucida Sans"; color:#575739; font-size:0.7em; font-weight:bold; vertical-align:middle; padding:5px 0 5px 5px}
#padraocli td {vertical-align:top; padding:5px 0 5px 5px; font-size:0.7em;border-right:1px #CCC solid; border-bottom:1px #CCC solid; }
#padraocli a{color:#333}
/*padrão tabela fim*/

/*padrão tabela ensino inicio OBS.: NO HTML USA-SE A MESMA CLASS DE INSTITUCIONAL PARA O conteudo */
#padraopesq {width:539px; border-left:1px #CCC solid; border-top:1px #CCC solid; }
#padraopesq .cabecalho {background:#FFE9c8; font-family:"Lucida Sans Unicode", "Lucida Sans"; color:#575739; font-size:0.7em; font-weight:bold; vertical-align:middle; padding:2px 0 5px 5px}
#padraopesq td {width:600px;vertical-align:top;padding: 2px 5px 2px 5px; font-size:0.7em; border-right:1px #CCC solid; border-bottom:1px #CCC solid; }
#padraopesq a{color:#333}
/*padrão tabela fim*/

/*internas fim*/
/*  de fotos inicio*/
#fotos {border:1px #CCC solid; position:relative; width:251px; text-align:center; padding-top:5px; padding-bottom:5px; margin:0 8px 8px 0}
#fotos .canto1 {position:absolute; top:-1px; right:-1px; }
#fotos .canto2 {position:absolute; bottom:-1px; right:-1px; }
#fotos .canto3 {position:absolute; bottom:-1px; left:-1px; }
#fotos .canto4 {position:absolute; top:-1px; left:-1px; }
#fotos .legenda {font-size:10px; text-align:center; font-family:Arial, Helvetica, sans-serif; margin:5px 0 2px 0}
/* de fotos fim*/
/*  de fotos unidades inicio*/
#fotosuni {border:1px #CCC solid; position:relative; width:251px; text-align:center; padding-top:5px; padding-right:8px; padding-left:8px; padding-bottom:5px; margin:0 8px 8px 0}
#fotosuni .canto1 {position:absolute; top:-1px; right:-2px; }
#fotosuni .canto2 {position:absolute; bottom:-1px; right:-1px; }
#fotosuni .canto3 {position:absolute; bottom:-2px; left:-1px; }
#fotosuni .canto4 {position:absolute; top:-1px; left:-1px; }
#fotosuni .legenda {font-size:10px; text-align:center; font-family:Arial, Helvetica, sans-serif; margin:5px 0 2px 0}
/* de fotos unidades fim*/
/*geral das internas inicio*/
/*breadcrums inicio*/
#breadcrumbs {color:#333; font-size:0.6em; padding-left:5px}
#breadcrumbs a {text-decoration:none; color:#333; }
#breadcrumbs a:hover {text-decoration:underline}
#breadcrumbs span {text-decoration:underline}
/*breadcrums fim*/



/*CSS antigo*/
#conteudoinstitucional, #conteudoclientes, #conteudoensino,#conteudomedicos { margin:0 0 0 10px}
	
	/*institucional inicio*/
		#conteudoinstitucional h5 {color: #007782; font-family: "Trebuchet MS", Arial, Helvetica; font-size:0.9em; margin:7px 0 5px 0 }
		#conteudoinstitucional .textoBranco { color:#FFF; font-size:0.7em; font-family: "Lucida Sans Unicode", Arial,Helvetica; margin:0 0 10px 0;}
		#conteudoinstitucional .texto1 { color:#333; font-size:0.7em; font-family: "Lucida Sans Unicode", Arial,Helvetica; margin:0 0 10px 0}
		#conteudoinstitucional .texto1 a { color: #007782; text-decoration:underline }
		#conteudoinstitucional .texto1 a:hover { color: #005F66; }
		#conteudoinstitucional .texto1 div {font-weight:bold; color:#007782; margin-bottom:3px; font-family:"Lucida Sans Unicode", "Lucida Sans" }
		#conteudoinstitucional .input1_mdc {border:1px solid #666; font-size:0.6em; font-family: "Lucida Sans Unicode"; color:#666}


		#conteudoinstitucional .pdf {font-size:0.7em; font-family: "Lucida Sans Unicode", Arial; margin-bottom:5px}
		#conteudoinstitucional .pdf a {color:#333333; text-decoration:none}
		#conteudoinstitucional .pdf a:hover {text-decoration:underline,}

        /*tabela de fotos maternidade*/
        .topoesq {background: url(../img/clientes_caixa_mat_guri_sup_esq.gif) left top no-repeat; }
        .topodir {background:url(../img/clientes_caixa_mat_guri_sup_dir.gif) right top no-repeat; }
        .bottomdir {background:url(../img/clientes_caixa_mat_guri_inf_dir.gif) bottom right no-repeat;}
        .bottomesq {background:url(../img/clientes_caixa_mat_guri_inf_esq.gif) bottom left no-repeat;}
        
        #conteudoinstitucional  .tabelafotos{font-size:0.9em; width:50px; background: #5CABB1; font-family: Trebuchet MS, Helvetica, sans-serif; color: #fff; }
        #conteudoinstitucional  .tabelafotos td { text-align:center; padding:0 0 5px 0;  }
        #conteudoinstitucional  .tabelafotos .divleft { margin-right:5px;}
        /*tabela de fotos fim*/


	/*institucional fim*/

	/*clientes inicio*/
		#conteudoclientes h5 {color: #575739; font-family:"Trebuchet MS", Arial, Helvetica; margin:7px 0 5px 0; font-size:0.9em;}
		#conteudoclientes .texto1 {font-size:0.7em; color: #575739; font-family:"Lucida Sans Unicode", Arial, Helvetica;}
		#conteudoclientes .lista {margin-top:10px}
		#conteudoclientes .lista a {color:#333333; font-size:0.7em; background:url(../img/ico_middot.gif) no-repeat; padding:0 0 0 10px; display:block; margin:0 10px 0 10px}
		#conteudoclientes .lista a:hover {text-decoration:underline}
		#conteudoclientes .input {font-family: "Lucida Sans Unicode"; font-size: 10px;color: #575739;border-right:1px solid #575739; border-left:1px solid #575739;border-top:1px solid #575739; border-bottom:1px solid #575739;}	
		
	/*clientes fim*/

	/*Medico inicio*/
		#conteudomedicos h5 {color: #316177; font-family:"Trebuchet MS", Arial, Helvetica; font-size:0.9em; margin:7px 0 5px 0; }
		#conteudomedicos .texto1 {font-size:0.7em; color: #666666; font-size:0.7em; font-family:"Lucida Sans Unicode", Arial,Helvetica ;margin:0 0 10px 0}
		#conteudomedicos .texto1 a { color: #316177; text-decoration:underline }
		#conteudomedicos .texto1 a:hover { color: #316177; }
		#conteudomedicos .texto1 div {font-weight:bold; color:#316177; margin-bottom:3px; font-family:"Lucida Sans Unicode", "Lucida Sans" }
		#conteudomedicos .lista {margin-top:10px}
		#conteudomedicos .lista a {color:#316177; font-size:0.7em; background:url(../img/ico_middot.gif) no-repeat; padding:0 0 0 10px; display:block; margin:0 10px 0 10px}
		#conteudomedicos .lista a:hover {text-decoration:underline}
		#conteudomedicos .pdf {font-size:0.7em; font-family: "Lucida Sans Unicode", Arial; margin-bottom:5px}
		#conteudomedicos .pdf a {color:#316177; text-decoration:none}
		#conteudomedicos .pdf a:hover {text-decoration:underline}
	/*Medicos fim*/
	
	/*ensino inicio*/
		#conteudoensino h5 {color: #845300; font-family:"Trebuchet MS", Arial, Helvetica; margin:7px 0 5px 0; font-size:0.9em;}
		#conteudoensino .texto1 {font-size:0.7em; color: #666666; font-size:0.7em; font-family:"Trebuchet MS", Arial, Helvetica;}
		#conteudoensino a {color:#845300;}
		#conteudoensino .lista {margin-top:10px}
		#conteudoensino .lista a {color:#845300; font-size:0.7em; background:url(../img/ico_middot.gif) no-repeat; padding:0 0 0 10px; display:block; margin:0 10px 0 10px}
		#conteudoensino .lista a:hover {text-decoration:underline}
	/*ensino fim*/

	/* quadro login/cadastro inicio */
	#quadrologincadastro {background:url(../img/medicos_fundo_login.gif) no-repeat top; width:180px; height:74px;margin:0 150px 0 150px}
	#quadrologincadastro .interno {padding:8px 0 0 5px}
	#quadrologincadastro .interno p {margin:0 0 1px 0; padding:0; font-size:0.7em; color:#333333; font-family: "Lucida Sans Unicode";}
	#quadrologincadastro .interno p a {color:#333333;}
	#quadrologincadastro .interno p img {position:relative; top:3px}
	#quadrologincadastro .campo {border:1px #999 solid; width:108px; height:15px}
	#quadrologincadastro .enviar {position:relative; top:4px; left:3px}
	/* quadro login fim */



	/*quadro institucional inicio*/
	#quadroinstitucional, #quadroinstitucional_interna {background:#7FBBC0 url(../img/institucional_topo_quadro.gif) top right no-repeat;}
	#quadroinstitucional div {color: #fff;}
	#quadroinstitucional_interna div {color: #fff; font-family:"Trebuchet MS", Arial, Helvetica;}
	#quadroinstitucional_interna div ul { list-style:none; margin:8px 0 0 0; padding:0px}
	#quadroinstitucional_interna div li { height:35px;}
	#quadroinstitucional_interna div #ativo {height:35px; background:url(../img/institucional_fundo_ativo.jpg) no-repeat; font-weight:bold}
	#quadroinstitucional_interna div #ativo span, #quadroinstitucional_interna div li a {color: #fff; padding:0 0 0 6px; display:block; margin:0 0 0 10px}
	#quadroinstitucional_interna div li a:hover {color:#FFF; }
	/*quadro institucional fim*/