
/* componente */
	.jcarousel-skin-ie7	{ 
		border-bottom: 0;
		clear: both;
		}
	
	
	.jcarousel-skin-ie7 .jcarousel-container-horizontal { 
        width: 977px;
    	height: 100px;  
    	padding: 10px 0px;	
    	}	
    	
 
 
	
 .jcarousel-skin-ie7 .jcarousel-container {
    border-radius: 0 ;
	}
	
 .jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    height: 105px;
    width: 977px;
	}	
	.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-right: 0px;
}
	
 	 

 .jcarousel-skin-ie7 .jcarousel-item {
	height:100px; 
	width: 155px;
    margin-left: 0px;
    padding-right: 10px;
	}
	
.jcarousel-list li, .jcarousel-item {
    float: left;
    height: auto;
    list-style: none outside none;
    width: auto;
	}	
	
	.jcarousel-list li:hover, .jcarousel-item:hover, .jcarousel-list li.currrent {  
        background-position: 0 -100px;
	   }
	
 .jcarousel-item img {
	margin-top:0;
	}
 
 .jcarousel-skin-ie7 .jcarousel-prev-horizontal   {
    background-position: 0 18px;
    }
  .jcarousel-skin-ie7 .jcarousel-next-horizontal  {
    background-position: -35px 18px;
	}
	
.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover {
    background-position: -106px 18px;
	}
.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover  {
     background-position: -88px 18px;
    }

.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active,.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
    background-position: -53px 18px;
	}
	
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal, .jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active ,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal, .jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    background-position: -163px 18px;
	}

 

#blc4 .jcarousel-skin-ie7 .jcarousel-next-horizontal {
    background-position: -35px -26px;
    } 
#blc4 .jcarousel-skin-ie7 .jcarousel-next-horizontal:hover {
    background-position: -87px -26px;
    }


#blc4 .jcarousel-skin-ie7 .jcarousel-prev-horizontal   {
    background-position: 0 -26px;
    }
#blc4 .jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover   {
    background-position: 0 -26px;
    }
#blc4 .jcarousel-skin-ie7 .jcarousel-container-horizontal {
    height: 50px;
    }	


/* outermost element for the scroller (stays still) */
 
#scrollwrap { 
    height: 1px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}

 

#scroll {
    position:relative;
    width:716px;
    padding:0; 
    height:1px;
    background:url(/media/img/rangeinput/pattern.png); 
    left:0px;
}

.slider {
    position:relative;
    cursor:pointer;
    height:3px;
    border:0px solid #eee;
    width:953px; 
    -moz-border-radius:2px;
    -webkit-border-radius:2px; 
    background: #eee;
}

.progress {
    background-color:#eee;
    height:3px;
    position:absolute;
    width:0;
}

.handle { 
    background-color:#222;
    height:5px;
    width:34px;
    position:absolute;
    top:-1px;
    display:block;
    cursor:move;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

.handle:active {
    background:#0093D4;
}

.range {
    display:none;
}  
	
.oscrools{  
	height: 25px;
	padding-left: 10px;
	padding-top: 15px;
	border-top: 0;
	float: left;
	}	

.osblocos .titulo {
	clear: both;
	float: left;
	font-size:  20px;
	padding: 7px 0 0 24px;
    text-transform: uppercase;
	}
 
	/* personalizações */
	#scrollpanel1, #scrollpanel1 .slider { width:  741px;}
    #scrollpanel1 .progress { background:#C9F5C3;  }
    #scrollpanel1 .handle { background:#47ae39;  }
   		#scrollpanel1 .handle:active { background:#3D9231;  }

	#scrollpanel2, #scrollpanel2 .slider { width:  668px;}
    #scrollpanel2 .progress { background:#AAD5F7;  }
    #scrollpanel2 .handle { background:#3074a9;  }
   		#scrollpanel2 .handle:active { background:#25557A;  }

	#scrollpanel3, #scrollpanel3 .slider { width:  824px;}
    #scrollpanel3 .progress { background:#C9F5C3;  }
    #scrollpanel3 .handle { background:#47ae39;  }
   		#scrollpanel3 .handle:active { background:#3D9231;  }

	#scrollpanel4, #scrollpanel4 .slider { width:  796px;}
    #scrollpanel4 .progress { background:#AAD5F7;  }
    #scrollpanel4 .handle { background:#3074a9;  }
   		#scrollpanel4 .handle:active { background:#25557A;  }
	


 .otit1{ background: url(imagens/energia_E_ambiente.png) no-repeat 0 6px ;} 
 .otit2{ background: url(imagens/formacao_sensibilizacao.png) no-repeat 3px 6px ;} 
 .otit3{ background: url(imagens/associados.png) no-repeat 0 6px ;} 
 .otit4{ background: url(imagens/institucional.png) no-repeat 0 6px ;} 


 .osblocos a {
   color:  #8b918a !important;
 }

 #blc4 a {
    text-transform: uppercase;
 }