/* html */

html {
  overflow-y: scroll;
  background:url(/img/background.jpg) repeat;
}

*a img {
border:none;
}

#calc_frame_text{
margin:15px 5px 0px 5px;
}

#calc_frame{
width:110px;
max-width:110px;
height:120px;
max-height:120px; 
display:inline-block;
padding-top: 0px;
/*background: url(img/gradient.png) repeat-x 0;*/
background-image: url("/img/calc4.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
color: #000000;
font-size:14px;
text-shadow: 2px 2px 8px #ffffff;
text-align: center;
position: relative;
margin-right:16px;
margin-top:22px;
float: right;
clear: left;
border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
behavior: url(_layout/PIE/PIE.htc);
box-shadow: 0 1px 2px #ffffff;
}
#calc_frame::after {
box-shadow: 0 5px 15px #ffffff;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}

#calc_frame:hover {
transform: scale(1.02, 1.02);
}

#calc_frame:hover::after {
opacity: 1;
}







.BStab {
	width: 100%;
}

.BStab .popis {
	width: 450px;
	font-size: 14px;
}

.BStab .hodnota {
	width: 30px;
	font-weight: bold;
	border: solid;
	padding: 0px 3px 0px 3px;
}

.BStab .plot {
	width: 430px;
	padding: 3px 3px 3px 10px;
}

.BSfooter {
	margin: 30px 0 30px 0; 	
  padding: 15px 0 15px 0;
  border:1px solid #8D8D8D;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.BScolumn {
    float: left;
    padding: 15px;
}
.BSclearfix::after {
    content: "";
    clear: both;
    display: table;
}
.BSleft {
  width:390px;
	min-height: 200px;
	margin:10px 5px 5px 0px;
  padding: 10px 20px 5px 15px;
  border:1px solid #8D8D8D;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}

.BSleft .season{
  margin: 15px 0 0 0; 
}

.BSright {
 width:400px;
 min-height: 211px;
 margin:10px 5px 5px 0px;
 padding: 10px 20px 5px 15px;
 border:1px solid #8D8D8D;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

.BSright input[type=text]{
 width:210px;
 margin: 0 5px 0 0; 
}

.BSright input[type=number]{
 width:90px;
 margin: 0 10px 0 0; 
}

.addrow
{
   float: left;
	 clear: both;
	 margin: 10px;
}

.BScolumn legend
{
   font-family : Arial, sans-serif;
   font-size: 1.1em;
   font-weight:bold;
   color:#333;
	 margin: 10px 0 10px 0;
}

.season {
	position: relative;
	text-align: center;
	clear: both;
	margin: auto;
}

.entrybutton {
	display: table;
	margin: auto;

}

.entrybutton p {
	display: table-cell; 
  vertical-align: middle; 
  text-align: center;
}

.tg  {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg tr{height: 12px;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-yfvh{font-weight:bold;font-style:italic;vertical-align:top}
.tg .tg-yw4l{vertical-align:top}





#fileupload {
   width:350px;
   padding:20px;
   border:1px solid #8D8D8D;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
float:left;
}

#taxonupload {
width:350px;
margin:10px 0 0 0px;
padding:20px;
border:1px solid #8D8D8D;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
float:right;
clear: both;
}

#mapa_frame_text{
margin:15px 5px 0px 5px;
}

#mapa_frame{
width:200px;
max-width:200px;
height:115px;
max-height:115px; 
display:inline-block;
padding-top: 5px;
/*background: url(img/gradient.png) repeat-x 0;*/
background-image: url("/img/mapa_sucho_bg.png"); 
background-repeat: no-repeat; 
color: #000000;
font-size:19px;
text-shadow: 2px 2px 8px #ffffff;
text-align: center;
position: relative;
margin-right:16px;
margin-top:22px;
float:right;
clear:right;
border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
behavior: url(_layout/PIE/PIE.htc);
box-shadow: 0 1px 2px #ffffff;
}
#mapa_frame::after {
box-shadow: 0 5px 15px #ffffff;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}

#mapa_frame:hover {
transform: scale(1.02, 1.02);
}

#mapa_frame:hover::after {
opacity: 1;
}

#vlajky img{
width:30px;
position: relative;
left:-15px;
float:right;

}

.imgLeft {
    width:200px;
    display: block;
    float: left;
    margin: 5px 15px 20px 0;
}

.imgRight {
    width:200px;
    display: block;
    float: right;
    padding: 10px 0 5px 15px;
}

.imgRight_width {
    width:350px;
    display: block;
    float: right;
    padding: 10px 0 5px 15px;
}

#kontakt a:link {
text-decoration:none;
font-weight: bold;
}

#kontakt a:visited {
text-decoration:none;
color: #5A5A5A;
}
#kontakt a:hover {
text-decoration:none;
font-weight: bold;
color: #3F3F3F;
font-size: 103%;
}

#subtitle {
font-size: x-small;
margin: -8px 0 0 0;
}

#kontakty {
margin:5px 0 5px 15px;
}

.logotext_en {
background: #fef1cb;
/*background: url(/img/logobackgr.png) repeat-x; */
font-weight: bold;
font-size: 70%;
text-align: center;
width:310px;
margin:5px 0 0 15px;
padding:5px 5px 5px 5px;
}

.top {
margin:0 0 2px 0;
background-image: url(/img/banner.png);
height: 195px;
border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
behavior: url(_layout/PIE/PIE.htc);
}

div.top img
  {
  margin:10px 0 0 15px;
  }

#obsah {
overflow: auto;
display: box;
background: #fef1cb;
border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
padding: 7px 15px 15px 10px;
behavior: url(_layout/PIE/PIE.htc);
}

#obsah_profily {
overflow: auto;
display: box;
background: #fef1cb;
border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
  padding: 0 0 10px 0;
behavior: url(_layout/PIE/PIE.htc);
}



#loga_pas {
width:890px;
background: url(img/gradient.png) repeat-x 0 -180px;
margin:20px 0 0 0;
position: absolute;
z-index:-10;
/*border-top-left-radius: 1em;
border-top-right-radius: 1em;
-moz-border-radius-topleft: 1em;
-moz-border-radius-topright: 1em; */
  padding:25px 5px 10px 5px;
overflow: auto;
behavior: url(_layout/PIE/PIE.htc);
}

#loga_pas img {
height:60px;
margin: 5px 10px 10px 10px;
float:right;
behavior: url(_layout/PIE/PIE.htc);
}

#loga_pas p {
width:320px;
text-align: center;
font-size: 75%;
float:left;
margin:5px 0 0 15px;
behavior: url(_layout/PIE/PIE.htc);
}

#bottom {
width:890px;
background: #8b7c41 url(img/gradient.png) repeat-x 0 -200px;
position: absolute;
z-index:-1;
/*	overflow: auto;*/
border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
  margin:2px 0 0 0;
  font-size: x-small;
  padding:10px 0 10px 10px;
  text-align:right;
behavior: url(_layout/PIE/PIE.htc);
}

#bottom a {
text-decoration: none;
}

#bottom #webmaster {
text-align: left;
width:150px;
float:left;
}

#bottom #counter {
text-align: left;
width:150px;
float:left;
}

#bottom #login {
text-decoration: none;
width:100px;
float:right;
margin:0 10px 0 0;
}

#bottom img {
position: absolute;
left:100px;
height:15px;
width:44px;
background: url(http://toplist.cz/count.asp?id=1475388&logo=btn&start=513) -35px 0px;
}

#inst img{
display: block;
float: left;
margin:0 10px 30px 5px;
width:120px;
}

#inst {
clear:both;
}

#img_profil {
float: left;
margin: 0 12px 10px 0;
}

#galerie {
margin: 5 5 5 5;
border-radius:5px;
-moz-border-radius:5px;
height: 110px;
}

#galerie:hover {
opacity:0.8;
}

toggleText1 {
float: right;
}

#profil_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
float: left;
width: 270px;
}

#kontakt ul {
list-style-type:none;
padding: 0 0 0 0;
margin: 10px 0 0 0;
}

#kontakt {
display: block;
margin: 0 0 8px 0;
}

#profil ul li {
padding: 0 0 0 0;
margin: 0 0 0 -25px;
list-style-type:circle;
list-style-position:outside;
}

#profil {
display: block;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: large;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 2px 0;
font-size: medium;
}

h3 {
font: bold 1.2em/1.8em Arial, Helvetica, sans-serif;
margin: 0 0 -5px 0;
}

p {
padding: 0 0 0 10px;
text-align: justify;
}

body {
  width: 900px;
  margin-left:auto;
  margin-right:auto;
  font-family: Arial, Helvetica, sans-serif;
/*  font-type: Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', serif, ;  */
behavior: url(_layout/PIE/PIE.htc);
}

#bold {
    font-weight: bold;
}

li {
padding: 0 0 0 15px;
}

/* konec html */
/* boxy v sekci lide */


#box {
border:2px solid #a1a1a1;
padding:10px 5px; 
width:30%;
min-height: 145px;
border-radius:5px;
-moz-border-radius:5px;
background: #EBEBEB;
float:left;
margin:10px 0 0 12px;
}

#box a:link {
text-decoration: none;
}



#boxout_inner {
float:left;
border:2px solid #a1a1a1;
padding:3px 3px; 
border-radius:5px;
-moz-border-radius:5px;
min-height: 240px;

}

#boxout {

float: left;
width:900px;
border-radius:5px;
-moz-border-radius:5px;
/*margin-left:auto;
margin-right:auto; */
}
/* konec boxu v sekci lide */
/* menu */
a {
	color: #333;
}
#nav {
	margin: 1px 0 3px 0;
	padding: 4px 3px 0;
	background: #8b7c41 url(img/gradient.png) repeat-x 0 -200px;
	line-height: 100%;
  font: normal .9em/1.6em Arial, Helvetica, sans-serif;
  width:894px;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
behavior: url(_layout/PIE/PIE.htc);
}
#nav li {
	margin: 0 3px;
	padding: 0 0 5px;
	float: left;
	position: relative;
	list-style: none;
}


/* main level link */
#nav a {
	font-weight: bold;
	color: #e7e7e7;
	text-decoration: none;
	display: block;
	padding:  3px 15px;
	margin: 0;
  border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
	-moz-border-radius: 0.7em;
behavior: url(_layout/PIE/PIE.htc);	
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {
	background: #000;
	color: #fff;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #666 url(img/gradient.png) repeat-x 0 -100px;
	color: #444;
	border-top: solid 1px #f8f8f8;

	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);
	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;
  height: 25px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #EFC951 url(img/gradient.png) repeat-x 0 -150px !important;
	color: #000 !important;
  font-weight: bold;
  height: 25px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;

	margin: 0;
	padding: 0;
	width: 205px;
	position: absolute;
	top: 32px;
	left: 0;
	background: #ddd url(img/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;
  z-index:8;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;

	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav 

{
	height: 1%;
}
/* konec menu */


#dekujeme {
width:470px;
margin:10px 0 0 20px;
padding:0 5px 5px 10px;
border:1px solid #8D8D8D;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
float:left;
}

#dekujeme li {
padding:-10px 0 0 0;
}

#dekujeme legend
{
   margin:-11px 10px 0 10px;
   background: #fef1cb;
   float:left;
   font-family : Arial, sans-serif;
   font-size: 1.1em;
   font-weight:bold;
   color:#333;
   vertical-align:25px;
}
/* kontaktni formular */

#contactus fieldset
{
   width:320px;
   padding:20px;
   border:1px solid #8D8D8D;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
float:left;   
}

#contactus legend
{
   font-family : Arial, sans-serif;
   font-size: 1.1em;
   font-weight:bold;
   color:#333;
}

#contactus label
{
   font-family : Arial, sans-serif;
   font-size:0.8em;
   font-weight: bold;
}

#contactus input[type="text"],textarea
{
  font-family : Arial, Verdana, sans-serif;
  font-size: 0.8em;
  line-height:140%;
  color : #000; 
  padding : 3px; 
  border : 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

#contactus input[type="text"]
{
  height:18px;
  width:220px;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px;   
  
}

#contactus #scaptcha
{
  width:60px;
  height:18px;
}

#contactus input[type="submit"]
{
   width:100px;
   height:30px;
   padding-left:0px;
   
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
   border-radius: 5px;   
}

#contactus textarea
{
  height:120px;
  width:310px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
   border-radius: 8px;  
}

#contactus input[type="text"]:focus,textarea:focus
{
  color : #009;
  border : 1px solid #990000;
  background-color : #ffff99;
  font-weight:bold;
}

#contactus .container
{
   margin-top:8px;
   margin-bottom: 10px;
}

#contactus .error
{
   font-family: Verdana, Arial, sans-serif; 
   font-size: 0.7em;
   color: #900;
   background-color : #ffff00;
}

#contactus fieldset#antispam
{
   padding:2px;
   border-top:1px solid #EEE;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
}

#contactus fieldset#antispam legend
{
   font-family : Arial, sans-serif;
   font-size: 0.8em;
   font-weight:bold;
   color:#333;   
}

#contactus .short_explanation
{
   font-family : Arial, sans-serif;
   font-size: 0.6em;
   color:#333;   
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
#fg_crdiv
{
   font-family : Arial, sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}
#fg_crdiv p
{
    display:none;
}



/* konec kontaktniho formulare */




		/*	mediaboxAdvanced Dark theme	*/
		/*	version 2.6 - June 2011			*/
		/*	for mediaboxAdvanced v.1.5.x	*/

		/*	Overlay background styling	*/

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 150%;
	background-color: #000;
	cursor: pointer;
}

		/*	Fixes for older or limited browsers	*/

#mbOverlay.mbOverlayOpaque {
	background: transparent url(80.png) repeat;
}

#mbOverlay.mbOverlayAbsolute {
	position: absolute;
}

#mbOverlay.mbMobile {
	position: absolute;
	background-color: transparent;
}

#mbBottom.mbMobile {
	line-height: 24px;
	font-size: 16px;
}

		/*	Overlay panel styling	*/

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	padding: 10px;
	background-color: #000;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000'); /* For IE 5.5 - 7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')"; /* For IE 8 */
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	-khtml-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.50);
}

#mbCenter.mbLoading {
	background: #000 url(loading-dark.gif) no-repeat center;
		/*	This style is applied only during animation.	*/
		/*	For example, the next lines turn off shadows	*/
		/*	improving browser performance on slow systems.	*/
		/*	To leave shadows on, just remove the following:	*/
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#mbMedia {
	position: relative;
	left: 0;
	top: 0;

		/*	Inline content styling	*/

	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: left;
	background-position: center center;
	background-repeat: no-repeat;
}

		/*	Title, Caption and Button styling	*/

#mbBottom {
	line-height: 20px;
	font-size: 12px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #999;
	min-height: 20px;
	padding: 10px 0 0;
}

#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink {
	display: inline;
	color: #fff;
	font-weight: bold;
}

#mbNumber {
	display: inline;
	color: #999;
/*	line-height: 0.8em; */
	font-size: 0.8em;
	margin: auto 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 1.6em;
	font-size: 0.8em;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	float: right;
	outline: none;
	margin: 0 0 0 10px;
	font-weight: normal;
}

#mbPrevLink b, #mbNextLink b, #mbCloseLink b {
	color: #eee;
	font-weight: bold;
	text-decoration: underline;
}

#mbPrevLink big, #mbNextLink big, #mbCloseLink big {
	color: #eee;
	font-size: 1.4em;
/*	line-height: 0.9em;*/
	font-weight: bold;
}

#mbBottom a, #mbBottom a:link, #mbBottom a:visited {	/* Thanks to Danny Jung for feedback and corrections */
	text-decoration: none;
	color: #ddd;
}

#mbBottom a:hover, #mbBottom a:active {
	text-decoration: underline;
	color: #fff;
}

		/*	Error message styling	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}

/*	konec galerie	*/

#statsWrap {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}
#statsDetailsWrap {
    background: #333333;
    float: left;
    padding: 1px 3px 1px 1px;
    border: #666666 1px inset;
}
#statsCount {
    float: left;
    padding: 1px 3px;
    background: #999999;
    color: #FFFFFF;
    border: #666666 1px inset;
    width: 40px;
    height: 12px;
}
#statsMetric {
    float: left;
    padding: 3px;
    color: #FFFFFF;
    width: 50px;
    height: 12px;
}
#byGoogle {
    clear: both;
    color: #666666;
    font-size: 10px;
}