@import "sidebar.css";

#content #content-main {
	background: #fff url(../img/associados/bg_header_content.jpg) no-repeat left top;
	position: relative;
	}
	#content #content-main #links-header {
		min-height: 251px;
		_height: 251px;
		padding: 15px 22px 0 20px;
		}
		#content #content-main #links-header h1 {			
			font: bold 18px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
			color: #fff;			
			}					

	
	#content #content-main #links {		
		padding: 14px;
		overflow: hidden;		
		margin-top: -180px;
		}		
		#content #content-main #links ul{
			list-style: none;
			margin-left:10px;
			}	
			#content #content-main #links ul li{		
				width: 162px;
				height:100px;
				float: left;
				margin: 10px;				
				}
				#content #content-main #links ul li .img-logo{					
					overflow: hidden;
					width: 162px;
					height: 42px;					
					text-align: center;					
					}
					
					
		#content #left-column #utilidades {
				display:none;
		}
					
					
				#content #content-main #links ul li img{
					margin: 0 auto;	
					}
					
					#content #content-main #links ul li h2.tabua{
						text-indent: -9999em;						
						background: url('../img/utilidades/tabua-das-mares.gif') no-repeat;	
						width: 162px;
						height: 43px;
						}
                              
                              #content #content-main #links ul li.last{
                              	width: 500px;                              
                              	}
                              
                              #content #content-main #links ul li h2.cotacao{
						text-indent: -9999em;						
						background: url('../img/utilidades/cotacao-do-dolar.gif') no-repeat;	
						width: 162px;
						height: 43px;
						}
                              
                              
					#content #content-main #links ul li h2.mapas{
						text-indent: -9999em;						
						background: url('../img/utilidades/mapas-da-regiao.gif') no-repeat;	
						width: 162px;
						height: 43px;
						}
					#content #content-main #links ul li h2.calendario{
						text-indent: -9999em;						
						background: url('../img/utilidades/calendario-e-horario.gif') no-repeat;	
						width: 162px;
						height: 43px;
						}
					#content #content-main #links ul li .link-der, #content #content-main #links ul li .link-ecovias{
						float:left;
						margin-left:13px;					
					}
					#content #content-main #links ul li .link-der a, #content #content-main #links ul li .link-ecovias a{
						color:#3E3E3E;
					
					}
					
					#content #content-main #links ul li h2.estradas{
						text-indent: -9999em;						
						background: url('../img/utilidades/movimento-das-estradas.gif') no-repeat;	
						width: 162px;
						height: 42px;
						}
					#content #content-main #links ul li h2.balsas{
						text-indent: -9999em;						
						background: url('../img/utilidades/movimento-das-balsas.gif') no-repeat;	
						width: 162px;
						height: 42px;
						}
					#content #content-main #links ul li h2.praias{
						text-indent: -9999em;						
						background: url('../img/utilidades/balneabilidade-das-praias.gif') no-repeat;	
						width: 162px;
						height: 42px;
						}
					#content #content-main #links ul li h2.cruzeiros{
						text-indent: -9999em;						
						background: url('../img/utilidades/cruzeiros-maritimos.gif') no-repeat;	
						width: 162px;
						height: 43px;
						}
            
					#content #content-main #links ul li h2.previsao{
						text-indent: -9999em;						
						background: url('../img/utilidades/previsao-do-tempo.gif') no-repeat;	
						width: 162px;
						height: 43px;
						}
					#content #content-main #links ul li h2.cartao{
						text-indent: -9999em;						
						background: url('../img/utilidades/envie-um-cartao-postal.gif') no-repeat;	
						width: 162px;
						height: 43px;
						}								
						#content #content-main #links ul li h2 a{
							display: block;
							width: 162px;
							height: 43px;
							margin: 0;
							padding: 0;
							text-decoration: none;
							content: '';							
							overflow: hidden;							
							}
			
						
						
		#content #content-main #bottom-content-internal{			
			background: url('../img/default/bg_bottom_content.gif') no-repeat;
			position: absolute;
			clear: both;
			width: 617px;
			height: 42px;			
			bottom: 0;	
			}
			#content #content-main #bottom-content-internal ul{
				list-style: none; 
				padding: 17px 0 0 0;
				text-align: center;
				color: #fff;
				} 	
				
        #content #content-main #links #cotacao h3{
        
border-bottom:1px solid #8B8B8B;
color:#8B8B8B;
font: bold 18px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
padding-bottom:10px;
        }
        
        #content #content-main #links #cotacao{
          float:left;
          margin-left:38px;
          margin-top:50px;
          width:227px;
        }
        #content #content-main #links #previsao-tempo{
          float:left;
          margin-left:80px;
          _margin-left:30px;
          width:180px;    
          margin-top:50px;
        }
        
				#content #content-main #bottom-content-internal ul li{
					display: inline;
					margin-right: 3px;				
					} 
				#content #content-main #bottom-content-internal ul li a{
					color: #fff;
					font-weight: bold;
					}