<!--

.topstrip {
	background-image: url(content/topstrip.gif);
	background-repeat: repeat-x;
	border: 1px solid #000000;
	background-color: #e0e6e6;/*themecolour1$ 69.6%, 54.2%;*/
        max-width:1000px;
        width:expression(document.body.clientWidth > 1000? "1000px": "auto" );
}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.centrecoltext {
        color: #333333;/*themecolour4%0;*/
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	background-color: #ffffff;/*themecolour4;*/
}
.leftcoltext {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: #e0e6e6;/*themecolour1$ 69.6%, 54.2%;*/
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}
.headingpad {
	padding-top: 20px;
	padding-left: 30px;
}

body {
	/* background-image: url(content/bg.gif); */
	background-color: #dbe3e3;
	background-repeat: repeat;
	max-width: 1000px;
        width:expression(document.body.clientWidth > 1000? "1000px": "auto" );
}

p {
	margin-top: 0px;
	margin-bottom: 0px;
        text-align: left;
        line-height: 1.4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
        
}

small {
	font-size: 11px;
}

.tucne {
	font-weight: bold;
}

.indent {
        text-indent: 1em;
}

.indentneg {
  text-indent: -1em;
  margin-left: 1em;
}

.stred {
        text-align: center;
}

.vpravo {
        text-align: right;
}

.vlevo {
        text-align: left;
}

.cervena {
        color: #a53333;
}

blockquote {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 20px;
	color: #333333;/*themecolour4%0;*/
}

ol {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	color: #333333;/*themecolour4%0;*/
}

ul {
	margin: 0;
	padding: 0;
/*	margin-left: 25px; */
	color: #333333;/*themecolour4%0;*/
        line-height: 1.25;
}

li {    
        background: url(content/bullet.gif) 0 -4px no-repeat;
        padding-left: 1.5em;
        list-style: none;
        margin-left: 5px;
        margin-top: 3px;
/*        text-align: left; */
        text-align: left;
        
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	line-height: 1.4;
        
}

li.ol {    
        background: none;
        list-style: decimal;
        padding-left: 0px;
        margin-left: 5px;
        margin-top: 3px;
/*        text-align: left; */
        text-align: left;
        
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	line-height: 1.4;
        
}


.footer {
	background-color: #a53333;/*themecolour2;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	color: #ffffff;
	padding-top: 3px;
	padding-bottom: 5px;
}

h3 {
	font-size: 11pt;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 2px;
	color: #a53333;/*themecolour2;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 15pt;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 2px;
	color: #a53333;/*themecolour2;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 18pt;
	font-weight: bold;
	color: #a53333;/*themecolour2;*/
	margin-top: 0px;
	margin-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.bottomstrip {
	background-image: url(content/bottomstrip.gif);
	background-repeat: repeat-x;
}

a:link {
	color: #a53333;/*themecolour2;*/
}

a:visited {
	color: #a53333;/*themecolour4%0;*/
}

a:link:hover {
	color: #b8c8c8;/*themecolour1;*/
}                      

.parahead {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #a53333;/*themecolour2;*/
	padding-bottom: 1px;
}

/* guestbook */

img {
	border-width: 0px;
}

.ramecek0 {
  border-width: 1px;
  border-color: #ffffff;
}

.ramecek {
  border-width: 1px;
  border-color: #bcc9b4;
}

.ramecek1 {
  border-width: 1px;
  border-color: #bcc9b4;
}

/* Text */

#zobraz {
	text-align: center;
	font-style: italic;
}

#odkaz {
	text-align: center;
}

#info {
	font-size: x-small;
	margin-left: 15px;
}

/* Formular */

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
	border: solid 1px #666666;
	color: #a53333;
	padding: 5px;
	margin: 0px;
}

legend {
	font-size: 11pt;
	font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #a53333;/*themecolour2;*/
	padding: 0px 5px;
	margin : 0px; }

legend a {
	font-size: 11pt;
	font-weight: bold;
	color: #a53333;
	text-decoration: none;
}

input, textarea, select {
	height: 20px;
	border: solid 1px black;
	background-color: #dbe3e3;
	color: black;
	margin: 0px 0px 10px 15px;
	padding: 0px;
	font-size: 10pt;
	min-width: 15px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.searchbox {
	height: 20px;
	border: solid 1px #777777;
	background-color: #dbe3e3;
	color: #777777;
	margin: 0px 0px 10px 15px;
	padding: 0px;
	font-size: 10pt;
	min-width: 15px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea {
	width: 655px;
	height: 80px;
}

textarea.low {
	width: 685px;
	height: 40px;
}

textarea.knihy {
	width: 478px;
	height: 1px;
}

.tlacitko {
	font-size: 10pt;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
	width: 100px;
	margin-top: 10px;
}

.tlacitko70 {
	font-size: 10pt;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
	width: 70px;
	margin-top: 10px;
}

.tlacitko150 {
	font-size: 10pt;
	font-weight: normal;
	width: 150px;
	margin-top: 10px;
}

.tlacitko120 {
	font-size: 10pt;
	font-weight: normal;
	text-align: center;
	cursor: pointer;
	width: 120px;
	margin-top: 0px;
}

.radio {
	margin: 0px 0px 2px 15px;        
}

#smajlici {
	margin: 0px 15px 10px 15px;
}

/* Zpravy */

.stranky {
	font-style: italic;
	color: black;
	margin: 15px 0px;
}

.lojza {
	display: block;
	color: black;
        padding: 5px;
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
}

.zprava {
	margin: 10px 0px 20px 0px;
	border: solid 1px #666666;
}

.hlavicka, .paticka {
	padding: 3px 0px 3px 5px;
	background-color: #dddddd;
}

/* Poutnikova cesta */

a.tooltipparent {
    text-decoration: none;
    display: inline-block !important;
    display: inline;
    vertical-align: bottom;
    margin-bottom: -1px;
    position: relative;
    text-indent: 0;
}
a.tooltipparent span.tooltip {
    visibility: hidden;
    display: block;
    position: absolute;
    left: -60px;
    top: 30px;
    padding: 4px;
    color: #000000;
    background: #dbe3e3;
    border: solid 1px #000000;
    text-align: left;
    text-indent: 0;
}
/* Opera 6+ specific values */
@media screen and (min-width: 0px) {
    a.tooltipparent span.tooltip {
        left: inherit;
        top: inherit;
        margin-top: 12px;
        width: 0;
    }
}
a.tooltipparent:hover {
    text-decoration: none;
    color: #000000;
    background: #dbe3e3;
    z-index: 1;    
}
a.tooltipparent:hover span.tooltip {
    visibility: visible;
    /* blow up width, could be zeroed by opera hack */
    width: 190px;
}

input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
    margin: 0px 0px 10px 10px;
    bottom: 1px;
}

input[type=checkbox].tight {
    vertical-align: middle;
    position: relative;
    margin: 0px 0px 0px 3px;
    padding: 0px;
    bottom: 0px;
    width: 0.8em;
    height: 0.8em;
}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 2px solid white;
margin: 5px 5px 5px 5x;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #e0e6e6;
padding: 5px;
left: -1000px;
border: 5px solid white;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 60px;
left: -20px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

div.fb-like-box {
    position: relative;          
    text-align:right !important;
}

div.dopis {
 margin: 1.25em;
 border-left: 2px solid #c3753d;
 padding: 0px 20px;
}

span.caps {
  font-variant: small-caps;
}

-->