/*
 * HTML5 ✰ Boilerplate
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */

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; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; 
  background: url(/img/bg.png) repeat-x; }
body, button, input, select, textarea { font-family: 'IstokWebRegular' , sans-serif; color: #676767; font-size: 15px; }

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

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

em{
	font-family: 'IstokWebItalic';
	font-size: 18px;
	color:#545454;
}

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
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; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
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; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
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, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }

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

@font-face {
    font-family: 'NovecentowideLight';
    src: url('Novecentowide-Light-webfont.eot');
    src: url('Novecentowide-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Novecentowide-Light-webfont.woff') format('woff'),
         url('Novecentowide-Light-webfont.ttf') format('truetype'),
         url('Novecentowide-Light-webfont.svg#NovecentowideLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NovecentowideNormal';
    src: url('Novecentowide-Normal-webfont.eot');
    src: url('Novecentowide-Normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('Novecentowide-Normal-webfont.woff') format('woff'),
         url('Novecentowide-Normal-webfont.ttf') format('truetype'),
         url('Novecentowide-Normal-webfont.svg#NovecentowideNormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NovecentowideDemiBold';
    src: url('Novecentowide-DemiBold-webfont.eot');
    src: url('Novecentowide-DemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Novecentowide-DemiBold-webfont.woff') format('woff'),
         url('Novecentowide-DemiBold-webfont.ttf') format('truetype'),
         url('Novecentowide-DemiBold-webfont.svg#NovecentowideDemiBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'IstokWebRegular';
    src: url('IstokWeb-Regular-webfont.eot');
    src: url('IstokWeb-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('IstokWeb-Regular-webfont.woff') format('woff'),
         url('IstokWeb-Regular-webfont.ttf') format('truetype'),
         url('IstokWeb-Regular-webfont.svg#IstokWebRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'IstokWebItalic';
    src: url('IstokWeb-Italic-webfont.eot');
    src: url('IstokWeb-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('IstokWeb-Italic-webfont.woff') format('woff'),
         url('IstokWeb-Italic-webfont.ttf') format('truetype'),
         url('IstokWeb-Italic-webfont.svg#IstokWebItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'IstokWebBold';
    src: url('IstokWeb-Bold-webfont.eot');
    src: url('IstokWeb-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('IstokWeb-Bold-webfont.woff') format('woff'),
         url('IstokWeb-Bold-webfont.ttf') format('truetype'),
         url('IstokWeb-Bold-webfont.svg#IstokWebBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'IstokWebBoldItalic';
    src: url('IstokWeb-BoldItalic-webfont.eot');
    src: url('IstokWeb-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('IstokWeb-BoldItalic-webfont.woff') format('woff'),
         url('IstokWeb-BoldItalic-webfont.ttf') format('truetype'),
         url('IstokWeb-BoldItalic-webfont.svg#IstokWebBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* ==|== roots styles ======================================================= */

a:active, input.button:active { outline: 0; position: relative;  }

.button, .wpcf7-submit, #post-nav a, #comments-nav a {
padding:10px 25px;
background-color: #fff;
border: 1px solid #178adb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 16px;
color: #178adb;

-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
}

.button:hover, .wpcf7-submit:hover, #post-nav a:hover, #comments-nav a:hover {
  background: #178adb;
  color: #fff;
}

form{
width: 500px;

}

.wpcf7-text, textarea {
	margin-top: 5px;
	padding: 10px;
background-color: #fff;
border: 1px solid #178adb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
}

.wpcf7-text {
width: 215px;
}


textarea {
width: 474px;
height: 100px;
}

.wpcf7 p {
	font-family: 'VolkhovBold';
font-size: 14px;
color: #178adb;
}

.left{   float: left;
   margin-right: 27px;
   width: 229px;
}
.right{
 float: right;
   width: 244px;
}

h2, h3, h4, h5, h6 {  font-family: 'NovecentowideLight'; color: #005581; font-size: 19px; font-weight: normal;}

#frontmain h1 {  font-family: 'NovecentowideLight'; font-size: 36px; color: #005581;  background: url(/img/streck.png) no-repeat left bottom ; padding-bottom: 15px; margin-top: 5px; text-transform: uppercase;}

#main h1 {  font-family: 'NovecentowideLight'; font-size: 28px; color: #385d72; text-transform: uppercase;}

#wrap {
width: 900px;
margin: 0 auto;
padding: 0 15px;
}

/* =============================================================================
   Header
   ========================================================================== */

#banner { position: relative; margin: 16px auto 0; z-index: 1000; }
#banner .container { padding: 0; }

#logo { float: left; margin: 0 0 16px; padding: 0; }

#nav-main ul {
  background: #06c;
  background: url(/img/header.png);
  position: absolute;
  left: 214px;
  top: 20px;
  list-style: none;
  margin: 0 0 16px 0;
  padding:0 0 0 50px;
  float: right;
  width: 661px;
  height: 73px;
  text-transform: uppercase;
}
#nav-main ul li { float: left; *zoom: 1; }
#nav-main ul li:hover { position: relative; }
#nav-main ul li a {
  text-decoration: none;
  font-family: 'NovecentowideLight';
  display: block;
  font-size: 14px;
padding: 24px 25px;
color: white;
margin: 0;
  background: none;
  text-align: center;
}
#nav-main ul li.current-menu-item > a,
#nav-main ul li.current-menu-parent > a,
#nav-main ul li.current-menu-ancestor > a,
#nav-main ul li.current-page-item > a,
#nav-main ul li.current-page-parent > a,
#nav-main ul li.current-page-ancestor > a{
  color: #fff; 
  font-family: 'NovecentowideDemiBold';
}

#nav-main ul ul {
  position: absolute;
  visibility: hidden;
  top: 100%;
  left: 0;
  width: 200px;
  background: #73c8ff;
  padding: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#nav-main ul ul li { float: none; }
#nav-main ul ul li a {
  font-size: 12px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  padding: 4px 16px;
  width: 168px; /* account for the width of ul#nav-main ul and the padding on the anchor */
  display: inline-block;

}
#nav-main ul ul li a:hover,
#nav-main ul ul li.current-menu-item > a,
#nav-main ul ul li.current-menu-parent > a,
#nav-main ul ul li.current-menu-ancestor > a,
#nav-main ul ul li.current-page-item > a,
#nav-main ul ul li.current-page-parent > a,
#nav-main ul ul li.current-page-ancestor > a
#nav-main ul ul li:hover > a {
  color: #06c;
}

#nav-main ul ul ul { left: 100%; top: 0; }
#nav-main ul li:hover > ul { visibility: visible; }

#nav-utility { position: absolute; top: 0; right: 0; }
#nav-utility ul { list-style: none; margin: 0; padding: 0; float: right; width: auto; position: relative; }
#nav-utility ul li { float: left; position: relative; }
#nav-utility ul li a { display: block; float: left; padding: 2px 6px; }



/* =============================================================================
   Content
   ========================================================================== */

#content { margin-bottom: 24px; background: url(/img/content.png) no-repeat top left; min-height: 400px; }
#content .container { width: auto; position: relative; }



/* =============================================================================
   Primary Content
   ========================================================================== */

#main { position: relative; float: left;
   margin-right: 20px;
   width: 600px;}
   
#frontmain { position: relative; float: left;
   margin-right: 30px;
   margin-left: 10px;
   width: 570px;}
   
#main .container { padding: 0 0 0 20px; }
#frontmain .container { padding: 0; }


/* =============================================================================
   Sidebar
   ========================================================================== */

#sidebar { position: relative;    float: right;
   width: 280px;}
   #sidebar img{ padding-left: 40px; height: auto;
   width: 250px;}
#sidebar .container { width: auto; padding: 0; }
#sidebar .widget { clear: both; margin-bottom: 1.5em; }
#sidebar .widget .gform_wrapper ul { padding: 0; list-style-type: none; }



/* =============================================================================
   Posts
   ========================================================================== */

.hentry header { margin-bottom: 1.5em; }
.hentry h1 { line-height: 1.2em; margin-bottom: 0.2em; }
.hentry h2:first-child { line-height: 1.2em; margin-bottom: 0; }
.hentry h2 a { text-decoration: none; }
.hentry time { display: block; font-size: 1.2em; position: relative; }
.hentry p.byline { }



/* =============================================================================
   Post & Comment Navigation
   ========================================================================== */

#post-nav { clear: both; *display: inline-block; }
#post-nav:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
#post-nav .post-previous { float: left; width: 50%; }
#post-nav .post-next { float: right; width: 50%; text-align: right; }
#post-nav .post-next a { float: right; }

#comments-nav { clear: both; margin: 0 0 1.5em 0; *display: inline-block; }
#comments-nav:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
#comments-nav .comments-previous { float: left; width: 50%; }
#comments-nav .comments-next { float: right; width: 50%; text-align: right; }
#comments-nav .comments-next a { float: right; }



/* =============================================================================
   Post Comments
   ========================================================================== */

ol.commentlist img.avatar { float: left; margin-right: 10px; }
ol.commentlist time { display: block; font-size: 1em; margin-bottom: 0.5em; position: relative; }
#commentform label { display: block; }
#commentform textarea { display: block; }
#commentform input.button { margin-top: 0.5em; }



/* =============================================================================
   Galleries
   ========================================================================== */

figure.gallery-item { float: left; margin: 0 1em 1em 0; position: relative; }
figure.gallery-item a img {
  border: 4px solid #bbb;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
figure.gallery-item a:hover img { border-color: #ccc; }
figure.gallery-item figcaption { display: none; }

#main .container img {
border: 5px solid white;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.25);
box-shadow: 0 1px 5px rgba(0,0,0,0.25);
padding: 0;
margin-bottom: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}



/* =============================================================================
   Slider
   ========================================================================== */

#example {
width: 900px;
height: 320px;
	position:relative;
	margin-left: 10px;
	margin-bottom: 50px;
}

#bbanner {
	position: relative;
	top:-5px;
}


#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	top: 9px;
	left: -53px;
}

/*
	Slideshow
*/

#slides {
position: relative;
width: 900px;
display: block;
z-index: 5;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
width: 900px;
height: 320px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
width: 900px;
height: 320px;
	display:block;
	color:#fff;
	font-family: 'LatoLightItalic';
	font-size: 18px;
	text-decoration: none;

}

.a_emp {
position: relative;
width: 900px;
height: 320px;
display: block;
z-index: 5;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:150px;
	left: -35px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left: 800px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

.slider_text
{
	position:absolute;
width: 800px;
margin-top: 150px;
text-align: center;
text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.55);
font-family: 'NovecentowideDemiBold';
font-size: 35px;
}

.gal img{
	float: left;
}

.gal h2{
	float: right;
	width: 500px;
	font-family: 'OpenSansLight';
	text-transform: none;
}

.gal p{
	float: right;
	width: 500px;
}


/* =============================================================================
   Footer
   ========================================================================== */

#content-info { width: 918px; position: relative; background: url(/img/footer.png); }
#content-info > .container { padding: 15px 30px 20px 0; text-align: right}

#content-info ul.menu { margin: 0 0 24px; padding: 0; list-style-type: none; }
#content-info ul.menu li { display: inline; margin-right: 1em; }

#content-info p.copy small { font-size: 1em; color: #fff; font-family: 'NovecentowideNormal';}

#content-info a { color: #fff; }
#content-info a:visited { color: #fff; }
#content-info a:hover { color: #fff; }


.collapseomatic {
background-image: url(images/arrow-down.png);
background-repeat: no-repeat;
padding: 0 0 10px 16px;
cursor: pointer;
display: block;
}

.collapseomatic_excerpt, .collapseomatic_content {
margin-bottom: 15px;
}

/* =============================================================================
   Search form
   ========================================================================== */

#searchform #s { padding: 5px; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== wordpress generated classes ========================================
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { margin: 0 1.5em 1.5em 0; float: left; }
.alignright { margin: 0 0 1.5em 1.5em; float: right; }

.wp-caption { border: 1px solid #ddd; text-align: center; background: #eee; padding: 14px 10px 6px 10px; margin: 15px 10px; }
.wp-caption-text { margin: 0; }



/* ==|== non-semantic helper classes ======================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles ======================================================= */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  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 { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  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; }
}