@import '../sidebar.css';
@import '../bottom-submenu.css';
@import '../pagination_bar.css';
@import '../submenu_evento.css';

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

#content #content-main .linkYear{
	margin-bottom: 10px;
	}
	#content #content-main .linkYear a{
		
		font-weight: bold;
		color: #8B8B8B;
		padding-right:10px;
		}
	
	#content #content-main #busca-eventos, #content #content-main #content-eventos {		
		padding: 14px;
		overflow: hidden;
		margin-top: -200px;
		}
		#content #content-main #content-eventos{
			width: 390px;
			}
		#content #content-main #content-eventos h1{
			font: bold 14px "Tahoma", Verdana, Arial, Helvetica, sans-serif;
			color: #8b8b8b;
			}	
		#content #content-main #busca-eventos{
			width: 180px;
			}
		
		#content #content-main #busca-eventos ul li, #content #content-main #content-content ul li {
			list-style: none;
			}
		
		 #content #content-main #content-content ul{
		 	margin-top: 20px;
		 	}
		
		#content #content-main #busca-eventos {
			float: left;
			padding-left: 0;
			}
			#content #content-main #busca-eventos h2, #content #content-main #busca-eventos h3, #content #content-main #busca-eventos h4{
				text-indent: -9999em;
				content:'';
				margin: 5px 0;
				}
			
			#content #content-main #busca-eventos .form-busca-eventos{
				margin: 20px 0 0 10px;
				}
				
			#content #content-main #busca-eventos h2 {
				background: url(../../img/eventos/busca_em_calendarios.gif) no-repeat;
				width: 156px;
				height: 14px;
				_margin-bottom: -14px;
				}
				#content #content-main #busca-eventos h3 {
					background: url(../../img/eventos/relacao_de_eventos.gif) no-repeat;
					width: 144px;
					height: 25px;
					}
				
				
							
			#content #content-main #busca-eventos ul{
            background:transparent url(../../img/eventos/bg_menu.jpg) no-repeat scroll 0 0;
          height:215px;
          padding-left:7px;
          width:180px;
				}	
			
			#content #content-main #busca-eventos ul li {				
            border-bottom:1px solid #459720;
            color:#FFFFFF;
            font-family:"Tahoma",Verdana,Arial,Helvetica,sans-serif;
            font-size:11px;           
            font-weight:bold;  
            padding:6px 0 5px;
            text-align:left;
            width:175px;
				}
				#content #content-main #busca-eventos ul li a {
					color: #fff;
					}
					#content #content-main #busca-eventos ul li a:hover {
						text-decoration: none;						
						}
					
				#content #content-main #busca-eventos ul li.last {
					border-bottom: none;
					}
				
				#content #content-main #busca-eventos .form-busca-eventos input, #content #content-main #busca-eventos .form-busca-eventos select{
					margin-bottom: 15px;
					}	
					
				#content #content-main #busca-eventos .form-busca-eventos input{
					background: #cae372;
					border: none;
					padding: 2px;
					/*_margin-left:-10px;*/
					width: 121px;					
					_margin-left: -10px;
					}	
					#content #content-main #busca-eventos .form-busca-eventos select{
						width: 155px;
						}	
					#content #content-main #busca-eventos .form-busca-eventos input.submit{
						background: url(../../img/associados/bt_ok.gif) no-repeat;
						width: 27px;
						height: 21px;
						font: bold 11px tahoma;
						padding-bottom: 3px;						
						color: #fff;
						margin-left: 1px;
						}
						#content #content-main #busca-eventos .form-busca-eventos p a{
							color: #3d3d3d;	
							font-weight: bold; 
							}
						
			
	
	#content #content-main #content-eventos{		
		width: 392px;
		padding: 14px 0 0 14px;
		float: left;
		/*margin: 20px 0 0 195px;
		_margin-left: 100px;
		*/
		}	
		
		#content #content-main #content-eventos .navegation-month{
			background: url('../../img/eventos/bg_month.gif') no-repeat;
			width: 392px;
			height: 28px;
			}
			#content #content-main #content-eventos .navegation-month p{
				padding-top:5px;			
				}
				#content #content-main #content-eventos .navegation-month a{
					border-right: 1px solid #acacac;
					padding-right: 5px;
					padding-left: 5px;
					font-size: 12px;
					font-weight: normal;
					color: #7d7d7d;
					}
					#content #content-main #content-eventos .navegation-month a.first{
						padding-left: none;						
						}					
						#content #content-main #content-eventos .navegation-month a.last{
							border-right: none;	
							padding-right: 0;
							}
							#content #content-main #content-eventos .navegation-month a.selected{
								font-weight: bold;
								}
						
		#content #content-main #content-eventos .separator{
			background: url('../../img/eventos/separator.gif') repeat-x;
			margin-bottom: 20px;
			height: 6px;
			}
		
		#content #content-main #content-eventos h2{
			border-top: 1px solid #8b8b8b;
			font: normal 18px tahoma;
			color: #8b8b8b;
			padding-top: 10px;
			}
		
		#content #content-main #content-eventos ul{
			list-style: none;
			margin-bottom: 30px;
			overflow:hidden
			}
			#content #content-main #content-eventos ul li {				
				border-bottom: 1px solid #C1C1C1;
				padding-bottom: 10px;
				margin: 30px 0;
				}	
				
				#content #content-main #content-eventos ul li .day{					
					background: url('../../img/eventos/calendario.gif') no-repeat;
					margin-right: 10px;
					width: 31px;
					height: 35px;
					float: left;
					}
				#content #content-main #content-eventos ul li .day p{
					padding-top: 10px;
					text-align: center;
					font-size: 14px;
					font-weight: bold;
					color: #fff;
					width: 31px;
					}
				#content #content-main #content-eventos ul li.last{border: none;}				
				#content #content-main #content-eventos ul li h3 a, #content #content-main #content-eventos ul li h4 a{
					font-size: 14px;
					font-weight: bold;
					color: #0089e1;
					}
					#content #content-main #content-eventos ul li h4{
						margin-bottom: 5px;
						font-size: 14px;
						font-weight: bold;
						color: #0089e1;
						}
					#content #content-main #content-eventos ul li h4 a{
						color: #3d3d3d;
						}
					#content #content-main #content-eventos ul li a {
						color: #3d3d3d;
						}
						#content #content-main #content-eventos ul li p.underline a {
							text-decoration: underline
							}
					#content #content-main #content-eventos ul li p{
						width: 358px;
						}