@charset "utf-8";
/* CSS Document */

a{text-decoration:none; color:#006CB7}
a:hover{text-decoration:underline;}
h1,h2,h3,p
{
	margin:0px;
	padding:0px;
}
h1
{
	font-size:24px;
	font-family:"Trebuchet MS", Verdana, Arial;
}
h2
{
	color:#333333;
	font-size:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:24px;
}
h3
{
	color:#4B4B4B;
	font-size:12px;
}
p{line-height:14px; }
img{border:0; margin:0;}
hr{height:1px; border: none; border-top: 1px solid; margin-top:-4px; *margin-top:-10px;}
body {
	margin:0;
	padding:0;
	height:100%;
	text-align:center;
	background:url(../images/img_fundo_bg.jpg) top left repeat-x scroll #889399;
}

/************************** ID ***********************/

#root
{
	width:1000px;
	margin:0 auto;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#topo
{
	width:911px;
	height:100px;
	padding:10px 40px 0 49px;
}
#menu {margin-left:-12px; padding-top:25px}

#menu a{color:#445041;}
#procCirurgiao
{
	width:530px;
	height:190px;
	background:url(../images/img_fundo_procura_cirurgiao.jpg) top left no-repeat scroll;
	padding:40px 0 0 470px;
}
#procCirurgiao h2{color:#0076A3; font-size:14px;}
#procCirurgiao h3{color:#F79453; font-size:10px; font-weight:bold}
#procCirurgiao a{color:#64B0CE;}

#miolo
{
	width:928px;
	padding:0 30px 0 42px;
}
#footer {width:924px; height:60px; color:#FFFFFF; padding:20px 30px 0 46px; font-size:10px;}
#footer a{color:#FFFFFF}

#conteudo
{
	background:url(../images/img_borda_box_conteudo.jpg) top left no-repeat scroll #24272B;
	width:680px;
	min-height:331px; height:auto !important; height:331px;
	float:left;
	padding:22px;
}
#conteudo a{color:#49A1C5;}
#conteudo h2
{
	padding-left:17px;
	color:#FFFFFF;
	font-size:22px;
}
#conteudo h3
{
	color:#F79453;
	font-size:12px;
}
#conteudo hr
{
	height:1px; border: none; border-top: #54565A 1px dotted; margin-top:-4px; *margin-top:-10px;
}
#conteudo ul,li{list-style:none;}
#conteudo ul,ol,li
{
	margin:0px;
	padding:0px;
}

/************************** CLASS ***********************/

.areaRestrita
{
	background:url(../images/img_fundo_area_restrita.jpg) top left no-repeat scroll;
	width:313px;
	height:22px;
	margin-top:9px;
	float:right;
	padding:1px 10px 0 0;
}
.areaRestrita a{color:#CCCCCC; font-size:10px;}
.boxHome1
{
	background:url(../images/img_fundo_box_home_01.jpg) top left no-repeat scroll;
	width:699px;
	height:164px;
	padding:26px 10px 0 22px;
}
.boxHome1 h2{color:#FFFFFF; font-size:16px; font-weight:bold; padding-bottom:4px;}
.boxHome1 a{color:#FFFFFF;}


.boxHome2
{
	background:url(../images/img_fundo_box_home_02.jpg) top left no-repeat scroll;
	width:731px;
	height:190px;
}
.boxHome2 h2{font-size:13px; font-weight:bold; padding-bottom:4px; color:#666666;}
.boxHome2 a{color:#666666;}

.boxInterna1
{
	background:url(../images/img_borda_box_conteudo_03.jpg) top left no-repeat scroll #F0F2F3;
	padding:18px;
	min-height:245px; height:auto !important; height:245px;
}

.clearBoth{clear:both}
.colorPreto{color:#333333}
.floatLeft{float:left;}
.floatRight{float:right;}
.marginLeft50{margin-left:50px;}
.marginLeft10{margin-left:10px;}
.marginLeft20{margin-left:20px;}
.marginLeft110{margin-left:110px;}
.marginTop5{margin-top:5px;}
.width100{width:100px;}
.width320{width:320px;}
.width345{width:345px;}


/* FORM */

.form1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #333333;
	width:250px;
}
.form2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #333333;
	width:180px;
}
.form3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border: 1px solid #333333;
	width:600px;
	height:150px
}

/* IMAGE REPLACE */

#botLogo a{text-decoration:none;}	
#botLogo a:hover{text-decoration:none;}	
h1#botLogo
{
	width: 282px;
	height: 52px;
	background:url(../images/logo-cirurgia-plastica.gif) top right scroll no-repeat;
	font-size:20px;
	float:left;
}
h1#botLogo span {
	display: none;
}



/* MENU DROP DOWN */


#menu2 {padding:0; margin:0; list-style:none; height:28px; position:relative; z-index:500;}
#menu2 li.top {display:block; float:left;}

#menu2 li a.top_link {display:block; height:22px; float:left; line-height:15px; padding:0 11px 0 12px; text-decoration:none;}

#menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

#menu2 a:hover {visibility:visible; position:relative; z-index:200;}
#menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */

#menu2 ul, 
#menu2 :hover ul ul, 
#menu2 :hover ul :hover ul ul,
#menu2 :hover ul :hover ul :hover ul ul,
#menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; height:0; margin:0; padding:0; list-style:none;}

#menu2 :hover ul.sub {left:0; top:25px; white-space:nowrap; width:120px; height:auto; z-index:300; padding-top:5px; background:url(../images/menu/trans.gif);}
#menu2 :hover ul.sub li {display:block; float:left; width:100%; height:25px;}
#menu2 :hover ul.sub li span {display:block; height:25px; float:left; width:90px; font-weight:normal;}
#menu2 :hover ul.sub li b {display:block; height:25px; float:left; width:30px; font-weight:normal;}

#menu2 :hover ul.sub li a {display:block; position:relative; font-size:11px; height:25px; width:120px; margin-right:-30px; line-height:25px; text-indent:10px; text-decoration:none; background:url(../images/menu/trans.gif);}

#menu2 :hover ul.sub li > span a {color:#FFF;}
#menu2 :hover ul.sub li:hover > span a {color:#000;}

#menu2 :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul :hover ul,
#menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:220px; top:0; white-space:nowrap; width:220px; z-index:400; height:auto;}

#menu2 :hover ul.wide {width:250px;}
#menu2 :hover ul.wide li span {width:220px;}
#menu2 :hover ul.wide li a {width:250px;}

#menu2 :hover ul.narrow {width:150px;}
#menu2 :hover ul.narrow li span {width:120px;}
#menu2 :hover ul.narrow li a {width:150px;}

#menu2 :hover ul.narrow :hover ul,
#menu2 :hover ul :hover ul.narrow :hover ul,
#menu2 :hover ul :hover ul :hover ul.narrow :hover ul,
#menu2 :hover ul :hover ul :hover ul :hover ul.narrow :hover ul
{left:90px;}

#menu2 li > span {
background: url(../images/menu/tab-midleft.png);
}
#menu2 li > b {
background: url(../images/menu/tab-midright.png)
}
#menu2 li.fly > b {
background: url(../images/menu/tab-midright-sub.png)
}

#menu2 li.subtop > span,
#menu2 li.flytop > span { 
background:url(../images/menu/tab-topleft.png);
}
#menu2 li.subtop > b {
background:url(../images/menu/tab-topright.png);
}

#menu2 li.flytop > b {
background:url(../images/menu/tab-topright-sub.png);
}

#menu2 li.subbot > span,
#menu2 li.flybot > span {
height:35px !important; background:url(../images/menu/tab-botleft.png);
}

#menu2 li.subbot > b {
height:35px !important; background:url(../images/menu/tab-botright.png);
}
#menu2 li.flybot > b {
height:35px !important; background:url(../images/menu/tab-botright-sub.png);
}
