/* CSS Document */
html, body {height:100%;} 
body{background:#fff; color:#0F0F0F; font:15px/20px Arial, Helvetica, sans-serif; margin:0px 0 0; padding:0; }
div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}

/* ALL PAGE */

#all {
width:862px;
position:relative;
min-height: 100%;
margin:0;
}
 * html #all {height: 100%;}

#conthome {
padding-bottom:0px;
height:890px;
}

#contquem {
padding-bottom:0px;
height:750px;
}

#contcont {
padding-bottom:0px;
height:900px;
}

#contcursos {
padding-bottom:0px;
height:790px;
}

#contlibertarse {
padding-bottom:0px;
height:910px;
}

#contpubli {
padding-bottom:0px;
height:1050px;
}

#contpublipfumar {
padding-bottom:0px;
height:920px;
}

#contondeencontrar {
padding-bottom:0px;
height:2850px;
}


/* TOP PANEL*/
#topPanel{width:862px; height:203px; position:relative; margin:0 auto; padding:0; top:0px;}
#topPanel img{width:250px; height:188px; z-index:1; padding:0; position:relative; float:left; margin:0 0 0 1px;}
/* MENU PANEL*/
#topPanel ul{display:block; width:732px; height:36px; position:absolute; top:133px; right:0; margin:11px 0 0; padding:0 9px 0 0; border-bottom:1px solid #AEAEAE;}
#topPanel ul li{float:right; font:12px/36px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}
#topPanel ul li a{width:90px; height:36px; display:block; padding:0; color:#555; background:#fff; text-decoration:none; text-align:center; margin:0 10px 0 0; top:0px; left:0px;}
#topPanel ul li a:hover{width:90px; height:36px; text-decoration:none; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff;}
#topPanel ul li.active{width:90px; display:block; height:36px; background:url(images/button.gif) no-repeat 0 0 #AEAEAE; color:#fff; text-align:center; margin:0 1px 0 0;}
#left{
position:relative;
float:left;
width:400px;

}


#inheader {
width:862px; height:210px; position:relative; top:0px; left:0; margin:0px 0 0; padding:0px; 
} 

/* HEADER PANEL*/
#left #headerPanelfast{width:360px; height:340px; position:relative; top:5px; left:0; margin:0px 0 0; padding:0px; background:url(images/verdepubli.jpg) no-repeat 0 0 #FFFFFF; color:#fff;}
#left #headerPanelfast a{width:360px; height:340px; display:block; text-decoration:none; }

/* /TOP PANEL*/

/* BODY PANEL*/
#bodyPanel{width:820px;  height:200px; position:relative; margin: auto; padding:0; text-align:justify; top:15px;}
#bodyPanel h2{ background:#fff;  width:820px; height:50px; margin:0 0 10px 0; font:50px/50px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:4px 0 0 0px; color:#AB5FDD; }
#bodyPanel p{ 0 0 no-repeat #fff; margin:0 0 0 0px; padding:0 0px 0px 0px; color:#0F0F0F;}
#bodyPanel p span{font-weight:bold;}


/* BODY Publi*/
#bodyPanelpubli{width:820px;  height:160px; position:relative; margin: auto; padding:0; text-align:justify; top:15px;}
#bodyPanelpubli h2{ background:#fff;  width:820px; height:50px; margin:0 0 10px 0; font:50px/50px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:4px 0 0 0px; color:#AB5FDD; }
#bodyPanelpubli p{ 0 0 no-repeat #fff; margin:0 0 0 0px; padding:0 0px 0px 0px; color:#0F0F0F;}
#bodyPanelpubli p span{font-weight:bold;}

/* BODY cursos*/
#bodyPanelcursos{width:820px;  height:180px; position:relative; margin: auto; padding:0; text-align:justify; top:15px;}
#bodyPanelcursos h2{ background:#fff;  width:820px; height:50px; margin:0 0 10px 0; font:50px/50px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:4px 0 0 0px; color:#AB5FDD; }
#bodyPanelcursos p{ 0 0 no-repeat #fff; margin:0 0 0 0px; padding:0 0px 0px 0px; color:#0F0F0F;}
#bodyPanelcursos p span{font-weight:bold;}


/* BODY onde encntrar*/
#bodyPanelonde{width:900px; height:180px; position:relative; margin: auto; padding:0; text-align:justify; top:15px;}
#bodyPanelonde h2{ background:#fff;  width:820px; height:50px; margin:0 0 10px 0; font:50px/50px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:4px 0 0 0px; color:#AB5FDD; }
#bodyPanelonde p{ 0 0 no-repeat #fff; margin:0 0 0 0px; padding:0 0px 0px 0px; color:#0F0F0F;}
#bodyPanelonde p span{font-weight:bold;}




#right{
position:relative;
float:right;
width:400px;

}

#right #headerPanelsecond{width:360px; height:340px; position:relative; top:5px; left:0px; margin:0px 0 0; padding:0px; background:url(images/lilaspubli.jpg) no-repeat 0 0 #FFFFFF; color:#fff;}
#right #headerPanelsecond a{width:360px; height:340px; display:block; text-decoration:none; }



#headerPanelthird{width:820px; height:205px; position:relative; top:0px; right:0; margin:0px 0 0; padding:0px; background:url(images/orange_protejase.jpg) no-repeat 0 0 #FFFFFF; color:#fff;}
#headerPanelthird a{width:820px; height:205px; display:block; text-decoration:none; }

#cursos img{
margin-right:20px;
}

#cursos last:img{
margin-right:0px;
}

#youtube img{ 
margin: 20px 0 20px 120px;
margin-left:270px;

}






/* /TOP PANEL*/



.clear {clear:both;}



/* FOOTER PANEL*/
#footerPanel{width:100%;  background:#DCDCDC; color:#4C4C4C;  font-size:12px; position:absolute; bottom:0; margin:0}
#footerbodyPanel{width:762px;height:133px; position:relative; margin:0 auto; padding:0;}
#footerPanel ul{width:420px; display:block; position:absolute; right:10px; top:33px; }
#footerPanel li{float:left; font:12px/15px Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPanel ul li a{padding:0 6px; color:#4C4C4C; background:#DCDCDC; text-decoration:none;}
#footerPanel ul li a:hover{text-decoration:underline;}
#footerPanel ul li a.padl{padding:0 0 0 6px;}
#footerPanel p.copyright{background:#DCDCDC; display:block; text-align:left; position:absolute; top:54px; right:100px; color:#A64200;}


#footertwitterPanel{ width:50px; height:50px; display:block; position:absolute; top:14px; left:29px; margin:0; padding:0;} 
#footertwitterPanel a{ width:50px; height:50px; display:block; background:url(images/twitter.jpg) no-repeat 0 0 #DCDCDC;  padding:0 0 0 10px; position:absolute; top:0px; right:0px;}

#footeryoutubePanel{ width:50px; height:50px; display:block; position:absolute; top:14px; left:115px; margin:0; padding:0;} 
#footeryoutubePanel a{ width:50px; height:50px; display:block; background:url(images/youtube.jpg) no-repeat 0 0 #DCDCDC;  padding:0 0 0 10px; position:absolute; top:0px; right:0px;}

#footerfacebookPanel{ width:50px; height:50px; display:block; position:absolute; top:14px; left:200px; margin:0; padding:0;} 
#footerfacebookPanel a{ width:50px; height:50px; display:block; background:url(images/facebook.jpg) no-repeat 0 0 #DCDCDC;  padding:0 0 0 10px; position:absolute; top:0px; right:0px;}

#footerinformativos form{ width:250px; height:50px; display:block; position:absolute; top:93px; left:5px; margin:0; padding:0;} 
#footerinformativos p{ width:190px; height:50px; display:block; position:absolute; top:70px; left:29px; margin:0; padding:0;} 



#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

#popup{
position: absolute;
top: 30%;
left: 30%;
width: 500px;
height: 120px;
padding: 20px 20px 20px 20px;
border-width: 2px;
border-style: solid;
background: #EBD0EC;
display: none;
}