﻿@media (min-width:701px) {
	.BodyMain
	{
		font-family: 'Roboto', serif !important;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		width:960px;
		background-image:url("../../images/background.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;	
		background-position: center;
		background-size:100% 100%;
		word-wrap:break-word;
		max-width:960px;
	}
	
	.HeaderBody
	{ 
		height:130px;
		width:960px;
		position:relative;
		background:#ffffff;
		line-height:30.00px;
		text-decoration:none;
		font-variant:normal;		
		vertical-align:0; 
		color:#000000;
	}
	
	.StructureFooter
	{
		background:#333333;
		position:relative;
		left:0px;
		width:100%;
		position:relative;		
	}
	
	.FooterBody
	{
		text-align:center;		
		font-style:normal;
		font-weight:500;
		color:#ba0400;
		background-color:transparent;
		font-variant:normal;
		font-size:15.0px;
		vertical-align:0;
	} 
	
	.FooterText
	{
		font-style:normal;
		font-weight:normal;
		color:#808080;
		background-color:transparent;
		text-decoration:none;
		font-variant:normal;
		font-size:13.3px;
		vertical-align:0;
	}
	
	.FooterFace
	{
		position:absolute;
		top:65%;
		left:95%;
	}
	
	.MenuFace
	{
		top:10px;
		left:160px;
	}
	
	.MenuYoutube
	{
	    top:10px;
	    left:140px;
	}
	
	.TextTitleHead
	{	
		left:20px;
		top:10px;
		position:absolute;
		font-style:normal;
		font-weight:400;				
		font-size:30.0px;	
	}
	
	.TextTitleHead2
	{
		left:20px;
		top:52px;
		position:absolute;
		font-style:normal;
		font-weight:500;	
		font-size:40.0px;
	}
	
	.TextTitleHead3
	{
		left:20px;
		top:90px;
		position:absolute;
		font-style:normal;
		font-weight:400;	
		font-size:20.0px;
	}

	.HeaderBanner
	{ 
		height:70px;
		width:950px;
		position:relative;
		display: flex;
		justify-content: center;
		background:#ffffff;
		text-align: center;
		vertical-align: middle;	
		padding: 5px;
	}

	.TextBanner2 {
		background-color: #3498db; /* Background color */
		color: #ffffff; /* Text color */
		padding: 10px 20px; /* Padding around the content */
		text-align: center; /* Center-align text */
		font-size: 18px; /* Font size */
		font-weight: bold; /* Font weight */
	}

	.TextBodyCenter
	{
		text-align: center;
		font-style:normal;
			font-weight:500;	
			font-size: 16px;
		}
	
	.HeaderImage
	{
		position:absolute;
		left:810px;
		top:10px;
		width:110px;
		height:auto;
	}
	
	.HomeMenu,
	.HomeMenu:before
	{
		content:url("../../images/homeMenu.png");
	}
	
	.HomeMenuActive,
	.HomeMenuActive:before
	{
		content:url("../../images/homeMenuActive.png");
	}
	
	#cssmenu 
	{  
		position:relative;
		width:100%;
	}
	
	.SEPERATOR
	{
		width:100%;
		height:5px;
		position:relative;
		background-color:#EBEBEB;
	}
	
	.SeperatorLine
	{
		width:100%;
		height:5px;
		position:relative;
		background-color:#D0D2D4;
	}
	
	.LinkFooter
	{ 	
		text-align:center;
		padding:8px;
	}
	
	.TextTitle
	{
		font-style:normal;
		font-weight:700;
		color:#000000;
		background-color:transparent;
		text-decoration:none;
		font-variant:normal;
		font-size:30.0px;
		vertical-align:0; 	
	}
	
	.ContainerItemLarge,
	.ContainerItem 
	{
		position:relative;
		left:30px;
		top:0px;
		width:900px;
		min-height:220px;
	}

	.ContainerItemTextOnly
	{
		position:relative;
		left:30px;
		top:0px;
		width:900px;
	}
	
	.ContainerImage
	{
		position:absolute;
		width:auto;
		height:auto;
		max-height:100%;
		max-width:300px;
		right:0px;
	}
	
	.ContainerText
	{
		position:relative;		
		top:10px;
		width:64%;
	}
	
	.ContainerItemCollapse,
	.ArticleItem
	{
		position:relative;
        left:5%;
        top:0px;
        width:90%;
	}	
	
	.ContainerTextCollapse
	{
		position:relative;
		width:95%;
	}
	
	.ContainerTextCollapseImage
	{
		position:relative;
		width:68%;
	}
	
	.ContainerImageCollapse
	{
		position:absolute;
		width:auto;
		height:auto;
		max-height:90%;
		max-width:30%;
		right:0px;
	}
	
	.ArticleImage
	{
		display:block;
		position:relative;
        max-width:70%;
        max-height:600px;
		margin-right:auto;
        margin-left:auto;
		text-align:center;
	}
	
	.ArticleImageTitle
	{
		display:block;
		position:relative;
        max-width:100%;
        max-height:600px;
		margin-right:auto;
        margin-left:auto;
	}
	
	.ArticleText
	{
		position:relative;		
		width:100%;
	}
	
	.ArticleTextRight
	{
		text-align:right;
		position:relative;		
		width:100%;
	}
	
	.ArticleTextLeft
	{
		left:30px;
		position:relative;		
		width:100%;
	}
	
}
 
@media (max-width:700px) {

	.BodyMain
	{
		margin-left:auto;
		margin-right:auto;
		position:relative;
		width:100%;		
		max-width:100%;	
		background:#ffffff;
		word-wrap:break-word;
		overflow-x:hidden;
	}
	
	.HeaderBody
	{ 
		height:125px;
		position:relative;
		background:#ffffff;
		line-height:30.00px;
		text-decoration:none;
		font-variant:normal;		
		vertical-align:0; 
		color:#000000;
	}
	
	.StructureFooter
	{
		background:#333333;
		position:relative;
		left:0px;
		width:100%;
		position:relative;
	}
	
	.FooterBody
	{
		text-align:center;
		font-style:normal;
		font-weight:500;
		color:#ba0400;
		background-color:transparent;
		font-variant:normal;
		font-size:15.0px;
		vertical-align:0;
		width:90%;
		left:5%;
		position:relative;
		
	} 
	
	.FooterText
	{
		font-style:normal;
		font-weight:normal;
		color:#808080;
		background-color:transparent;
		text-decoration:none;
		font-variant:normal;
		font-size:13.3px;
		vertical-align:0;
	}
	
	.TextTitleHead
	{	
		left:20px;
		top:0px;
		position:absolute;
		font-style:normal;
		font-weight:400;				
		font-size:18.0px;	
	}
	
	.TextTitleHead2
	{	
		left:20px;
		top:30px;
		position:absolute;
		font-style:normal;
		font-weight:400;	
		font-size:25.0px;
		max-width:200px;
	}
	
	.TextTitleHead3
	{		
		left:20px;
		top:85px;
		position:absolute;
		font-style:normal;
		font-weight:400;	
		font-size:14.0px;
	}

	.HeaderBanner
	{ 
		height:auto;
		position:relative;
		display: flex;
		justify-content: center;
		background:#ffffff;
		text-align: center;
		vertical-align: middle;	
		padding: 5px;
	}

	.TextBanner2 {
		background-color: #3498db; /* Background color */
		color: #ffffff; /* Text color */
		padding: 10px 20px; /* Padding around the content */
		text-align: center; /* Center-align text */
		font-size: 18px; /* Font size */
		font-weight: bold; /* Font weight */
	}

	.TextBodyCenter
	{
		text-align: center;
		font-style:normal;
		font-weight:500;	
		font-size: 16px;
	}
	
	.HeaderImage
	{
		position:absolute;
		left:70%;
		top:10px;
		width:90px;
		height:auto;
	}
	
	.HomeMenu,
        .HomeMenu:before
	{
		font-size:19px;
		color:#000000;
		content:url("../../images/homeMenu.png");
	}
	
	.HomeMenuActive,
	.HomeMenuActive:before
        {
		font-size:19px;
		color:#000000;
		content:url("../../images/homeMenuActive.png");
	}
	
	#cssmenu 
	{  
	  position:relative;
	  width:100%;
	}
	
	.SEPERATOR
	{
		width:100%;
		height:3px;
		position:relative;
		background-color:#EBEBEB;
	}
	
	.SeperatorLine
	{
		width:100%;
		height:3px;
		position:relative;
		background-color:#D0D2D4;
	}
	
	.FooterFace
	{
		position:absolute;
		top:10%;
		left:90%;
	}	
	
	.MenuYoutube
	{	
		left:10px;
	}
	
	.MenuFace
	{	
		left:10px;
	}
	
	.LinkFooter
	{ 
		width:100%;
		text-align:center;		
		padding-top:8px;
		padding-bottom:8px;		
		display:block;
	}
	
	.TextTitle
	{
		font-style:normal;
		font-weight:700;
		color:#000000;
		background-color:transparent;
		text-decoration:none;
		font-variant:normal;
		font-size:30.0px;
		vertical-align:0; 	
	}
	
	.ArticleItem,
	.ContainerItem ,
	.ContainerItemCollapse,
	.ContainerItemLarge
    {
        position:relative;
        left:5%;
        top:0px;
        width:90%;
    }

	.ContainerItemTextOnly
	{
		position:relative;
		left:5%;
		top:0px;
		width:90%;
	}
	
	.ArticleImageTitle,
	.ArticleImage,
	.ContainerImage
	{
		position:relative;
		width:100%;
		height:auto;
		text-align:center;
	}
	
	.ContainerText,
	.ArticleText
	{
		position:relative;
		width:100%;
	}
	
	.ArticleTextRight
	{
		text-align:right;
		position:relative;		
		width:100%;
	}
	
	.ArticleTextLeft
	{
		left:5%;
		position:relative;	
        width:90%;
	}
		 
	.ContainerTextTeam
	{
		position:relative;
		width:100%;
	}
	
	.ContainerTextCollapseImage,
	.ContainerTextCollapse
	{
		position:relative;
		width:100%;
	}
	
	.ContainerImageCollapse
	{
		position:relative;
		width:100%;
		height:auto;
	}
	
	.SPACERMOBILE
	{
		position:relative;
		top:0px;
		width:100%;
		height:15px;
	}

}
	
.TitleStrip
{
	position:relative;
	width:100%;	
	text-align:center;
}
	
.BodyContainer
{
	position:relative;
	overflow-x:hidden;
}

.Structure
{
	background:#ffffff;
	position:relative;
}

@charset "UTF-8";
/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  position: relative;
}
#cssmenu a {
  line-height: 1.5;
}

#cssmenu > ul {
  background: #a4592e;  
}
#cssmenu > ul:after {
  clear: both;
  content: '';
  display: table;
}
@media all and (max-width: 700px) {
  #cssmenu > ul {
    max-height: 32px;
    overflow: hidden;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
  #cssmenu.expand ul {
    max-height: 900px;
  }
}
#cssmenu > ul > li {
  height:100%;
  float: left;
}
#cssmenu > ul > li.mobile {
  display: none;
}

@media all and (max-width: 700px) {
  #cssmenu > ul > li {
    display: block;
    float: none;
  }
  #cssmenu > ul > li.mobile {
    display: block;
  }
  #cssmenu > ul > li.mobile i {
    float: right;
    font-style: normal;
  }
}
#cssmenu > ul > li.mobile {
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
}
#cssmenu > ul > li > a {
  margin: 0 0 2px 0;
  font-size: 12px;
  display: block;
  color: #ffffff;
}
#cssmenu > ul > li > a > span {
  display: block;
  padding: 6px 10px;
  font-weight: normal;
}
#cssmenu > ul > li > a:hover {
  height:100%;
  color:#000000;  
}
#cssmenu > ul > li.active {

}
#cssmenu > ul > li.active > a {
  color: #000000;
}
/* Sub menu */
#cssmenu ul ul {
  background: none;   
  padding: 5px 10px;
  display: none;
  position: absolute;
  top: 35px;
  width: 155px;
  z-index: 1;  
  text-align:center;
  line-height:10px;
}
@media all and (max-width: 700px) {
  #cssmenu ul ul {
    position: relative;
    top: 0;
    width: 100%;	
	left:-10px;
  }
}
#cssmenu ul ul li {
  background: rgba(64,66,67,1.0);  
  height:30px;
}
#cssmenu ul ul a {
  color: #ffffff;
  display: block;
  font-size: 12px;
  font-weight: normal;
}
#cssmenu ul ul a:hover 
{
  font-weight:bold;
}

.TextMenu
{
	font-size:19px;
}

.TextMenuSub
{
	font-size:15px;
}


.LinkItem
{ 
	font-style:normal;
	font-weight:normal;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	font-variant:normal;
	font-size:16.0px;
	vertical-align:0; 
}

a.LinkItemImage
{
	text-decoration:none;
}

a.LinkItem:link, 
a:link .LinkItem
{
	color:#0011FF;
	border-bottom:1px solid #0011FF;
	text-decoration:none;
}

a.LinkItem:visited, 
a:visited .LinkItem 
{ 
	color:#800000;	
	border-bottom:1px solid #800000;
	text-decoration:none;
}

a.LinkItem:hover, 
a:hover .LinkItem 
{ 
	color:#0092ff;
	border-bottom:1px solid #0092ff;
	text-decoration:none;
}

a.LinkItem:active, 
a:active .LinkItem 
{ 
	color:#0000ff;
	border-bottom:1px solid #0000ff;
	text-decoration:none; 
}

a.LinkFooter:link, 
a:link .LinkFooter
{
	color:#ffffff;
	text-decoration:none; 
}

a.LinkFooter:visited, 
a:visited .LinkFooter 
{ 
	color:#ffffff; 
	text-decoration:none; 
}

a.LinkFooter:hover, 
a:hover .LinkFooter 
{ 
	color:#a4592e;
}

a.LinkFooter:active, 
a:active .LinkFooter 
{ 
	color:#ffffff;
}  


.BodyTextCent
{
	text-align:center;
	font-style:normal;
	font-weight:700;
	color:#000000;
	background-color:transparent;
	font-variant:normal;
	vertical-align:0;
}

.BodyTextLeft
{
	text-align:left;
	font-style:normal;
	font-weight:700;
	color:#000000;
	background-color:transparent;
	font-variant:normal;	
	vertical-align:0;
}

.TextItemCent
{
	text-align:center;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	font-variant:normal;
	vertical-align:0;
}

.TextItem
{ 
	font-style:normal;
	font-weight:normal;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	font-variant:normal;
	font-size:16.0px;
	vertical-align:0;
	text-align: justify;
  	text-justify: inter-word;
}

.TextItemTable
{ 
	font-style:normal;
	font-weight:normal;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	font-variant:normal;
	font-size:16.0px;
	vertical-align:0;
}

.TextItemBold
{ 
	font-style:normal;
	font-weight:700;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	font-variant:normal;
	font-size:16.0px;
}

.TextItemBoldCent
{ 
    text-align:center;
	font-style:normal;
	font-weight:700;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	font-variant:normal;
	font-size:16.0px;
}

.TextTitleSmall
{
	font-style:italic;
	font-weight:900;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	font-variant:normal;
	font-size:20.0px;
	vertical-align:0; 
}

.TextTitleCollapse
{	
	background-color:transparent;
	font-size:20.0px;
	vertical-align:0; 
	font-style:italic;
	font-weight:900;
	color:#001177;
}

.TextTitleMedium 
{ 
	font-style:normal;
	font-weight:700;
	color:#000000;
	background-color:transparent;
	text-decoration:none;
	font-variant:normal;
	font-size:26.7px;
	vertical-align:0; 
}

.SPACER
{
	position:relative;
	top:0px;
	width:100%;
	height:15px;
}

.SPACERSMALL
{
	position:relative;
	top:0px;
	width:100%;
	height:1px;
}

.TableBackground
{
	background:#dddddd;
	border-collapse:collapse;
	border:none;
}

.TableColumn 
{ 
	vertical-align:top;
	padding:0px 0px;
	border:none; 
}

.Table-Body 
{ 
	text-align:left;
	margin:0px 0px 12px;
	text-indent:0.0px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	background-color:transparent;
	font-variant:normal;
	font-size:16.0px;
	vertical-align:0; 
}
	
.DefaultParagraph 
{
	text-align:left;
	margin:0px;
	text-indent:0.0px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	background-color:transparent;
	font-variant:normal;
	font-size:16.0px;
	vertical-align:0; 
}

.Body 
{ 
	text-align:left;
	margin:0px 0px 12px;
	text-indent:0.0px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	background-color:transparent;
	font-variant:normal;
	font-size:16.0px;
	vertical-align:0; 
}

.Normal 
{ 
	text-align:left;
	margin:0px;
	text-indent:0.0px;
	font-style:normal;
	font-weight:normal;
	color:#000000;
	background-color:transparent;
	font-variant:normal;
	font-size:16.0px;
	vertical-align:0; 
}