/* basics */

* img {display: none;}
#mapa {display: block;}
* {zoom: 1;}
* a img {border: none;}

body {behavior: url(javascripts/csshover2.htc);}
img {behavior: url(http://www.dytron.eu/lib/content/javascripts/htc/iepngfix.htc);}
ul {list-style-type: none;}

html, body {
	padding: 0px;
	margin: 0px;
}

body {
	background: #fff;
	color: #000;
	font-family: Arial, sans-serif;
}

div#page {
	font-size: 80%;
	width: 980px;
	margin: 0 auto;
	position: relative;
	background: #fff url(http://www.dytron.eu/content/images/design/2009/page.png) top left repeat-y;
}

h1, h2, h3, h4, h5, h6 {
	color: #2a68b2;
	margin: 0.5em 0 0.3em 0;
}

h1 {font-size: 180%;}
h2#logotyp {font-size: 180%;}
h2 {font-size: 160%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5, h6 {font-size: 100%;}

.capital {text-transform: uppercase;}
#content .inter {background: url(http://www.dytron.eu/content/images/design/2009/bg-header.jpg) repeat-x left bottom; margin-top: 1.5em;}

#contact-form {display: none; }

p {
	line-height: 150%;
	margin: 1.5em 0;
	text-align: justify;
}

a {color: #003d8a;}
a:visited {color: #013e8b;}
a:hover {color: #597abd;}

sub, sup {
	vertical-align: baseline;
	position: relative;
}

sub {top: 0.4em;}
sup {bottom: 0.4em;}

abbr, acronym {cursor: help;}

kbd {
	padding: 0 2px;
	background: #ddd;
	color: #222;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-bottom: 2px solid #aaa;
	border-right: 2px solid #aaa;
	-moz-border-radius: 4px;
}

address {font-style: normal;}

li {
	margin: 0.4em 0;
	line-height: 130%;
}

ol {list-style-type: none; padding:0px; margin:0; margin-left: 5%; margin-bottom: 2em;}
ol li {width: 99%; margin:0px; height: auto;}
ol li span {color: #990000; margin:0px; margin-left: -1em; margin-right: 0.3em;}


form {margin: 0;}

a img {border: 0;}

.image-left {float:left; margin: 10px 20px 20px 0;}
.image-right {float:right; margin: 10px 0 20px 20px;}

.invisible {display: none;}

.cleaner {
	clear: both;
	font-size: 1px;
	height: 1px;
}

.fastnav {width: 100px !important;}

div#page .right {margin-right: 0;}

.righter {float: right; margin-left: 8px;}
.lefter {float: left;}
.l-margin-20 {margin-left: 20px;}
.stand-1 {padding-top: 1px;}
.fl-right {float: right;}
.block {display: block;}
.block-35 {width: 35%;}
.block-40 {width: 40%;}
.block-45 {width: 45%;}
.block-55 {width: 55%;}
.block-80 {width: 80%;}
.block-90 {width: 90%;}

.height-310 {height: 310px;}
.underline {text-decoration: underline;}
.right-top {float: right; position: relative; top: 27px; =top: 43px; }

.claim1 { font-weight: bold; color: #2A68B2;}
.claim4 {font-size: 1.3em; font-weight: bold; color: #2A68B2; margin: 0.5em 0 0.3em; cursor: pointer; }

/* menu */

#lft-menu {list-style-type: none; width: 270px; margin: 0px; padding: 0px;}
#lft-menu li { overflow: hidden; color: 003d8a; padding: 0px; text-align: center; text-transform: uppercase; font-weight: bolder; background: #99c0ef url(http://www.dytron.eu/content/images/design/unactive-t.jpg) no-repeat;}
#lft-menu li .active-menu {color: #003d8a; cursor: pointer; display: block; margin: 0px; padding: 0px; padding-top: 15px; margin-bottom: 8px; text-align: center; }
#lft-menu li ol {background: #99c0ef; list-style-type: none; margin: 0px; padding: 0px;}
#lft-menu li ol li {background: #99c0ef; text-align: center; margin: 0px; padding: 0px; width: 270px; height: 70px; line-height: auto; border-top: 2px solid #89abd5;}
#lft-menu li ol li:hover {background: #e8f2ff;}
#lft-menu li ol li  a { position: relative; top: 1.3em; text-decoration: none; font-size: 0.9em;}
#lft-menu li ol li  a span {font-size: 0.8em; text-transform: lowercase; margin: 0px; cursor: pointer;}
#lft-menu li ol li img {float: left; margin: 5px 0px 0px 10px;}
.lft-mn-dwn {height: 7px; margin: 0px; padding: 0px; background: #99c0ef url(http://www.dytron.eu/content/images/design/unactive-bt.jpg) no-repeat;}
.button {float: right; cursor: pointer; margin-right:20px;}

/* head */

div#header {
	margin: 5px 0;
	height: 113px;
	background: #dedad8 url(http://www.dytron.eu/content/images/design/2009/header.png) top left;
}

div#header h2#logotyp {
	margin: 0;
	font-size: 160%;
	width: 135px;
	height: 93px;
	position: absolute;
	top: 18px;
	*top:23px;
	left: 20px;
	display: block;
	overflow: hidden;
	/*border: 1px solid black;*/
	z-index: 10; 
}

div#header h2#logotyp a {text-decoration:none; color:#003d8a;}
/*
div#header h2#logotyp a span {
	display: none; 
	width: 135px;
	height: 93px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	background: url(http://www.dytron.eu/content/images/design/2009/header.png) -20px -18px;
}*/

div#header h2 {
	margin: 0;
	width: 171px;
	height: 15px;
	position: absolute;
	top: 50px;
	*top: 54px;
	left: 20px;
	font-size: 100%;
	font-weight: normal;
	color:#636363;
	overflow:hidden;	
	z-index: 10;
}

/*
div#header h2 span {
	display: none;
	width: 171px;
	height: 15px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(http://www.dytron.eu/content/images/design/2009/header.png) -165px -74px;
}*/

div#topbar {display:none; height:38px; margin:10px 0; background:url(http://www.dytron.eu/content/images/design/2009/topbar.png) top left; position:relative;}

input#search-phrase {position:absolute; top:7px; left:110px; width:105px;}
input#search-submit {position:absolute; top:5px; left:225px;}

div.link-horizontal {position:absolute; height:25px; padding-left:26px; top:10px; color: #FFF; }
div.link-horizontal a {color:#fff; font-weight:bold; font-size:110%;}
div.link-horizontal a:hover {text-decoration:none;}

div#questions {left:291px; background:url(http://www.dytron.eu/content/images/design/2009/questions.png) top left no-repeat;}
div#login {left:501px; background:url(http://www.dytron.eu/content/images/design/2009/login.png) top left no-repeat;}
div#cart {left:371px; background:url(http://www.dytron.eu/content/images/design/2009/cart.png) top left no-repeat;}
div#cart-price { color: #FFF; text-align: center; font-size: 0.8em; }

div#lang {width:190px; height:21px; position:absolute; top:7px; left:789px;}
div#lang a {display:block; width:32px; height:21px; overflow:hidden; text-decoration:none; position:absolute; top:0;}
div#lang a span {display:block; width:32px; height:21px; position:absolute; top:0; left:0; cursor:pointer;}

div#lang a.cz {left:140px;}
div#lang a.en {left:47px;}
div#lang a.ru {left:94px;}
div#lang a.de {left:140px;}

div#lang a.cz span {background:url(http://www.dytron.eu/content/images/design/2009/lang-cz.png) top left;}
div#lang a.en span {background:url(http://www.dytron.eu/content/images/design/2009/lang-en.png) top left;}
div#lang a.ru span {background:url(http://www.dytron.eu/content/images/design/2009/lang-ru.png) top left;}
div#lang a.de span {background:url(http://www.dytron.eu/content/images/design/2009/lang-de.png) top left;}

/* nav */

ul#nav {display: none; margin:0; padding:0; width:609px; height:112px; position:absolute; top:0px; left:0px;}

ul#nav li {margin:0; padding:0; list-style:none; height:112px; width:123px; position:absolute; top:0;}

ul#nav li#nav1 {left:0px;}
ul#nav li#nav2 {left:124px;}
ul#nav li#nav3 {left:248px;}
ul#nav li#nav4 {left:371px;}
ul#nav li#nav5 {left:494px;}

ul#nav li a {display:block; text-decoration:none; height:27px; width:123px; padding-top:85px; position:absolute; top:0; text-transform:uppercase; color:#5e5d5d; text-align:center; font-size:95%; font-weight:bold;}

ul#nav li#nav1 a {background:url(http://www.dytron.eu/content/images/design/2009/nav-home.png) center -200px no-repeat;}
ul#nav li#nav2 a {background:url(http://www.dytron.eu/content/images/design/2009/nav-about.png) center -200px no-repeat;}
ul#nav li#nav3 a {background:url(http://www.dytron.eu/content/images/design/2009/nav-eshop.png) center -200px no-repeat;}
ul#nav li#nav4 a {background:url(http://www.dytron.eu/content/images/design/2009/nav-downloads.png) center -200px no-repeat;}
ul#nav li#nav5 a {background:url(http://www.dytron.eu/content/images/design/2009/nav-contact.png) center -200px no-repeat;}

ul#nav li#nav1 a:hover, ul#nav li#nav2 a:hover, ul#nav li#nav3 a:hover, ul#nav li#nav4 a:hover, ul#nav li#nav5 a:hover {background-position:center 4px;}

/* col */

div#col {width:270px; float:left; margin:0 0 20px 0; display:none;}

/* content */

div#content {width:660px; float:left; margin:0 0 20px 0; *display:inline;}

div#content-left {float:left; width:428px;}

div#content-right {float:right; width:221px; background:#ebebeb url(http://www.dytron.eu/content/images/design/2009/corners-221px-gray-top.gif) top left no-repeat; text-align: left;}

div#content-right p {text-align: left; }

div#content-right form p, div#content-right div.form p {text-align: left; margin: 4px 0; }

div.content-right-inside {background:url(http://www.dytron.eu/content/images/design/2009/corners-221px-gray-bottom.gif) bottom left no-repeat; padding:5px 20px 20px 20px; }

div.content-right-split { padding-top: 5px; clear: both; width:221px; height: 7px; background:#FFFFFF url(http://www.dytron.eu/content/images/design/2009/corners-221px-gray-top.gif) bottom left no-repeat; font-size: 0; }

/* news */

div.news-list-date {font-size:85%; color:#828282; margin-top:1em;}
h4.news-list-title {color:#003d8a; font-size:100%; margin:0;}
h4.news-list-title a {text-decoration:none;}
h4.news-list-title a:hover {text-decoration:underline; color:#003d8a;}
div.news-list-summary {margin-bottom:1em;}
div.news-list-summary a.morelink {font-weight:bold;}

/* footer */

div#footer {display: none;}


/* Katalog */

.small-rounded {width: 310px; height: 310px; list-style-type: none; margin: 0px; padding: 0px; background:url(http://www.dytron.eu/content/images/design/2009/bg-rounded-small.jpg) left top no-repeat;}
.small-rounded li {float: left; width: 130px; margin-left: 20px; margin-top: 15px}
.small-rounded li span {font-weight: bold; color: #2a68b2; cursor: pointer; text-decoration: none;}
.small-rounded li a { text-decoration: none;}

.frst {width: 100px; color: #888888;}
.iko-nav { list-style-type: none; padding: 0px; display: block; height: 30px;}
.iko-nav li { width: 23px; margin-right: 27px; position: relative; float: left;}
.iko-nav a {
	padding: 0px;
	display: block;
	color: #000000;
	width: 25px;
	text-decoration: none;
	font-weight: bold;
}

.iko-nav li em {
	width: 100px;
	height: 50px;
	position: absolute;
	margin-top: -40px;
	margin-left: -20px;
	text-align: center;
	padding: 15px 3px 0px;
	font-style: normal;
	color: black;
	font-weight: bold; 
	z-index: 2;
	display: none;	
	background: url(http://www.dytron.eu/content/images/design/2009/hover.png) no-repeat;
	
}

.pading-t5 {padding-top: 5px !important;}
.pading0 {padding: 0px;}
ul.prednosti-p4 {list-style-type: none; padding:0px; margin: 0px;}
ul.prednosti-p4 li {width: 210px; height: 80px; float: left; padding: 5px;}
ul.prednosti-p4 li img {float: left; margin-right: 5px; margin-bottom: 10px;}

ul.prednosti-ex {height:auto; list-style-type: none; padding:0px; margin: 0px;}
ul.prednosti-ex li {width: 45%; height: 100px; float: left; padding: 5px;}
ul.prednosti-ex li img {float: left; margin-right: 5px;}

.height-300 {height: 300px;}

ul.vykon-p4 { margin: 0px; height: 230px; list-style-type: none; padding:0px; padding-left: 8px; background: url(http://www.dytron.eu/content/images/design/2009/bg-rounded.jpg) no-repeat top left;}
ul.vykon-p4 li {width: 215px; float: left; padding: 5px 0;}
ul.vykon-p4 li strong {font-size: 0.9em;}
ul.vykon-p4 li h5 {color: #000000; position: relative; z-index: 20; font-size: 1.2em;}
ul.vykon-p4 li img {position: relative; margin-top: -30px; margin-bottom: 0px; z-index: 1;}

ul.regulace-vykon-p4 {margin: 0px; height: 230px; list-style-type: none; padding:0px; padding-left: 8px; background: url(http://www.dytron.eu/content/images/design/2009/bg-rounded.jpg) no-repeat top left;}
ul.regulace-vykon-p4 li {width: 100px; margin-left: 60px; float: left;}
ul.regulace-vykon-p4 li span {display: block; height: 50px; margin-top: 15px; font-weight: bold; color: #2a68b2;}

ul.nastavce-p4 {margin: 0px; height: 230px; list-style-type: none; padding:0px; padding-left: 8px; background: url(http://www.dytron.eu/content/images/design/2009/bg-rounded.jpg) no-repeat top left;}
ul.nastavce-p4 li {width: 250px; margin-left: 60px; margin-top: 30px; float: left;}
ul.nastavce-p4 li span {display: block; height: 50px; margin-left: 100px; font-weight: bold; color: #2a68b2;}
ul.nastavce-p4 li.nastavec-p4-profi {position: relative; margin-top: -25px;}


.upper {text-transform: uppercase;}
.upperstrong {font-weight: bold; text-transform: uppercase; font-size: 0.9em;}

.typregulace {height: 91px; margin: 0px; position: absolute; margin-left: 400px; margin-bottom: 0px;}

ul.regulace-vykonu {list-style-type: none; padding:0px; margin-left: 30px; height: 280px; margin-bottom: 0px;}
ul.regulace-vykonu li { width: 300px; float: left; height: 120px;}
ul.regulace-vykonu li ol {list-style-type: none; padding:0px; margin:0;width: 200px; display: block; margin-left: 90px;}
ul.regulace-vykonu li ol li {width: 200px; margin:0px; height: auto;}
ul.regulace-vykonu li ol li span {color: #990000; margin:0px;}
ul.regulace-vykonu li img {margin-bottom: 30px; margin-right: 10px;}

/* prislusenstvi */

ul.prislusenstvi {list-style-type: none; padding:0px; margin-left: 30px; margin-bottom: 0px;}
ul.prislusenstvi li { width: 300px; padding-left: 5px; padding-right: 5px; height: 400px; float: left; background: url(http://www.dytron.eu/content/images/design/2009/bg-header.jpg) repeat-x left bottom; border-bottom: 1px dotted black; margin-bottom: 2em;}
ul.prislusenstvi li ol {list-style-type: none; padding:0px; margin:0; width: 150px; display: block; margin-left: 130px;}
ul.prislusenstvi li ol li {width: 150px; margin:0px; margin-top: 0.5em; height: auto; border: none; background: transparent;}
ul.prislusenstvi li ol li span {color: #990000; margin:0px; margin-left: -1em; margin-right: 0.5em;}
ul.prislusenstvi li img {margin-bottom: 30px; margin-right: 10px;}
ul.prislusenstvi h5 {text-transform: uppercase;}

.left-tree {float: left; width: 30%; margin: 10px; text-align: justify;}

/* login */
div#content-right label { display: block; }
div#content-right input {width: 130px;}

/* Table */
.table-produc-small {width: 300px; font-size: 0.8em; font-weight: normal; font-family: verdana;}
.table-produc-small tr td {padding: 0px; margin: 0px; text-align:center; border-bottom: 1px solid #00689f; border-right: 1px solid #00689f;}
.table-produc-small tr .orange {background: #f3a656;}
.table-produc-small tr td div {display: inline;}
.table-produc-small tr td hr {margin: 0px; border: 0px; background: #c8c8c8; height: 1px;}
.table-produc-small tr td a:link {text-decoration: none; font-weight: bold; color: #E67900;}
.top-tab-small {background: url(http://www.dytron.eu/content/images/design/2009/toptable-small.jpg) no-repeat left bottom; display: block !important; height: 30px; width: 300px;}
.bott-tab-small {background: url(http://www.dytron.eu/content/images/design/2009/bottable-small.jpg) no-repeat left top; display: block !important; height: 30px; width: 300px}

.table-produc {width: 400px; font-size: 0.8em; font-weight: normal; font-family: verdana;}
.table-produc tr td {padding: 0px; margin: 0px; text-align:center; border-bottom: 1px solid #00689f; border-right: 1px solid #00689f;}
.first { font-weight: bold; background: #c8c8c8; border-top: 1px solid #00689f; }
.second { font-weight: bold; background: #fafafa; }
.table-produc tr {height: 30px; }
.table-produc .noborder, .table-produc-small .noborder {border: none;}
.left {border-left: 1px solid #00689f;}
.modra {background: #00689f; color: white;}
.cerna {background: #202020 ; color: white;}
.table-produc tr .orange {background: #f3a656;}
.table-produc tr td hr {margin: 0px; border: 0px; background: #c8c8c8; height: 1px;}
.table-produc tr td a:link {text-decoration: none; font-weight: bold; color: #f3a656;}
.top-tab {background: url(http://www.dytron.eu/content/images/design/2009/toptable.jpg) no-repeat left bottom; height: 30px; width: 400px;}
.bott-tab {background: url(http://www.dytron.eu/content/images/design/2009/bottable.jpg) no-repeat left top; height: 30px; width: 400px;}

#polysp4 {width: 418px !important; =width: 410px !important;}

#polysp4 .top-tab {background: url(http://www.dytron.eu/content/images/design/2009/toptable-420.jpg) no-repeat left bottom !important; height: 30px; width: 421px !important;}
#polysp4 .bott-tab {background: url(http://www.dytron.eu/content/images/design/2009/bottable-420.jpg) no-repeat left top !important; height: 30px; width: 421px !important;}

.normal {font-size: 0.75em;}
.normal tr td {text-align: left; }

.width-15 {width: 15%;}
.width-20 {width: 20%;}

.table-produc tr .orange-top {background: #f3a656; font-weight: bold; border: 1px solid #00689f; }
.wide, .wide .top-tab, .wide .bott-tab {width: 680px; font-size: 0.75em;}
.wide .top-tab {background-image: url(http://www.dytron.eu/content/images/design/2009/toptable-wide.jpg)}
.wide .bott-tab {background-image: url(http://www.dytron.eu/content/images/design/2009/bottable-wide.jpg)}
.wide tr .orange {background: #f3a656; font-size: 0.9em; }
.wide td.price {text-align: right; padding-right: 10px}
.table-produc a.code, .table-produc a.code:hover, .table-produc a.code:visited, .table-produc a.code:active, .table-produc a.code:link 
{ 
	color: #E67900;
	font-weight: bold;
	text-decoration: none;
}
h3.pricelist-header, h4.pricelist-header
{
	border: 1px solid #9A9A9A;
	border-width: 2px 0 2px 0;
	color: #6B6B6B;
	font-size: 1.8em;
	padding: 8px 0;
}

h4.pricelist-header
{
	border-width: 1px 0 1px 0;
	font-size: 1.3em;

	padding: 6px 0;
}

div#page div#content div.error { color: #DA0000; font-weight: bold; padding: 7px 0; }

p.buy-button { margin: 5px 0 5px 0; text-align: right; padding-right: 25px; }
p.buy-button input {width: auto;}

.tw-block {width: 27%; float: left; border: 1px dotted #9A9A9A; margin: 10px; padding: 10px;}
.auto {margin: 0 auto;}

.height-570 {height: 570px !important;}
.height-700 {height: 700px !important;}

.middle {vertical-align: middle;}
.middle img {margin-right: 20px;}
.middle a {display: inline; line-height: 30px; vertical-align: top;}

.error
{
	color: #5A1A1A;
}

.form-error, .eshop-error
{
	background: #FEDADA;
	color: #5A1A1A;
	border: 1px solid #FD9999;
	padding: 5px 35px 15px 35px;
	line-height: 1.5em;
	margin: 15px 0;
}

.form-error li, .eshop-error li
{
	list-style-type: disc;
	font-weight: normal;
}

.eshop-error
{
	padding: 15px 30px 15px 45px;
}

.eshop-error a
{
	color: #5A1A1A;
}

.eshop-error a:hover
{
	color: #833232;
}

.errors
{
	color: #5A1A1A;
	margin: 0;
}

p#cart-added, p.form-message
{
	background: #E4FFC8;
	border: 1px solid #C6E3A6;
	font-size: 1.3em;
	color: #69844C;
	font-weight: bold;
	padding: 15px 25px;
	line-height: 1.5em;
}

p#cart-added a, p.form-message a
{
	color: #69844C;
}

p#cart-added a:hover, p.form-message a:hover
{
	color: #87A468;
}

.vertical-resizer
{
	width:460px;
}

#custinfoForm textarea
{
	width: 500px;
	height: 150px;
}

#custinfoForm .vertical-resizer
{
	width: 500px;
	margin: 0;
}

input.eshop-item-count
{
	width: 25px;
}

input.normal {font-size: 1.0em;}