/* #Base 960 Grid 
================================================== */
	.container { position: relative; width: 960px; margin: 0 auto; padding: 0; margin-bottom:0px; }
	.column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; margin-bottom:20px; }
	.row { margin-bottom: 20px; }
	.bottom_menu { margin-top:120px; }
	.column_left {	margin-right: 30px;	margin-left: 0px;}
	.ancla {padding-top:110px;}
	
	/* Nested Column Classes */
	.column.alpha, .columns.alpha 				{ margin-left: 0;}
	.column.omega, .columns.omega 				{ margin-right: 0; }
	
	/* Base Grid */
	.container .one.column 						{ width: 40px;  }
	.container .two.columns 					{ width: 100px; }
	.container .three.columns 					{ width: 160px; }
	.container .four.columns 					{ width: 220px; }
	.container .five.columns 					{ width: 280px; }
	.container .six.columns 					{ width: 340px; }
	.container .seven.columns 					{ width: 400px; }	
	.container .eight.columns 					{ width: 460px; margin-bottom:0px;}
	.container .nine.columns 					{ width: 520px; }
	.container .ten.columns 					{ width: 580px; }	
	.container .eleven.columns 					{ width: 640px; }	
	.container .twelve.columns 					{ width: 700px; }
	.container .thirteen.columns 				{ width: 760px; }	
	.container .fourteen.columns 				{ width: 820px; }	
	.container .fifteen.columns 				{ width: 880px; }
	.container .sixteen.columns 				{ width: 940px; }
	
	.container .sixteen-center.columns 			{ width: 940px; text-align:center;}
	.container .one-third.column				{ width: 300px; text-align:center; }
	.container .one-third-left.column			{ width: 300px; text-align:left; }
	.container .three-center.columns 			{ width: 190px; margin-right:0px; }
	.container .four-center.columns 			{ width: 220px; text-align:center; }
	.container .four-ofertas.columns 			{ width: 210px; text-align:center; }
	
	.container .six_contactos.columns 					{ width: 390px; }
	
	.container .two-thirds.column				{ width: 620px; }
	
	.container .vinetas.columns 				{ width: 300px; }
	
	
	/* Offsets 	
	.container .offset-by-one 					{ padding-left: 60px;  }
	.container .offset-by-two 					{ padding-left: 120px; }
	.container .offset-by-three 				{ padding-left: 180px; }
	.container .offset-by-four 					{ padding-left: 240px; }
	.container .offset-by-five 					{ padding-left: 300px; }
	.container .offset-by-six 					{ padding-left: 360px; }
	.container .offset-by-seven 				{ padding-left: 420px; }
	.container .offset-by-eight 				{ padding-left: 480px; }
	.container .offset-by-nine 					{ padding-left: 540px; }
	.container .offset-by-ten 					{ padding-left: 600px; }
	.container .offset-by-eleven 				{ padding-left: 660px; }
	.container .offset-by-twelve 				{ padding-left: 720px; }
	.container .offset-by-thirteen 				{ padding-left: 780px; }
	.container .offset-by-fourteen 				{ padding-left: 840px; }
	.container .offset-by-fifteen 				{ padding-left: 900px; }*/
	
Para iframe en index.html
/* Podemos eliminar este estilo si no queremos que se adapte al ancho maximo */
.delimitador_testimonios{
	max-width:960px;	/* Ancho maximo */
	margin:auto;	/* Centramos el video */
	padding:0px;
	 
}
/* El contenedor con el padding-top crea el tamaņo del video */
.contenedor_testimonios{
	height:100%;
	width:100%;
	padding-top:15.25%; /* Relacion: 16/9 = 56.25% */
	position:relative;
	
}
/* El iframe se adapta al tamaņo del contenedor */
.contenedor_testimonios iframe{
	position:absolute;
	height:400px;
	width:100%;
	top:0px;
	left:0px;
	size:100%;
}
 /* Podemos eliminar este estilo si no queremos que se adapte al ancho maximo */
.delimitador{
	/* max-width:960px;	Ancho maximo */
	margin:auto;	/* Centramos el video */
	padding:0px;
	
}
/* El contenedor con el padding-top crea el tamaņo del video */
.contenedor{
	height:100%;
	width:100%;
	padding-top:38.25%; /* Relacion: 16/9 = 56.25% */
	position:relative;
}
/* El iframe se adapta al tamaņo del contenedor */
.contenedor iframe{
	position:absolute;
	height:500px;
	width:100%;
	top:80px;
	left:0px;
}
.sombra {background:url(../images/sombra.png) repeat-y; background-position:top left; }
 .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 /* #Tablet (Portrait)
================================================== */	
	/* Note: Design for a width of 768px */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.container 									{ width: 768px; }
		.contenedor2									{ width: 768px; }
		.column_left {	margin-right: 30px;	margin-left: 0px;}
		.ancla {padding-top:110px;}
		
		
		.container .column, 
		.container .columns 						{ margin-left: 10px; margin-right: 10px;  }
		.column.alpha, .columns.alpha 				{ margin-left: 0; margin-right: 10px; }
		.column.omega, .columns.omega 				{ margin-right: 0; margin-left: 10px; }
	
		.container .one.column 						{ width: 28px;  }
		.container .two.columns 					{ width: 76px; }
		.container .three.columns 					{ width: 124px; }
		.container .four.columns 					{ width: 172px; }
		.container .five.columns 					{ width: 220px; }
		.container .six.columns 					{ width: 268px; }
		.container .seven.columns 					{ width: 316px; }	
		.container .eight.columns 					{ width: 364px; }
		.container .nine.columns 					{ width: 412px; }
		.container .ten.columns 					{ width: 460px; }	
		.container .eleven.columns 					{ width: 508px; }	
		.container .twelve.columns 					{ width: 556px; }
		.container .thirteen.columns 				{ width: 604px; }	
		.container .fourteen.columns 				{ width: 652px; }	
		.container .fifteen.columns 				{ width: 700px; }
		.container .sixteen.columns 				{ width: 748px; }
		
		
		.container .sixteen-center.columns 			{ width: 748px; text-align:center;}
		
		
		.container .one-third.column				{ width: 236px; text-align:center;}
		.container .one-third-left.column			{ width: 236px; text-align:left; }
		.container .two-thirds.column				{ width: 492px; }
		.container .three-center.columns 			{ width: 220px; margin-right:10px; }
		.container .six_contactos.columns 					{ width: 268px; }
		
		.container .four-ofertas.columns 			{ width: 210px; text-align:center; }
		.container #color7 { padding-left:40px; }
		
		.container .vinetas.columns 				{ width: 240px; font-size:14px; margin-left:-40px;  }
		.container .vineta1 						{ color:#182987; font-size:14px; margin-left:0px; line-height:18px; }
		.container .ventajas 									{ width: 200px; text-align:center;}
		.container .text4 							{ font-size: 28px; line-height: 30px;  margin-top: 30px; text-align:left; font-weight: 600;}
		.container .text13 							{ font-size: 24px; line-height: 28px;}
		
		.contenedor2 .js_bg	{	width: 768px;} 
		.contenedor2 ul.pagination li a span				{font-size:16px;  margin:10px;  line-height:18px; padding-top:5px;}
		.contenedor2 ul.faded 								{margin-left: 185px;}
		.contenedor2 .right 		{position:absolute; right:-35px; top:0px; }
		.container .img_caja				{ padding-top:40px;}
		.container .top13 { padding-top:30px;}
	
.contenedor2 .pagination_item-1,
.contenedor2 .pagination_item-2,			
.contenedor2 .pagination_item-3,			
.contenedor2 .pagination_item-4,			
.contenedor2 .pagination_item-5,			
.contenedor2 .pagination_item-6,			
.contenedor2 .pagination_item-7,			
.contenedor2 .pagination_item-8			{width:150px;}
 .contenedor2 .pagination_item-1.current,		
.contenedor2 .pagination_item-2.current,			
.contenedor2 .pagination_item-3.current,			
.contenedor2 .pagination_item-4.current,			
.contenedor2 .pagination_item-5.current,			
.contenedor2 .pagination_item-6.current,			
.contenedor2 .pagination_item-7.current,			
.contenedor2 .pagination_item-8.current			{width:150px;}
		
		
		
		
		.boton_demo { text-align:center; margin-left:25px; }
		.circulo { text-align:center; margin-left:25px; }
		.chica { margin-top:50px; }
		
		.contenedor iframe{
		position:absolute;
		height:300px;
		width:100%;
		top:80px;
		left:0px;
		}
		
		.contenedor{
		height:300px;
		width:100%;
		padding-top:10.3%;  /*Relacion: 16/9 = 56.25% */
		position:relative;
	}
 .contenedor_testimonios{
	height:100%;
	width:100%;
	padding-top:22.25%; /* Relacion: 16/9 = 56.25% */
	position:relative;
	margin-bottom:100px;
}
.contenedor_testimonios iframe{
	position:absolute;
	height:500px;
	width:100%;
	top:0px;
	left:0px;
}
.sombra {background:url(../images/sin_sombra.png) repeat-y; background-position:top left; }
	}
	
	
/*	#Mobile (Portrait) 
================================================== */
	
	/* Note: Design for a width of 320px */
	
	@media only screen and (max-width: 479px) {
		.container { width: 270px; }
		.contenedor2 { width: 270px; }
		.column_left {	margin-right: 0px;	margin-left: 0px;}
		.columns, .column { margin: 0; width: 270px; }
		.ancla { padding-top:50px; }
		
		
		.container .one.column,
		.container .two.columns,
		.container .three.columns,
		.container .four.columns,
		.container .five.columns,
		.container .six.columns,
		.container .seven.columns,
		.container .eight.columns,
		.container .nine.columns,
		.container .ten.columns,
		.container .eleven.columns,
		.container .twelve.columns,
		.container .thirteen.columns,
		.container .fourteen.columns,
		.container .fifteen.columns,
		.container .sixteen.columns, 
		.container .one-third.column, 
		.container .two-thirds.column  		{ width: 270px; }
		.container .one-third-left.column	{ width: 270px; text-align:left; }
		.container .sixteen-center.columns 	{ width: 270px; text-align:center;}
		.container .eight.columns 			{ width: 270px; text-align:center; }
		
		.container .three-center.columns 	{ width: 250px; text-align:center; margin-top:10px; margin-bottom:10px;}
		.container .six_contactos.columns 	{ width: 270px; }
		
		
		.container .vinetas.columns 		{ width: 270px; font-size:16px; }
		.container .img_caja				{ max-width:200px; margin:auto; text-align:center; padding-top:30px;}
		.container #color7 { padding-left:30px; }
		
		.vineta1 							{color:#182987; font-size:16px; margin:-10px 0 30px -20px;}
		.ventajas 							{width: 230px; text-align:center;}
		.text2_header 						{font-size:16px; line-height:18px;} 
		
		h1 									{ font-size: 28px; line-height: 30px; }
		h2 									{ font-size: 16px; line-height: 20px;}
		h3 									{ text-align:center; }
		p 									{ line-height: 20px; text-align:center; }
		
		
		.contenedor2 .js_bg									{width: 210px; height: 240px;} 
		.contenedor2 ul.pagination li a span				{font-size:14px;  margin:5px;  line-height:16px; padding-top:0px;}
		.contenedor2 ul.faded 								{display:none;}
		.contenedor2 .right 								{position:absolute; right:-80px; top:0px; }
		.contenedor2 ul.pagination li 						{height:50px; }
		.contenedor2 ul.pagination li a 					{height:50px;  line-height:3em; cursor: default;}
		
		.contenedor2 ul.pagination 							{width: 150px; padding-top:0px;}
		.contenedor2 .fondo_laptop 							{background-image:none;}
	
.contenedor2 .pagination_item-1,
.contenedor2 .pagination_item-2,			
.contenedor2 .pagination_item-3,			
.contenedor2 .pagination_item-4,			
.contenedor2 .pagination_item-5,			
.contenedor2 .pagination_item-6,			
.contenedor2 .pagination_item-7,			
.contenedor2 .pagination_item-8			{width:120px; margin:2px;}
 .contenedor2 .pagination_item-1.current,		
.contenedor2 .pagination_item-2.current,			
.contenedor2 .pagination_item-3.current,			
.contenedor2 .pagination_item-4.current,			
.contenedor2 .pagination_item-5.current,			
.contenedor2 .pagination_item-6.current,			
.contenedor2 .pagination_item-7.current,			
.contenedor2 .pagination_item-8.current			{width:120px;}
		
		.contenedor iframe{
		position:absolute;
		height:200px;
		width:100%;
		top:0px;
		left:0px;
		}
		.contenedor{
		height:220px;
		width:100%;
		padding-top:1%; /* Relacion: 16/9 = 56.25% */
		position:relative;
	}
	
	.contenedor_testimonios{
	height:100%;
	width:100%;
	padding-top:30.25%; /* Relacion: 16/9 = 56.25% */
	position:relative;
	padding-bottom:380px;
}
.contenedor_testimonios iframe{
	position:absolute;
	height:650px;
	width:100%;
	top:0px;
	left:0px;
}
		
		
		
	
		.container .text1 { text-align:center; }
		.container .text2 {text-align:center;}
		.container .text4 { font-size: 20px; line-height: 24px;  margin-top: 0px;  margin-bottom: 20px; text-align:center; padding-top:10%; font-weight: 600;}
		.container .text14 {text-align:center;}
		.container .text13 { font-size: 24px; line-height: 26px; text-align:center; padding-top:10%; padding-bottom:10px;}
		.container .text10 { font-size: 20px; }
		
		
		.vineta1 {text-align:left;}		
		.sombra {background:url(../images/sin_sombra.png) repeat-y; background-position:top left; }	
		
		.container .columna_izq { display: none;}
	}	 
	
	
	
/* #Mobile (Landscape)
================================================== */
	/* Note: Design for a width of 480px */
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.container { width: 420px; }
		.contenedor2 { width: 420px; }
		.column_left {	margin-right: 0px;	margin-left: 0px;}
		.ancla {padding-top:50px;}
		.container .img_caja { max-width:280px; margin:auto; text-align:center; padding-top:30px;}
		.columns, .column { margin: 0; width: 420px;}
		
		.container .one.column,
		.container .two.columns,
		.container .three.columns,
		.container .four.columns,
		.container .five.columns,
		.container .six.columns,
		.container .seven.columns,
		.container .eight.columns,
		.container .nine.columns,
		.container .ten.columns,
		.container .eleven.columns,
		.container .twelve.columns,
		.container .thirteen.columns,
		.container .fourteen.columns,
		.container .fifteen.columns,
		.container .sixteen.columns,
		.container .one-third.column, 
		.container .two-thirds.column { width: 420px; }
		.container .one-third-left.column { width: 420px; text-align:center; }
		.container .three-center.columns 	{ width: 190px; text-align:center; margin-top:10px; margin-bottom:10px; margin-right:5px;}
		.container .sixteen-center.columns 	{ width: 420px; text-align:center;}
		.container .vinetas.columns 		{ width: 420px; }
		.container .six_contactos.columns 	{ width: 420px; }
		
		.container .four-ofertas.columns 			{ width: 180px; text-align:center; margin-right:20px; }
		.container #color7 { padding-left:20px; }
		.container .titulo_oferta { width:160px; }
		
		.container .text1 								{ text-align:center; }
		.container .text2 								{ text-align:center;}
		.container .text4 								{ font-size: 28px; line-height: 34px;  margin-top: 0px; margin-bottom:30px; text-align:center; font-weight: 600;}
		.container .text13 								{ font-size: 28px; line-height: 32px; text-align:center; padding-top:10%;}
		
		.ventajas 										{ width: 270px; text-align:center;}
		
		.contenedor2 .js_bg									{width: 420px; height: 430px;} 
		.contenedor2 ul.pagination li a span				{font-size:14px;  margin:10px;  line-height:16px; padding-top:5px;}
		.contenedor2 ul.faded 								{margin-left: 14px;}
		.contenedor2 .right 								{position:absolute; right:-40px; top:0px; }
		
		.contenedor2 ul.pagination 							{width: 250px; padding-top:280px;}
		.contenedor2 .fondo_laptop {background-image:url(../pasos_amigables/images/fondo_slider2.png); background-repeat:no-repeat; background-position: top center;}
	
.contenedor2 .pagination_item-1,
.contenedor2 .pagination_item-2,			
.contenedor2 .pagination_item-3,			
.contenedor2 .pagination_item-4,			
.contenedor2 .pagination_item-5,			
.contenedor2 .pagination_item-6,			
.contenedor2 .pagination_item-7,			
.contenedor2 .pagination_item-8			{width:100px; margin:2px;}
 .contenedor2 .pagination_item-1.current,		
.contenedor2 .pagination_item-2.current,			
.contenedor2 .pagination_item-3.current,			
.contenedor2 .pagination_item-4.current,			
.contenedor2 .pagination_item-5.current,			
.contenedor2 .pagination_item-6.current,			
.contenedor2 .pagination_item-7.current,			
.contenedor2 .pagination_item-8.current			{width:100px;}
		
		
	
		.contenedor iframe{
		position:absolute;
		height:200px;
		width:100%;
		top:0px;
		left:0px;
		}
		.contenedor{
		height:220px;
		width:100%;
		padding-top:1%; /* Relacion: 16/9 = 56.25% */
		position:relative;
	}
	
	
	.contenedor_testimonios{
	height:100%;
	width:100%;
	padding-top:26.25%; /* Relacion: 16/9 = 56.25% */
	padding-bottom:50px;
	position:relative;
	margin-bottom:150px;
	max-height:250px;
}
.contenedor_testimonios iframe{
	position:absolute;
	height:650px;
	width:100%;
	top:0px;
	left:0px;
}
.sombra {background:url(../images/sin_sombra.png) repeat-y; background-position:top left; }
.container .columna_izq { display: none;}
	}
	 
	
/* #Clearing
================================================== */
	/* Self Clearing Goodness */
	.container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
	
	/* Use clearfix class on parent to clear nested columns, 
	or wrap each row of columns in a <div class="row"> */
	.clearfix:before,
	.clearfix:after,
	.row:before,
	.row:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	.row:after,
	.clearfix:after {
	  clear: both; }
	.row, 
	.clearfix {
	  zoom: 1; }
	  
	/* You can also use a <br class="clear" /> to clear columns */
	.clear {
	  clear: both;
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
	}
	
