*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

html{font-size:10px;-webkit-tap-highlight-color:rgba(255,255,255,0.0); overflow-x: hidden;}
@media (max-width:1440px){html{font-size: 10px;}}
@media (max-width:992px){html{font-size: 9px;}}
@media (max-width:768px){html{font-size: 8px;}}


body{font-family: 'Open Sans', sans-serif; color: rgba(0,0,0,1); line-height: 1.5; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; margin:0; background-color: rgba(230,231,226,1.0); background-attachment:fixed;} 

.clear{clear:both;}
.ne{width:0px!important; height:0px!important; display: none;}

a{background-color:transparent; color: rgba(57,41,34,1.0);-webkit-transition: .3s all;  transition: .3s all; }
a:active,a:hover{outline:0;color: rgba(57,41,34,1.0)}
a{text-decoration:none}
a:focus,a:hover{text-decoration:none}a:focus{outline:0.5rem auto -webkit-focus-ring-color;outline-offset:-0.2rem} 

hr{margin-top:2.0rem;margin-bottom:2.0rem;border:0;border-top:1px solid #eee}  
span{color: rgba(184,165,96,1.0)}

.float-left{float:left}
.float-right{float:right}

.text-left{text-align:left!important;}
.text-right{text-align:right}
.text-justify{text-align:left}
.text-center{text-align:center!important; margin:auto;}
.text-bigg{font-size:2.5rem; font-weight:600;}


h1, h2, h3, h4, h5, h6 {color: rgba(0,0,0,1.0); line-height: 1.5; padding:0; margin:0; font-weight:300; }

h1 { font-size: 7.0rem; margin: 2rem; text-transform: uppercase; font-weight:300; text-shadow: 2px 2px 15px rgba(0,0,0,1.0); color: rgba(255,255,255,1.0)}
h2 {font-size: 4.5rem; font-weight:400; margin: 0rem 0rem 0rem 0%; text-transform: uppercase; font-weight:300;}
h3 {font-size: 2rem; font-weight:600; margin: 0rem 0rem 2.5rem 0%; }
h4 {font-size: 2.5rem; font-weight:400; margin: 6rem 0rem 1rem 0%; text-transform: uppercase; font-weight:300;}
h5 {font-size: 2.2rem; font-weight:400; margin: 0rem 0rem 1rem 0%;}
h6 {font-size: 2.0rem; font-weight:400; margin: 0rem 0rem 1.5rem 0%;}
p{font-size: 1.6rem;  margin: 0rem 0rem 1.5rem 0rem!important;}


.container{ padding: 0rem 0rem 0rem 0rem!important; margin:auto!important;  width:100%; position: relative;}
@media (min-width:768px){.container{width:100%}}
@media (min-width:992px){.container{width:98.0rem}}
@media (min-width:1440px){.container{width:136.0rem}}


.container-fluid{margin-right:auto;margin-left:auto; padding:0rem!important;}


@media screen and (max-width: 992px) {
.section {background-size: cover;  padding: 0rem 0rem 0rem 0rem!important;  }
}

.custom-link {
  font-size: 1.6rem;
  text-transform: none;
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding-top: 0rem;
  padding-bottom: 0rem;
  margin-right:3.5rem;
  text-transform: uppercase;
}

.custom-link.link-sm {
  font-size: 1.5rem;
}

.custom-link:before {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: rgba(184,165,96,1.0);
  position: absolute;
  bottom: 0;
  z-index: 2;
  -webkit-transition: width .5s;
  transition: width .5s;
}

.custom-link:after {
  z-index: 1;
  position: absolute;
  bottom: 0;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: none;
}

.custom-link:hover {
  }


.custom-link:hover:before {
  width: 100%;
  background: rgba(184,165,96,1.0);
} 

.custom-link-w {
  font-size: 1.6rem;
  text-transform: none;
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding-top: 0rem;
  padding-bottom: 0rem;
  margin-right:4rem;
  text-transform: uppercase;
}

.custom-link.link-sm {
  font-size: 1.5rem;
}

.custom-link-w:before {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: rgba(255,255,255,0.5);
  position: absolute;
  bottom: 0;
  z-index: 2;
  -webkit-transition: width .5s;
  transition: width .5s;
}

.custom-link-w:after {
  z-index: 1;
  position: absolute;
  bottom: 0;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: none;
}

.custom-link-w:hover {
  }


.custom-link-w:hover:before {
  width: 100%;
  background: rgba(255,255,255,0.8);
} 


.menu_block_m .custom-link{font-size:2.5rem; line-height:1.8}

/*Konec - animované LINKY*/



/* Top*/
.header{margin:auto; max-height:100%;
width: auto; z-index:1000; overflow:hidden;
position: relative; margin-bottom: 0rem;
height:30rem; line-height:0; border-bottom: 0.5rem solid rgba(184,165,96,1.0);
background-image: url(../ars_auro_prior_top.jpg); background-repeat: no-repeat; background-position: right top; background-size:cover;
}

.aktivita{background-color:rgba(206,202,193,1.0); border-radius: 1rem; padding:2.5rem 1.5rem 2.5rem 3.5rem; margin-bottom:1.5rem;
background-image: url(../sipka.svg); background-repeat: no-repeat; background-position: 0.5rem 2.5rem; background-size:3.5rem 3.5rem;
}
.aktivita:hover{background-color:rgba(206,202,193,0.7);}
.footer {background-color:rgba(95,94,92,1.0); border-top: 0.5rem solid rgba(184,165,96,1.0); color: rgba(255,255,255,1.0)}
.footer p{color: rgba(255,255,255,1.0)}
.footer h4 {font-size: 2.5rem; font-weight:400; margin: 2rem 0rem 1rem 0%; text-transform: uppercase; font-weight:300; color: rgba(255,255,255,1.0)}
.footer a {text-decoration:none; color:rgba(184,165,96,1.0) ;}
.footer a:hover {text-decoration:none;}

.tretina {width: 40%; float: left; padding:0%; margin:0%; background-color: transparent; padding:4rem 0 4rem 0rem;}
.tretina .in {padding:0rem 5% 2rem 10%; margin:0%; line-height: 1.5; width:85%;}
.dve_tretiny{width: 60%; float: left; text-align: left; overflow: hidden; padding:0; margin:0; padding:4rem 6rem 4rem 4rem}

@media(max-width:920px){
.tretina {width: 50%; float: left; text-align: left;}
.tretina .in {margin:2rem 0% 2rem 0%; margin:0%; line-height: 1.5; width:100%;}
.dve_tretiny {width: 50%; float: left; text-align: left; overflow: hidden; padding:2rem; margin:0;}
}

@media(max-width:640px){
h1 { font-size: 5.0rem; margin: 2rem; text-transform: uppercase; font-weight:300; text-shadow: 2px 2px 15px rgba(0,0,0,1.0); color: rgba(255,255,255,1.0)}
h4 {font-size: 2.5rem; font-weight:400; margin: 0rem 0rem 1rem 0%; text-transform: uppercase; font-weight:300;}
.tretina {width: 100%; float: none; text-align: left;}
.tretina .in {margin:2rem 0% 2rem 0%; margin:0%; line-height: 1.5; width:100%; padding:0rem 5% 2rem 5%;}
.dve_tretiny {width: 100%; float: none; text-align: left; overflow: hidden; padding:2rem 5% 2rem 5%; margin:0;}
}