/*********************RESET CSS****************************/
html{color:#000;background:#daeaea; font-family:Calibri, Verdana, Arial, Helvetica, sans-serif; overflow-x:hidden; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins,a{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%}
/**********************************************************/

/***************************MENU***************************/
#menu { width: 100%; height: 26px; background-image:url(../img/menu_bg.gif); }
#menu ul { width: 1044px; height:100%; margin:0px auto; text-align:center; }
#menu ul li { float: left; width: 87px; height:100%; }
#menu ul li a { padding-top: 8px; display: block; height: 18px; font-size: 11px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; }
#menu ul .li_casos { width:107px; }
#menu ul .li_especialidades { width:120px; }
#menu ul .li_midia { width:50px; }
#menu ul li.bt_home { width:25px; height:25px}
#menu ul li.bt_ing_mini { width:25px; height:25px; margin-right: 5px;}
#menu ul li.bt_ing_mini a { display: block;height: 17px; margin-top: 3px; background: url(../img/bt_ing_mini.png) no-repeat top; _background: url(../img/bt_ing_mini.gif) no-repeat top} 
#menu ul li.bt_ing_mini a:hover { background-position: bottom}

#retorno { margin-left:18px; font-size:10px; height:44px; margin-top:0px;}

body#h div#menu a#h { font-weight:bold;}
body#c div#menu a#c { font-weight:bold;}
body#q div#menu a#q { font-weight:bold;}
body#w div#menu a#w { font-weight:bold;}
body#o div#menu a#o { font-weight:bold;}
body#b div#menu a#b { font-weight:bold;}
body#e div#menu a#e { font-weight:bold;}
body#l div#menu a#l { font-weight:bold;}
body#m div#menu a#m { font-weight:bold;}
body#f div#menu a#f { font-weight:bold;}
body#t div#menu a#t { font-weight:bold;}
/***************************MENU***************************/

/***************************TOPO***************************/
#topo { text-align: left; width: 100%; height: 143px; margin: 0 auto; background-image:url(../img/topo_bg_02.jpg); background-color:#d0e4e5; background-position:right; background-repeat:no-repeat; clear:both; display:block; }
#logo { text-align: left; width: 1028px; height:143px; margin:0 auto; }
#logo_index { width: 145px; height:109px; margin:0 auto; padding-top:60px; }
.logo_img { height:123px; top:20px; padding-left:50px; float: left; margin-top:16px; }
.vaso { height:123px; float: left; padding-left:90px; margin-top:10px; }
#listras { text-align: left; width: 100%; height: 5px; margin: 0 auto; background:url(../img/listras.jpg); }
#listras_b { text-align: left; width: 100%; height: 5px; margin: 0 auto; background:url(../img/listras.jpg); }
#fotos {text-align: center; width: 1025px; height: 202px; margin: 0 auto; background-color:#FFFFFF}
	#fotos .foto_conteiner {float: left; margin-left: 4px; position: relative; width: 186px; height: 200px} #fotos #central { width: 637px; height: 200px }
		#fotos .foto_conteiner img.foto_menu{ position: absolute; left: 0}
#flash { text-align: center; width: 1330px; height: 301px; display: block; margin: 0 auto}
#arco {text-align: center; z-index:99; position:absolute; left:0; width: 100%; background: url(../img/menu_bg.png) no-repeat top center; height: 33px;
_background: none; height: 33px}
#faixa { text-align: left; width: 100%; height: 3px; margin: 0 auto; background-color: #1c585e; }
/***************************TOPO***************************/

/***************************CORPO**************************/
.obs, .bold{ font-size: 10px; color: #444; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif}
.bold { font-weight: bold}
#conteudo { text-align:left; width:1028px; height:auto; margin:0 auto; }
.box { float:left; margin-top:12px; margin-right:8px; }
.titulo { height:33px; background-image:url(../img/tit_left.gif); background-color:#1c585e; background-position:left; background-repeat:no-repeat; }
.titulo p { padding-top:8px; padding-left:16px; font-weight:bolder; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:17px; }
.titulo img { display:block; float:right; }
.rod { height:23px; background-image:url(../img/rod_center.gif); background-repeat:repeat-x; margin-bottom: 3px; clear: both }
.rod_l { display:block; float:left; }
.rod_r { display:block; float:right; }
.cont_center {  font-family:Arial, Helvetica, sans-serif; font-size:12px; height:auto; background-image:url(../img/cont_center.gif); background-repeat:repeat-y; background-color:#FFFFFF; overflow: hidden; clear: both;  /*IE6*/ _zoom: 1}
.cont_center p { padding:8px 36px;  color:#000000; text-indent: 2em}
.cont_center p.lateral { padding:18px 18px 8px 18px;  color:#000000; text-indent: 0}
.cont_center a {padding:0 1.5em;  color:#00282e;float: right; font-weight: bold }
.cont_center ul { padding:.5em 0 0 40px}
.cont_center li { list-style-type: disc; margin-top: .3em;}
.subtitulo { padding-top:8px 16px ; font-weight:bold; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.col1 { width:362px; float:left; text-align:justify; margin-top:28px; }
.col2 { width:362px; float:left; text-align:justify; margin-top:28px; }
/***************************CORPO**************************/

/********************CORPO - AÇÂO SOCIAL*******************/
#galeria {margin: 0 auto; padding-bottom: 50px; width: 600px; overflow: auto}
#galeria img {margin: 10px;padding:0;}

/*****************CORPO - CASOS CLÍNICOS*******************/
h1.cont_titulo { margin-top: 20px; text-align: center; font-size: 16px; font-weight: bold }
#manha_tarde { padding: 0; margin:20px auto; list-style: none }
#manha_tarde li{ list-style:none; display: block; width: 155px; height: 110px; float: left; padding: 5px 20px 15px; display: inline;}
#manha_tarde li img { position: absolute; margin: 0 }
.depoi {margin:20px 25px; background: #ddd url(../img/depoi_tl.jpg) no-repeat top left; overflow: hidden; clear: both; /*IE6*/_zoom: 1 }
.depoi div { background:url(../img/depoi_tr.jpg) no-repeat top right }
.depoi div div { background:url(../img/depoi_bl.jpg) no-repeat bottom left }
.depoi div div div { background:url(../img/depoi_br.jpg) no-repeat bottom right; padding: .7em 15px .4em 15px }
.depoi p { margin:.2em 0; padding:0; text-indent:0 }
.depoi p.nome { font-size: 14px; font-weight: bold }
.depoi p.texto { font-style: italic; padding: .5em }
.depoi object { float:right }


/*****************CORPO - MARKETING MENU*******************/
#mark_menu {font-size: 14px; padding: 10px; text-align: right}
#mark_menu li {list-style: none; float: none; display: block}
#mark_menu li a {float: none}
#mark_menu li a:hover { text-decoration: underline}

/********MARKETING IMPRENSA*********/
.p_imprensa { width:216px; height:320; text-align:center; float:left; padding:0px; margin:0 auto 20px auto; text-indent:0px; font-size: 10px;}
.p_imprensa a { width:289px; height:320; text-align:center; float:left; padding:0px; margin:0px; text-indent:0px;}
.notic { width: 820px; margin:20px auto; background: #ddd url(../img/depoi_tl.jpg) no-repeat top left; overflow: hidden; clear: both; /*IE6*/_zoom: 1}
.notic div { background:url(../img/depoi_tr.jpg) no-repeat top right}
.notic div div { background:url(../img/depoi_bl.jpg) no-repeat bottom left}
.notic div div div { background:url(../img/depoi_br.jpg) no-repeat bottom right; padding: 15px}
.notic div div div div { padding: 0; margin: 0; background-image: none;}
.notic div.notic_wrap { overflow: hidden }
.notic div.notic_img { float: left; width: 250px}
.notic a { display: block; width: 250px; margin: 0; padding: 0; text-align: center}
.notic div.notic_cont { float: left; padding: 10px 0 0 30px; width: 500px}
.notic div.notic_cont h1 { font-size: 16px; font-weight: bold}
.notic div.notic_cont p { text-indent: 0; padding: 0; margin: 5px 0; text-align: justify}
.notic div.notic_cont p.notic_subit {font-weight: bold;}
.notic div.notic_cont a { padding:0 1.5em; color:#00282e;float: right; font-weight: bold; width: auto } .notic div.notic_cont a:hover { text-decoration:underline}
.notic_outros { padding: 20px 0; text-align: center; font-size: 20px}

/*********MARKETING PREMIOS*********/


/*****************CORPO - QUEM SOMOS*******************/
.cont_center_quem {  font-family:Arial, Helvetica, sans-serif; font-size:12px; height:auto; background-image:url(../img/cont_center.gif); background-repeat:repeat-y; background-color:#FFFFFF; overflow: hidden; /*IE6*/ _zoom: 1}
.cont_center_quem p, .cont_center_quem h3 {  padding:8px 36px;  color:#000000}

.cont_center_quem h3 { font-size: 14px; font-weight: bold}

/*****************CORPO - QUEM SOMOS*******************/
#map_local { clear: both; margin: 30px auto; border: 3px solid #1c585e}
#form table { width: 415px; margin: 0 auto}
#form table tr td { padding: 5px; vertical-align: middle; text-align: right; text-align: left}
#form table tr td.label { text-align: right}
#form table tr td.textarea { text-align: right; vertical-align: top}
#form label { font-weight: bold}
#form input, #form textarea {width: 220px;}
#form table tr td .bt_form { width: 100px}

#msgAssunto { visibility:hidden; font-size:10px; font-weight:bolder;}

#info { width: 400px; margin: 10px auto; text-align: center;}
#info a { float: none; display: inline}
#info a:hover{text-decoration:underline; }
/**************************RODAPÉ**************************/
#rodape { text-align:center; width: 100%; height:78px; margin:0 auto; background:url(../img/rodape.gif) no-repeat center; clear:both}
#rodape_index { width: 100%; height:78px; margin:0 auto; background:url(../img/rodape.gif) no-repeat center; position: absolute; bottom: 0 }
#rodape p { margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; width:400px; padding-top:50px }
#rodape_index p {text-align: center; margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; width:400px; padding-top:50px }
/**************************RODAPÉ**************************/

/*****************CORPO - NEWSLETTER*******************/
#forme { margin-top:12px;}
#forme table { width: 150px; margin-left: 12px; margin-top:0px; font-size:11px;}
#forme table tr td { padding: 5px; vertical-align: middle; text-align: right; text-align: left}
#forme table tr td.label { text-align: right}
#forme table tr td.textarea { text-align: right; vertical-align: top}
#forme label { font-weight: bold}
#forme input, #form textarea {width: 150px;}
#forme table tr td .bt_form { width: 100px}
/*****************CORPO - NEWSLETTER*******************/

/*Texto adicional em verde na coluna esquerda da página "A CLÌNICA"*/
.clr { clear: both }
html body#q div#conteudo div.box .cont_center .green { padding: 18px}
html body#q div#conteudo div.box .cont_center .green h3 { font-size: 13px; font-weight: bold; margin: 0 0 15px 0; padding: 0 }
html body#q div#conteudo div.box .cont_center .green p { font-size: 12px; margin: 3px 0; padding: 0; text-indent: 0; font-weight: bold;}
html body#q div#conteudo div.box .cont_center .green span { font-weight: bold; }