

* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	outline: none;
	vertical-align: top;
	/*border:solid blue 1px; */
}

.a1 a{
border-bottom:solid white 2px;
padding-bottom:5px;
 transition-duration:1s;
 transition-timing-function: ease;
}

/* DEDO */
@font-face {
    font-family: brandon; src: url(fonts/Brandon_reg.otf);
}
@font-face {
    font-family: tisa;src: url(fonts/TE114761.ttf);
}
.intro-1-text p {
    font-family: 'tisa', serif;
 font-weight: 100;
 font-size: 17px;
 color: #656565;
 font-style: normal;
 line-height: 28px;
}
/* KONIEC DEDO */



.telo{
  /*border:solid blue 2px;*/
position:relative;
top:0px;
left:0px;
margin:0px;
padding:0px;
width:100%;
min-height:83em;
height:125em;
}


.obrazok1{	
top:0px;
left:0px;
width:100%;	
height:41em;
opacity: 0.5;
background-image:url("pozadia/wall_streat.jpg"); center center no-repeat;
background-position: center;
background-size: cover;

transition-duration:1s;
transition-timing-function: ease;
margin:0px;
padding:0px;
}

	







.moto1{
position:fixed;
height:4em;
width:100%;
  transition-property: opacity;
  transition-duration: 1000ms;
  transition-timing-function: ease;
  transition-delay: 0s;
  margin:0px;
  text-align:center;
  padding-top: 1em;
  min-width:40em;
}
.moto1 h1 {
text-align:center;
  color: #169276;
  text-shadow: 5px 4px 2px rgba(16, 92, 76, 0.2);
  text-align: center;
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 3.4em;
  line-height: 105px;
  font-family: 'brandon-grotesque', sans-serif;
  font-weight: 700;
  /*margin-right: auto;
  margin-left: auto;*/
  text-transform: uppercase;
  letter-spacing: 8px;
  padding-left: 0px;
  padding-right: 0px;
  max-height:5em;
  margin:0px;
  display:inline-block;
margin:0px auto;
width:100%;
text-align:center;
}



.box-1,.box-2,.box-3, .box-0, .box-4{
position:absolute;
left:0px;
margin:0px;
padding:0px;
width:100%;	
min-width:60em;
}

.box-2{
top:42em;
background-color:#f5f5f5;
border-top: 4px solid #169276;
height:16em;
}

.box-0{
  top:58em;
  background-color:white;
  height:25em;
}



.box-3{
top:28em;
background-color:white;
border-top: 4px solid #169276;
height:14em;
}

.box-1{
  top:108em;
  background-color:white;
  height:17em;
}



.box-4{
  top:83em;
  background-color:#f5f5f5;
  height:25em;
}







.telo-1{
position:relative;
margin:0px auto;
min-width:60em;
max-width:65em;
height:20em;
}

.nadpis-1{
position:absolute;
left:2em;
top:2em;
min-width:48em;
width:48em;
height:3em;
padding-right:6em;
}

.nadpis-1 h3 {
 margin-top:0px;
    color: #11745e;
 text-transform: uppercase;
 font-weight: 900;
 font-size: 32px;
 letter-spacing: 2px;
 font-family: 'brandon', sans-serif;
 border-bottom:solid #169276 4px;
}




.text-1{
position:absolute;
left:2em;
top:6em;
width:37.5em;
height:10em;
}

.text-1 p{
display:inline;
    font-family: 'tisa', serif;
 font-weight: 100;
 font-size: 17px;
 color: #656565;
 font-style: normal;
 line-height: 32px;
}

.text-1 a{
color:red;
text-decoration:underline;
}

.obrazok-1{
position:absolute;
right:3em;
bottom:3em;
width:11em;
height:10em;
}

.obrazok-1 img{
width:100%;
height:100%;
}





.telo-2{
  position:relative;
  margin:0px auto;
  min-width:60em;
  max-width:65em;
  height:20em;
  
  }



.telo-3{
position:relative;
margin:0px auto;
min-width:60em;
max-width:65em;
height:20em;


text-align: center;
}

.nadpis-2{
position:relative;
top:2em;
min-width:50em;
max-width:65em;
height:3em;
text-align:center;
}

.nadpis-2 h3 {
text-align:center;
 margin-top:0px;
    color: #11745e;
 text-transform: uppercase;
 font-weight: 900;
 font-size: 32px;
 letter-spacing: 2px;
 font-family: 'brandon', sans-serif;
  border-bottom:solid #169276 4px;
  margin-left:5em;
  margin-right:5em;
}




.tlacidla{
position:relative;
top:3em;
margin:0px auto;
width:60em;
height:10em;
}




.skusky,.podujatia,.vzdelavanie,.akademia, .dotaznik{
position:absolute;
text-align:center;
top:3em;
float:left;
width:10em;
height:4.5em;
border:solid #11745e 2px;
background-color:#white;
/*transition-property: color;*/
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}

.skusky{
left:0em;
}

.vzdelavanie{
left:12em;
}
.akademia{
  left:24em; 
}

.podujatia{
left:36em;
}

.dotaznik{
  left:48em;
}



.skusky a,.podujatia a,.vzdelavanie a,.akademia a, .dotaznik a{
display:inline-block;
width:100%;
height:100%;
text-transform: uppercase;
 font-family: 'brandon', sans-serif;
 font-weight: 500;
 font-size: 17px;
 color: #11745e;
 font-style: normal;
 line-height: 2em;
 text-decoration:none;
 transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
letter-spacing:1px;
}

.skusky:hover ,.podujatia:hover ,.vzdelavanie:hover, .akademia:hover, .dotaznik:hover {
background-color:#169276;
color:white;
}
.skusky:hover a,.podujatia:hover a,.vzdelavanie:hover a, .akademia:hover a, .dotaznik:hover a{
color:white;
}


#pocitadlo{
opacity:0;
position:absolute;
right:20px;
bottom:0px;
transition-delay:4s;
transition-duration:1s;
cursor:pointer;
}
#pocitadlo:hover {
cursor:pointer;
}


#pocitadlo:hover a{
cursor:pointer;
}












