@charset "utf-8";

/*************************************************************************************
BANNER
**************************************************************************************/

.banner-cab{
	position: relative;
	background-image: url("../../images/bgs/banner-cab-002.jpg");
	width: 100%;
	height: 400px;
	margin: 0 auto 0 auto;
	
	/*opacity: 0.65;*/
	background-size: 100%;
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	
	box-shadow: 2px 1px 4px rgba(0,0,0,0.2);
}

.banner-cab-02{
	position: relative;
	background-image: url("../../images/bgs/banner-cab-001.jpg");
	width: 100%;
	height: 400px;
	margin: 0 auto 0 auto;
	
	/*opacity: 0.65;*/
	background-size: 100%;
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	
	box-shadow: 2px 1px 4px rgba(0,0,0,0.2);
}

.banner-cab-03{
	position: relative;
	background-image: url("../../images/bgs/banner-cab-003.jpg");
	width: 100%;
	height: 400px;
	margin: 0 auto 0 auto;
	
	/*opacity: 0.65;*/
	background-size: 100%;
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	
	box-shadow: 2px 1px 4px rgba(0,0,0,0.2);
}

.banner-cab-04{
	position: relative;
	background-image: url("../../images/bgs/banner-cab-004.jpg");
	width: 100%;
	height: 400px;
	margin: 0 auto 0 auto;
	
	/*opacity: 0.65;*/
	background-size: 100%;
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	
	box-shadow: 2px 1px 4px rgba(0,0,0,0.2);
}

.banner-cab-05{
	position: relative;
	background-image: url("../../images/bgs/banner-cab-005.jpg");
	width: 100%;
	height: 400px;
	margin: 0 auto 0 auto;
	
	/*opacity: 0.65;*/
	background-size: 100%;
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	
	box-shadow: 2px 1px 4px rgba(0,0,0,0.2);
}

.banner-med{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 0;
	overflow: hidden;
	background-size:cover;
	background-attachment: fixed;
}

.banner-med img{
	width: 100%;
	margin: 0 auto;
	padding:0;
	overflow: hidden;
}

/************************************************************************************
MAIN NAVIGATION 980px
*************************************************************************************/
@media all and (max-width : 980px) {

}

/************************************************************************************
MAIN NAVIGATION 810px
*************************************************************************************/
@media all and (max-width : 810px) {

	.banner-cab{
		position: relative;	
		width: 100%;
		height: 400px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;

		background-color:#888;
		
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100%;
		
		box-shadow: 2px 1px 4px rgba(0,0,0,0.2);
	}
}

/************************************************************************************
MAIN NAVIGATION 768px
*************************************************************************************/
@media all and (max-width : 768px) {
	
	.banner-cab{
		position: relative;	
		width: 100%;
		height: 350px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;

		background-color:#888;
		
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100%;
		
		box-shadow: 2px 1px 4px rgba(0,0,0,0.2);
	}	
}

/************************************************************************************
MAIN NAVIGATION 680px
*************************************************************************************/
@media all and (max-width : 680px) {
	
	.banner-cab{
		position: relative;	
		width: 100%;
		height: 340px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;

		background-color:#888;
		
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100%;
		
		box-shadow: 2px 1px 4px rgba(0,0,0,0.2);
	}
}

/************************************************************************************
MAIN NAVIGATION 510px
*************************************************************************************/
@media all and (max-width : 510px) {
	
	.banner-cab{
		position: relative;	
		width: 100%;
		height: 250px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;

		background-color:#888;
		
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100%;
		
		box-shadow: 2px 1px 4px rgba(0,0,0,0.2);
	}
	
}

/************************************************************************************
MAIN NAVIGATION 450px
*************************************************************************************/
@media all and (max-width : 450px) {
	
	.banner-cab{
		position: relative;	
		width: 100%;
		height: 220px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;

		background-color:#888;
		
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100%;
		
		box-shadow: 2px 1px 4px rgba(0,0,0,0.2);
	}
		
}

/************************************************************************************
MAIN NAVIGATION 390px
*************************************************************************************/
@media all and (max-width : 390px) {

	.banner-cab{
		position: relative;	
		width: 100%;
		height: 200px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;

		background-color:#888;
		
		background-attachment: relative;
		background-position: top;
		background-repeat: no-repeat;
		background-size: 100%;
		
		box-shadow: 2px 1px 4px rgba(0,0,0,0.2);
	}
	
}