/* CSS Document */

body {
margin: auto; 
padding: 0;
text-align: center; 
font-family: "Calibri", "Arial CE", lucida, sans-serif !important;
font-size: 10pt !important;
background-color: #94ce46;
color: #0f0f0f;
width: 100%;
}

/* layout */

#top {
width: 100%;
height: 256px;
background: #6fbd05 url("../img/bg-top.jpg") top center no-repeat; 
}

#top-in {
width: 880px;
height: 256px;
margin: 0 auto;
position: relative;
}

#menu {
height: 115px;
line-height: 115px;
width: 900px;
text-align: right;
color: white;
position: absolute;
top: 129px;
right: 0px;
}

#menu ul {
	margin: 0;
	font-size: 17px;
	font-variant: small-caps;
	padding: 0;
	height: 80px;
	cursor: default;
	list-style-type: none;
	display: inline;
  width: 100%; /*ie*/
  color: #ffffff;
	float: left;
}

#menu ul li {
  float: right; /*ie*/
  width: auto;
  height: 80px;
	position: relative;
	padding: 0 6px;
  _background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}

#menu ul li a {
text-decoration: none;
color: #ffffff;
font-weight: bold;
}

#menu ul li:hover, #menu ul li.hover, #menu ul li.active {
  float: right; /*ie*/
  width: auto;
	position: relative;
	padding: 0 6px;
text-decoration: none !important;
background-image: url(../img/arrow.png);
_background-image: url(../img/arrow.gif);
background-repeat: no-repeat;
background-position: center 68px;
}


#odkazy {
width: 153px;
height: 60px;
position: absolute;
top: 0;
right: 50px;
}

#vlajky {
position: absolute;
left: 5px;
bottom: 5px;
}

#obsah {
width: 880px;
background: white url("../img/bg-gradient.jpg") top left repeat-x;
margin: 0 auto;
border-top: 5px solid #252525;
position: relative;
top: -5px;
}

#obsah-in {
min-height: 200px;
_height: 200px;
padding: 20px;
text-align: justify;
color: 
}

#bottom {
height: 49px;
width: 880px;
background: #2d2d2d url("../img/bg-bottom.jpg") top left repeat-x;
position: relative;
}

#smlogo {
height: 11px;
line-height: 11px;
width: 500px;
position: absolute;
top: 20px;
right: 15px;
color: white;
font-size: 0.8em;
text-align: right;
}

#smlogo img {
vertical-align: middle;
}


/* hlavni */


h1 {
display: block;
width: 186px;
height: 82px;
margin: 0;
padding: 0;
position: absolute;
left: 17px;
top: 22px;
}

h1 span {
background: url("../img/logo.jpg") no-repeat;
display: block;
width: 186px;
height: 82px;
}


#obsah-in h2 {
color: #78c216;
margin: 8px 0px;
padding: 0px 2px;
}

#obsah-in h3 {
color: #78c216;
font-size: 15px;
margin: 8px 0px;
padding: 2px 4px;
}

#obsah-in h4 {
font-size: 13px;
margin: 6px 0px;
padding: 2px 6px;
}

#obsah-in p {
font-size: 13px;
margin: 6px 0px;
padding: 2px 8px;
}

a {
color: #78c216;
text-decoration: underline;
}

a:hover {
color: #5C8716;
text-decoration: underline;
}

.ishover {
color: #5C8716;
text-decoration: underline;
}

/* ostatni */

.noscreen {
display: none;
}

.center {
text-align: center;
}

img {
border: 0;
}

.clearboth {
clear: both;
}



ul {
font-size: 12px;
}

/*------------------------------ ostatní */
.center {
text-align: center;
}

.clearboth {
clear: both;
height: 1px;
}

#gall .clearboth, #newsbox .clearboth  {
clear: left !important;
}

#content img {
border: 4px solid #404040;
}

img {
border: 0;
}

.floatright {
float: right;
}

.floatleft {
float: left;
}

.JustifyLeft {
text-align: justify;
}

.JustifyCenter {
text-align: center;
}

.JustifyRight {
text-align: right;
}

.MsoNormal {
font-size: 1em;
font-weight: normal;
text-decoration: none;
text-align: left;
}

.FontSmaller {
font-size: 0.8em;
}



.orange {
color: #f67521;
}

.green {
color: #6ebd04;
}



/**
 * Core styles.
 */

.Bold
{
	font-weight: bold;
}

.Italic
{
	font-style: italic;
}

.Underline
{
	text-decoration: underline;
}

.StrikeThrough
{
	text-decoration: line-through;
}

.Subscript
{
	vertical-align: sub;
	font-size: smaller;
}

.Superscript
{
	vertical-align: super;
	font-size: smaller;
}

/**
 * Font faces.
 */

.FontComic
{
	font-family: 'Comic Sans MS';
}

.FontCourier
{
	font-family: 'Courier New';
}

.FontTimes
{
	font-family: 'Times New Roman';
}

/**
 * Font sizes.
 */

.FontSmaller
{
	font-size: smaller;
}

.FontLarger
{
	font-size: larger;
}

.FontSmall
{
	font-size: 8pt;
}

.FontBig
{
	font-size: 14pt;
}

.FontDouble
{
	font-size: 200%;
}

/**
 * Font colors.
 */
.FontColor1
{
	color: #78c216;
}

.FontColor2
{
	color: #808080;
}

.FontColor3
{
	color: #000000;
}

.FontColor1BG
{
	background-color: #78c216;
}

.FontColor2BG
{
	background-color: #808080;
}

.FontColor3BG
{
	background-color: #000000;
}

/**
 * Indentation.
 */

.Indent1
{
	margin-left: 40px;
}

.Indent2
{
	margin-left: 80px;
}

.Indent3
{
	margin-left: 120px;
}

/**
 * Alignment.
 */

.JustifyLeft
{
	text-align: left;
}

.JustifyRight
{
	text-align: right;
}

.JustifyCenter
{
	text-align: center;
}

.JustifyFull
{
	text-align: justify;
}

#reference {
}

#gall {
width: 700px;
padding: 0 0px 20px 20px;
margin: 20px auto 0 auto;
}


.gallrow {
width: 100%;
min-height: 150px;
overflow: visible;
}

#gall a img {

border: 0 !important;
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}


#gall a img:hover {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.tym-foto img {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}

#gallery {
width: 700px;
line-height: 1.8em;
}
#gallery strong {
color: #808080;
padding: 10px 10px 23px 0;
}
#gallery a {
font-size: 1.2em !important;
margin-left: 10px;
margin-right: 10px;
}

#gallery a.active {
color: #808080;
font-weight: bold;
text-decoration: none;
}

.tym-foto img:hover {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.notym-foto img {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}


.notym-foto img:hover {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}
.c_photos {
	position: relative;
  width: 160px;
  height: 133px;
	display: table-cell;
	vertical-align: middle;
  margin: 5px;
/*background-color: red;*/
}

.c_photos div {
	text-align: center !important;
	margin: 0 auto;
	padding: 5px;
	@width: 100%;
	@position:absolute;
	@top: 50%;
	@left: 0;
/*border: 1px solid yellow;*/

}
.c_photos p {
	text-align: center !important;
	margin: 0 auto;
	@position: relative;
	@top: -50%

	
/*border: 2px solid #808080;*/
}
.c_photos img {
	display: block;
	text-align: center !important;
	position: relative;
	left: 0;
	margin: 0 auto;
}

.c_photos p.popisek {
padding: 10px 5px;
margin: 0;
	@position: relative;
	@bottom: 0;
background: none !important;
border: 0 !important;
}

.clearboth {
clear: both;
visibility: hidden;
}

.card {
width: 80%;
margin: 30px auto;
}

.tym-foto {
float: left;
}


.flags a {
text-decoration: none;
}

.flags img {
border: 1px solid #ffffff;
}


.flags {
text-align: center;
_padding: 10px;
}

.flags a img {
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}


.flags a img:hover {
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.flags a img.activeflag {
-moz-opacity: 1 !important;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}

#mailbox fieldset
{
width: 525px;
margin: auto; 
border: 0;
padding:10px;
}

#mailbox legend
{
color: #a60000;
width: 100px;
text-align:center;
font-weight:bold;
margin-bottom: 0.1em;
}

#mailbox label
{
float: left;
width: 55px;
padding-left:10px;
}

#mailbox label code
{
font-size: 70%;
font-style: italic;
}

#mailbox input, select
{
border: 1px solid #c7c7c7;
width: 170px;
height: 20px;
color: #333333;
margin-bottom: 8px;
}

#mailbox textarea
{
border: 1px solid #c7c7c7;
width: 255px;
height: 120px;
margin-bottom: 8px;
}

#mailbox input.odeslat
{
background-color: #8CC246 !important;
border: 1px solid #808080 !important;
color: #ffffff !important;
font-weight: bold;
margin-left: 65px;
height: 26px;
}

#mailbox #submitbutton
{
margin-left: 107px;
width: 180px;
}

.highslide-caption {
display: none;
}

.warn
{
text-align: left;
font-size: 1.2em;
font-weight: bold;
color: #990000;
}

#rezervace fieldset
{
width: 525px;
margin: auto; 
border: 0;
padding:10px;
}

#rezervace legend
{
color: #5C8716;
width: 100px;
text-align:center;
font-weight:bold;
margin-bottom: 0.1em;
}

#rezervace label
{
float: left;
width: 195px;
padding-left:10px;
}

#rezervace label code
{
font-size: 70%;
font-style: italic;
}

#rezervace input, select
{
border: 1px solid #c7c7c7;
width: 170px;
height: 20px;
color: #333333;
margin-bottom: 8px;
}

#rezervace textarea
{
border: 1px solid #c7c7c7;
width: 385px;
height: 150px;
margin-bottom: 8px;
}

#rezervace input.odeslat
{
background-color: #5C8716 !important;
border: 1px solid #808080 !important;
color: #ffffff !important;
font-weight:bold;
margin-left: 90px;
height: 20px;
}

#rezervace #submitbutton
{
margin-left: 107px;
width: 180px;
}