@charset "utf-8";
/* CSS Document */

/* =Fonts 
------------------------------------------------------- */
@import url(/Shared/css/font-face/DIN-Font.css);
@import url(/Shared/DTV-icon/style.css);

body [class^="icon-"]:before {font-family: 'DTV-icon-font';}
.icon-right:before {
	font-size: 15px;
	position: relative;
	top: 1px;
}
a:hover .icon-right:before {color: #058ab5;}
.icon-down:before {content: "\e941";}

/* =Reset BODY OLD - css
--------------------------------------- */
body {background: none repeat-x scroll 0 0 #FFF !important;}

/* =Reset - css
--------------------------------------- */
html, body, div, li, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 16px;
	font-family: Arial,Helvetica;
	list-style: none;
	color:#303030;
}
section h1, section h2, section h3, section h4, section h5, section h6, section p, section li {
	color:#303030;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* =ANIMA - css
--------------------------------------- */
.arrow {
    margin: 15px auto 0;
    display: block;
    width: 27px;
    height: 15px;
    background: url(/Shared/Thank-you-page/img/arrow.png) no-repeat scroll center top transparent;
}
.bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}

/* Standard syntax */ 
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
	}
	40% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
	60% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

.Block {display:block;}
.clear {clear:both;}
.Center {margin:0 auto; display:block; width:100%;}
.Center-txt {text-align: center;}
.Center-img, picture.Center-img img, figure.Center-img-especial img {display:block; margin:0 auto;}
.center-box {
    text-align: center;
    margin: 50px auto 0;
    width: 450px;
}
.Bg {background-color:#F9F9F9;}
.Bord-bottom {border-bottom: 1px solid #EEE;}
img.initial, picture img {width:initial;}
.fix-position {
    position: relative;
    top: -60px;
}
picture.Align-right img {float: right;}

span.Block { display:block; font:inherit;}
.clear-fix:after {
  content: "";
  display: table;
  clear: both;
}
.legal-txt {
	font: 11px/16px Arial;
	color: #666;
}

/* =Layouts - css
--------------------------------------- */
[class^="Column-"] {box-sizing:border-box;}
[class^="Column-"] img {width: initial;}
[class^="Column-"] img.Align-right {float: right;}
[class^="Column-"] img.initial {
	width:initial;
}

.Left {float: left;}
.Right {float: right;}

.Column-20 {width:20%;}
.Column-25 {width:25%;}
.Column-30 {width:30%;}
.Column-33 {width:33%;}
.Column-40 {width:40%;}
.Column-50 {width:50%;}
.Column-60 {width:60%;}
.Column-70 {width:70%;}
.Column-80 {width:80%;}
.Column-90 {width:90%;}
.Column-100 {width:100%;}

.Pad-inner-right-10 {padding-right:10px;}
.Pad-inner-right-20 {padding-right:20px;}
.Pad-inner-right-30 {padding-right:30px;}
.Pad-inner-right-40 {padding-right:40px;}
.Pad-inner-right-50 {padding-right:50px;}
.Pad-inner-right-60 {padding-right:60px;}

.Pad-inner-left-10 {padding-left:10px;}
.Pad-inner-left-20 {padding-left:20px;}
.Pad-inner-left-30 {padding-left:30px;}
.Pad-inner-left-40 {padding-left:40px;}
.Pad-inner-left-50 {padding-left:50px;}
.Pad-inner-left-60 {padding-left:60px;}

.Pad-top10 {padding-top:10px;}
.Pad-top20 {padding-top:20px;}
.Pad-top30 {padding-top:30px;}
.Pad-top40 {padding-top:40px;}
.Pad-bottom10 {padding-bottom:10px;}
.Pad-bottom20 {padding-bottom:20px;}
.Pad-bottom30 {padding-bottom:30px;}
.Pad-bottom40 {padding-bottom:40px;}
.Pad-bottom50 {padding-bottom:50px;}
.Pad-bottom60 {padding-bottom:60px;}

.No-Pad-Bottom {padding-bottom:0;}
.No-Pad-Top {padding-top:0;}
.No-Pad {padding: 0;}

/* =Clear-fix- css
--------------------------------------- */
.clear-fix:after, article:after, [class^="Column-"]:after {
  content: "";
  display: table;
  clear: both;
}

/* =Vertical Align- css
--------------------------------------- */
.Flex-Mobile {	
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
}
.align-self-center {align-self: center;}
.align-self-star {align-self:flex-start;}

/* =Reglas para Ocultar Elemento
--------------------------------------- */
body.PE section.on-demand { display: none !important; }

/* =Globales 
------------------------------------------------------- */
body, html {height: 100%;}
section, article, aside {
	width: 100%;
	position: relative;
	display: block;
	z-index:1;
}

/* =Especial 
------------------------------------------------------- */
section.Especial-Fix article {padding: 55px 0 40px;}

/* =Figure 
------------------------------------------------------- */
figure {
    margin: 45px auto 45px;
    width: 1111px;
    height: 630px;
    box-shadow: 0 0 45px #666;
}
figure article {
	background:url('/Shared/Thank-you-page/img/Header.jpg') no-repeat scroll center top transparent;
	height: 100%;
	width: 100%;
	padding: 130px 0 0;
}
figure article >* {color: #FFF; text-shadow: 1px 1px 2px #1B274D; text-align: center;}
figure article h1 {
	font: 36px/42px "DTV-DIN-MEDIUM";
	letter-spacing: -0.025em;
	padding-bottom: 50px;
}
figure article h2 {
	font: 22px/28px "DTV-DIN";
	letter-spacing: -0.015em;
}
figure article i.icon-down:before {
    content: "\e941";
    color: #FFF;
    margin: 0 auto;
    display: block;
}
a#Ancla {
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	outline: none;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 110px;
	margin-left: auto;
	margin-right: auto;
	width: 105px;
}
a#Ancla span {
	display: block;
	color: #68A9FF;
	padding-bottom: 10px;
	font-size: 16px;
}
a:focus#Ancla, a:hover#Ancla, a:active#Ancla {
	background: none;
}


/* =Article - css
--------------------------------------- */
article {
	margin: 0 auto;
	position: relative;
	overflow: auto;
	width: 952px;
	padding: 60px 0;
}
article.First {padding-top: 0;}

/* =Section - css
--------------------------------------- */
section {
	background: none repeat scroll 0 0 #FFF;
	clear: both;
	width: 100%;
}
section h1 {
	font:32px/38px 'DTV-DIN-LIGHT';
	letter-spacing: -0.025em;
}
section h2 {
	font: 32px/28px 'DTV-DIN-MEDIUM';
	padding: 0 0 18px;
	letter-spacing: -0.025em;
}
section h3 {
	font: 26px/32px 'DTV-DIN-MEDIUM';
	letter-spacing: -0.020em;
	padding: 0 0 20px;
}
section img {display:block;}
section p {line-height: 24px;}
section a {
	color: #00abe3;
	font-weight: bolder;
	text-decoration: none;
	width: 100%;
}
section a:hover {color: #058ab5;}

/* =Section Banner - css
--------------------------------------- */
section.Banner {
	background:url('/Shared/Thank-you-page/img/Banner.jpg') no-repeat scroll center top #007FAE;
	background-size: cover;
	padding: 70px 0 90px;
}
section.Banner >* {
	color: #FFF;
	text-align: center;
}
section.Banner h1 {
	font:32px/36px 'DTV-DIN-MEDIUM';
}
section.Banner h1 span {
	font: 22px/24px 'DTV-DIN';
	display: block;
	padding-top: 20px;
}
section.Banner svg {
    width: 123px;
    margin: 50px auto 0;
    display: block;
}
.st0{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;}

.Box-especial {margin: 0 auto;}
.Box-especial h2 {
	padding: 0;
}
.Box-especial h2 span {
    font: 32px/32px 'DTV-DIN-MEDIUM';
    display: inline-block;
}
.Box-especial h2 span picture img {
	padding-bottom: 20px;
}
.Box-especial h2 p {
    font: 16px/22px Arial;
    letter-spacing: initial;
    display: inline-block;
    width: 430px;
    margin-left: 60px;
    box-sizing: border-box;
    vertical-align: top;
    padding-top: 10px;
}

/* @media:
----------------------------------------------------------*/
@media screen and (max-width: 1111px) {
	figure {
		margin: 0 auto;
		width: 100%;
		height: auto;
		box-shadow: none;
	}
	figure article {
		background: url(/Shared/Thank-you-page/img/Header-Medium.jpg) no-repeat scroll center 0 transparent;
		height: 520px;
		width: 100%;
		padding: 50px 0 0;
		margin: 0;
	}
	section.Especial-Fix article {
		padding: 60px 0;
	}
	.arrow {
		margin: 10px auto 0;
	}

}
@media screen and (max-width: 1000px) {	
	
	article, aside, figure article {box-sizing: border-box;}
	article {
		padding: 50px 2%; width: 100%;
	}
	section.on-demand article {padding: 0 2% 50px;}
	section.Especial-Fix article {
    	padding: 50px 2%;
	}
	section#First-element article {
		padding-bottom: 10px;
	}
	section.Banner {
		background-size: cover;
		padding: 30px 0 40px;
	}
	section.Banner svg {
		width: 90px;
		margin: 30px auto 0;
		display: block;
	}
	section p {
		line-height: 22px;
		font-size: 14px;
	}
	section a {
		font-size: 14px;
	}
	.icon-right:before {
		font-size: 14px;
		top: 1px;
	}
	section h2 {
		font-size: 28px;
		line-height: 34px;
	}
	section h3 {
		font-size: 20px;
		line-height: 24px;
		padding: 0 0 10px;
	}
	
	[class^="Column-"] img {
		width: initial;
		margin: 0;
	}
	[class^="Column-"] img.initial {
		width: initial;
		margin: 0;
	}
	[class^="Column-"] img.Align-right, picture.Align-right img {
		float: none;
	}
	[class^="Column-"] img.img-especial {
		margin: 10px 0 40px;
		width: initial;
	}
	
	.fix-position {
		position: relative;
		top: 0;
	}
	
	.Box-especial h2 p {
		font: 14px/22px Arial;
		width: 100%;
		border-left: none;
		padding-left: 0;
		margin-left: 0;
	}
	.Box-especial h2 span {
		font-size: 28px;
		line-height: 28px;
		padding-bottom: 10px;
		display: block;
		top: 0;
	}
	
	.Column-20,
	.Column-25, 
	.Column-30,
	.Column-33, 
	.Column-40, 
	.Column-50, 
	.Column-60, 
	.Column-70, 
	.Column-80,
	.Column-90,
	.Column-100 
	{width: 100%; margin-top:20px;}
	
	/*.Column-20:first-of-type, .Column-20:first-child,
	.Column-25:first-of-type, .Column-25:first-child, 
	.Column-30:first-of-type, .Column-30:first-child, 
	.Column-33:first-of-type, .Column-33:first-child, 
	.Column-40:first-of-type, .Column-40:first-child, 
	.Column-50:first-of-type, .Column-50:first-child, 
	.Column-60:first-of-type, .Column-60:first-child,
	.Column-70:first-of-type, .Column-70:first-child,
	.Column-80:first-of-type, .Column-80:first-child,
	.Column-90:first-of-type, .Column-90:first-child,
	.Column-100:first-of-type, .Column-100:first-child
	{margin-top:0;}*/
	
	.Pad-inner-right-10, 
	.Pad-inner-right-20, 
	.Pad-inner-right-30, 
	.Pad-inner-right-40, 
	.Pad-inner-right-50  
	{padding-right: 0;}
	
	.Pad-inner-left-10,
	.Pad-inner-left-20,
	.Pad-inner-left-30,
	.Pad-inner-left-40,
	.Pad-inner-left-50,
	.Pad-inner-left-60 
	{padding-left:0;}
	
	.Flex-Mobile, .Flex-element {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.Order-1 {order: 1; -webkit-order: 1;}
	.Order-2 {order: 2; -webkit-order: 2;}
	.Order-3 {order: 3; -webkit-order: 3;}
	.Order-4 {order: 4; -webkit-order: 4;}

	.center-box {
		text-align: left;
		margin: 40px 0 0;
		width: 100%;
	}
	.Center-img, picture.Center-img img, figure.Center-img-especial img {
		display: block;
		margin: 0;
	}
	.Center-txt {
		text-align: left;
	}
	picture.Center-img-especial img {
		width: 90%;
	}

}

@media  screen and  (min-width: 300px) and (max-width: 630px){
	
	#html5-close {
		top: -40px !important;
    	right: 0 !important;
	}

	.Column-40 {padding-top: 0; margin-top: 0;}
	
	[class^="Column-"] img {
		width: 100%;
	}
	picture.initial img {
		width: initial;
	}
	
	.Pad-top10 {padding-top:5px;}
	.Pad-top20 {padding-top:10px;}
	.Pad-top30 {padding-top:15px;}
	.Pad-top40 {padding-top:20px;}
	.Pad-bottom10 {padding-bottom:5px;}
	.Pad-bottom20 {padding-bottom:10px;}
	.Pad-bottom30 {padding-bottom:15px;}
	.Pad-bottom40 {padding-bottom:20px;}
	.Pad-bottom50 {padding-bottom:25px;}
	.Pad-bottom60 {padding-bottom:30px;}
	
	figure {background-size: cover;}
	figure article {
		height: 410px;
		padding: 40px 5% 0;
	}
	figure article h1 {
		font-size: 30px;
		line-height: 36px;
		padding-bottom: 30px;
	}
	figure article h2 {
		font-size: 18px;
		line-height: 22px;
	}
	figure article h2.pad-especial {
		padding: 10px 0 0;
	}
	article {
		width: 100%;
		padding: 40px 4%;
	}
	section.Especial-Fix article {
		padding: 40px 4%;
	}
	section.on-demand article {
		padding: 0 2% 40px;
	}
	section.on-demand article .Column-60 {
		margin-top: 0;
	}
	.Box-especial h2 span {
		font-size: 26px;
		line-height: 26px;
	}
	section.Banner {
		background: url(/Shared/Thank-you-page/img/Banner.jpg) no-repeat scroll center 0 #007FAE;
		background-size: cover;
		padding: 40px 5%;
	}
	section.Banner svg {
		width: 65px;
		margin: 30px auto 0;
	}
	section.Banner h1 {
		font-size: 30px;
		line-height: 36px;
	}
	section.Banner h1 span {
		font-size: 18px;
		line-height: 22px;
		padding-top: 10px;
	}
	section h3, section h3 a {
		font-size: 20px;
		line-height: 26px;
		padding: 0 0 10px;
	}
	section a {font-size:14px;}
	
	.Especial-fix-Mobile {
		padding-bottom: 0;
		margin: 0;
	}
	.center-box {
		text-align: left;
		margin: 20px auto 0;
		width: 100%;
	}
	.fix-mobile {
		display: block;
		padding-bottom: 20px;
	}
	a#Ancla {
		bottom: 40px;
	}
}

@media screen and (max-width: 400px) {
	figure article {
		background: url(/Shared/Thank-you-page/img/Header-Mobile.jpg) no-repeat scroll center top transparent;
	}
	picture.Logos img, picture.Center-img img {
    	width: initial;
		margin: 0 0 5px;
	}
	picture.Center-img-especial img {
		width: 90%
	}
}

.BtnUI {
	font: bold 16px/20px Arial;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	width: auto;
	padding: 8px 20px;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.BlueUI   {
	cursor: pointer;
	margin-top: 20px;
	color: #FFF;
	background: #0C84C0;
	background: -moz-linear-gradient(top,    #009dc9 0%, #1a63b3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009dc9), color-stop(100%,#1a63b3));
	background: -webkit-linear-gradient(top,    #009dc9 0%,#1a63b3 100%);
	background: -o-linear-gradient(top,    #009dc9 0%,#1a63b3 100%);
	background: -ms-linear-gradient(top,    #009dc9 0%,#1a63b3 100%);
	background: linear-gradient(to bottom,    #009dc9 0%,#1a63b3 100%);
	-pie-background: linear-gradient(#009dc9, #1a63b3);
	behavior: url("/css/pie/PIE.htc");
	
}

.BlueUI:hover {
	color: #FFF;
	background: #0B72A7;
	background: -moz-linear-gradient(top,    #008bb2 0%, #16559a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008bb2), color-stop(100%,#16559a));
	background: -webkit-linear-gradient(top,    #008bb2 0%,#16559a 100%);
	background: -o-linear-gradient(top,    #008bb2 0%,#16559a 100%);
	background: -ms-linear-gradient(top,    #008bb2 0%,#16559a 100%);
	background: linear-gradient(to bottom,    #008bb2 0%,#16559a 100%);
	-pie-background: linear-gradient(#008bb2, #16559a);
	behavior: url("/css/pie/PIE.htc");
	
}