/* -------------------------
Top Optik, www.topoptik.cz
copyright (c) 2009 NOVÁ | REKLAMA, www.novareklama.cz
------------------------- */

/* -----[ layout ]----- */
/*html, body, #master, #main {
	height: 100%;
	}*/
body {
	background: #fff url(../images/bg-bottom.jpg) repeat-x bottom;
	color: #505050;
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	}
#master {
	background:  url(../images/bg-top.png) repeat-x top;
	width: 100%;
	}
#master-in {
	background: url(../images/bg-footer.jpg) no-repeat 0 100%;
	margin: 0 auto;
	padding: 0;
	width: 940px;
	text-align: left;
	}
#header {
	background: url(../images/header2.jpg) no-repeat 0 0;
	height: 315px;
	}
#header-in {
	background: url(../images/header-in.jpg) no-repeat 100% 0;
	height: 315px;
	position: relative;
	}
#header h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 280px;
	height: 145px;
	overflow: hidden;
	top: 123px;
	line-height: 300%;
	z-index: 1;
	font-size: 300%;
	}
#header h1 a {
	color: #B3448A;
	text-decoration: none;
	}
#header h1 a span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	height: 145px;
	background: url(../images/logo2.png) no-repeat 0 0;
	z-index: 2;
	}
#navigation {
	position: absolute;
	width: 100%;
	bottom: 1px;
	}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#navigation ul li {
	float: left;
	}
#navigation ul li a {
	position: relative;
	display: block;
	float: left;
	text-decoration: none;
	margin-right: 37px;
	color: #c73d8c;
	height: 29px;
	text-transform: uppercase;
	font-size: 90%;
	line-height: 120%;
	z-index: 1;
	}
#navigation ul li a:hover { color: #c1cc22; }
#navigation ul li a.active { color: #c1cc22; cursor: default; }
#navigation ul li a span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	background: url(../images/navigation.gif) no-repeat;
	z-index: 2;
	}
#navigation ul li a#nav-uvod { width: 105px; }
#navigation ul li a#nav-uvod span { background-position: 0 0; }
#navigation ul li a#nav-uvod:hover span { background-position: 0 -29px; }
#navigation ul li a#nav-uvod.active span { background-position: 0 -58px; }
#navigation ul li a#nav-diop { width: 115px; }
#navigation ul li a#nav-diop span { background-position: -140px 0; }
#navigation ul li a#nav-diop:hover span { background-position: -140px -29px; }
#navigation ul li a#nav-diop.active span { background-position: -140px -58px; }
#navigation ul li a#nav-slun { width: 110px; }
#navigation ul li a#nav-slun span { background-position: -288px 0; }
#navigation ul li a#nav-slun:hover span { background-position: -288px -29px; }
#navigation ul li a#nav-slun.active span { background-position: -288px -58px; }
#navigation ul li a#nav-kcoc { width: 115px; }
#navigation ul li a#nav-kcoc span { background-position: -434px 0; }
#navigation ul li a#nav-kcoc:hover span { background-position: -434px -29px; }
#navigation ul li a#nav-kcoc.active span { background-position: -434px -58px; }
#navigation ul li a#nav-merz { width: 95px; }
#navigation ul li a#nav-merz span { background-position: -595px 0; }
#navigation ul li a#nav-merz:hover span { background-position: -595px -29px; }
#navigation ul li a#nav-merz.active span { background-position: -595px -58px; }
#navigation ul li a#nav-onas { width: 45px; }
#navigation ul li a#nav-onas span { background-position: -728px 0; }
#navigation ul li a#nav-onas:hover span { background-position: -728px -29px; }
#navigation ul li a#nav-onas.active span { background-position: -728px -58px; }
#navigation ul li a#nav-kont { width: 75px; }
#navigation ul li a#nav-kont span { background-position: -804px 0; }
#navigation ul li a#nav-kont:hover span { background-position: -804px -29px; }
#navigation ul li a#nav-kont.active span { background-position: -804px -58px; }
#main {
	background: url(../images/bg-content.png) no-repeat 0 0;
	padding: 30px 0 0 0;
	font-size: 90%;
	}
#main-in {
	background: url(../images/bg-content-btm.jpg) no-repeat 0 100%;
	padding: 2em 0 6em 0;
	min-height: 100%;
	/*margin-bottom: -40px;
	position: relative;*/
	}
#content {
	width: 660px;
	float: left;
	}
#sidebar {
	margin-left: 700px;
	color: #7A7A7A;
	}
.cleaner { clear: left; }
.cleaner hr { display: none; }
.content-separator { display: none; }
h2, h3, h4 { margin: 0; }
h2 {
	font-weight: normal;
	font-size: 200%;
	color: #c1cc22;
	line-height: 150%;
	}
#sale {
  position: relative;
	background: url(../images/bg-sale.jpg) no-repeat 0 0;
	margin: 0 -25px 1em -25px !important;
	padding: 25px;
	}
#sale-in {
	padding-left: 100px;
	background: url(../images/sale.gif) no-repeat 0 0;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #ccc;
	}
.nosale #sale-in {
	background: none !important;
	padding-left: 0;
	}
#sale h2 {
	margin: 0;
	font-weight: normal;
	color: #c73d8c;
	font-size: 180%;
	line-height: 180%;
	}
#main p {
	margin: 0 0 1em 0;
	padding: 0;
	}
h3 {
	font-size: 160%;
	line-height: 120%;
	font-weight: normal;
	color: #c1cc22;
	margin-top: 1em;
	}
.action {
	margin-bottom: 4em;
	margin-top: 2em;
	}
.action .action-content h4 {
	font-weight: normal;
	color: #c73d8c;
	padding-bottom: 0.3em;
	font-size: 120%;
	line-height: 130%;
	}
.action .action-content h4 span {
	color: #929292;
	margin-right: 0.5em;
	}
a img.thumb, div.thumb img  {
	padding: 1px 5px 5px 5px;
	background: url(../images/bg-photo.jpg) no-repeat 0 0;
	border: none;
	}
div.thumb img { float: left; margin-right: 20px; }
.gallery { margin: 2em 0; }
.gallery a { border: none !important; }
.gallery a img { margin-right: 20px; border: none !important; }
.no-margin { margin: 0; }
#footer {
	
	height: 40px;
	/*position: relative;*/
	}
#footer-in {
	padding: 1em 0 0 0;
	font-size: 90%;
	color: #c73d8c;
	}
#footer-in a {
	color: #c73d8c;
	text-decoration: none;
	}
#footer-in a span {
	color: #ba7aa4;
	}
#footer-in a:hover {
	color: #ea7bc3;
	}
.sideblock { margin-bottom: 3em; }
.sideblock h4 {
	background: url(../images/bg-label.jpg) repeat-y 0 0;
	font-weight: normal;
	color: #fff;
	padding: 0.3em 0.5em;
	margin-bottom: 0.5em;
	font-size: 110%;
	}
#content-in p strong {
	background: #F9E2F1;
	font-weight: normal;
	padding: 0 0.3em 0 0.3em;
	color: #6E2A5F;
	}
#sidebar p strong {
	background: none;
	font-weight: bold;
	padding: 0;
	color: #7a7a7a;
	}
.img-right {
	float: right;
	margin: 0.5em 0 0.5em 1em;
	}
ul.sub-nav, ul.sub-nav li {
	display: inline;
	margin: 0;
	padding: 0;
	}
ul.sub-nav li a {
	display: block;
	text-decoration: none;
	font-size: 110%;
	color: #B3458B;
	margin-left: 1em;
	margin-bottom: 0.5em;
	background: url(../images/arrow.jpg) no-repeat 85% 50%;
	}
ul.sub-nav li a:hover {
	color: #E43AA3;
	}
#uvzareni {
	display: none;
	}
.optic table th {
	vertical-align: top;
	width: 100px;
	}
.optic table {
	margin: 0 2em 2em 0;
	width: 350px;
	}
.optic table img {
	cursor: help;
	}
.optic h3 {
	color: #B3458B;
	}
.optic {
	border-bottom: 2px solid #B3458B;
	margin-bottom: 2em;
	}
a.map img {
	float: right;
	border: 3px solid #f5b9dc;
	}
#content a, body#form a, #sale a {
	text-decoration: none;
	border-bottom: 3px solid #F6CEE9;
	color: #B3458B;
	}
#content a:visited, body#form a:visited, #sale a:visited {
	text-decoration: none;
	border-bottom: 3px solid #F6CEE9;
	color: #a66896;
	}
#content a:hover, body#form a:hover, #sale a:hover {
	text-decoration: none;
	border-bottom: 3px solid #ec8edc;
	color: #c870b0;
	}
.nav-down { padding-top: 6em; }
fieldset { 	border: none; padding: 1em; margin: 0 0 2em 0; }
legend { color: #b4458b; visibility: hidden; }
input.wide, textarea.wide { width: 95%; border: 1px solid #b7438b; padding: 2px 5px; }
.cont { width: 90% !important; }
form table td { padding: 5px; }
form table tr { margin-bottom: 10px; }
.brands { text-align: center; margin: 40px 0 20px 0; }
.brands img { padding: 5px 10px; }
.cleaner-right { clear: right; }

body#form {
	background: none;
	text-align: center;
	}
#form-message {
	border: 2px solid #f7b8dc;
	padding: 10px;
	margin: 100px;
	margin: 100px auto;
	width: 400px;
	text-align: left;
	color: #7f7f7f;
	}
.grmarg { margin: 40px 0 100px 20px; }
#sale-in strong { font-weight: bold; color: #505050; background: #fff; padding: 0; }