body {
	margin:0;
    padding:0;
    background-color:white;
    background-image:url(images/backshadow.png);
    background-repeat:repeat-x;   
}
*
{
  margin: 0 auto 0 auto;
}

#cele
{
background-image:url(images/background.png);
background-position:center;
background-position:top;
background-repeat:no-repeat;
}



#lampa{
display:none;
position:absolute;
width:37px;
top:0px;
z-index:-1;
_border:1px solid green;
}

#luc{
height:86px;
display:none;
position:absolute;
top:0px;
_left:-17px;
z-index:-5;
_border:1px solid red;
}

#komplet
{
width:1260px;
position:relative;
}  
 
#header
{
height:620px;
width:1260px;
position:absolute;
} 

#menu
{
left:470px;
top:70px;
height:20px;
position:absolute;

}

#menu a{
font-family:Tahoma;
text-decoration:none;
color:#757272;
font-weight:lighter;
font-size:14pt;
}

#menu a:hover{
color:#21a4ac;
}

#menu ul {
	list-style: none;	
	width:500px;
}

#menu li {
	list-style: none;
	padding: 8px;
	display: inline; 
}

#obsah
{
width:1260px;
position:relative;
top:630px;
}

h1
{
font-family:Tahoma;
text-decoration:none;
color:#757272;
font-weight:lighter;
font-size:25pt;
}

h1 .h1color
{
color:#21a4ac;
font-weight:bold;
}

h2
{
font-family:Tahoma;
color:#757272;
font-weight:lighter;
font-size:13pt;
text-align:justify;
width:950px;
margin-top:20px;
}

h2 .h2color
{
color:#21a4ac;
font-weight:bold;
}

#okno1
{
left:160px;
top:180px;
width:440px;
height:450px; 
position:absolute;
}

#okno2
{
left:670px;
top:180px;
width:440px;
height:450px; 
position:absolute;
}

#oknorealizacia
{
left:160px;
top:900px;
width:950px;
height:450px; 
position:absolute;
}

#novinky
{
left:160px;
top:1370px;
width:950px;
height:450px; 
position:absolute;
}

#okno3
{
left:170px;
top:180px;
width:1000px;
height:550px; 
position:absolute;
}

#okno4
{
left:170px;
top:180px;
width:950px;
position:absolute;
}

#okno5
{
left:170px;
top:180px;
width:950px;
height:1700px; 
position:absolute;
}


#nadpisref1
{
left:45%;
position:absolute;
font-family:Tahoma;
color:#21a4ac;
font-weight:bold;
font-size:13pt;
}

#nadpisref2
{
left:45%;
position:absolute;
font-family:Tahoma;
color:#21a4ac;
font-weight:bold;
font-size:13pt;
}

.oknoreferencie
{
left:180px;
width:900px;
position:absolute;
}

#templaty
{
left:180px;
width:900px;
position:absolute;
}

#krize
{
width:1260px;
height:78px;
background-image:url(images/footer/krize.png);
background-repeat:no-repeat;
}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.7;
    position:fixed;
    bottom:100px;
    right:50px;
    display:none;
    text-indent:-9999px;
    background: url('images/icon_top.png') no-repeat;
}

.footer1
{
background-image:url(images/footer/footer.png);
background-repeat:repeat-x;
height:81px;
position:relative;
top:539px; 
z-index:-1;
}

#footer
{
background-image:url(images/footer/footer.png);
background-repeat:repeat-x;
height:81px;
position:relative;
top:620px;
}

#footer a{
font-family:Tahoma;
font-size:10pt;
position:relative;
top:33px;
left:490px;
color:white;
text-decoration:none;
font-weight:bold;

}
#footer a:visited{text-decoration:none}
#footer a:hover{text-decoration:none}


/*********NOVE REFERENCIE************/

#new-ref{
padding-top:135px; 
padding-left:195px; 
padding-right:195px;
}

.new-ref-box{
height:400px;
}

.new-ref-nadpis{
padding-top:5px;
padding-left:580px;
font-family: Tahoma;
color: #757272;
font-weight: 900;
font-size: 13pt;
}

.new-ref-text{
padding-top:30px;
padding-left:585px;
font-family: Tahoma;
font-size:11pt;
line-height:1.7;
text-align:justify;
}

.new-ref-text a{
color:#21a4ac !important;
font-weight:900;
line-height:2.5;
}

.new-ref-text a:visited{
color:#21a4ac;
}

.new-ref-text a:hover{
color:#757272;
}


/*******Referencie index*********/

#referencie-index{
left: 160px;
  top: 660px;
  width: 950px;
  height: 150px;
  position: absolute;
}

.ref-text-index{
position: absolute;
  padding-top: 90px;
  padding-left: 45px;
  padding-right: 35px;
  font-family: Tahoma;
  font-size: 11pt;
  color: #757272;
  font-weight: bold;
  text-align: justify;
  line-height: 1.4;
}

#partneri-index{
left: 160px;
  top: 1760px;
  width: 950px;
  height: 150px;
  position: absolute;
}

.partner{
margin:0 28px;
}

#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
 
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}

#boxes #dialog {
  width: 850px;
  height: 670px;
  padding: 10px;
  background-color: #ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
} 

.web-button{
    background: #009eb8;
    color: white !important;
    padding: 10px 30px;
    text-transform: uppercase;
    font-weight: 900;
}

.web-button:hover{
  color: white;
  background: #009eb8;
  background-image: -webkit-linear-gradient(top, #009eb8, #058a9e);
  background-image: -moz-linear-gradient(top, #009eb8, #058a9e);
  background-image: -ms-linear-gradient(top, #009eb8, #058a9e);
  background-image: -o-linear-gradient(top, #009eb8, #058a9e);
  background-image: linear-gradient(to bottom, #009eb8, #058a9e);
}