/*
 * screen.css - styl pro zobrazeni na obrazovce
 * Autor: Radek Liska, radarfox at seznam.cz 
 */

/* ==============================================[ pozicni bloky ] */

body {
	padding: 0 0 30px;
	background: #72d3f1 url(../img/body.jpg) repeat-x;
	color: #fff;
	font-family: "MyriadWebPro", "MyriadPro", "Myriad Pro", Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

#all {
	position: relative;
	margin: 0 auto;
	padding: 330px 0 0;
	width: 990px;
	text-align: left;
}

#wrap {
	position: relative;
	z-index: 2;
	width: 100%;
}

#inner {
	float: left;
	width: 790px;
}

#lcolumn,
#rcolumn {
	float: right;
	width: 190px;
	overflow: hidden;
}

#lcolumn {
	float: left;
	margin-top: -55px;
}

#main {
	float: right;
	width: 590px;
	overflow: hidden;
}

#head {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 480px;
	background: url(../img/head.jpg) no-repeat;
	overflow: hidden;
}

#foot {
	width: 100%;
	overflow: hidden;
	position:relative;
}

/* ==============================================[ vlastni tridy ] */

.left {
	float: left
}

.right {
	float: right
}

.clear {
	clear: both;
	height: 0;
	font-size: 0;
}

.hidden {
	display: none;
}

/* ==============================================[ hlavicka ] */

#head .header,
#head .hr {
	display: none;
}

#logo {
	position: absolute;
	z-index: 2;
	top: 13px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 390px;
	height: 100px;
}

#logo a {
	position: relative;
	display: block;
	height: 100%;
}

#logo span {
	display: none;
}

#head .topmenu,
#head .lang,
#head .search,
#head .login,
#head .kosik {
	position: absolute;
	z-index: 3;
	overflow: hidden;
}

#head .topmenu {
	top: 275px;
	left: 192px;
	width: 810px;
	height: 43px;
	font-size: 18px;
	line-height: 43px;
	white-space: nowrap;
}

#head .topmenu .menu {
	height: 100%;
}

#head .topmenu li {
	float: left;
	width: 161px;
	height: 100%;
}

#head .topmenu li.n01 {width: 154px}

#head .topmenu a,
#head .topmenu strong {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	color: #333;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#head .topmenu strong {
	color: #666;
	cursor: default;
}

#head .topmenu a:hover {
	color: #fff;
}

#head .lang {
	top: 13px;
	left: 860px;
	width: 126px;
	height: 40px;
}

#head .lang .menu {
	height: 100%;
}

#head .lang li {
	float: left;
	width: 60px;
	height: 100%;
}

#head .lang li.n02 {float: right}

#head .lang a {
	display: block;
	height: 100%;
}

#head .lang span {
	display: none;
}

#head .search {
	top: 227px;
	left: 86px;
	width: 204px;
	height: 32px;
}

#head .search p,
#head .search form {
	margin: 0;
}

#head .search label {
	display: none;
}

#head .search input,
#head .search button {
	float: left;
	margin: 8px;
	padding: 0;
	width: 145px;
	border: none;
	background: transparent;
	color: #000;
	font-size: 14px;
}

#head .search button {
	float: right;
	margin: 0;
	width: 32px;
	height: 32px;
}

#head .search button span {
	display: none;
}

#head .login {
	top: 136px;
	left: 784px;
	width: 205px;
	height: 126px;
	background: url(../img/head-login.jpg) no-repeat;
}

#head .login p,
#head .login form {
	margin: 0;
}

#head .login label {
	display: none;
}

#head .login input,
#head .login button {
	float: right;
	margin: 10px 8px 16px;
	padding: 0;
	width: 155px;
	border: none;
	background: transparent;
	color: #000;
	font-size: 14px;
}

#head .login button {
	margin: -3px 10px 0;
	width: 150px;
	height: 40px;
}

#head .login button span {
	display: none;
}

#head .kosik {
	top: 70px;
	right: 20px;
	padding: 0 0 0 40px;
	background: url(../img/head-kosik.gif) no-repeat 0 50%;
	font-size: 18px;
	font-weight: bold;
}

#head .kosik table {
	margin: 0;
}

#head .kosik td {
	color: #ff0b0b;
}

#head .kosik th {
	color: #000;
}

/* ==============================================[ paticka ] */

#foot .header,
#foot .hr {
	display: none;
}

#foot .bottommenu {
	margin: 0 0 10px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
}

#foot .bottommenu .menu {
	margin: 0 0 0 200px;
	height: 100%;
}

#foot .bottommenu li {
	float: left;
	margin: 0 20px 0 0;
	height: 100%;
}

#foot .bottommenu a {
	display: block;
	float: left;
	padding: 0 0 0 20px;
	background: url(../img/foot-bottommenu.gif) no-repeat 0 50%;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#foot .bottommenu a:hover span {
	border-bottom: 2px solid #000;
}

#foot .copy {
	width: 100%;
	height: 55px;
	background: url(../img/foot.gif) no-repeat;
	color: #000;
	line-height: 55px;
	white-space: nowrap;
	overflow: hidden;
}

#foot .copy p {
	margin: 0 30px;
}

#foot .copy a {
	color: #004e7a;
	text-decoration: none;
}

#foot .copy a:hover {
	text-decoration: underline;
}

/* ==============================================[ sloupec ] */

#lcolumn .hr,
#rcolumn .hr {
	display: none;
}

#lcolumn .box,
#rcolumn .box {
	position: relative;
	margin: 0 0 20px;
	padding: 1px 0;
	width: 190px;
	background: url(../img/column-box-bg.gif) repeat-y;
}

#lcolumn .box .bgt,
#rcolumn .box .bgt,
#lcolumn .box .bgb,
#rcolumn .box .bgb {
	position: absolute;
	z-index: 1;
	width: 100%;
	font-size: 0;
}

#lcolumn .box .bgt,
#rcolumn .box .bgt {
	top: 0;
	left: 0;
	height: 1px;
	background: #adcad4;
}

#lcolumn .box .bgb,
#rcolumn .box .bgb {
	bottom: -8px;
	left: 0;
	height: 8px;
	background: url(../img/column-box-bgb.gif) no-repeat;
}

#lcolumn .box .header,
#rcolumn .box .header {
	position: relative;
	z-index: 2;
	margin: 5px;
	width: 180px;
	height: 37px;
	background: url(../img/column-box-header.gif) no-repeat;
	color: #000;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	line-height: 37px;
	white-space: nowrap;
}

#lcolumn .box .container,
#rcolumn .box .container {
	position: relative;
	z-index: 2;
	margin: 0 10px;
	padding: 0;
	width: 170px;
}

#lcolumn .nabidka,
#rcolumn .nabidka {
	margin: 10px 10px 0;
	width: 170px;
	font-size: 14px;
}

#lcolumn .nabidka li,
#rcolumn .nabidka li {
	margin: 0 0 4px;
	padding: 0 0 4px;
	width: 100%;
	border-bottom: 1px solid #999;
}

#lcolumn .nabidka li.last,
#rcolumn .nabidka li.last {
	margin: 0;
	padding: 0;
	border: none;
}

#lcolumn .nabidka a,
#rcolumn .nabidka a {
	display: block;
	position: relative;
	padding: 7px 0;
	width: 100%;
	background: no-repeat 0 50%;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#lcolumn .nabidka li.n01 a,
#lcolumn .nabidka li.n01 a {background-image: url(../img/column-nabidka-1.gif); background-position: 6px 50%}
#lcolumn .nabidka li.n02 a,
#lcolumn .nabidka li.n02 a {background-image: url(../img/column-nabidka-2.gif)}
#lcolumn .nabidka li.n03 a,
#lcolumn .nabidka li.n03 a {background-image: url(../img/column-nabidka-3.gif)}
#lcolumn .nabidka li.n04 a,
#lcolumn .nabidka li.n04 a {background-image: url(../img/column-nabidka-4.gif); font-size:0.8em;}

#lcolumn .nabidka span,
#rcolumn .nabidka span {
	margin: 0 0 0 35px;
}

#lcolumn .nabidka a:hover span,
#rcolumn .nabidka a:hover span {
	border-bottom: 2px solid #000;
}

#lcolumn .odkazy,
#rcolumn .odkazy {
	margin: 0 20px;
	padding: 0;
	width: 150px;
}

#lcolumn .odkazy li,
#rcolumn .odkazy li {
	margin: 0 0 2px;
	padding: 0 0 0 25px;
	background: url(../img/foot-bottommenu.gif) no-repeat 0 4px;
}

#lcolumn .odkazy a,
#rcolumn .odkazy a {
	color: #008ed7;
	font-weight: bold;
	text-decoration: none;
}

#lcolumn .odkazy a:hover,
#rcolumn .odkazy a:hover {
	text-decoration: underline;
}

#lcolumn .katalog,
#rcolumn .katalog {
	background-image: url(../img/column-katalog-bg.gif);
}

#lcolumn .katalog .bgt,
#rcolumn .katalog .bgt {
	height: 62px;
	background-image: url(../img/column-katalog-bgt.jpg);
}

#lcolumn .katalog .bgb,
#rcolumn .katalog .bgb {
	background-image: url(../img/column-katalog-bgb.gif);
}

#lcolumn .katalog .header,
#rcolumn .katalog .header {
	background: transparent;
	color: #fff;
}

#lcolumn .katalog .menu ul,
#rcolumn .katalog .menu ul {
	margin: 5px 0 0 20px;
	padding: 0;
	list-style: none outside;
}

#lcolumn .katalog li,
#rcolumn .katalog li {
	margin: 0 0 5px;
	width: 100%;
}

#lcolumn .katalog a,
#rcolumn .katalog a {
	display: block;
	padding: 2px 0;
	width: 100%;
	background: url(../img/column-katalog-bullet-1.gif) no-repeat 0 2px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	font-size:0.8em;
}

#lcolumn .katalog span {
	margin: 0 0 0 30px;
}

#lcolumn .katalog ul ul a,
#rcolumn .katalog ul ul a {
	background-image: url(../img/column-katalog-bullet-2.gif);
	text-transform: none;
}

#lcolumn .katalog ul ul span {
	margin: 0 0 0 20px;
}

#lcolumn .katalog a:hover span,
#rcolumn .katalog a:hover span {
	color: #ff5692;
	border-bottom: 2px solid #ff5692;
}

#lcolumn .katalog ul ul a:hover span,
#rcolumn .katalog ul ul a:hover span {
	border-bottom-width: 1px;
}

#lcolumn .znacky,
#rcolumn .znacky {
	color: #000;
}

#lcolumn .znacky .header,
#rcolumn .znacky .header {
	background-image: url(../img/column-znacky-header.gif);
}

#lcolumn .znacky a,
#rcolumn .znacky a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#lcolumn .znacky a:hover,
#rcolumn .znacky a:hover {
	text-decoration: underline;
}

#lcolumn .produkt .img,
#rcolumn .produkt .img {
	margin: 0 0 5px;
	text-align: center;
}

#lcolumn .produkt .img img,
#rcolumn .produkt .img img {
	border: 2px solid #000;
}

#lcolumn .produkt .title,
#rcolumn .produkt .title {
	margin: 0 0 5px;
	color: #008ed7;
	font-size: 129%;
	text-align: center;
}

#lcolumn .produkt .title a,
#rcolumn .produkt .title a {
	color: #008ed7;
	text-decoration: none;
}

#lcolumn .produkt .title a:hover,
#rcolumn .produkt .title a:hover {
	color: #000;
}

#lcolumn .produkt .cena,
#rcolumn .produkt .cena {
	margin: 0 27px;
	width: 135px;
	height: 26px;
	color: #000;
	font-size: 129%;
	font-weight: bold;
	text-align: center;
	line-height: 26px;
	white-space: nowrap;
}

#lcolumn .produkt .cena strong,
#lcolumn .produkt .cena strong {
	color: #ff3297;
}

#lcolumn .doporucit,
#rcolumn .doporucit {
	margin: 0;
}

#lcolumn .doporucit label,
#rcolumn .doporucit label {
	color: #008dd6;
	font-weight: bold;
}

#lcolumn .doporucit input,
#rcolumn .doporucit input {
	margin: 5px;
	padding: 4px 6px;
	width: 146px;
	border: none;
	background: url(../img/column-doporucit.gif) no-repeat;
}

#lcolumn .doporucit button,
#rcolumn .doporucit button {
	width: 101px;
	height: 24px;
	border: none;
	background: url(../img/column-doporucit-button.gif) no-repeat;
}

#lcolumn .doporucit button span,
#rcolumn .doporucit button span {
	display: none;
}

/* ==============================================[ obsah ] */

#main .box {
	position: relative;
	margin: 20px 0;
	padding: 1px 0;
	width: 100%;
	min-height: 200px;
	background: url(../img/main-box-bg.gif) repeat-y;
}

* html #main .box {
	height: 200px;
}

#main .box .bgt,
#main .box .bgb {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 94px;
	font-size: 0;
}

#main .box .bgt {
	top: -8px;
	left: 0;
	background: url(../img/main-box-bgt.gif) no-repeat;
}

#main .box .bgb {
	bottom: -8px;
	left: 0;
	background: url(../img/main-box-bgb.gif) no-repeat;
}

#main .box .container {
	position: relative;
	z-index: 2;
	margin: 0 20px;
	padding: 0 0 10px;
	width: 550px;
}

#main .navigace,
#main .strankovani {
	color: #000;
	font-size: 129%;
}

#main .navigace h1,
#main .strankovani p {
	margin: 0.3em 0;
}
#main .navigace h1{
	font-size: 15px;
}

#main .navigace a,
#main .navigace strong,
#main .strankovani a,
#main .strankovani strong {
	padding: 0 2px;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#main .navigace strong,
#main .strankovani strong {
	color: #ff2490;
}

#main .navigace a:hover,
#main .strankovani a:hover {
	text-decoration: underline;
}

#main .katalog {
	margin: 1em 0;
}

#main .katalog .item {
	float: left;
	position: relative;
	width: 195px;
	height: 257px;
	background: url(../img/main-katalog-item.gif) no-repeat;
}

#main .katalog .item .img,
#main .katalog .item .header,
#main .katalog .item .cena {
	position: absolute;
	margin: 0;
	overflow: hidden;
}

#main .katalog .item .img {
	top: 15px;
	left: 10px;
	width: 175px;
	height: 155px;
	text-align: center;
}

#main .katalog .item .img img {
	border: 2px solid #000;
}

#main .katalog .item .header {
	top: 170px;
	left: 10px;
	width: 175px;
	height: 26px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	line-height: 26px;
	white-space: nowrap;
}

#main .katalog .item .header a {
	color: #fff;
	text-decoration: none;
}

#main .katalog .item .header a:hover {
	color: #000;
}

#main .katalog .item .cena {
	top: 210px;
	left: 0px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 18px;
	white-space: nowrap;
	padding: 0 10px;
	width:180px;
}

#main .katalog .item .cena strong {
	color: #ff3297;
}

#main .detail .img {
	float: left;
	margin: 1em 0 0;
	width: 255px;
	font-size: 129%;
	text-align: center;
}

#main .detail .img img {
	border: 2px solid #000;
}

#main .detail .desc {
	float: right;
	width: 280px;
}

#main .detail .desc strong {
	color: #006c8c;
}

#main .detail .desc em {
	color: #ff0cd4;
	font-style: normal;
	font-weight: bold;
}

#main .detail .cena1 strong {
	color: #000;
}

#main .detail .cena2 {
	font-size: 150%;
}

#main .detail .cena2 strong {
	color: #ff0cd4;
}

#main .detail .button {
	margin: 0 30px;
	width: 200px;
	height: 90px;
	font-size: 18px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

#main .detail .button a {
	display: block;
	height: 100%;
	background: url(../img/main-detail-button.gif) no-repeat 50% 0;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#main .detail .button a:hover {
	color: #ff0cd4;
}

#main .detail .button span {
	display: block;
	padding: 70px 0 0;
}

#main .rozcestnik {
	margin: 1em -10px 0.5em 0;
	width: 600px;
	font-size: 14px;
}

#main .rozcestnik .item {
	float: left;
	position: relative;
	margin: 0 10px 10px 0;
	width: 290px;
	height: 154px;
	background: url(../img/main-rozcestnik.jpg) no-repeat 0 0;
}

#main .rozcestnik .item .header,
#main .rozcestnik .item .text {
	position: absolute;
	margin: 0;
	overflow: hidden;
}

#main .rozcestnik .item .header {
	top: 10px;
	left: 10px;
	width: 270px;
	height: 28px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 28px;
	white-space: nowrap;
}

#main .rozcestnik .item .text {
	top: 50px;
	left: 10px;
	width: 160px;
	height: 94px;
	color: #fff;
}

#main .rozcestnik .item .text a {
	color: #fff;
	text-decoration: none;
}

#main .rozcestnik .item .text a:hover {
	color: #000;
}

#main .rozcestnik .item.n02 {background-position: 0 -154px}
#main .rozcestnik .item.n03 {background-position: 0 -308px}
#main .rozcestnik .item.n04 {background-position: 0 -462px}
#main .rozcestnik .item.n05 {background-position: 0 -616px}
#main .rozcestnik .item.n06 {background-position: 0 -770px}
#main .rozcestnik .item.n07 {background-position: 0 -924px}
#main .rozcestnik .item.n08 {background-position: 0 -1078px}

#nwslogo{
	position:absolute;
	right: 20px;
	top: 58px;
}
#nwslogo a IMG{behavior: url(/css/iepngfix.htc);}

#articlescat A,
#articlescat li{
	color: white;
}
#articlescat p{
text-align:justify;
}

.h1{
	margin-top: 0px;
}

.textbox{
	margin-top:10px;
	margin-left:5px;
	color: black;
}

.textinfo{
	color: black;
}

span.dph{
	font-size: 10px;
	font-weight: 400;
}

.box.tiny .header H2{
	font-size:0.9em;
}