@charset "utf-8";
/* CSS Document */


.wrapper-pie{
display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
width:100%;
margin-top:20px;
background:#C9AC76;
padding:0px 3px 0px 0px;
margin-bottom:5px;
}
.pie-item{margin:2px;}
.item8{ width: 255px; background: brown;}
.item9{
	 width: 900px;
	 display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
margin:2px;
	 
 }
.item9a{padding:3px 5px 3px 5px; margin:3px;}
.item9a .item9a-1{background:#bb9156;}
.item9a .item9a-2{background:#bb9156;}
.item9a .item9a-3{background:#bb9156;}
.item9a .item9a-4{background:#bb9156; }
.item9a .item9a-5{background:#bb9156;}
.item9a .item9a-6{background:#bb9156;}


/*========================
Inicio de la Queryes
==========================*/
@media only screen and (max-width:320px){
body{/*background:silver;*/ max-width:99%;}

/*==Pie===*/
.wrapper-pie{width: 100%;}
.item8, .item10{ display:none;}
.item9{width:99%;}

}

@media only screen and (min-width:321px) and (max-width:480px){
body{/*background:orange;*/ max-width:99%;}

/*==Pie===*/
.wrapper-pie{width: 100%;}
.item8, .item10{ display:none;}
.item9{ width:99%;}

}

@media only screen and (min-width:481px) and (max-width:640px){
body{/*background:green;*/ max-width:99%;}

/*==Pie===*/
.wrapper-pie{width: 100%;}
.item8, .item10{ display:none;}
.item9{ width:99%;}

}

@media only screen and (min-width:641px) and (max-width:768px){
body{/*background:blue;*/ max-width:99.5%;}

/*==Pie===*/
.wrapper-pie{width: 100%;}
.item8, .item10{ display:none;}

}

@media only screen and (min-width:769px) and (max-width:1024px){
body{/*background:red;*/ max-width:99.5%;}

/*==Pie===*/
.wrapper-pie{width: 100%;}
.item8, .item10{ display:none;}

}

@media only screen and (min-width:1025px) and (max-width:1280px) {
body{/*background:brown;*/ max-width:100%;}

/*==Pie===*/
.wrapper-pie{width: 100%;}
.item8, .item10{ display:none;}

}

@media only screen and (min-width:1281px) and (max-width:1366px) {
body{/*background:black;*/ max-width:99.5%;}

/*==Pie===*/
.wrapper-pie{width: 100%;}
.item8, .item10{ display:none;}

}

@media only screen and (min-width:1367px)  {
body{/*background:#bb9156;*/ max-width:100%;}
/*==Pie===*/
.wrapper-pie{width: 100%;}
.item8, .item10{ display:none;}
}