#container-preloader {
  width:100%; 
  height:100%; 
  margin:0; 
  padding:0;
  background: #fff;
  position: fixed;
  z-index: 9998;
  overflow: hidden;
}
#preloader {
  width:100%; 
  height:100%; 
  margin:0; 
  padding:0;
  position: absolute;
  background: url('../images/preloader.gif') no-repeat center center;
}
#logo-preloader {
  width:262px; 
  height:125px; 
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -131px;
  background: url('../images/logo_preloader.png') no-repeat center center;
  position: absolute;
  filter:alpha(opacity=80);
  -moz-opacity:.8;
   opacity:.8;
}

/* Start of style sheet 'core' */
/*
  @Nuno Costa [criacaoweb.net] Core CSS.
  @Licensed under GPL and MIT.
  @Status: Stable
  @Version: 0.1-20090418
  
  @Contributors:
  
  --------------------------------------------------------------- 
*/
/*----------- Global Containers ----------- */
/* 
.core-wrap-100   =  width - 100% of Browser Fluid
.core-wrap-1080   =  width - 1060px  - fixed
.core-wrap-1000   =  width - 1000px  - fixed
.core-wrap-780   =  width - 780px  - fixed
.custom-wrap-x   =  width -  custom   - declared in another css (your site css)
*/
.core-wrap-100 {
	width: 100%;
}
.core-wrap-min-max {
	max-width: 1500px;
	min-width: 1000px;
	width: 80%;
}
.core-wrap-1080 {
	width: 1080px;
}
.core-wrap-1000 {
	width: 1000px;
}
.core-wrap-780 {
	width: 780px;
}
.core-wrap-100,
.core-wrap-min-max,
.core-wrap-1080,
.core-wrap-1000,
.core-wrap-780,
.custom-wrap-x {
	margin-left: auto;
	margin-right: auto;
}
/*----------- Global Float ----------- */
.core-wrap-100  .core-float-left,
.core-wrap-min-max  .core-float-left,
.core-wrap-1080  .core-float-left,
.core-wrap-1000  .core-float-left,
.core-wrap-780  .core-float-left,
.custom-wrap-x  .core-float-left {
	float: left;
	display: inline;
	text-align: left;
}
.core-wrap-100  .core-float-right,
.core-wrap-min-max  .core-float-right,
.core-wrap-1080  .core-float-right,
.core-wrap-1000  .core-float-right,
.core-wrap-780  .core-float-right,
.custom-wrap-x  .core-float-right {
	float: right;
	display: inline;
}
/*----------- Global Center ----------- */
.core-wrap-100   .core-center,
.core-wrap-min-max .core-center,
.core-wrap-1080   .core-center,
.core-wrap-1000   .core-center,
.core-wrap-780   .core-center,
.custom-wrap-x   .core-center {
	margin-left: auto;
	margin-right: auto;
}
/* End of style sheet 'core' */

/* Start of style sheet 'utils' */
/* ------- @Nuno Costa [criacaoweb.net] Utils CSS. ---------- */
* {
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
}
dfn {
	display: none;
	overflow: hidden;
}
/* ----------- Clear Floated Elements ----------- */
html body .util-clearb {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	position: static;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* ----------- Fix to Clear Floated Elements ----------- */
.util-clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}
.util-clearfix {
	display: inline-block;
}
* html .util-clearfix {
	height: 1%;
}
.util-clearfix {
	display: block;
}
/* End of style sheet 'utils' */


/* 
 * HTML5 ? Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
/*a:visited { color: #551a8b; }*/
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; padding:.5em; }
pre, blockquote { background: #eee; page-break-inside: avoid; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small, .small { font-size: 70%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: ArgoIT
   ========================================================================== */
body {
 color: #444444;
 font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
 font-size: 15px;
 background: #fff url("../images/bk__body.gif") repeat-x scroll 0 0;
}


/* =============================================================================
   common
   ========================================================================== */  
.accessibility {
	position: absolute;
	top: -9999em;
	left: -9999em;
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	border: none;
}
.hidden {
	display: none;
} 

.loading {
 width:16px; 
 height:16px; 
 margin:0; 
 padding:0;
 background: transparent url('../images/loading.gif') no-repeat center center;
 text-align: center;
}
   
a, 
a:visited {
	color: #4f7920;
	text-decoration: none;
	font-weight: bold;
  border: none;
}
a:hover {
	color: #4f7920;
	text-decoration: underline;
}
a:active {
	color: #4f7920;
	text-decoration: underline;
}
a:focus { outline: 0; }   

.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}

.w80 {width: 80%;}
.w49 {width: 49%;}
.w33 {width: 33%;}

.center {
	text-align: center !important;
}
.separator {
	width: 100%;
	margin: 1em 0;
	border-bottom: 1px solid #013979;
}
.hseparator {
	background:transparent url("../images/row1devider.gif") no-repeat scroll right top;
	min-height: 217px;
}
  
.error,
.red {
	color: #fe0000;
}
.success {
 color: green;
}
.notify {
 color: blue;
} 
.info {
 color: grey;
} 
   
.response {
 clear: both;
 text-align: center;
 margin: 0 auto 10px auto;
 padding: 5px 25px;
 width: 500px;
 background-repeat: no-repeat;
 background-position: 5px 5px;
 min-height: 20px;
 height:  auto !important;
 height: 20px;
 position: relative;
}
.response-close {
 top: 5px;
 right: 5px;
 position: absolute;
 width: 16px;
 height: 16px;
}
.response.error {
 /*background-image:url("../images/icons/false.gif");*/
}
.response.success {
 background-image:url("../images/icons/true.gif");
}
.response.notify {
 background-image:url("../images/icons/notify.gif");
}
.response.info {
 /*background-image:url("../images/icons/info.gif");*/
}
.response ul {
 text-align: left;
}
.response.error, 
.response.error-list {
 border:1px solid #ff0000;
}
.response.success {
 border:1px solid green;
}
.response.notify {
 border:1px solid blue;
}
.response.info {
 border:1px solid #ddd;
}

.noborder, 
.noborder:hover,
.noborder:visited,
.noborder:active,
.noborder:focus {
 border: none !important;
}

.border1,
#main .thumb1 {
 border: 1px solid #B0A48B;
}
#main .thumb1 {
 background: #B0A48B;
}
#main .thumb1:hover {
 border: 1px solid #000;
}

#main .thumb1 {
 display: block;
 padding: 3px;
}

.borderradius .border-radius,
blockquote {
 border-radius: 15px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
}
.no-borderradius .border-radius {
   /*background: url("../images/border.gif") no-repeat;*/
}

.box-shadow1 {
 border: 1px solid #777;	
}
.boxshadow .box-shadow1 {
 border: none;
 -webkit-box-shadow: 2px 3px 3px #777; 
 -moz-box-shadow: 3px 3px 3px #777; 
 box-shadow: 3px 3px 3px #777; 
}

.text-shadow1 {
 
}
.textshadow .text-shadow1 {
 /*text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 0;*/
 text-shadow: 0 1px 2px #013979;
 /*text-shadow: rgba(220, 220, 220, 0.7) 0 1px 0;*/
}

.fontface .font1,
.fontface .font1 * {

}
.no-fontface .font1,
.no-fontface .font1 * { 
	
}

.fontface .font2,
.fontface .font2 * {

}
.no-fontface .font2,
.no-fontface .font2 * { 
	
}

.rgba .rgba1 {
	background: rgba(255, 255, 255, 0.7);
}
.no-rgba .rgba1 {
	background: #fff;
}

/*.opacity .thumb1 {
 filter:alpha(opacity=85);
 -moz-opacity:.85;
 opacity:.85;
}
.opacity .thumb1:hover {
 filter:alpha(opacity=100);
 -moz-opacity:1;
 opacity:1;
}*/

.core-float-left.thumb1,
.core-float-left > .thumb1 {
 margin: 0 10px 10px 0;
}
.core-float-right.thumb1,
.core-float-right > .thumb1 {
 margin: 0 0 10px 10px;
}


/* =============================================================================
   layout
   ========================================================================== */ 
.container {
	width: auto;
	padding: 0;
	margin: 0;
}
#wrapper1 {

}

.pagewrapper {
	/*font-size: 95%;*/
	position: relative;
	z-index: 1;
  /*overflow: hidden;*/
}

/* =============================================================================
   header
   ========================================================================== */      
header {
  position: relative;
  padding: 0;
  margin: 0;  
  height: 188px;
  background: transparent url("../images/bk__header.jpg") no-repeat left bottom;
}

#logo {
	width: 397px;
	height: 104px;
	margin: 45px 28px 0 23px;
}
#logo h1 {
	margin: 0;
	padding: 0;
}
#logo a {
	width: 397px;
	height: 104px;
	display: block;
	text-indent: -9999em;
	margin: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
  cursor: pointer;
  background-image:url("../images/logo.png");
}  
   
#lang {
  position: absolute;
  top: 20px;
  left: 365px;
}
#lang a {
  margin-left: 5px;	
}
#lang a img {
 filter:alpha(opacity=30);
 -moz-opacity:.30;
 opacity:.30;
}
#lang a img {
 filter:alpha(opacity=30);
 -moz-opacity:.30;
 opacity:.30;
}
#lang a:hover img, #lang a:active img {
 filter:alpha(opacity=60);
 -moz-opacity:.60;
 opacity:.60;
}
#lang a.active img {
 filter:alpha(opacity=100);
 -moz-opacity:1;
 opacity:1;
}


/* =============================================================================
   navigation
   ========================================================================== */ 
#navigation {
	width: auto;
}
#navigation > ul { 
	list-style:none; 
	margin:0px;
	padding:2px 0px 0px 0px;
}
#navigation > ul li { 
	margin:0; 
	padding: 0; 
	display:block;
	background:url("../images/menudevider.gif") left top no-repeat;
	float: left;
}
#navigation > ul li a { 
	font:12px Myriad Pro, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	float:left;
	/*background:url("../images/menulistbg.gif") right bottom no-repeat;*/
	padding:86px 10px 5px 10px;
}
#navigation > ul li span {
	/*background:url("../images/topdisc.gif") 0px 4px no-repeat;*/
	/*padding:0px 0px 0px 20px;*/
}
#navigation > ul li.active > a,
#navigation > ul li a:hover { 
	color:#e1e1e1;
	/*background:url("../images/menubgover.gif") left top repeat;*/
}


/* =============================================================================
   content
   ========================================================================== */ 
#content {
	padding: 0 40px;
	margin: 0;
	background: transparent;
}

#content-main {
	/*padding-bottom: 50px;*/
}


/* =============================================================================
   banner
   ========================================================================== */
#banner {
  margin: 30px 0 10px 0;
}


/* =============================================================================
   breadcrumb
   ========================================================================== */
.breadcrumb-container {

}
.breadcrumb {

}


/* =============================================================================
   left
   ========================================================================== */ 
#left {

}


/* =============================================================================
   right
   ========================================================================== */ 
#right {
 width: 250px;
}


/* =============================================================================
   main
   ========================================================================== */ 
#main,
#main-large {
  margin: 0;
  padding: 30px 30px 10px 30px;
}
#main-large {
  padding: 30px 0 10px 0;
}
#main-main {
  margin: 0;
  padding: 0;
  min-height: 350px;
  height: auto !important;
  height: 350px;
} 

h2,
h3,
h4,
h5,
h6 {
 font-size: 27px;
 margin: 0;
 padding: 0 0 20px;
 font-weight: bold;
}
.title1 {
 font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
 color: #000;
 font-weight: normal;
}
.title2 {
 border-bottom: 1px dotted #444444;
 font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
 margin: 0 0 10px;
 padding: 0 0 5px;
}
h2 {
 font-size: 27px;
}
h3 {
 font-size: 25px;
}
h4 {
 font-size: 21px;
}
h5 {
 font-size: 18px;
}
h6 {
 font-size: 16px;
}

/* =============================================================================
   footer
   ========================================================================== */ 
footer {
	font: 13px Tahoma, Arial, Helvetica, sans-serif;
	padding: 10px;
	margin: 15px 50px 0 50px;
	border-top: 1px solid #4f7920;
  color: #444;
}
footer a  {
 font-weight: normal;
}


/* =============================================================================
   gallery
   ========================================================================== */ 
.gallery-list {
  list-style: none;
	margin: 10px 0 10px 1px !important;
	padding: 0 !important;
}
.gallery-list li {
  list-style: none;
  float: left;
	margin: 0 18px 15px 0 !important;
	padding: 0 !important;
	height: 240px;
	overflow: hidden;
	/*font-size: .9em;
	line-height: 1.2em;*/
}
.gallery-list li a img {
  margin: 0 !important;
  margin: 0;
}
.gallery-description {
  padding: 5px 0;
}

/* =============================================================================
   paginator
   ========================================================================== */ 
.paginator {
  text-align:center;
  margin: 10px 0;
  clear:both;
}
.paginate {
	
}
a.paginate {
  border: 1px solid #B0A48B;
  background: #B0A48B;
  padding: 1px 5px 1px 5px;
  text-decoration: none;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
}
a.current {
  border: 1px solid #4f7920;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 1px 5px 1px 5px;
  cursor: default;
  background:  #4f7920;
  text-decoration: none;
  color: #fff;
}   
a.paginate:hover {
  border: 1px solid #000;
  text-decoration: none;
}
 
   
/* =============================================================================
   form
   ========================================================================== */ 
.form1 label {
 float: left;
 width: 27%;
 text-align: right;
 margin-right: 10px;       
} 
.form1.contact-form label {
 width: 27%;      
} 
.form1.newsletter-form label {
 width: 27%;      
} 
.form1 input, 
.form1 textarea {
 margin: 0 0 5px 0;
 /*padding: 3px 4px;*/
 width: 200px;
 border:solid 1px #ccc;
}
.form1.contact-form input{
 /*width: 240px;   */
}
.form1.contact-form textarea {
 width: 340px;   
}
.form1 :invalid {  
 /*background-color: #ffdddd;*/  
}  
.form1 :valid {  
 /*background-color: #ddffdd;*/  
}  
.form1 :required {  
 /*border-color: #800000;*/
}  
.form1  ::-webkit-input-placeholder, 
.form1  :-moz-placeholder {
 color: red; 
}
.form1  .placeholder {
 color: #777;
}
.form1 select {
 margin: 0 0 5px 0;
 width: 250px;
}
.form1 textarea {
 /*width: 300px;*/9
}
#left .form1 {
 width: 216px;
}
#left .form1 input {
 width: 100%;
 margin: 0 0 5px 0;
}
.form1 textarea.tinymce {
 width: auto;
} 
.form1 .submit input, 
.form1 .checkbox {
 margin-left: 0;       
 width: auto !important;
}
.form1 .right-text-form {
 margin: 0 0 5px 26%;       
}
.form1 .right-text-form {
 margin-top: 5px;       
}
.form1 .submit input {
 cursor: pointer; 
}
.form1 input, 
.form1 textarea, 
.form1 select {
 font-size: 0.95em;
 padding: 2px 3px;
 background: #fff;
 font-weight: bold;
}
.form1 .radio {
 width: auto !important;
 margin: 0 !important;
}
.form1 optgroup option {
 font-weight: normal;
}
.form1 br {
 clear: both;
}
.form1 .hidden-fields {
	display: none;
}
.form1 div {
	padding: 5px 0;
	margin-bottom: 2px;
	/*clear: both;*/
}
.form1 .combo-container, 
.form1 .note-container,
.form1 .captcha-container {
 clear: none;
 float: left;
 margin: 0 0 5px 0;
 width: 250px;
 padding: 0;
}
.form1 .note-container {
 min-width: 440px;
 width: 440px;
}
.form1 iframe {
 width: 400px;
 height: 80px;
 overflow: auto;
 margin: 0 0 5px 0;
}
.form1 .captcha-container {
 width: auto;
}
.form1 .captcha-image {
 clear: none;
  background: #fff;
 border:solid 1px #ccc;
}
.form1 .captcha-reload,
.form1 .captcha-audio {
 clear: none;
 margin: 13px 0 0 10px;
 cursor: pointer;
}
.button1,
.form1 .submit input {
 margin: 0 auto;
 position: relative;
 text-align: center;
 font-weight: bold;
 padding: 2px 12px;
 background: #eee;
 color: #333 !important;
 cursor: pointer;
 border: 2px solid #ccc;
}
.button1:hover, 
.button1:active,
.form1 .submit input:hover {
 color: #4f7920 !important;
 border: 2px solid #4f7920 !important;
 text-decoration: none;
}
.form-loading {
 background: url("../images/loading.gif") no-repeat center center;
 height: 50px;
 display: none;
}
.inputContainer {
	position: relative;
	float: left;
}


/* =============================================================================
   box
   ========================================================================== */
.box1 {
	background: #305111;
	padding: 20px 15px;
	color: #fff;
}
.box1 *,
.box1 *:hover {
	color: #fff !important;
}
.box1 a,
.box1 a:hover {
  text-decoration: underline;	
}

   
/* =============================================================================
   list
   ========================================================================== */
.list1 {
	margin: 5px auto auto 15px !important;
	padding: 0 !important;
		list-style-type: none;
}
.list1 > li {
	background: url("../images/icons/arrow2.png") no-repeat 0px 2px;
  padding-left: 20px; 
	margin: auto auto 5px auto !important;
}
.list2 {
	margin: 0 !important;
	padding: 0 !important;
	list-style-type: none;
}
.list2 > li {
	background: url("../images/icons/arrow.png") no-repeat 0px 2px;
  padding-left: 20px; 
	margin: auto auto 5px auto !important;
}
.list3 {
	margin: auto auto auto 15px !important;
	padding: 0 !important;
}
.list3 > li {
	list-style: decimal;
	margin: auto auto 5px auto !important;
	padding: 0 !important;
}
.list4 {
	margin: auto auto auto 15px !important;
	padding: 0 !important;
}
.list4 > li {
	list-style: url(../images/icons/info.png);
	margin: auto auto 5px auto !important;
	padding: 0 !important;
}


/* =============================================================================
   overbutton
   ========================================================================== */
.overbutton-container {
	position: relative;
	overflow: hidden;
}
.overbutton-linkbottom {
	z-index: 299;
}
.overbutton-linkover {
	position: absolute;
	display: block;
	bottom: 20px;
	left: 0px;
	z-index: 300;
	padding: 10px;
	background: url("../images/bk__overbutton.png") repeat 0 0;
	width: auto;
	color: #F8931E !important;
	text-transform: uppercase;
  text-shadow: 0px 0px 1px #000000;
  text-decoration: none !important;
  font-size: 17px;
}
.overbutton-linkover:hover,
.overbutton-linkover:active {
	color: #fff !important;
}
/*.fontface .overbutton-linkover {
	font: bold 17px 'Open Sans', sans-serif;
}*/

.overbutton-descr {
  padding: 0 30px 10px 30px;
}
.overbutton-descr p {
	margin: .5em 0;
}

   
/* =============================================================================
   social icons
   ========================================================================== */
.social-32x32 {
	padding: 0;
	margin-top: 15px;
}
.social-32x32 a {
 float: left;
 display: block;
 width: 32px;
 height: 32px;
 margin: 2px;
 padding: 0;
 background: #666 url("../images/social_icons_32x32.png") no-repeat 0px 0px;
 -moz-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
	-moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 border-style: solid;
 border-color: transparent;
 text-indent: -9999em;
}
.social-32x32 a:hover {
 background-color: #fff;
}
.social-32x32 a.rss {
	background-position: 0px -38px;
}
.social-32x32 a.rss:hover {
	background-position: 0px 0px;
}
.social-32x32 a.facebook {
	background-position: -35px -38px;
}
.social-32x32 a.facebook:hover {
	background-position: -35px 0px;
}
.social-32x32 a.googleplus {
	background-position: -70px -38px;
}
.social-32x32 a.googleplus:hover {
	background-position: -70px 0px;
}
.social-32x32 a.linkedin {
	background-position: -105px -38px;
}
.social-32x32 a.linkedin:hover {
	background-position: -105px 0px;
}
.social-32x32 a.pinterest {
	background-position: -140px -38px;
}
.social-32x32 a.pinterest:hover {
	background-position: -140px 0px;
}
.social-32x32 a.skype {
	background-position: -175px -38px;
}
.social-32x32 a.skype:hover {
	background-position: -175px 0px;
}
.social-32x32 a.twitter {
	background-position: -210px -38px;
}
.social-32x32 a.twitter:hover {
	background-position: -210px 0px;
}
.social-32x32 a.youtube {
	background-position: -245px -38px;
}
.social-32x32 a.youtube:hover {
	background-position: -245px 0px;
}
  
   
/* =============================================================================
   webkit
   ========================================================================== */
@media screen and (-webkit-min-device-pixel-ratio:0){
 *:focus {  
   outline: none;  
 }  
}                                              


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}


/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after, a.noafter:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { background: #eee; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}
   
   
/* =============================================================================
   debug
   ========================================================================== */
.debug {                                        
  margin: 1em;                                  
  padding: 1em;                                 
  background: #eee;                             
  color: #000;                                  
  border: 1px solid #aaa;                       
  overflow: scroll;                             
  text-align: center;                           
}                                               
.debug h3 {
  font-weight: bold;
  padding: 0;
  margin: 0;
}
.debug i {
  color: #999;
}  
.debug hr {
  padding: 0;
  margin: 0;
}