*{
	padding:0;
	margin:0;
}
body{
	padding-top: 30px; /* Relleno superior igual a la altura de la cabecera*/
	background
}
#contenedor{
	background:#e9ebee;
	width:100%;
	height:auto;
	float:left;
	position:absolute;
	z-index:1;
	
}
table{
	width:100%;
	
	border-collapse: collapse;
text-align:center;
}
td,tr{
	border:1px solid;
	padding: 6px 15px;
}
td:hover,tr:hover{
	background:#ccc;
}
#titulo{
	background:#333333;
	color:#fff;
	width:40%;
	padding: 10px 15px;
	text-shadow: 1px 2px #000;
}
header{
	background:#fff;
	width:100%;
	height:auto;
	float:left;
	
position:relative;
	z-index:1;	

	
}
.tel{
	background:#333333;
	width:100%;
	height:auto;
	float:left;
	font-size:23px;
	color:#fff;
	font-family:roboto;
	text-align:right;
	width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
	left: 0; /* Posicionamos la cabecera al lado izquierdo */
	top: 0; /* Posicionamos la cabecera pegada arriba */
	position: fixed; /* Hacemos que la cabecera tenga una posición fija */
	z-index:2;
		text-shadow: 0px 1px #000;
	
	
}
.logo{

	width:30%;
	height:auto;
	float:left;
	margin-left:7%;
	
}
.logo img{
	width:100%;
	margin-top:4%;
}
		/* Inicio de menú*/
.menuhead{

	width:60%;
	height:100px;
	float:left;	
	margin-top:2.5%;
	margin-left:3%;
	border-radius:10px;
z-index:2;	

	
}
	/* imagen menu y check*/
#btn-menu{
	display:none;
}
.menuhead label{
	
	display:none;
	width:24%;
	height:auto;
	border-right: 1px solid #fff;
	font-family:roboto;
	
}
.menuhead label img{
	vertical-align:middle;
}
/*Fin imagen menú y check*/


	.menu ul{
	
		list-style:none;
		margin-left:0%;
		font-family:roboto;
		
		float:left;
		width:100%;
		
	
		
		}
	
	.menu li a:hover{
		background:#119139;
	
		color:#fff;
		text-shadow: 0px 0px #000;
		font-family:roboto;
	}
	.menu li a{

		height:20px;
		
		color:#000;
		text-decoration: none;
		padding:15px;
		font-family:roboto;
		font-size:20px;
		display:block;
		
		float:left;
		}

/* Fin del menú*/

.banner{
	background:#fff;
	width:100%;
	height:auto;
	float:left;
	position:relative;
	z-index:0;
	

}
.bsomos{
	width:100%;
	height:auto;
	float:left;
}
.contenido{

	width:100%;
	height:auto;
	float:left;

}

.pc,.consumibles,.impresoras,.conocenos,.impresorashp,.impresorasepson,.impresoraskonica,.impresorasxerox,.impresorassamsung{
	background:#fff;
	width:90%;
	height:auto;
	float:left;	
	margin-left:5%;
	font-family:roboto;
	
	

}
.pc a,.consumibles a,.impresoras a,.conocenos a{
	text-decoration:none;  
}
.conocenos p,h4,h2{
	padding:20px 30px;
}
.conocenos h4,h2{
	padding:1%;
}
.etiqueta,.etiqueta2,.etiqueta3,.etiqueta5{
	background:#2c327c;
	padding: 10px 20px;
	margin-left:-20px;
	position:relative;
	width:25%;
	margin-top:3%;
	color:#fff;
	font-family:roboto;
	border-radius: 0px 2px 50px 0px;
	text-shadow: 2px 1px #000;
	
	
}
.etiqueta2{
	width:22%;
}
.etiqueta3{
	width:40%;
}
.etiqueta5{
	border-radius: 0px 0px 0px 0px;
	text-align:center;
	width:30%;
}
.forma,.forma2{
	width:0px;
	height:0px;
	line-height:0px;
	border-left:20px solid transparent;
	border-top:10px solid #4a5094;
	position:absolute;
	top:100%;
	left:0px;
}

.pc h3,.consumibles h3,.impresoras h3{
	
	margin-top:3%;
	margin-left:42%;
	font-family:roboto;
	float:left;
	border-radius:2px;
	padding: 8px 10px;
}



#pc{
	margin-left:3%;
	box-shadow: 0 1px 3px 0px #000;
}

#pc1{
	margin-left:1%;
	box-shadow: 0 1px 3px 0px #000;
}
#title{
	margin-left:1.8%;

}
/*divs de imagenes*/
.pc01,.pc02,.pc03,.pc04,.im01,.im02,.im03,.im04,.co01,.co02,.co03,.co04{
	
	width:24.5%;
	height:auto;
	float:left;
}
.pc01 img,.pc02 img,.pc03 img,.pc04 img,.im01 img,.im02 img,.im03 img,.im04 img,.co01 img,.co02 img,.co03 img,.co04 img{
	width:95%;
}

.info{

	width:100%;
	height:auto;
	opacity:0;
	float:left;
	text-align:center;
	font-family:roboto;
}
.pc01:hover .info,.pc02:hover .info,.pc03:hover .info,.pc04:hover .info,.im01:hover .info,.im02:hover .info,.im03:hover .info,.im04:hover .info,.co01:hover .info,.co02:hover .info,.co03:hover .info,.co04:hover .info{
	opacity:1;
}
/*fin divs*/
/*impresoras productos*/

.hp01,.hp02,.hp03,.hp04{

	width:50%;
	height:auto;
	float:left;
	font-size:13px;
	
	
}
.hp01:hover,.hp02:hover,.hp03:hover,.hp04:hover{
	background:#ccc;
}

.hp01 h2,.hp02 h2,.hp03 h2,.hp04 h2{
	margin-left:18%;
}
.hp01 h5,.hp02 h5,.hp03 h5,.hp04 h5{
	background:red;
	width:7%;
	border-radius:10px;
	float:left;
	padding: 10px 15px; 
	color:#fff;	
}
.hp01 a,.hp02 a,.hp03 a,.hp04 a{
	color:#fff;
	text-decoration: none;
}
.hp01 img,.hp02 img,.hp03 img,.hp04 img{
width:40%;
 vertical-align:middle;
 float:left;
margin-left:25%;
	
}
/*detalle impresoras*/
.detalleimpresora,.pidelo{
	background:#fff;
	width:60%;
	height:auto;
	float:left;
	margin-left:20%;
	font-family:roboto;
	}
.detalleimpresora img{
	width:40%;
 vertical-align:middle;
 float:left;
 margin-left:15%;
}
.detalleimpresora span{
	font-size:30px;
}
.pidelo{
	background:#dadada;
	text-align:center;
}
.pidelo  img{
	vertical-align:middle;
}
/*Fin detalles impresoras*/
/* impresoras fin productos*/
#oculto{
	display:none;
}
.bcomprar{
	width:100%;
	height:auto;
	float:left;
	margin-top:2%;
}
#imgderecha{
	float:right;
	margin-right:2%;
}

footer{
	background:#333333;
	width:100%;
	height:auto;
	float:left;
	margin-top:1%;	
	color:#fff;
	font-size:20px;
	text-align:center;
	font-family:roboto;
	
}
footer a{
	color:#ccc;
}





/* Responsive*/


	@media (min-width: 80px) and (max-width: 870px){

	.menu ul{
		box-shadow:  0 0 4px 1px #000;

		
	
		
		}
.menuhead{

	width:100%;
	height:100px;
	float:left;	
	
	margin-left:40%;
	margin-top:0%;

	
}
.logo{

	width:65%;
	height:auto;
	float:left;
	margin-left:18%;
	
}

		.menuhead label {
			display:block;
			width:80%;
			
			
		}
		.menuhead{
		
			width:40%;
			height:33px;
			float:left;	
			
		
			border-radius:10px;
	
		}
		.menu{
			position:absolute;
			z-index:3;
			background:#fff;
			width:25%;
			margin-left:-200%;
			transition: all 0.5s;
			padding:2px 1px;
			
		}
		.menu ul{
			flex-direction:column;
				text-shadow: 0px 0px #000;
		}
		.menu li{
			border-top: 1px solid #fff;
			
		
		}
.menu li a{
	width:100%;
		height:auto;
		color:#000;
		text-decoration: none;
		
		padding:8px;
		font-family:roboto;
		font-size:15px;
		display:block;
		border-radius:3px;
		float:left;
		}
#btn-menu:checked  ~ .menu{
			margin:0;
			float:left;	
		}
		
		/*Divs imagenes*/
.pc01,.pc02,.pc03,.pc04,.im01,.im02,.im03,.im04,.co01,.co02,.co03,.co04{
			
		width:100%;
		height:auto;
		float:left;
	}
.pc01 img,.pc02 img,.pc03 img,.pc04 img,.im01 img,.im02 img,.im03 img,.im04 img,.co01 img,.co02 img,.co03 img,.co04 img{
		width:70%;
	}
		/*fin divs*/
		
		/*posicion imagenes */
	#pc{
		margin-left:15%;
		box-shadow: 0 1px 3px 0px #000;
	}

	#pc1{
		margin-left:15%;
		box-shadow: 0 1px 3px 0px #000;
	}
	/*fin posicion imgs*/


/*titulo ver mas*/
.pc h3,.consumibles h3,.impresoras h3{
margin-left:37%;
font-family:roboto;
font-size:15px;
}

/*fin titulo ver mas*/

/*etiquetas*/
.etiqueta,.etiqueta2,.etiqueta3{
	font-size:16px;
	font-family:roboto;
}
.etiqueta{
	width:50%;
}
.etiqueta2{
	width:40%;
}
/* fin etiquetas*/

.hp01,.hp02,.hp03,.hp04{

	width:100%;
	height:auto;
	float:left;
	font-size:13px;
	
	
}

		}

		
		
		
@media (min-width: 80px) and (max-width: 670px){
	/*titulo ver mas*/
.pc h3,.consumibles h3,.impresoras h3{
	margin-left:29%;
	font-family:roboto;
	font-size:15px;
}
.tel{
	font-size:18px;
}

/*fin titulo ver mas*/
			
		}
		
@media (min-width: 80px) and (max-width: 540px){
.tel{
	font-size:16px;
}
}

@media (min-width: 80px) and (max-width: 440px){
.tel{
	font-size:13px;
}
.menu li a{
	font-size:10px;		
		}
}
		
@media (min-width: 80px) and (max-width: 340px){
.tel{
	font-size:10px;
}
.menu{
			position:absolute;
			z-index:3;
			background:#fff;
			width:40%;
			margin-left:-200%;
			transition: all 0.5s;
			padding:2px 1px;
		
			
		}
.menu li a{
	font-size:10px;		
		}
}