.nm {
		top:0px;
		width:100%;
		height:30px;
		position:fixed;
		z-index:30;
		background-color:#FFF;
		left:0px;
	}

	.nmimg{
		height:60px;
	}
	
	.nmimg5{
		height:50px;
	}
	
	.back{
		position:absolute;
		top:0px; 
		left:50%; 
		margin-left:-500px; 
		width:1000px; 
		height:80px;
		background-image:url(img/Web2016-2022/Encabezado.png); 
		background-repeat:no-repeat; 
		background-position:center;	
		background-size: 900px 80px;
	}
	.mns{
		position:absolute; 
		overflow:visible;
		top:85px; 
		z-index:2500; 
		width:1024px;		
		left:50%; 
		margin-left:-512px;		
		height:36px; 
		/*border:1px solid #03C;*/
	}
	
	.login{
		 position:absolute;
		 text-align:right;
		 top:0px;
		 width:1024px;
		 left:50%; 
		 margin-left:-512px;
		 z-index:100;
		 /*border:1px solid #333;*/
	}
	
	.caja{
		width:150px;
		font-size:12px;
	}
	
	.boton{
		font-size:12px;
		text-decoration:none;
		color:#000;
	}
	
	.imgder{
		position:absolute;
		top:6px;
		left:100%;
		margin-left:-100px;
		margin-top:-5px;
		width:123px;
	}
	
	.container {
		position:absolute;
		width:100%;
		margin:0px auto;
		font-size:0.9em;		
		top:30px;
		z-index:10;
		left:0px;
		/*background-color:#36F;*/
		overflow:visible;
	}
	
	
	.columna{
		width:24.2%;
		float:left;
		padding:4px;
		/*padding-top: 4px;
   	 	padding-bottom: 4px;
		padding-right: 4px;
    	padding-left: 4px;*/
		text-align:justify;
		/*border:1px solid #393;*/
	}
	
	.slader{
		width:90%;
		margin-left:5%;		
		height:300px; 
		margin-top:3px; 
		/*border:1px solid #C09;*/
		/*background-color:#036;*/
		overflow:visible;
		
	}
	
	.grande{		
		color:#FFF;
		background-color:#FFF;
		top:0px;
		left:0px;
		width:100%;
		height:300px;		
		text-align:center;
		visibility:visible;
		border:0px solid #000;
	}
	
	.imagen_grande{
		max-height:100%; 
		min-height:100%; 
		width:100%; 
		position:relative; 
		z-index:999;
	}
	
	.imagen_grandeI{
		width:10%;
		height:10%;
		position:relative; 
		z-index:999;
	}
	
	.textoG{
		position:relative;
		z-index:10000;
		text-align:left;
		background-color:#999;
		background-color: rgba(10, 10, 10, 0.5);
		height:34px;
		top:0px;
		margin-top:-34px;
	}
	
	.interno{
		border:1px solid #CCC;
		box-shadow: 1px 1px 1px #999999;
		padding:4px;
	}
	
	.pendientes{
		border:1px solid #CCC;
		box-shadow: 1px 1px 1px #999999;
		padding:4px;
		font-size:20px;
	}
	
	.letras{		
		font-size:16px;
	}
	
	
	/* para 1268px o menos */
	@media screen and (max-width:1268px) {	
		.mns{		
			width:1024px;
			left:50%; 
			margin-left:-512px;
		}	
		.login{		
			width:1024px;
			left:50%; 
			margin-left:-512px;
		}	
		.columna{		
	    	/*padding-right: 4px;
   		 	padding-bottom: 4px;*/
			padding-right: 2px;   	 		
	    	padding-left: 2px;
		}	
		.slader{
			height:275px;
		}	
		
		.grande{
			height:275px;
		}	
				
	}
	
 	/* para 1024px o menos */
	@media screen and (max-width:1024px) {
		.container {			
			font-size:0.9em;					
		}
		.pendientes{
			font-size:0.9em;	
		}
		.columna{		
	    	/*padding-right: 4px;
   		 	padding-bottom: 4px;*/
			padding-right: 2px;   	 		
	    	padding-left: 2px;
		}
		/*.mns{		
			border:1px solid #F00;
		}*/
		.textoG{						
			height:30px;
			top:0px;
			margin-top:-30px;
		}
		.mns{
			width:980px;
			left:50%; 
			margin-left:-490px;
		}
		.login{		
			width:900px;
			left:50%; 
			margin-left:-450px;
		}	
	}
	
	/* para 9px;80px o menos */
	@media screen and (max-width:980px) {
		
		.nmimg{
			height:47px;
		}
		
		.nmimg5{
			height:40px;
		}
		
		.back{		
			margin-left:-395px; 
			width:790px;
			background-size: 532px 24px;			
		}
		
		.mns{
			width:700px;
			left:50%; 
			margin-left:-350px;			
			/*border:1px solid #0F0;*/
		}
		.login{
			width:640px;
			left:50%; 
			margin-left:-320px;		
		}
		
		.caja{
			width:100px;
			font-size:10px;
		}
	
		.boton{
			font-size:10px;			
		}
	
		.imgder{			
			margin-left:-70px;
			width:100px;
		}
		.menuTemplate3{
			font-size:10px;
		}
		.menuTemplate3 a{
	    	padding: 0 10px;
		}
		.container {
			font-size:0.7em;
		}
		.pendientes{
			font-size:0.7em;			
		}
		.letras{		
			font-size:0.7em;
		}
	
		.columna{			
			padding-right: 1px;   	 		
	    	padding-left: 1px;
			/*padding-right: 5px;   	 		
	    	padding-left: 5px;*/
		}	
		.slader{
			height:195px;
		}			
		.grande{
			height:195px;
		}
		.textoG{						
			height:22px;
			top:0px;
			margin-top:-22px;
		}
	}
 
	/* para 700px o menos */
	@media screen and (max-width:700px) {
		.nmimg{
			height:33px;
		}
		
		.nmimg5{
			height:30px;
		}
		
		.back{		
			margin-left:-282px; 
			width:564px;
			background-size: 351px 17px;			
		}
		
		.mns{
			width:480px;
			left:50%; 
			margin-left:-240px;			
			/*border:1px solid #0F0;*/
		}
		
		.login{
			width:440px;
			left:50%; 
			margin-left:-220px;
		}
		
		.caja{
			width:60px;
			font-size:8px;
		}
	
		.boton{
			font-size:8px;
		}
		
		.imgder{			
			margin-left:-60px;
			width:80px;
		}
		
		.menuTemplate3{
			font-size:8px;
		}
		.menuTemplate3 a{
	    	padding: 0 5px;
		}
		.container {
			font-size:0.6em;
		}
		.pendientes{
			font-size:0.6em;	
		}
		.columna{			
			padding-right: 1px;   	 		
	    	padding-left: 1px;
		}
		.slader{
			height:195px;
		}
		.grande{
			height:195px;
		}
		.textoG{						
			height:20px;
			top:0px;
			margin-top:-20px;
		}
	}
 
	/* para 480px o menos */
	@media screen and (max-width:480px) {
		.nmimg{
			height:23px;
		}
		
		.nmimg5{
			height:20px;
		}
			
		.back{		
			margin-left:-193px; 
			width:387px;
			background-size: 150px 6px;
		}
		
		.mns{
			width:400px;
			left:50%; 
			margin-left:-200px;	
			/*border:1px solid #F0F;*/
		}
			
		.login{
			width:360px;
			left:50%; 
			margin-left:-180px;	
		}
		.caja{
			width:60px;
			font-size:6px;
		}
	
		.boton{
			font-size:6px;
		}
		
		.imgder{			
			margin-left:-40px;
			width:60px;
		}
		.menuTemplate3{
			font-size:8px;
		}
		.menuTemplate3 a{
	    	padding: 0 0px;
		}
		.container {
			font-size:0.4em;
		}
		.pendientes{
			font-size:0.4em;	
		}
		.columna{			
			padding-right: 1px;   	 		
	    	padding-left: 1px;
		}
		.slader{
			height:110px;
		}	
		.grande{
			height:110px;
		}
		.textoG{						
			height:16px;
			top:0px;
			margin-top:-16px;
		}	
	}
	
	/* para 400px o menos */
	@media screen and (max-width:400px) {		
		.menuTemplate3{
			font-size:5px;
		}
		.mns{
			width:280px;			
			left:50%;
			margin-left:-140px; 
			/*border:1px solid #900;*/
		}
		.login{
			width:240px;
			left:50%; 
			margin-left:-120px;	
		}		
		.slader{
			height:85px;
		}
		.nmimg5{
			height:15px;
		}
		.grande{
			height:85px;
		}	
		
	}