body { margin: 0; padding: 0; text-align: center; background: #fff}


* {margin: 0; padding: 0; border: 0; text-align: left; font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 18px; color: #999 }

#container {
	margin: 0 auto; 
	width: 770px; 
	background: url('images/hdr.jpg') no-repeat top left;
	}

#navarea { 
	width: 772px; 
	height: 50px; 
	background: transparent;
}

#hdr {
	width: 770px;
	height: 125px;
	background:  transparent
}

#lftcol {
	float: left;
	width: 200px;
	background: transparent;
    padding-top:55px;
}

#lftcol td, tr, a {
    font-size: 11px;
    line-height: 13px;
    color: #fff;
}

#maincol {
	float: right;
	width: 570px;
}

#bttmbar {
    margin-top: 15px;
    margin-bottom: 20px;
	float: right;
	width: 570px;
	height: 30px;
	overflow: hidden;
    -moz-border-radius-bottomleft: 9px;
    -moz-border-radius-bottomright: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    box-shadow : 0 1px 1px #888;
	background:#5BC4FD;
}

#bttmbar span#copyright {
	margin-left: 10px;
	float: left;
	line-height: 30px;
	text-align: right;
	font-size: 9px; 
	color: #FFF;
}

#bttmbar a, a:visited, a:active {
    color: #FFF;
    font-style: normal;
    text-decoration: none;
}

#bttmbar a:hover {
    text-decoration: underline;

}

#sitetitle {
	position: relative;
	top: 20px;
	left: 400px;
	font-family: Georgia, serif; 
	font-size: 36px; 
	line-height: 40px;
	font-weight: 100;
	color: #FF6512;
	letter-spacing: 8px;
    text-shadow: 0px 2px 4px #999; 
	}
	
#subtitle {
	position: relative;
	top: 24px;
	left: 500px;
	font-size: 12px; 
    font-style: italic;
	font-weight: normal;
	line-height: 18px;
	color: #333;
	letter-spacing: 3px;
	}

#maincol p, table, td, tr { 
	color: #999; 
	margin: 5px 40px 5px 45px; 
	letter-spacing: 0px 
}

#maincol h1,h2 {
	margin: 15px 10px 5px 25px; 
	font-family: Georgia, serif; 
	font-size: 17px; 
	font-weight: 100; 
	line-height: 19px; 
	color: #FFF; 
    text-shadow: 1px 1px 0 #999; 
}

#maincol .date {
	margin-left: 25px; 
	font-size: 9px; 
	color: #6488F7;
	letter-spacing: 1px
}

#maincol a:link, #maincol a:visited { 
	color: #999;
	text-decoration: underline;
	text-align: left;
}

#maincol a:hover, #maincol a:active {
	text-decoration: none;
    color: #000; 
}

#lftcol a:link, #lftcol a:visited {
	padding-left: 0;
	color: #fff;
	text-decoration: none;
	text-align: left;
}
	
#lftcol a:hover, #lftcol a:active {
	color: #FFF000;
}

#pociadlo {
    margin: 0 15px 12px 15px;
    padding: 0px 15px 12px 15px;
}

#nostyle a,a:hover,a:active,a:visited {
    text-decoration: none;
    color: none;

}

#uvod {
    padding-top: 5px;
}

#uvod p {
    font-weight: normal;
    font-variant:small-caps;
    font-size: 1.2em;
    line-height: 15px;
}
	
.leftcolbox h1,h2,h3 {
	font-family: Verdana, Arial, sans-serif;
	margin: 0 15px 12px 15px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0;
	font-size: 11px;
	line-height: 14px;	
}

#nav 
{
	float: right;
	margin-top: 27px;
	white-space: nowrap;
    position: relative; 
}

#nav li
{
	float: left;
	list-style: none;
	line-height: 21px;
	text-align: center;
}

#nav a {
	font-size: 1.1em;
	padding-left: 20px;
	display: block;
	margin-right: 5px;
	width: 55px; 
	height: 21px;
	line-height: 21px;
	text-decoration: none;
	 }

#nav a:link, #nav a:visited
{
	color: #333; 
}

/*#nav a:hover, #nav a:active 
{
	border-bottom: 2px solid #5BC4FD; 

}

#nav a:active, #nav a:active, #current
{
	border-bottom: 2px solid #FF6512; 

}*/

.leftcolbox table {
	margin: 0 15px 12px 15px;
}

.leftcolbox a {
    line-height: 13px;
}

.leftcolbox img {
	margin: 0 auto;
}

acronym {
	color: #ccc;
	border-bottom: 1px dashed #ccc;
	cursor: help;
}

#bttmnav { float: right; margin-right: 10px }
#bttmnav li {display: inline; font-weight: normal;}
#bttmnav a {padding-left: 10px; font-size: 9px; line-height: 30px; }
#bttmnav a:link, #bttmnav a:visited { color: #FFF; }
#bttmnav a:hover, #bttmnav a:active { color: #FFF000; }

#maincol ul {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 70px;
	list-style: square;
}

#maincol li {
	color: #999;
	margin-left: 10px;
}

#maincol ol {
  margin-top: 15px; 
  margin-bottom: 15px; 
  font-size: 0.7em;
  line-height: 1.5em;
  list-style-type:  decimal
 }

.cenik {
  border: none;
  font-weight: bold;
  
}

.lbunka {
    width:367px;
}

#formular table {
    color: #999; 
	margin: 5px 40px 5px 45px; 
	letter-spacing: 0px 
}

#formular input, textarea {
    border-style: solid;
    border-color: #5BC4FD;
    border-width: 1px;
}

#formular input:focus, textarea:focus {
    border-color: #FF6512;
}


textarea {
    width: 360px;
    height: 150px;
    resize: none;
    margin-right: 64px;
}

#portret {
    margin-left: 10px;
    -moz-box-shadow: 0 2px 3px #999;
    -webkit-box-shadow: 0 2px 3px #999;
    box-shadow: 0 2px 3px #999;
}

#map_canvas {
	margin: 5px 40px 5px 45px; 
}

      /* MODRY CUDL */
.button {
    display: inline-block;
    position: relative;
    padding: 4px 15px;
    text-align: center;
    text-decoration: none;
    font: bold 1em Verdana, Arial, sans-serif;
 
    text-shadow: 1px 1px 1px rgba(255,255,255, .22);
 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
 
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
    box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);
 
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.blue {
    color: #FFF;
    background: #5bc4fd; /* Old browsers */
    background: -moz-linear-gradient(top,  #5bc4fd 0%, #39a0be 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5bc4fd), color-stop(100%,#39a0be)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5bc4fd 0%,#39a0be 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5bc4fd 0%,#39a0be 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5bc4fd 0%,#39a0be 100%); /* IE10+ */
    background: linear-gradient(top,  #5bc4fd 0%,#39a0be 100%); /* W3C */
}

.button:hover {
    background: #5bc4fd; /* Old browsers */
    background: -moz-linear-gradient(top,  #FF6512 0%, #be5739 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6512), color-stop(100%,#be5739)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #FF6512 0%,#be5739 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FF6512 0%,#be5739 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FF6512 0%,#be5739 100%); /* IE10+ */
    background: linear-gradient(top,  #FF6512 0%,#be5739 100%); /* W3C */
}

.button:active {
    background: #5bc4fd; /* Old browsers */
    background: -moz-linear-gradient(top,  #FF6512 0%, #be5739 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6512), color-stop(100%,#be5739)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #FF6512 0%,#be5739 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FF6512 0%,#be5739 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FF6512 0%,#be5739 100%); /* IE10+ */
    background: linear-gradient(top,  #FF6512 0%,#be5739 100%); /* W3C */
    -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
    -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
    box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);
}

      /* MODRY CUDL*/

#navarea {
    width: 772px;
    height: 50px;
    background: transparent;
}


/* Clearfix */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */

/* Jezdicicara */
#example-one { 
	list-style: none; 
	position: relative; 
    width: 772px;
    height: 50px;
    background: transparent;
}
#example-one li { 
	display: inline-block;	
}

#magic-line { 
	position: absolute;
	bottom: -2px; 
	left: 0; 
	width: 80px; 
	height: 2px;
	background: #5BC4FD;
}

.ie6 #example-one li, .ie7 #example-one li { 
	display: inline; 
}
.ie6 #magic-line {
	bottom: -3px;
} 
      /* MENU ANIMACE*/


      /* ADVANCED STINY*/

.rule {
	background:#5BC4FD;
    width:570px;
	height:21px;
    border: none;
}

.leftcolbox {
    -moz-border-radius: 9px;
    border-radius: 9px;
	background:#5BC4FD;
    -moz-box-shadow: 0 0 3px #888;
    -webkit-box-shadow: 0 0 3px #888;
    box-shadow: 0 0 3px #888;
    padding: 10px 0 3px 0;
	margin: 15px;
	width: 170px;
}
/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  -webkit-box-shadow: 0 4px 2px -3px #888;
  -moz-box-shadow: 0 4px 2px -3px #888;
   box-shadow: 0 4px 2px -3px #888;
}
/*.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 11px;
  left: 3px;
  width: 50%;
  top: 20%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 10px 5px #777;
  -moz-box-shadow: 0 10px 5px #777;
  box-shadow: 0 10px 5px #777;
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
.effect2:after
{
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg);
  right: 3px;
  left: auto;
}*/