/* CSS Document */

body {
margin: 0; 
padding: 0;
background: #2b2422 url(../img/bg.jpg) top left repeat-x; 
text-align: center; 
font-family: "Calibri", "Trebuchet MS", "Arial CE", lucida, sans-serif !important;
font-size: 11pt !important;
color: #ffffff;
width:100%;
}

.noscreen {
display: none;
}

.ghost {
visibility: hidden;
}

.noborder {
border: 0 !important;
}

.highslide-caption {
display: none;
}

/* levy a pravy obsah */

#levyobsah {
width: 530px;
@width: 500px;
float: left;
}

#pravyobsah {
width: 350px;
float: left;
margin-left: 10px;
}

#pravyobsah-top {
width: 360px;
height: 20px;
background: url("../img/bg-pravytop.jpg") no-repeat;
}

#pravyobsah-middle {
width: 330px;
@width: 360px;
padding: 0 15px 0 15px;
background: url("../img/bg-pravymiddle.jpg") repeat-y;
}

#pravyobsah-bottom {
width: 360px;
height: 20px;
background: url("../img/bg-pravybottom.jpg") no-repeat;
}
 

/* layout */

h1 {
display: block;
width: 229px;
height: 116px;
margin: 0;
padding: 0;
position: absolute;
left: 25px;
top: 0px;
}

h1 span {
display: block;
width: 229px;
height: 116px;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
  (src='/img/logo.png',sizingMethod='scale');
}

head:first-child+body h1 span { 
background: url("../img/logo.png") no-repeat;
_background: none !important;
}

#hlavickaobal {
width: 100%;
min-width: 1000px;
height: 299px;
border-bottom: 1px solid #e5e1bd;
background: url(../img/bg-hlavickaobal.jpg) top left repeat-x;
position: relative;
}

#hlavickapct {
width: 100%;
background-position: top center;
background-repeat: no-repeat;
height: 299px;
position: relative;
}

#hlavicka-trans {
width: 100%;
min-width: 1000px;
height: 299px;
position: absolute;
z-index: 2;
left: 0;
top: 0;
_left: expression(( (2400-document.documentElement.clientWidth)/-2) + 'px');
_width: expression( ( (2400-document.documentElement.clientWidth)/2)+document.documentElement.clientWidth + 'px');
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
  (src='/img/pruhledny.png',sizingMethod='crop');
}

head:first-child+body #hlavicka-trans { 
background: url("../img/pruhledny.png") top center no-repeat;
_background: none !important;
}

#hlavicka-in {
width: 1000px;
height: 299px;
margin: 0 auto;
z-index:3;
position: relative;
}

#hlavicka-flash {
width: 1000px;
height: 299px;
margin: 0 auto;
margin-top: -299px;
z-index:1;
position: relative;
}

#submenu {
/*padding: 5px 10px;*/
margin: 0 10px 20px 10px;
/*background: #818181;*/
font-weight: bold;
font-size: 1.1em;
position: relative;
}

#topmenu {
width: 700px;
height: 30px;
line-height: 30px;
position: absolute;
top: 48px;
right: 20px;
color: #ffffff;
font-size: 1.1em;
font-weight: normal;
}

#topmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
  width: 100%; /*ie*/
	/*float: right;*/
	padding-right: 10px;
}

#topmenu ul li {
  float: right;/*ie*/
  width: auto;
	position: relative;
	padding: 0px;
}

#topmenu ul li a {
  text-decoration: none;
	padding: 0px 10px;
	color: #ffffff;
}

#topmenu ul li a:hover {
	color: #e5e1bd;
}

#topmenu ul li#active a {
	color: #efc947 !important;
}

#mainmenu {
height: 33px;
width: 932px;
position: absolute;
left: 34px;
bottom: 0;
font-size: 1.1em;
}

#mainmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
  width: 100%; /*ie*/
}

#mainmenu ul li {
  float: left;/*ie*/
  width: 128px;
  height: 33px;
  background-image: url(../img/menubg.png);
  background-position: left top;
  background-repeat: no-repeat;
	position: relative;
	padding: 0px;
	margin: 0 5px 0 0;
	_background-color: expression(
    this.onmouseover = new Function("this.className += ' hover';"),
    this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
  );
}

#mainmenu ul li:hover, #mainmenu ul li.hover, #mainmenu ul li#active {
  float: left;/*ie*/
  width: 128px;
  height: 33px;
  background-image: url(../img/menubg-hover.png);
  background-position: left top;
  background-repeat: no-repeat;
	position: relative;
	padding: 0px;
	cursor: hand;
	cursor: pointer;
}

#mainmenu ul li:hover a, #mainmenu ul li.hover a, #mainmenu ul li#active a {
color: #ffffff;
}

#mainmenu ul li#active {
border-bottom: 1px solid #554c4a;
	_bottom: -2px;
}

#mainmenu ul li a {
  text-decoration: none;
  line-height: 2em;
}

#teloobal {
background: #362f2d;
width: 100%;
min-height: 200px;
_height: 200px;
}

#telopruh {
background: url(../img/bg-telopruh.jpg) top left repeat-x;
width:100%;
height: 160px;
}

#telopruh-in {
width: 1000px;
margin: 0 auto;
height: 160px;
position: relative;
z-index: 2;
background: url(../img/bg-telopruh-in.jpg) top left no-repeat;
}

#telo-in {
width: 1000px;
margin: 0 auto;
min-height: 120px;
_height: 120px;
margin-top: -160px;
background: #362f2d url(../img/bg-teloobal.jpg) top center repeat-y; 
position: relative;
z-index: 1;
}

#telo-obsah {
position: relative;
z-index: 3;
min-height: 220px;
_height: 220px;
width: 900px;
margin: 0 auto;
margin-top: -130px;
text-align: left;
}

#patickaobal {
height: 130px;
width: 100%;
}

#paticka-in {
width: 1000px;
background: url(../img/bg-patickaobal.jpg) top left no-repeat; 
height: 100px;
margin: 0 auto;
position: relative;
color: #e5e1bd;
}

#smlogo {
position: absolute;
right: 61px;
top: 40px;
font-size: 0.7em;
color: #584d4a;
}

#smlogo a {
color: #584d4a;
}

#b1 {
width: 100px;
height: 100px;
background: url(../img/smalllogo.jpg) no-repeat;
background-position: center center;
position: absolute;
top: 34px;
left: 30px;
}

#b2 {
width: 200px;
height: 70px;
position: absolute;
top: 45px;
left: 140px;
text-align: left;
font-size: 0.8em;
}

#b3 {
width: 200px;
height: 70px;
position: absolute;
top: 45px;
left: 140px;
text-align: left;
font-size: 0.8em;
}

/* TYPO */

h2 {
margin: 0;
color: #e5e1bd;
font-size: 2em;
padding: 5px 0 15px 0;
font-weight: normal;
}

h3 {
margin: 0;
color: #ffffff;
font-size: 1.2em;
padding: 5px 0 7px 5px;
font-weight: bold;
}

h4 {
margin: 0;
color: #ffffff;
font-size: 1.1em;
padding: 3px 0 2px 10px;
font-weight: bold;
}

p {
margin:0;
padding: 3px 10px 3px 10px;
}

a {
color: #e2da93;
text-decoration: underline;
}

a:hover, a.ishover {
color: #ffffff;
text-decoration: underline;
}

hr
{ 
width: 80% !important;
border-width: 0;
border-top: 1px solid #808080;
height: 0px;
text-align: center;
}

ul {
margin-left: 20px;
}

/* BARVY pro SMWEB 

bezova: e5e1bd
zelena: 8de89c
modra: 98e2f6
ruzova: cf9b9d


*/


/* dalsi */


.noscreen {
display: none;
}

.center {
text-align: center;
}

img {
border: 0;
}

.clearboth {
clear: both;
}

a {
cursor: pointer;
}


/*

  SMweb defaultni styly

*/


#aktualne {
  float: right;
  width: 30%;
  margin-left: 30px;
  padding: 10px 10px 30px 10px;
  border-left: 1px solid #808080; 
}

/* dalsi */


.noscreen {
display: none;
}

.center {
text-align: center;
}

img {
border: 0;
}

.clearboth {
clear: both;
}

a {
cursor: pointer;
}

/*------------------------------ ostatní */

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

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

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

img {
border: 0;
}

hr
{ 
width: 80% !important;
border-width:0;
border-top:1px solid #808080;
height:0px;
text-align:center;
}

.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: #e5e1bd;
}

.FontColor2
{
	color: #8de89c;
}

.FontColor3
{
	color: #98e2f6;
}

.FontColor4
{
	color: #cf9b9d;
}

.FontColor1BG
{
	background-color: #e5e1bd;
	color: #ffffff;
}

.FontColor2BG
{
	background-color: #8de89c;
	color: #ffffff;
}

.FontColor3BG
{
	background-color: #98e2f6;
}

.FontColor4BG
{
	background-color: #cf9b9d;
}


/**
 * 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;
}


/**
 * Template Layouts.
 */

div.leftdiv {
float: left;
width: 50%;
}

div.rightdiv {
float: right;
width: 50%;
}

div.asyleftdiv {
float: left;
width: 66%;
}

div.asyrightdiv {
float: right;
width: 33%;
}

div.clearboth {
clear: both;
visibility: hidden;
height: 1px;
width: 100%;
}

div.thleftdiv {
float: left;
width: 33%;
}

div.thcenterdiv {
float: left;
width: 34%;
}

div.thrightdiv {
float: left;
width: 33%;
}

#levyobsah div.leftdiv, #levyobsah div.rightdiv {
@width: 49%;
}

#reference {
}

.flags a {
text-decoration: none;
padding: 0px 5px 0 0;
}

.flags a img {
border: 1px solid #c8c8c8;
-moz-opacity: 0.7;
opacity: 0.7;
filter: alpha(opacity=70);
}

.flags a:hover img {
-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;
}

.flags {
position: absolute;
top: 15px;
right: 15px;
z-index: 12;
width: 300px;
text-align: right;
height: 30px;
padding: 0px;
}


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


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

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


/* DEFINE Gallery SM Web 1.3.1 EXTRA SHIT FOR B-R */

.gallery {
line-height: 2.0em;
margin-left: 10px;
padding: 0;
}

.highslide-caption {
display: none;
}

.gall {
margin: 0 15px;
padding: 0;
}

.tym-foto-outer {
display: table;
height: 130px;
_position: relative;
overflow: hidden;
float: left;
width: 150px;
}

.tym-foto {
_position: absolute;
_top: 50%;
display: table-cell;
vertical-align: middle;
}

.c_photos {
width: 133px;
overflow: hidden;
margin: 0;
padding: 0;
float: left;
text-align: center;
position: relative;
_top: -50%
}



#pravyobsah .gallery {
margin-left: 0px;
}


#pravyobsah .c_photos {
width: 150px !important;
}


#pravyobsah .c_photos .highslide-caption2 {
width: 130px !important;
margin: 0 10px !important;
}

.c_photos p {
margin: 0;
padding: 0;
text-align: center;
}

.c_photos img {
max-height: 100px;
max-width: 133px !important;
margin: 0;
padding: 0;
border: 0 !important;
}

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

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

.c_photos .highslide-caption2 {
background-image: url(../ico/bgblack70pc.png);
background-repeat: repeat;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 0;
height: 20px;
_overflow: hidden;
/*_background-color: expression(
  this.onmouseover = new Function("this.className += ' hover';"),
  this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
);*/
}


.c_photos .highslide-caption2 .popisek {
/*background-image: url(../ico/gallery-sipkaclosed.png);
_background-image: url(../ico/gallery-sipkaclosed-msie.gif);
background-position: 0px 0px;
background-repeat: no-repeat;*/
text-align: center;
padding: 0;
margin: 0;
color: #ffffff !important;
_height: 20px;
font-size: 1em !important;
cursor: default;
line-height: 20px;
}

/*.c_photos .highslide-caption2.hover, .c_photos .highslide-caption2:hover {
height: 100%;
cursor: help;
}

.c_photos .highslide-caption2:hover .popisek {
background-image: url(../ico/gallery-sipkaopen.png);
line-height: 1.2em;
}

.c_photos .highslide-caption2.hover .popisek {
background-image: url(../ico/gallery-sipkaopen-msie.gif);
line-height: 1.2em;
}*/

/* END Gallery SM Web 1.3.1 EXTRA SHIT FOR B-R */

.priloha a {
text-decoration: none !important;
}


.priloha a img {
border: 0 !important;
vertical-align: middle;
}


#mailbox .warn
{
text-align: center;
font-weight: bold;
color: #990000;
}

#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;
}

.warn
{
	margin: 10px 10px 0 10px;
	font-weight: bold;
	font-size: 1.2em;
}
#mailbox input.odeslat
{
background-color: #f67521 !important;
border: 1px solid #000000 !important;
color: #ffffff !important;
font-weight:bold;
margin-left: 65px;
height: 20px;
}

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



#rezervace .warn
{
text-align: center;
font-weight: bold;
}

#rezervace fieldset
{
width: 655px;
margin: 0 0 0 40px; 
border: 0;
padding:10px;
}

#rezervace legend
{
color: #a60000;
width: 100px;
text-align:center;
font-weight:bold;
margin-bottom: 0.1em;
}
#rezervace label
{
float: left;
color: #e5e1bd;
width: 195px;
padding-left: 10px;
}

#rezervace label strong {
color: #ffffff;
font-weight: bold;
}

#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: 255px;
height: 150px;
margin-bottom: 8px;
}

#rezervace input.odeslat
{
background-color: #cf9b9d !important;
border: 1px solid #080808 !important;
color: #ffffff !important;
font-weight:bold;
margin-left: 205px;
height: 24px;
}

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

/*** FIELDSET ***/
.infoblokdiv {
width: 600px;
margin: 0 auto;
border-top: 1px solid #c7b299;
padding-top: 20px;
}


.fieldsetBox label {
width: 120px;
text-align: right;
display: inline-block;
vertical-align: top;
padding-top: 4px;
margin-right: 7px;
}

.fieldsetBox input.checkInput {
width: 20px !important;
height: 20px !important;
margin: 0;
padding: 0;
margin-bottom: 3px;
}

.fieldsetBox input {
width: 300px;
margin-bottom: 3px;
}

strong.warn {
font-size: 0.8em;
color: #FF0000;
margin-top: -3px;
}

#registrationFormDetail fieldset {
border: 1px dotted #c7b299;
}

#registrationFormDetail fieldset legend{
color: #666;
padding: 2px 5px;
}
.fieldsetBox textarea {
height: 120px;
width: 300px; 
}

fieldset {
border: 1px solid #c7b299;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}