/* 
    Document   : bxslider
    Created on : May 24, 2013, 4:55:25 PM
    Author     : feusebio
    Description:
        Purpose of the stylesheet follows.
*/

.bx-controls-direction {
	position: relative;
	top: 8px;
	}

.separator{
    border-bottom-width: 1px; 
    border-bottom-style: solid; 
    border-bottom-color: 232323;
    width: uto;
    margin-top: 5px;
    margin-bottom: 15px; margin-left: 17px; margin-right: 16px
}
.bx-viewport{
    border-bottom-width: 0px; 
    border-bottom-style: solid; 
    border-bottom-color: #CCC;
    margin-bottom: 0px;
    height: 100%!important; background-color: #282a2b;
}
.bx-viewport img{
	max-width: 100%; 
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	float:left;
	margin-right:5px; margin-left: 15px; margin-bottom: 15px;
}

.bx-next{
    float: right;
   
}
.outside {
    position: relative;
    bottom: 8px;
    left: 40%;
    width: 30%;
}

@media screen  and (max-width: 35.63em) {
    .bx-viewport{
    border-top: 1px solid #282a2b;     
    border-bottom-width: 0px; 
    border-bottom-style: solid; 
    border-bottom-color: #CCC;
    margin-bottom: 0px; margin-top: 10px;
    height: 100%!important; background-color: #fff;
}
    
 .separator{
    border-bottom-width: 1px; 
    border-bottom-style: solid; 
    border-bottom-color: 232323;
    width: auto;
    margin-top: 5px;
    margin-bottom: 15px; margin-left: 17px; margin-right: 16px
}   
    
}
@media screen and (min-width: 35.63em) and (max-width: 48em) {
    .bx-viewport{
    border-top: 1px solid #282a2b;     
    border-bottom-width: 0px; 
    border-bottom-style: solid; 
    border-bottom-color: #CCC;
    margin-bottom: 0px; margin-top: 10px;
    height: 100%!important; background-color: #fff;
}
    
 .separator{
    border-bottom-width: 1px; 
    border-bottom-style: solid; 
    border-bottom-color: 232323;
    width: auto;
    margin-top: 5px;
    margin-bottom: 15px; margin-left: 17px; margin-right: 16px
}   
   

    
}