@charset "utf-8";
/* CSS Document */

* { margin:0; padding: 0; }

body  {
	margin: 0 auto;	
	background: #eeeaea url(img/site/imgbg.jpg) repeat-x;
}

body, div, p, table, td, th, ol, textarea, input
{
	font: normal 12px/1.50 Tahoma, Trebuchet MS, Arial, Verdana, sans-serif;
	color: #000;     
}

ul {list-style-type:circle; padding:0px; margin-left:18px;}
li {text-align: left; font: normal 14px/1.85 Trebuchet MS, Arial, Verdana, sans-serif;}
img {border: none;}
em {color: #000; font-style: normal; font-weight: bold; font-size: 14px; text-align: left; }

a em {color: #a9201b; font-style: normal; font-weight: bold; font-size: 16px; text-align: right; text-decoration: none; }


h1 {
  font-size: 36px;
	color: #a9201b; 
	line-height: 36px;  
  text-align: left;  
  font-weight: bold;
  font-style: normal;   
  text-transform: none;
}

h2
{    
  font-size: 30px;
  color: #50a8b4;  
	line-height: 30px; 
  text-align: left;
  font-weight: bold;
  font-style: normal;
  text-transform: none;    
}

h3         
{
  font-size: 20px;
  color: #fff;  
	line-height: 20px; 
  text-align: left;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;    
}

h4         
{
  font-size: 20px;
  color: #a9201b;  
	line-height: 20px; 
  text-align: left;
  font-weight: bold;
  font-style: normal;  
  text-transform: uppercase;
  margin-top: 6px;      
}

h5         
{
  font-size: 20px;
  color: #000;  
	line-height: 20px; 
  text-align: left;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 6px;   
}

h6       
{
  font-size: 15px;
  color: #000;  
	line-height: 15px; 
  text-align: left;
  font-weight: normal;
  font-style: normal;
  text-transform: none;     
}

a:active, a:link, a:visited  {
	color: #a9201b;
	text-decoration: underline;
}

a:hover {
	color: #a9201b;
	text-decoration: none;
}

/* SITE */
#ornament {  position: relative;  display: block;  width: 100%;  margin:0;  height: auto !important;  background: url(img/ornament.gif) 100% 100% no-repeat;} 
	
#site	{
  position: relative;
  display: block;
  width: 960px;
  margin: 0 auto;	
  background-color: #fff;
}

#header	{
  position: relative;
  display: block;
	width: 960px;
  height: 104px;
  background-color: #fff;
  text-align: center;
}

#logo_espra {
  position: absolute;
  top: 2px;
  left: 0px;
  display: block;
  width: 320px;
  height: 100px;
  background: url(img/site/espra.gif) 0 0 no-repeat;
}

#uvod {
  position: absolute;
  top: 22px;
  left: 830px;
  display: block;
  width: 40px;
  height: 55px;
  background: url(img/site/uvod.gif) 0 0 no-repeat;
}

#mapa {
  position: absolute;
  top: 22px;
  left: 812px;
  display: block;
  width: 70px;
  height: 55px;
  background: url(img/site/mapa.gif) 0 0 no-repeat;
}

#kontakt {
  position: absolute;
  top: 22px;
  left: 884px;
  display: block;
  width: 40px;
  height: 55px;
  background: url(img/site/kontakt.gif) 0 0 no-repeat;
}

#logo_espra a, #uvod a, #mapa a, #kontakt a {
  display: block;
  width: 100%;
  height: 100%;
}

#menu
{
  position: relative; 
  display: block;
  float: none;  
  width: 960px;
  height: 44px;   
  background-color: #2e2f33;
}

#nav {
  float: left;
  width: 100%;
  height: 44px;
}

#nav ul li {display: inline;  font-weight: bold; }

#nav ul {
  white-space: nowrap; 
  margin: 0;
  padding: 0 0 0 8%;
  color: #fff;
  line-height: 44px;
  letter-spacing: 1px;
  font-weight: bold;
  display: block;
  position: relative;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

#nav ul li a {
  float: left;
  color: #fff;
  line-height: 44px; 
  white-space: nowrap; 
  padding: 0 18px 0 18px;
  text-decoration: none;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  background-color: Black;
}

#nav ul li a:hover {
  background: #2e2f33 url(img/site/amenu.gif) repeat-x;
  color: #fff;
  height: 44px;
}

#nav li#active a {
  background: #2e2f33 url(img/site/amenu.gif) repeat-x;
  color: #fff;
  height: 44px;
}

/*flash*/
#flash { position: relative; display: block; float: none; margin-bottom: 30px; }
#slide_show_box { position: relative; display: block; width: 960px; height: 244px; }

/* casti stranok s obsahom */
#content { position:relative; display: table; width: 960px; margin: 0; padding: 0; text-align: left; background: url(img/site/content.jpg) no-repeat; }
#content1 { float: left; width: 240px; }
#obsah1 { width: 200px; margin: 0 20px 0 20px;}
#content2 { float: left; width: 240px; }
#obsah2 { width: 200px; margin: 0 20px 0 20px;}
#content3 { float: left; width: 240px; }
#obsah3 { width: 200px; margin: 0 20px 0 20px;}
#content4 { float: left; width: 240px; }
#obsah4 { width: 200px; margin: 0 20px 0 20px;}

/* ALTERNATIVA casti stranok s obsahom */
#content211 { position:relative; display: table; width: 960px; margin: 0; padding: 0; text-align: left; background: url(img/site/content211.jpg) no-repeat; }
#content12 { float: left; width: 480px; }
#obsah12 { width: 440px; margin: 0 20px 0 20px;}

/* casti stranok s infopanelom */
#infopanel { position: relative; display: block; width: 960px; height: 40px; margin-top: 48px; padding: 0px;  text-align: left; background: url(img/site/infopanel.jpg) no-repeat; border-top: 1px solid Black; }

#inadpis1 { float: left; width: 320px; background-color: none; }
#ipodnadpis1 { width: 290px; margin: 10px 15px 0 15px;}

#inadpis2 { float: left; width: 320px; background: none; }
#ipodnadpis2 { width: 290px; margin: 10px 15px 0 15px;}

#inadpis3 { float: left; width: 320px; ; background-color: none; }
#ipodnadpis3 { width: 290px; margin: 10px 15px 0 15px;}

#i { float: none; width: 960px; height: 150px; background-color: #f3f5f4; margin-bottom: 20px; border-bottom: 1px solid Black; border-top: 1px solid Black; }

#icontent1 { float: left; width: 320px; height: 150px; background-color: #2e2f33; color: White; }
#iobsah1 { width: 290px; height: 125px; margin: 10px 15px 15px 15px; color: White;   }
#iobsah1 img { border: 1px solid White;}

#icontent2 { float: left; width: 320px; height: 150px; background: #f3f5f4 url(img/site/bg-op.jpg) no-repeat; }
#iobsah2 { width: 290px; height: 125px; margin: 10px 15px 15px 15px;}

#icontent3 { float: left; width: 320px; height: 150px; background-color: #2e2f33; }
#iobsah3 { width: 290px; height: 125px; margin: 10px 15px 15px 15px; color: #fff;}
#iobsah3 img { border: 0px solid Black; height: 60px;}

#footer
{
  position: relative;
	display: block;
	width: 960px;
	height: 40px; 
	color: #000;
	text-align: center;
	font-size: 10px;
	font-style: normal;
	line-height: 0.9; 
	text-transform: none;
  background: #fff;
}

#footer a
{
  color: #8c877e; text-decoration: none; font-weight: bold;
}

input {
	border: none;
	font: normal 11px;
	_font: normal 13px;
	*font: normal 13px;
	color: #f0ece3;
	background: #000;
	border: 1px Solid #eee;
	padding: 3px;
}

input.form {
	font: normal 11px;
	_font: normal 13px;
	*font: normal 13px;
	color:#f0ece3;
	background: #000;
	border: 1px Solid #eee;
	margin-bottom: 5px;
	padding: 3px 3px 5px 3px;
	height: 20px;
}

textarea {
	font: normal 11px;
	_font: normal 13px;
	*font: normal 13px;
	color:#f0ece3;
	background: #000;
	border: 1px Solid #eee;
}

textarea.form {
	border-top:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;  	
	color: #f0ece3;
	background: #000;
}

/* TLACIDLO */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.cleaner {    clear: both; }


.am-wrapper{
	float:left;
	position:relative;
	overflow:hidden;
}
.am-wrapper img{
	position:absolute;
	outline:none;
}