/* CSS Portal Síndrome de Down */

/* @group Tags */

html {
	width:100%;
	height:100%;
}

body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background-color:#9bcae1;
	font-size:12px;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
}

a {
	color: red;
}

a:hover {
	text-decoration: none;
}

h2 {
	padding:0px;
	margin:0px 0px 5px 0px;
	color:#669933;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
}

h3 {
	padding:0px;
	margin:0px 0px 5px 0px;
	color:#003366;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
}

form {
	margin:0px;
	padding:0px;
}

/* @end */

/* @group Estruturas básicas */

#pagecontainer {
	width:735px; /* area util: 735px - area total: 735px */
	margin:10px auto 0px auto;
	padding-bottom: 25px;	
}

#top {
	background:url(../img/bg_top.gif) top center no-repeat;
	height:175px;
	clear:both;
}

#top_left {
	float:left;
	margin:95px 20px auto 200px;
	width:325px;
	text-align:center;
	color:#7a7a7a;
}

#top_right {
	float:right;
	margin:50px 20px auto auto;
	width:150px;
}

#middle {
	padding:0px;
	margin:0px;
	clear:both;
	background: #95ca26 url(../img/bg_middle.gif) repeat-y center top;
}


#middle_left {
	float:left;
	width:170px; /* largura util 170px, area total: 190px */
	margin:0px 10px 0px 10px;
}

#middle_ajax {
	
}

#middle_middle {
	padding-top:22px;
	background: #ffffff url(../img/tab_middle.gif) no-repeat center top;
	width:355px;
	float:left;
}

.middle_content {
	background: url(../img/linha_middle_content.gif) repeat-x center bottom;
}

#recomendar {
	background: url(../img/linha_middle_content.gif) repeat-x center bottom;
}

#middle_right {
	float:right;
	width:170px; /* area util 170px. area total: 190px  */
	margin:0px 10px 0px 10px;
}

#bottom {
	background:url(../img/bg_bottom.gif) no-repeat center bottom #95ca26;
	text-align: center;
	font-size: 11px;
	padding: 10px;
	color: #fff;
	overflow:hidden;
}

/* @end */

/* @group Menu */

#menu {
	text-align:center;
	padding:8px 0px 10px 0px;
	background: #95ca26;
}

a.oquee {

          display: block;

          width: 168px;

          height: 23px;

          background: url("../img/menu_oquee.gif") 0 0 no-repeat;

          text-decoration: none;
		 
      }

       

      a:hover.oquee {

          background-position: -168px 0;
		  width:170px;
		  
      }
	  
	  a.orientacoes {

          display: block;

          width: 163px;

          height: 23px;

          background: url("../img/menu_orientacoes.gif") 0 0 no-repeat;

          text-decoration: none;	

      }

       

      a:hover.orientacoes {

          background-position: -163px 0;
		  width:170px;

      }
	  
	  a.orientacoes_pais {

          display: block;

          width: 147px;

          height: 23px;

          background: url("../img/menu_orientacoes_pais.gif") 0 0 no-repeat;

          text-decoration: none;
	
      }

       

      a:hover.orientacoes_pais {

          background-position: -147px 0;
		  width:170px;
	
      }
	 
	  
	  a.estimulacao {

          display: block;

          width: 122px;

          height: 23px;

          background: url("../img/menu_estimulacao.gif") 0 0 no-repeat;

          text-decoration: none;
		  
		  

      }

       

      a:hover.estimulacao {

          background-position: -122px 0;
		  width:170px;
		  

      }
	  
	  a.inclusao {

          display: block;

          width: 49px;

          height: 23px;

          background: url("../img/menu_inclusao.gif") 0 0 no-repeat;

          text-decoration: none;
		  
		  

      }

       

      a:hover.inclusao {

          background-position: -49px 0;
		  width:170px;
		  

      }
	  
	    a.entrevistas {

          display: block;

          width: 65px;

          height: 23px;

          background: url("../img/menu_entrevistas.gif") 0 0 no-repeat;

          text-decoration: none;
		  
		  

      }

       

      a:hover.entrevistas {

          background-position: -65px 0;
		  width:170px;
		  

      }
	  
	    
	  a.namidia {

          display: block;

          width: 50px;

          height: 23px;

          background: url("../img/menu_namidia.gif") 0 0 no-repeat;

          text-decoration: none;
		  
		  

      }

       

      a:hover.namidia {

          background-position: -50px 0;
		  width:170px;
		  

      }
	  
	  a.atualidade {

          display: block;

          width: 63px;

          height: 23px;

          background: url("../img/menu_atualidade.gif") 0 0 no-repeat;

          text-decoration: none;
		  
		  

      }

       

      a:hover.atualidade {

          background-position: -63px 0;
		  width:170px;
		  

      }
	  
	  a.ciencia {

          display: block;

          width: 44px;

          height: 23px;

          background: url("../img/menu_ciencia.gif") 0 0 no-repeat;

          text-decoration: none;
		  
		  

      }

       

      a:hover.ciencia {

          background-position: -44px 0;
		  width:170px;
		  

      }
	  
	  a.links {

          display: block;

          width: 30px;

          height: 23px;

          background: url("../img/menu_links.gif") 0 0 no-repeat;

          text-decoration: none;
		  
		  

      }

       

      a:hover.links {

          background-position: -30px 0;
		  width:170px;
		  

      }
	  
	  a.utilpublica {

          display: block;

          width: 98px;

          height: 23px;

          background: url("../img/menu_utilpublica.gif") 0 0 no-repeat;

          text-decoration: none;
		  
		  

      }

       

      a:hover.utilpublica {

          background-position: -98px 0;
		  width:170px;
		  

      }

/* @end */

#recomendar {
	display: none;
}

#newsletter {
	text-align:center;
}

#address {
	width:85%;
	padding:3px;
	margin-bottom:3px;
	text-align:center;
	border:solid 1px #CCCCCC;
}

#submit {
	margin:0px;
	padding-right:10px;
}

#response {
	font-size: 11px;
	margin:3px 0px 0px 0px;
	clear:both;
	padding:0px;	
}

#enquete_content {
	width:150px; /* area total 170px */
	padding:32px 5px 5px 5px;
	background-color:#e4fab5;
}

.maisinfo {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #666;
}

.tab {
	padding:32px 10px 10px 10px;
	margin-bottom: 15px;
}

#tab_enquete {
	background-color: #e4fab5;
	margin-bottom: 15px;
}

.tab_titulo {

}

.tab_content {
	padding:32px 5px 5px 5px;
}

#tab_content_enq {
	padding:5px;
}

.tab p {
	padding:0px 0px 5px 0px;
	color:#666666;
	margin:0px;
}

.tab a {
	font-size:11px;
	color:#CC0000;
}

.tab a:hover {
	text-decoration:none;
}

.hackfloat {
	clear:both;
	height:0px;
	overflow:hidden;
}
