/*------------------------------------------------------------------- GENERAL ---*/
body {
	margin: 0; padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.75em;	
	color: #6f6b6d;
	text-align: center;
	background: #eae9e8 url(../images/bg-body.jpg) no-repeat center top;
}
a { color: #1bb0e1;  text-decoration: underline; }
a:hover { color: #000;}
* {margin: 0; padding: 0; }
img {  border: none; }
img.border { border: 3px solid #FFF;}
h1 { font-size: 220%; padding: 0 0 0.5em; color: #1bb0e1; font-weight: normal; text-transform: uppercase;}
h2 { font-size: 190%; padding: 0 0 0.5em; color: #737271; font-weight: normal;}
h3 { font-size: 170%; padding: 0 0 0.5em; color: #2b2d2e; font-weight: normal;}
h4, h5 { font-size: 130%; padding-bottom: 0.4em; }
h5 {padding-bottom: 0; }

hr { display: none; }
.hr { height: 2px; font-size: 1px; margin: -5px 0 15px; border-bottom: 1px solid #9f9f9f; clear: both;}
p { padding-bottom:1.2em; line-height: 150%;  }
ul { list-style: none; padding: 0 0 1.5em 0px;  }
ul ul {padding: 0;margin-top: 7px;}
ol { list-style: decimal; padding: 0 0 1em 22px;  }
li { padding: 0 0 10px 12px; background: url(../images/li.gif) no-repeat 0 5px; }
ol li { padding: 0 0 5px 0px; background: none;}
big, .big { font-size: 120%;}
small, .small { font-size: 90%; }
.padding { padding: 0 25px;}
.nahled {float: left; margin: 0 10px 10px 0;}
/*---------------------------------------------------------------------- LAYOUT---*/
#all {width: 990px; margin: 0 auto;  text-align: left; position: relative; }
#header {width: 990px; height: 61px; overflow: hidden; position: absolute; top: 0; left: 0; background: #1bb0e1;}
#content {width: 942px; position: relative; top: 340px; padding: 20px 24px; background: #fff; min-height: 400px; _height: 400px;} 
#left {float: left; width: 365px; overflow: hidden; padding: 0 20px 0 0;}
#right {float: right; width: 525px; overflow: hidden; border-left: 1px solid #eae9e9; padding: 0 0 0 20px;}
#footer {width: 990px; position: relative; top: 340px; font-size: 90%;}
#right .vlevo {background: #eae9e8; padding: 8px;}
#left h2 {font-size: 140%;}
#left h2 a {background: #1bb0e1; color: #fff; text-transform: uppercase; padding: 6px; width: 200px; color: #fff; display: block;}
#left h2 a:hover {color: #000;}

#footer p {padding: 5px 2px;}
#footer p.right { text-align: right; }
#footer a {color: #585a59;}
#footer a:hover { color: #1bb0e1;}

/*--------------------------------------------------------------------------- HEADER -------*/
#logo {width: 279px; height: 61px; overflow: hidden; float: left;}
#logo a {display: block; width: 279px; height: 61px; background: url(../images/logo-chaloupka.gif) no-repeat top left;}
#logo span {font-size: 0; color: #fff; position: absolute; top: -1000px; left: -1000px;}

#claim {position: absolute; top:60px; right: 0;}

#topimg {width: 1000px; height: 216px; overflow: hidden; position: absolute; top: 227px; left: 0;}

/*--------------------------------------------------------------------------- MENU -------*/
#menu { width: 700px; height: 60px; float: right;}
#menu ul { padding: 0; margin: 17px 5px 0 0; float: right; }
#menu li { float: left; padding: 0; background: none; position: relative;}
#menu a { display: block; color: #fff; text-decoration: none; padding: 5px 15px 5px 0; margin: 0 0 0 15px; font-size: 14px; border-right: 1px solid #60c8ea; text-transform: uppercase;}
#menu a:hover, #menu a.act { color: #000;}
#menu li.last a { border: 0;}

/*--------------------------------------------------------------------------- CONTENT -------*/

.path {color: #737271; font-size: 90%; text-transform: uppercase;}
.path a {color: #737271;}
.path a:hover {color: #1bb0e1;}
.col2 {width: 49%;  }

.gallery p { clear: both; text-align: center;}
.gallery img { border: 3px solid #FFF; margin: 0 5px 5px 0;}
.gallery .tright { float: right; margin-top: 76px;}


/*----------------------------------------------------------------------------------- FORM ---*/
input, select, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%; 
	color: #000;	
	width: 180px;
	padding: 4px 3px;
	margin-bottom: 2px; 
	vertical-align: middle;
	border:1px solid #cfcdcc;
	background: #FFF;
}
label {display: block; width: 150px;margin: 0 0px 0px 0;float: left; clear: left;}
select {width: auto;}
textarea {width: 350px; height: 100px;}
.submit {width:auto; background: #60c8ea; border: none; font-weight: bold; color: #fff; padding: 4px 5px; cursor: pointer;text-transform: uppercase; text-decoration: none;font-family: "Times New Roman", Times, serif;}
.checkbox {width: auto; border: none;}
/*---------------------------------------------------------------------------- TABLES --------*/
table {border-collapse: collapse; font-size: 100%; margin-bottom: 20px;/* table-layout: fixed; */width: 100%;font-family: Tahoma, Arial, Helvetica, sans-serif;}
th {padding: 8px 10px;font-weight: bold;text-align: left; background: #60c8ea; color: #FFF;}
td {text-align: left; color: #000; padding: 6px 10px; vertical-align: top;border-bottom: 1px solid #9f9f9f;}
td p { padding: 0;}
/*----------------------------------------------------------------------------- OTHERS ---*/
.right { float: right; }
.left { float: left; }
.fright, .vpravo { float: right; margin: 0 0 10px 10px; }
.fleft, .vlevo { float: left; margin: 0 10px 10px 0; }
.tright, td.tright, th.tright { text-align : right }
.tleft, td.tleft { text-align : left }
.center, td.center { text-align : center;}
.middle { vertical-align : middle }
.clear { clear: both;}
.bold { font-weight: bold;}

.fotoright {float: right; margin-left: 20px;}

/* Start of "Micro clearfix" */     
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* End of "Micro clearfix" */