/* CSS Document */
body {
	font-family:Trebuchet MS, Verdana;
	margin:0px;
	font-size:12px;
	color:#536373;
	text-align:justify;
	background-color:#4d5d6d;
}

a {color:#536373;}

a:hover {text-decoration:underline;}

#intro {
	width:780px; height:420px; top:50%; left:50%;
	margin:-210px auto auto -390px; border:1px solid black;
	position:absolute; _position:absolute; z-index:0;
}

#principal {
	width:780px; height:420px; top:50%; left:50%;
	margin:-210px auto auto -390px; border:1px solid black;
	position:absolute; _position:absolute; background-color:#FFFFFF;
}

#menu {
	width:230px; height:420px;
	margin:0px; float:left;
}

#conteudo,#instituto,#pergresp,#localizacao,#clientes,#programa,#programa2,#programa3,#publicases,#missao,#referencias,#recursos,#equipe {
	width:518px; height:304px; _width:518px;
	margin:10px 20px 20px 10px; _margin:10px 20px 20px 10px;  float:left;
	background-attachment:fixed;
	background-position: 65% 50%;
	background-image: url("imagens/bg_conteudo.jpg");
	_padding:20px; 
	overflow:auto;
}

#recursos.qv {background-image:none; }
#recursos.qv ul, ol { margin-right:30px;}

#menu.qv {background:#262B2F url(imagens/bg_qv.jpg) repeat-x; padding:0; color:#eeeeee;} 

#menu.qv a {color:#cccccc;}

#menu.qv p {margin-left:20px; font-weight:bold;}

#programa2 {
width:518px; _width:538px; height:314px;_height:314px;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin:10px 20px 20px 10px; _margin:0px 20px 20px 0px;
}

#programa3 {
width:518px; _width:538px; height:390px;_height:400px;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin:10px 20px 20px 10px; _margin:0px 20px 20px 0px;
}

#conteudo p,#instituto p,#pergresp p,#clientes p,#localizacao p,#programa p,#publicases p,#missao p,#referencias p,#recursos p,#equipe p {
	width:90%;
	margin:10px 20px 10px 20px;
	_width:auto;
	_margin:auto;
}

#missao .textogrande{
	font-size:18px;
}


#popupdrogas, #popuptabagismo, #popuppeso, #popupstress {
	width:518px; height:314px; _width:538px;
	margin:10px 20px 20px 10px; _margin:0px 20px 20px 0px;  float:left;
	background-attachment:fixed;
	background-color:#FFFFFF;
	_padding:20px; 
	overflow:auto;
}

#popupdrogas ul li, #popuptabagismo ul li, #popuppeso ul li, #popupstress ul li {
width:310px;
vertical-align: top;
}

h1 {font-size:14px; font-weight:normal; width:100%;}
h2 {font-size:14px;}

#equipe img { float:left; margin-right:10px;}
#equipe h2 { margin-bottom:0px; _margin-bottom:-20px; margin-top:0px;}
#equipe td { font-size:11px;}
#equipe p { margin:0px 20px 10px 10px; _margin:auto;}

#localizacao form table td { font-size:11px;}
#localizacao p {width:90%; width:auto;}

#titulo {width:548px; height:46px;  border:0px; background-color:#ffffff; float:left;}
#titulo img{margin:0px 0px 0px 20px;}

#rodape {width:548px; height:40px; _padding:3px; background-color:#ECEFEF;float:left;text-align:center; font-size:11px;}

.campos {border:1px solid #536373; font-size:11px; color:#333333;}
.botao {border:1px solid #cccccc; font-size:11px; background-color:#333333; color:#ffffff;}

form {margin:0px;}

#popupdrogas { background-image: url("imagens/bg_drogas.jpg");}
#popuptabagismo { background-image: url("imagens/bg_tabagismo.jpg");}
#popuppeso { background-image: url("imagens/bg_peso.jpg");}
#popupstress { background-image: url("imagens/bg_stress.jpg");}

#contato {position:absolute; width:113px; height:20px; left:610px; top:15px;z-index:10;}