body
{
	font-family: Montserrat, sans-serif;
	text-align: justify;
}

#banner
{
	margin: 0 auto;
	text-align: center;
	background-color: #781e1a;
	height: 100%;
}

#menu
{
	background-color: #ffffff;
	margin: 0 auto;
}

ol
{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #781e1a;
}

ol a
{
	display: block;
	color: #ffffff;
	background-color: #781e1a;
	text-decoration: none;
	padding: 0 5px;
}

ol > li
{
	background-color: #781e1a;
}

ol > li:hover > a
{
	color: #781e1a;
	background-color: #ffffff;
}

ol > li ol
{
	list-style: none;
	padding: 0;
	margin: 0;
}

ol a
{
	color: #ffffff;
}

ol > li > ol
{
	display: none;
}

ol > li:hover > ol
{
	display: block;
}

ol > li > ol > li:hover
{
	color: #ffffff;
	background-color: #781e1a;
}

ol > li > ol > li:hover > a
{
	color: #781e1a;
	background-color: #ffffff;
}

h1, h2
{
	color: #781e1a;
}

.center
{
	text-align: center;
}

.link:link, .link:active, .link:visited
{
	text-decoration: none;
	color: #781e1a;
	font-weight: bold;
}

.link_mail:link, .link_mail:active, .link_mail:visited
{
	color: #781e1a;
}

.list
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.slider
{
	margin: 0 auto;
	position: realtive;
}

.slider > div
{
	position: absolute;
}

#content
{
	margin: 0 auto;
}

.horizontal_line
{
	height: 2px;
	background: #781e1a;
}

.font_green
{
	color: #00b050;
}

.font_blue
{
	color: #0070c0;
}

.font_red
{
	color: #c00000;
}

.sessions
{
	text-align: center;
	color: #00b050;
}

.logo_photo
{
   height: auto;
   max-width: 100%;
   padding-left: 10px;
   padding-right: 10px;
}

@media (min-width: 1280px)
{
	#banner
	{
		width: 1280px;
	}

	.graphics_big
	{
		width: 100%;
	}

	.graphics
	{
		width: 66%;
	}

	#menu
	{
		width: 1280px;
		height: 100px;
	}

	ol
	{
		font-size: 24px;
	}

	ol > li
	{
		float: left;
		width: 213.33px;
		height: 40px;
		padding-top: 10px;
	}

	ol > li ol
	{
		font-size: 14px;
		position: absolute;
	}

	ol > li ol li
	{
		float: left;
		width: 118.5px;
		padding-top: 25px;
	}

	.slider
	{
		width: 1280px;
		height: 350px;
	}

	#content
	{
		width: 1280px;
		font-size: 20px;
	}

	p, ul
	{
		margin-left: 70px;
		margin-right: 70px;
	}
}

@media (max-width: 1280px) and (min-width: 1024px)
{
	#banner
	{
		width: 1024px;
	}

	.graphics_big
	{
		width: 1024px;
	}

	.graphics
	{
		width: 66%;
	}

	#menu
	{
		width: 1024px;
		height: 70px;
	}

	ol
	{
		font-size: 20px;
	}

	ol > li
	{
		float: left;
		width: 170.66px;
		height: 30px;
		padding-top: 10px;
	}

	ol > li ol
	{
		font-size: 12px;
		position: absolute;
	}

	ol > li ol li
	{
		float: left;
		width: 94px;
		padding-top: 15px;
	}

	.slider
	{
		width: 1024px;
		height: 280px;
	}

	#content
	{
		width: 1024px;
		font-size: 18px;
	}

	p, ul
	{
		margin-left: 50px;
		margin-right: 50px;
	}
}

@media (max-width: 1024px) and (min-width: 800px)
{
	#banner
	{
		width: 800px;
		height: 100%;
	}

	.graphics_big
	{
		width: 800px;
	}

	.graphics
	{
		width: 66%;
	}

	#menu
	{
		width: 800px;
		height: 70px;
	}

	ol
	{
		font-size: 16px;
	}

	ol > li
	{
		float: left;
		width: 133.33px;
		height: 30px;
		padding-top: 10px;
	}

	ol > li ol
	{
		font-size: 10px;
		position: absolute;
	}

	ol > li ol li
	{
		float: left;
		width: 73.25px;
		padding-top: 11px;
	}

	.slider
	{
		width: 800px;
		height: 218px;
	}

	#content
	{
		width: 800px;
		font-size: 16px;
	}

	p, ul
	{
		margin-left: 10px;
		margin-right: 10px;
	}
}

@media (max-width: 800px) and (min-width: 500px)
{
	#banner
	{
		width: 500px;
		height: 100%;
	}

	.graphics_big
	{
		width: 500px;
	}

	.graphics
	{
		width: 100%;
	}

	#menu
	{
		width: 500px;
		height: 360px;
	}

	ol
	{
		font-size: 12px;
	}

	ol > li
	{
		width: 500px;
		height: 30px;
		padding-top: 5px;
	}

	ol > li ol
	{
		font-size: 12px;
		position: absolute;
	}

	ol > li ol li
	{
		width: 500px;
	}

	.slider
	{
		width: 500px;
		height: 136px;
	}

	#content
	{
		width: 500px;
		font-size: 14px;
	}
}

@media (max-width: 500px)
{
	#banner
	{
		width: 90%;
		height: 100%;
	}

	.graphics_big
	{
		width: 86%;
	}

	.graphics
	{
		width: 100%;
	}

	#menu
	{
		width: 90%;
		height: 200px;
	}

	ol
	{
		font-size: 18px;
	}

	ol > li
	{
		width: 100%;
	}

	ol > li ol li
	{
		font-size: 12px;
	}

	.slider
	{
		display: none;
	}

	#content
	{
		width: 100%;
		font-size: 14px;
	}
}