@charset "utf-8";
/* CSS Document */
/* "auto" makes the left and right margins center the wrapper */
body	
	{
	font-size:100%;	
	margin:0;
	padding:0;
	color:#555;
	}

img {
   max-width: 100%;
}

#wrap { 
	max-width: 1200px; 
	margin: 0 auto; 
	width:98%;
	}

#logo { 
	text-align:center;
	background-color:#f8eff0;	
 	border-left: 1px solid #f6f68f;
	border-right: 1px solid #f6f68f;
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'Raleway', sans-serif, arial;
}

#menu	{
	background-color:#27278d;	
	color:#fff;
	min-height:20px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-family: 'Raleway', sans-serif, arial;
	}

.left_panel {
	text-align:left;	
	float:left;
	width:57%;
}
.right_panel {
	text-align:right;
	float:right; 
}
 
.f1 {
	text-align:left;	
	float:left;
 
}
.f2 {
	text-align:center;
	float:right; 
}
.flag_image	{
	margin-top:30px; 
} 

@media screen and (max-width: 720px) {
.left_panel {
	text-align:center;	
	width: 100%;
}
.right_panel {
	text-align:center;	
	width: 100%;
}
.f1 {
	text-align:center;	
	width: 100%;
}
.f2 {
	text-align:center;	
	width: 100%;
}

.flag_image	{
	margin-top:0px; 
}
}

#menu2	{
	background-color:#e2e2fb;	
	color:#6262b6;
	min-height:20px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-family: 'Raleway', sans-serif, arial;	
	}

#content
	{
	border: 1px solid #e2e2fb;	
	padding: 20px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#fff;
	}

h1	{
	font-size: 140%;	
	font-weight: 100;
	color:#27278d;
	}

h2	{
	font-size: 120%;	
	font-weight: 100;
	color:#27278d;
	}

h3	{
	font-size: 120%;	
	font-weight: 400;
	color:#ba0000;
	}

a:link  
	{
	color: #8a1e04;
	text-decoration: underline
	}
a:visited 
	{
	color: #8a1e04;
	text-decoration: underline
	}
a:active 
	{
	color: #8a1e04;
	text-decoration: underline;
	
	}
a:hover 
	{
	color: #d0411f;
	text-decoration: underline;
	}


a.menu:link  
	{
	color: #fff;
	text-decoration: none
	}
a.menu:visited 
	{
	color: #fff;
	text-decoration: none
	}
a.menu:active 
	{
	color: #fff;
	text-decoration: none;
	
	}
a.menu:hover 
	{
	color: #fff;
	text-decoration: underline;
	}
	
a.menu2:link  
	{
	color: #6262b6;
	text-decoration: none
	}
a.menu2:visited 
	{
	color: #6262b6;
	text-decoration: none
	}
a.menu2:active 
	{
	color: #6262b6;
	text-decoration: none;
	
	}
a.menu2:hover 
	{
	color: #000;
	text-decoration: underline;
	}