.nota
{
font-size: 12px;
line-height: 18px;
padding: 0;
margin-bottom: 0px !important;
text-align: justify;
}


#tm-top-a
{
background-image: url('../../../images/bg1.jpg');
background-position: 50% 50%; background-repeat: no-repeat;
padding: 0px !important;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}




#tm-main
{
background-image: url('../../../images/bg1.jpg');
background-position: 50% 50%; background-repeat: no-repeat;
padding: 0px !important;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-bottom: 15px solid #0e1212; 
}



.boxstart h3
{
color: #fff;
text-shadow: 1px 1px 1px #000;
font-weight: 300;
font-family: 'Roboto', sans-serif;
}


.boxstart .uk-overlay-icon::before
{
  color: #da8c31;
}

.boxstart a
{
color: #fff;
text-shadow: 1px 1px 1px #000;
outline: none;
text-decoration: none;
}


.gold
{
color:  #E23D22;
}

.goldonas
{
font-size: 80px;
color:  #b38f54;
text-align: center;
}

.onasikon h3
{
color:  #b38f54;
}



#tm-top-b,
#tm-top-d
{

background-position: 50% 50%; background-repeat: no-repeat;
padding: 30px 0px !important;
color: #666;
background: #fff;
border-top: 15px solid #0e1212; 
border-bottom: 15px solid #0e1212; 

}

#tm-top-d
{
border-top: 0px !important; 
}


.onas h1
{
font-size: 30px;
line-height: 40px;
font-weight: 400;
text-transform: none;
color: #444;
padding-bottom: 10px;
}

.onasp
{
font-weight: 300;
text-align: center;
}

.kontaktbox
{
font-weight: 300;
text-align: center;
}




#tm-top-c
{
background-image: url('../../../images/bg2.jpg');
background-position: 50% 50%; background-repeat: no-repeat;
padding: 0px !important;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #fff;

text-shadow: 1px 1px 1px #000;
border-bottom: 15px solid #0e1212; 
}

.ofertap,
.ofertax
{
  text-align: justify;
  font-style: 300 !important;
}

h2.ofertatext

{
  color: #E23D22;
}


.goldkont
{
color: #E23D22;
margin-bottom: 15px;
font-size: 30px;
line-height: 40px;
font-weight: 300;
text-transform: none;
color: #E23D22;
font-family: "roboto",sans-serif;
}



.ofertatext
{
font-weight: 300 !important;
text-align: center;
}


.ofertax h3

{
text-shadow: none !important;
color: #E23D22 !important;
text-shadow: 2px 2px 2px #000 !important;;
}


.oferta img
{
text-shadow: none !important;
box-shadow: none !important;
}


.net
{
background: url('../../../images/indeks.png')  50% 0 repeat fixed rgba(0, 0, 0, 0.5);

}


.boxstart .uk-overlay-background {
    background: rgba(226, 198, 113, 0.1);
}

.wspolpracap
{
font-weight: 300;
text-align: center;
}


#tm-bottom-a
{
background-image: url('../../../images/bg3.jpg');
background-position: 50% 50%; background-repeat: no-repeat;
padding: 0px !important;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #fff;
font-style: 300 !important;

border-bottom: 15px solid #0e1212; 

}


#tm-bottom-a
{
background-image: url('../../../images/bg3.jpg');
background-position: 50% 50%; background-repeat: no-repeat;
padding: 0px !important;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #fff;
font-style: 300 !important;

border-bottom: 15px solid #0e1212; 

}

@media (max-width: 480px) {

.tm-totop-scroller > a, .tm-totop-scroller-fixed > a {
    margin: auto;
}


.uk-panel-space {
    padding: 10px 20px;
}

.ofertax h3
{
  font: 300 20px / 26px 'Roboto', sans-serif;
  margin-bottom: 0px;
     text-align: center;
}


.uk-border-circle
{
max-width: 150px;
}

.onas,
.wspolpraca,
.kontaktbox
{
   padding: 0px 20px;
} 


.ofertap, .ofertax,
.b2jcontainer h2,
div#b2jcontainer_m143.b2jcontainer
{
    text-align: center;
	}

div#b2jcontainer_m143.b2jcontainer {
    width: auto;
    padding: 0px 30px 0 30px;
}	



	
.boxstart
{
margin: 10px 0 !important;
}


.boxstart img
{
max-width: 150px;
}




.marginres
{
margin: 20px 0;
}

  .uk-container {
   max-width: 100%;
   padding: 0px 0px;
  }
  
  .uk-block-default
{
    max-width: 100%;
    padding: 0 0px;

}

}


@media (min-width: 481px) {


#tm-top-b, #tm-top-d {

    padding: 0px 0px !important;
	
	}
	
.marginres
{
margin: 20px 0;
}


.boxstart 
{
margin: 20px 0;
}


.boxstart img
{
max-width: 200px;
}

.uk-border-circle
{
max-width: 200px;
}


.tm-logo
 {
 
 max-width: 150px;
 }
   .uk-container {

   padding: 0px 30px;
  }
  
  
  .uk-navbar-nav {

    margin-left: 200px;
}

.boxstart a
{
font: 300 22px / 30px 'Roboto', sans-serif;
}

.ofertax h3 {
text-shadow: 1px 1px 1px #000;
margin-bottom: 15px;
font-size: 30px;
line-height: 40px;
font-weight: 300;
text-transform: none;
color: #c6a672;
font-family: "roboto",sans-serif;
text-align: center;
}


}

@media (min-width: 768px) {


.boxstart a
{
font: 300 14px / 24px 'Roboto', sans-serif;
}

.tm-logo
 {
 
 max-width: 150px;
 }


.startp
{

margin: 0 60px;
}

  .uk-container {
   max-width: 900px;
   padding: 0px 0px;
  }
  
  .uk-block-default
{
    max-width: 900px;
    padding: 0 0px;

  
  }
  
  .uk-navbar-nav {

    margin-left: 0px;
}


.onasikon h3 {
    color: #b38f54;
	font: 300 20px / 26px 'Roboto', sans-serif;
	text-align: center;
}


.boxstart h3
{
	font: 300 20px / 26px 'Roboto', sans-serif;
}

.uk-navbar-nav > li > a {

    font-size: 14px;
 }
 
 .uk-navbar-nav {
    margin-left: 100px;
}

}

@media (min-width: 1024px) {

  .uk-container {
   max-width: 1000px;
   padding: 0px 0px;
  }
  
  .uk-block-default
{
    max-width: 1000px;
    padding: 0 0px;

  
  }
 
 .wspolpraca {
    padding: 20px  0px;
}


.boxstart a {
    font: 300 16px / 24px 'Roboto', sans-serif;
}


.ofertap
{
  font: 300 16px / 22px 'Roboto', sans-serif;
  
}
 
  
  .sliderh
{
  font: 300 60px / 80px 'Roboto', sans-serif;
}


.hsmall
{
font: 300 36px / 40px 'Roboto', sans-serif;
}

.ofertax h3
{
text-align: left;
}

.uk-navbar-nav > li > a {

    font-size: 16px;
 }

}

@media (min-width: 1220px) {
  
  
  .uk-container {
   max-width: 1100px;
   padding: 0px 0px;
  }

  
.uk-block-default
{
    max-width: 1100px;
    padding: 0 0px;

  
  }

  
 .topadres
 {

   font-size: 32px;

 }

 
.sliderh
{
  font: 300 60px / 80px 'Roboto', sans-serif;
}
 
 
.hsmall
{
font: 300 36px / 40px 'Roboto', sans-serif;
}
 

h1,
.uk-h1 {
  font-size: 68px;
  line-height: 88px;
  font-family: 'Roboto', sans-serif;
} 
	

.boxstart a {
    font: 300 24px / 24px 'Roboto', sans-serif;
}	
 
 .uk-navbar-nav > li > a {

    font-size: 18px;
 }
 
 }


@media (min-width: 1440px) {
  
  #tm-top-b, #tm-top-d {

    padding: 30px 0px !important;
	
	
	}
	
.tm-logo
 {
 
 max-width: 250px;
 }
 
 
	.boxstart a {
    font: 300 20px / 24px 'Roboto', sans-serif;
}	
  
.onas,
.wspolpraca,
.kontaktbox
{
   padding: 0px 100px;
} 


.boxstart
{
margin: 120px 0 !important;
}


.boxstart img
{
max-width: 250px;
}

.boxstart h3
{
  font-size: 22px;
}

.onasikon h3
{
  font-size: 22px;
  line-height: 26px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}


h1,
.uk-h1 {
  font-size: 38px;
  line-height: 58px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
} 
	

  .uk-container {
   max-width: 1240px;
   padding: 0px 0px;
  }

  
.uk-block-default
{
    max-width: 1240px;
    padding: 0 0px;
 
}

  
 .topadres
 {

   font-size: 32px;

 }

 
.sliderh
{
  font: 300 60px / 80px 'Roboto', sans-serif;
}
 
 
.hsmall
{
font: 300 36px / 40px 'Roboto', sans-serif;
}
 

.ofertax h3
{
font: 300 36px / 40px 'Roboto', sans-serif

}



 
 
 }

 
 .oferta img {
    box-shadow: 0 1px 20px 0 rgba(61, 31, 20, 1);
	
	}

.uk-h1::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 100px;
    margin-top: -3px;

    margin-left: -50px;
    border-top: 2px solid #3e1f14;

}
