/*   ESPO, s.r.o. default laylout v0.1 
  	  Created: 29/07/2004
	  Last Update: 09/08/2011
	  Filename: layout.css
*/
html, body{ 
 margin: 15px 0px;
 padding:0; 
 text-align:center;
 background-color: #E0E0E0;
 font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
 color: #444444;
 font-size:85%;
}
a { color: #376098; text-decoration: none; font-weight: normal; }
a:link, a:visited { color: #376098; text-decoration: none; border-bottom: 1px dotted #4f8adc; }	
a:hover, a:active { color: #4f8adc; text-decoration: none; border-bottom: 1px dotted #FFFFFF; }
a.path:link, a.path:visited { color: #376098; text-decoration: none; border-bottom: 0px; }	
a.path:hover { color: #4f8adc; text-decoration: none; }
a.path:active { color: #4f8adc; text-decoration: none;}
a.reklamabanner:link, a.reklamabanner:visited { color: #376098; text-decoration: none; border-bottom: 0px; }	
a.reklamabanner:hover { color: #4f8adc; text-decoration: none; }
a.reklamabanner:active { color: #4f8adc; text-decoration: none;}
h1 {
	font-family: "trebuchet ms", "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
 	font-size: 1.4em;
	text-align: center;
	color: #595E84;
}
h2 {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
  font-size: 1.3em;
  color: #595E84;
}
h3 {
	font-size: 1.2em;
	margin:0px ;	
}
h5 {
	line-height: 1.8em;
}

img {border: 0}
a img {border: 0 solid black}

ul li {
	margin:0px ;	
	padding: 0px;
}


form { 
	margin: 0px;
	display: inline;
}
#box {
	width: 738px;
	margin: 0px auto;
	text-align: left;
	background-image: url(images/bg.gif);
}
#top {
	width: 738px;
	height: 114px;
	margin: 0px auto;
	text-align: left;
	background-color: #2C5FBC;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#topleft {
	width: 246px;
	float: left;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#topmiddle {
	width: 246px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#topright {
	width: 246px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#path {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
  color: #b2b2b2;
  width: 738px;
  height: 35px;
  background-image: url(images/bg_path.gif);
}
#reklamabanner {
	text-align: center;
}
.col-right {
 	padding-right: 10px;
	float: right;
}
.col-left {
	float: left;
}
.col-tab {

	width: 528px;
}
.col-sloupec1 {
	width: 148px;
	float: left;
}
.col-sloupec1auto {
	width: auto;
	float: left;
}
.col-sloupec2 {
	width: 380px;
	float: left;
}
acronym {
        cursor: help;
}
#path p{
  margin: 0px 0px 0px 10px;
  clear: left;
  color: #586874;
  font-size:100%; 
  color: #626262; 
  line-height: 32px;
}
#contentbox {
	clear: both;
	width: 738px; 
background-image: url(images/bg.gif);
}
#content {
	float: left;
	width: 528px;
	margin: 0px 0px 0px 0px;
	padding-top: 10px;
	padding-left: 16px;
	padding-right: 0px;
	padding-bottom: 10px;
	background:  url(images/bg.gif);
}
.bigger{
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px dotted
}
#content img.picturer {	
	float: right;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid; 
	padding: 2px;
   background: white; 
   margin: 0px 0px 1px 10px; 
	}
#content a img.picturer:hover {
	border-color: #9396A6;
}
#sidebar {
	width: 178px;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	float: right;
}
#bottom {
	clear: both;
	width: 738px;
	height: 35px;
	background-image: url(images/bg_bottom.gif);
}
.center {
	text-align:center;
}
.copyright {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
   font-size: 9px;
	color: #b2b2b2;
	text-align: center;
	padding-top: 15px;
	margin-top: 0px;
}
.copyright { 
  font-size:95%; 
  color: #626262; 
  line-height: 12px; }
.button {
	margin-left: 1px;
	width: 170px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
	font-size: 11px;
	background-color: #f6f6f6;
	color: #333;
}
.button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}			
.button li {
	margin: 0px auto;
}
.button li .none {
	display: block;
	padding-left: 10px;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-right: 6px;
	background-color: #f6f6f6;
	color: #242424;
	text-decoration: none;
	width: 100%;
	border-bottom: 1px solid #e9e9e9;
	font-size:85%;
}
.button li a.nav {
	display: block;
	padding-left: 10px;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: #f6f6f6;
	color: #242424;
	text-decoration: none;
	width: 100%;
 	border-top: 1px solid #ffffff;

}
.button li b {
	display: block;
	padding-left: 10px;
	padding-bottom: 1px;
	padding-top: 1px;
	background-color: #f6f6f6;
	color: #242424;
	text-decoration: none;
	width: 100%;
	border-bottom: 1px solid #e9e9e9;
}
.nadpis {
	font-size: 1.6em;
	color: #376098;
	margin-bottom: 0px;
	margin-top: 15px;
}
.date {
	font-size: 0.9em;
	margin-left: 16px;
	margin-top: 1px;
	margin-bottom: 1px;
}
.entry {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	border-left: 1px dotted #ccc;
	padding-left: 10px;
	text-align: justify;
}
.entrysmall {
	font-family:  Helvetica, Verdana, Arial, Sans-serif;
	color:#666666;
	font-size:83%;
	text-align: justify;
}
.justify {
	text-indent: 15px;
	margin-left: 15px;
	text-align: justify;
}
.underline {
	text-decoration: underline;
}
.table {
 font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
 color: #444444;
 font-size:150%;
}
.tr, th, td {
 font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
 color: #444444;
 font-size:80%;
}
.inputlogin {
  width: 112px;
  color: #444444;
  background: #F9F9F9;
  border: 1px solid #ccc;
  font-size: 10px;
  font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Lucida, Helvetica, Verdana, Arial, Sans-serif;
  }
html>body .button li .none {
	width: auto;
}
html>body .button li a.nav {
	width: auto;
}
html>body .button li b {
	width: auto;
}
.button li a.nav:hover {
	background-color: #e9e9e9;
	color: #242424;
	border-top: 1px solid #e9e9e9;
}
a.nav:link, a.nav:visited, a.nav:hover, a.nav:active { color: #242424; text-decoration: none; border-bottom: 1px solid #e9e9e9; }
/* clear image borders */
image {  text-decoration: none; border: 0px; }
a.image:link, a.image:visited, a.image:hover, a.image:active { text-decoration: none; border: 0px; }
.pic-left, .pic-right {
       float: left;
       margin: 13px 10px 10px 0px;

       }
.pic-right {
       float: right;
       margin: 13px 0px 10px 10px;
       }
		 

.formemail {
	width: 520px;
}
.formemail fieldset {
	border: 3px double #aadcfe;
	color: #565656;
}
.formemail legend {
	color: #a60000;
	border: 1px solid #aadcfe;
	width: 80px;
	text-align:center;
	font-weight:bold;
	margin-bottom: 0.5em;
}
.formemail input, .formemail textarea {
	width: 300px;
}
.formemail submit{
	width: 30px;
}
fieldset#formemail {
	background: url("images/email.gif") no-repeat right bottom;
	padding: 0.5em;
}
fieldset#formemail2 {
	background: url("images/terminal.gif") no-repeat right bottom;
	padding: 0.5em;
}
.submit{
 margin: 0.2em;
}
.submit input{
  float:none;
  width:100px;
  font-weight:bold;
}
.submit input:hover{
  background:rgb(223,223,223);
  color:#a60000;
}

.pink  {
 font-weight: bold;
 color:#e23983;
}


.gray  {
 color:#707070;
}