body { font-family: 'Poppins', sans-serif; font-weight:200; font-size: 100%; background: #fff; color: #222; /*color:#463f3a;*/ margin: 0; padding: 0; text-align: center; }
img,div,h1,h2,h3,h4,h5,p,ul,li,form,dl,dd,dt,caption { display: block; border: 0; margin: 0; padding: 0; }
table { color:#626262; }
h1 {  font-size: 4.5em; font-weight: 400; color: #717171; text-align: center; }
h2  { font-size: 2.6em; font-weight: normal; color: #463f3a; }
h3  { font-size: 2.0em; font-weight: normal; color: #463f3a; }
p { line-height: 1.5em; }
hr { height: 1px; font-size: 1px; background-color: #e3e3e3; color: #e3e3e3; border: none; text-align: center; margin-bottom: 50px !important; }
.bb {  font-size: 3.5em; font-weight: 300; color: #535353; }

.acenter { text-align: center !important; }
.aright { text-align: right !important; }
.aleft { text-align: left !important; }

.print { display: none; }
.blocker { clear: both; height: 1px; width: 10px; font-size: 1px; background-image: none !important; }
.blocker30 { clear: both; height: 30px; width: 10px; font-size: 1px; background-image: none !important; }
.blocker50 { clear: both; height: 50px; width: 10px; font-size: 1px; background-image: none !important; }
.blocker100 { clear: both; height: 100px; width: 10px; font-size: 1px; background-image: none !important; }
.blocker250 { clear: both; height: 250px; width: 10px; font-size: 1px; background-image: none !important; }

.weight100 { font-weight: 100 !important; }
.weight300 { font-weight: 300 !important; }


/* layout */
#left { float: left; width: 48%; }
#right { float: right; width: 48%; }
.fleft { float: left; width: 45%; margin: 0; text-align: left !important; }
.fright { float: right; width: 44%; margin: 0; text-align: left !important; }

#content { max-width: 970px; text-align: left; margin: 0 auto; }


/* head */
#head { max-width: 970px; height: 160px; }
#headleft { padding: 25px 0 0 0; }
.indexhref { text-decoration: none !important; font-family: 'Poppins', sans-serif; font-size: 0.8em; font-weight: 100; text-transform: uppercase; }
.sapt { text-decoration: none !important; font-family: 'Poppins', sans-serif; font-weight: 100; color: #737373 !important; }
.grey { color: #cacaca !important; }
.motto { font-size: 2.7em; font-weight: 400; letter-spacing: 0.02em; color: #cacaca; margin: 10px 0 30px 0 !important; text-align: right; }
.langhead { font-size: 4.7em; font-weight: 200; letter-spacing: 0.02em; color: #737373; margin: 30px 0 0 50px; }
.langhead a { color: #737373; text-decoration: none; }
#ang { text-align: right; }

/* navigacia */
#nav { list-style-type: none; padding: 0; margin: 40px 0px; float: right; }
#nav li { float: left; display: block; color: #463f3a; text-transform: uppercase; text-align: left; padding: 8px 10px; margin: 0; cursor: pointer; cursor: hand; }
#nav li a { color: #463f3a; font-size: 1.8em; text-decoration: none; font-family: 'Poppins', sans-serif; font-weight: 200; }
#nav li a { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; }
#nav li a:hover,#curr a { color: #a6a6a6 !important; }
#nav li:hover,#curr { border-bottom: solid #a6a6a6 2px; }
#navblog,#footblog { display: none !important; }


#main { max-width: 970px; height: 330px; }



/* foot */
#boxfoot { background: #f2f2f0; } 
#foot { max-width: 970px; margin: 0 auto; padding: 30px 0; color: #fff; }
#footleft { padding: 25px 0 0 0; text-align: center; }
#footcenter { padding: 25px 0 0 0; text-align: center; }
#footright { padding: 25px 0 0 0; text-align: center; }
#foot img { display: inline; }
#foot a { color: #737373; text-decoration: none; }
#footcenter ul { }
#footcenter ul li { display: inline-block; font-size: 1.4em; text-align: left; padding: 0 10px; }
#footcenter p { padding: 60px 0 30px; }
.copy { color: #999; }



/* obsah */
.padd { padding: 50px 40px !important; background: #fff; }
#obsah { padding: 50px 0px; text-align: left; }
#obsah p,#obsah li,#obsah address,#obsah blockquote,#obsah table,#obsah dt,#obsah dd { font-size: 1.4em; line-height: 1.4em; }
#obsah address { line-height: 1.5em; margin-bottom: 1em; font-style: normal; }
#obsah blockquote { color: #707070; letter-spacing: 0.1em; line-height: 1.6em; }
#obsah h1,#obsah h2,#obsah h3,#obsah p,#obsah ul,#obsah ol,#obsah table,#obsah dl { margin-bottom: 25px; }
#obsah dt { margin-bottom: 10px; }
#obsah dd { margin-bottom: 25px; }
#obsah a { color: #a54126; }
#obsah a:hover { color: #fd5d0e; }
#obsah h1 { margin: 0 0 60px 0; }



.square { list-style-type: square; padding-left: 3em; }
.square li { display: list-item; padding: 0 0 4px 0; }
.none li { display: list-item; list-style-type: none; }
li.downpdf { display: list-item; background: transparent url("Images/libulletdownpdf.gif") 0px 0px no-repeat; padding: 10px 0 10px 70px; margin-top: 7px; vertical-align: middle; }
li.downword { display: list-item; background: transparent url("Images/libulletdownword.gif") 0px 0px no-repeat; padding: 10px 0 10px 70px; margin-top: 7px; vertical-align: middle; }
li.down { display: list-item; background: transparent url("Images/libulletdown.gif") 37px 15px no-repeat; padding: 10px 0 10px 70px; margin-top: 7px; vertical-align: middle; }
li.downgrey { display: list-item; background: transparent url("Images/libulletdowngrey.gif") 37px 15px no-repeat; padding: 10px 0 10px 70px; margin-top: 7px; vertical-align: middle; }
    
.arrow { padding: 5px 40px; margin: 0 0 20px 0; font-size: 2.0em !important; }
.arrow:before {
  font-family: "Glyphicons Halflings";
  font-size: 30px;
  vertical-align: middle;
  content: "\e080";
  display: inline-block;
  clear: left;
  float: left;
  margin: 0 20px 40px 0;
}

table { width: 100%;  border-collapse: collapse; }
caption { text-align: left; font-size: 1.6em; font-weight: normal; color: #E2001A; margin-bottom: 0.5em; }
td,th { padding: 5px; border: solid #e9e9e9 1px; text-align: center; vertical-align: top; }
th { background-color: #f5f6f1; }


/* forms */
form { margin-bottom: 25px; }
fieldset { border: none; padding: 10px 0px; }
label { /*clear: both; float: left;*/ color: #a51a03; margin: 0 0 10px 0; }
input, textarea, select { border: solid #bbb 1px; width: 100%; background-color: #f9f9f9; padding: 5px; margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-size: 1.5em; }
.button { background-color: #434343; color: #fff; }



/*
shadow
box-shadow: 0px 3px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.1);
*/


/* galeria */
.gallery { margin: 22px 0px 50px 0; }
.gallery img { border: none !important; }
.gallery span { display: block; padding: 2px 5px; margin-bottom: 2em; }

.thumb { float: left; width: 130px; height: 130px; line-height: 130px; padding: 3px 3px 3px 3px; margin: 0 28px 28px 0; background: transparent url("Images/bg-galeria.png") top left no-repeat; text-align: center;  }
.thumb img {  display: inline; vertical-align: middle; }

.image { display: inline-block; }
.image,.thumb { border: solid #fff 1px; box-shadow: 0px 3px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.1); -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.boximage { float: left; padding: 5px 0 0 5px; margin: 0 15px 10px 0; }


@media (max-width: 991px) {

  #headleft { float: left; width: 100%; padding: 25px 0 0 0; text-align: center; }
  #headleft img { display: inline; }
  #headright { clear: both; float: left; width: 100%; text-align: center; }
  
  #nav { display: inline-block; list-style-type: none; padding: 0; margin: 40px 0 0 0; float: none; }
  
  #obsah { padding: 50px 50px; }
  
}

@media (max-width: 640px) {
  .langhead { font-size: 2.7em; font-weight: 200; letter-spacing: 0.02em; color: #737373; margin: 30px 0 0 40px; }
  #ang,#slov { text-align: left; }
  .indexhref { display: none; }
  .blocker250 { display: none; }
  .motto { font-size: 2.0em; font-weight: 400; letter-spacing: 0.02em; color: #cacaca; margin: 20px 20px 30px 40px !important; text-align: left; }
  #nav { display: block; float: left; list-style-type: none; padding: 0; margin: 40px 40px 0 40px; float: none; }
  #nav li { float: none; padding: 5px 0; }
  
}