@media (max-width:760px){
	.datoscontacto{
		display:none;
	}
	
	
	header{ top:0px; height:50px; width:100%; }
	
	header label{ display:block; background-color:black; position:absolute;}
	main{ position:absolute;top:70px; width:96%; background-color:white; left:2%; }
	
	.logoimag { position:absolute;top:15px; left:10px; width:200px; height:25px; }
	.menu {
		position:absolute;
		top:50px;
		left:0px;
		width:100%;
		height:800px;
		transform:translateX(-101%);
		transition: all 0.3s;
     	overflow:auto; 
	
	}
	
	.menu ul{
		display:block;
		background:rgba(0,0,0,0.8);
	}
	
	.menu ul li:hover ul{
		display:none;
		position:static;

	}
	
	.menu a span{ position:absolute; right:5px;}
	#ics,	#ics2,	#ics3, #ics4{ position:absolute; left:-25px;}
	.menu ul a { position:relative; left:15px; width:94%; }

	
	#btn-menu:checked ~ .menu { transform: translateX(0%);}


	
		
	.menu ul ul{ background: rgba(0,0,0,0.1);}
	.menu ul ul a { padding:10px 40px; }
	
	#herramientassol article{
			 margin: 15px;	
			width:90%;
	}
	
	#blog article{
 margin: 15px;	
 width:90%;
}
   
   #movafiltrab article, #movafilest article, #temasblog .contenedorblog article.tb
   { width:90%;}
   
   #contacto .contenedorcontacto article
   {
	   width:100%;
	  
	 
    }
    
   #contacto .contenedorcontacto article p input, #contacto .contenedorcontacto article p textarea   {
	   width:90%;
         
	 
   }

   #contacto .contenedorcontacto article p select { width:90%; font-size:12px;}
   #contacto .contenedorcontacto article p .codcup{ width:180px;}

   
    .vdt
	{
		height:250px;
	}
	.vdtb
	{
		height:250px;
		width:100%;
	}
	
	#pie{ font-size:12px;}
	
	.promocion{ font-size:20px;}
	.promocion div{ position: relative; top:6px;}
	.promocion div.prom{  position: relative; top:12px;}
	.num{font-size:25px;}
    .tiempo{ font-size:12px; }
	
	
}