/*

     OBIWEBS
     a generic theme for Obibase - an accessible responsive webtemplate by Obiwebs
     by Koen Van Nuffelen & Kris D'Aes

     this theme stylesheet should only contain formatting like
     colors, fonts, text-formatting, borders, shadow, background-images (e.g. logo)
     and other non-structural and non-responsive layout

*/

/**/

.main_zone div.container div#main_center_float {width: 100%;}
html body#body-107.tv-to-1.tree-107 div.navbar_zone div.container div#navbar div#nav_top ul.lev1.nav li a {}
#nav_top a {font-family: 'Open Sans', sans-serif; font-size: 20px; text-transform: capitalize;}
.navbar_zone div.container div#navbar div#search {float: right; }
.navbar_zone div.container div#navbar div#search form.searchform i.icon-search.icon-black {margin-top: 10px;}
#navbar #search form.searchform button.submit {display: none;}
.header_zone .fce_social_follow {text-align: right; }

/**/

.header_zone #leftpane,
.header_zone #rightpane,
.header_zone #toolbar #language,
.header_zone #toolbar #login,
.header_zone #toolbar #social,
.header_title,
.header_baseline,
#pagetools,
#breadcrumb,
#pagebanner { display:none;}

body {
       font-family: 'Open Sans', sans-serif;
       font-size: 20px;
       color: #555555;

}

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


.bottom_spacer_zone, .top_spacer_zone {height: 0px;}

.header_zone {margin-bottom: 2px; background-position: top center; background-repeat: no-repeat;
      background: #F6F6F6;
      border-bottom: thin solid #B4B4B4;
        }

.header_zone #logo_screen {
        height: 80px;
        width: 298px;
        background-image: url(images/logo_obiwebs_80.png);
        margin: 24px 0px 24px 0;
        background-repeat: no-repeat;
        background-position: top left;
}

.header_zone #toolbar {
       margin-bottom: 5px; margin-top: 130px;
       background-color: #FAFAFA;
       background-image: linear-gradient(to bottom, #5C5C5C, #000000);
       background-repeat: repeat-x;
       border: 1px solid #D4D4D4;
       color: #ffffff;
       border-radius: 4px 4px 4px 4px;
       box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
       min-height: 40px;
       padding-left: 0px;      /* 20px */
       padding-right: 0px;     /* 20px */
       margin-bottom: 10px;
}

.header_zone #toolbar:after {clear: both;}

.header_zone #toolbar #nav_top {}

.header_zone #toolbar #nav_top li a {
       color: #dddddd;
       text-decoration: none;
       text-shadow: 0 1px 0 #000000;
}

.header_zone #toolbar #nav_top li a.cur {
       background-color: #999999;
       box-shadow: 0 3px 8px rgba(0, 0, 0, 0.5) inset;
       color: #ffffff;
       text-decoration: none;
}

.header_zone #toolbar #subtoolbar a {
       -moz-border-bottom-colors: none;
       -moz-border-left-colors: none;
       -moz-border-right-colors: none;
       -moz-border-top-colors: none;
       text-decoration: none;
       background-color: #F5F5F5;
       background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
       background-repeat: repeat-x;
       border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
       border-image: none;
       border-radius: 4px 4px 4px 4px;
       border-style: solid;
       border-width: 1px;
       box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
       color: #333333;
       cursor: pointer;
       display: inline-block;
       font-size: 14px;
       line-height: 20px;
       margin: 0 0 0 8px;
       padding: 4px 12px;
       text-align: center;
       text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
       vertical-align: middle;
}

.header_zone #toolbar #subtoolbar a:hover {
       color: #333333;
       text-decoration: none;
       background-position: 0 -15px;
       background-color: #E6E6E6;
       -webkit-transition: background-position 0.1s linear;
       -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
       transition: background-position 0.1s linear;
}

.header_zone #toolbar #links {margin-right: 12px;}

.header_zone #leftpane {background-color: #333333;}

.header_zone #rightpane {background-color: #333333;}

.banner_zone {}

.main_zone {

padding-top: 20px; padding-bottom: 20px;
}

.main_zone #main_left,
.main_zone #main_right,
.main_zone #main_center #breadcrumb,
.main_zone #main_center #pagetools {
       background-color: #DDDDDD;
       color: #ccc;
       border-radius: 6px 6px 6px 6px;


       background-color: #FAFAFA;
       background-image: linear-gradient(to bottom, #F2F2F2, #FFFFFF);
       background-repeat: repeat-x;
       border: 1px solid #D4D4D4;
       color: #999999;
       border-radius: 4px 4px 4px 4px;
       box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
       min-height: 40px;
       padding-left: 20px;      /* 20px */
       padding-right: 20px;     /* 20px */
       margin-bottom: 10px;

}

.main_zone #main_center h1 {
		font-size: 48px;
		color: #444;
        font-weight: 100;
        margin-bottom: 26px;
}

.main_zone #main_center h1#pagetitle {
		font-size: 32px;
		color: #A6A6A6;
        font-weight: 100;
        margin-bottom: 26px;
}

@media (min-width : 1px) and (max-width : 300px)  {
.main_zone #main_center h1 {
		font-size: 30px;
   }
}

.main_zone #main_center h2 {
		font-size: 48px;          font-weight: 100;
        line-height: 60px;
		color: #444;
  border-left: 12px solid #FF0000;
  padding-left: 12px;
  margin: 32px 0 16px 0;
}

.main_zone #main_center h3 {
		font-size: 16px;
		line-height: 20px;
		text-transform: uppercase;
		color: #444;
  margin: 32px 0 16px 0;
}


.main_zone #main_left h2,
.main_zone #main_right h2 { text-transform: uppercase; color: #666666; font-size: 1.1em; border: none;  }

.bottom_zone { border-top: thin solid #B4B4B4; background-color: #F6F6F6;}

.footer_zone {background-color: #C8C8C8; border-top: thin solid #B4B4B4 }
.footer_zone a, .footer_zone a:link, .footer_zone a:visited  {color: #555555; }
.footer_zone a:hover, .footer_zone a:active {color: #000000; text-decoration: none;}

/* override bootstrap */

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(255, 0, 0, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}