html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline
}
body { 	line-height:1;color:#fff;background:#000}
ol, ul { list-style: none }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate;border-spacing:0 }
caption, th, td { text-align:left;font-weight:normal }
blockquote:before, blockquote:after, q:before, q:after { content: ""}
blockquote, q { quotes: "" ""; }

b { font:inherit;font-weight:bold;color:#014171 }
a b { color:inherit }
strong { font-weight:bold;color:#014171 }


* {
list-style:none;
text-decoration:none;
border:none;
font-size:11px;/*  bug */
font-family:Verdana, Arial, sans-serif;
margin:0;
padding:0;
}

a { text-decoration:none;color:#000 }
a:hover { text-decoration:underline }
a strong { text-decoration:underline }

body {
background:#fff;
color:#000
}


textarea, input, select {
border:1px solid #ccc;
font:11px Verdana;
padding:4px
}

select { height:22px; padding:2px }
option { font-size:11px; padding:2px 6px }


h1 {
color:red;
font:12px Verdana;
color:#333;
width:300px;
height:25px;
position:relative
}/*
h1 span{
width:100%;
height:100%;
position:absolute;
}
*/


table, #bercario #content div { float:left }
table { border-collapse:collapse;width:680px;padding:8px;text-align:left;margin-left:15px;border:1px solid #014171; }
td { padding:8px }

#bercario table { margin:20px 15px 15px }

th { background-color:#014171;height:30px;color:#fff;padding-left:8px;line-height:30px;vertical-align:middle;font:800 12px Verdana, sans-serif }
th.bebe, th.mae { width:45%;}

#bercario #main table a:hover { background:none }

#last-baby {
float:right;
position:relative;
top:-20px
}

#bercario #main table a { font:12px Verdana, sans-serif }

#bercario #content div { background:#DFFDFF;width:180px }
tr:hover td a { color:#3B989F }

tr:hover td .listra a { color:#fff }
.listra { background:#D1E7EF }

#rodape { clear:both }

#view legend { 
color:#85AF41;
display:block;
font:800 13px Verdana, sans-serif;
margin:30px 0 0 0;
text-align:center
}
#view form { position:relative;width:300px }
#view input { width:224px }

#view ul#fotos { margin-left:9px }

#view #fotos li { 
display:block;
float:left;
margin-right:5px
}

#view #fotos ul a {
border:2px solid #fff;
display:block;
height:60px
}

#view #fotos ul a:hover {
border:2px solid #fff;
border-color:#005EA8;
display:block;
height:60px
}

#view dl { 
clear:both;
font:12px Verdana, sans-serif;
padding-top:15px
}

#view #fotos img#fotobebe {
display:block;
float:none;
margin-bottom:15px
}
#obebe { 
float:left;
padding-bottom:18px;
width:380px
}
dt {
margin-top:19px;
font-weight:bold;
}


dd {
font-size:13px;
padding-right:18px
}
#obebe p { margin-top:15px }

#contato form {
margin-top:0
}

label { display:block;height:23px }
button { cursor:pointer;display:block }
textarea, input { margin-bottom:14px }
legend { padding:0 10px }

#comment {
margin-left:400px;
padding-top:35px;
width:300px
}

#main .bread {
font:11px Verdana, sans-serif;
margin:0 0 12px;
padding:0
}

#view  #main .bread { clear:both }


label span, 
#comment ul li p { color:#666;font-size:10px }
#comment p { margin:0}
#comment li { padding:30px 0 }
#comment li { border-bottom:1px solid #85AF41 }
blockquote { font-weight:normal }
#comment span { margin-left:5px }

/*  structure

body
	root
		header
			header-bg
				content
		main
			main-bg
				content
		footer
			footer-bg
				content

*/


.content { margin:0 auto;position:relative;width:772px }/*	repete a estrutura 3 vezes	*/


body { background:url(lib/i/bg-footer.jpg) }

table {
margin-top:30px;
float:none
}

#header #top { display:block;height:10px;left:40px;position:absolute;top:130px;width:1px }/* faixa verde mínima em prol da usabilidade */

#header #logo {
display:block;
height:70px;
left:40px;
position:absolute;
top:160px;
width:191px;
}
   
#header #logo span { background: url(lib/i/hh-logo.jpg) 0 0 no-repeat;display:block;position:absolute;width:191px;height:70px;  }
#header img { position:absolute;top:160px;right:40px }

#header .mnu {
position:absolute;top:247px;left:35px 
}
#header .mnu a { font:bold 12px Tahoma, Verdana, sans-serif;color:#63849F;
padding:15px 10px 3px;
border-color:#C6D4D7
}
#header .mnu a:hover {
color:#17507F;
}
#header { position:relative;background:url(lib/i/bg-header.jpg) }
#header-bg { background:url(lib/i/bg-header-content.jpg) center 0 no-repeat }
#header .content { height:287px; background:url(lib/i/bg-header-content.jpg) center 0 no-repeat }

#footer { background:url(lib/i/bg-footer.jpg) }
#footer-bg { background:url(lib/i/bg-footer-content.jpg) center 0 no-repeat }
#footer .content { height:145px; background:url(lib/i/bg-footer-content.jpg) center 0 no-repeat }


#footer img, #footer .mnu, #footer address  {
position:absolute;top:10px;left:31px}

#footer .mnu, #footer address  {
top:9px;left:160px;
color:#fff;
font:bold 10px Arial, sans-serif;
}
#footer .mnu {
top:23px;left:150px;

}
#footer .mnu a {
font-weight:normal;
height:10px;
line-height:10px;
vertical-align:middle;
border-color:#3E94C7;
color:#3E94C7;
}
#footer .mnu a:hover {
color:#fff;
text-decoration:none
}
#main-bg { background:url(lib/i/bg-main-content.jpg) center 0 repeat-y }
#main { background:url(lib/i/bg-main.jpg) }
#main .content { background:url(lib/i/bg-main-content.jpg) center 0 repeat-y;aheight:271px;padding-bottom:16px; }

#main .content {
width:710px;/*  menor width q o do content forma um falso padding */
padding:20px 0 25px;/*22*/
 aborder:1px solid red;
 
 }
#home #main .content {
awidth:772px;
padding-bottom:10px;/* compensa o pb de home ul */
apadding:0 0 16px 0;/*22*/
 }

#planos-de-saude #main-bg { background-image:url(lib/i/bg-main-content-text.jpg) }
#planos-de-saude #main .content { background-image:url(lib/i/bg-main-content-text.jpg)}
#hospital #main-bg { background-image:url(lib/i/bg-main-content-text.jpg) }
#hospital #main .content { background-image:url(lib/i/bg-main-content-text.jpg)}


 
address { font:#fff }
.mnu { clear:both }
.mnu li { display:inline }
.mnu li a { display:block;float:left;padding:0 10px;border-right:1px solid #63849F;color:#fff }
.mnu li a.i-last { border:none; }

#planos-de-saude #header a.mnu-i-planos-de-saude,
#medicos #header a.mnu-i-medicos,
#hospital #header a.mnu-i-hospital,
#bercario #header a.mnu-i-bercario,
#contato #header a.mnu-i-contato,
#home #header a.mnu-i-home { color:#14466F;text-decoration:none;cursor:default }



#footer img { clear:both }

#home #main .content {
background:url(lib/i/bg-home.jpg) 0 44px no-repeat;/*x22*/
}



#home #main .content {

position:relative;
min-height:270px
}

#home h1{
apadding-top:12px
}

#home .col-a {
margin:0 12px 0 120px;
apadding-top:12px;
}
#home .col-b  {
apadding-top:12px;
}

#home .col-c, #home .col-a { float:left; }/* col-b tem height indefinido */

#home .col-c {/*img ans*/
display:block;
position:absolute;
top:179px
}

#home .col-link {
margin:0 12px 0 0px;
display:block;
position:absolute;
top:279px
}


#home .col-b {
width:283px;
margin-left:455px;
aborder:1px solid red
}


#main .content a {
color:blue;
text-decoration:underline;
}
#home #box-ultimos-nascimentos ul li a:hover,
#main .content a:hover {
background-color:#fff;
color:blue;text-decoration:none;
}


#home .col-b a {
text-decoration:none;
display:block;
color:#000
}



#home .col-b a:hover { 
color:blue;
abackground-color:#fff;text-decoration:underline;
}

#home .col-b  ul{
padding:0 0 15px 3px
}

#home .col-b li {
aborder:1px solid red;
padding:0 0 12px 12px;
background: url(lib/i/li-bullet-blue.jpg) left 6px no-repeat;
}

#main .content ul li { font:12px Verdana; }
#main h1 { font:bold 15px Verdana, sans-serif;color:#000;
font:bold 18px Tahoma, Verdana, sans-serif;color:#3E596F;
margin-bottom:12px
 }

#home #main .col-a h1 {  
 margin-bottom:2px }
 p {
font:12px Verdana, sans-serif;
line-height:23px;
margin-bottom:12px
}

fieldset { 
border:none;
font:12px Verdana, sans-serif;
padding:25px 30px
}

#view textarea {
width:224px
}

/*	forms contato	*/
legend { display:none }


textarea:focus, textarea:hover, input:focus, input:hover { 
border-color:#005EA8;
}
textarea {
width:295px
}

textarea, input {
color:#000;
border-width:2px;
font:13px verdana, sans-serif;
padding:7px 6px;
}

button:hover {
color:yellow
 }
button {
display:block;
height:38px;
margin-top:10px;
position:relative;
left:-3px;
width:70px;
background:blue url(lib/i/bt-form.jpg) 0 -3px no-repeat;
width:80px;
color:#fff;
font-weight:800;

}

#hospital #main ul,
#planos-de-saude #main ul {
margin:20px 0 20px 28px;

}


#hospital #main ul li,
#planos-de-saude #main ul li {
list-style-type:disc;height:20px
}



#hospital #fotos,
#planos-de-saude #fotos {
height:500px
}


#hospital #fotos a:hover img,
#planos-de-saude #fotos a:hover img { 
background:#C6E891;
}

#hospital #fotos img,
#planos-de-saude #fotos img {
width:100px;
height:75px;
padding:5px;

background:#AACDE0;
zborder:1px solid red;

}

#hospital #fotos ul li a,
#planos-de-saude #fotos ul li a {
margin-left:15px;
display:block;
width:100px;
height:75px


 }

#hospital #fotos ul li,
#planos-de-saude #fotos ul li {
float:left;
margin:0 15px 15px 0;
display:block;
width:100px;
height:75px

}

#medicos #main h1 { 
margin-bottom:25px
 }
#medicos #main ul { 
margin:0 0 30px 
}
#medicos #main li { 
alist-style:disc inside;
padding-top:10px
}

#medicos #main ul p { 
color:#333;
font:800 11px Verdana, sans-serif;
margin:-1px 0 0;
}


h2 {
color:#85AF41;
font:800 14px Verdana, sans-serif;
}


#medicos .col-a {
width:250px;
float:left;
aborder:1px solid red

}

#medicos .col-b h2 {
position:relative;
top:-49px;
}
#medicos .col-b h3 a {
display:block;
padding-top:15px

}

#medicos .col-b {
abackground:url(lib/i/div.jpg) -2px 0 repeat-y;
apadding:15px 0 20px 40px;
margin-top:55px;
margin-left:250px;
width:450px;
aposition:relative;
atop:-71px;

aborder:1px solid #E7E7E7;border-top-widtah:0;
}

.comments-alert {
color:#039
}
.comments-ip {
font:9px Arial, sans-serif;
color:#666;
}

#box-ultimos-nascimentos img { float:left; margin:-10px 10px 0 0 }

#box-ultimos-nascimentos p { margin:-17px 0 10px }
#home #box-ultimos-nascimentos ul li a {
display:block;
height:60px;
padding-top:10px;
background:none;
color:blue;
text-decoration:underline; }



#home .col-b #box-ultimos-nascimentos li {
background: none;
padding-left:0
}
#home #box-ultimos-nascimentos ul li.li-last a {
height:10px;

padding:5px 0
}