/* OLD */

*{
	font-family: Arial; 
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-weight:normal;
  	font-style: normal;
    font-size: 1.0em;
	line-height: 1.2em;
	color: #666;
}

body{
	background-image: url("../img/gradient_body_blue.jpg");
	background-position: top left;
	background-size: 100% 100%;
	background-attachment: fixed, scroll;
	background-repeat:repeat-x;
	padding:5px;
}

.content{ 
	width:96%;  
	margin: 0 auto !important;
}

.header, .caja{ 
	width:100% !important;
}

.content{
	margin:5px;
}

.header{
	padding:5% 0%;
	vertical-align:top;
}

.header .left{
	float:left;
	max-width: 20px !important;
	visibility: hidden;
}

.header .right{
	float:right;
	max-width: 75px !important;	
}

.caja{
	background-color:#ffffff;
	padding: 0% 0% 0% 1%;
}

.caja a{
	text-decoration: none;
	color: #0018a9;
}

.caja small{font-size: 0.9em;}	

h1, h2, h3, h4{
	font-weight:bold;
	color:#039;
	margin: 20px 0px 20px 0px;
}

h3{
 width:100%; 
 text-align: center;
}

p{
	margin:10px 0px;
}


ul, ol{
	margin-left:20px;
	list-style-type: none;
}

li{
	padding-left: 18px;
	background: url("../img/li_blue.gif") no-repeat 0 0.231em;
	margin: 7px 0px 7px 0px;
}

ul .visto li{
	padding: 0 18;
	background: url("../img/check.gif") no-repeat 0 0.231em;
	margin: 7px 0px 7px 0px;
}

.banner {
	max-width: 99%;
	height: auto;
    margin-left: auto;
    margin-right: auto;
}

.banner2 {
	max-width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
margin-left:2%;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.oculto{
width: 1px;
height: 1px;
display: none;
overflow: hidden;	
}

.link, .link2, .link3{
    margin-left: auto;
    margin-right: auto;	
	margin-top:10px;
	margin-bottom:10px;
    border-radius: 3px;
	padding: 10px 10px;
	text-align: center;
	text-decoration:none;
	font-weight:bold;
}

.link, .link:visited {
	background-color: #82c655;
	color:#ffffff;
}

.link2, .link2:visited {
	background-color: #00aeff;
	color:#ffffff;
}

.link3, .link3:visited {
	background-color: #ffffff;
	color: #00aeff;
	border:1px solid  #00aeff;
}

b, strong {
	font-weight:bold;
}

.boton_menu_superior a{width:50%;padding:10px 10px;border:1px solid #999999;text-align:center;margin:20px 0px;}

.caja .subrayado, .subrayado{
	font-size: 0.9em;	
	color:#0098db;
	text-decoration: underline;
}

div[id^="RESPUESTA_"]{
 border-left:1px solid #0098db;
 padding:5px;
 margin:0px 5px;
 display:none;
}

div[id^="RESPUESTA_"] p{
 margin-top:25px;
}

#RESPUESTA_0 .boton_cerrar {
 border:1px solid  #ffffff;
 margin:10px 0px;
}

#RESPUESTA_0.hover{
	DISPLAY: block;
	margin-bottom: 10px;
}

.pdfs{
	margin: 20px 10px;
	text-align: right;
	vertical-align: middle;
	font-size: 12px;
	float: right;
}

.pdfs img{
	width:25;
	vertical-align: middle;
}


/* NEW */

 @font-face {
    font-family: Deutsche Bank Display;
    src: url(app_DB_Display-Regular.ttf);
    src: url(app_DB_Display-Regular.woff) format("eot"), url(app_DB_Display-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
}
body{widht:100%; height:100%; margin:0 auto;}
.OnboardingProductPage {font-family: Deutsche Bank text, Arial, Helvetica, sans-serif !important; font-size:1.0rem; color:#000000;}
.bannerHeader {width:100%; height: 100%; padding:40px 0px 40px 0px; background-color: #efefef; background-image: linear-gradient(112deg, #00a3e0 0%, #133c7f 51%, #00205b 78%, #00102d 100%); background-size: 100% 200px; background-repeat:no-repeat; position: fixed; overflow-y: hidden; z-index: -1;}
.dblogo{width:85%; height:45px; margin:0 auto; margin-top:-20px; background-image:url('201910-isotype-db_3x.png'); background-size: 40px 40px; background-repeat:no-repeat; background-position:top right;}
.instructions {font-family: Deutsche Bank text, Arial, Helvetica, sans-serif !important; width:90%; max-width: 680px; margin:0 auto; border-radius: 25px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); background-color: #ffffff; padding: 10px; z-index: 1;}
.instructions .titulo_cta{font-size: 1.3rem; width:100%; text-align:left; color: #002244;}
.instructions  h4{font-size: 1.2rem; width:100%; text-align:left; color: #002244; font-weight:normal;}
.instructions  h3{font-size: 1.1rem; width:100%; text-align:left; color: #002244; font-weight:normal;}
.instructions  h2{font-size: 1.0rem; width:100%; text-align:left; color: #002244; font-weight:normal;}
.instructions, .instructions p, .instructions .box1 table tr td{ font-size:0.9rem;}
.instructions, .instructions .box1 table tr td .titulo_cta{font-size:0.9rem;}
.instructions .separador{width:100%; padding:0px;}
.instructions .separador tr td{width:50%; padding:0px; height:3px;}
.instructions ul li {margin:10px;}
.instructions .box1 table tr td a{color:#133c7f; text-decoration:underline;}
.instructions b, .instructions table tr td b, .instructions ul li b{ color:#008dcb; font-weight:normal;}
.instructions table tr td{ line-height:normal; text-align:left; vertical-align:middle; padding: 20px 5px;}
.instructions .box1{margin-bottom:30px; margin:20px 0px 20px 0px;}
.instructions .box1 .titulo_cta{ font-size: 1.3rem; width:100%; text-align:left; color: #2282c1;}
.instructions .box1 table tr td .ver_PDF{margin-top:10px; color:#ffffff;}
.instructions .box1 table tr td .ver_PDF a{padding:10px 20px 5px; text-decoration:none; background-color:#00a3e0; color:#ffffff; border-radius: 10px;}

div[id^="RESPUESTA_"], div[class^='RESPUESTA_']{
 border-left:1px solid #0098db;
 padding:5px;
 margin:0px 5px;
 display:none;
}

div[id^="RESPUESTA_"] p,div[class^='RESPUESTA_'] p{
 margin-top:25px;
}

#RESPUESTA_0 .boton_cerrar {
 border:1px solid  #ffffff;
 margin:10px 0px;
}

#RESPUESTA_0.hover{
	DISPLAY: block;
	margin-bottom: 10px;
}
.subrayado{color:#0098db; text-decoration:underline !important;}

.content-area {
    margin-top: 0;
}
.head-area {
    padding-top: 0rem;
}
.head-area {
    margin-top: 0rem;
}