/* =====CSS RESET===== */
html, body, div, span, h1, h2, h3, p, a, img, strong, center, 
menu, ol, ul, li, fieldset, form, label, legend, .reset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
input, select, {
   margin: 0px;
}

/* =====VŠEOBECNÉ PŘEDPISY===== */
html, body {
	margin: 0px auto 0px auto;
	background: #fff;
	overflow: auto;
	text-align: center;
   font-size: 12px;
   line-height: 16px;
   font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
a {
   color: #2f5b67 /*#d78500*/; 
   text-decoration: underline; 
}
a.external {
   padding-right: 13px;
   background: transparent url('/img/externalUrl.gif') no-repeat right center;
}
a.nahled.external {
   padding-right: 0px;
   background: transparent ;
}
a:hover {
   text-decoration: none;
}
a.decoration {	
   line-height: 16px;
   padding-left: 17px;
   background: transparent url('/img/list-item.png') no-repeat left 5px;
	_background: transparent url('/img/list-item.jpg') no-repeat left 3px;

}
p {
   padding-bottom: 15px;
}
.perex {
   text-align: justify;
}
menu { /* pouze navigace */
   list-style-type: none;  
}
ul { /* libovolne seznamy */
   padding: 10px 0px 20px;   
}
ul li {
   list-style-type: none;
   padding: 0px 0px 10px 20px;
	background: transparent url('/img/list-item.png') no-repeat left 3px;
	_background: transparent url('/img/list-item.jpg') no-repeat left 3px;
}
img[align=right] {
   padding-left: 7px;
}
img[align=left] {
   padding-right: 7px;
}

/* =====CONTENT STYLY===== */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
   font-weight: bold;
   text-decoration: none;
   color: #003745;
   clear: both;   
}
#content h1 {
   padding: 0px 0px 20px;
   font-size: 160%;
}
#content h2 {
   padding: 10px 0px;
   font-size: 140%;
   color: #d78500;
}
#content h3 {
   padding: 10px 0px;
   font-size: 120%;
   color: #d78500;
}
#content h4 {
   padding: 5px 0px;
   font-size: 110%;
}

#content a.poptavkovy_formular,
#content a.demoverze_zdarma {
   display: block;
   font-size: 150%;
   color: #003745;
   padding-left: 45px;
   line-height: 37px;
}
#content a.poptavkovy_formular {
   background: transparent url('/img/icon-poptavkovy_formular.jpg') no-repeat left center;
}
#content a.demoverze_zdarma {
   background: transparent url('/img/icon-demoverze_zdarma.jpg') no-repeat left center;
}
.vizitka { /* kategorie Kontakty, bloky vedle sebe (ostrava/praha)*/
   float: left;
   width: 220px;
}
.vizitka a {
   line-height: 250%;
}
.fakeh1 {   
   display: block;
   padding: 0px 0px 20px;
   font-size: 150%;
   color: #003745;
}

/* =====TŘÍDY===== */
strong, 
.strong {font-weight: bold;}
.black {color: #000;}
.dark { color: #003745; }
.light { color: #d78500; }
.small {font-size: 90%;}
.large {font-size: 120%;}
.block { display: block;}
.inline { display: inline;}

/* =====CLEANER===== */
.cleaner {
	clear: both;
	visibility: hidden;
	height: 1px;
   line-height: 1px;
   font-size: 0px;
}

/* =====LAYOUT===== */
#layout-env {
	position: relative;
	top: 0px;
	left: 0px;
	width: 940px;
	margin: 0px auto;
	background: #eee url('/img/shadow-lr.jpg') repeat-y left top;
   text-align: left;
}
#layout-shadow-top, #layout-shadow-bottom {
	width: 100%;
	height: 30px;
}
#layout-shadow-top {
	background: transparent url('/img/shadow-top.jpg') no-repeat center bottom;
}
#layout-shadow-bottom {
	background: transparent url('/img/shadow-bottom.jpg') no-repeat center top;
}
#layout {
	width: 900px;
	margin: 0px 20px;
	background: transparent;
}

/* =====HEADER===== */
#header {
	position: relative;
	width: 100%;
	height: 204px;
	background: transparent url('/img/header-bottom.jpg') no-repeat left bottom;
}
#header img#logo {
	position: absolute;
   display: block;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 150px;
	z-index: 100;
	_behavior: url('/_JS/iepngfix.htc');
}

/* =====MENU===== */
#menu {
	position: absolute;
	bottom: 0px;
	left: 220px;

	height: 70px;
   font-size: 120%;
}
#menu menu {
	list-style-type: none;
}
#menu menu li {
	display: inline;
}
#menu menu li a {
	float: left;
	height: 45px;
	line-height: 45px;
	margin-right: 5px;
	padding-left: 10px;
	background: #003745 url('/img/item-l.jpg') no-repeat left bottom;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-family: arial;
}
#menu menu li a span {
	float: left;
	height: 45px;
	line-height: 60px;
	_height: 30px;
	_padding-top: 15px;
	_line-height: 30px;
	padding-right: 10px;
	background: #003745 url('/img/item-r.jpg') no-repeat right bottom;
   _cursor: hand; *cursor: hand;
}
#menu menu li a:hover,
#menu menu li a.active {
	height: 50px;
	line-height: 45px;
	background: #fcb034 url('/img/item-l-active.jpg') no-repeat left bottom;
	color: #003745;
}
#menu menu li a:hover span,
#menu menu li a.active span {
	height: 50px;
	line-height: 60px;
	_height: 33px;
	_padding-top: 18px;
	_line-height: 30px;
	background: #fcb034 url('/img/item-r-active.jpg') no-repeat right bottom;
}

/* =====CONTENT-ENV===== */
#content-env {
   position: relative;
	width: 900px;
	background: url('/img/leftPanel-bg.jpg') repeat-y left top;
}

/* =====LEFT PANEL===== */
#leftPanel {
	float: left;
	width: 210px;
}
.leftPanel-box {
   width: 185px;
   margin: 0px 0px 0px 19px;
   padding: 0px 0px 0px 0px;
	background: #ddd url('/img/leftPanel-box-content.jpg') repeat-y right top;
   text-align: left;
} 
.leftPanel-logos {
  text-align: center;
  
 
}
.leftPanel-logos img {
   padding: 10px 0px; 
   clear: both;
}
.leftPanel-box a.head,
.leftPanel-box a.head.active {  
   display: block;
   padding: 0px 15px 0px 30px;
   font-size: 100%;
   font-weight: normal;
   line-height: 30px; 
	background: #fcb034 url('/img/leftPanel-box-header.jpg') no-repeat right top;
   color: #000;
   text-decoration: underline;
}
.leftPanel-box a.head:hover,
.leftPanel-box a.head.active {
   text-decoration: none;
}
.leftPanel-box a.head.active {
   text-decoration: none;
}
.leftPanel-box div { 
   background: transparent url('/img/leftPanel-box-footer.jpg') no-repeat right bottom;
   padding: 5px 0px 25px 0px;
}
.leftPanel-box.last div { 
   background: transparent url('/img/leftPanel-box-footer-last.jpg') no-repeat right bottom;
   padding: 5px 0px 105px 0px;
}
.leftPanel-box div p {
   font-size: 90%;   
   padding: 0px 15px 0px 15px;
}  

.leftPanel-box ul { /* libovolne seznamy */ 
   width: 95%;
   margin:  0px 0px 0px 7px;
   padding: 10px 0px 10px; 
 
}
.leftPanel-box ul li {
   list-style-type: none;
   padding: 0px 1px 5px 15px;
	background: transparent url('/img/list-item.png') no-repeat left 3px;
	_background: transparent url('/img/list-item.jpg') no-repeat left 3px;

}
.leftPanel-box div p.arrows {
   background: transparent url('/img/leftPanel-box-arrows.jpg') no-repeat 10px center;
   padding: 0px 15px 0px 55px;
}
.leftPanel-box div p.img {
   padding: 10px 0px 10px 0px;
   text-align: center;
}
.leftPanel-logos {
   margin-left: 10px;
   text-align: center;  
}
.leftPanel-logos img {
}

/* =====CONTENT===== */
#content {
   float: right;
	width: 680px;
   margin-right: 10px; _margin-right: 5px;
}

/* =====BOX===== */
#content .box-env {
   width: 100%;
   position: relative;
   background: transparent url('/img/content-box-bg.jpg') repeat-y top left;
}
#content .box-env .box {
   min-height: 100px;
   _height: 100px;
   padding: 40px 20px 0px 40px;
   background: transparent url('/img/content-box-header.jpg') no-repeat top left;
}
#content .box-env img.box-header-lanko {
   position: absolute;
   top: -40px;
   right: -22px;
	_behavior: url('/_JS/iepngfix.htc');
}
#content .box-env .footer {
   clear: both;
   height: 20px;
   background: transparent url('/img/content-box-footer.jpg') no-repeat top left;
}

/* =====DOUBLE BOX===== */
#content .box-dbl-env {
   _z-index: -1;
   position: relative;
   margin-bottom: 10px;
   background: transparent url('/img/content-box-dbl-bg.gif') repeat-y top left;
}
#content .box-dbl-env .box {
   padding: 40px 30px 0px 40px; 
   _padding-top: 25px;
   background: url('/img/content-box-dbl-header.jpg') no-repeat;
}
#content .box-dbl-env .box .box-l { 
   min-height: 110px;
   _height: 110px;
   _z-index: 10;
   float: left;
   width: 350px;
}
#content .box-dbl-env .box .box-r {
   font-size: 90%;
   min-height: 110px;
   _height: 110px;
   float: right;
   width: 190px;
}
#content .box-dbl-env img.box-header-lanko {
   position: absolute;
   top: -40px;
   left: 680px;
	_behavior: url('/_JS/iepngfix.htc');
}
#content .box-dbl-env .footer {
   clear: both;
   height: 20px;
   background: transparent url('/img/content-box-dbl-footer.jpg') no-repeat bottom left;
}

/* =====FOOTER===== */
#footer { 
   position: relative;
   width: 880px;
   height: 70px;
   margin: 10px auto;
   background: url('/img/footer-bg.jpg') repeat-x top left;
   font-size: 90%;
   color: #fff;
}
#footer img {
   position: absolute;
   top: 0px;
   left: 60px;    
}
#footer p {
   width: 700px;
   margin: 0px 0px 0px 200px;
   line-height: 16px;
   padding-top: 21px;
}
#footer a {
   color: #fcb034;
}

/* =====FOOTER 2===== */
#footer2 {
   width: 880px;
   margin: 10px auto 0px;
   font-size: 90%; 
   color: #424142;
}
#footer2 p {
   padding: 0px;
}
#footer2 a {  
   color: #000;
}

/* =====DEKORACE===== */
#provaz-L1 {
	position: absolute;
	top: 99px;
	left: 0px;
}
#provaz-R1 {
	position: absolute;
	top: 27px;
	right: -68px;
   z-index: 1000;
}
#stitek {
	position: absolute;
	top: 90px;
	right: -38px;
   z-index: 10000;
	_behavior: url('/_JS/iepngfix.htc');
}

/* =====FORMULAŘE===== */

fieldset {
   float: left;
   width: 250px;  
   padding: 0px 20px 20px;
}
fieldset legend {
   margin-left: -20px;
   _margin-left: -25px; 
   *margin-left: -25px;
   line-height: 50px;
   font-size: 120%;
   font-weight: bold;
   text-decoration: none;
   color: #d78500;
}
fieldset p {
   margin: 0px;
   padding: 0px 0px 3px;
}
fieldset select {
   width: 205px;
}
fieldset input#Eshop {
   width: 200px;
}
fieldset.contact {
   width: 550px;   
}
fieldset.odesli  {
   width: 550px;
   padding: 40px 0px 20px;
}
fieldset.contact label {
   display: block;
   float: left;
   width: 120px;
   line-height: 22px;
   color: #424242; 
   font-weight: bold;
   font-size: 12px;  
}
fieldset.contact input {
   width: 245px;
}
fieldset.contact select {
   width: 251px;
}

fieldset.leftbox  {
   clear: both;
}
fieldset.commodity {
}

fieldset p.formlink {
   padding: 10px 0px 0px;   
}

/* =====LOGA====== */

.logo-nd {
   position: absolute;
   top: 15px; 
   right: 30px;
   width: 164px;
   height: 71px;
	_behavior: url('/_JS/iepngfix.htc');   
}
.logo-shopcentrik {
   display: block;
   width: 150px;
   height: 38px;
   margin: 0px auto;
	_behavior: url('/_JS/iepngfix.htc');   
}
.logo-av {
   display: block;

   margin: 0px auto;
	_behavior: url('/_JS/iepngfix.htc'); 
}

/* =====OSTATNI===== */
.aktualita-env h2 {
   color: #000 !important; 
   font-size: 14px !important;  
   padding: 0px 0px 5px 0px !important;
}
.box-r .aktualita-env h2 {
  font-size: 11px !important;
}
.aktualita-datum  {
   color: #454545;
}
.aktualita-datum-pozicovane  {
   position: relative;
   top: 2px; 
   font-size: 90%;
   color: #000;
}

#reference { 
   position: relative; 
   top: 0px;
   padding-top: 70px;    
} 
#reference h1 { 
   position: absolute;
   top: 20px;  
   padding: 0px; 
} 
#reference strong.nadpis { 
   position: absolute;
   top: 50px; 
   left: 70%;
   _left: 62%;
} 
#ref-list {   
   float: left;
   width: 68%;
}
#ref-list.full {   
   float: left;
   width: 100%;
}
#ref-list .ref-item {
   clear: both;
   width: 100%;
   padding: 0px 0px 15px;
   border-top: 2px solid #ddd;   
}
#ref-list .ref-item table {
   float: left;       
   margin: 20px 0px 5px;
}
#ref-list .ref-item table td {
   font-weight: bold;
}
#ref-list .ref-item table td.l {
   padding-right: 20px;
   font-weight: normal;
   color: #424242;
}
#ref-list .ref-item .description {
   clear: both;    
}
#ref-list .ref-item img {  
   float: right;
   z-index: 11000;   
}
#ref-categories-env {  
   float: right;
   width: 30%;
}
#ref-categories-env.hidden {  
   visibility: hidden;  
   display: none;
}

#ref-categories {  
   padding: 20px 0px;
   border-top: 2px solid #ddd;
}

#reference-titulka {
   width: 100%;
   _width: auto;
   position: relative;
}
#reference-titulka .header {
   height: 20px; 
   line-height: 20px; 
   background: transparent;  
}
#reference-titulka .header h3 {
   position: absolute;
   left: 0px;
   margin: 0px;
   padding: 0px;
   line-height: 20px;
   font-size: 18px;
   color: #003745;    
}
#reference-titulka .header a {
   position: absolute;
   right: 0px;
   line-height: 20px; 
}
#reference-titulka #list {
   text-align: center;
   margin-left: 20px;
}
#reference-titulka .item-env {
   width: 170px;   
   float: left;
   margin: 20px 0px;
}
#reference-titulka .item-env.middle {
   width: 170px;   
   float: left;
   margin: 20px 30px;
}
#reference-titulka .item {
   width: 170px;
   height: 100px;
   overflow: hidden;
   padding: 1px;
   border: 1px solid black;
}
#reference-titulka .desc {   
   clear: both;
   width: 170px;
   padding-top: 10px;
}
#reference-titulka .item img {
   display: block;
   width: 170px;  
   padding: 0px;
}



a.nahled {
}
#tooltip {
  position: absolute;
/*	z-index: 1000;
	background: #ddd;
	color: black;
	padding: 0px;
	border: 1px solid black;
	*width: 1px;
	*border: 0px;  */
}
#tooltip img {
/*	float: left;
	margin: 0px;
	padding: 3px;
	background: #ddd;
	*border: 1px solid black;
	_border: 1px solid black;  */
}

.preview{
	display: none;
	
} 

#preview {  
  position: absolute;
  width: 314px; height: 298px; padding: 5px; background: #F4F4F4; border: 2px solid #FCB134;
  left: 50%; margin-left: -165px; z-index: 100;
  display: none   
}