body{padding: 0;}
a, a:active { text-decoration: none }

header{
	width:100%; /* Establecemos que el header abarque el 100% del documento */
	min-width:320px;
	overflow:hidden; /* Eliminamos errores de float */
	background:#252932;
	background-image:url('../admin/img/headershop.jpg');
   background-repeat: no-repeat;
    background-size: 100% 100%;
/*    background-size: contain;*/
	/*margin-bottom:20px;*/
	height:130px; /*auto;
/*  display: flex;
  justify-content: center;*/
  text-align:center;
}


#loginuser{
	display:inline;
	float:right ;
	width:35%;
	margin: 2% 2% 2% 2%
}
#banner{
	width:60%;
	float:left;
}
#contenedorlogo{
	float:left;
	width:100%;
	height:auto;
	margin: 0px auto 0px auto;
	text-align:center;
}
#contenedorlogo img{
	width:100%;
	margin: auto auto auto auto;
	visibility:hidden;
}
	#piemain{
		width:100%;
		min-width:150px;
		float:left;
		margin: 2% auto auto 2%;
	}
#pietelefonos{
	height:auto; width:24%;
	min-height:140px;	 
	float:left;
	background-color:#F1F1F1;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;	
	padding:  0% 1% 2% 1%; 
	 
}		
#pietelefonos span{
	float:right;
}
#pienovedades{
	height:auto; width:28%;
	min-height:140px;
	float:left;
	background-color:#F1F1F1;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0px solid #000000;	
	padding:  0% 1% 2% 1%; 
	margin-left:2%;
	 
}	
	
#gif1{
	width:35%;
	float: right;
	margin-right:6%;
}
@media only screen and (min-width : 769px)  and (max-width : 1024px){
	#pienovedades{font-size:12px;}
	#pietelefonos{font-size:12px;}
}
@media only screen and (min-width : 120px)  and (max-width : 480px){
	.urb-txt{	width:90%;}
	header{min-width:280px; height:70px;}
.boton{width: 90%;} 
	
	#contenedorlogo{
		float:left;
		width:100%;
		height:auto;
		margin: 0px auto 0px auto;
		text-align:center;
	}
	#contenedorlogo img{width:100%;	margin: auto auto auto auto;}
	#separador{height:0px;width:100%;}
	
	#banner{width:92%;float:left;	margin: 0% 4% 1% 4%}
	#loginuser{float:left;width:60%;margin: 2% 20% 2% 20%}
	#pietelefonos{
		height:auto; width:90%;
		min-height:100px;	 
		float:left;
		background-color:#F1F1F1;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border: 0px solid #000000;	
		padding:  0% 1% 2% 1%; 
		margin: 2%  4% 2% 4%;
		font-size:12px; 
	}		
	#pietelefonos span{float:right;}
	#pienovedades{
		height:auto; width:90%;
		min-height:100px;
		float:left;
		background-color:#F1F1F1;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border: 0px solid #000000;	
		padding:  0% 1% 2% 1%; 
		margin: 2%  4% 2% 4%;
		font-size:12px; 
	}	
		
	#gif1{width:80%;float: left;margin: 2% 10% 2% 10%;}
	#msgbox{
		position:absolute; 
		z-index:9999;
		text-align:center;
		top: 25%; left:24%;
		display:none; 
		background: none repeat scroll 0 0 #ffffff;
		border: 1px solid #95A25A;
		border-radius: 5px 5px 5px 5px;
		box-shadow: 0 1px 10px 10px #004A89;
		height: 15%;
		width:50%;
		padding-top:30px;
	}
}
@media only screen and (min-width : 481px)  and (max-width : 768px){
	header{ height:105px;}
	#contenedorlogo{
		float:left;
		width:100%; height:auto;
		margin: 0px auto 0px auto;
		text-align:center;
	}
	#contenedorlogo img{width:100%;	margin: auto auto auto auto;}
	#separador{	height:0px;width:100%;}
	#banner{width:90%;float:left;	margin: 0% 5% 1% 5%}
	#loginuser{float:left;width:60%;margin: 2% 20% 2% 20%}
		
	#pietelefonos{
		height:auto; width:40%;
		min-height:100px;	 
		float:left;
		background-color:#F1F1F1;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border: 0px solid #000000;	
		padding:  0% 1% 2% 1%; 
		margin: 2% 2% 2% 5%;
		font-size:12px; 
	}		
	#pietelefonos span{float:right;}
	#pienovedades{
		height:auto; width:40%;
		min-height:100px;
		float:left;
		background-color:#F1F1F1;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
		border: 0px solid #000000;	
		padding:  0% 1% 2% 1%; 
		margin: 2% 2% 2% 5%;
		font-size:12px; 
	}	
	
	#gif1{width:80%;float: left;margin: 2% 10% 2% 10%;}
	#msgbox2{
		position:absolute; 
		z-index:9999;
		text-align:center;
		top: 25%; left:29%;
		display:none; 
		background: none repeat scroll 0 0 #ffffff;
		border: 1px solid #95A25A;
		border-radius: 5px 5px 5px 5px;
		box-shadow: 0 1px 10px 10px #004A89;
		height: 15%;
		width:40%;
		padding-top:30px;
	}
}