html, body {
  margin: 0;
  padding: 0;
	color: #4A4A4A;
	background: #FFFFFF;
	font-family: Tahoma;
	text-align: center;
	height: 100%;
	}
	

  h1{
  font-size: 20;
  }
  
  h2{
  font-size: 17;
  }
  
  h3{
  font-size: 21;
  padding-top: 25px;
  padding-left: 60px;
  font-weight: normal;
  text-align: left;
  }
  
  h4{
  text-align: left;
  }
  
  p{
  text-align: left;
  font-size: 14;
  color: #4A4A4A;
  font-weight: normal;
  }
	
#page{
position: relative;
text-align: center;
margin: 0 auto;
min-height: 100%;
height: 100%;
width: 990px;
}

body>#page {
height: auto;
}
/*===============================HEADER===============================*/
#header{
position: relative;
top: 0;
left: 0;
width: 990px;
height: 266px;
background: url(/images/top.png) no-repeat center;
margin: 0 auto;
text-align: center;
}
  
  #logo{
  position: relative;
  top: 0;
  left: 0;
  width: 405px;
  height: 150px;
  float: left;
  }
  
    #zavolejte{
    width: 330px;
    height: 70px;
    position: relative;
    top: 10px;
    left: 50px;
    float: left;
    }
    
      #kuryr{
      width: 435px;
      height: 180px;
      position: relative;
      top: 45px;
      right: 55px;
      float: right;
      }
      #kuryr img{
      position: relative;
      bottom: 15px;
      margin: 0;
      padding: 0;
      float: right;
      }
      #kuryr h1, #kuryr p{
      text-align: left;
      font-size: 22;
      color: #FFFFFF;
      font-weight: normal;
      }
      #kuryr p{
      font-size: 13;
      width: 310;
      }
      #kuryr span{
      float: left;
      text-align: left;
      font-size: 18;
      color: #333333;
      font-weight: normal;
      }
      #kuryr table{
      color: #333333;
      font-size: 13;
      font-weight: normal;
      }
      #kuryr table tr td{
      width: 140px;
      padding: 0;
      }
  
#menu_top_repeat{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 40px;
background: #666666;
}

#menu_top, #menu_top1{
position: relative;
top: 0;
left: 0;
width: 990px;
height: 40px;
background: #666666;
text-align: center;
margin: 0 auto;
}

#menu_top ul, #menu_top1 ul {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

#menu_top li, #menu_top1 li {
	display: inline;
}

#menu_top a {
	display: block;
	float: left;
	width: 155px;
	height: 40px;
	text-decoration: none;
	font-size: 17;
	font-weight: bold;
	color: #FFFFFF;
	background: url(/images/menu.png) no-repeat;
	text-transform: uppercase;
}

#menu_top1 a {
	display: block;
	float: left;
	width: 155px;
	height: 40px;
	text-decoration: none;
	font-size: 13;
	font-weight: bold;
	color: #FFFFFF;
	background: url(/images/menu.png) no-repeat;
	text-transform: uppercase;
}



#menu_top a:hover, #menu_top1 a:hover {                                
	color: #DDDDDD;
}

#menu_top .active a {
	color: #A1DA37;
}

#menu_top1 .active a {
	color: #A1DA37;
}


.kalendar{
margin: 20px 0 20px 0;
}

/*===============================TELO===============================*/
#inpage{
position: relative;
width: 990px;
margin: 0 auto;
}

.left{
width: 240px;
margin: 10px;
float: left;
}

.center{
width: 450px;
margin: 10px;
_margin: 0px;
float: left;
}

.center h1{
font-weight: normal;
  padding-bottom: 20px;
text-align: left;
background: url(/images/nadpis.png) no-repeat bottom left;
}

.center span{
font-weight: bold;
font-size: 25px;
}
.center p{
color: #4A4A4A;
font-size: 14; 
}

.anotace{
font-weight: bold;
}

.right{
width: 240px;
margin: 10px;
float: left;
}

.novinky{
width: 240px;
height: 620px;
background: url(/images/novinky.png) no-repeat;
text-align: left;
}
.novinky span{
width: 215px;
margin-left: 25px;
font-size: 10px;
font-weight: bold;
}
.novinky p{
width: 215px;
margin-left: 25px;
font-size: 13px;
color: #4A4A4A;
}

.sluzby{
width: 240px;
height: 280px;
background: url(/images/sluzby.png) no-repeat;
text-align: left;
}

.sluzby ul{
margin-left: 0px;
_margin-left: 25px;
list-style: none; 
}
.sluzby ul li{
margin: 8px 0 8px 0;
}
.sluzby a{
padding-left: 25px;
background: url(/images/point.png) no-repeat center left;
font-size: 15;
font-weight: bold; 
}
.sluzby a:hover{
background: url(/images/point_act.png) no-repeat center left;
}


.let{
width: 240px;
height: 280px;
margin-top: 10px;
background: url(/images/15let.png) no-repeat;
text-align: left;
}
.let h3{
font-size: 18;
}

.let p{
width: 200px;
margin: 10px;
margin-left: 30px;
}

a{
text-decoration: none;
color: #4A4A4A; 
border: none;
font-weight: bold;
}

img{
border: none;
}


.kontaktform{
width: 600px;
float: left;
margin: 10px;
text-align: left;
}

.kontakt{
width: 330px;
float: right;
margin: 10px;
_margin: 0;
padding: 10px;
text-align: left;
background: #E8E8E8;
}

.f_email{
float: right;
width: 400px;
}

.f_zprava{
margin-bottom: 10px;
margin-top: 10px;
}

.central{
width: 80%;
text-align: left;
margin: auto;
}

.bigleft{
float: left;
width: 690px;
margin: 10px;
text-align: left;
}

.news{
border-bottom: 1px solid #D0D1D2;
padding-bottom: 15px;
}

.new{
float: left;
margin-right: 10px;
}

.novinka{
margin: 10px;
border-bottom: 1px solid #D0D1D2;
height: 200px;
}

/*===========================FOOTER========================= */

#footer{
width: 100%;
height: 169px;
position: relative;
bottom: 0;
text-align: center;
background: url(/images/bottomrepeat.png) repeat-x;
clear: both;
}

#footerin{
width: 990px;
height: 169px;
bottom: 0;
margin: 0 auto;
text-align: right;
position: relative;
}

#blog{
height: 126px;
width: 450px;
position: absolute;
bottom: 10px;
left: 10px;
}

#blog img{
float: right;
}

#blog h3{
font-size: 17;
text-align: left;
margin: 0;
padding: 0;
}

#softweb{
font-size: 12;
position: absolute;
bottom: 15px;
right: 0;
color: #FFFFFF;
font-weight: bold;
}

#menicko{
font-size: 12;
position: absolute;
right: 0;
bottom: 100px;
color: #A1DA37;
font-weight: bold;
}