/** {
	margin:0;
	padding:0;
}*/

/* 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;
    }
	
/*Fonts*/

@font-face {
    font-family: 'HelveticaLTLight';
    src: url('../fonts/helveticaneueltstd-lt-webfont.eot');
    src: url('../fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-lt-webfont.svg#helvetica_neue_lt_std45_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaLTRegular';
    src: url('../fonts/helveticaneueltstd-roman-webfont.eot');
    src: url('../fonts/helveticaneueltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-roman-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-roman-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-roman-webfont.svg#helvetica_neue_lt_std55_roman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaLTMedium';
    src: url('../fonts/helveticaneueltstd-md-webfont.eot');
    src: url('../fonts/helveticaneueltstd-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-md-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-md-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-md-webfont.svg#helvetica_neue_lt_std65Md') format('svg');
    font-weight: normal;
    font-style: normal;

}

.Medium{
 font-family: 'HelveticaLTMedium' !important;
}

@font-face {
    font-family: 'HelveticaLTMediumItalic';
    src: url('helveticaneueltstd-mdit-webfont.eot');
    src: url('helveticaneueltstd-mdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-mdit-webfont.woff') format('woff'),
         url('helveticaneueltstd-mdit-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-mdit-webfont.svg#helvetica_neue_lt_std66MdIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

.MediumItalic{
 font-family: 'HelveticaLTMedium' !important;
 font-style:italic;
}

@font-face {
    font-family: 'HelveticaLTBold';
    src: url('../fonts/helveticaneueltstd-bd-webfont.eot');
    src: url('../fonts/helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-bd-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-bd-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-bd-webfont.svg#helvetica_neue_lt_std75_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.Bold{
 font-family: 'HelveticaLTBold' !important;
}


@font-face {
    font-family: 'ankecallig';
    src: url('../fonts/ankecallig-fg-webfont.eot');
    src: url('../fonts/ankecallig-fg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ankecallig-fg-webfont.woff') format('woff'),
         url('../fonts/ankecallig-fg-webfont.ttf') format('truetype'),
         url('../fonts/ankecallig-fg-webfont.svg#anke_calligraphic_fgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*Colors*/
.RGAgreen{color: #007758;}
.RGApurple{color: #4d1965;}
.bordergreen{ border: solid 1px #007758;}
.noborder {border: 0;}
.borderpurple{ border: solid 1px #4d1965;}

*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding: 0;
	margin: 0;
}

html, body {
	height:100%;
	margin:0 auto;
	text-align: center;
}


.mainbox{
	width: 100%;
	max-width:960px;
	height: 100%;
	padding: 0;
	margin: 0 auto;
}
.container{
	width:100%;
	max-width:960px;
	height: auto;
	background: #ccc;
	margin: 0 auto;
	padding: 0 40px;
	padding-top: 40px;
	color: #000000;
	text-align:left;
	background-color:white;
	-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
		     -o-box-sizing:border-box;
				box-sizing:border-box;
}

.img-responsive{
	max-width:100%;
}

/*Cabecera*/



#header {
	display:block;
	/*background-image:url(../images/bg_full.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 45%;*/
	position:relative;
	width: 96%;
	height:450px;
	margin:0;
	padding: 0;
	
	}
	
	#fotoTop	{
		background-image: url(../images/bg_full.png);
		background-repeat: no-repeat;
		background-position: right top;
		width: 100%;
		height: 580px;
		position: absolute;
		top: 20px;
		right: 0;
		z-index: -80;
		background-size: 51%;
	}
	
	#banner-altavoz2, #banner-altavoz3 {
		display: none;
	}
	.rwd	{
		display: none;
	}

		.mySmall{
		font-size: 0.8rem;
		margin-top: 20px;
	}
	
	#header .greenbox{
		display:block;
		position:relative;
		top:0;
		right: 0;
		width: 300px;
		height: auto;
		float: right;
		background-color: #007758;
		color: white;
		font-family: 'HelveticaLTRegular', Arial, sans-serif;
		font-size:18px;
		font-size:1.1rem;
		text-align:center;
		padding:15px;
		margin:0;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
		     -o-box-sizing:border-box;
				box-sizing:border-box;
		-moz-border-radius: 0 0 0 20px;
    	-webkit-border-radius: 0 0 0 20px;
    	-khtml-border-radius: 0 0 0 20px;
		border-radius: 0 0 0 20px;
		}
		
		.titular {
		width: 100%;
		height: auto;
		display: block;
		position: relative;
		font-family: 'HelveticaLTMedium', Arial, sans-serif;
		padding: 61px 0 0 40px;
		text-align: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		}
		
		
		.titular h1{
			background-image: url(../images/h1_jubilacion.png);
			background-repeat: no-repeat;
			width: 70%;
			height: 222px;
			text-indent: -999999px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
			float: left;
			display: inline-block;
			background-size: 68%;
			background-position: 0 0;
		}
		
		.titular h2{
			width: 582px;
			height: 130px;
			background-image: url(../images/h2_enforma.png);
			background-position: top left;
			background-repeat: no-repeat;
			text-indent: -999999px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
			float: left;
			margin-left: 42px;
			margin-top: 9px;
			display: inline-block;
		}
				
		.titular p{
			width: 46%;
			line-height: 170%;
			font-weight: normal;
			font-size: 22px;
			color: #1c1c1b;
			padding: 0px 0 5px 0;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
			display: block;
			overflow: hidden;
			position: relative;
			/* margin: 0 auto; */
					}
		
		.video	{
			float: right;
			width: 40%;
			height: 220px;
			right: 0;
			position: absolute;
			top:338px;
		}
		
/*Contenido principal*/

.main-container{
	width: 100%;
	height: auto;
	margin: 0 0 0 0; 
	line-height:115%;
	}
	
	.titulos	{
		width: 95%;
		margin: 0 auto;
		height: 94px;
		overflow: hidden;
	}
	
	.titulos h4	{
		float: left;
	}
	
	#renta	{
		background-image: url(../images/tl_retabilidad.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom;
		text-indent: -999999px;
		width: 215px;
		height: 100%;
		vertical-align: middle;

	}
	
	#inver	{
		background-image: url(../images/tl_inversion.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom;
		text-indent: -999999px;
		width: 350px;
		height: 100%;
		vertical-align: middle;
	}
	
	#gama	{
		background-image: url(../images/tl_planes.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom;
		text-indent: -999999px;
		width: 225px;
		height: 100%;
		vertical-align: middle;
	}
	
	.tabla	{
		width: 100%;
		margin: 25px auto 0 auto;
		overflow: hidden;
	}
	
	#tablaDcharwd	{
		display: none;
	}
	
	
	
	#small	{
		/*width: 100%;*/
		font-size: 10px;
		text-align: left;
		margin: 10px 115px ;
	}
	
	.tabla p	{
		font-family: 'HelveticaLTRegular', Arial, sans-serif;
		text-align: left;
		font-size: 14px;
		/*margin:0 90px;*/
		margin-bottom:20px;
	}
	
	.tabla p .fist{
		margin-bottom:0px;
	}
	
	.tabla p strong.RGAgreen{
		font-size: 17px;
	}
	
	#tablaDcha	{
		width: 100%;
		/*float: left;*/
		margin-right: 30px;
		
	}
	
	#tablaDcha	img{
		display:block;
		position:relative;
		margin:0 auto;
		max-width: 100%;
	}
	
	
	
/*texto final*/
	#wrap	{
		width: 42%;
	}
	
	

	.lista	{
		width: 100%;
		margin-top: 20px;
		position: relative;
	}
	
	.lista h3	{
		color: #007758;
		font-size: 19px;
		font-family: 'HelveticaLTRegular', Arial, sans-serif;
		margin: 10px 0;
		line-height: 120%;
	}
	
	.lista h2	{
		margin: 25px 0 10px;
		font-size: 19px;
		font-family: 'HelveticaLTRegular', Arial, sans-serif;
		line-height: 120%;
	}
	
	.lista p	{
		font-family: 'HelveticaLTRegular', Arial, sans-serif;
		font-size: 14px;
		margin-top: 10px;
	}
	
	.lista ul	{
		list-style-position: inside;
	}
	
	.lista li	{
		font-family: 'HelveticaLTRegular', Arial, sans-serif;
		font-size: 14px;
		color: #007758;
	}
	
	#fotoBtm	{
		height: 190px;
		position: absolute;
		right: 90px;
		bottom: -35px;
	}
	
	#fotoBtmRwd	{
		display:none;
		height: 234px;
		position: absolute;
		right: 55px;
		bottom: -74px;
	}
	
	.box_bottom	{
		margin-top: 20px;
		font-family: 'HelveticaLTRegular', Arial, sans-serif;
		font-size: 14px;
		line-height: 17px;
		color: #5E5757;  
			}
	

/*Footer - legal*/

#footer {
	width: 100%;
	height: auto;
	padding:!important;
	}
	
	#footer > p {
		font-family: 'HelveticaLTRegular', Arial, sans-serif;
		font-size: 12px;
		font-size: 0.7rem;
		line-height: 130%;
		color: #6f6f6e !important;
		text-align: left;
		margin: 5px 0 5px 0;
		}
		
@media all and (max-width: 990px)	{
	/*Cabecera*/

#header {
	display:block;
	/*background-image:url(../images/bg_full.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 45%;*/
	position:relative;
	width:100%;
	height:auto;
	margin:0;
	padding: 0;
	
	}
	
	#banner-altavoz, #banner-altavoz3{
		display: none;
	}

	#banner-altavoz2{
		display: block;
	}

	.container{
		padding-top: 0px;
	}
	
	#fotoTop	{
		display: none;
		}
	
	#header .greenbox{
		display:block;
		position:relative;
		top:0;
		right: 0;
		width: 300px;
		height: auto;
		float: right;
		background-color: #007758;
		color: white;
		font-family: 'HelveticaLTRegular', Arial, sans-serif;
		font-size:18px;
		font-size:1.1rem;
		text-align:center;
		padding:15px;
		margin:0;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
		     -o-box-sizing:border-box;
				box-sizing:border-box;
		-moz-border-radius: 0 0 0 20px;
    	-webkit-border-radius: 0 0 0 20px;
    	-khtml-border-radius: 0 0 0 20px;
		border-radius: 0 0 0 20px;
		}
		
		.titular {
		width:100%;
		height: auto;
		display:block;
		position:relative;
		font-family: 'HelveticaLTMedium', Arial, sans-serif;
		padding:55px 0 0 0;
		text-align:left;
		-webkit-box-sizing:border-box;
		   -moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
		     -o-box-sizing:border-box;
				box-sizing:border-box;
		}
		
		
		.titular h1{
			background-image:url(../images/h1_jubilacion.png);
			background-repeat: no-repeat;
			background-position:center;
			background-size: contain;
			width: 100%;
			height: 230px;
			text-indent: -999999px;
			-webkit-box-sizing:border-box;
			   -moz-box-sizing:border-box;
				-ms-box-sizing:border-box;
				 -o-box-sizing:border-box;
					box-sizing:border-box;
			float: left;
			display:inline-block;
		}
		
		.video	{
			position: static;
			display: block;
			float: none;
			width: 70%;
			height: 260px;
			margin: 20px auto;
		}

		#banner-altavoz{
			padding-top: 0px;
		}


		
		.rwd	{
			display: block;
			width: 100%;
			margin: 0 auto 0px;
		}
		
		.mySmall{
			padding: 0px 40px;
		}

		.titular h2{
			width: 100%;
			height: 160px;
			background-image: url(../images/h2_enforma.png);
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			text-indent: -999999px;
			-webkit-box-sizing:border-box;
			   -moz-box-sizing:border-box;
				-ms-box-sizing:border-box;
				 -o-box-sizing:border-box;
					box-sizing:border-box;
			float: left;
			display:inline-block;
			margin-top: 16px;
			margin-left:0px;
		}
				
		.titular p{
			width: 100%;
			line-height:170%;
			font-weight: normal;
			font-size: 20px;
			color: #1c1c1b;
			padding:0 40px 20px;
			
			-webkit-box-sizing:border-box;
			   -moz-box-sizing:border-box;
				-ms-box-sizing:border-box;
				 -o-box-sizing:border-box;
					box-sizing:border-box;
			float: none;
			display: block;
			overflow: hidden;
			margin:0 auto;
		}
		
		/*Contenido principal*/
.first{
	/*margin-top:30px;*/
}


.main-container{
	width: 100%;
	height: auto;
	margin: 0 0 0 0; 
	line-height:115%;
	}
	
	.titulos	{
		width: 75%;
		margin: 0 auto;
		height: auto;
		overflow: inherit;
	}
	
	.titulos h4	{
		float: none;
		width: auto;
	}
	
	#renta	{
		background-image: url(../images/tl_renta_rwd.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		text-indent: -999999px;
		width: 100%;
		height: 120px;
	}
	
	#inver	{
		background-image: url(../images/tl_inversion_rwd.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		text-indent: -999999px;
		width: 100%;
		height: 120px;
	}
	
	#gama	{
		background-image: url(../images/tl_planes_rwd.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		text-indent: -999999px;
		width: 100%;
		height: 120px;
	}
	
	.tabla	{
		width: 100%;
		margin: 0;
		margin-top: 20px;
		overflow: hidden;
	}
	
	#small	{
		width: 100%;
		font-size: 10px;
		
		margin-right: 0;
		margin-left: 0;


	}
	
	.tabla p	{
		font-family: 'HelveticaLTRegular', Arial, sans-serif;
		text-align: left;
		font-size: 0.9rem;
		line-height: normal;
	}
	
	#tablaDcha, #tablaIzda	{
		display: none;
	}
	
	#tablaDcharwd {
		display: block;
		height: auto;
		width: 100%;
		float: none;
		margin-bottom: 15px;
		margin-top: 20px;
	}
	
	#tablaDcharwd img	{
		width: 100%;
	}
	
	#tablaIzdarwd	{
		display: block;
		height: auto;
		width: 100%;
		float: none;
	}
	
	#tablaIzdarwd img	{
		width: 100%;
	}
	
	/*texto final*/
	#wrap	{
		width: 100%;
	}

	.lista	{
		width: 100%;
		margin-top: -14px;
		position: relative;
	}
	
	.lista h3	{
		color: #007758;
		font-size: 17px;
		font-family: 'HelveticaLTRegular', Arial, sans-serif;
	}
	
	.lista p	{
		font-family: 'HelveticaLTRegular', Arial, sans-serif;
		font-size: 14px;
		margin-top: 10px;
	}
	
	.lista li	{
		font-family: 'HelveticaLTRegular', Arial, sans-serif;
		font-size: 14px;
		color: #007758;
	}
	
	#fotoBtm	{
		display:none;
		width: 100%;
		height: auto;
		position: static;
		margin:0 auto;
		
	}
	
	#fotoBtmRwd {
		display:block;
		width: 100%;
		height: auto;
		position: static;
		margin:0 auto;
	}

}

@media all and (max-width: 460px)	{
	#header {
	display:block;
	/*background-image:url(../images/bg_full.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 45%;*/
	position:relative;
	width: 100%;
	height:auto;
	margin:0;
	padding: 0;
	
	}
#banner-altavoz, #banner-altavoz2{
		display: none;
	}

	#banner-altavoz3{
		display: block;
	}
	
	.tabla{
	margin-top: 10px;		
	}


	.tabla p{
		font-size:0.7rem;
	}

	.tabla p strong.RGAgreen {
		font-size: 14px;
	}
	.mySmall{
		padding:10px 20px;
		margin-top: 10px;

	}

	.mainbox	{
		width: 100%;
	}
	
	.container	{
		padding: 0 15px;
	}
	
	.titular	{
		padding-left:0;
	}
	
	.titular p 	{
		padding-left: 15px;
		width: 100%;
		text-align: left;
		line-height: 110%;
	}
	
	.titular h1	{
		background-image: url(../images/h1_jubilacion_mvl.png);
		background-position: center;
		height: 147px;
	}
	
	.titular h2	{
		margin-top: -14px;
		margin-bottom: -30px;
	}
	
	.titulos	{
		width: 100%;
	}

	.titulos #renta	{
		width: 85%;
		height: 90px;
		margin:0 auto;
	}
	.titulos #inver	{
		width: 85%;
		height: 120px;
		margin:0 auto;
	}
	.titulos #planes	{
		width: 85%;
		height: 90px;
		margin:0 auto;
	}
	
	.video	{
			position: static;
			display: block;
			float: none;
			width: 80%;
			height: 100%;
			margin: 20px auto;
		}
	
	#small, #footer > p	{
		font-size: 0.5rem;

	}

	#small{
		line-height: 130%;
	}
	
	#inver	{
		background-image: url(../images/tl_inversion_rwd_mvl.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom;
		text-indent: -999999px;
		margin-top: -30px;
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
	
	.tabla	P	{
		margin-top: 2%;
	}
	
	.lista h3	{
		color: #007758;
		font-family: 'HelveticaLTRegular', Arial, sans-serif;
		font-size: 19px;
		line-height:130%;
		margin: 10px 0 0px;
	}
	
	.lista p	{
		font-family: 'HelveticaLTRegular', Arial, sans-serif;
		font-size: 12px;
		font-size: 0.9rem;
		line-height:130%;
		
	}
	
	.lista li	{
		font-family: 'HelveticaLTRegular', Arial, sans-serif;
		font-size: 0.6rem;
		line-height: 130%;
		color: #007758;
	}
	
	.box_bottom	{
		margin-top: 50px;
	}
	
	.box_bottom p	{
		font-size: 0.8rem;
	}
	
	/*
	#fotoBtm	{
		margin-bottom: -50px;
	}
	*/
	
	#fotoBtmRwd	{
		margin-bottom: -50px;
	}
	
	#footer	{
		font-size: 0.85rem;
		/*padding: 0 15px 30px 15px !important;*/
	}
	
	#footer > p {
		/*margin:32px 0 5px 0;*/
	}

}

@media all and (max-width: 320px)	{
	
	.titulos #renta	{

		width: 100%;
		height: 90px;
	}
	.titulos #inver	{
		width: 100%;
		height: 120px;
	}
	.titulos #planes	{
		width: 100%;
		height: 90px;
	}


	
	
}