/* RESET STYLE HTML 5 */
div#responsivearmor * { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family:Arial, Helvetica, sans-serif;  } .ui-btn-text, .ui-btn-inner { display:none }
/* HTML5 display-role reset for older browsers */  
div#responsivearmor { display: block; } div#responsivearmor { line-height: 1; } div#responsivearmor ol, div#responsivearmor ul { list-style: none; } div#responsivearmor blockquote, div#responsivearmor q { quotes: none; } div#responsivearmor blockquote:before, div#responsivearmor blockquote:after, div#responsivearmor q:before, div#responsivearmor q:after { content: ''; content: none; } div#responsivearmor table { border-collapse: collapse; border-spacing: 0; }

/* CALL TYPO DIN *****  font-family:'dinbold';  *****/
@font-face { font-family: 'dinbold'; src: url('ff_din_bold-webfont.eot'); src: url('ff_din_bold-webfont.eot?#iefix') format('embedded-opentype'), url('ff_din_bold-webfont.woff') format('woff'), url('ff_din_bold-webfont.ttf') format('truetype'), url('ff_din_bold-webfont.svg#dinbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'dincond'; src: url('ff_din_condensed_regular_0-webfont.eot'); src: url('ff_din_condensed_regular_0-webfont.eot?#iefix') format('embedded-opentype'), url('ff_din_condensed_regular_0-webfont.woff') format('woff'), url('ff_din_condensed_regular_0-webfont.ttf') format('truetype'), url('ff_din_condensed_regular_0-webfont.svg#dincond-regularregular') format('svg'); font-weight: normal; font-style: normal; }

div#maincontainer, div#main-content-container {
    background-color: white;
}

#responsivearmor h1 { font-size:24px; text-align:center; display:block; font-family:dincond, arial; text-transform:uppercase; color:#ffffff; font-weight:100; padding:35px 0 10px 0; margin:0; }
#responsivearmor h1 span {color: #0082c3;font-family:dinbold, arial;}
#responsivearmor p { font-size:15px; color:#ffffff; display:block; text-align:center; padding:10px 0 20px; }

#responsivearmor div.myframe { max-width:800px; display:block; margin:0 auto 30px; } 
#responsivearmor div.myframe iframe { width:100%; display:block; }

body {margin:0;padding:0;/* background-image: none; */background-position:top !important;background-repeat:no-repeat !important;background-color: #e6e6e6 !important;background-attachment:scroll !important;}

@media(max-width:1024px){ 
	body { background-image:none; }
	div#responsivearmor { background-image:url('/ecpt/static/2015-artwork/opcliente/consultaavis/img/mobile-displayv3.jpg'); background-position:top; background-repeat:no-repeat; background-color:#0082c3; }
	#responsivearmor h1 { padding:20px 20px 10px; width:40%; text-align:left; }
	#responsivearmor h1 span { color:#ffffff; }
	#responsivearmor p { text-align:left; padding:0 20px 20px; width:40%; }
	#responsivearmor div.myframe { width:100%; max-width:inherit; }
}

@media(max-width:660px){ 
	div#responsivearmor { background-image:none;  }
	#responsivearmor h1, #responsivearmor p { width:90%; padding-left:0; padding-right:0; text-align:center; margin:0 auto; }
}

div#responsivearmor p {
    margin: 0;
    padding: 0 0 10px;
    font-size: 12px;
    color: #393939;
    line-height: 18px;
    text-align: left;
}

div#responsivearmor h1 {
    font-family: dinbold,Arial;
    font-size: 28px;
    font-weight: bold;
    text-align: left;
    display: block;
    margin: 10px 0 20px;
    padding: 0;
    color: #0082c3;
    text-transform: uppercase;
    letter-spacing: -0.2px;
}