@charset "UTF-8";

/* A variation on Eric Meyer's CSS Reset:
   This is disabled because the Blueprint framework already has it.
   You should enable it if you aren't using Blueprint.*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /*font-weight: inherit;
  font-style: inherit;*/
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  /*padding: 0;*/
  /*border: 0;*/
  outline: 0;
  /*font-weight: inherit;
  font-style: inherit;*/
  font-size: 100%;
  font-family: inherit;
  /*vertical-align: baseline;*/
}


body {
  line-height: 1;
  color: black;
  background: white;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse:collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
abbr,acronym {
  border:0;
}

/**************************************************************/

@font-face {
    font-family: 'TF2Build';
    src: local('TF2Build');
    src: url('fonts/TF2Build.eot'); /*ie9*/
    src: url('fonts/TF2Build.eot?#iefix') format('embedded-opentype'), /*ie6-ie8*/
         url('fonts/TF2Build.woff') format('woff'), /*modern browsers*/
         url('fonts/TF2Build.ttf') format('truetype'), /*Safari, Android, iOS*/
         url('fonts/TF2Build.svg#TF2Build') format('svg'); /*Legacy iOS*/
    /*font-stretch: wider;*/
}

body {
  font-family: Verdana, Arial, Sans-serif;
  line-height: 24px;
}

html, body {
  width:100%;
  height:100%;
}

a:link, a:visited {
  color: #9b2a2a; /*#9b342*/ /*#732543*/ /*#a54d47*/
  text-decoration: none;
}

a:hover {
  color: #f48881;
  text-decoration: none;
}

textarea{
  resize: none;
  overflow: hidden;
}

/**************************************************************/

/* Body background pattern */

#site_body {
  overflow-y: scroll;
  background:url(../images/site_background_pattern.png) repeat top center fixed;
  color: #282828;  
}

#site_body_background {
  width: 100%;
  /*height: 100%;*/
  background:url(../images/site_background_pattern_gradient.png) repeat-x top center fixed;
}

/* Site background decoration */

#site_wrapper0 {
  position: relative; /*for decoration_top and decoration_bottom*/
}

#decoration_top {
  position: absolute;
  width: 100%;
  height: 300px;
  min-width: 980px;
  background:url(../images/decoration_top_1330sm.png) center top no-repeat;
  top: 0px;
  z-index: 800;
}

#decoration_bottom {
  position: absolute;
  width: 100%;
  height: 300px;
  min-width: 980px;
  background:url(../images/decoration_bottom_1330.png) center bottom no-repeat;
  bottom: 0px;
  z-index: 800;
  /*display: none;*/
}

#site_pic_left {
  /*background:url(../images/decoration_left_1600.png) center 230px fixed no-repeat;*/
  /*background:url(../images/decoration_left_1600_.png) center 230px fixed no-repeat;*/
}

#site_pic_right {
  /*background:url(../images/decoration_right_1600.png) center 215px fixed no-repeat;*/
  /*background:url(../images/decoration_right_1600_.png) center 215px fixed no-repeat;*/  
}

/*#tpl-menu,*/ #tpl-language, #site_logo, #tpl-content, #tpl-banners, #tpl-pos1, #site_bottom, #tpl-breadcrumbs, #tpl-pos2 { /* make sure those are above the decoration blocks */
  z-index: 900;
  position: relative;
}
#tpl-language {
  z-Index: 910;
}

#tpl-menu .ux-menu-container {
  z-index: 950!important;
  /*z-index: 790!important;*/
}
/*
#tpl-menu .ux-menu-item-main {
  z-index: 790!important;
}

#tpl-menu .ux-menu-item-main a, #tpl-menu .ux-menu-sub {
  z-index: 950!important;
}
*/
#tpl-pos1 {
  z-index: 960;
}

/* Site background */

#site_wrapper1 {
  width: 100%;
  min-width: 980px;
  background:url(../images/site_background.png) repeat-y center top;
}

#site_bottom-wrapper{
  width: 100%;
  min-width: 980px;
  height: 66px;
  background:url(../images/site_background_bottom.png) no-repeat center top;
}

/**************************************************************/
/* SITE */
/**************************************************************/

#site_wrapper2 {
  width: 980px;  
  /*position: relative;  */
}

#site {
  width: 980px;
  background: #fff;
}

/*************** Language Selection ***************/

#tpl-language {
  padding-left: 15px;
  padding-top: 8px;
  float: left;
}
  div.mod-languages li {
    margin-left: 0px;
  }
    #tpl-language div.mod-languages img {
      border: 1px solid #eee;
      -webkit-box-shadow: 0px 0px 5px 0px rgba(221, 221, 221, 1);
      -moz-box-shadow:    0px 0px 5px 0px rgba(221, 221, 221, 1);
      box-shadow:         0px 0px 5px 0px rgba(221, 221, 221, 1);
    }
  
/*************** pos1 ***************/
  
#tpl-pos1-wrapper {
  float: left;
  margin: 16px 0px 0px 16px;
  line-height: 13px;
}

/*************** Logo ***************/
    
#site_logo {
  margin-right: 90px;
  padding-top: 10px;
}

/*************** Main Menu ***************/
  
#tpl-menu {
  width: 100%;
  margin-top: 14px;
  font-family: 'TF2Build', Verdana, Arial, Sans-serif;
  line-height: 10px;  
}

  #tpl-menu .ux-menu-container {
    margin-right: 42px;
  }

  div.ux-menu-container ul.ux-menu
  {
   width: auto;   
   margin: 0 auto;        /* center align */
   display: inline-block; /* center align */
  }
    #tpl-menu ul li.ux-menu-item-main {
      /*background: #F5F2F2!important;*/
    }
    
    #tpl-menu ul li a {
        font-size: 14px!important;
    }    
      #tpl-menu ul li a.current {
        color: #181818;
      }
      #tpl-menu ul li a.current:hover {
        color: #545454;
      }
    #tpl-menu ul li a.ux-menu-link-level-0 {
      font-size: 17px!important; /*20px*/
      text-transform: uppercase;
      height: 13px;
      background: #F5F2F2!important;
      /*background: none!important;*/
      margin-right: 6px;
      /*background-repeat: repeat-x!important;*/
      
      padding: 8px 11px;
      line-height: 13px;
    }
    #tpl-menu ul li a.ux-menu-link-level-0.ux-menu-link-parent {
      padding-right: 20px;
    }
    #tpl-menu ul li a.ux-menu-link-level-1, #tpl-menu ul li a.ux-menu-link-level-2 {
      background: #dbd8d8!important;
    }
    #tpl-menu ul li a.ux-menu-link-level-1:hover, #tpl-menu ul li a.ux-menu-link-level-2:hover {
      background: #fcf9f9!important;
    }
    
    .ux-menu-arrow {
      background:url(../images/arrow_down.png) center top no-repeat;
      right: 7px;
      top: 12px;
    }
    
    .ux-menu a, .ux-menu a.ux-menu-link-last, .ux-menu ul a,
    .ux-menu.ux-menu-vertical a, .ux-menu ul a.ux-menu-link-last, .ux-menu.ux-menu-vertical a.ux-menu-link-last{
      border-left: none;
      border-top: none;
      border-bottom: none;
      border-right: none;
    }

.ux-menu-item-parent-pos0 {
  display: none; /*hide home menu*/
}  

/*************** Content ***************/



#tpl-content-wrapper {
  background: #f5f2f2;
  margin: 16px 16px 0px 16px;
  min-height: 474px;    
  padding: 16px;
}

  #tpl-content {
    font-size: 14px;
    line-height: 20px;
  }
    #tpl-content ol, #tpl-content ul {
      list-style: inside;
    }
    #tpl-content h1, #tpl-content h2, #tpl-breadcrumbs-wrapper {
      font-family: 'TF2Build', Verdana, Arial, Sans-serif;
      font-weight: bold;
      font-size: 20px;
      background: #cc484f; /*#e07669*/
      color: #fff;
      padding: 4px 8px 4px 8px;
      /*margin-top: 6px;*/
      margin-bottom: 16px;
    }
    #tpl-content h1 a:link, #tpl-content h1 a:visited,
    #tpl-content h2 a:link, #tpl-content h2 a:visited,
    #tpl-breadcrumbs a:link, #tpl-breadcrumbs a:visited    {
      color: #35151c; /*#61211a*/
    }
    #tpl-content h1 a:hover,
    #tpl-content h2 a:hover,
    #tpl-breadcrumbs a:hover {
      color: #fff;
    }    
    
    .breadcrumbs img {
      margin-bottom: 4px;
    }
    
    #tpl-content .readmore {
      text-align: right;
    }
    
    #tpl-content .pagination {      
      /* center align */
      /*
      width: 100%;   
      margin: 0 auto;        
      display: inline-block; 
      vertical-align: middle;
      height: 100%;*/
      margin-top: 16px;
      background: #dbd8d8;
      padding: 4px 8px 4px 8px;
    }
    
      #tpl-content .counter {
        display: none;
      }
  
      #tpl-content .pagination ul:after {
        /* fix height */
        clear: both;
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
      }    
      
        #tpl-content .pagination ul li {
          float: left;
          margin-right: 10px;
        }
    
        .pagination-start, .pagination-prev, .pagination-next, .pagination-end {
          /*display: none;*/
        }  

.cleardiv {
  clear: both;
}        
        
/* Homepage */

#tpl-homepage .bannergroup {
  float: left;
  margin: 8px;
  font-family: 'TF2Build', Verdana, Arial, Sans-serif;
}
  #tpl-homepage .bannergroup .banneritem {
    line-height: 0px;
  }
  #tpl-homepage .bannergroup .bannerfooter {
    color: #fff;
    background: #282828; /*#9b2a2a*/ /*#CC484F*/
    padding: 2px 7px 2px 7px;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
  }

/* Gallery */

.phocagallery-box-file.pg-box-subfolder {
  width: 114px!important;
}

.phocagallery-box-file, .phocagallery-box-file:hover {
  border: none;
  background: none;
}
  .phocagallery-box-file-first {
    line-height: 0px;
  }
    .pg-box-subfolder .phocagallery-box-file-first {
      background: none;
    }
    .pg-box-subfolder .pg-name {
      color: #282828!important;
      font-size: 12px!important;
      line-height: 12px;
    }
  
  .pg-box-image {
    width: 100px!important;
    height: 100px!important;  
    margin: 0px 14px 14px 0px;
  }
    .pg-box-image .pg-name {
      display: none;
    }

/* Link */
#phocagallery .detail {
  font-size: 10px;
  text-align: center;
  
  margin-top: 0px;
}
#phocagallery .detail a{
  text-decoration: none!important;
}
    

/* Pagination and ordering */
#phocagallery #pagination-ordering-block {
  display: none;
}
  #phocagallery #pg-pagination {  
    margin: 0px!important;
  }
    #phocagallery .pg-ordering {
      display: none;
    }
    #phocagallery .pagination #pg-pagination ul {
      margin-bottom: 0px;
    }
      #phocagallery .pagination #pg-pagination ul li {
        float: left;
        margin-right: 8px;
      }
        #phocagallery .pagination-start, #phocagallery .pagination-prev, #phocagallery .pagination-next, #phocagallery .pagination-end, #phocagallery .pagecounter {
          display: none!important;
          /*margin: 0px!important;*/
        }
        
#shadowbox #shadowbox_title {
  display: none;
}

#shadowbox_next {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  height: 100%;
  cursor: pointer;
}

#shadowbox_prev {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 50%;
  height: 100%;
  cursor: pointer;
}
  
/*************** Banners ***************/
  
#tpl-banners-wrapper {
  background: #f5f2f2;
  margin: 16px 16px 0px 16px;
  padding: 16px 16px 8px 16px;
}
  #tpl-banners {

  }
  
    #tpl-banners .bannergroup {
      /* center align */
      width: auto;   
      margin: 0 auto;        
      display: inline-block; 
      vertical-align: middle;
      height: 100%;
      line-height: 0px;
      font-size: 0px;
    }
  
    #tpl-banners .bannergroup:after {
      /* fix height */
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;    
    }
    
    #tpl-banners .banneritem_wrapper {
      float: left;
    }
    
    #tpl-banners .banneritem {
      /*float: left;
      margin: 4px 8px 3px 8px;*/
      padding: 4px 8px 3px 8px;
      height: 55px;
      display: table-cell;      
      vertical-align: middle;      
      
      /*
      display: inline-block;
      vertical-align: middle;
      height: 100%;*/
    }
    
    /*
    #tpl-banners .banneritem a {
      height: 55px;
      display: table-cell;      
      vertical-align: middle;
    }*/
        
    #tpl-banners .banneritem img {
      vertical-align: middle;
      max-height: 55px;
    }

/*************** Pos1 ***************/
  
#tpl-pos1 {

}

/*************** Footer ***************/

#site_bottom {
  position: relative;  
}
  #tpl-footer {
    padding-top: 20px;
    font-weight: bold;
  }
  
/**************************************************************/