@import '../pagination_bar.css';

#main{
	width: 100%;	
	}
	#main .top{
		background: url('../../img/depoimentos/bg-header.gif') repeat-x;
		height: 397px;
		}		
		#main .top .top-content{
			background: url('../../img/depoimentos/bg-header-content.gif') no-repeat center top;
			height: 397px;
			}
			
	#main .top .top-content .relative{
		position: relative;
		}
	
	#main .top .top-content .wrapper .logo{
		padding: 30px;		
		}
		#main .top .top-content .wrapper .logo h1{
			background: url('../../img/a-campanha/fale-sem-medo.gif') no-repeat;
			width: 113px;
			height: 188px;
			}
			#main .top .top-content .wrapper .logo h1 a{
				display: block;
				width: 113px;
				height: 188px;
				}
				
				
	#main .top .top-content .wrapper .top-text{
		padding-top: 50px;
		text-align: left
		}
		#main .top .top-content .wrapper .top-text h2{
			background: url('../../img/depoimentos/depoimentos.gif') no-repeat;
			width: 179px;
			height: 28px;
			margin: 0 0 10px 0;
			}					
			#main .top .top-content .wrapper .top-text h2.vc-e-parte{
				background: url('../../img/depoimentos/vc-e-parte-funfamental.gif') no-repeat;
				width: 554px;
				height: 27px;
				margin: 0 0 10px 0;
				}					
				
			#main .top .top-content .wrapper .top-text h3{
				width: 554px;
				font-size: 11px;
				font-weight: normal;
				color: #fff;
				text-align: justify;
				}
				
	#main .top .top-content .wrapper .depoimento-maria{
		width: 500px;
		overflow: hidden;
		margin: 5px 0 0 30px;
		clear: both;
		display: inline;
		}
		#main .top .top-content .wrapper .depoimento-maria h3{
			text-indent: -9999em;
			background: url('../../img/depoimentos/depoimento-maria-da-penha.gif') no-repeat;
			width: 278px;
			height: 33px;
			}
			#main .top .top-content .wrapper .depoimento-maria p{
				font-style: italic;
				color: #fff;				
				}				
				#main .top .top-content .wrapper .depoimento-maria p.tit-dep{
					padding-bottom: 7px;
					}
				#main .top .top-content .wrapper .depoimento-maria p.ver-depoimento{				
					font-style: normal;
					margin-top: 5px;
					}
				#main .top .top-content .wrapper .depoimento-maria p.ver-depoimento a{
					color: #313189;					
					}
					
	#main .top .top-content .wrapper .foto-maria{
		background:url('../../img/depoimentos/maria-da-penha.png') no-repeat;		
		width: 229px;
		height: 209px;
		position: absolute;
		right: 0;
		margin-top: 188px;
		}
			
					
						
	#main .middle{
		background: #fff url('../../img/depoimentos/bg-content.gif') repeat-x bottom center;
		}	
			
		#main .middle .middle-content .wrapper .depoimentos, #main .middle .middle-content .wrapper .sidebar{
			overflow: hidden;
			margin-top: 40px;
			}
			
		#main .middle .middle-content .wrapper .depoimentos{
			width: 489px;
			overflow: hidden;
			padding-left: 30px;
			display: inline;
			}
			#main .middle .middle-content .wrapper .depoimentos h1.veja-todos{
				background: url('../../img/depoimentos/veja-todos-os-depoimentos.gif') no-repeat;
				width: 369px;
				height: 28px;
				margin: 10px 0 40px 0;
				}	
				
			#main .middle .middle-content .wrapper .depoimentos ul{
				border-bottom: 1px solid #d4d5e6;
				margin-bottom: 40px;
				width: 465px;
				}				
			
			#main .middle .middle-content .wrapper .depoimentos li{
				margin-bottom: 40px;
				}
				
			#main .middle .middle-content .wrapper .depoimentos li .title-depoimento{
				background: url('../../img/depoimentos/bg-title.gif') no-repeat;
				width: 430px;
				height: 33px;
				padding: 3px 0 0 33px;
				margin-bottom: 3px;
				}
				#main .middle .middle-content .wrapper .depoimentos li .title-depoimento h2.title{
					font-size: 14px;
					font-weight: bold;
					color: #313189;
					text-indent: 0;
					position:relative;
					}
					#main .middle .middle-content .wrapper .depoimentos li .title-depoimento h2.title a{
						color: #313189;
						}
						#main .middle .middle-content .wrapper .depoimentos li .title-depoimento h2.title p.comentarios{
							display: inline;
							background: #2a2c82;
							color: #d699ec;
							font-size: 9px;
							font-weight: normal;							
							position: absolute;
							right: 0;
							margin-top:1px;
							margin-right:5px;
							padding:8px 5px
							}
							
							
					#main .middle .middle-content .wrapper .depoimentos li .title-depoimento p{
						padding: 0;
						margin: 0;
						color: #313189;
						}
						#main .middle .middle-content .wrapper .depoimentos li .content-depoimento{
							margin: 10px 0;
							width: 462px;
							}
						#main .middle .middle-content .wrapper .depoimentos li .content-depoimento p{
							color: #8686b4;
							font-style: italic;
							margin-bottom: 10px;
							}
							#main .middle .middle-content .wrapper .depoimentos li .content-depoimento p a{
								color: #8686b4;
								}
							#main .middle .middle-content .wrapper .depoimentos li .content-depoimento p.ler-completo a{
								font-style: normal;
								color: #313189;
								text-decoration: underline;
								}
				
				
			#main .middle .middle-content .wrapper .slideshare .descricao li{
				margin-right: 10px;
				float: left;
				}
				#main .middle .middle-content .wrapper .slideshare .descricao li.last{
					margin-right: 0;
					}
				
				#main .middle .middle-content .wrapper .slideshare .descricao li p.integra{
					background: url('../../img/pesquisa/pesquisa-na-integra.gif') no-repeat;
					width: 197px;
					height: 35px;								
					}
					#main .middle .middle-content .wrapper .slideshare .descricao li p.integra a{
						display: block;
						width: 197px;
						height: 35px;
						}
						
				#main .middle .middle-content .wrapper .slideshare .descricao li p.resumida{
					background: url('../../img/pesquisa/pesquisa-resumida.gif') no-repeat;
					width: 197px;
					height: 35px;								
					}
					#main .middle .middle-content .wrapper .slideshare .descricao li p.resumida a{
						display: block;
						width: 197px;
						height: 35px;
						}		
							
		
		#main .middle .middle-content .wrapper .sidebar{
			width: 212px;		
			height: 469px;
			padding: 15px 15px 0 15px;
			background: url('../../img/depoimentos/sidebar.gif') no-repeat;
			overflow: hidden;				
			}
			#main .middle .middle-content .wrapper .sidebar p{
				color: #8686b4;
				}
				
				#main .middle .middle-content .wrapper .sidebar h3{
					background: url('../../img/depoimentos/faca-seu-depoimento.gif') no-repeat;
					width: 161px;
					height: 51px;
					text-indent: -9999em;
					text-align: left;
					margin-bottom: 10px
					}
					
				#main .middle .middle-content .wrapper .sidebar h3.localizar{
					background: url('../../img/depoimentos/localizar-depoimento.gif') no-repeat;
					width: 178px;
					height: 17px;
					text-indent: -9999em;
					text-align: left;
					margin-top: 10px;
					margin-bottom: 5px;
					_margin-bottom: 0px;
					}
											
					#main .middle .middle-content .wrapper .sidebar p.enviar-depoimento{
						background: url('../../img/depoimentos/bt-enviar-depoimento.gif') no-repeat;
						width: 215px;
						height: 41px;
						margin-top: 25px;
						}
						#main .middle .middle-content .wrapper .sidebar p.enviar-depoimento a{
							display: block;
							width: 215px;
							height: 41px;
							}
						
						#main .middle .middle-content .wrapper .sidebar .box-atencao{
							border-top: 1px solid #d4d5e6;
							border-bottom: 1px solid #d4d5e6;
							margin-top: 30px; 
							padding: 20px 0;
							}
												
							#main .middle .middle-content .wrapper .sidebar .box-atencao h4{
								background: url('../../img/depoimentos/atencao.gif') no-repeat;
								width: 74px;
								height: 18px;
								text-indent: -9999em;
								overflow: hidden;
								}
							
							#main .middle .middle-content .wrapper .sidebar .box-atencao ul{
								overflow: hidden;								
								}
							
							#main .middle .middle-content .wrapper .sidebar .box-atencao li{
								overflow: hidden;
								margin: 15px 0 0 0;								
								}
								#main .middle .middle-content .wrapper .sidebar .box-atencao li img{
									float: left;
									vertical-align: middle;
									}
									#main .middle .middle-content .wrapper .sidebar .box-atencao li p{
										width: 190px;
										padding-left: 10px;
										}
										
						
						#main .middle .middle-content .wrapper .sidebar input{
							border: 1px solid #bbcee6;
							padding: 5px;
							background: #eff4f9;
							width: 150px;							
							}
							#main .middle .middle-content .wrapper .sidebar input.pesquisar{
								background: url('../../img/depoimentos/bt-pesquisar.gif') no-repeat;
								width: 38px;
								height: 35px;
								cursor: pointer;
								overflow: hidden;
								border: none;
								margin-top:-5px
								}

			
			
		#main .middle .middle-content .wrapper .clear{
			height: 40px;
			}