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

/**
 * @license
 * MyFonts Webfont Build ID 3101759, 2015-10-02T10:23:49-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: HelveticaNeueLTStd-Lt by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-45-light/
 * Copyright: Copyright © 1988, 1990, 1993, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * 
 * Webfont: HelveticaNeueLT-Medium by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-65-medium/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1988 - 2006 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3101759
 * Licensed pageviews: 250,000
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2f543f");

  
@font-face {font-family: 'HelveticaNeueLTStd-Lt';src: url('webfonts/2F543F_0_0.eot');src: url('webfonts/2F543F_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F543F_0_0.woff2') format('woff2'),url('webfonts/2F543F_0_0.woff') format('woff'),url('webfonts/2F543F_0_0.ttf') format('truetype');}
@font-face {font-family: 'HelveticaNeueLT-Medium';src: url('webfonts/2F543F_1_0.eot');src: url('webfonts/2F543F_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F543F_1_0.woff2') format('woff2'),url('webfonts/2F543F_1_0.woff') format('woff'),url('webfonts/2F543F_1_0.ttf') format('truetype');}

body {
 font-family: 'HelveticaNeueLTStd-Lt', sans-serif;
 font-size:20px;
 line-height:1.4em;
 font-weight:300; 
 margin:0;
 padding:0;
 color:#4d4d4d;
 /*background:url(../images/background.png);
 background-position:fixed;*/ 
}

main h1, main h2, main h3, main h4, main h5 { color:#913174; font-weight:400; line-height:1em; }
main h1 { font-family: 'HelveticaNeueLTStd-Lt', sans-serif; font-size:90px; color:#913174; letter-spacing:0.01em; margin:0 0 0 -5px; padding:0; }
main h2 { font-family: 'HelveticaNeueLTStd-Lt', sans-serif; font-size:45px; color:#913174; margin: 3px 0 25px 0px; }
main h3 { font-family: 'HelveticaNeueLT-Medium', sans-serif; font-size:24px; color:#000; padding:0; margin: 10px 0 25px 0; text-transform:uppercase; letter-spacing:0.01em; }
main h4 { font-family: 'HelveticaNeueLTStd-Lt', sans-serif; color:#913174; padding:0; margin: 0 0 2px 0; font-weight:normal;  }
main h5 { font-family: 'HelveticaNeueLTStd-Lt', sans-serif; color:#000; padding:0; margin: 0 0 2px 0;  font-weight:normal; font-size:20px;
 line-height:1.4em;
 font-weight:300; }

h1.margin { margin-bottom:20px; }
h2.margin { margin-bottom:15px; }
h3.margin { margin-bottom:15px; }


main a, aside a { color:#61C5EE; text-decoration:none; }
main a:hover, aside a:hover { text-decoration:underline; }

.divider hr { /*border: 0; height: 1px; background-image: linear-gradient(to right, rgba(145,49,116, 0), rgba(145,49,116, 0.75), rgba(145,49,116, 0));*/
   border: 0; border-bottom: 2px solid #913174; background: #913174; 
  margin: 45px 0 50px 0; }

#wrapper {
  width:100%;
  margin: 0;
}

.detail { color:#F38136; }
.name-of-person { color:#F38136; font-family: 'HelveticaNeueLTStd-Lt', sans-serif; font-size:14px; text-transform:uppercase; }

main p.bodytext { margin-top:0; padding-top:0; }


header {
  width:100%;
  margin:0;
}

  #logo {
    width:100%;
    padding: 25px;
    position:fixed;
  top:0;
  background:#fff;
  height:92px;
  z-index:999;
  }
    #logo-img {
    width:673px;
    height:90px;
    padding: 0;
    margin:0 auto;
    background-image:url(../images/logo-dobrick.jpg);
    background-repeat:no-repeat;
  }
  
   #banner {
     margin-top:140px;
     height:450px;
     overflow:hidden;
   }

#navigation { 
  width:100%;
  text-align:center;
  height:30px;
}
.fixed { position:fixed; top:140px; z-index:1001; }
.fixed-sidebar { position:fixed; top:170px; z-index:0; }
.main-fix { margin-top:100px; }

#nav-main { 
  width:auto;
  margin:0 auto;
  padding:0;
}

#nav-main ul { list-style:none; padding:0; margin:0; display:block; }  
#nav-main ul.main { text-align:center; }
#nav-main ul.main li { 
  display:inline;
  margin: 0 10px;
  position: relative;  /* position each LI, thus creating potential IE.win overlap problem */
  z-index: 5;
}
#nav-main ul.main li:hover { 
  z-index: 10000;  /* ...and here. this makes sure active item is always above anything else in the menu */
  white-space: normal;
}
#nav-main li li {
  float: none;/* items of the nested menus are kept on separate lines */
}

#nav-main ul.sub {
  visibility: hidden;  /* initially hide all submenus. */
  position: absolute;
  z-index: 10;
  left: 0;  /* while hidden, always keep them at the bottom left corner, */
  bottom: 0;    /*     to avoid scrollbars as much as possible */
  /*background:rgba(111,202,243,0.6);*/
  padding: 5px 20px 0 0;
  text-align:left !important;
}

.blue     #nav-main ul.sub { background:rgba(97,197,238,0.6); }
.violett   #nav-main ul.sub { background:rgba(145,49,116,0.6); }
.orange   #nav-main ul.sub { background:rgba(244,159,100,0.6); }
.yellow   #nav-main ul.sub { background:rgba(255,240,46,0.6); }

#nav-main li:hover > ul.sub {
  visibility: visible;  /* display submenu them on hover */
  bottom: 100%;  /* 1st level go above their parent item */
}

#nav-main > ul.main li a {
  font-family: 'HelveticaNeueLT-Medium', sans-serif;
  font-size:18px;   
  text-decoration:none;
  color:rgb(255,255,255);
  display:inline-block;
  line-height:20px;
  text-align:center;
  padding:5px 5px 7px 5px;
  border-bottom:4px solid transparent;
}

#nav-main > ul li a.image { 
  padding:0;
  position:relative;
  top:-1px;
}

#nav-main > ul li.text { 
  position:relative;
  top:-9px;
}

#nav-main > ul li a:hover,
#nav-main > ul li a.active { 
  color:#111;
}

#nav-main ul.sub li a { 
  text-decoration:none;
  color:rgb(255,255,255);
  display:inline-block;
  font-size:18px;
  line-height:18px;
  text-align:left !important;
  padding:5px 5px;
  border-bottom:4px solid transparent;
}
#nav-main ul.sub li a:hover,
#nav-main ul.sub li a.active { 
  color:#111;
}

@media screen and (max-width : 760px),
screen and (min-device-width : 320px) and (max-device-width : 480px){
  #wrapper { width:740px !important; }
  #banner { display:none; }
  #logo { position:relative; padding:20px 10px !important; height:60px !important; }
  #logo-img { margin: 0 auto !important; width:500px !important; height:67px !important; background-size: 75%; }
  #content-wrapper { width:100% !important; }
  main { float:none !important; display:block; max-width:80% !important; min-width:30% !important;padding:15px !important;  }
  aside.sidebar { float:none !important; display:block; width:100% !important; padding:15px !important;}
  .fixed { position:relative !important; top:0; z-index:1001; }
  .fixed-sidebar { position:relative !important; top:0; z-index:0; }
  .main-fix { margin-top:0 !important; }


  #navigation { min-height:60px !important; height:auto !important; padding-top:10px !important;  }
  #nav-main { display:block !important; height:auto !important; }

  /*Make dropdown links appear inline*/
  #nav-main ul {
    position: static;
    /*display: none;*/
  }
  /*Create vertical spacing*/
  #nav-main li {
    margin-bottom: 1px;
  }
  /*Make all menu links full width*/
  #nav-main ul li, li a {
    width: 100%;
  }
  /*Display 'show menu' link*/
  .show-menu {
    display:block !important;
    -webkit-appearance: block !important;
  }
}

.show-menu {
  text-decoration: none;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  display: none;
  cursor:pointer;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #nav-main ul {
    display: block;
}


#nav-foot{
  width:620px;
  margin:0 auto;
  padding:0;
}

#nav-foot ul { list-style:none; padding:0; margin:0; display:block; }  
#nav-foot ul li { float:left; margin-right:10px; }
#nav-foot ul li a { font-size:14px; line-height:30px; color:#aaa; text-decoration:none; }
#nav-foot ul li a:hover, #nav-foot ul li a.active { font-size:14px; line-height:30px; color:#f49f64; text-decoration:none; }

.blue #navigation { background:#61C5EE; }
.violett #navigation { background:#913174; }
.orange #navigation { background:#f49f64; }
.yellow #navigation { background:#FFF02E; }

#content-wrapper {
  width:1200px;
  margin: 0 auto;
}

aside.sidebar { float:left; width:240px; min-width:240px; display:block; margin-right:48px; line-height:1.2em; }
aside.sidebar nav { margin: 80px 0; } 
aside.sidebar nav div { margin: 11px 0; } 
aside.sidebar nav a { text-decoration:none; font-size:18px; line-height:20px; font-family: 'HelveticaNeueLT-Medium', sans-serif; color:#000; display:block; margin-bottom:15px; }
aside.sidebar nav a:hover, aside.sidebar nav a.active { color:#61C5EE; }
aside.sidebar div { font-family: 'HelveticaNeueLT-Medium', sans-serif; font-size:18px; color:#913174; }


.aside-spacer { width:240px; }
main { float:left; width:900px; display:block; margin-top:70px; font-size:125%; line-height:1.3em;}

.clearfix:after {
   content: " "; 
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
  
main ul {
    list-style: none;
    list-style-image: url('../images/list.jpg');
    padding:0;
    margin:0 0 20px 36px;
}

footer {
 width:100%;
 height:31px;
 min-height:30px; 
 background:#913174;
 margin: 75px 0 0 0;
}


.csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left: 330px;
  margin-top: -29px
}

div.csc-mailform li label {
  display:block;
  font-size:14px;
  margin:10px 0 2px 0;
  padding-bottom:0;
  line-height:15px;
}

div.csc-mailform li input, div.csc-mailform li textarea {
  display:block;
  border:1px solid #ccc;
  border-radius:3px;
  font-size:18px;
  font-family: 'HelveticaNeueLTStd-Lt', sans-serif;
}

div.csc-mailform li input[type="submit"] {
  display:block;
  border:1px solid #ccc;
  border-radius:3px;
  font-size:14px;
  color:#333;
  padding:5px;
  margin-top:20px;
  font-family: 'HelveticaNeueLTStd-Lt', sans-serif;
  cursor:pointer;
}


div.floater-left { float:left; }
div.floater-right { float:right; }
div.floater-end { clear:both; }


/*
main ul p, main ul li p{
    padding:0;
    margin:0;
}

main li { 
    padding-left: 1em; 
    
    text-indent: -.7em;
}

main li:before {
    content: "■ ";
    color: #e1382a; 
    position: relative;
    top: -1px;
    left:-3px;
}

aside { margin: 20px 0 0 0; }
aside .csc-header { padding:15px; background:url(../images/navi.png) repeat-y; }
aside p.bodytext { background:#e0e9f1; color:#004f8f; padding:15px 20px; margin-top:0; font-size:13px }
aside h1, aside h2, aside h3 { color:#fff; font-weight:400; font-size:17px; text-transform:uppercase; margin:0; padding:0;  }
aside a { color:#004f8f; text-decoration:underline;  }



#wrapper { 
  margin: 25px auto; width:1250px;
}

#wrapper > header { height:600px; background:#111; }

#banner { position:absolute; z-index:0; padding:0; margin:0;}
#logo { position:absolute; z-index:1; height:190px; }

#nav-main { height:65px; background:url(../images/navi.png) no-repeat; width:1150px; padding: 18px 0px 12px 50px; }

#nav-main ul { list-style:none; padding:0; margin:0; }  
#nav-main > ul  li { 
  float:left;
  font-size:20px;
  font-weight:400;
  margin-left:30px; 
  
}
#nav-main > ul  li:first-child { margin-left:0px; }

#nav-main > ul li a { 
  text-decoration:none;
  color:rgb(255,255,255);
  display:inline-block;
  line-height:25px;
  text-align:center;
  text-transform:uppercase;
  padding:5px 5px;
  border-bottom:4px solid transparent;
}

#nav-main > ul li:hover a, #nav-main > ul li a.active { 
  border-bottom-color:rgb(255,255,255);
}







#content-wrapper { 
  box-shadow: 0 0px white, 0 0px white, -3px 0 2px -2px #666, 3px 0 2px -2px #666;
  padding:10px 0 20px 0;
  width:1198px;
  margin:0 auto;
  background:#fff;
}


main {
  float:left;
  width:700px;
  margin: 0 70px 0 100px;
  
  overflow:hidden;
}

aside {
 float:left;
 width:230px;  
 
 overflow:hidden; 
}

footer {
 font-size:13px;
 background:#e1382a;
 color:#fff;
 padding:8px 100px 3px 100px; 
}

#copyright { position:relative; top:-5px; margin-right:40px; }
#nav-footer, #copyright { display:inline-block; }

#nav-footer ul { list-style:none; padding:0; margin:0; }  
#nav-footer > ul  li {
  float:left;
  font-size:13px;
  margin-left:15px;
  
}
#nav-footer > ul  li:first-child { margin-left:0px; }

#nav-footer > ul li a {
  text-decoration:none;
  color:rgb(255,255,255);
  display:inline-block;
}

#nav-footer > ul li a:hover {
  text-decoration:underline;
}


.clearfix:after {
   content: " ";  Older browser do not support empty content 
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}


 add 
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
    margin-top: -20px;
}
div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap {
    margin: 20px 10px 0px 0px;
}
div.csc-default {
 margin-bottom:30px; 
}*/

/*
@media screen and (max-device-width: 640px),
@media screen and (max-device-width: 853px),
@media screen and (max-device-width: 960px),
@media screen and (max-device-width: 568px),
@media screen and (max-device-width: 667px),
@media screen and (max-device-width: 736px){
  #wrapper { width:1200px; margin:0px;  }
  #banner { display:none; }
  #logo { position:relative; }
  #navigation { position:relative; }
  aside.sidebar { margin-left:20px; }
  main { width:880px; }
  .fixed-sidebar { position:relative; top:0; z-index:0; }
}

@media only screen and (min-device-width : 480px) and (max-device-width : 800px) {
  #wrapper { width:1200px; margin:0px;  }
  #banner { display:none; }
  #logo { position:relative; }
  #navigation { position:relative; }
  aside.sidebar { margin-left:20px; }
  main { width:880px; }
  .fixed-sidebar { position:relative; top:0; z-index:0; }
}

@media screen and (max-device-width: 480px) {
  #wrapper { width:1200px; margin:0px;  }
  #banner { display:none; }
  #logo { position:relative; }
  #navigation { position:relative; }
  aside.sidebar { margin-left:20px; }
  main { width:880px; }
  .fixed-sidebar { position:relative; top:0; z-index:0; }
}

@media only screen and (max-device-width: 320px) {
  #wrapper { width:1200px; margin:0px;  }
  #banner { display:none; }
  #logo { position:relative; }
  #navigation { position:relative; }
  aside.sidebar { margin-left:20px; }
  main { width:880px; }
  .fixed-sidebar { position:relative; top:0; z-index:0; }
}*/