body {
  background: url("img/body_bg.png") repeat-x white top;
  font-family:  Tahoma, 'Lucida Grande CE', lucida, sans-serif;
  margin: 0px;
  padding: 0px;
}


#left {
  width: 276px;
  /*background-position: 14px 33px;*/
  /*margin: 0px auto;*/
  /*border: 1px solid green;*/
  padding: 304px 0px 0px 0px;
  float: left;
}


.uvod, .ostatni {
  background: url("img/uvod.jpg") no-repeat;
}
   
.profil {
  background: url("img/o-firme.jpg") no-repeat;
}
     
.cenik {
  background: url("img/cenik.jpg") no-repeat;
}
     
.kalendar {
  background: url("img/calendar.jpg") no-repeat;
}
   
.kontakt {
  background: url("img/contact.jpg") no-repeat;
}
    
.sluzby {
  background: url("img/sluzby.jpg") no-repeat;
}
      


#left-menu {
  /*width: 215px; */
  background: url("img/left-menu_prechod-bg.png") repeat-x;
  background-color:  #eff0f0;
  padding: 14px 1px 1px 1px;
  

}

#left-menu h3, #fast-contact h3{
  /*width: 272px; */
  color: #d16902;
  font-size: 18px;
  font-weight: normal;
  padding: 15px 15px 0px 28px;
  margin: 0px;
  background: white;  
}
                              
#left-menu ul{
  /*width: 200px;*/
  list-style-type: none;
  /*margin: -5px 0px 0px 10px;  */
  padding: 1px 0px 15px 20px;
  margin: 0px;
  background: white;
}

#left-menu ul li{
  width: 160px;
  background: url("img/left-menu-li_bg.png") no-repeat;
  background-position: 6px 10px;
  margin: 5px 0px;
  padding: 2px 0px 1px 19px;
}

#left-menu ul li a {
  color: #285e86;
  font-size: 9pt;
  font-weight: bold;
  font-family: sans-serif;
}

#left-menu ul li a:hover {
  color: #4d4f51;
  text-decoration: none;
}

.hidden {
  display: none;
}

#fast-contact {
 
  height: 215px;
  background: white;
  background-position: bottom;
  padding: 5px 0px;
  margin: 1px 0px 0px 1px;
  
}


#fast-contact a{
  color: #285e86;
  font-size: 16px;
  font-weight: normal;
  padding: 0px 0px 0px 0px;
}

.cont-tel {
  /*width: 190px; */
  height: 40px;
  background: url("img/mobil.png") no-repeat;
  background-position: 0px 3px;
  text-align: left;
  margin: 14px 0px 0px 38px;
  padding: 10px 0px 0px 47px;
  color: #4c4e50;
  font-size: 16px;
  /*font-weight: bold;*/
}

.cont-mail {
  /*width: 190px; */
  height: 43px;
  background: url("img/dopis.png") no-repeat;
  background-position: 0px 3px;
  text-align: left;
  margin: 0px 0px 2px 30px;
  padding: 13px 0px 0px 57px;
  color: #174b6f;
  font-size: 16px;
 /* font-weight: bold;*/
}



#page {
  width: 1000px;
  /*background: white; */
  margin: 0px auto;
}

#main {
  width: 699px;
  float: left;
  background: url("img/logo2.jpg") no-repeat;
  padding: 15px 0px 0px 25px;
}


.logo-href {
  display: block;
  width: 250px;
  height: 60px;
  margin: 0px 0px 20px -15px; 
  /*float: left;  */
}


#top-menu {
  width: 720px;
  height: 35px;
   /*background: url("img/top-menu_oddelovac.png") no-repeat right 8px;  */
  background: url("img/top-menu_oddelovac.png") no-repeat 2px 8px;
  margin: 0px;
  padding: 0px;
}

#top-menu ul {
  background: url("img/top-menu_oddelovac.png") no-repeat;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#top-menu ul li{
  background: url("img/top-menu_oddelovac.png") no-repeat right 8px;
  height: 35px;
  margin: 0px 0px 0px -2px;
  padding: 0px 0px;
  float: left;
}

#top-menu ul li:hover{
  background: white;
}

#top-menu ul li span{
  display: block;
  background: white;
  float: left;
}

#top-menu ul li a{
  display: block;
  background: none;
  height: 20px;
  margin: 0px;

  font-size: 11pt;
  color: #174b6f;
  padding: 8px 21px 8px 23px;
  float: left;
}

#top-menu ul li.active a{
  text-decoration: none;
  color: #4b4e50;
  font-weight: bold;
}

#top-menu ul li.active {
  background: white;
}

#top-menu ul li a:hover{
  background: white;
  text-decoration: none;
}

#top-menu ul li span.start{
  background: none;
  width: 3px;
  height: 35px;
  margin: 0px;
  padding: 0px;
}

#top-menu ul li span.end{
  background: none;
  width: 3px;
  height: 35px;
  margin: 0px;
  padding: 0px;
}

#top-menu ul li:hover span.start{
  background: url("img/top-menu_item-left-corner.png") no-repeat;
  /*height: 20px; */
  margin: 0px;
  padding: 0px;
}

#top-menu ul li:hover span.end{
  background: url("img/top-menu_item-right-corner.png") no-repeat;
 /* height: 20px; */
  margin: 0px;
  padding: 0px;
}

#top-menu ul li.active span.start{
  background: url("img/top-menu_item-left-corner.png") no-repeat;
  /*height: 20px;*/
  margin: 0px;
  padding: 0px;
}

#top-menu ul li.active span.end{
  background: url("img/top-menu_item-right-corner.png") no-repeat;
 /* height: 20px;  */
  margin: 0px;
  padding: 0px;
}

.clear {
  clear: both;
}


#content {
  width: 670px;
  margin: 0px;
  float: left;
}

#content h2{
  width: 90%;
  color: #d16902;
  font-size: 22pt;
  font-weight: normal;
  margin: 15px 0px 10px 0px;
  padding: 0px;
}

#content h3{
  width: 90%;
  color: #d16902;
  font-size: 18pt;
  font-weight: normal;
  margin: 1em 0em .2em 0em;
  padding: 0px;
}

#content h4{
  width: 90%;
  color: #d16902;
  font-size: 14pt;
  font-weight: normal;
  margin: 1em 0em .2em 0em;
  padding: 0px;
}

#content p,
#content .ref-table{
  color: #525252;
  font-size: 12px;
  font-weight: normal;
  margin: 12px 0px 12px 0px;
  text-align: justify;
  line-height: 140%;
}

#content ul, #content ol{
  width: 99%;
  color: #525252;
  font-size: 12px;
  margin: 18px 0px 18px 0px;
  padding: 0px;
  list-style-type: none;
}

#content ul li{
  color: #525252;
  font-size: 12px;
  font-weight: normal;
  background: url("img/content-li_bg.png") no-repeat 0px 0px;
  margin: 7px 0px 7px 10px;
  padding: 0px 0px 0px 18px;
}

#content ol li{
  color: #525252;
  font-size: 12px;
  font-weight: normal;
  padding: 7px 0px 7px 20px;
}

#content a,
td.title {
  color: #174b6f;
  font-weight: bold;
}

#content a:hover {
  text-decoration: none;
}

#content a img {
	border: 0px;
}

.content-button {
  height: 32px;
  background: #dbebf6;
  float: left;
  color: #174b6f;
}

.button-start {
  width: 3px;
  height: 32px;
  background: url("img/content-button_left.png");
  float: left;
  color: #174b6f;
}

.button-end {
  width: 13px;
  height: 32px;
  background: url("img/content-button_right.png");
  float: left;
  color: #174b6f;
}

#content .content-button a {
  display: block;
  
  color: #174b6f;
  margin: 7px 0px 0px;
  padding: 0px 8px;
  float: left;
}

div.c-left,
div.c-right {
	width: 49%;
	font-size: 11pt;
	float: left;
}

.more  {
  color: #174b6f;
  font-size: 13px;
  font-weight: bold;
}

.more:hover  {
  text-decoration: none;
}


#price-list-tax-cal {
  background: url("img/uvod_cenik-calendar_bg.png") repeat-y;
  width: 685px;
}
#price-list-tax-cal p {
  text-align: left;
}

#price-list-tax-cal-top {
  background: url("img/uvod_cenik-calendar_top.jpg") no-repeat;
  width: 685px;
  height: 105px;
}

#price-list-cont, #tax-cal-cont {
  width: 281px;
  
  padding: 5px 25px 10px 25px;
  float: left;
}

#tax-cal-cont {
  margin: 0px 0px 0px 23px;
}

#tax-button {
    width: 123px;    
    height: 32px;
    background: url("img/uvod_cenik_button.png") no-repeat;
    text-align: center;
    padding: 4px 0px 0px;
    float: right;
}

#cal-button {
    width: 150px;    
    height: 32px;
    background: url("img/uvod_calendar_button.png") no-repeat;
    text-align: center;
    padding: 4px 0px 0px;
    float: right;
}

#price-list-cont .more, #tax-cal-cont .more{
 
  color: #174b6f;
}


#price-list-tax-cal-bottom {
   width: 685px;
   height: 10px;
   background: url("img/uvod_cenik-calendar_bottom.png");
   clear: both;
   margin: 0px;
   padding: 0px; 
}

.term span{
  color: #4d4f51;
  font-weight: bold;
}

#right {
  width: 250px;
  float: left;
  margin: 0px 0px 0px 20px;
}


#news-top {
  width: 250px;
  height: 12px;
  background: url("news-top.png") white no-repeat bottom;
  font-size: 0px;
}

#news {
  padding: 10px 15px;
}

#news h2{
  width: 99%;
  color: #b25a27;
  font-size: 21px;
  font-weight: normal;
  margin: 5px 0px 15px 0px;
  padding: 0px;
}

#news p{
  color: #525252;
  font-size: 12px;
  font-weight: normal;
  margin: 0px 0px 15px 0px;
  padding: 0px;
  line-height: 140%;
}

.new-date{
  margin: 0px;
  font-size: 11px;
  color: #525252;
}
.new-headline {
  color: #285e86;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
  margin: 2px 0px 0px;
}

#news a.more {
  float: right;
}

#foot {
  /*width: 100; */
  height:  40px;
  text-align: left;
  color: #525252;
  font-size: 8pt;
  background: url("img/bottom_bg.png") repeat-x white;
  padding: 25px 0px 20px 50%;
  /*margin: 12px auto;*/
}

#foot-in  {
  width: 500px;
  text-align: right;
}

#foot a{
  color: #285e86;
}

.map_preview {
	float: right;
	padding-top: 2.5em;
}

form {
	font-size: 12px;
	color: #525252;
}

fieldset {
	border: 1px solid #285E86;
}

legend {
	color: #285E86;
	font-weight:bold;
}

form label {
	float: left;
	width: 12em;
	display: block;
}

label.required {
	font-weight: bold;
}

b.required {
	color: red;
}

.last {
	text-align: center;
}
#content .ref-table {
	text-align: center; width: 460px;
}



#cenik,
.dan_calendar {
	font-size: 12px;
	color: #525252;
}

#cenik td {
	width: 50%;
	padding: .3em 0em;
	border-bottom: .1px solid #525252;
}

#cenik td.center {
	text-align: center;
}

.dan_calendar,
.dan_calendar tr,
.dan_calendar td {
	border: 1px solid silver;
	border-collapse: collapse;
}

.dan_calendar th,
.dan_calendar td {
	padding: .2em .5em;
}

.dan_calendar th{
	text-align: left;
	color: white;
	font-weight: bold;
	font-size: 16px;
	background-color: #285E86;
	padding: .2em 0em .2em .5em;
}

.dan_calendar td.day {
	background-color: #f5f3e4;
	text-align: center;
}

.dan_calendar td.dan_text {
	font-weight: bold;
}

#content-calendar div.left,
#content-calendar div.right {
	width: 49%;
	float: left;
}