@charset "utf-8";
/* CSS Document */
.wrapper-publicidad{
width:100%;
margin-top:20px;
background: #C9AC76;
}
.publicidad-item{ 
	margin:1px;
	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;
	}
.publicidad-item .item5{ width: 472px; }
.publicidad-item .item6{ width: 472px;}
.publicidad-item .item7{ width: 472px;}



/*========================
Inicio de la Queryes
==========================*/
@media only screen and (max-width:320px){
body{/*background:silver;*/ max-width:99%;}
/*==Publicidad===*/
.wrapper-publicidad{ display:none;}
.item5, .item6, .item7{ display:none;}
/*.item5{width:80%;}
.item6, .item7{ display:none;}*/

}

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

/*==Publicidad===*/
.wrapper-publicidad{width: 100%;}
.item5, .item6, .item7{ display:none;}

}

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

/*==Publicidad===*/
.wrapper-publicidad{width: 100%;}
.item5, .item6{width:99.5%;}
.item7{ display:none;}

}

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

/*==Publicidad===*/
.wrapper-publicidad{width: 100%;}
.item7{ display:none;}

}

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

/*==Publicidad===*/
.wrapper-publicidad{width: 100%;}
.item7{ display:none;}

}

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

/*==Publicidad===*/
.wrapper-publicidad{width: 100%;}
.item7{ display:none;}

}

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

/*==Publicidad===*/
.wrapper-publicidad{width: 100%;}
.item7{ display:none;}

}

@media only screen and (min-width:1367px)  {
body{/*background:#bb9156;*/ max-width:100%;}
.wrapper-top{width: 100%;}

}