#publicidad{
	
	z-index: -1000;
	padding: 20px;
	background-color: white;
	margin: auto;
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width: 20%;
	height: 20%;
	display: none;
	
}

#pub3, #pub2, #pub4{
	
	display: none;
	
}


#cerrarAnun{
	
	padding: 5px;
	float: right;
	
}

@media screen and (min-width: 321px) and (max-width: 480px) and
	(orientation: portrait){
	
	#publicidad{
	
		width: 60%;
		height: 60%;
	}
	
	#pub4{
	
	 display: block;
	 
	}
	
	#pub1, #pub2, #pub3{
	
	 display: none;
	
	}
	
}	
	
@media screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	
	
	#publicidad{
	
		height: 60%;
		width: 60%;
	
	}
	
	#pub4{
	
	 display: block;
	 
	}
	
	#pub1, #pub2, #pub3{
	
	 display: none;
	
	}
	
	
}

@media screen and (min-width: 481px) and (max-width: 768px) and (orientation: portrait){
	
	#publicidad{
	
		height: 60%;
		width: 60%;
		
	}
	
	#pub3{
	
	 display: block;
	 
	}
	
	#pub1, #pub2, #pub4{
	
	 display: none;
	
	}
	
}

@media screen and (min-width: 481px) and (max-width: 768px) and (orientation: landscape){
	
	#publicidad{
	
		height: 60%;
		width: 60%;
	
	
	}
	
	
	#pub3{
	
	 display: block;
	 
	}
	
	#pub1, #pub2, #pub4{
	
	 display: none;
	
	}
	
}

@media screen and (min-width: 769px) {
	
	#publicidad{
	
		height: 60%;
		width: 60%;
	
	
	}
	
	
	#pub2{
	
	 display: block;
	 
	}
	
	#pub1, #pub3, #pub4{
	
	 display: none;
	
	}
	
	
}

@media screen and (min-width: 1025px) {
	
	#publicidad{
	
		height: 40%;
		width: 40%;
	
	
	}
	
	
	#pub2{
	
	 display: block;
	 
	}
	
	#pub1, #pub3, #pub4{
	
	 display: none;
	
	}
	
}
 