/* CSS Document */

html,body{margin:0;padding:0}
body{font: 11px "Tahoma",arial,sans-serif;text-align:center;
	background:url(../imgs/BG-SITE.JPG) left top repeat}
p{	margin:0 10px 10px;color:#fff;}

a{color: #e33d92;padding:0 0 5px 0;text-decoration:none;}
div#content strong {color: #e33d92;}
h2,h3,h4 {
	margin:3px 0 15px 0;padding:0;
	color:#007e2e;
	font-size:12px
	}

div#header h1{
	height:414px;
	display:block;
	overflow:hidden;
	text-indent:-5000px;
	margin:0;padding:0}
  
div#header {
	height:414px;
	background:url(../imgs/topo.jpg) left top no-repeat;
	}
	
	div#header a {cursor:pointer}
  
div#container{
	text-align:left;
	background:url(../imgs/bottom.jpg) left bottom no-repeat}
	
div#content p{line-height:1.4}

div#footer{color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#container{width:1000px;margin:0 auto}
div#wrapper{float:left;width:755px;text-align:justify}

div#content{
	float:left;
	border-left:1px solid #c4e297;
	padding:0 23px 0 23px;
	width:450px;
	overflow:visible}
	
	div#content li {
		list-style:none;
		background:url(../imgs/item-lista.gif) left 8px no-repeat;
		padding:2px 0 5px 8px;
		}
	
	div#content h1 {
		display:block;
		padding:0;margin:0 0 15px 0;
		text-indent:-5000px;
		overflow:hidden;
		height:55px;
		widows:400px
		}
		
	div#content h1#oprojeto {background:url(../imgs/h1-oprojeto.gif) left top no-repeat}
	div#content h1#objetivo {background:url(../imgs/h1-objetivo.gif) left top no-repeat}
	div#content h1#programacao {background:url(../imgs/h1-programacao.gif) left top no-repeat}
	div#content h1#oficinas {background:url(../imgs/h1-oficinas.gif) left top no-repeat}
	div#content h1#pedagogico {background:url(../imgs/h1-pedagogico.gif) left top no-repeat}
	div#content h1#fotos {background:url(../imgs/h1-fotos.gif) left top no-repeat}
	div#content h1#tv {background:url(../imgs/h1-tv.gif) left top no-repeat}
	div#content h1#destaques {background:url(../imgs/h1-destaques.gif) left top no-repeat}
	div#content h1#objpedag {background:url(../imgs/h1-objtpedagogicos.gif) left top no-repeat}
	div#content h1#edicoes {background:url(../imgs/h1-edicoes.gif) left top no-repeat}
	
div#navigation{
	float:left;width:227px;
	padding:0 23px 0 5px}
	
	div#navigation ul , div#navigation ul * {
		margin:0;
		padding:0;
		list-style:none;
		}
		div#navigation ul li {
			border-bottom:1px solid #c4e297;
			width:206px;
			height:39px;
			}
			div#navigation ul li a {
				display:block;
				margin-left:21px;
				width:206px;
				height:39px;
				text-indent:-5000px;
				overflow:hidden
				}
			a#oprojeto {background:url(../imgs/links.gif) left top no-repeat} 
			a#objetivo {background:url(../imgs/links.gif) left -39px no-repeat}
			a#programacao {background:url(../imgs/links.gif) left -80px no-repeat}
			a#oficinas {background:url(../imgs/links.gif) left -122px no-repeat}
			a#fotos {background:url(../imgs/links.gif) left -163px no-repeat}
			a#tvinffinito {background:url(../imgs/links.gif) left -204px no-repeat}
			a#destaque {background:url(../imgs/links.gif) left -247px no-repeat}
			a#conteudo {background:url(../imgs/links.gif) left -288px no-repeat}
			a#objetivos {background:url(../imgs/links.gif) left -330px no-repeat}
			a#edicoes {background:url(../imgs/links.gif) left -373px no-repeat}
			a#quemsomos {background:url(../imgs/links.gif) left -413px no-repeat}
			
		div.coluna {
			background:url(../imgs/bg-coluna.gif) left top repeat;
			width:228px;
			padding:0 15px 0 15px;
			width:197px
			}
			
			div.coluna strong {color:#dd1079}
			
		div.coluna	div.bottom {
			height:14px;
			widows:227px;
			margin:0 -15px 0 -15px;
			background:url(../imgs/bottom-coluna.gif) left top no-repeat
			}
			
			div#oficinas {
			float:left;
			margin-right:5px;
			margin-left:-5px}
			
			div#oficinas .topo {
				margin:0 -18px 0 -15px;
				background:url(../imgs/top-oficina.jpg) left top no-repeat;
				height:74px;
				width:231px
				}
				
			div#galeria .topo {
				margin:0 -26px 0 -15px;
				background:url(../imgs/top-galeria.jpg) left top no-repeat;
				height:74px;
				width:238px
				}
				
			div#tvinffinito .topo {
				margin:0 -15px 0 -15px ;
				background:url(../imgs/top-tvinffinito.jpg) left top no-repeat;
				height:79px;
				width:229px
				}
									
				
			div#galeria	{float:right;margin-right:-5px}			
	
div#extra{float:left;width:230px;padding-left:15px}
div#footer{
	width:1000px;
	margin-top:15px;
	text-align:center;
	background:url(../imgs/inffinito.jpg) 120px top no-repeat;
	clear:both
	}
	div#footer span {color:#087405}