#mateimain
{
   background: #3D91D6;
   background: linear-gradient(top, #10314C 0, #2D88D2 473px, #D1E5F5 1050px) no-repeat;
   background: -webkit-linear-gradient(top, #10314C 0, #2D88D2 473px, #D1E5F5 1050px) no-repeat;
   background: -moz-linear-gradient(top, #10314C 0, #2D88D2 473px, #D1E5F5 1050px) no-repeat;
   background: -o-linear-gradient(top, #10314C 0, #2D88D2 473px, #D1E5F5 1050px) no-repeat;
   background: -ms-linear-gradient(top, #10314C 0, #2D88D2 473px, #D1E5F5 1050px) no-repeat;
   background: linear-gradient(top, #10314C 0, #2D88D2 473px, #D1E5F5 1050px) no-repeat;
   -svg-background: linear-gradient(top, #10314C 0, #2D88D2 473px, #D1E5F5 1050px) no-repeat;
   background-attachment: fixed !important;
   margin:0 auto;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position: relative;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   overflow:hidden;
}
table, ul.mateihmenu
{
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

/* Reset buttons border. It's important for input and button tags. 
 * border-collapse should be separate for shadow in IE. 
 */
.mateibutton
{
   border: 0;
   border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #6CACE0;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   padding:0 21px;
   margin:0 auto;
   height:24px;
}

.mateipostcontent,
.mateipostheadericons,
.mateipostfootericons,
.mateiblockcontent,
ul.mateivmenu a 
{
   text-align: left;
}

.mateipostcontent,
.mateipostcontent li,
.mateipostcontent table,
.mateipostcontent a,
.mateipostcontent a:link,
.mateipostcontent a:visited,
.mateipostcontent a.visited,
.mateipostcontent a:hover,
.mateipostcontent a.hovered
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
}

.mateipostcontent p
{
   margin: 13px 0;
}

.mateipostcontent h1, .mateipostcontent h1 a, .mateipostcontent h1 a:link, .mateipostcontent h1 a:visited, .mateipostcontent h1 a:hover,
.mateipostcontent h2, .mateipostcontent h2 a, .mateipostcontent h2 a:link, .mateipostcontent h2 a:visited, .mateipostcontent h2 a:hover,
.mateipostcontent h3, .mateipostcontent h3 a, .mateipostcontent h3 a:link, .mateipostcontent h3 a:visited, .mateipostcontent h3 a:hover,
.mateipostcontent h4, .mateipostcontent h4 a, .mateipostcontent h4 a:link, .mateipostcontent h4 a:visited, .mateipostcontent h4 a:hover,
.mateipostcontent h5, .mateipostcontent h5 a, .mateipostcontent h5 a:link, .mateipostcontent h5 a:visited, .mateipostcontent h5 a:hover,
.mateipostcontent h6, .mateipostcontent h6 a, .mateipostcontent h6 a:link, .mateipostcontent h6 a:visited, .mateipostcontent h6 a:hover,
.mateiblockheader .t, .mateiblockheader .t a, .mateiblockheader .t a:link, .mateiblockheader .t a:visited, .mateiblockheader .t a:hover,
.mateivmenublockheader .t, .mateivmenublockheader .t a, .mateivmenublockheader .t a:link, .mateivmenublockheader .t a:visited, .mateivmenublockheader .t a:hover,
.mateiheadline, .mateiheadline a, .mateiheadline a:link, .mateiheadline a:visited, .mateiheadline a:hover,
.mateislogan, .mateislogan a, .mateislogan a:link, .mateislogan a:visited, .mateislogan a:hover,
.mateipostheader, .mateipostheader a, .mateipostheader a:link, .mateipostheader a:visited, .mateipostheader a:hover
{
   font-size: 22px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 120%;
}

.mateipostcontent a, .mateipostcontent a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #FFFFFF;
}

.mateipostcontent a:visited, .mateipostcontent a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #FFF7C2;
}

.mateipostcontent  a:hover, .mateipostcontent a.hover
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #FFF7C2;
}

.mateipostcontent h1
{
   color: #FBFDFE;
   margin: 10px 0 0;
   font-size: 26px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateiblockcontent h1
{
   margin: 10px 0 0;
   font-size: 26px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateipostcontent h1 a, .mateipostcontent h1 a:link, .mateipostcontent h1 a:hover, .mateipostcontent h1 a:visited, .mateiblockcontent h1 a, .mateiblockcontent h1 a:link, .mateiblockcontent h1 a:hover, .mateiblockcontent h1 a:visited 
{
   font-size: 26px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateipostcontent h2
{
   color: #FBFDFE;
   margin: 10px 0 0;
   font-size: 22px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateiblockcontent h2
{
   margin: 10px 0 0;
   font-size: 22px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateipostcontent h2 a, .mateipostcontent h2 a:link, .mateipostcontent h2 a:hover, .mateipostcontent h2 a:visited, .mateiblockcontent h2 a, .mateiblockcontent h2 a:link, .mateiblockcontent h2 a:hover, .mateiblockcontent h2 a:visited 
{
   font-size: 22px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateipostcontent h3
{
   color: #FBFDFE;
   margin: 10px 0 0;
   font-size: 20px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateiblockcontent h3
{
   margin: 10px 0 0;
   font-size: 20px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateipostcontent h3 a, .mateipostcontent h3 a:link, .mateipostcontent h3 a:hover, .mateipostcontent h3 a:visited, .mateiblockcontent h3 a, .mateiblockcontent h3 a:link, .mateiblockcontent h3 a:hover, .mateiblockcontent h3 a:visited 
{
   font-size: 20px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateipostcontent h4
{
   color: #FFFCE5;
   margin: 10px 0 0;
   font-size: 18px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateiblockcontent h4
{
   margin: 10px 0 0;
   font-size: 18px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateipostcontent h4 a, .mateipostcontent h4 a:link, .mateipostcontent h4 a:hover, .mateipostcontent h4 a:visited, .mateiblockcontent h4 a, .mateiblockcontent h4 a:link, .mateiblockcontent h4 a:hover, .mateiblockcontent h4 a:visited 
{
   font-size: 18px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateipostcontent h5
{
   color: #FFFCE5;
   margin: 10px 0 0;
   font-size: 15px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateiblockcontent h5
{
   margin: 10px 0 0;
   font-size: 15px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateipostcontent h5 a, .mateipostcontent h5 a:link, .mateipostcontent h5 a:hover, .mateipostcontent h5 a:visited, .mateiblockcontent h5 a, .mateiblockcontent h5 a:link, .mateiblockcontent h5 a:hover, .mateiblockcontent h5 a:visited 
{
   font-size: 15px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateipostcontent h6
{
   color: #FBFDFE;
   margin: 10px 0 0;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateiblockcontent h6
{
   margin: 10px 0 0;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateipostcontent h6 a, .mateipostcontent h6 a:link, .mateipostcontent h6 a:hover, .mateipostcontent h6 a:visited, .mateiblockcontent h6 a, .mateiblockcontent h6 a:link, .mateiblockcontent h6 a:hover, .mateiblockcontent h6 a:visited 
{
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

header, footer, article, nav, #mateihmenu-bg, .mateisheet, .mateihmenu a, .mateivmenu a, .mateislidenavigator > a, .mateicheckbox:before, .mateiradiobutton:before
{
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
}

header, footer, article, nav, #mateihmenu-bg, .mateisheet, .mateislidenavigator > a, .mateicheckbox:before, .mateiradiobutton:before
{
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height: 100%;
}

body
{
   padding: 0;
   margin:0;
   min-width: 796px;
   color: #FFFFFF;
}

.clearfix:before, .clearfix:after {
   content: "";
   display: table;
}

.clearfix:after {
   clear: both;
}

.cleared {
   font: 0/0 serif;
   clear: both;
}

form
{
   padding: 0 !important;
   margin: 0 !important;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

li h1, .mateipostcontent li h1, .mateiblockcontent li h1 
{
   margin:1px;
} 
li h2, .mateipostcontent li h2, .mateiblockcontent li h2 
{
   margin:1px;
} 
li h3, .mateipostcontent li h3, .mateiblockcontent li h3 
{
   margin:1px;
} 
li h4, .mateipostcontent li h4, .mateiblockcontent li h4 
{
   margin:1px;
} 
li h5, .mateipostcontent li h5, .mateiblockcontent li h5 
{
   margin:1px;
} 
li h6, .mateipostcontent li h6, .mateiblockcontent li h6 
{
   margin:1px;
} 
li p, .mateipostcontent li p, .mateiblockcontent li p 
{
   margin:1px;
}


.mateishapes
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;
   z-index: 0;
}

.mateislider-inner {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.mateislidenavigator > a {
   display: inline-block;
   vertical-align: middle;
   outline-style: none;
   font-size: 1px;
}

.mateislidenavigator > a:last-child {
   margin-right: 0 !important;
}

.mateiheadline
{
  display: inline-block;
  position: absolute;
  min-width: 50px;
  top: -20px;
  left: 55.17%;
  line-height: 100%;
  margin-left: -375px !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 99;
}

.mateiheadline, 
.mateiheadline a, 
.mateiheadline a:link, 
.mateiheadline a:visited, 
.mateiheadline a:hover
{
font-size: 72px;
font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
text-shadow: 0.9px -0.4px 0px rgba(153, 153, 153, 0.8), 1.4px 1.4px 0px rgba(140, 140, 140, 0.8), 2.1px 2.1px 1px rgba(122, 122, 122, 0.5), 2.8px 2.8px 0px rgba(107, 107, 107, 0.5), 3.5px 3.5px 0px rgba(92, 92, 92, 0.48);
  padding: 0;
  margin: 0;
  color: #123959 !important;
  white-space: nowrap;
}






.mateisheet
{
   -webkit-border-radius:15px;
   -moz-border-radius:15px;
   border-radius:15px;
   margin:10px auto 0;
   position:relative;
   cursor:auto;
   width: 796px;
   z-index: auto !important;
}

.mateiheader
{
   -webkit-border-radius:15px;
   -moz-border-radius:15px;
   border-radius:15px;
   margin:0 auto;
   height: 282px;
   background-image: url('images/header.jpg');
   background-position: 0 0;
   background-repeat: no-repeat;
   position: relative;
   z-index: auto !important;
}

.responsive .mateiheader 
{
   background-image: url('images/header.jpg');
   background-position: center center;
}

.mateiheader>.widget 
{
   position:absolute;
   z-index:101;
}

.mateiheader .mateislider-inner
{
   -webkit-border-radius:15px;
   -moz-border-radius:15px;
   border-radius:15px;
}

.mateinav
{
   -webkit-border-radius:15px;
   -moz-border-radius:15px;
   border-radius:15px;
   padding:3px;
   z-index: 100;
   font-size: 0;
   position: absolute;
   margin: 0;
   bottom:   0;
   width: 100%;
   text-align: left;
}

ul.mateihmenu a, ul.mateihmenu a:link, ul.mateihmenu a:visited, ul.mateihmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.mateihmenu, ul.mateihmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.mateihmenu li
{
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: none;
   margin: 0;
   padding: 0;
   border: 0;
}

ul.mateihmenu li:hover
{
   z-index: 10000;
   white-space: normal;
}

ul.mateihmenu:after, ul.mateihmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}

ul.mateihmenu, ul.mateihmenu ul 
{
   min-height: 0;
}

ul.mateihmenu 
{
   display: inline-block;
   vertical-align: middle;
   padding-left: 15px;
   padding-right: 15px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.mateinav:before 
{
   content:' ';
}

.mateihmenu-extra1
{
   position: relative;
   display: block;
   float: left;
   width: auto;
   height: auto;
   background-position: center;
}

.mateihmenu-extra2
{
   position: relative;
   display: block;
   float: right;
   width: auto;
   height: auto;
   background-position: center;
}

.mateihmenu
{
   float: left;
}

.mateimenuitemcontainer
{
   margin:0 auto;
}
ul.mateihmenu>li {
   margin-left: 3px;
}
ul.mateihmenu>li:first-child {
   margin-left: 1px;
}
ul.mateihmenu>li:last-child, ul.mateihmenu>li.last-child {
   margin-right: 1px;
}

ul.mateihmenu>li>a
{
   background: #3D91D6;
   background: linear-gradient(top, #7DB5E3 0, #2D88D2 63%, #236AA4 100%) no-repeat;
   background: -webkit-linear-gradient(top, #7DB5E3 0, #2D88D2 63%, #236AA4 100%) no-repeat;
   background: -moz-linear-gradient(top, #7DB5E3 0, #2D88D2 63%, #236AA4 100%) no-repeat;
   background: -o-linear-gradient(top, #7DB5E3 0, #2D88D2 63%, #236AA4 100%) no-repeat;
   background: -ms-linear-gradient(top, #7DB5E3 0, #2D88D2 63%, #236AA4 100%) no-repeat;
   background: linear-gradient(top, #7DB5E3 0, #2D88D2 63%, #236AA4 100%) no-repeat;
   -svg-background: linear-gradient(top, #7DB5E3 0, #2D88D2 63%, #236AA4 100%) no-repeat;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px solid #000000;
   padding:0 8px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 21px;
   cursor: pointer;
   text-decoration: none;
   color: #000000;
   line-height: 21px;
   text-align: center;
}

.mateihmenu a, 
.mateihmenu a:link, 
.mateihmenu a:visited, 
.mateihmenu a.active, 
.mateihmenu a:hover
{
   font-size: 12px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: uppercase;
   text-align: left;
}

ul.mateihmenu>li>a.active
{
   background: #FFE229;
   background: linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: -webkit-linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: -moz-linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: -o-linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: -ms-linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   -svg-background: linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px solid #EBCB00;
   padding:0 8px;
   margin:0 auto;
   color: #000000;
   text-decoration: none;
}

ul.mateihmenu>li>a:visited, 
ul.mateihmenu>li>a:hover, 
ul.mateihmenu>li:hover>a {
   text-decoration: none;
}

ul.mateihmenu>li>a:hover, .desktop ul.mateihmenu>li:hover>a
{
   background: #FFE229;
   background: linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: -webkit-linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: -moz-linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: -o-linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: -ms-linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   -svg-background: linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px solid #EBCB00;
   padding:0 8px;
   margin:0 auto;
}
ul.mateihmenu>li>a:hover, 
.desktop-nav ul.mateihmenu>li:hover>a {
   color: #000000;
   text-decoration: none;
}

ul.mateihmenu>li:before
{
   position:absolute;
   display: block;
   content:' ';
   top:0;
   left:  -3px;
   width:3px;
   height: 21px;
   background: url('images/menuseparator.png') center center no-repeat;
}
ul.mateihmenu>li:first-child:before{
   display:none;
}

ul.mateihmenu li li a
{
   background: #9EC8EA;
   background: #2D88D2;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   padding:0 8px;
   margin:0 auto;
}
ul.mateihmenu li li 
{
   float: none;
   width: auto;
   margin-top: 0;
   margin-bottom: 0;
}

.desktop-nav ul.mateihmenu li li ul>li:first-child 
{
   margin-top: 0;
}

ul.mateihmenu li li ul>li:last-child 
{
   margin-bottom: 0;
}

.mateihmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 24px;
   min-width: 7em;
   border: 0 solid transparent;
   text-align: left;
   line-height: 24px;
   color: #2C85CE;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   margin:0;
}

.mateihmenu ul a:link, 
.mateihmenu ul a:visited, 
.mateihmenu ul a.active, 
.mateihmenu ul a:hover
{
   text-align: left;
   line-height: 24px;
   color: #0c263b;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   margin:0;
}

ul.mateihmenu ul li a:hover, .desktop ul.mateihmenu ul li:hover>a
{
   background: #2C85CE;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   margin:0 auto;
}
.mateihmenu ul a:hover
{
   text-decoration: none;
}

.mateihmenu ul li a:hover
{
   color: #F5D400;
}

.desktop-nav .mateihmenu ul li:hover>a
{
   color: #F5D400;
}

ul.mateihmenu ul:before
{
   background: #FFFCE5;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   border:1px solid #FFF5B3;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   z-index: 1;
}
.desktop-nav ul.mateihmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
.desktop-nav ul.mateihmenu li li:hover>ul {
   top: 0;
   left: 100%;
}

ul.mateihmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
}

.desktop-nav ul.mateihmenu>li>ul
{
   padding: 12px 32px 32px 32px;
   margin: -10px 0 0 -30px;
}

.desktop-nav ul.mateihmenu ul ul
{
   padding: 32px 32px 32px 14px;
   margin: -32px 0 0 -9px;
}

.desktop-nav ul.mateihmenu ul.mateihmenu-left-to-right 
{
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}

.desktop-nav ul.mateihmenu ul.mateihmenu-right-to-left 
{
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

.desktop-nav ul.mateihmenu li li:hover>ul.mateihmenu-left-to-right {
   right: auto;
   left: 100%;
}
.desktop-nav ul.mateihmenu li li:hover>ul.mateihmenu-right-to-left {
   left: auto;
   right: 100%;
}

.desktop-nav ul.mateihmenu ul ul.mateihmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 32px 32px 32px 14px;
   margin: -32px 0 0 -9px;
}

.desktop-nav ul.mateihmenu ul ul.mateihmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 32px 14px 32px 32px;
   margin: -32px -9px 0 0;
}

.desktop-nav ul.mateihmenu li ul>li:first-child {
   margin-top: 0;
}
.desktop-nav ul.mateihmenu li ul>li:last-child {
   margin-bottom: 0;
}

.desktop-nav ul.mateihmenu ul ul:before
{
   border-radius: 6px;
   top: 30px;
   bottom: 30px;
   right: 30px;
   left: 12px;
}

.desktop-nav ul.mateihmenu>li>ul:before
{
   top: 10px;
   right: 30px;
   bottom: 30px;
   left: 30px;
}

.desktop-nav ul.mateihmenu>li>ul.mateihmenu-left-to-right:before {
   right: 30px;
   left: 30px;
}
.desktop-nav ul.mateihmenu>li>ul.mateihmenu-right-to-left:before {
   right: 30px;
   left: 30px;
}
.desktop-nav ul.mateihmenu ul ul.mateihmenu-left-to-right:before {
   right: 30px;
   left: 12px;
}
.desktop-nav ul.mateihmenu ul ul.mateihmenu-right-to-left:before {
   right: 12px;
   left: 30px;
}

.mateilayout-wrapper
{
   position: relative;
   margin: 20px auto 0 auto;
   z-index: auto !important;
}

.mateicontent-layout
{
   display: table;
   width: 100%;
   table-layout: fixed;
   border-collapse: collapse;
}

.mateicontent-layout-row 
{
   display: table-row;
}

.mateilayout-cell
{
   display: table-cell;
   vertical-align: top;
}

.mateivmenublock
{
   margin:3px;
}
div.mateivmenublock img
{
   margin: 0;
}

.mateivmenublockcontent
{
   margin:0 auto;
}

ul.mateivmenu, ul.mateivmenu ul
{
   list-style: none;
   display: block;
}

ul.mateivmenu, ul.mateivmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}

ul.mateivmenu
{
   margin-top: 0;
   margin-bottom: 0;
}

ul.mateivmenu ul
{
   display: none;
   margin: 0;
   padding: 0;
   position: relative;
}

ul.mateivmenu ul.active
{
   display: block;
}

ul.mateivmenu>li>a
{
   background: #1B517E;
   background: linear-gradient(top, #297DC2 0, #0C263B 100%) no-repeat;
   background: -webkit-linear-gradient(top, #297DC2 0, #0C263B 100%) no-repeat;
   background: -moz-linear-gradient(top, #297DC2 0, #0C263B 100%) no-repeat;
   background: -o-linear-gradient(top, #297DC2 0, #0C263B 100%) no-repeat;
   background: -ms-linear-gradient(top, #297DC2 0, #0C263B 100%) no-repeat;
   background: linear-gradient(top, #297DC2 0, #0C263B 100%) no-repeat;
   -svg-background: linear-gradient(top, #297DC2 0, #0C263B 100%) no-repeat;
   border:1px solid #7A6A00;
   padding:0 15px;
   margin:0 auto;
   color: #FFF3A3;
   min-height: 30px;
   line-height: 30px;
}
ul.mateivmenu a 
{
   display: block;
   cursor: pointer;
   z-index: 1;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   position:relative;
}

ul.mateivmenu li{
   position:relative;
}

ul.mateivmenu>li
{
   margin-top: 4px;
}
ul.mateivmenu>li>ul
{
   padding: 0;
   margin-top: 4px;
   margin-bottom: 4px;
}
ul.mateivmenu>li:first-child
{
   margin-top:0;
}

ul.mateivmenu>li>a:before
{
   content:url('images/vmenuitemicon.png');
   margin-right:5px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.mateivmenu>li>a:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.mateivmenu>li>a.active:before
{
   content:url('images/vmenuactiveitemicon.png');
   margin-right:5px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.mateivmenu>li>a.active:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.mateivmenu>li>a:hover:before
{
   content:url('images/vmenuhovereditemicon.png');
   margin-right:5px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.mateivmenu>li>a:hover:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.mateivmenu>li>a:hover, ul.mateivmenu>li>a.active:hover
{
   background: #FFE229;
   background: linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: -webkit-linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: -moz-linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: -o-linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: -ms-linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   -svg-background: linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   border:1px solid #EBCB00;
   padding:0 15px;
   margin:0 auto;
}
ul.mateivmenu>li>a:hover, ul.mateivmenu>li>a.active:hover
{
   text-decoration: none;
}

ul.mateivmenu a:hover, ul.mateivmenu a.active:hover 
{
   color: #806E00;
}

ul.mateivmenu>li>a.active:hover>span.border-top, ul.mateivmenu>li>a.active:hover>span.border-bottom 
{
   background-color: transparent;
}

ul.mateivmenu>li>a.active
{
   background: #FFE229;
   background: linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: -webkit-linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: -moz-linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: -o-linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: -ms-linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   background: linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   -svg-background: linear-gradient(top, #FFED75 0, #FFDD00 77%, #DBBE00 100%) no-repeat;
   border:1px solid #EBCB00;
   padding:0 15px;
   margin:0 auto;
   text-decoration: none;
   color: #806E00;
}

ul.mateivmenu>li>ul:before
{
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

ul.mateivmenu li li a
{
   background: #DDECF8;
   margin:0 auto;
   position: relative;
}
ul.mateivmenu ul li
{
   margin: 0;
   padding: 0;
}
ul.mateivmenu li li{
   position: relative;
   margin-top: 1px;
}

ul.mateivmenu ul a
{
   display: block;
   position: relative;
   min-height: 24px;
   overflow: visible;
   padding: 0;
   padding-left: 27px;
   padding-right: 27px;
   z-index: 0;
   line-height: 24px;
   color: #297DC2;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}

ul.mateivmenu ul a:visited, ul.mateivmenu ul a.active:hover, ul.mateivmenu ul a:hover, ul.mateivmenu ul a.active
{
   line-height: 24px;
   color: #297DC2;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   margin-left: 0;
   margin-right: 0;
}

ul.mateivmenu ul ul a
{
   padding-left: 54px;
}
ul.mateivmenu ul ul ul a
{
   padding-left: 81px;
}
ul.mateivmenu ul ul ul ul a
{
   padding-left: 108px;
}
ul.mateivmenu ul ul ul ul ul a
{
   padding-left: 135px;
}

ul.mateivmenu ul>li>a:hover, ul.mateivmenu ul>li>a.active:hover
{
   background: #FFFCE5;
   margin:0 auto;
}
ul.mateivmenu ul li a:hover, ul.mateivmenu ul li a.active:hover
{
   text-decoration: none;
   color: #DBBE00;
}

ul.mateivmenu ul a:hover:after
{
   background-position: center ;
}
ul.mateivmenu ul a.active:hover:after
{
   background-position: center ;
}
ul.mateivmenu ul a.active:after
{
   background-position: bottom ;
}

ul.mateivmenu ul>li>a.active
{
   background: #9EC8EA;
   margin:0 auto;
}
ul.mateivmenu ul a.active, ul.mateivmenu ul a:hover, ul.mateivmenu ul a.active:hover
{
   text-decoration: none;
   color: #998500;
}

ul.mateivmenu li li:after
{
   display: block;
   position: absolute;
   content: ' ';
   height: 0;
   top: -1px;
   left: 0;
   right: 0;
   z-index: 1;
   border-bottom: 1px solid #FFE852;
}

ul.mateivmenu li li:before
{
   display: block;
   position: absolute;
   content: ' ';
   left: 0;
   right: 0;
   top: -1px;
   z-index: 0;
   height: 1px;
   background-color: #DDECF8;
}
ul.mateivmenu>li>ul>li:first-child:before, ul.mateivmenu>li>ul>li:first-child:after 
{
   display: none;
}

.mateiblock
{
   margin:3px;
}
div.mateiblock img
{
   border: none;
   margin: 0;
}

.mateiblockheader
{
   padding:6px 5px;
   margin:0 auto 2px;
}
.mateiblockheader .t,
.mateiblockheader .t a,
.mateiblockheader .t a:link,
.mateiblockheader .t a:visited, 
.mateiblockheader .t a:hover
{
   color: #FFFFFF;
   font-size: 20px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   margin: 0 5px;
}

.mateiblockcontent
{
   padding:5px;
   margin:0 auto;
   color: #383100;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
}
.mateiblockcontent table,
.mateiblockcontent li, 
.mateiblockcontent a,
.mateiblockcontent a:link,
.mateiblockcontent a:visited,
.mateiblockcontent a:hover
{
   color: #383100;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
}

.mateiblockcontent p
{
   margin: 0 5px;
}

.mateiblockcontent a, .mateiblockcontent a:link
{
   color: #FFF7C2;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.mateiblockcontent a:visited, .mateiblockcontent a.visited
{
   color: #FFFEFA;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.mateiblockcontent a:hover, .mateiblockcontent a.hover
{
   color: #806E00;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}
.mateiblock ul>li:before
{
   content:url('images/blockbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: -12px;
}
.opera .mateiblock ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.mateiblock li
{
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
   color: #FFFCE5;
   margin: 5px 0 0 10px;
}

.mateiblock ul>li, .mateiblock ol
{
   padding: 0;
}

.mateiblock ul>li
{
   padding-left: 12px;
}

.mateibreadcrumbs
{
   margin:0 auto;
}

a.mateibutton,
a.mateibutton:link,
a:link.mateibutton:link,
body a.mateibutton:link,
a.mateibutton:visited,
body a.mateibutton:visited,
input.mateibutton,
button.mateibutton
{
   text-decoration: none;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position:relative;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #FFFFFF;
   margin: 0 !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   line-height: 24px;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}

.mateibutton img
{
   margin: 0;
   vertical-align: middle;
}

.firefox2 .mateibutton
{
   display: block;
   float: left;
}

input, select, textarea
{
   vertical-align: middle;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.mateiblock select 
{
   width:96%;
}

input.mateibutton
{
   float: none !important;
}

.mateibutton.active, .mateibutton.active:hover
{
   background: #6CACE0;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   padding:0 21px;
   margin:0 auto;
}
.mateibutton.active, .mateibutton.active:hover {
   color: #FFFFFF !important;
}

.mateibutton.hover, .mateibutton:hover
{
   background: #3D91D6;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   padding:0 21px;
   margin:0 auto;
}
.mateibutton.hover, .mateibutton:hover {
   color: #FFFFFF !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
   background: #FFFEF5;
   -webkit-border-radius:15px;
   -moz-border-radius:15px;
   border-radius:15px;
   border:2px dotted #9EC8EA;
   margin:0 auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
   width: 100%;
   padding: 8px 0;
   color: #A38D00 !important;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
input.mateierror, textarea.mateierror
{
   background: #FFFEF5;
   border:1px solid #E2341D;
   margin:0 auto;
}
input.mateierror, textarea.mateierror {
   color: #A38D00 !important;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.mateisearch input[type="text"]
{
   background: #FFFFFF;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border:1px solid #FFF4AD;
   margin:0 auto;
   width: 100%;
   padding: 3px 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #806E00 !important;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.mateisearch 
{
   background-image: none;
   border: 0;
   display:block;
   position:relative;
   top:0;
   padding:0;
   margin:5px;
   left:0;
   line-height: 0;
}

form.mateisearch input
{
   top:0;
   right:0;
}

form.mateisearch>input {
   bottom:0;
   left:0;
   vertical-align: middle;
}
 
form.mateisearch input[type="submit"]
{
   margin:0 auto;
   color: #FFFFFF !important;
   position:absolute;
   display:block;
   left: auto;
   border:none;
   background:url('images/searchicon.png') center center no-repeat;
   width:24px;
   height: 100%;
   padding:0;
}

label.mateicheckbox:before
{
   background: #FFFEF5;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   margin:0 auto;
   width:16px;
   height:16px;
}
label.mateicheckbox
{
   cursor: pointer;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 16px;
   display: inline-block;
}

.mateicheckbox>input[type="checkbox"]
{
   margin: 0 5px 0 0;
}

label.mateicheckbox.active:before
{
   background: #FFEA61;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.mateicheckbox.hovered:before
{
   background: #DDECF8;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.mateiradiobutton:before
{
   background: #FFFEF5;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   margin:0 auto;
   width:12px;
   height:12px;
}
label.mateiradiobutton
{
   cursor: pointer;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 12px;
   display: inline-block;
}

.mateiradiobutton>input[type="radio"]
{
   vertical-align: baseline;
   margin: 0 5px 0 0;
}

label.mateiradiobutton.active:before
{
   background: #9EC8EA;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   margin:0 auto;
   width:12px;
   height:12px;
   display: inline-block;
}

label.mateiradiobutton.hovered:before
{
   background: #DDECF8;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   margin:0 auto;
   width:12px;
   height:12px;
   display: inline-block;
}

.mateipost
{
   padding:5px;
}
a img
{
   border: 0;
}

.mateiarticle img, img.mateiarticle, .mateiblock img, .mateifooter img
{
   margin: 7px 7px 7px 7px;
}

.mateimetadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}

.mateiarticle table, table.mateiarticle
{
   border-collapse: collapse;
   margin: 1px;
}

.mateipost .mateicontent-layout-br
{
   height: 0;
}

.mateiarticle th, .mateiarticle td
{
   padding: 2px;
   border: solid 1px #EBCB00;
   vertical-align: top;
   text-align: left;
}

.mateiarticle th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: auto;
   padding: 0.1em;
}

.preview-cms-logo
{
   border: 0;
   margin: 1em 1em 0 0;
   float: left;
}

.image-caption-wrapper
{
   padding: 7px 7px 7px 7px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper img
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper div.mateicollage
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper p
{
   font-size: 80%;
   text-align: right;
   margin: 0;
}

.mateipostheader
{
   color: #FFFCE5;
   margin: 5px 10px;
   font-size: 24px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.mateipostheader a, 
.mateipostheader a:link, 
.mateipostheader a:visited,
.mateipostheader a.visited,
.mateipostheader a:hover,
.mateipostheader a.hovered
{
   font-size: 24px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

.mateipostheader a, .mateipostheader a:link
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #FFFBE0;
}

.mateipostheader a:visited, .mateipostheader a.visited
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #FFF7C2;
}

.mateipostheader a:hover,  .mateipostheader a.hovered
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #FFF7C2;
}

.mateipostcontent ul>li:before,  .mateipost ul>li:before,  .mateitextblock ul>li:before
{
   content:url('images/postbullets.png');
   margin-right:10px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .mateipostcontent ul>li:before, .opera   .mateipost ul>li:before, .opera   .mateitextblock ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.mateipostcontent li, .mateipost li, .mateitextblock li
{
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #806E00;
   margin: 3px 0 0 11px;
}

.mateipostcontent ul>li, .mateipost ul>li, .mateitextblock ul>li, .mateipostcontent ol, .mateipost ol, .mateitextblock ol
{
   padding: 0;
}

.mateipostcontent ul>li, .mateipost ul>li, .mateitextblock ul>li
{
   padding-left: 17px;
}

.mateipostcontent ul>li:before,  .mateipost ul>li:before,  .mateitextblock ul>li:before
{
   margin-left: -17px;
}

.mateipostcontent ol, .mateipost ol, .mateitextblock ol, .mateipostcontent ul, .mateipost ul, .mateitextblock ul
{
   margin: 1em 0 1em 11px;
}

.mateipostcontent li ol, .mateipost li ol, .mateitextblock li ol, .mateipostcontent li ul, .mateipost li ul, .mateitextblock li ul
{
   margin: 0.5em 0 0.5em 11px;
}

.mateipostcontent li, .mateipost li, .mateitextblock li
{
   margin: 3px 0 0 0;
}

.mateipostcontent ol>li, .mateipost ol>li, .mateitextblock ol>li
{
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.mateipostcontent ul>li, .mateipost ul>li, .mateitextblock ul>li
{
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

blockquote
{
   background: #FFFCE5 url('images/postquote.png') no-repeat scroll;
   padding:10px 10px 10px 47px;
   margin:10px 0 0 25px;
   color: #241F00;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-align: left;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}
blockquote a, .mateipostcontent blockquote a, .mateiblockcontent blockquote a, .mateifooter blockquote a,
blockquote a:link, .mateipostcontent blockquote a:link, .mateiblockcontent blockquote a:link, .mateifooter blockquote a:link,
blockquote a:visited, .mateipostcontent blockquote a:visited, .mateiblockcontent blockquote a:visited, .mateifooter blockquote a:visited,
blockquote a:hover, .mateipostcontent blockquote a:hover, .mateiblockcontent blockquote a:hover, .mateifooter blockquote a:hover
{
   color: #241F00;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-align: left;
}

/* Override native 'p' margins*/
blockquote p,
.mateipostcontent blockquote p,
.mateiblockcontent blockquote p,
.mateifooter blockquote p
{
   margin: 0;
   margin: 5px 0;
}

.mateifooter
{
   -webkit-border-radius:15px;
   -moz-border-radius:15px;
   border-radius:15px;
   border-top:1px dotted #FFEA61;
   padding:25px;
   margin:20px auto 0;
   position: relative;
   color: #FFFFFF;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
   text-align: center;
}

.mateifooter a,
.mateifooter a:link,
.mateifooter a:visited,
.mateifooter a:hover,
.mateifooter td, 
.mateifooter th,
.mateifooter caption
{
   color: #FFFFFF;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 175%;
}

.mateifooter p 
{
   padding:0;
   text-align: center;
}

.mateifooter a,
.mateifooter a:link
{
   color: #FFF7C2;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.mateifooter a:visited
{
   color: #806E00;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.mateifooter a:hover
{
   color: #FFF7C2;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.mateifooter img
{
   border: none;
   margin: 0;
}

.mateirss-tag-icon
{
   background:  url('images/footerrssicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:25px;
   min-width:25px;
   display: inline-block;
   text-indent: 28px;
   background-position: left center;
}

.mateirss-tag-icon:empty
{
   vertical-align: middle;
}

.mateifooter ul>li:before
{
   content:url('images/footerbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: -13px;
}
.opera .mateifooter ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.mateifooter li
{
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #FFFAD6;
}

.mateifooter ul>li, .mateifooter ol
{
   padding: 0;
}

.mateifooter ul>li
{
   padding-left: 13px;
}

.mateipage-footer, 
.mateipage-footer a,
.mateipage-footer a:link,
.mateipage-footer a:visited,
.mateipage-footer a:hover
{
   font-family: Arial;
   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #B7D6F0;
}

.mateipage-footer
{
   position: relative;
   z-index: auto !important;
   padding: 1em;
   text-align: center !important;
   text-decoration: none;
   color: #665800;
}

img.mateilightbox
{
   cursor: pointer;
}

#mateilightbox-bg *
{
   padding: 0;
   margin: 0;
}

div#mateilightbox-bg
{
   top: 0;
   left: 0;
   width: 100%;
   position: absolute;
   height: 100%;
   background-color: #000;
   opacity: 0.8;
   filter: alpha(opacity=80);
   z-index: 9999;
}

img.mateilightbox-image
{
   -webkit-transition: opacity 350ms ease-in-out;
   -moz-transition: opacity 350ms ease-in-out;
   -o-transition: opacity 350ms ease-in-out;
   -ms-transition: opacity 350ms ease-in-out;
   transition: opacity 350ms ease-in-out;
   cursor: pointer;
   z-index: 10000;
   position: fixed;
   border: 6px solid #fff;
   border-radius: 3px;
   opacity: 0;
   filter: alpha(opacity=0);
}

img.mateilightbox-image.active
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.lightbox-error
{
   position: fixed;
   background: #fff;
   z-index: 100;
   opacity: 0.95;
   padding: 20px;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   width: 300px;
   height: 80px;
}

.loading
{
   position: fixed;
   background: #fff url('images/preloader-01.gif') center center no-repeat;
   width: 32px;
   height: 32px;
   z-index: 10100;
   opacity: 0.5;
   padding: 10px;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
}

.arrow
{
   height: 100px;
   width: 82px;
   z-index: 10003;
   position: fixed;
   cursor: pointer;
   opacity: 0.5;
   filter: alpha(opacity=50);
}

.arrow.left
{
   left: 9px;
}
.arrow.right
{
   right: 9px;
}

.arrow:hover
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.arrow.disabled 
{
   display: none;
}

.arrow-t, .arrow-b
{
   height: 6px;
   width: 30px;
   left: 26px;
   background-color: #fff;
   position: relative;
   border-radius: 3px;
}

.arrow-t
{
   top: 38px;
}

.arrow-b
{
   top: 50px;
}

.close
{
   width: 22px;
   height: 22px;
   position: fixed;
   top: 30px;
   right: 39px;
   cursor: pointer;
   opacity: 0.5;
   filter: alpha(opacity=50);
}

.close:hover 
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.close .cw, .close .ccw
{
   position: absolute;
   top: 8px;
   left: -4px;
   width: 30px;
   height: 6px;
   background-color: #fff;
   border-radius: 3px;
}

.cw
{
   transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   /* IE 9 */
    -webkit-transform: rotate(45deg);
   /* Safari and Chrome */
    -o-transform: rotate(45deg);
   /* Opera */
    -moz-transform: rotate(45deg);
/* Firefox */}

.ccw
{
   transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   /* IE 9 */
    -webkit-transform: rotate(-45deg);
   /* Safari and Chrome */
    -o-transform: rotate(-45deg);
   /* Opera */
    -moz-transform: rotate(-45deg);
/* Firefox */}

.close-alt, .arrow-right-alt, .arrow-left-alt 
{
   display: none;
   color: #fff;
   font-size: 2.5em;
}

.ie8 .close-alt, .ie8 .arrow-right-alt, .ie8 .arrow-left-alt {
   display: block;
}
.ie8 .cw, .ie8 .ccw {
   display: none;
}

.mateicontent-layout .mateisidebar1
{
   border-right:1px dotted #FFEB6B;
   margin:0 auto;
   width: 200px;
}

.mateicontent-layout .mateicontent
{
   margin:0 auto;
}

/* Begin Additional CSS Styles */

/* End Additional CSS Styles */