/***** == Start General Style Information ======================================================== *****/
/***** #004b8a = JPID blue *****/
/***** #f29400 = JPID orange *****/
/***** #FFFFFF = White *****/
/***** #000000 = Black *****/
/***** == End General Style Information ======================================================== *****/

/**** == Start HTML Basic Elements ========================================================  ****/
a,a:link {
color: #004b8a;
text-decoration: none;
font-size:8pt;
margin: 0px;
padding: 0px;
}

a:visited {
}

a:active {
}

a:hover {
text-decoration:underline;
}

small,address,p,ul,ol,li,dl,dt,dd {
margin: 0px;
padding: 0px;
font-size:8pt;
line-height: 17px;
font-family: tahoma,arial,helvetica,sans-serif;
color:#000;
list-style: inside;
}

address {
display:inline;
}

small {
font-size:7pt;
}

address,
address a,
address a:link,
address a:visited,
address a:hover,
address a:active {
font-style:normal;
font-size: 7pt;
}


p:first-letter {
text-transform:uppercase;
}

img {
border: 0px;
margin: 0px;
padding: 0px;
}

fieldset,form,table {
margin: 0px;
padding: 0px;
border: 0px;
}

select,input,textarea { 
color: #000000;
margin: 0px;
padding: 0px 0px 0px 3px;
font-family:Arial, Helvetica, sans-serif;
}

select,
input  { 
width: 230px;
height: 17px;
margin-bottom: 5px;
border: solid 1px #333333;
background-color: #F7F7F7;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:8pt;
color: #231f20;
}

label {
width: 180px;
height: 20px;
display:block;
clear:left;
float:left;
}

textarea  {
width: 230px;
height: 70px;
margin-bottom: 5px;
border: solid 1px #333333;
background-color: #F7F7F7;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:8pt;
color: #000000;
}


h1,h2,h3,h4,h5,h6 {
color: #004b8a;
margin: 0px 0px 2px 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
line-height:normal;
font-weight:normal;
}

h1:first-letter,
h2:first-letter,
h3:first-letter,
h4:first-letter,
h5:first-letter,
h6:first-letter {
text-transform:uppercase;
}

h1 {
font-size:16px;
color: white;
}

h2 {
font-size:12px;
}

h3 {
font-size:13.55pt;
}

h4 {
font-size:12pt;
}

h5 {
font-size:10pt;
}

h6 {
font-size:7.55pt;
}

strong,b {
font-weight:bold;
}

html>body {
width: 100%;
height: 100%;
}


/*** == End HTML Basic Elements ========================================================  ***/

/*** == Start Site Layout ========================================================  ***/

/* Body */
#LAYOUT1-BODY{
text-align:center;
font-family: tahoma,arial,helvetica,sans-serif;
font-size:10px;
line-height:17px;
color: #FFF;
background-color:#012340;
display: grid;
place-content: center;
height: 100vh;
overflow: hidden;
}

	
	/* Site dimensions */
	#LAYOUT1-SITE-DIMENSIONS {
	text-align: left; 
	width: 690px;
	overflow: hidden;
	background-color:#0D3052;
	box-shadow: 6px 6px 0px rgba(0, 0, 0, 0.2);	
	}
	
	/* Content */
	#LAYOUT1-A {

	overflow: hidden;
	clear:both;
	text-align:center;
	padding: 40px;

	}


#LAYOUT1-A img {
	width: 80%;
	max-width: 400px;
	height: auto;  
}
	
	/* Footer */
	#LAYOUT1-B {
	width: 100%;
	height: 55px; 
	overflow: hidden;
	clear:both;
	color: #FFF;
	background-color:#E3773A;
	text-align:center;
	font-size: 14px;
	}

	#LAYOUT1-B a {
		font-size: 14px;
	}
	
	#LAYOUT1-B a,
	#LAYOUT1-B a:link,
	#LAYOUT1-B a:visited,
	#LAYOUT1-B a:hover,
	#LAYOUT1-B a:active {
		color:#fff;
		}

	
					
/*** == End Site Layout ========================================================  ***/

				
/** == Start Classes ========================================================  **/


/** == End Classes ========================================================  **/	

@media(max-width: 768px) {
	#LAYOUT1-SITE-DIMENSIONS {
		width: calc(100% - 60px);
		margin: 0 auto;
	}
}