.TabControl{ 
	width: 100%; 
	overflow: hidden; 
	height: 100%;
	background-color: #eee;
}

.TabControl #header-tab{ 
	width: 85%; 
	overflow: hidden; 
	height: 100%;
	margin: 0 auto;
	padding: 12px 0px;
}

.TabControl #content-tabs{ 
	width: 100%; 
	overflow: hidden; 
	height: 100%; 
}

.TabControl .abas{
	width: 100%;
	height: 100%;
}

.TabControl .abas li{
	margin-right: 1.8%;
	display: inline-block;
	width: 23%;
}

	.link-tamanhos{ display: block; color: #f0930b; font-size: 0.8em; text-align: center; text-decoration: none; padding: 6px; margin-top: 2px; }
	.link-tamanhos:hover{ color: #fabd63; }

	.TabControl .abas li:last-child{ margin-right: 0; }

.aba{
	padding: 30px 0;
	width: 100%;
	text-align: center; 
}
	.aba i{
		font-size: 28px;
		color: #b6b6b6;
	}

	i:hover{
		color: #073e6d;
		cursor: pointer;
	}
	
	.aba a{
		display: block;
		text-decoration: none;
		font-size: 1em;
		color: #073e6d;
	}

	.aba a:hover{
		color: gray
	}

	.ativa{
		width: 100%;
		text-align:center; 
	}
		.ativa span, .selected span{ color: #073e6d; }

		#content-tabs .conteudo{
			width: 100%;  
			display:none;
			overflow: hidden; 
			height: 100%;
			text-align: center;
		}

			.row-item{
		        clear: both;
		        overflow: hidden; 
				height: 100%;
				text-align: center;
	    	}


		        .big-item{
		            display: block;
		            overflow: hidden;
		            height: 100%;
		            margin-bottom: 20px;
		        }

		        .big-item2{
		            display: block;
		            padding: 20px;
		            overflow: hidden;
		            height: 100%;
		            
		            background-color: #d0d0d0;
		        }

		        .big-item2 a{
		        	display: inline-block;
		        	margin-bottom: 5px;
		        	outline: 1px solid #fff;
		        }	

			        .big-item:last-child, .big-item2:last-child{
			            margin-right: 0;
			        }

			        .big-item img:hover, .big-item2 img:hover{ 
			        	opacity: 0.3; 
			        	transition: all .2s ease-out;
			        }

		.selected{
			padding-top: 10px;
			padding-bottom: 10px;
			width: 100%;
			text-align:center; 
			border: 2px solid #073e6d;
		}


/* *******************************Medias Querys************************************ */

/*Smartphone*/

@media(max-width: 500px){

.TabControl #header-tab{ 
		clear: both;
	}

		.TabControl .abas{
			overflow: hidden;
			height: 100%;
		}

			.aba{
				margin-bottom: 30px;
			}

		.TabControl .abas li{ width: 100%; display: block; }    
	 
	 	.row-item{
			clear: both;
		}

			.big-item{
				width: 100%;
				margin-bottom: 30px;
			} 
}

/*Tablet*/

@media(min-width: 501px) and (max-width: 959px){

	.TabControl .abas li{ 
		width: 47%; 
		display: inline-block; 
	}       

 	.TabControl .abas li a{ 
 		font-size: 16px; 
 	}
}

/*PC*/

@media(min-width: 960px) and (max-width: 1273px){
 	.TabControl .abas li{ width: 23%; display: inline-block; }       
 	.TabControl .abas li a{ font-size: 14px; }
}