.xs-margin{
margin-top:145px;
}
.button-menu{
	display:none;
	text-align:right;
	cursor:pointer;
}
@media(max-width:667px){
	.xs-hidden{
		display:none;
	}
	.static-page p img{
		display:none;
	}
	#content-principal{
		padding:0px !important;
	}
	#header-full.small + #nav{
		height:auto !important;
		background:#fff !important;
	}
	#header-full.small + #nav #nav-main{
		display:block;
	}
	#header-full.small + #nav #nav-main, #header-full.small + #nav .menu ul{
		padding:0px !important;
		height:auto !important;
	}
	#nav-main, #nav .menu ul{
		float:left !important;
	}
	#header-full.small + #nav #nav-main li a, #header-full.small + #nav .menu li a {
    height: auto;
    padding: 10px;
	}
	.button-menu{
		background:#c54520;
		padding:10px;
		color:#fff;
		width:100%;
		float:left;
		box-sizing:border-box;
		display:block;
	}
	.main-nav-header{
		display:none;
	}
	#nav-main li a, #nav .menu ul li a{
		float:none !important;
		padding:10px;
		color:#fff;
		display:block;
		height:auto !important;
	}
	#nav-main li, #nav .menu ul li{
		float:none !important;
		color:#fff;
		padding:0px !important;
		display:block;
		border-bottom:1px dotted #ddd;
		height:auto !important;
	}
	#nav-main li:last-child a, #nav .menu ul li:last-child a{
		float:none !important;
		padding:10px;
		color:#fff;
		display:block;
		height:auto !important;
		border-bottom:0px;
		margin-top:5px;
	}
	#nav-main li:last-child, #nav .menu ul li:last-child{
		float:none !important;
		color:#fff;
		padding:0px !important;
		display:block;
		border-bottom:1px dotted #ddd;
		height:auto !important;
		margin-bottom:20px;
		border:0px !important;
	}
}
@media(max-width:1024px){
.cl-md-1{
	width:10%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-md-2{
	width:20%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-md-3{
	width:30%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-md-4{
	width:40%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-md-5{
	width:50%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-md-6{
	width:60%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cl-md-7{
	width:70%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-md-8{
	width:80%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-md-9{
	width:90%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-md-10{
	width:100%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
}
@media(max-width:768px){
.xs-margin{
margin-top:0px;
}
.top-banner {
    padding-top: 0px;
}
.cl-sm-1{
	width:10%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-sm-2{
	width:20%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-sm-3{
	width:30%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-sm-4{
	width:40%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-sm-5{
	width:50%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-sm-6{
	width:60%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cl-sm-7{
	width:70%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-sm-8{
	width:80%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-sm-9{
	width:90%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-sm-10{
	width:100%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
}
/* XS extra-small for mobile phone in land and port*/
@media(max-width:736px){
.xs-margin{
margin-top:0px;
}
.top-banner {
    padding-top: 0px;
}
.cl-xs-1{
	width:10%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-xs-2{
	width:20%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-xs-3{
	width:30%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-xs-4{
	width:40%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-xs-5{
	width:50%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-xs-6{
	width:60%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cl-xs-7{
	width:70%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-xs-8{
	width:80%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-xs-9{
	width:90%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
.cl-xs-10{
	width:100%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-left:15px;
	padding-right:15px;
}
}