body {
padding: 0px; 
margin: 0px 0px 0px 0px; 
background-image: url("../images/pozadi.jpg");
background-repeat: repeat;
background-color:#FFFFFF;
font-family:"Open Sans", sans-serif;
}

.paper
{
background-color:#FFFFFF;
padding:20px;
}

.red
{
color:#FFFFFF;
  font-size:15px;
}



.obrazovka {
  background-color:#FFFFFF;
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  width:800px;
}

.zahlavi {
  margin-left:auto;
  margin-right:auto;
  padding:10px;
  width:800px;
  color: #006666;
  background-color:#004040; 
}

.beznastranka {
  margin-left:auto;
  margin-right:auto;
  padding:20px;
  width:880px;
  font-family: 'Open Sans', sans-serif;
  font-weight:normal;
  color: #eeeeee;
  //background-color:#ffffff; 
  font-size:12pt;
  text-align:justify;
}

a.menulink:link {
color: #DDDDDD; 
text-decoration:none;
}
a.menulink:visited {
color: #DDDDDD;
text-decoration:none; 
}
a.menulink:active {
color: #FFFFFF;
text-decoration:underline; 
}
a.menulink:hover {
color:#00FFFF;
text-decoration:none; 
font-weight:none;
}

a:link, a:visited, a:active
{
color: #00ffff; 
text-decoration: underline; 
}

a:hover {
color: #ffFFFF;
text-decoration: underline; 
}




h1 {
  font-family:Dosis;
  font-size:26pt;
  height:26px;
  color:#FFFFFF;
  
}

h2 {
  font-family:Dosis;
  font-size:21pt;
  height:21px;
  color:#FFFFFF;
}


h3 {
  font-family:Dosis;
  font-size:19pt;
  height:19px;
  color:#66FFFF;
}

h4 {
  font-family:Dosis;
  font-size:17pt;
  height:17px;
  color:#FFCC00;
  ;
}

strong
{
//  color:#66FFFF;
}

.podtitul {
  font-family:'Open Sans', sans-serif;
  font-size:12pt;
  height:52px;
}

.fotky {
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  //width:800px;
  font-family: 'Open Sans', sans-serif;
  font-weight:normal;
     color: #ffffff;
}


.sepiefotka {
  background-color:#F0F0F0;
  margin:2px;
  padding:2px;
 width:197px;
  height:130px;
  opacity:1.0;
  filter:sepia(100%);
}

.fotka {
  background-color:#F0F0F0;
  margin:2px;
  padding:2px;
  opacity:0.9;
  width:150px;
  height:100px;
 }



.fotka:hover {
  background-color:#FFFFFF;
  margin:2px;
  padding:2px;
  //width:197px;
  //height:130px;
  opacity:1.0;
  filter:none;
}



.video {
  background-color:#FFFFFF;
  margin:2px;
  padding:2px;
}

.statistiky {
  font-family:'Open Sans', sans-serif;
  font-size:12pt;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  width:820px;
  font-family: 'Open Sans', sans-serif;
  font-weight:normal;
   color: #ffffff;
  }
  
.zapati {
background-color:#004040; 
text-align:center;
color:#00ECEC;

}



#logo {
  width:150px;
}


.topbanner
{
width:100%;
height:50px;
background-color:#222222;
}


.topbanner2
{
width:980px;
color:#aaaaaa;
margin-left:auto;
margin-right:auto;
position:relative;
top:14px;
}

.dulezite{
width:293px;
height:48px;
background-color:#22aa22;
text-align:center;
padding:13px;
color:#ffffff;
font-weight:bold;
float:left;
border:1px solid #EEEEEE;
}

.dulezite:hover{
width:293px;
height:48px;
background-color:#444444;
text-align:center;
padding:13px;
color:#ffffff;
font-weight:bold;
float:left;
border:1px solid #EEEEEE;
}

.dulezite2{
width:293px;
height:48px;
background-color:#226622;
text-align:center;
padding:13px;
color:#ffffff;
font-weight:bold;
float:left;
border:1px solid #EEEEEE;


}

.dulezite2:hover{
width:293px;
height:48px;
background-color:#444444;
text-align:center;
padding:13px;
color:#ffffff;
font-weight:bold;
float:left;
border:1px solid #EEEEEE;

}


.feature
{
width:880px;
text-align:center;
margin-left:auto;
margin-right:auto;
position:relative;
top:1px;
}


.footer
{
width:880px;
text-align:left;
margin-left:auto;
margin-right:auto;
top:20px;
color:#555555;
}

.f1
{
float:left;
top:30px;
width:350px;
}

.f2
{
float:left;
top:30px;
margin-left:20px;
width:200px;
}

.f3
{
float:left;
top:30px;
margin-left:20px;
width:225px;
}

.f4
{
float:left;
top:30px;
margin-left:20px;
}



a.odkaz:link {
color: #FFFFFF; 
text-decoration:none;
}

a.odkaz:visited {
color: #FFFFFF; 
text-decoration:none;
}

a.odkaz:hover {
color: #D42F79; 
text-decoration:none;
}


a.prihlaska:link {
color: #FFFFFF; 
text-decoration:none;
}

a.prihlaska:visited {
color: #FFFFFF; 
text-decoration:none;
}

a.prihlaska:hover {
color: #FFFFFF; 
text-decoration:underline;
}


.fotka
{
border: 1px solid #AAAAAA;
}

.arrow
{
 position:relative;
  top:-7px;
}

.numbers
{
background:#888888;
  border:2px solid #AAAAAA;
  border-radius:50%;
  color:#DDDDDD;
  display:inline-block;
  font-family:Arial, sans-serif;
  font-size:13px;
  font-stretch:normal;
  font-style:normal;
  font-variant-caps:normal;
  font-variant-ligatures:normal;
  font-weight:normal;
  height:24px;
  line-height:normal;
  padding:2px;
  position:relative;
  text-align:center;
  top:-5px;
  width:24px;
}



.downloadinfo
{
color:#222222;
  font-size:13px;
}


.downloadcounter
{
color:#444444;
text-decoration:none;
margin-left:10px;
font-size:13px;

}

.zarovnani0
{
width:140px;
height:120px;
}

.zarovnani1
{
position:relative;
  top:30px;
}

span.step {
background:#222222;
  border-radius:0.8em;
  color:#FFFFFF;
  display:inline-block;
  font-weight:normal;
  line-height:1.1em;
  margin-right:5px;
  text-align:center;
  width:1.1em;
}