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

body
{	
	font-family:sans-serif;
	font-size:100%;
	background-color:#FFFFFF;
}

.app
{
	display:block;
	background-color:#FFFFFF;
	min-width:1000px;
}

/* ****************************************************** HEADER */
	
.app .header
{	
	display:block;
	height:150px;	
	background-color:#FFFFFF;	
}

.app .header img
{	
	margin-top:15px;
	margin-left:60px;
	margin-right:60px;
	height:120px;
}

.app .header .text
{
	float:right;
	
	display:inline-block;
	margin-top:50px;
	margin-right:60px;
	vertical-align:top;
}

.app .header .text h1
{
	font-size:2.5em;
	font-weight:400;
	color:#FECF31;
}

.app .header .text h2
{
	font-size:1.3em;
	font-weight:400;
	text-align:right;
	color:#45A2D2;
}

/* ******************************************************  SPACER */

.app .spacer
{
	display:block;
	background-color:#FECF31;
	height:20px;
}

/* ******************************************************  BANNER */

.app .banner
{
	display:block;
	height:300px;
	overflow:hidden;
}

.app .banner img
{
	width:100%;
	min-width:250px;
}

/* ****************************************************** MENU */

.app .menu
{
	display:block;
	background-color:#45A2D2;	
	box-shadow: 0px 10px 16px #999;
}

.app .menu ul
{
    list-style-type:none;
    margin:0px;
    padding:0px;
    padding-left:48px;
    overflow:hidden;
}

.app .menu li
{
    float:left;
}

.app .menu li a, .app .menu .dropbutton
{
    display:inline-block;
	
    color:#FFFFFF;
    
    font-size:1.2em;
    font-weight:200;
    
    text-align:center;
    text-decoration:none;

    padding:16px 16px;
}

.app .menu li a:hover, .app .menu .dropdown:hover, .app .menu .dropbutton:hover
{
	background-color:#FBF1D4;
	color:#45A2D2;
}

.app .menu .dropdown
{
    display: inline-block;
    float:left;
}

.app .menu .dropdown:hover .dropdown-content
{
    display:block;
    box-shadow: 10px 10px 16px #999;
}

.app .menu .dropdown:hover .dropbutton
{
	color:#45A2D2;
}

.app .menu .dropdown-content
{
    display:none;
    position:absolute;
    
    min-width:180px;
    
    background-color:#FBF1D4;
}

.app .menu .dropdown-content a
{
    display: block;

	color:#45A2D2;
    font-size:0.9em;
    font-weight:200;
    text-decoration: none;

    padding: 12px 16px;
}

.app .menu .dropdown-content a:hover
{
	color:white;
	background-color:#45A2D2;	
}

/* ****************************************************** CONTENT */

@keyframes fade-in
{
    0%   {opacity:0;}
    50%	 {opacity:0.5;}
    100% {opacity:1.0;}
}

.app .content
{
	display:block;	
	min-height:200px;
	margin:60px;
	background-color:#FFFFFF;
	animation-name:fade-in;
    animation-duration:0.5s;
}	

.app .content p, .app .content ul
{
	text-align:justify;
	font-size:1.0em;
    font-weight:300;
    line-height:1.4;
	color:#45A2D2;
	margin-top:16px;
}

.app .content p.info
{
	color:#FECF31;
}

.app .content h1
{
	font-size:1.7em;
    font-weight:400;
	color:#45A2D2;		
	border-bottom:1px solid #FECF31;
}

.app .content h1:first-letter
{
	font-size:1.9em;
	color:#FECF31;
}

.app .content h2
{
	font-size:1.1em;
    font-weight:400;
	color:#45A2D2;
	margin-top:16px;
}

.app .content a
{
	color:#45A2D2;	
}

.app .content ul
{
	margin-left:16px;
	list-style:square;
}

.app .content .imagebox
{
	display:block;
	white-space:nowrap;
}

.app .content .image
{
	display:inline-block;
	width:33.33%;
	margin-top:16px;
}

/*
.app .content .image:nth-of-type(2)
{
	text-align:center;
}

.app .content .image:nth-of-type(3)
{
	text-align:right;
}
*/

.app .content .center
{
    text-align:center;
}

.app .content .right
{
    text-align:right;
}

.app .content .image img
{
	width:80%;
	border-radius:16px;
 	box-shadow: 10px 10px 16px #999;
}

.app .content .card
{
	display:block;
	white-space:nowrap;
	width:100%;
	margin-top:16px;
}

.app .content .card img
{
	display:inline-block;
	min-width:360px;
	width:33%;
	margin-top:16px;
	margin-right:48px;
	border-radius:16px;
	box-shadow: 10px 10px 16px #999;
}

.app .content .data
{
	display:inline-block;
	width:50%;
	height:100%;
	vertical-align:top;
}

.app .content .data p
{
	white-space:normal;
}

.app .content .data h2
{
	font-size:1.2em;
	color:#FECF31;
}

/* ****************************************************** FOOTER */

.app .footer
{	
	display:block;
	height:70px;
	background-color:#FBF1D4;	
	box-shadow: 0px -10px 16px #999;
}

.app .footer p, .app .footer a
{
	width:100%;
	font-size:0.9em;
    font-weight:300;
    line-height:1.4;
    text-align:center;	
	color:#45A2D2;
	padding-top:8px;
}