@charset "utf-8";

/*************************************************************************************
CARROSSEL
**************************************************************************************/

pre {
  border:1px solid #000;
  overflow-x:auto;
  background: #222;
  color: #fff;
  text-shadow: none;
}

.jcarousel-wrapper {
	max-width: 1200px;
	height:400px;
    margin: 80px auto;
    position: relative;
}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 78%;
	margin: 0 auto 0 140px;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 100px;
    float: left;
	margin: 0px;
    /*border: 1px solid #fff;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#slice-carrossel{
	width:240px;
	min-height: 20px;
	margin:10px 15px;
	padding:0 0 0 14px;
	/*transition*/
	-webkit-transition: width 0.7s;
	-moz-transition: width 0.7s;
	-ms-transition: width 0.7s;
	-o-transition: width 0.7s;
}

/*.jcarousel li img {
	text-align: center;
    display: block;
    width: 80%;
    height: auto !important;
}

.jcarousel-text{
	width: 50%;
	height: auto;
    float: center;
	margin: 0px auto;
	overflow: hidden;
}

.jcarousel li p{
	width: 80%;
	color:#242427;
	margin: 0;
	padding: 0px;
	font-size:.9em;
	text-align:center;
	font-weight:500;
	letter-spacing:0px;
	line-height:1em;
}

.jcarousel li h2{
	width: 80%;
	color:#0D4FAB;
	margin: 0;
	padding: 0px;
	font-size:1.3em;
	text-align:center;
	font-weight:600;
	letter-spacing:0px;
	line-height:2em;
}*/

/** Carousel Controls **/

.jcarousel-control-prev{
	font-size:2.2em;
    position: absolute;
    top: 50%;
    margin-top: -10px;
	padding: 40px 20px 0px 10px;
    width: 40px;
    height: 90px;
    text-align: center;
    color:rgba(220,38,14,0.6);
	background:transparent;
	
    text-decoration: none;
    /*text-shadow: 0 0 1px #000;*/
    
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
   
   -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
	
	border: 1px solid rgba(220,38,14,0.6);
}

	.jcarousel-control-prev:hover{
		color:#FFF;
		border: 1px solid rgba(220,38,14,0.95);
		background: rgba(220,38,14,0.99);
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

.jcarousel-control-next {
	font-size:2.2em;
    position: absolute;
    top: 50%;
    margin-top: -10px;
	padding: 40px 20px 0px 15px;
    width: 40px;
    height: 90px;
    text-align: center;
    color:rgba(220,38,14,0.6);
	background: transparent;
	
    text-decoration: none;
    /*text-shadow: 0 0 1px #000;*/
    
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
   
   -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
	
	border: 1px solid rgba(220,38,14,0.6);
}

	.jcarousel-control-next:hover{
		color:#FFF;
		border: 1px solid rgba(220,38,14,0.95);
		background: rgba(220,38,14,0.99);
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

.jcarousel-control-prev {
    left: 15px;
}

.jcarousel-control-next {
    right: 15px;
}


@media all and (max-width : 600px) {
	
	.jcarousel-wrapper {
		width: 80%;
		height:400px;
		margin: 80px auto;
		position: relative;
	}
	
	.jcarousel {
		position: relative;
		overflow: hidden;
		width: 75%;
		margin: 0 auto 0 57px;
	}
	
	#slice-carrossel{
		width:220px;
		min-height: 20px;
		margin:0px 15px;
		padding:0 0 0 14px;
		overflow: hidden;
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
	}

.jcarousel-control-prev{
	font-size:2.2em;
    position: absolute;
    top: 50%;
    margin-top: -10px;
	padding: 40px 20px 0px 10px;
    width: 40px;
    height: 90px;
    text-align: center;
    color:rgba(220,38,14,0.6);
	background:transparent;
	
    text-decoration: none;
    /*text-shadow: 0 0 1px #000;*/
    
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
   
   -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
	
	border: 1px solid rgba(220,38,14,0.6);
}

	.jcarousel-control-prev:hover{
		color:#FFF;
		border: 1px solid rgba(220,38,14,0.95);
		background: rgba(220,38,14,0.99);
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}

	.jcarousel-control-next {
		font-size:2.2em;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		padding: 40px 20px 0px 15px;
		width: 40px;
		height: 90px;
		text-align: center;
		color:rgba(220,38,14,0.6);
		background: transparent;
		
		text-decoration: none;
		/*text-shadow: 0 0 1px #000;*/
		
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	   
	   -webkit-box-shadow: 0 0 4px #F0EFE7;
		-moz-box-shadow: 0 0 4px #F0EFE7;
		box-shadow: 0 0 4px #F0EFE7;
		
		border: 1px solid rgba(220,38,14,0.6);
	}

		.jcarousel-control-next:hover{
			color:#FFF;
			border: 1px solid rgba(220,38,14,0.95);
			background: rgba(220,38,14,0.99);
			
			/*transition*/
			-webkit-transition: width 0.7s;
			-moz-transition: width 0.7s;
			-ms-transition: width 0.7s;
			-o-transition: width 0.7s;
			transition: width 0.7s;
		}

	.jcarousel-control-prev {
		left: 15px;
	}

	.jcarousel-control-next {
		right: 15px;
	}
}

/********************************************************************/

@media all and (max-width : 480px) {
	
	.jcarousel-wrapper {
		width: 90%;
		height:400px;
		margin: 80px auto;
		position: relative;
	}
	
	.jcarousel {
		position: relative;
		overflow: hidden;
		width: 85%;
		margin: 0 auto 0 22px;
	}

	.jcarousel-control-prev{
		font-size:1.5em;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		padding: 30px 20px 20px 5px;
		width: 20px;
		height: 40px;
		text-align: center;
		color: rgba(220,38,14,0.6);
		background: transparent;
		
		text-decoration: none;
		/*text-shadow: 0 0 1px #000;*/
		
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	   
	   -webkit-box-shadow: 0 0 4px #F0EFE7;
		-moz-box-shadow: 0 0 4px #F0EFE7;
		box-shadow: 0 0 4px #F0EFE7;
		
		border: 1px solid rgba(220,38,14,0.6);
	}

		.jcarousel-control-prev:hover{
			color:#FFF;
			border: 1px solid rgba(220,38,14,0.95);
			background: rgba(220,38,14,0.99);
			
			/*transition*/
			-webkit-transition: width 0.7s;
			-moz-transition: width 0.7s;
			-ms-transition: width 0.7s;
			-o-transition: width 0.7s;
			transition: width 0.7s;
		}

	.jcarousel-control-next {
		font-size:1.5em;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		padding: 30px 20px 20px 5px;
		width: 20px;
		height: 40px;
		text-align: center;
		color: rgba(220,38,14,0.6);
		background: transparent;
		
		text-decoration: none;
		/*text-shadow: 0 0 1px #000;*/
		
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	   
	   -webkit-box-shadow: 0 0 4px #F0EFE7;
		-moz-box-shadow: 0 0 4px #F0EFE7;
		box-shadow: 0 0 4px #F0EFE7;
		
		border: 1px solid rgba(220,38,14,0.6);
	}

	.jcarousel-control-next:hover{
		color:#FFF;
		border: 1px solid rgba(220,38,14,0.95);
		background: rgba(220,38,14,0.99);
		
		/*transition*/
		-webkit-transition: width 0.7s;
		-moz-transition: width 0.7s;
		-ms-transition: width 0.7s;
		-o-transition: width 0.7s;
		transition: width 0.7s;
	}
	
}