/* CSS Document */

#mymedia .col-lg-7
{
	width: 70%;
}

@media screen and  (max-width: 1024px) 
{
	/* NORMAL ******************/	
	
	
	
	/* ID **********************/
	
	
	
	/* CLASS *******************/
	
}


/* 768 */
@media screen and  (max-width: 970px) 
{
	/* NORMAL ******************/	
	
	header #logodatos
	{
		padding: 0;
		width: 100%;
	}
	
	/* ID **********************/
	
	
	
	/* CLASS *******************/
	
	.inside
	{
		margin: 0 auto;
		padding: 10px;
		width: 96%;
	}
		
}

/* 480 */
@media screen and  (max-width: 767px) 
{	
	/* NORMAL ******************/	

	

	/* ID **********************/

	#indexhome
	{
		margin: 10px auto 0;
		padding: 20px;
		width: 350px;
	}
	
	#ocultore #recordar
	{
		left: 10px;
	}
	
	/* CLASS *******************/
	
	
}

/* 320 */
@media screen and  (max-width: 479px) 
{
	/* NORMAL ******************/		
	
	
	/* ID **********************/
	
	#content
	{
		padding: 15px 10px;
	}	
	
	#indexhome
	{
		padding: 10px;
		width: 250px;
	}
	
	#indexhome input[type=text], 
	#indexhome input[type=password]
	{
		width: 200px;
	}
	
	#indexhome #ingreso
	{
		width: 240px;
	}
	
	#ocultore #recordar
	{
		left: 0;
	}
	
	/* CLASS *******************/
	
	.inside
	{
		padding: 0;
		width: 100%;
	}
	
}