.sladerP{			
		position:relative;		
		width:700px;
		height:400px;
		left:50%;
		margin-left:-350px;
		overflow:hidden;			
	}
	
	.columnaP{
		width:31%;
		float:left;
		padding:4px;
		text-align:justify;		
	}
	
	.internoP{
		border:1px solid #CCC;
		box-shadow: 1px 1px 1px #999999;
		padding:4px;
		height:160px;
	}
	
	.pendientesP{
		border:1px solid #CCC;
		box-shadow: 1px 1px 1px #999999;
		padding:4px;
		font-size:16px;
	}
	
	.letrasP{		
		font-size:16px;	
	}
	
	.tituloP{		
		font-size:16px;
		border:#F00 0px solid;
		background-color:#FFF;
		margin-top:-16px;
		margin-left:5px;
		font-weight:bold;
		height:16px;
		overflow:hidden;
	}
	
	
	/* para 1268px o menos */
	@media screen and (max-width:1268px) {	
	}
	
 	/* para 1024px o menos */
	@media screen and (max-width:1024px) {
	}
	
	/* para 9px;80px o menos */
	@media screen and (max-width:980px) {
	}
 
	/* para 700px o menos */
	@media screen and (max-width:700px) {
		.sladerP{					
			width:500px;
			height:250px;
			left:50%;
			margin-left:-250px;
				
		}
		.letrasP{		
			font-size:12px;
		}
		.tituloP{		
			font-size:12px;	
			margin-top:-12px;
			height:12px;	
		}	
		.internoP{			
			height:100px;
		}		
	}
 
	/* para 480px o menos */
	@media screen and (max-width:480px) {
		.sladerP{					
			width:400px;
			height:250px;
			left:50%;
			margin-left:-200px;		
		}
		.letrasP{		
			font-size:10px;
		}
		.tituloP{		
			font-size:10px;	
			height:10px;
			margin-top:-10px;	
		}	
		.internoP{			
			height:100px;			
			padding-top:4px;	
		}
		.columnaP{
			padding-left:1px;
			padding-right:1px;
			padding-top:4px;	
		}
	}
	
	/* para 400px o menos */
	@media screen and (max-width:400px) {		
		.sladerP{					
			width:280px;
			height:250px;
			left:50%;
			margin-left:-140px;		
		}
		.letrasP{		
			font-size:8px;
		}
		.tituloP{		
			font-size:8px;	
			height:8px;	
			margin-top:-8px;			
		}			
		.internoP{			
			height:100px;
			padding-top:4px;	
		}	
		.columnaP{
			padding-left:1px;
			padding-right:1px;
			padding-top:4px;	
		}	
	}