/*================================================================================================*/

@charset "UTF-8";

/*
	
	TOOLBAR
	FOOTBAR
	
*/

/*================================================================================================*/
/* TOOLBAR
/*================================================================================================*/

#toolbar
{
	z-index:  1001;
	position: fixed;
	left:     0;
	top:      0;
	right:    0;
	height:   80px;
	
	background: #333;
	
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow:    0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow:         0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

#toolbar .content1280
{
	padding: 0 10px;
}

/*------------------------------------------------------------------------------------------------*/

#toolbar .tb-left
{
	position:    relative;
	float:       left;
	height:      60px;
	margin:      10px 0;
	line-height: 30px;
	font-size:   24px;
	font-weight: 400;
	color:       #ffe4b5;
	text-align:  left;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#toolbar .tb-left > a,
#toolbar .tb-left > a:link,
#toolbar .tb-left > a:visited,
#toolbar .tb-left > a:focus, 
#toolbar .tb-left > a:active,
#toolbar .tb-left > a:hover
{
	position: relative;
	display:  inline-block;
	height:   100%;
	color:    #ffe4b5;
}

#toolbar .tb-left > a:hover
{
	text-decoration: none;
}

#toolbar .tb-logo
{
	position:     relative;
	float:        left;
	width:        60px;
	height:       60px;
	margin-right: 10px;
	background:   transparent url('../img/apple-touch-icon-57x57.png') center no-repeat;
}

/*------------------------------------------------------------------------------------------------*/

#toolbar .tb-right
{
	position: relative;
	float:    right;
	height:   70px;
	margin:   10px 0 0;
}

#toolbar .tb-right > ul.menu
{
	position: relative;
	display:  inline-block;
	float:    right;
	height:   60px;
}

#toolbar .tb-right > ul.menu > li
{
	position: relative;
	display:  inline-block;
	height:   70px;
	margin:   0 5px;
}

#toolbar .tb-right > ul.menu > li:first-child
{
	display: none;
}

#toolbar .tb-right > ul.menu > li:first-child,
#toolbar .tb-right > ul.menu > li:nth-child(2)
{
	margin-left: 0;
}

#toolbar .tb-right > ul.menu > li:first-child,
#toolbar .tb-right > ul.menu > li:last-child
{
	margin-right: 0;
}

#toolbar .tb-right > ul.menu > li > .tb-button
{
	position:   relative;
	width:      93px;
	height:     70px;
	text-align: center;
}

#toolbar .tb-right > ul.menu > li > .tb-button > a,
#toolbar .tb-right > ul.menu > li > .tb-button > a:link,
#toolbar .tb-right > ul.menu > li > .tb-button > a:visited,
#toolbar .tb-right > ul.menu > li > .tb-button > a:focus,
#toolbar .tb-right > ul.menu > li > .tb-button > a:active,
#toolbar .tb-right > ul.menu > li > .tb-button > a:hover
{
	display: block;
	color:   #bbbaba;
	
	-webkit-transition: 0.33s all ease-out;
	-o-transition:      0.33s all ease-out;
	transition:         0.33s all ease-out;
  
	-webkit-transform: scale(1);
	-moz-otransform:   scale(1);
	-o-transform:      scale(1);
	-ms-transform:     scale(1);
	transform:         scale(1);
}

#toolbar .tb-right > ul.menu > li > .tb-button:hover > a,
#toolbar .tb-right > ul.menu > li > .tb-button > a:hover,
#toolbar .tb-right > ul.menu > li > .tb-button > a.active
{
	color: #ffe4b5;
	
	text-decoration: none;
}

#toolbar .tb-right > ul.menu > li > .tb-button > a.scale:hover
{
	-webkit-transform: scale(1.1);
	-moz-otransform:   scale(1.1);
	-o-transform:      scale(1.1);
	-ms-transform:     scale(1.1);
	transform:         scale(1.1);
}

#toolbar .tb-right > ul.menu > li > .tb-button > a > i
{
	position:    relative;
	display:     inline-block;
	width:       40px;
	height:      40px;
	line-height: 40px;
	font-size:   30px;
}

#toolbar .tb-right > ul.menu > li > .tb-button > a > span
{
	position:    relative;
	display:     block;
	height:      20px;
	line-height: 20px;
	font-size:   12px;
	overflow:    hidden;
}

#toolbar .tb-right > ul.menu > li > .tb-button > ul.dropdown
{
	z-index:    99999;
	position:   absolute;
	display:    block;
	padding:    20px 30px;
    top:        100%;
    text-align: left;
    visibility: hidden;
	opacity:    0;
	filter:     alpha(opacity=0);
    border-top: 2px solid #ffe4b5;
    
    width:      250px;
    left:       -85px;
   
	background-color: #333;
    
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.12), 3px 4px 8px 0 rgba(0, 0, 0, 0.11);
    -moz-box-shadow:    0 0 0 rgba(0, 0, 0, 0.12), 3px 4px 8px 0 rgba(0, 0, 0, 0.11);
    box-shadow:         0 0 0 rgba(0, 0, 0, 0.12), 3px 4px 8px 0 rgba(0, 0, 0, 0.11);
	
	-webkit-transition: visibility 0s linear 0.3s, opacity 0.3s, transform 0.3s;
	-moz-transition:    visibility 0s linear 0.3s, opacity 0.3s, transform 0.3s;
	-o-transition:      visibility 0s linear 0.3s, opacity 0.3s, transform 0.3s;
	transition:         visibility 0s linear 0.3s, opacity 0.3s, transform 0.3s;
    
    -webkit-transform: translateY(50px);
    -moz-transform:    translateY(50px);
    -o-transform:      translateY(50px);
    -ms-transform:     translateY(50px);
    transform:         translateY(50px);
}

#toolbar .tb-right > ul.menu > li > .tb-button > ul.dropdown:after
{
	content:       '';
    position:      absolute;
    left:          50%;
    top:           -8px;
    width:         0;
    height:        0;
    margin-left:   -4px;
    border-left:   5px solid transparent;
    border-right:  5px solid transparent;
    border-bottom: 8px solid #ffe4b5;
}

#toolbar .tb-right > ul.menu > li > .tb-button > ul.dropdown > li
{
	position: relative;
	display:  block;
	padding:  10px 0;
}

#toolbar .tb-right > ul.menu > li > .tb-button > ul.dropdown > li > a
{
	position:      relative;
	display:       block;
	color:         #bbbaba;
	padding-right: 20px;
	white-space:   nowrap;
	font-size:     14px;
	line-height:   1;
}

#toolbar .tb-right > ul.menu > li > .tb-button > ul.dropdown > li.active > a,
#toolbar .tb-right > ul.menu > li > .tb-button > ul.dropdown > li:hover > a
{
	color:           #ffe4b5;
	text-decoration: none;
	padding-right:   0;
	padding-left:    20px;
}

#toolbar .tb-right > ul.menu > li > .tb-button > ul.dropdown > li > a > i
{
	position:   absolute;
	display:    inline-block;
    top:        0;
    left:       -6px;
    font-size:  13px;line-height: 1;
    color:      inherit;
    opacity:    0;
    filter:     alpha(opacity=0);
    visibility: hidden;
    
    -webkit-transition: 0.5s all ease;
    -moz-transition:    0.5s all ease;
    -o-transition:      0.5s all ease;
    transition:         0.5s all ease;
}

#toolbar .tb-right > ul.menu > li > .tb-button > ul.dropdown > li.active > a > i,
#toolbar .tb-right > ul.menu > li > .tb-button > ul.dropdown > li:hover > a > i
{
	color:      #ffe4b5;
	left:       0;
    opacity:    1;
    filter:     alpha(opacity=100);
    visibility: visible;
}

#toolbar .tb-right > ul.menu > li > .tb-button:hover > ul.dropdown
{
    visibility: visible;
	opacity:    1;
	filter:     alpha(opacity=100);
	
	-webkit-transition: visibility 0s linear 0s, opacity 0.3s, transform 0.3s;
	-moz-transition:    visibility 0s linear 0s, opacity 0.3s, transform 0.3s;
	-o-transition:      visibility 0s linear 0s, opacity 0.3s, transform 0.3s;
	transition:         visibility 0s linear 0s, opacity 0.3s, transform 0.3s;
	
    -webkit-transform: translateY(-4px);
    -moz-transform:    translateY(-4px);
    -o-transform:      translateY(-4px);
    -ms-transform:     translateY(-4px);
    transform:         translateY(-4px);
}

/*------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 959px)
{
	#toolbar .tb-left
	{
		font-size: 16px;
	}
}

@media only screen and (max-width: 639px)
{
	#toolbar .tb-right > ul.menu > li
	{
		display: none;
	}
	
	#toolbar .tb-right > ul.menu > li:first-child
	{
		display: inline-block;
	}
	
	#toolbar .tb-logo
	{
		margin-right: 5px;
	}
	
	#toolbar .tb-right > ul.menu > li > .tb-button
	{
		width: 85px;
	}
}

@media only screen and (max-width: 479px)
{
	#toolbar .tb-left
	{
		font-size: 13px;
	}
}

/*================================================================================================*/
/* FOOTBAR
/*================================================================================================*/

#footbar
{
	z-index:    1000;
	position:   relative;
	border-top: 6px solid #333;
	background: #565656;
	
	-moz-box-shadow:    0 -1px 4px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.15);
    box-shadow:         0 -1px 4px rgba(0, 0, 0, 0.15);
}

#footbar .content1280
{
	padding-bottom: 55px;
}

/*------------------------------------------------------------------------------------------------*/

#footbar .col320
{
	padding:    20px 10px;
	min-height: 206px;
}

#footbar .col320 div.box320
{
	position:   relative;
	float:      left;
	width:      320px;
	padding:    20px 0 20px;
	text-align: center;
	min-height: 166px;
}

#footbar .col320 .box320 a,
#footbar .col320 .box320 a:link,
#footbar .col320 .box320 a:visited,
#footbar .col320 .box320 a:hover,
#footbar .col320 .box320 a:focus,
#footbar .col320 .box320 a:active
{
	display: block;
	color:   #bbbaba;
	
	-webkit-transition: 0.33s all ease-out;
	-o-transition:      0.33s all ease-out;
	transition:         0.33s all ease-out;
}

#footbar .col320 .box320 a div.box-title div.img
{
	position: relative;
	height:   72px;
	width:    72px;
	margin:   0 auto 1em;
	
	background-color:    transparent;
	background-position: -72px 0;
	background-repeat:   no-repeat;
}

#footbar .col320 .box320 a div.box-title div.img.contact
{
	background-image: url(../img/mdi/email_.png);	
}

#footbar .col320 .box320 a div.box-title div.img.legacy
{
	background-image: url(../img/mdi/legacy_.png);	
}

#footbar .col320 .box320 a div.box-title div.img.links
{
	background-image: url(../img/mdi/links_.png);	
}

#footbar .col320 .box320 a div.box-title div.img.sitemap
{
	background-image: url(../img/mdi/sitemap_.png);	
}

#footbar .col320 .box320 a:hover
{
	color: #ffe4b5;
	
	text-decoration: none;
	
	-webkit-transform: scale(1.1);
	-moz-otransform:   scale(1.1);
	-o-transform:      scale(1.1);
	-ms-transform:     scale(1.1);
	transform:         scale(1.1);
}

#footbar .col320 .box320 a.active
{
	color: #ffe4b5;
	
	text-decoration: none;
}

#footbar .col320 .box320 a:hover div.box-title div.img,
#footbar .col320 .box320 a.active div.box-title div.img
{
	background-position-x: 0;
}

/*------------------------------------------------------------------------------------------------*/

#statusbar
{
	position:       absolute;
	bottom:         0;
	left:           0;
	right:          0;
	text-align:     center;
	background:     #333;	
	height:         40px;
	line-height:    40px;
	vertical-align: middle;
	font-size:      14px;
	color:          #bbbaba;

}

#statusbar a
{
	color: #ffe4b5;
}

#statusbar br
{
	display: none;
}

/*------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 479px)
{
	#statusbar
	{
		line-height: 20px;
	}
	
	#statusbar br
	{
		display: block;
	}
}

/*================================================================================================*/