/** Tělíčko */

body {
	margin:0;
	padding: 0;
	text-align:center;
	line-height: 25px;
	font-family: Verdana;
	background: url(images/pozadi.jpg) center top;
	background-repeat: repeat-x;
	background-color:#d8f0f7;
	font-size: 12px;
	color: #000;
}

img {
	border: 0
}
h1, h2, h3 {
	padding: 0;
	margin: 0;
	color: #73612b;
	font-weight: normal;
}

p, ul, ol {
	margin-bottom: 1.5em;
}

td{font-size: 9pt;
}

ul {
	margin: 0px;
	padding: 0;
}
input {padding: 4px; margin: 1px; 
	border: 1px solid rgb(154,208,233);
	width: 170px;
	_height: 28px;
	
}
input:focus {padding: 4px; margin: 1px; 
	border: 1px solid rgb(154,208,233);
	width: 170px;
	_height: 28px;
	background-color: #fff;
	
}
.odeslat {padding: 4px; margin-top: 1px; 
	border: 1px solid rgb(154,208,233);
	width: 170px;
	background-color:  rgb(154,208,233);
	color: #0b5f89;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	
}
.hledat {padding: 3px; margin-top: 1px; 
background-color:  rgb(165,219,236);
	color: #0b5f89;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;width: 30px;
	
}
.hledat:focus {padding: 3px; margin-top: 1px; 
background-color:  rgb(165,219,236);
	color: #0b5f89;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;width: 30px;
	
}
.posletedal{border:5px solid white;
	
}
#jakakat {
float:left; margin-left: 130px; _margin-left: 85px; text-align: center; width: 300px;margin-top:8px
	
}

#jakakat span {
color: #c5c5c5;font-size: 12pt;
	
}


.pole2 {padding: 3px; margin-top: 1px; 
background-color:  #edfaff;
	color: #0b5f89;
  padding: 4px; margin: 1px; 
	border: 1px solid rgb(154,208,233);
	width: 170px;
	_height: 28px;
	
}

.pole2:focus {padding: 3px; margin-top: 1px; 
background-color: rgb(255,255,255);
	color: #0b5f89;
  padding: 4px; margin: 1px; 
	border: 1px solid rgb(154,208,233);
	width: 170px;
	_height: 28px;
	
}

a {text-decoration: underline;
	color: #0b5f89;
}

a:hover {
	text-decoration: none;
	color: #0b5f89;
}
a.velky {
font-size:10pt;text-decoration: underline; font-weight: bold;
}
.gal{
	margin-top: 6px;border-bottom: 1px #ebcfa3 dashed;padding-bottom:11px;margin-bottom:7px;
}
a.velky:hover {
	text-decoration: none;
}

a.velky2 {
font-size:13pt;text-decoration: none;color:#f4dcb6;
}

a.velky2:hover {
	text-decoration: none;color: #fff;
}
/** Hlavička */

#header {
	width: 763px;
	height: 111px;
	margin: 0px auto 0px auto;
	background: url(images/hlava.png) no-repeat left top;
	background-color:#fff;

}
#telo{
	width: 763px;
	height: 451px;
	margin: 0px auto 0px auto;
	background: url(images/hlavni.png) no-repeat left top;
	background-color:#fff;
}

#telo_vik {	
	width: 763px;
	height: auto;
	margin: 0px auto 0px auto;
	
	background-color:#fff;
}

#telo_vik h2 {padding: 5px 0px 10px 0px;
	margin: 1px 0px 0px 0px;
	color: #006699;
	text-decoration: none;
	font-weight: normal;
	font-size: 14pt;
}

#telo_old {
	width: 763px;
	height: 451px;
	margin: 0px auto 0px auto;
	background: url(images/hlavni_old.png) no-repeat left top;
	background-color:#fff;
		
}

#telo_vik2 {
  width: 643px;
	height: auto;
	margin: 0 60px;
	_margin: 0 59px;
	text-align: left;
}

#telo2 {
	width: 643px;
	height: 451px;
	margin: 0 60px;
	_margin: 0 59px;
	text-align: left;
	
}
#sipecky {
	font-size: 7pt; text-align: center;

}

#logo{
float: left;
   border: 0px ;
   margin: 0px 0 0 20px;background: none;
		}
		
 #header h2 {
	margin: 0px;
	padding: 0;
	font-weight: normal;
	color: #FFFFFF;
}

#header h1 {
	float: left;
	padding: 10px 0px 10px 20px;
	font-size: 3em;
	margin: 0px;
	padding: 0;
	font-weight: normal;
	color: #FFFFFF;
}

#telo h2 {padding: 5px 0px 10px 0px;
	margin: 1px 0px 0px 0px;
	color: #006699;
	text-decoration: none;
	font-weight: normal;
	font-size: 14pt;
}
#telo_old h2 {padding: 5px 0px 10px 0px;
	margin: 1px 0px 0px 0px;
	color: #006699;
	text-decoration: none;
	font-weight: normal;
	font-size: 14pt;
}
a.sipka{
	padding: 0px;
	color: #006699;
	text-decoration: none;
	font-weight: normal;
	font-size: 15pt;
}

a.sipka:hover{
	padding: 0px;
	  color: #c5c5c5;
	text-decoration: none;
	font-weight: normal;font-size: 15pt;
}

a.nadpis{
	padding: 0px;
	color: #006699;
	text-decoration: none;
	font-weight: normal;
}

a.nadpis:hover{
	padding: 0px;
	color: #006699;
	text-decoration: underline;
	font-weight: normal;
}

.volba{
	padding: 2px;
	border: 2px solid #eaeeef;
	
}

.volba:hover{
	padding: 2px;
	border: 2px solid #006699;
}

.malyobr{width: 55px; height: 55px;
	border: 2px solid #fff; 
	
}


.malyobr{width: 55px; height: 55px;
	border: 2px solid #fff;     
	
}



.kategorie{
padding: 4px; margin: 1px; 
	border: 1px solid rgb(154,208,233);

 width: 290px;
margin-left: 3px;
	color: #0b5f89;
	font-weight: bold;
}

.kategorie2{
padding: 4px; margin: 1px; 
	border: 1px solid #fff;
	 width: 210px;
margin-left: 3px;
	color: rgb(197,197,197);
	font-weight: bold;
	text-align: center;
}

#logo {	width: 454px; 
	height: 89px; margin: 0px 0 0 40px; }
h1 {display: none;}

/** Menu */


/** obsahová část */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.box {
	width: 763px;
	margin: 0px auto;
	background-color:#fff;
	background: url(images/telo.png) repeat-y left top;
	
}
#boxik {
	width: 800px;
	margin: 0px auto 0px auto;
	text-align: center;
	
	
}

#left {
	float: left;
	width: 350px;
	padding-left: 5px;
	margin-bottom: 10px;
	margin-top: -20px;
}
#left h2 {
	text-transform: none;
	font-size: 13pt;
	font-weight: normal;
	color: #73612b;
	
}
#left h3 {
	text-transform: none;
	font-size: 11pt;
	font-weight: bold;
	color: #73612b;
	
}
#left2 {
	float: left;
	width: 350px;
	padding-left: 5px;
	margin-bottom: 10px;
}
#left2 h2 {
	text-transform: none;
	font-size: 13pt;
	font-weight: normal;
	color: #73612b;
	
}
#left2 h3 {
	text-transform: none;
	font-size: 11pt;
	font-weight: bold;
	color: #73612b;
	
}
a.menu3:link, a.menu3:visited {
font-size : 8pt;
color : #8b6332;
font-weight: normal;
padding: 0px;
margin: 3px 0px;
display: block;
float: left;
width: 244px;
position: relative;
text-align:left;
text-decoration: none;background-color:#fff;

}
a.menu3:hover {
color : #684010;background-color:#fff;
}
.kontakt {
font-size : 11pt;
color : #8b6332;
list-style-type: none;
text-decoration: none;
border-bottom: 1px #ebcfa3 dashed;
}

#left .post {
	margin-bottom: 20px;
}

#right {
	float: right;
	width: 300px;
	margin-bottom: 20px;
	padding-right: 35px;
	font-size: 9pt;
	text-align: left;
	padding-top:0px;
	margin-top: -7px;
}
#right h2 {
width: 300px;
height: 34px;
	text-transform: none;
	font-size: 13pt;
	font-weight: normal;
	color: #73612b;
	background: url(images/menu.png) no-repeat ;
	padding-top:3px;
	text-align: center;
	
}
#right h3 {
width: 300px;
height: 34px;
	text-transform: none;
	font-size: 13pt;
	font-weight: normal;
	color: #fff;
	background: url(images/menu2.png) no-repeat ;
	padding-top:3px;
	text-align: center;
	
}
#nahoru {
width: 300px;
height: 34px;
	text-transform: none;
	font-size: 13pt;
	font-weight: normal;
	color: #73612b;
	background: url(images/menu.png) no-repeat ;
	padding-top:3px;
	text-align: center;
	margin-top:7px;
	
}
.navrhnuto{
float: right;
color: #666;
margin-right: 5px;
}
#right ul {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}

#right li {
	padding-left: 10px;
}
#graf {
	width: 645px;
	float: left;
	color: #063e5a;
	text-decoration: none;
	font-weight: bold;
	font-size: 12pt;
	text-align: center
}

/** patička */

#footer {
	clear: both;
	width: 763px;
	height: 10px;
	margin: 0px auto;
	background: url(images/pata.png) no-repeat ;
	background-position: center center;
}
#footer2 {
font-size:8pt;
	width: 763px;
	margin: 10px auto;
	color: #000;
}
#footer2 .copyright {
	float: left;
	padding-left: 42px;
  text-align: center;
  margin-top:-0px;color: #666;
}
#footer2 .copy {
	margin: 0px;
	padding:5px 0px 5px 20px;
background: url(images/copy.png) no-repeat left 50%;
	text-align: center;
}

#footer2 .zavinac {
	margin: 0px;
	padding:5px 0px 5px 20px;
background: url(images/zavinac.png) no-repeat left 50%;
	text-align: center;
}
#footer2 .facebook {
	margin: 0px;
	padding:5px 0px 5px 20px;
background: url(images/facebook.png) no-repeat left 50%;
	text-align: center;
}
#footer2 .links {
	float: right;
	margin: 0px;
	padding-right: 20px;
	text-align: center;
}

#footer2 .css {
padding:5px 0px 5px 20px;
background: url(images/ok.png) no-repeat left 50%;
}

#footer2 .xhtml {
padding:5px 0px 5px 20px;
background: url(images/ok.png) no-repeat left 50%;
}

#footer2 a {
	color: #666;
}
#footer2 h2 {
width: 300px;
height: 34px;
	text-transform: none;
	font-size: 13pt;
	font-weight: normal;
	color: #73612b;
	background: url(images/menu.png) no-repeat ;
	padding-top:3px;
	text-align: center;
	
}

.vpravo2{
float: right; width: 320px;}

.vlevo2{
float: left; width: 300px;margin-left: 65px;_margin-left: 30px; text-align: center;}

.vlevovpravo{
 width: 700px; text-align: left;}

.vpravo{
float: right; }

.vlevo{
float: left}
.malyduel  {
width: 300px; background: url(images/pozad.png) no-repeat center 30%;
}

.vlozitduel {
width: 305px;
height: 50px;
_height: 80px;
	text-decoration: none;
	font-size: 15pt;
	font-weight: normal;
	color: #73612b;
	background: url(images/vlozit.png) no-repeat ;
  padding-top: 30px;
	text-align: center; display: block;
	
}
.vlozitduel:hover {
	color: #4b3e17;
	background-position: 0 -83px;

	text-align: center; display: block;
	
}



/* A few IE bug fixes */
		* { margin: 0; padding: 0; }
		* html ul ul li a { height: 100%; }
		* html ul li a { height: 100%; }
		* html ul ul li { margin-bottom: -1px; }
		
	
		#theMenu { width: 315px; height: 100px; margin: 30px 0;margin-left:55px; }
		
		/* Some list and link styling */
		ul li { width: 315px; text-align: left; }
		ul ul li { padding: 0; width: 290px;  background-color: #fff;margin: 3px 0 3px 10px;text-align: left; }
		ul ul li a { display:block; font-size: 8pt;  color: #666; padding-left: 5px;text-decoration: none;text-align: left;}
		ul ul li a:hover {background-color: #f4ecc4; color: #666;text-align: left;}
		li { list-style-type: none;text-align: left; }
		h2 { margin-top: 1.5em;text-align: left; }
		
		/* Header links styling */
		h3.head a { width: 290px;
		text-decoration: none;
		display:block; 
			text-transform: none;
	font-size: 13pt;
	font-weight: normal;
	color: #73612b;
		font-family: Verdana;
		background: url(images/down.png) no-repeat; 
		background-position: 98% 50%;
		padding: 5px;
		text-align: left;
		}
		h3.head a:hover { 
		color: #55471e;
		background:url(images/down.png) no-repeat; 
		background-position: 98% 50%;text-align: left;
		}
		h3.selected a { 
		width: 290px;
		text-decoration: none;
		display:block; 
			text-transform: none;
	font-size: 13pt;
	font-weight: normal;
	color: #73612b;
		font-family: Verdana;
		background: url(images/up.png) no-repeat; 
		background-position: 98% 50%;
		padding: 5px;text-align: left;
		}
		h3.selected a:hover { 
		background: url(images/up.png) no-repeat; 
		background-position:98% 50%;
		color: #55471e;text-align: left;
		}
       #komentare {
width: 663px;
margin-left: 84px;
text-align: left;
_margin-left: 14px;

	
}
       #koment {
width: 653px;
padding-left: 6px;
text-align: left;

	
}       .koment2 {
width: 633px;
text-align: left;
padding: 5 10 5 10px;
margin-left:6px;
background-color: #e5f4f8;

	
}

      #komentare h2 {padding: 10px 0px 10px 0px;
	margin: 5px 0px 0px 0px;
	color: #006699;
	text-decoration: none;
	font-weight: normal;
	font-size: 14pt;
	
}

.pole3 {padding: 3px; margin-top: 1px; 
background-color:  #edfaff;
	color: #0b5f89;
  padding: 4px; margin: 1px; 
	border: 1px solid rgb(154,208,233);
	width: 280px;
	
}

.pole3:focus {padding: 3px; margin-top: 1px; 
background-color: rgb(255,255,255);
	color: #0b5f89;
  padding: 4px; margin: 1px; 
	border: 1px solid rgb(154,208,233);
	width: 280px;
	
}
.pole4 {padding: 3px; margin-top: 1px; 
background-color:  #edfaff;
	color: #0b5f89;
  padding: 4px; margin: 1px; 
	border: 1px solid rgb(154,208,233);
	width: 653px;
	height: 50px;
	
}

.pole4:focus {padding: 3px; margin-top: 1px; 
background-color: rgb(255,255,255);
	color: #0b5f89;
  padding: 4px; margin: 1px; 
	border: 1px solid rgb(154,208,233);
	width: 653px;
	height: 50px;
	
}

.odeslat2 {padding: 4px; margin-top: 5px; 
	border: 1px solid rgb(154,208,233);
	width: 280px;
	background-color:  rgb(154,208,233);
	color: #0b5f89;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	
}

.odeslat2:focus {padding: 4px; margin-top: 5px; 
	border: 1px solid rgb(154,208,233);
	width: 280px;
	background-color:  rgb(154,208,233);
	color: #0b5f89;
	font-weight: bold;
	cursor: pointer;
	cursor: hand;
	
}