/**  * Layout Style Sheet for the http://???? *     **** Copyright 2009 InternetovyMarketing. All Rights Reserved.     * * * * Do not use it!   *   *   *  * info@internetovymarketing.eu**/
html {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #000;
	font-family: arial, sans-serif;
	font-size: 90%;
	color: #7E7A77;
}
body {
	margin: 0;
	padding: 0;
	border: 0;
}
#container {
	display: block;
	width: 960px;
	margin: 0 auto 0 0;
	background-color: #000;
}
#head-space {
	clear: both;
	float: left;
	width: 960px;
	height: 73px;
	margin: 0;
	background: #000 url('../img/layout/line1.jpg') top left no-repeat;
}
#content {
   position: relative;
	float: right;
	clear: left;
	width: 773px;
	margin: 0;
	padding: 45px 0px 20px 0px;
}
#left {
	float: left;
	width: 135px;
}
#foot {
	margin: 15px auto 0 auto;
	width: 773px;
	padding: 9px 0 0 0;
	text-align: right;
	background: #000 url('../img/layout/foot-bg.jpg') center top no-repeat;
	font-size: 70%;
}
#foot a {
	color: #7E7A77;
}
.slogan {
	display: block;
	margin: 20px auto auto 186px;
	font-family: verdana;
	font-size: 140%;
}
/* navigace */
.nav2, .hide {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
	font-weight: bold;
	text-transform: lowercase;
}
ul.nav2 li a {
	display: block;
	width: 120px;
	line-height: 26px;
	padding: 0 15px 0 0;
	background: #000 url('../img/layout/menu-line.jpg') center top no-repeat;
	color: #7E7A77;
	text-decoration: none;
	font-size: 80%;
}
ul.nav2 li a:hover {
	color: #fff;
}
li.rozklik {
	display: block;
	width:120px;
	line-height: 26px;
	padding: 0 15px 0 0;
	background: #000 url('../img/layout/menu-line.jpg') left top no-repeat;
	color: #7E7A77;
	text-decoration: none;
}
li.rozklik:hover {
	color: #fff;
}
li.rozklik:hover .hide {
	display: block;
	width: 135px;
	background: #000 url('../img/layout/menu-line.jpg') right top no-repeat;
	margin:0;
   padding: 3px 0 0 0;
}
.hide {
	display: none;
}
ul.hide li {
   font-size: 80%;
}
ul.hide li a {
	display: block;
	width:120px;
	line-height: 26px;
	padding: 0 15px 0 0;
	color: #7E7A77;
	background: #000 url('../img/layout/menu-square.jpg') right center no-repeat;
	text-decoration: none;	
}
ul.hide li a:hover {
	background: #000 url('../img/layout/menu-square.jpg') right center no-repeat;
	color: #fff;
}
ul#nav1 {
	position: absolute;
	top: 50px;
	margin: 0;
	padding: 0 0 0 171px;
	font-family: 'ms sans serif';
}
ul#nav1 li {
	display: inline;
	padding: 0 15px;font-weight:bold;
}
ul#nav1 li a {
	text-decoration: none;
	color: #7E7A77;
}
ul#nav1 li a:hover {
	color:#fff;
}
.nav1k {
	background: #000 url('../img/layout/menu-square.jpg') right 80% no-repeat;
}
ul#nav1 li.nav1k.obchod {
   /*padding-left:150px;*/
}
ul#nav1 li.nav1k.obchod a {
   color:white;
}
.nav-g {
  width:773px;
	height: 350px;
	margin: 5px 0 0 0;
	overflow: hidden;
	position:relative;
}
.nav-g img {margin:0;display:block;float:left;}
.nav-g a img {border:none; border-right:4px solid black;}
.nav-g a:hover img {border:none; border-right:4px solid black;}
.nav-g2 {
	margin: 10px 0 0 0;
}
.nav-g2 a {
	color: #7E7A77;
}
.nav-g2 a:hover {
	color: #C0C0C0;
}
.nav-g3 {float:left;width:133px;height:94px;text-align:center}

#logo {
   position:absolute;
   top:14px;
   margin:0 0 0 801px;
   width:159px;
   height:120px;
   background:#000 url('../img/layout/logo.jpg') right top no-repeat;
   text-decoration:none;
   color:#000;
}

/* formatovani textu*/
a {
	color: #fff;
}
a:hover {
	text-decoration: none;
}
a img {
	border: 1px solid #000;
}
a:hover img {
	border: 1px solid #800000;
}
h1 {
	font-size: 160%;
	margin-bottom: 0px;
}
h2 {
	font-size: 90%;
	color: #fff;
}
h3 {
	font-size: 80%;
	color: #fff;
}
h4, h5, h6 {
	font-size: 70%;
	color: #fff;
}
.cl-b {
	clear: both;
}
.l {
	text-align: left;
}
.r {
	text-align: right;
}
.c {
	text-align: center;
}
.j {
	text-align: justify;
}
.w {
	color: #fff;
}

#scroll-wrapper {
   width:773px; height:13px;
   position:relative;
   margin-top:3px;
}
div.slider {
	width: 741px;
	height: 13px;
	margin:0 auto;
	background: #1a1a1a;
	position:relative;
}
div.slider div.knob {
	background: #767676;
	width: 50px;
	height: 13px;
}
#arr-l {
   width:14px; height:13px;
   position:absolute; 
   top:0; left:0;
   background:#000 url('/themes/jariflori/img/left.png') no-repeat top left;
}
#arr-r {
   width:14px; height:13px;
   position:absolute; 
   top:0; right:0;
   background:#000 url('/themes/jariflori/img/right.png') no-repeat top right;
}

#randomImage {
   margin:5px auto;
}



#shopitems {}

#shopitems .shopitem {
   width:155px; height:120px;
   float:left;
   text-align:center;
   margin:15px 19px;
}
#shopitems .shopitem a {
   display:block;
}



#searchbox {
   width:240px; height:30px;
   position:absolute;
   top:90px; right:0px;
   text-align:right;
}
   #searchbox input[type='text'] {
      width:160px;
      text-align:center;
      color:#888;
      background:#ddd;
      border:1px solid #666;
      padding:3px;
   }
   #searchbox input[type='submit'] {
      padding:2px;
      background:#000;
      border:1px solid #666;
      color:#fff;
      font-weight:bold;
      cursor:pointer;
   }



div.help {
   padding:245px 0 5px 30px;
   font-size:10px; 
   color:#7E7A77;
   text-align:justify;
}

#loading-overlay {
   /*width:773px; height:350px;*/
   width:100%; height:100%;
   position:absolute; 
   top:0; left:0;
   background:#000;
   opacity:0.9;
}
#loading-info {
   width:773px; height:350px;
   position:absolute;
   top:0; left:0;
   color:#fff;
}
   #loading-info img {
      position:absolute;
      top:150px; left:50%;
   }
   #loading-info span {
      position:absolute;
      top:190px; left:335px;;
      font-weight:bold;
      font-size:90%;
   }





/******************************************************************************/
/** Moo tooltips **************************************************************/
.tip {
	color: #fff;
	width: 100px;
	position:relative;
	z-index: 10;
	text-align:center;
}
 
.tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #f36d21;;
	padding: 8px 8px 4px;
	background: url('/themes/admin2/gfx/bubble.png') top left;
}
 
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	border:1px solid #eee;
	color:#fff;
	background: url('/themes/jariflori/img/flags-bg.png');
}
/** Moo tooltips **************************************************************/
/******************************************************************************/