/*--- definice telo+scroll ---*/
BODY {
text-align: center;
padding-left: 0px;
padding-right: 0px;

  	margin:0;
padding:0;
overflow-y: scroll;
overflow-x: hidden;
background: url(../obrazky/slide1.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

* {
margin: 0;
padding: 0;
border: 0;
}
/*--- definice pisma ---*/
@font-face {
font-family: calibri_light;
src: url(../pismo/calibri_light.ttf),
url(../pismo/ie/calibri_light.eot);
}
@font-face {
font-family: century_gothic;
src: url(../pismo/century_gothic.ttf),
url(../pismo/ie/century_gothic.eot);
}

a{
  text-decoration: none;
}
.clear{
clear: both;
}
 div.uvnitr{
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
div#hlavicka div.uvnitr{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;

  position: relative;
  z-index: 100;
  height: 96px;
}



div#hlavicka{
width: 100%;
height: 96px;
margin-left: 0px;
margin-right: 0px;
position: absolute;
z-index: 50;
}

/*---
logo v hlavicce
---*/
div#hlavicka div#logo{
margin-left: 20px;
margin-top: 20px;
float: left;
width: 236px;
height: 66px;
background: url(logo.png) no-repeat left;
}

div#hlavicka div#logo a{
width: 236px;
height: 66px;
display: block;
position: relative;
z-index: 100;
}

div#hlavicka div#logo span{
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
text-indent:-9999px;
}

/*---telefon---*/
#telefon{
  float: right;
    margin-top: 26px;
    margin-right: 20px;
	width: 170px;
	height: 38px;
	background: url(telefon.png) no-repeat 180px 5px;
    	color: #cc0000;
	font: normal 19px Arial, Helvetica, sans-serif;
    letter-spacing: -1px;
    text-align: right;
    padding-right: 45px;
    line-height: 10px;
}
#telefon strong{

    	color: #cc0000;
	font: bold 19px Arial Black, Helvetica, sans-serif;
    letter-spacing: -1px;
    line-height: 20px;
}
#telefon span{
	color: #000000;
	font: italic 16px Calibri, Helvetica, sans-serif;
    letter-spacing: 1px;
    line-height: 20px;
}

/*---tlacitka mail a facebook--*/
div#hlavicka a.facebook{
float: right;
background: url(facebook.png);
height: 40px;
width: 126px;
display: block;
margin-right: 10px;
margin-top: 30px;
text-indent: -9999px;
}





/*---
paticka stranky
---*/
div#paticka{
  clear: both;
width: 100%;
height: 70px;
bottom: 0px;

}
div#paticka div.uvnitr{
width: 1000px;
height: 50px;
margin-left: auto;
margin-right: auto;
}
div#paticka div.uvnitr ul{
  float: left;
  width: 1040px;
}

div#paticka div.uvnitr ul li{
  float: left;
  list-style: none;
  margin-right: 10px;
  height: 55px;
  line-height: 55px;
  border-right: solid 1px #ffffff;
}
div#paticka div.uvnitr ul li.posledni{
  float: left;
  list-style: none;
  margin-right: 10px;
  height: 55px;
  line-height: 55px;
  border-right: none;
}
div#paticka div.uvnitr ul li.loga iframe{
  position: absolute;
  margin-top: 15px;
  margin-left: -160px;
}
div#paticka div.uvnitr ul li.loga{
  float: right;
  list-style: none;
  margin-right: 0px;
  border: none;
}
div#paticka div.uvnitr ul li a{
  	color: #000000;
	font:  bold 18px Calibri, Helvetica, sans-serif;
    text-transform: uppercase;
      height: 55px;
  line-height: 55px;
  padding-right: 10px;
  display: block;
         -webkit-transition: all 0.25s ease-in;
 -moz-transition: all 0.25s ease-in;
 -o-transition: all 0.25s ease-in;
 transition: all 0.25s ease-in;
}
div#paticka div.uvnitr ul li a:hover{
  	color: #cc0000;
	font:  bold 18px Calibri, Helvetica, sans-serif;
           -webkit-transition: all 0.25s ease-in;
 -moz-transition: all 0.25s ease-in;
 -o-transition: all 0.25s ease-in;
 transition: all 0.25s ease-in;
       height: 55px;
  line-height: 55px;
  padding-right: 10px;
  display: block;
}
