/*celular*/

@media (max-width: 767px) {
	
	#timeline {
		width:225px;
	}
	
	
	#issues li {
				width:225px;
				
			}

	
	#linha-do-tempo .thumb-carousel
	{
		width:225px;
		float:left;
		margin-right:20px;
		
	}
	
}

/*Tablet*/

@media (min-width: 766px) and (max-width: 1199px) {

#timeline {
		width:650px;
	}


#issues li {
				width: 650px;
				
			}





}



/*Desktop*/
@media (min-width: 1199px) 
{
	
	#timeline 
		{
			
			width:830px;
			
	}
	
	#issues li {
				width: 830px;
				padding-bottom:15px;
				
			}
	
	
	#issues 
	{
		margin-top:20px;	
	}
	
	#issues  h2
	{
		margin-bottom:10px;	
		font-size:24px;
	}
	
		
	
}


/*tags Gerais*/	

.sociales {
	text-align: center;
	margin-bottom: 20px;
}

	#timeline {
		
		padding-bottom:80px;
		overflow: hidden;
		margin: 0 auto;
		position: relative;
		background: url('../images/dot.png') left 45px repeat-x;
		
	}
		#dates {
			width: 500px;
			height: 60px;
			overflow: hidden;
			padding-left:4px;
			padding-right:4px;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 100px;
				height: 50px;
				font-size: 14px;
				text-align: center;
				background: url('../images/biggerdot.png') center bottom no-repeat;
			}
				#dates a {
					line-height: 38px;
					padding-bottom: 10px;
					font-size:14px;
					color:#363838;
				}
				#dates .selected {
			        font-size: 40px;
					text-decoration:none;
				}
		
		#issues {
			
			
			overflow: hidden;
		}	
			#issues li {
				
				display:inline;
				list-style: none;
				float: left;
			}
								#issues li h1 {
					color: #ffcc00;
					font-size: 48px;
					margin: 20px 0;
					text-shadow: #000 1px 1px 2px;
				}
				#issues li p {
					font-size: 14px;
					font-weight: normal;
					line-height: 22px;
					
				}
		
		#grad_left,
		#grad_right {
			width: 100px;
			height: 350px;
			position: absolute;
			top: 0;
		}
			
		
		#next,
		#prev {
			position: absolute;
			font-size: 70px;
			top: 28px;
			width: 34px;
			height: 38px;
			background-position: 0 0;
			background-repeat: no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
			#next:hover,
			#prev:hover {
				background-position: 0 -34px;
			}
			#next {
				right: -7px;
				
				
				background-image: url('../images/next.png');
				
			}
			
			#prev {
				left: -8px;
				background-image: url('../images/prev.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}