html, body {      
          height: 100%;
          margin-top: 0px;
          font-family: Arial; 
          font-size: 12px;
          color: #c6bc8e;
          background-color: #153240;
          background-position: top center;
          background-image: url(../images/bg.jpg);
          background-repeat: repeat;
          background-position: top center;
}

#all {
          width: 893px;
          height: 20px;
          margin: auto;
          padding: 0px;
          border: 0px solid green;
}

#space {
          width: 893px;
          height: 20px;
          margin: auto;
          padding: 0px;
          border: 0px solid green;
}

#head {
          width: 893px;
          height: 496px;
          padding: 0px;
          margin: auto;
          background-image: url(../images/bg_head.png);
          background-repeat: no-repeat;
          background-position: top center;
          border: 0px solid green;
          float: left;
}

#footer {
          width: 893px;
          height: 67px;
          margin: auto;
          padding: 0px;
          color: #ffffff;
          border: 0px solid green;
          background-image: url(../images/bg_footer.png);
          background-repeat: no-repeat;
          background-position: top center;
          float: left;
}

.objednavka h2 {
          font-family: Arial;
          font-size: 16px;
          color: #d93198;
          padding-bottom: 0px;
          margin-bottom: 10px;
          margin-top: 0px;
          top: 0px;
}

.objednavka input{
          border: 1px solid #f396cf;
}

.objednavka textarea{
          border: 1px solid #f396cf;
}

#designed {
          margin-top: 19px;
          margin-left: 25px;
          padding: 0px;
          color: #ffffff;
          font-size: 10px;
          float: left;
}

#mapa_stranok {
          margin-top: 24px;
          margin-right: 40px;
          padding: 0px;
          color: #ffffff;
          font-size: 10px;
          float: right;
}

.center_content{
          width: 100%;
          text-align: center;
}

#shadow {
          width: 893px;
          height: 55px;
          margin: auto;
          padding: 0px;
          border: 0px solid green;
          background-image: url(../images/bg_bottom.png);
          background-repeat: no-repeat;
          background-position: top center;
          float: left;
}

#logo {
          width: 200px;
          height: 180px;
          cursor: pointer;
          margin-top: 35px;
          margin-left: 62px;
          padding: 0px;
          border: 0px solid green;
          float: left;
}

#otazky {
          margin-top: 315px;
          margin-left: -138px;
          _margin-left: -190px; /* IE 6 and below */
          font-size: 11px;
          padding: 0px;
          color: #ffffff;
          border: 0px solid green;
          float: left;
}

#phone {
          margin-top: 339px;
          margin-left: -142px;
          _margin-left: -195px; /* IE 6 and below */
          font-size: 17px;
          padding: 0px;
          color: #ffffff;
          border: 0px solid green;
          float: left;
}

#headname {
          margin-top: 375px;
          margin-left: 90px;
          _margin-left: 38px; /* IE 6 and below */
          font-size: 17px;
          padding: 0px;
          color: #ffffff;
          border: 0px solid green;
          float: left;
}

#headname h1{
          position: relative;
          margin: 0px;
          padding: 0px;
          font-weight: normal;
          font-family: Times New Roman;
          font-size: 30pt;
          color: #ffffff;
          top: 0px;
          left: 0px;
}

#headname h1 span{
          margin: 0px;
          padding: 0px;
          font-weight: normal;
          color: #000000;
}

#textarea {
          width: 873px;
          background-color: #ffffff;
          margin-left: 10px;
          padding: 0px;
          color: #5b5b5b;
          border: 0px solid green;
          float: left;
}

#textarea_content {
          width: 600px;
          background-color: #ffffff;
          margin-left: 15px;
          margin-top: 15px;
          margin-bottom: 15px;
          padding: 0px;
          color: #5b5b5b;
          border: 0px solid blue;
          float: left;
}

#menu_right {
          width: 226px;
          padding: 0px;
          margin-left: 10px;
          color: #5b5b5b;
          border: 0px solid green;
          float: left;
}

#find {
          width: 226px;
          height: 192px;
          padding: 0px;
          margin-top: 15px;
          color: #5b5b5b;
          border: 0px solid green;
          text-align: center;
          background-image: url(../images/bg_find.gif);
          background-repeat: no-repeat;
          background-position: top center;
          float: left;
}

#find p{
          margin-top: 40px;
          text-align: left;
          margin-left: 13px;
          color: #ffffff;
}

#hodiny {
          width: 226px;
          height: 134px;
          padding: 0px;
          color: #ffffff;
          margin-top: 15px;
          border: 0px solid green;
          background-image: url(../images/bg_hodiny.gif);
          background-repeat: no-repeat;
          background-position: top center;
          float: left;
}

#hodiny p{
          margin-top: 40px;
          text-align: left;
          margin-left: 15px;
}

#kontakt {
          width: 226px;
          padding: 0px;
          color: #969696;
          margin-top: 15px;
          margin-bottom: 15px;
          border: 0px solid green;
          float: left;
}

.filtre {
          width: 600px;
          border-collapse:	collapse;
          margin-top: 15px;
          font-family: Tahoma; 
          font-size: 10px;
          text-align: left;
          border: 1px solid #52a7cf;
}


h2 {
          font-family: Arial;
          font-size: 20px;
          color: #315a87;
          padding-bottom: 0px;
          margin-bottom: 10px;
          margin-top: 0px;
          top: 0px;
}



A:link {color: #cb2c8d; text-decoration: none; text-align: left;}
A:visited {color: #cb2c8d; text-decoration: none; text-align: left;}
A:hover {color: #921561; text-align: left;}
A:active {color: #cb2c8d; text-decoration: none; text-align: left;}
A {font-family: Arial; font-size: 13px; font-weight: normal; text-align: left;}

#mapa_stranok A:link {color: #ffffff; text-decoration: none; text-align: left;}
#mapa_stranok A:visited {color: #ffffff; text-decoration: none; text-align: left;}
#mapa_stranok A:hover {color: #4b0e34; text-align: left;}
#mapa_stranok A:active {color: #ffffff; text-decoration: none; text-align: left;}
#mapa_stranok A {font-family: Arial; font-size: 12px; font-weight: normal; text-align: left;}

.bg_black A:link {color: #ffffff; text-decoration: none; text-align: left;}
.bg_black A:visited {color: #ffffff; text-decoration: none; text-align: left;}
.bg_black A:hover {color: #000000; text-align: left;}
.bg_black A:active {color: #ffffff; text-decoration: none; text-align: left;}
.bg_black A {font-family: Arial; font-size: 14px; font-weight: normal; text-align: left;}

.bg_white A:link {color: #ffffff; text-decoration: none; text-align: left;}
.bg_white A:visited {color: #ffffff; text-decoration: none; text-align: left;}
.bg_white A:hover {color: #46500b; text-align: left;}
.bg_white A:active {color: #ffffff; text-decoration: none; text-align: left;}
.bg_white A {font-family: Arial; font-size: 14px; font-weight: normal; text-align: left;}

#designed A:link {color: #ffffff; text-decoration: none; text-align: left;}
#designed A:visited {color: #ffffff; text-decoration: none; text-align: left;}
#designed A:hover {color: #4b0e34; text-align: left;}
#designed A:active {color: #ffffff; text-decoration: none; text-align: left;}
#designed A {font-family: Arial; font-size: 10px; font-weight: normal; text-align: left;}


#menuh-container
	{
	        width: 100%;
          margin-top: 8px;
          margin-left: 2px;
          _margin-left: 0px; /* IE 6 and below */
          padding: 0px;
          border: 0px solid green;
          float: left;
	}

.bg_white a:link, .bg_white a:visited, .bg_white a:active, .bg_white a:hover	/* menu at rest */
	{
	background-color: #cb2c8d;
	filter:alpha(opacity=90);
  opacity: 0.9;
  -moz-opacity: 1.8;
	}

#menuh
	{
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	width: 100%;
	float:left;
	margin-left: 62px;
	_margin-left: 10px; /* IE 6 and below */
	margin-top: 0px;
	}
		
#menuh a
	{
	text-align: left;
	display: block;
	border: 0px solid #555;
	white-space:nowrap;
	margin:0;
	padding: 4px;
	_padding-left: 0px; /* IE 6 and below */
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	background-color: transaprent;
	text-decoration:none;
	}
	
.bg_black a:hover						/* menu on mouse-over  */
	{
	background-color: #ffffff;
	filter:alpha(opacity=90);
  opacity: 0.8;
  -moz-opacity: 0.8;
	text-decoration:none;
	color: #000000;
	}	
	
.bg_white a:hover						/* menu on mouse-over  */
	{
	background-color: #e1e1e1;
	text-decoration:none;
	color: #000000;
	}	

#menuh ul
	{
	list-style:none;
	margin-top: 0px;
	padding-left: 9px;
	_padding-left: 0px; /* IE 6 and below */
	float:left;
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	_padding: 0em; /* IE 6 and below */
	margin:-0.3em 0 0 -1em;
	_margin:0 0 0 0; /* IE 6 and below */
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

#slideshow {list-style:none; color:#fff; margin: 0px; padding: 0px;}
#slideshow span {display:none}
#wrapper {width:506px; margin:50px auto; display:none;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:0px solid #fe97d6; background: #fe97d6;}
#information {position:absolute; bottom:0; width:500px; height:0; background: #fe97d6; color:#fff; overflow:hidden; z-index:50; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:15; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:102}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#fe97d6; cursor: pointer;}
#slideleft:hover {background-color: #e436a0}
#slideright {float:right; width:20px; height:81px; background:#fe97d6 url(../images/scroll-right.gif) center center no-repeat; cursor: pointer;}
#slideright:hover {background-color:#e436a0}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}