/*'******************************************************************************************
' @autor: Mayco Alexandre
' @brief: Configura os estilos da pagina do seminario de agua
' Version 0.0   25 Maio 2011 -  Inciando a implementação 
'*******************************************************************************************/


*{
  margin:0; padding:0;
  text-decoration:none;
  font-family:Tahoma, Verdana, Arial,  Sans-Serif, Helvetica;
  font-size:15px;
  color:#666;
}

html{

	overflow-x:hidden;
}

body{background:#f5f5f5}


#institucional, #topo, #principal, #rodape{
	width:800px;
	margin:0 auto;
	background:#fff;
	border-right:#e7e7e7 1px solid;
	border-left:#e7e7e7 1px solid;

	-moz-box-shadow:0 10px 5px 5px #ccc;
	-webkit-box-shadow: 0px 10px 15px #ccc;		

}

#institucional{background:#f5f5f5;border:none;

	-moz-box-shadow:0 0 0 0 #f5f5f5;
	-webkit-box-shadow:0;		

}

#topo{
	height:183px;
	overflow:auto;
	text-indent:-999999px;
	background: url(../_img/topo.gif) no-repeat;
}


#principal{
	width:710px;
	padding:0 45px 0 45px;		
	
/* CSS3 styling for latest browsers */
}

#esquerda{
	float:left;
	width:500px;
}

#edicao h2{
	font:bold 30px 'Arial Narrow', Arial, Tahoma, Verdana, Arial,  Sans-Serif, Helvetica;
	color:#28417D;
	text-shadow: 1px 2px 3px #b7b9ba;
}

#programacao{margin-top:25px;}
#programacao div{
	font-size:12px; 
	clear:all;
	float:left;margin-top:5px;
	margin-top:10px;
}
#programacao div span{
	font:bold 18px Arial, Tahoma, Verdana, Arial,  Sans-Serif, Helvetica;
	color:#c1c1c1;
	letter-spacing:-0.09em;
	margin-right:10px;
	padding-right:2px;
	float:left;
	width:40px;
}
#programacao div span img{
	float:left;
	
}

#programacao div p, #programacao p{
	color:#4a4a4a;
	font-size:12px;
	float:left;
	width:435px;
	padding-top:0px;
	margin-bottom:15px;
	
}



#programacao div.painel {
	margin:25px 0 10px 0;
	float:left;
}

#programacao div.painel span{
	
}


#programacao div.painel p{width:435px;float:left;color:#28417D; font-family:'Lucida sans', Tahoma; font-size:14px;font-weight:bold;text-shadow: 1px 2px 3px #b7b9ba;}
#programacao div.painel h3{font-size:11px;}



#programacao #cofee{
	clear:both;height:20px;
	border:none;border-top:#eee 1px solid;border-bottom:#eee 1px solid;
	margin:10px 0;
	float:left;
	padding:5px 0 8px 0;
	background:#f8f8f8
}

#programacao #cofee p{

	font-weight:normal;
}







#programacao h3{margin-top:10px;}
#programacao #apresentacoes p{
	border:transparent 1px solid;
	padding:2px;	
	border-left:#28417D 2px solid;
	padding-left:5px;
	
	border:#f0f0f0 1px solid;
	background:#f9f9f9;
	border-left:#28417D 2px solid;
	
}
#programacao #apresentacoes div b{font-size:12px;font-style:italic;margin-bottom:5px;display:block;}
#programacao #apresentacoes p:hover{
	border:#f0f0f0 1px solid;
	border-left:#6bbae2 2px solid;
	background:#f9f9f9;
	color:#6bbae2;
}

#programacao #apresentacoes p a{}

#programacao #apresentacoes p:hover a{color:#28417D}

#endereco{
	text-align:right;
}




#endereco h2{
	font:bold 24px 'Arial Narrow', Arial, Tahoma, Verdana, Arial,  Sans-Serif, Helvetica;
	text-shadow: 0px 1px 3px #b7b9ba;
}

#endereco img{border:none; margin-bottom:20px;}

#endereco a[rel="contato"]{
	float:right;
	color:#0c491e;
	font-size:13px;
	height:15px;
	padding:10px 0;
	
	margin-top:10px;
	padding-left:32px;
	background: url(../_img/ico_faleconosco.gif) no-repeat 0px 5px;
	width:120px;
	text-align:left;	
	
	
}

#endereco a[rel="dicas"]{
	float:right;
	color:#0c491e;
	font-size:13px;
	width:120px;	
	height:15px;
	padding:10px 0;
	background: url(../_img/ico_informacao.gif) no-repeat 0px 5px;
	padding-left:32px;
	margin-top:15px;
	text-align:left;
	
	
}



#rodape{
	height:200px;
	overflow:auto;
	text-indent:-999999px;
	background: url(../_img/rodape-2011.gif) no-repeat;
	margin-bottom:40px;
}