/**
 * Author:      Matt Hinchliffe <www.maketea.co.uk>
 * Modified:    13/06/2014
 * Description: Simple jQuery slideshow
 * Example:
 * <div class="slideshow">
 *     <ul class="carousel">
 *         <li class="slide"><a href="#">Option 1</a></li>
 *         <li class="slide"><a href="#">Option 2</a></li>
 *     </ul>
 * </div>
 */

/* slides */



@font-face {
	font-family: 'SEGOEUIL';
	src: url('./SEGOEUIL.eot');
	src: local('SEGOEUIL'), url('./SEGOEUIL.ttf') format('truetype');
}

@font-face {
	font-family: 'DroidSans';
	src: url('./DroidSans.eot');
	src: local('DroidSans'), url('./DroidSans.ttf') format('truetype');
}


.slideshow {

	position:relative;
	font-size:150%;
	border-style: solid;
    border-width: 1px 0px 0px 0px;
	border-color: #ccc;
-webkit-box-shadow: 0px 1px 2px 0px rgba(122,122,122,1);
-moz-box-shadow: 0px 1px 2px 0px rgba(122,122,122,1);
box-shadow: 0px 1px 2px 0px rgba(122,122,122,1);
}
.slideshow a {
	font-size:.75em;
	line-height:2em;
	text-decoration:none;
	color:#333;
	background:#fff;
	
}

.slideshow h1 {
    font-size: 12px;
    text-align: center;
    color: #009dac;
    text-transform: uppercase;
    margin: 5px auto auto auto;
    max-width: 145px;

}

.item-carousel-tabela-foto img{
	display:block;
	height:165px;
	width:120px;
	float:left;
	padding-left:4px;
	margin-top:10px;
}

.item-carousel-tabela-nome p{
	font-family: 'SEGOEUIL';
	font-size:14px;
	color:#393939;
	padding-top:5px;
	max-width:130px;
}

.item-carousel-tabela-nome{
		font-family: 'SEGOEUIL';
	width:145px;
	height:73px;
	display:block;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	transform: uppercase;
}

.item-carousel-tabela-botao p{
	font-family: 'DroidSans';
	font-weight: bold;
	color:#393939;	
	font-size:18px;
	text-transform: uppercase;
	font-style: bold;
	margin-top: -10px;
	margin-left:-3px;
}


.item-carousel-botao{
	display:block;
	text-align:center;
	border-style: solid;
    border-width: 0px;
	border-color: #ccc;
	
}

.item-carousel-botao:hover {
	display:block;
	text-align:center;
	border-style: solid;
    border-width: 0px;
	border-color: #073165;
}

.item-carousel-botao img {
	display:block;
	padding-left:4px;
	margin-left: 12px;
	margin-bottom: 4px;
}


.item-carousel-tabela-botao h5{
	font-family: 'SEGOEUIL';
	text-align:left;
	color:#393939;	
	font-size:3px;
	margin-left:10px;
	margin-top:2px;
	line-height:2em;
}

.carousel {
	list-style:none;
}

.slide {
	border-style: solid;
    border-width: 0px;
	border-color: #ccc;
	padding:10px;
	height:335px;
	margin:10px;
	margin-bottom: 10px;
	
}

.slide:hover {
	border-style: solid;
	-webkit-box-shadow: 0px 0px 7px 1px rgba(201,201,201,1);
-moz-box-shadow: 0px 0px 7px 1px rgba(201,201,201,1);
box-shadow: 0px 0px 7px 1px rgba(201,201,201,1);
}

/* pagination */
.slides-pagination {

	position:absolute;
	bottom:1em;
	left:1em;
	margin:0;
	padding:0;
	list-style:none;
	z-index:110;
}

.slides-pagination li {
	display:inline;
}

.slides-pagination a {
	display:block;
	float:left;
	width:2em;
	margin-right:5px;
}

/* skip */
.slides-next {
	margin-right: 2px;
	position:absolute;
	top:50%;
	margin-top:-1em;
	padding:0 .5em;
	z-index:120;
	font-size:250%;
	border-style: solid;
    border-width: 1px 1px 1px 1px;
	border-color: #ccc;
	
}
.slides-prev {
	margin-left: 2px;
	position:absolute;
	top:50%;
	margin-top:-1em;
	padding:0 .5em;
	z-index:120;
	font-size:250%;
	border-style: solid;
    border-width: 1px 1px 1px 1px;
	border-color: #ccc;
}

.slides-next {
	
	margin-right: 2px;
	right:0;
	background-color: #034ea2;
	font-size:250%;
	border-style: solid;
    border-width: 1px 1px 1px 1px;
	border-color: #ccc;
}


.slides-prev {
	margin-left: 2px;
	left:0;
	background-color: #034ea2;
	font-size:250%;
	border-style: solid;
    border-width: 1px 1px 1px 1px;
	border-color: #ccc;
}

.slides-next.disabled {
	margin-right: 2px;
	opacity:.5;
	cursor:auto;
	border-style: solid;
    border-width: 1px 1px 1px 1px;
	border-color: #ccc;
	
	
}
.slides-prev.disabled {
	margin-left: 2px;
	opacity:.5;
	cursor:auto;
	border-style: solid;
    border-width: 1px 1px 1px 1px;
	border-color: #ccc;
}