/****************************************************************************************************************************************************
 *	COTAÇÕES
 ****************************************************************************************************************************************************/

.cotacoes1 h3{
	margin-bottom: 31px;
}
.cotacoes1 .select-box{
	margin-bottom: 20px;
	float: left;
}
.cotacoes1 .select-box li{
	float: left;
	margin-right:10px;
	padding-left: 10px;
	border-left: 1px solid #BFBFBF;			
}
.cotacoes1 .select-box li:first-child{
	margin-left: 0px;
	padding-left: 0px;
	border: 0px;
}

.cotacoes1 .select-box a {color:#00539F;text-decoration:none;font-size:13px;}
.cotacoes1 .select-box li a:hover {color:#488AE6; text-decoration:underline;}

.cotacoes1 a.btnActive {
	color: #CC092F;
	font-weight: bold;	
	text-decoration: none;
	cursor: auto;		
}
.cotacoes1 li a.btnActive:hover {color:#CC092F; text-decoration:none;}

.cotacoes1 .slideshow-box{
	margin-left: 10px;
	float: left;
	width: 188px;
	background: #EDEDED;
	padding: 18px 0;
	border-top: 1px solid #cacaca;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.slideshow-box.visuallyhidden {position:absolute; left:-9999px;}
.lt-ie9 .cotacoes1 .slideshow-box {
	border-top: 1px solid #cacaca;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #eee;
	border-radius: 4px;
}

.cotacoes1 .slideshow-item {
	width: 190px;
}
.cotacoes1 .slideshow-item span{
	display: block;
	width: 100%;
	text-align: center;
}
.cotacoes1 .slideshow-item .item-title{
	font-size: 16px;
	font-weight: bold;
}

.cotacoes1 .slideshow-item .item-percentual{
	font-size: 24px;
	color: #009457;
}
.cotacoes1 .txt-atualizacao, .cotacoes1 .txt-fonte {font-size: 0.846em;color: #4d4e53;margin-top: 18px;float: left; display: block; width: 100%}		
.cotacoes1 .txt-atualizacao{margin-left: 10px;}
.cotacoes1 .txt-fonte {padding-top: 10px; background:url("imagens/geral/bgr-horizontal-dott.png") repeat-x top left;}
.cotacoes1 .txt-fonte a {font-size:11px;}

/*estilo no slideshow*/
.cotacoes1 .box-slider-wrap{padding: 0px;}
.cotacoes1 .box-slider-wrap .box-slider-previous, .cotacoes1 .box-slider-wrap .box-slider-next {
	height: 41px;
	margin-top: -21px;
	width: 21px;
	background-image: url("imagens/geral/btn-paginador.png");
}
.cotacoes1 .box-slider-wrap .box-slider-previous {background-position: 0 -158px;left: -13px;}
.cotacoes1 .box-slider-wrap .box-slider-previous:hover {background-position: 0 -200px;}
.cotacoes1 .box-slider-wrap .box-slider-next {background-position: -42px -158px;right: -11px;}
.cotacoes1 .box-slider-wrap .box-slider-next:hover {background-position: -42px -200px;}
.cotacoes1 .js-slider li{width: 190px;}

.cot-tp2{ margin-top:5px; margin-bottom:30px;}
.cot-tp2 ul.select-box{ margin-bottom:25px!important;}

#cotacoes2{
	width: 99.71830985915493%;
	height: 49px;		
	overflow: hidden;
	position: relative;	
	line-height: 49px;
	border-color: #D2D2D2 #EAEAEA #F6F6F6;
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 4px ;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: inset 0px 2px 2px 1px rgba(200, 200, 200, 0.85);
	-moz-box-shadow: inset 0px 2px 2px 1px rgba(200, 200, 200, 0.85);
	box-shadow: inset 0px 2px 2px 1px rgba(200, 200, 200, 0.85);
}
.lt-ie9 #cotacoes2{			
	border: 1px solid #DFDFDF;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(236, 236, 236, 0.75);			
}
#cotacoes2 .expansiveBlock{
	position: absolute;
	background: #ebebeb;
	width: 75.70621468926554%;
	height: 49px;
	
}
#cotacoes2 #bloco-cotacao2{left: 75.70621468926554%;}

#cotacoes2 #bloco-cotacao3{left: 87.85310734463277%;}

#cotacoes2 .expansiveBlock a{			
	width: 15.91760299625468%;
	background: #F7F7F7;
	display: inline-block;
	text-align: center;
	float: left;
	border-left: 1px solid #fff;
	border-right: 1px solid #efefef;
}

#cotacoes2 .expansiveBlock .bloco1btn{
	width: 16.10486891385768%;
	border-left: 0px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

#cotacoes2 .expansiveBlock .verticalSlideshow{
	width: 78.1%; 
	padding-left: 5.57014925373134%;
	float: left;
	background:url("imagens/geral/seta-expansivelHorizontal.png") 0 0 no-repeat #efefef;
}

#cotacoes2 .expansiveBlock .btnActive {
	color: #d22129;
	font-weight: bold;	
	border-right: 0px;		
	width: 16.10486891385768%;
	cursor: auto;	
	text-decoration: none;
}
/*SLIDESHOW VERTICAL*/		
#cotacoes2 .slideshow-container{display: inline-block;float: left;width: 100%;}
#cotacoes2 .slideshow-item{display: block;float: left;width: 100%;}

#cotacoes2 .slideshow-item li{float: left;padding: 0 3.180212014134276%;}
#cotacoes2 .slideshow-item .item-title{
	font-size: 16px;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 3.180212014134276%;
}
#cotacoes2 .slideshow-item .item-percentual{
	font-size: 24px;
	color: #009457;
}
#cotacoes2 .slideshow-item .item-percentual2{
	font-size: 24px;
	color: #C00;
}

/* estilo do slideshow */
#cotacoes2 .box-slider-wrap{
	padding: 0px;
	background: -moz-linear-gradient(left,  #efefef 50%, #ededed 50%, #e3e3e3 100%);
	background: -webkit-gradient(linear, top left, top right, color-stop(50%,#fff), color-stop(50%,#ededed), color-stop(100%,#e3e3e3));
	background: -webkit-linear-gradient(left,  #efefef 50%,#ededed 50%,#e3e3e3 100%);
	background: -o-linear-gradient(left,  #efefef 50%,#ededed 50%,#e3e3e3 100%);
	background: -ms-linear-gradient(left,  #efefef 50%,#ededed 50%,#e3e3e3 100%);
	background: linear-gradient(left,  #efefef 50%,#ededed 50%,#e3e3e3 100%);
}
#cotacoes2 .box-slider-wrap .box-slider-previous, 
#cotacoes2 .box-slider-wrap .box-slider-next {
	height:24px;
	margin-top:-25px;
	width: 30px;
	border: 0px;
	background:url("imagens/geral/sprite-top-footer.png") no-repeat;
	text-indent: -9999px;
}

#cotacoes2 .box-slider-wrap .box-slider-previous {background-position:-684px -91px;left: auto;right: 8px;}
#cotacoes2 .box-slider-wrap .box-slider-previous:hover {opacity: 0.5;}

#cotacoes2 .box-slider-wrap .box-slider-next {background-position:-684px -118px; top:50px;right: 8px;}
#cotacoes2 .box-slider-wrap .box-slider-next:hover {opacity: 0.5;}

#cotacoes2 .box-slider-wrap .box-slider-first,
#cotacoes2 .box-slider-wrap .box-slider-last{display: none;}

#cotacoes2 .slideshow-container .item-slider{width: 100%;height: 50px;}
/*hack bordas*/
#cotacoes2 .bloco3 .box-slider-wrap{
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.cotacoes2-info{float: left; width: 335px;}
.cotacoes2-info a{margin-left: 10px;}

/*
#cotacoes2 .box-slider-wrap a.box-slider-next,
#cotacoes2 .box-slider-wrap a.box-slider-previous{ width:30px; margin-top:-25px; margin-right:-5px; background:url("imagens/geral/slideshow-controls-2.png") no-repeat;}
#cotacoes2 .box-slider-wrap a.box-slider-previous{ background-position:top center; height:24px;}
#cotacoes2 .box-slider-wrap a.box-slider-next{ background-position:bottom center; height:25px;}
*/

/****************************************************************************************************************************************************
 *	COTAÇÕES
 ****************************************************************************************************************************************************/

@media  (max-width: 479px)  {
	#cotacoes2 .slideshow-item .item-percentual {
    font-size: 14px;
    color: #009457;
}
#cotacoes2 .slideshow-item .item-percentual2 {
    font-size: 14px;
    color: #C00;
}
 .grid-container {
    width: 100%!important;
	}

  	#cotacoes2 .slideshow-item li {
    float: left;
    padding: 0 2%;
    font-size: 14px;
	}
	#cotacoes2 .slideshow-item .item-title {
    font-size: 14px;
	}

	#cotacoes2 .expansiveBlock a{
		font-size: 22px;
	}
  	#cotacoes2, #cotacoes3, #cotacoes1{
  			width: 100%!important;
  			height: auto;
  	}
	#cotacoes2 .expansiveBlock{
			position: relative;
			background: #ebebeb;
			width: 100%;
			height: auto;
			
		}
		#cotacoes2 .expansiveBlock .btnActive {
		    color: #d22129;
		    font-weight: bold;
		    border-right: 0px;
		    width: 100%;
		    cursor: auto;
		    text-decoration: none;
		    height: 59px;
		}
		#cotacoes2 .expansiveBlock a {
		    width: 100%;
		    background: #F7F7F7;
		    display: inline-block;
		    text-align: center;
		    float: left;
		    border-left: 1px solid #fff;
		    border-right: 1px solid #efefef;
		      
		}

		#cotacoes2 .expansiveButton{
			  pointer-events: none;

		}
		#cotacoes2 #bloco-cotacao2{    left: 0;}

		#cotacoes2 #bloco-cotacao3{    left: 0;}
		#cotacoes2 .expansiveBlock .verticalSlideshow {
    width: 95%;
    padding-left: 5.57014925373134%;
    float: left;
    background: url(imagens/geral/seta-expansivelHorizontal.png) 0 0 no-repeat #efefef;
	}

}