body{
	margin:0px;
}

.header{
	width: 100%;
    text-align: left;
	height: 60px;
    top: 0;
    position: fixed;
	background:#f2f2f2;
	z-index: 100;
}

.item_contains{
	display: inline-block;
    text-align: left;
	margin: 8px;
}

.item{
	margin: 10px;
    float: left;
}

.item-sel{
	color:#3AC0C7;
	margin: 10px;
    float: left;
}


.item_contains a{
	color: #696969;
}

.item_contains a:hover{
	color:#3AC0C7;
	transition: color 0.4s ease 0s;
}

.img-top{
	width:100%;
}

.content{
	margin-top:60px;
}

.banners{
	margin: 0 auto;
	width: 328px;
    height: 540px;
    float: left;
	margin-right: 10px;
}

.banners-right{
	margin: 0 auto;
	width: 328px;
    height: 540px;
    float: right;
	margin-left: 10px;
}

.banners-resp{
	display:none;
}

.languages{
	width: 40px;
    float: right;
    margin-left: 5px;
    margin-right: 5px;
	margin-top:8px;
	cursor:pointer;
}

.txt{
	text-align: center;
	padding-left:10px;
	padding-right:10px;
}

.search{
	margin:0 auto;
	width: 210px;
    text-align: center;
    margin-bottom: 10px;
}

.cartina{
	margin: 0 auto;
	width: 300px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.cartina-img{
	width: 300px;
}

.footer{
	width: 100%;
    text-align: center;
    height: 60px;
    bottom: 0;
    background: #f2f2f2;
}

.footer a{
	color:#696969;
}

.t-footer{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color:#696969;
}

.banner{
	float:left;
	width: 152px;
    height: 95px;
    margin: 5px;
	border: solid 1px #00FFFF;
    border-radius: 10px;
    box-shadow: 3px 3px 3px 3px #555;
}

.menu{
	text-align: center;
}

.back{
	margin: 0 auto;
	margin-top: 20px;
    border-radius: 10px;
    cursor: pointer;
}

.menu-responsive, .item_contains_responsive{
	display:none;
}

.view-table{
	display:block;
}

.view-table-resp{
	display:none;
}

@media screen and (max-width: 1120px) {
	.banners, .banners-right{
		display:none;
	}
	
	.banners-resp{
		display: inline-block;
		margin: 0 auto;
		width: 656px;
		margin-top: 20px;
	}
	
	.banner{
		margin:5px;
	}
}

@media screen and (max-width: 850px) {
	.item_contains{
		display:none;
	}
	
	.menu-responsive{
		display: inline-block;
		text-align: left;
		margin: 0 auto;
		padding-top: 14px;
		padding-left: 7px;
		padding-right: 7px;
		cursor: pointer;
		margin-top: 5px;
	}
	
	.menu-text{
		font-size: 18px;
		color: #696969;
		float: left;
		margin-left: 4px;
		margin-top: 0px;
	}
	
	.menu-img{
		float: left;
		height: 20px;
		margin-top: 0px;
		margin-left: 10px;
	}

	.item_contains_responsive{
		padding: 5px;
		height: 202px;
		width: 200px;
		border-radius: 10px;
		background: #f2f2f2;
		margin-top: -10px;
		margin-bottom: 10px;
	}
	
	.item_contains_responsive a{
		text-decoration: none;
		color: #696969;
	}

	.item_contains_responsive a:hover{
		color:#3AC0C7;
		transition: color 0.4s ease 0s;
	}
		
	.item-resp{
		margin: 10px;
		float: left;
	}

	.item-resp-sel{
		color:#3AC0C7;
		margin: 10px;
		float: left;
	}
}

@media screen and (max-width: 710px) {
	.banners-resp{
		width: 328px;
	}
}

@media screen and (max-width: 530px) {
	.img-hn{
		width:150px!important;
	}
}

@media screen and (max-width: 535px) {
	.footer{
		height:90px;
	}
}

@media screen and (max-width: 445px) {
	.view-table{
		display:none;
	}

	.view-table-resp{
		display:inline-block;
		text-align:center;
	}
	
	.table-ric{
		text-align:center;
	}
}

@media screen and (max-width: 368px) {
	.banners-resp{
		width: 166px;
	}
	
	.cartina, .cartina-img{
		width: 280px;
	}
}

@media screen and (max-width: 330px) {
	.banners-resp{
		width: 153px;
	}
}

@media screen and (max-width: 320px) {
	.img-hn{
		width:100px!important;
	}
}