@media (max-width: 768px) {
	
	#box-select .column.first,
	  #box-select .column.second,
	  #box-select .column.third {
		width: 100%;
		float: none;
		margin:0;
	  }
	  #box-select {
		background: none;
	  }
	
	  #box-select .column {
		display: none;
	  }
	
	  #box-select .column.activo {
		display: block;
	  }
	
	#contenido_principal h3.tit {
    padding: 0 0 0 17px;
    line-height: 30px;
    color: #255988;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    border-top: 1px dotted #d4d2d2;
    /*background: url(../images/arrow_abajo.png) no-repeat 638px 12px;*/
}

	.iyoutube{
	width: 80%;height: 230px;
	}
	
	.contenedor {
	  width: 100%;
	  float: left;
	  height: 1000px;
	  font-family:Arial, Helvetica, sans-serif;
	}
	#volverDos{
		display:block;
		cursor:pointer;

	}
	#contenido .titulos .titulo2{
		display:none;
	}
	#contenido .titulos .titulo3{
		display:none;
	}
	
	#volverTres{
		display:block;
		cursor:pointer;

	}
	
	#wrapper{
		max-width: 742px;
		width: 100%;
		margin-left: 25px;

	}
	#contenido{
		max-width: 700px;
		width: 100%;
		height: auto;
		border: none;
		margin: 0px;
		margin-top: 20px;
	}
	#contenido .titulos{
		width: 99.7%;
		border-top: solid 1px #ccc;
		border-left: solid 1px #ccc;
		border-right: solid 1px #ccc;
	}
	#contenido .titulos li{
	float:none;
	}
	
	#contenido .titulos .titulo1{
		border-right: none;
		width: auto;
	}
	#contenido .titulos .titulo2{
		border-right: none;
		width: auto;
	}
	
	
	#contenido .titulos .titulo3{
		width: auto;
	}
	#contenido #columna1{
		display: block;
		width: 100%;
		border-right: none;
	}
	#contenido #columna1 .categorias li{
		width: 99.8%;
		background: #ccc;
		margin-bottom: 1px;
		padding: 0;
		height: 60px;
		color: #333;
		
	}
	#contenido #columna1 .categorias li div{
		width: 100%;
	}
	#contenido #columna1 .categorias li div p{
		line-height: 60px;
	}
	#contenido #columna2{
		display: none;
		width: 100%;
		border-right: none;
	}
	#contenido #columna2 .preguntas li{
		width: 99.8%;
		background: #ccc;
		margin-bottom: 1px;
		padding: 0;
		height: 60px;
		color: #333;
	}
	#contenido #columna2 .preguntas li div{
		width: 100%;
	}
	#contenido #columna2 .preguntas li div p{
		line-height: 60px;
	}
	#contenido #columna3{
		display: none;
		width: 99.5%;
		float: left;
		border-left: solid 1px #ccc;
		border-right: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
	}
	#contenido #columna3 .respuesta h3{
		font-size: 18px;
		margin-bottom: 20px;
	}
	#contenido #columna3 .respuesta p{
		font-size: 14px;
		color: #333;
		line-height: 19px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.mask_tabla{
		background: rgba(0, 0, 0, 0);
	}
	
}



@media screen and (max-width:800px){

	
	
}

@media screen and (max-width:400px){
	

	
}
	
/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */


	
	
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){

	
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){

	
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
.main{
		width:100%;
		
	}
	#contenido .titulos .titulo2{
		display:none;
	}
	#contenido .titulos .titulo3{
		display:none;
	}
	
	
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (max-device-width: 768px) and (max-device-width: 1024px){
.main{
		width:100%;
		
	}

	
	
}

/* #### Desktops #### */
@media screen and (max-width: 1024px){
 .main{
		width:94%;
		
	}
	
	
	
}