@charset "utf-8";
a.c1:link {color:#385B88;font:8pt/ Arial, Helvetica, sans-serif;text-decoration: none}
a.c1:visited {color:#385B88;font:8pt/ Arial, Helvetica, sans-serif;text-decoration: none}
a.c1:hover {color: #666;font:8pt/ Arial, Helvetica, sans-serif;text-decoration:underline}
a.c1:active {font:8pt/ Arial, Helvetica, sans-serif;text-decoration: none}
a.c2:link {color:#000;font:9pt/ Arial, Helvetica, sans-serif;text-decoration: none}
a.c2:visited {color:#000;font:9pt/ Arial, Helvetica, sans-serif;text-decoration: none}
a.c2:hover {color: #666;font:9pt/ Arial, Helvetica, sans-serif;text-decoration:underline}
a.c2:active {font:9pt/ Arial, Helvetica, sans-serif;text-decoration: none}
a.c3:link {color:#0066CC;font:9pt/ Arial, Helvetica, sans-serif;text-decoration: none}
a.c3:visited {color:#0066CC;font:9pt/ Arial, Helvetica, sans-serif;text-decoration: none}
a.c3:hover {color: #666;font:9pt/ Arial, Helvetica, sans-serif;text-decoration:underline}
a.c3:active {font:9pt/ Arial, Helvetica, sans-serif;text-decoration: none}
a.c4:link {color:#666;font:9pt/ Arial, Helvetica, sans-serif;text-decoration: none}
a.c4:visited {color:#666;font:9pt/ Arial, Helvetica, sans-serif;text-decoration: none}
a.c4:hover {color: #666;font:9pt/ Arial, Helvetica, sans-serif;text-decoration:underline}
a.c4:active {font:9pt/ Arial, Helvetica, sans-serif;text-decoration: none}
#container {
	position: relative;
	width: 780px;
	height:820px;
	background: #fff;
border: 1px solid #ccc;
	margin: 0 auto;
	margin-top:20px;
	left: 0px;
	top: 1px;
}
h1 {
	font-size:16pt;
	font-family:sans-serif, Arial, Helvetica,Verdana;
	color:#385B88
}
.nav {height:37px;background: url(pro_line_0.gif) repeat-x;position:absolute;font-family:arial, verdana, sans-serif;font-size:8pt;width:780px;z-index:500;top: 98px;left: 0px;}
.nav .table {display:table; margin:0 auto;}
.nav .select,
.nav .current {margin:0; padding:0; list-style:none; display:block; white-space:nowrap;}
.nav li {margin:0; padding:0; height:auto; float:left;}
.nav .select a {display:block; height:35px; float:left; background: url(pro_line_0.gif); padding:0 20px 0 30px; text-decoration:none; line-height:35px; white-space:nowrap; color:#ddd;}
.nav .current a {display:block; height:35px; float:left; background: url(pro_line_2.gif); padding:0 0 0 15px; text-decoration:none; line-height:35px; white-space:nowrap; color:#fff;}
.nav .current a b {display:block; padding:0 20px 0 15px; background:url(pro_line_2.gif) right top;}
.nav .select a:hover, 
.nav .select li:hover a {background: url(pro_line_1.gif); padding:0 0 0 15px; cursor:pointer; color:#fff;}
.nav .select a:hover b, 
.nav .select li:hover a b {display:block; float:left; padding:0 20px 0 15px; background:url(pro_line_1.gif) right top; cursor:pointer;}
.nav .select_sub {display:none;}
/* IE6 only */
.nav table {border-collapse:collapse; margin:-1px; font-size:1em; width:0; height:0;}
.nav .sub {display:table; margin:0 auto; padding:0; list-style:none;}
.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {background:transparent; color:#f00;}
.nav .select :hover .select_sub, 
.nav .current .show {display:block; position:absolute; width:780px; top:35px; background:url(back_0.gif); padding:0; z-index:100; left:0; text-align:center;}
.nav .current .show {z-index:10;}
.nav .select :hover .sub li a, 
.nav .current .show .sub li a {display:block; float:left; background:transparent; padding:0 10px 0 10px; margin:0; white-space:nowrap; border:0; color:#444;}
.nav .current .sub li.sub_show a {color:#088; cursor:default; background:url(menus/back_1.gif);}
.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {visibility:visible; color:#088; background:url(menus/back_1.gif);}
body  {
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
	background: #EDEEF0;
	width:auto;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left;
}
#header {background: #DDD;padding: 0 10px 0 20px;position: absolute;left: 245px;top: 18px;width: 690px;	height: 81px;} 
#form {
	position: absolute;
	width: 183px;
	height: 69px;
	left: 22px;
	top: 516px;
}  
#titulo{position: absolute;left: 222px;top: 79px;height: 49px;width: 221px;font:11pt/ Arial, Helvetica, sans-serif;width: 517px}
#titulo2{position: absolute;left: 24px;top: 76px;height: 49px;width: 221px;font:11pt/ Arial, Helvetica, sans-serif;width: 517px;}
#canto{position: absolute;left: 187px;top: 72px;height: 18px; width:18px; background-image:url(fotos/bcanto.gif)}
#shadleft{position: absolute;left: -9px;top: -97px;width:8px; height:299px; background-image:url(fotos/leftpapel.gif)}
#shadright{position: absolute;left: 780px;top: -94px;height: 248px;width: 7px; background-image:url(fotos/rightpapel.gif)}
#shadbottom{
	position: absolute;
	left: -1px;
	top: 709px;
	height: 15px;
	width: 782px;
	background-image:url(fotos/basepapel.gif)
}
#visum{
	position: absolute;
	left: 0px;
	top: 723px;
	height: 97px;
	width: 780px;
}
#shadbottomg{position: absolute;left: -1px;top: 805px;height: 20px;width: 786px;}
#text{
	position: absolute;
	padding-right:5px;
	left: 225px;
	top: 439px;
	height: 250px;
	width: 531px;
	font:11pt/ Arial, Helvetica, sans-serif;
	color:#666;
	width: 511px;
	overflow: scroll;
	overflow-x: hidden;
}
#texttabagismo{
	position: absolute;
	padding-right:5px;
	left: 33px;
	top: 746px;
	height: 332px;
	width: 531px;
	font:11pt/ Arial, Helvetica, sans-serif;
	color:#666;
	width: 698px;
}
#textmapa{
	position: absolute;
	padding-right:5px;
	left: 240px;
	top: 250px;
	height: 460px;
	width: 531px;
	font:11pt/ Arial, Helvetica, sans-serif;
	color:#666;
	width: 511px;
	overflow: scroll;
}
#field{
	position: absolute;
	padding-right:5px;
	left: 186px;
	top: 230px;
	height: 440px;
	width: 531px;
	font:11pt/ Arial, Helvetica, sans-serif;
	color:#666;
	width: 430px;
	overflow: scroll;
	overflow-x: hidden;
}
#formspace{
	position: absolute;
	left: 224px;
	top: 423px;
	height: 294px;
	width: 531px;
	font:11pt/ Arial, Helvetica, sans-serif;
	color:#666;
	width: 296px;
}
#end{
	position: absolute;
	left: 60px;
	top: 752px;
	height: 51px;
	width: 595px;
	font:9pt/ Arial, Helvetica, sans-serif;
	color:#666;
	width: 698px;
}
#captions{
	position: absolute;
	left: 7px;
	top: 37px;
	height: 22px;
	font:10pt/ Arial, Helvetica, sans-serif/ bolder;
	color:#FFF;
	width: 105px;
}
#captions1{
	position: absolute;
	left: 205px;
	top: 37px;
	height: 21px;
	font:10pt/ Arial, Helvetica, sans-serif/ bolder;
	color:#FFF;
	width: 105px;
}
#captions2{
	position: absolute;
	left: 396px;
	top: 37px;
	height: 22px;
	font:10pt/ Arial, Helvetica, sans-serif/ bolder;
	color:#FFF;
	width: 181px;
}
#captions3{
	position: absolute;
	left: 589px;
	top: 37px;
	height: 22px;
	font:10pt/ Arial, Helvetica, sans-serif/ bolder;
	color:#FFF;
	width: 105px;
}
#pix1{
	position: absolute;
	left: 199px;
	top: 70px;
	height: 57px;
	width: 191px;
	background-image:url(fotos/psiquiatrap.jpg);
}
#pix2{
	position: absolute;
	left: 5px;
	top: 70px;
	height: 56px;
	width: 190px;
	background-image:url(neurop.jpg)
}
#pix3{
	position: absolute;
	left: 394px;
	top: 70px;
	height: 56px;
	width: 190px;
	background-image:url(adoldrugs.jpg)
}
#pix4{
	position: absolute;
	left: 588px;
	top: 70px;
	height: 56px;
	width: 190px;
	background-image:url(falep.jpg)
}
#endg{
	position: absolute;
	left: 137px;
	top: 876px;
	height: 36px;
	width: 595px;
	font:9pt/ Arial, Helvetica, sans-serif;
	color:#666;
	width: 576px;
}
#gray{
position: absolute;
left: 223px;
top: 382px;
height: 41px;
width: 537px;
	width: 517px;
	border-bottom: 4px solid #EBEBEB;
}
#rodape{
	position: absolute;
	left: 194px;
	top: 730px;
	height: 26px;
	width: 578px;
	font:8pt/ Arial, Helvetica, sans-serif;
	color:#385B88;
	width: 607px;
}
#rodapeg{
	position: absolute;
	left: 121px;
	top: 853px;
	height: 26px;
	width: 578px;
	font:8pt/ Arial, Helvetica, sans-serif;
	color:#385B88;
	width: 607px;
}
#baselinetext{
	position: absolute;
	left: 6px;
	top: 587px;
	height: 88px;
	width: 578px;
	color:#000;
	width: 179px;
	padding:5px
}
#baselinetext1{
	position: absolute;
	left: 200px;
	top: 587px;
	height: 87px;
	width: 578px;
	color:#000;
	width: 181px;
	padding:5px
}
#baselinetext2{
	position: absolute;
	left: 394px;
	top: 587px;
	height: 87px;
	width: 578px;
	color:#000;
	width: 180px;
	padding:5px
}
#baselinetext3{
	position: absolute;
	left: 588px;
	top: 588px;
	height: 75px;
	width: 578px;
	color:#000;
	width: 180px;
	padding:5px
}
#lefttitle{
	position: absolute;
	left: 21px;
	top: 448px;
	height: 72px;
	width: 178px;
	font:10pt/ Arial, Helvetica, sans-serif/ bolder;
	color:#003399;
	width: 175px;
}
#barra{
	background-image: url(fotos/bluerodapebar.gif);
}
#img{
	position: absolute;
	left: 10px;
	top: 436px;
	height: 230px;
	width: 193px;
	background-image:url(fotos/blueframe.jpg)
}
#imgsquare{
	position: absolute;
	left: 742px;
	top: 301px;
	height: 35px;
	width: 28px;
    background-image:url(fotos/efect.gif)}
#imgp{
	position: absolute;
	left: 221px;
	top: 123px;
	height: 78px;}
#imgg{
	position: absolute;
	left: 21px;
	top: 124px;
	height: 78px;
}	
#logoinst{
	position: absolute;
	left: 14px;
	top: -87px;
	height: 60px;
	width:219px;
	background-image:url(fotos/institutologo.gif)
}
#tabagismo{
	position: absolute;
	left: 0px;
	top: 78px;
	height: 577px;
	width: 781px;
}
#baseline{
	position: absolute;
	left: 1px;
	top: 486px;
	height: 42px;
	width: 779px;
}
#logos{
	position: absolute;
	left: 93px;
	top: 1083px;
	height: 102px;
	width: 671px;
}
#flash{
	position: absolute;
	left: 0px;
	top: 73px;
	height: 301px;
}
#flash2{
	position: absolute;
	left: 536px;
	top: 72px;
	height: 302px;
}

#menusbaixos{
	position: absolute;
	left: 1px;
	top: 457px;
	height: 31px;
	width: 780px;
}
#bluetop{
	position: absolute;
	background-image:url(fotos/blue.jpg);
	background-repeat:repeat-y;
	width:428px;
	height:100px;
	left: 352px;
	top: -98px;
	height: 98px;
}
#imgbarra{
	position: absolute;
	left: 2px;
	top: 617px;
	height: 7px;
	width: 777px;
	background-image:url(fotos/bluerodapebar.gif)}
#imgbarra2{
	position: absolute;
	left: 2px;
	top: 729px;
	height: 20px;
	width: 781px;
}

#menu4{
	position: absolute;
	left: 73px;
	top: 231px;
	height: 938px;
	width: 431px;
}
#menu {margin-bottom: 30px;border-bottom: 4px solid #EBEBEB;position: absolute;left: 1px;top: 171px;width: 204px;font:9pt/ Arial, Helvetica, sans-serif;}
#menu ul {margin: 0;list-style: none;line-height: normal;}
#menu li {display: inline;}
#menu a {display: block;padding: 10px 0 10px 24px;background: url(images/img05.gif) no-repeat 10px 17px;border-top: 1px solid #EBEBEB;color: #E08934;text-decoration: none}
#menu a:hover, #menu .active a {background: #EBEEF3;text-decoration: none;color: #385B88;}