/*
	Style Theme Name: ING Direct Spain
	Author: ING Direct Spain
	Author URI: http://www.ingdirect.es
	Description: The official style theme for ING Direct Spain
	Date create: 13 March 2013
	Version: 1.0
	-----------------------------------------------------------------------------------------------------------
	----------------------------------------------------------------------------------------------------------- */
	/* Colors + + +  */
	/* Typography -- Verdana - GeoSlab */
	/* Responsive Optimized for -- 320px, 768px, 1280px  */


	/* -----Reset default browser CSS-----
	----------------------------------------------------------------------------------------------------------- */
	article,
	aside,
	details,
	figcaption,
	figure,
	footer,
	header,
	hgroup,
	nav,
	section,
	summary {
	    display: block;
	}

	audio,
	canvas,
	video {
	    display: inline-block;
	}

	audio:not([controls]) {
	    display: none;
	    height: 0;
	}

	[hidden] {
	    display: none;
	}

	html {
	    -webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	}

	body {
	    margin: 0;
	}

	a:focus {
	    outline: thin dotted;
	}

	a:active,
	a:hover {
	    outline: 0;
	}

	abbr[title] {
	    border-bottom: 1px dotted;
	}

	b,
	strong {
	    font-weight: bold;
	}

	dfn {
	    font-style: italic;
	}

	mark {
	    background: #ff0;
	    color: #000;
	}

	code,
	kbd,
	pre,
	samp {
	    font-family: monospace, serif;
	    font-size: 1em;
	}

	pre {
	    white-space: pre;
	    white-space: pre-wrap;
	    word-wrap: break-word;
	}

	q {
	    quotes: "\201C""\201D""\2018""\2019";
	}

	small {
	    font-size: 80%;
	}

	sub,
	sup {
	    font-size: 75%;
	    line-height: 0;
	    position: relative;
	    vertical-align: baseline;
	}

	sup {
	    top: -0.5em;
	}

	sub {
	    bottom: -0.25em;
	}

	img {
	    border: 0;
	}

	svg:not(:root) {
	    overflow: hidden;
	}

	figure {
	    margin: 0;
	}

	fieldset {
	    border: 1px solid #c0c0c0;
	    margin: 0 2px;
	    padding: 0.35em 0.625em 0.75em;
	}

	legend {
	    border: 0;
	    padding: 0;
	}

	button,
	input,
	select,
	textarea {
	    font-family: inherit;
	    /* 1 */
	    font-size: 100%;
	    /* 2 */
	    margin: 0;
	    /* 3 */
	}

	button,
	input {
	    line-height: normal;
	}

	button,
	html input[type="button"],
	/* 1 */
	input[type="reset"],
	input[type="submit"] {
	    -webkit-appearance: button;
	    /* 2 */
	    cursor: pointer;
	    /* 3 */
	}

	button[disabled],
	input[disabled] {
	    cursor: default;
	}

	input[type="checkbox"],
	input[type="radio"] {
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    /* 1 */
	    padding: 0;
	    /* 2 */
	}

	input[type="search"] {
	    -webkit-appearance: textfield;
	    /* 1 */
	    -moz-box-sizing: content-box;
	    -webkit-box-sizing: content-box;
	    /* 2 */
	    -webkit-box-sizing: content-box;
	    -moz-box-sizing: content-box;
	    box-sizing: content-box;
	}

	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration {
	    -webkit-appearance: none;
	}

	button::-moz-focus-inner,
	input::-moz-focus-inner {
	    border: 0;
	    padding: 0;
	}

	textarea {
	    overflow: auto;
	    /* 1 */
	    vertical-align: top;
	    /* 2 */
	}

	table {
	    border-collapse: collapse;
	    border-spacing: 0;
	}

	* {
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}

	html {
	    font-size: 62.5%;
	    height: 100%;
	}

	body {
	    height: 100%;
	    font-family: Verdana, Geneva, sans-serif;
	    margin-top: 0;
	    margin-bottom: 0;
	    background: #FFFFFF;
	    color: #666;
	}

	a {
	    color: #323232;
	    text-decoration: none;
	    -webkit-transition: color 0.5s ease-in-out;
	    -moz-transition: color 0.5s ease-in-out;
	    -o-transition: color 0.5s ease-in-out;
	    -ms-transition: color 0.5s ease-in-out;
	    transition: color 0.5s ease-in-out;
	}

	a:hover {
	    color: #e76500;
	}

	a.dashed {
	    font-weight: bold;
	    color: #323232;
	    border-bottom: 1px dashed #e76500;
	    text-decoration: none;
	    -webkit-transition: color 0.5s ease-in-out;
	    -moz-transition: color 0.5s ease-in-out;
	    -o-transition: color 0.5s ease-in-out;
	    -ms-transition: color 0.5s ease-in-out;
	    transition: color 0.5s ease-in-out;
	}

	a:hover.dashed {
	    color: #e76500;
	}

	p a {
	    font-weight: bold;
	    color: #323232;
	    border-bottom: 1px dashed #e76500;
	    text-decoration: none;
	    -webkit-transition: color 0.5s ease-in-out;
	    -moz-transition: color 0.5s ease-in-out;
	    -o-transition: color 0.5s ease-in-out;
	    -ms-transition: color 0.5s ease-in-out;
	    transition: color 0.5s ease-in-out;
	}

	p a:hover {
	    color: #e76500;
	}

	ul.menu-top-primary li a {
	    color: #FFF;
	}

	ul.menu-top-primary li a:hover {
	    color: #e76500;
	    -webkit-transition: color 0.5s ease-in-out;
	    -moz-transition: color 0.5s ease-in-out;
	    -o-transition: color 0.5s ease-in-out;
	    -ms-transition: color 0.5s ease-in-out;
	    transition: color 0.5s ease-in-out;
	}

	/* MOBILE FIRST - RESPONSIVE TO ======320px
	-----------------------------------------------------------------------------------------------------------
	----------------------------------------------------------------------------------------------------------- */

	/* GLOBAL STYLES
	----------------------------------------------------------------------------------------------------------- */

	/* --Fonts GeoSlab703 Md BT Medium 
	---------------------------------------------------------------------- */



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

	}


	/* --Headings 
	---------------------------------------------------------------------- */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	    font-family: geoslab703_md_btmedium;
	    font-weight: normal;
	}

	h1 {
	    font-size: 24px;
	    font-size: 2.4rem;
	}

	/* =24px */
	h2 {
	    font-size: 20px;
	    font-size: 2.0rem;
	}

	/* =20px */
	h3 {
	    font-size: 18px;
	    font-size: 1.8rem;
	}

	/* =18px */
	h4 {
	    font-size: 16px;
	    font-size: 1.6rem;
	}

	/* =16px */
	h5 {
	    font-size: 14px;
	    font-size: 1.4rem;
	}

	/* =14px */
	h6 {
	    font-size: 12px;
	    font-size: 1.2rem;
	}

	/* =12px */

	/* --Paragraph 
	---------------------------------------------------------------------- */

	p.small {
	    font-size: 1rem;
	    padding: 1rem;
	}

	/* --Buttons 
	---------------------------------------------------------------------- */
	.btn {
	    background-color: #E76500;
	    background-position: 50% 50%;
	    background-repeat: no-repeat;
	    color: #FFFFFF;
	    cursor: pointer;
	    display: block;
	    font-family: geoslab703_md_btmedium;
	    font-size: 1.8rem;
	    padding: 1.4rem 0;
	    text-align: center;
	    transition: background 0.3s ease-out 0s;
	    -o-transition: background 0.3s ease-out 0s;
	}

	.btn:hover {
	    background-color: #F2871C;
	}


	/* SITE LAYOUT
	-----------------------------------------------------------------------------------------------------------
	----------------------------------------------------------------------------------------------------------- */
	/* --Wrapper Container
	---------------------------------------------------------------------- */
	#container-body {
	    height: 100%
	}

	#container {
	    margin: 0 auto;
	}

	/*Clases comunes Landing*/
	.landing .row {
	    overflow: hidden;
	}

	.landing .logo {
	    background: url(/comun/images/principal/ingdirect-x2-l.png) no-repeat top left;
	    background: url(/comun/images/principal/ingdirect-l.jpg)\9;
	    *background: url(/comun/images/principal/ingdirect-l.jpg);
	    background-size: 150px auto;
	    width: 150px;
	    height: 45px;
	    margin: 12px;
	}

	.landing .cabecera {
	    background-color: #999999;
	    padding: 12px;
	}

	.landing .nota {
	    padding: 12px;
	    font-family: Verdana, arial, sans-serif;
	    font-size: 9px;
	    color: #999999;
	}

	.landing .pie {
	    background-color: #666666;
	    overflow: hidden;
	    color: #FFFFFF;
	    padding: 12px;
	    font-size: 10px;
	}

	.landing .pie .sin-comisiones {
	    margin: 0;
	    text-align: center;
	    font-family: 'geoslab703_md_btmedium';
	    float: left;
	    color: #FFFFFF;
	    font-size: 16px;
	    padding: 0;
	    background: none;
	}

	.landing .pie .sin-comisiones span {
	    color: #666666;
	    font-size: 24px;
	    margin-right: 5px;
	    line-height: 36px;
	    width: 35px;
	    height: 35px;
	    display: inline-block;
	    background-color: #FFFFFF;
	}

	.landing .pie .derechos-reservados {
	    color: #ffffff;
	    text-align: right;
	    padding: 7px 0;
	    font-size: 12px;
	    line-height: 20px;
	}

	.landing .pie .derechos-reservados span {
	    display: inline-block;
	}

	.landing .pie .derechos-reservados a {
	    color: #FFFFFF;
	    text-decoration: underline;
	}

	#container.landing {
	    -webkit-transition: all 0.5s ease-in-out;
	    -moz-transition: all 0.5s ease-in-out;
	    -o-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
	}

	/**/

	/*Landing Experiencia Web*/
	.landing.landing-experiencia-web .cabecera {
	    background: #ededeb;
	    overflow: hidden;
	    padding-bottom: 0
	}

	.landing.landing-experiencia-web .cabecera h1,
	.landing.landing-experiencia-web .cabecera h2 {
	    text-align: center;
	    margin: 0;
	    padding: 0;
	}

	.landing.landing-experiencia-web .cabecera h1 {
	    color: #e56500;
	    font-size: 29px;
	    margin-top: 18px
	}

	.landing.landing-experiencia-web .cabecera h2 {
	    color: #4e4e4e;
	    font-size: 24px;
	}

	.landing.landing-experiencia-web .cabecera .cont-Video {
	    margin: 0 auto;
	    float: none;
	    height: 398px;
	}

	.landing.landing-experiencia-web .cabecera .cont-Video .btn-video {
	    background: url(/comun/images/principal/fondo-video-experiencia-web.jpg) no-repeat bottom center #ededeb;
	    cursor: pointer;
	    width: inherit;
	    height: 398px;
	    position: absolute;
	    z-index: 999999;
	    height: 398px;
	}

	.landing.landing-experiencia-web .cabecera .cont-Video .btn-video i {
	    background: url(/comun/images/principal/play_naranja.png) no-repeat top left;
	    position: relative;
	    width: 88px;
	    height: 88px;
	    display: block;
	    left: 50%;
	    top: 50%;
	    margin: -20px 0 0 -44px;
	}

	.landing.landing-experiencia-web .cabecera .cont-Video iframe {
	    height: 398px;
	    z-index: 10;
	    display: none;
	    position: absolute;
	}

	.landing.landing-experiencia-web .cabecera .cont-Video .fondo-video {
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    display: none;
	    z-index: 3;
	    left: 0;
	    top: 0;
	    bottom: 0;
	    background-color: rgba(0, 0, 0, 0.6);
	    background: rgba(0, 0, 0, 0.6);
	    color: rgba(0, 0, 0, 0.6);
	}

	.landing.landing-experiencia-web .cabecera i.close {
	    font-family: verdana;
	    cursor: pointer;
	    color: #FFF;
	    font-size: 20px;
	    display: none;
	    width: 20px;
	    position: relative;
	    z-index: 9999;
	    height: 20px;
	    font-style: normal;
	    background: none;
	    left: 690px;
	    top: -30px;
	    margin: -20px -20px 0 0
	}

	.landing.landing-experiencia-web .cuerpo ul.circulos {
	    overflow: hidden;
	    padding-left: 0;
	    padding: 40px 0 20px
	}

	.landing.landing-experiencia-web .cuerpo ul.circulos li {
	    list-style: none;
	    display: block;
	    width: 33%;
	    float: left;
	    padding: 0 10px;
	}

	.landing.landing-experiencia-web .cuerpo ul.circulos li div {
	    background-image: url(/comun/images/principal/sprite-landing-experiencia-web.png);
	    width: 106px;
	    height: 106px;
	    margin: 0 auto;
	    display: block;
	}

	.landing.landing-experiencia-web .cuerpo ul.circulos li div.personalizar {
	    background-position: 0 0;
	}

	.landing.landing-experiencia-web .cuerpo ul.circulos li div.soluciones {
	    background-position: 219px 0;
	}

	.landing.landing-experiencia-web .cuerpo ul.circulos li div.conectarte {
	    background-position: 106px 0;
	}

	.landing.landing-experiencia-web .cuerpo ul.circulos li p {
	    color: #303030;
	    font-size: 12px;
	    text-align: center;
	    font-family: 'geoslab703_md_btmedium';
	    margin-top: 2px;
	}

	.landing.landing-experiencia-web .cuerpo ul.circulos li div.destacado {
	    color: #e56500;
	    font-weight: bold;
	    margin-top: 5px;
	    font-family: 'geoslab703_md_btmedium';
	    text-align: center;
	    display: block;
	    font-size: 14px;
	    width: auto;
	    height: auto;
	    background: none;
	    background-position: none;
	}

	.landing.landing-experiencia-web .cuerpo ul.circulos li div.destacado span {
	    display: block;
	}

	.landing.landing-experiencia-web .cuerpo .quieres-saber {
	    text-align: center;
	    display: table;
	    margin: 0 auto;
	    padding-top: 12px;
	    font-family: 'geoslab703_md_btmedium';
	    font-size: 22px;
	}

	.landing.landing-experiencia-web .cuerpo .cont-botones {
	    text-align: center;
	    width: 700px;
	    display: block;
	    margin: 0 auto;
	    font-family: 'geoslab703_md_btmedium';
	    font-size: 18px;
	    color: #FFF;
	    overflow: hidden;
	    padding: 20px
	}

	.landing.landing-experiencia-web .cuerpo .cont-botones a {
	    color: #FFF;
	    padding: 12px;
	    border: 1px solid #e56500;
	    width: 320px;
	    display: block;
	    background-color: #e56500;
	    text-align: center;
	}

	.landing.landing-experiencia-web .cuerpo .cont-botones a.left {
	    float: left;
	}

	.landing.landing-experiencia-web .cuerpo .cont-botones a.right {
	    float: right;
	}

	.landing.landing-experiencia-web .cuerpo .cont-botones a:hover {
	    color: #e56500;
	    border: 1px solid #e56500;
	    background-color: #FFFFFF;
	}

	/*IE*/
	.landing.landing-experiencia-web .cabecera .cont-Video,
	.landing.landing-experiencia-web .cabecera .cont-Video .btn-video,
	.landing.landing-experiencia-web .cabecera .cont-Video iframe {
	    width: 708px\9;
	    *width: 708px;
	}

	.landing.landing-experiencia-web .cabecera .cont-Video .fondo-video {
	    background-image: url(/comun/images/principal/opacidad-landing-experiencia-web.png)\9;
	    *background-image: url(/comun/images/principal/opacidad-landing-experiencia-web.png);
	}

	.landing.landing-experiencia-web .cuerpo ul.circulos li {
	    *width: 31%;
	}




	@media screen and (min-width: 20em) {}

	@media screen and (min-width: 48em) {
	    #container.landing {
	        width: 768px;
	    }

	    /*Landing pNaranja*/
	    .landing.landing-pNaranja .cabecera {
	        background: url(/comun/images/principal/landing-pNaranja-01.jpg) no-repeat top left;
	        background-size: 100% auto;
	        min-height: 400px
	    }

	    /*Landing Experiencia Web*/
	    .landing.landing-experiencia-web .cont-Video,
	    .landing.landing-experiencia-web .cont-Video .btn-video,
	    .landing.landing-experiencia-web .cont-Video iframe {
	        width: 708px;
	    }
	}

	@media screen and (min-width: 59.25em) {
	    #container.landing {
	        width: 968px;
	    }

	    /*Landing Experiencia Web*/
	    .landing.landing-experiencia-web .cuerpo ul.circulos li {
	        padding: 0 20px
	    }

	    .landing.landing-experiencia-web .cuerpo ul.circulos li p {
	        font-size: 14px;
	    }

	    .landing.landing-experiencia-web .cuerpo ul.circulos li p span {
	        font-size: 18px
	    }

	    .landing.landing-experiencia-web .cabecera i.close {
	        left: 715px;
	        top: -30px;
	    }
	}

	@media screen and (min-width: 72.75em) {
	    #container.landing {
	        width: 1164px;
	    }

	    /*Landing Experiencia Web*/
	    .landing.landing-experiencia-web .cuerpo ul.circulos li {
	        padding: 0 60px
	    }
	}