@charset "utf-8";
/* CSS Document */

body { background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
p { margin:0 0 10px 0; }

@font-face {
    font-family: 'DINBold';
    src: url('fonts/din-bold-webfont-webfont.eot');
    src: url('fonts/din-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-bold-webfont-webfont.woff') format('woff'),
         url('fonts/din-bold-webfont-webfont.ttf') format('truetype'),
         url('fonts/din-bold-webfont-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINRegular';
    src: url('fonts/din-regular-webfont-webfont.eot');
    src: url('fonts/din-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-regular-webfont-webfont.woff') format('woff'),
         url('fonts/din-regular-webfont-webfont.ttf') format('truetype'),
         url('fonts/din-regular-webfont-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
h1{font:27px / 30px 'DINBold','Helvetica Neue',Helvetica,Arial,sans-serif;color:#740000;word-wrap:break-word; margin:0 0 20px 0; }
h2{font:27px / 30px 'DINBold','Helvetica Neue',Helvetica,Arial,sans-serif; color: #740000;word-wrap:break-word; margin:0 0 20px 0; }
h3{font:18px / 20px 'DINBold','Helvetica Neue',Helvetica,Arial,sans-serif; color: #740000; margin:0 0 15px 0;} h3 strong{font-weight:normal}
h4{font:14px / 16px 'DINBold','Helvetica Neue',Helvetica,Arial,sans-serif; color: #740000;} h4 strong{font-weight:normal}

a:active, a:link, a:visited { text-decoration:none; outline:none; color:#222; }
a:hover { text-decoration:underline; outline:none; color:#740000; }

header { background:#FFFFFF; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); display: block; height:95px !important; position: fixed; top: 0 !important; width: 100%; z-index:11; }
.inner { margin: 0 auto; min-width:320px; max-width:960px; /*padding: 0 20px;*/ position: relative; z-index: 12; font:12px / 140% 'DINRegular','Helvetica Neue',Helvetica,Arial,sans-serif; }
#logo { float: left; margin-left:5px; }
#logo img { margin-top: 25px; width:315px; height:auto; max-width: 100%; border: 0 none; vertical-align: middle; }
#menu { float: right; margin:30px 5px 0 0; }
#menu ul { list-style-type:none; margin:0; padding:0; }
#menu a { font: bold 16px / 16px 'DINBold','Helvetica Neue',Helvetica,Arial,sans-serif; color: #666666; margin: 10px; padding-bottom: 6px; text-decoration: none; text-transform: uppercase; }
#menu a:hover { border-bottom:2px solid #740000; color:#740000; }
#menu li { display: inline; position: relative; }
#contact { clear:left; float:left; display:inline; margin:14px 0 0 5px; font:11px / 12px 'DINRegular','Helvetica Neue',Helvetica,Arial,sans-serif; color:#555; }
#contact a, #contact span { color:#222; font-weight:bold; margin:0 20px 0 0; }
#contact a:hover { color:#740000; }

#slider { background-color:#F5F5F5; height: 300px; left: 0; overflow: hidden; position: fixed; text-align: center; top:95px; width: 100%; z-index: 1; }
#slider_container { width:960px; margin:0 auto; }

section #content {
    display: block;
    padding-bottom: 10px;
    position: relative;
    z-index: 1000;
}
#content.content {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 395px;
    padding-top: 20px;
    position: relative;
    z-index: 10;
}
#content.content_no_header {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 95px;
    padding-top: 20px;
    position: relative;
    z-index: 10;
}


#content section { float:left; display:inline; max-width:605px; margin:0 30px 0 5px; }
#content aside { width:310px; float:left; display:inline; margin:0 5px; }

.inner .txt { color:#666666; }
.inner .txt strong { color:#333333; }

#gallery_container .item {
	border:1px solid #777;
	padding:4px;
    border-top-right-radius:1.2em;
    color:#222222;
    float: left;
    height: auto;
    margin: 5px;
    overflow: hidden;
    position: relative;
	font:12px / 12px 'DINRegular','Helvetica Neue',Helvetica,Arial,sans-serif;
	box-shadow: 2px 4px 3px rgba(120, 120, 120, 0.5);
}
#gallery_container .item img { border-top-right-radius:1.2em; }
#gallery_container .item p { width:172px; line-height:1.2em; }

aside .promo { border:1px solid #777;  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); padding:9px; border-top-right-radius:1.2em; color:#222222; height: auto; width:290px; margin-bottom:20px; }
aside .promo a { color: #222222; }
aside .promo a:hover { color:#740000; }
aside .promo.winter { background-color: #adccff; }

.news_item, .bait_item { float:left; display:inline; max-width:605px; border-bottom:1px solid #777777; margin:0 0 20px 0; }
.news_item img, .bait_item img { float:left; display:inline; margin:0 0 20px 0; }
.news_item h3, .news_item h3 { margin:0 0 15px 0; }
.news_item h3, .news_item p, .bait_item h3, .bait_item p { padding:0 0 0 170px; }
.news_item a, .bait_item a { color:#740000; font-weight:bold; }

#map { margin:0 0 20px 0; }

/* clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* responsive */
@media screen and (max-width:740px) {
	#menu { text-align: center; }
	#menu a { font: bold 14px / 14px 'DINBold','Helvetica Neue',Helvetica,Arial,sans-serif; }
	header { height: auto !important; position: relative; }
	#menu { clear:both; float: none; margin:20px 0 0 0; }
	#logo { clear:both; float: none; }
	
	#slider { height: 300px; left: 0; overflow: hidden; position: relative !important; text-align: center; top: 0px; width: 100%; z-index: 1; }
	#content.content, #content.content_no_header { margin-top: 0 !important; }
	#contact { width:100%; text-align:center; margin:14px 0 14px 0; font:11px / 16px 'DINRegular','Helvetica Neue',Helvetica,Arial,sans-serif; color:#555; }
}

@media screen and (max-width:400px) {
	#menu { text-align: center; width:100%; }
	#menu a { font: bold 12px / 12px 'DINBold','Helvetica Neue',Helvetica,Arial,sans-serif; }
}

/* 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 */
}

/* iPhone 5 ----------- */
/* You've spent way to much on a phone */


/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}