body, html {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 0px; padding: 0px; 
	border: 0px none; 
	text-align: center;
	position: relative;
	font-size: 100%;		
}
body { background: #fff url(../img/bg2018.jpg) repeat-x; font-size: 80%; }

body, div, p, img, table, form, h1, h2 { margin-top:0px; margin-bottom:0px; padding:0px; text-align:left; } 
.clear {clear:both; height: 0px; width: 100%; }
a img { border: none; }
a { color: #fcb040; text-decoration: underline; }

#Container { width: 945px; margin-left: auto; margin-right: auto; margin-top:0px; background: #fff; }

#Header { height: 98px; width: 945px; background:#f4f7f8 }
#Header #Logo { width: 660px; float:left;}

.homepage { height: 430px; } /* 390px original bez upoutavky */
.standard { height: 280px; }

#HeadLine { width: 658px;  float: left;}
#HeadLine #Menu { height: 35px; float: left; width: 650px; }
#HeadLine #Menu p { padding:  10px 0px 0px 25px;}
#HeadLine #Menu p a { color: #6b6b6b; font-size: 120%; padding-right: 15px; text-decoration:none;}
#HeadLine #Menu p a:hover { color: #fcb040; text-decoration:none;  } 
#HeadLine p.bans { padding: 0px 0px 0px 25px; margin: 0px;   }
#HeadLine p.bans img { margin-right: 15px; margin-left: 8px;}


#Aniamtion { position: relative; height: 240px; overflow: hidden }
#Aniamtion img { position: absolute; width: 100%; height: 240px; left: 0; top:0; opacity: 0; transition: opacity .8s ease-in-out }


/* HEADBOX -------------------------------------------- */
#HeadBox { width: 244px; float: left; margin-left: 15px; }

#Rates { width: 244px; margin-top: -70px; }
#Rates th, #Rates td { height: 28px; color: #fff; }
#Rates th { background: url(../img/st_header.gif) right top no-repeat; padding: 5px 0px 0px 10px; font-size: 85%; }
#Rates td.Titl { font-size: 90%; padding-left: 10px; width: 70%;}
#Rates td.Proc { font-size: 120%; width: 30%}
#Rates td { background: url(../img/bg_line2018.png) left top repeat-x; letter-spacing: 1px;}

#HeadBox form { padding: 0px; margin: 15px 0px 10px 0px;}
#HeadBox form span { display: block; float: left; width: 65px; padding-top: 3px; color: #797979;}
#HeadBox form input.Key { padding: 2px; color: black; height: 13px; width: 120px; margin-right: 15px; display: block; float: left;   }
#HeadBox form input.Submit { border: none; height: 25px; width: 30px; display: block; }

#HeadBox #PromoText { margin-top: 8px; }
#HeadBox #PromoText strong { margin-top: 8px; display: block; margin-bottom: 4px; font-size: 135%; color: #fcb040; font-weight: normal;}
#HeadBox #PromoText p { color: #5b5b5b; font-size:90%; line-height:160% }

#GrayCover { width: 945px; background: url(../img/gray.gif) no-repeat left bottom;}
#Insider { width: 895px; margin-left: 25px; float:left; background: #fff;}
#InsContent { width:852px; margin:0px 0px 15px 20px; float:left;}
#InsContent h1 { color:#656565; font-weight:normal; font-size:165%; margin-bottom:15px }
#InsContent h2 { color:#656565; font-weight:normal; font-size:135%; margin-bottom:15px }
#InsContent p { line-height:150%; margin-bottom:10px }
#InsContent p.Headline { font-weight:bold; font-size:110%; margin-bottom:20px }
#InsContent p .ULLI { display: block; padding-left: 15px; background: url(../img/ULLI.png) no-repeat left top} 
#InsContent em { font-style:normal; display:block; float:left; width:45px}

#FooterAHM { width: 100%; height: 40px; }
#FooterAHM p { text-align: center; padding: 15px 0px 15px 0px; font-size: 85%; color: #787878;}

#Footer { background: #dedfe0; height: 95px; padding: 0px 0px 0px 0px; text-align: center; }

a.hoverize img { opacity: 0.7; filter:alpha(opacity=70) }
a.hoverize:hover img { opacity: 1; filter:alpha(opacity=100) }

form span { color: gray }
form .tInput { font-size:100%; color:black; border:1px solid gray; padding:2px}


/* HOMEPAGE */
p.HomeBans img { margin: 0px 15px 15px 14px;}


/* Forms */
.Schuzka input.vypocet, .Schuzka textarea { border:1px solid #96c23c; background:#f6f6f6; padding:2px }
.Schuzka input.vypocet { width:300px }
.Schuzka textarea { width:500px }


/* Search */
.SearchResults, .SiteMap { margin-top:0px }
.SearchResults span { display:block; margin:3px 0px 0px 0px; font-size:95%; color:gray }
.SearchResults strong { margin-top:20px; font-size:120% }
.SearchResults small a { color: green}





/* kalkulacka */

   
.count_form { FONT-SIZE: 0.9em; background-color: #FFFFFF; border: #96c23c 2px solid; } 
.calc_nadpis { font-weight: bold;  height: 20px; vertical-align:middle; width:100%; padding:4px; padding-top:15px; }
.calc_popis { font-size: 0.9em; color: gray }
.calc_popis, .calc_polozka, .calc_form {padding:4px; }
.calc_polozka, .calc_nadpis {padding-left:8px; white-space: nowrap;}
.count_button {background-color: #96c23c; color:white; border: 0px; font-size: 1em }
.checker {border: 0px; background-color: white }
   
.helper {
  color: red;
  background-color: #D1DAE5;
  text-align: left;
  display: none;
  padding:8px;
  border: 2px solid gray;
  margin-top:10px;
}


.helper_head { font-weight:bold; color:#0F3863; padding:10px; display:block}
.helper_body { color:#0F3863; padding:10px; padding-top:0px; display:block}
.redcolor {color: #0f3863; }
.redbox {color: white; font-weight: bold; background-color: #0f3863;}

.vypocet {
       FONT-FAMILY: "Verdana", "Arial", "Helvetica", sans-serif;
	   border:1px solid #96c23c; background:#f6f6f6; padding:2px; width:90%; font-weight:bold
      }

.vypocet2 {
     	FONT-FAMILY: "Verdana", "Arial", "Helvetica", sans-serif;
	   FONT-SIZE: 7pt;
	   FONT-WEIGHT: Bold;
	   BORDER: 0px; 
	   BORDER: #D1DAE5 1px solid;
	   BACKGROUND-COLOR: #0f3863;
	   COLOR: #35526F;
           WIDTH: 30%;  
      }
.vypocet3 {
     	FONT-FAMILY: "Verdana", "Arial", "Helvetica", sans-serif;
	   FONT-SIZE: 7pt;
	   FONT-WEIGHT: Bold;
	   BORDER: 0px; 
	   BORDER: #D1DAE5 1px solid;
	   BACKGROUND-COLOR: #D1DAE5;
	   COLOR: #35526F;
           WIDTH: 50%;  
      }
.ico {margin-right:8px }
.shape { list-style: square url(../pic/red_shape.gif); line-height:150%}
.nadpis_tit { margin-left: 6px}