@charset "utf-8";

* {
	margin:0;
	padding:0;
}

body {
	font-family:Calibri, Geneva, Arial, Helvetica;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	background-color:#000000;
}

a {
	color:#FFFF00;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

h2 {
	margin:20px 0px 0px 0px;
	font-size:18px;
	font-weight:bold;
	color:#E1F100;
}

h3 {
	margin:20px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
	color:#E1F100;
}

#page {
	position:relative;
	margin:auto;
	width:730px;
	_height:800px;
	min-height:800px;
	padding:190px 0px 50px 270px;
	background-image:url(graphic/middlebg.png);
	text-align:left;
}



#topbg {
	position:absolute;
	top:0px;
	left:0px;
	width:1000px;
	height:144px;
	background-image:url(graphic/topbg.png);
	background-repeat:no-repeat;
}

#pitmaxxlogo {
	position:absolute;
	top:84px;
	left:814px;
	width:160px;
	height:55px;
	background-image:url(graphic/pitmaxxlogo.png);
	background-repeat:no-repeat;
}

#logo {
	position:absolute;
	top:45px;
	left:45px;
	width:339px;
	height:75px;
}

#logo a img {
	border:none;
}

#topmenu {
	position:absolute;
	top:135px;
	left:48px;
	width:902px;
	height:31px;
	background-image:url(graphic/topmenu.png);
	background-repeat:no-repeat;
}

#topmenu .odkaz {
	position:relative;
	float:left;
	padding:5px 0px 0px 30px;
	background-image:url(graphic/topmenusipka.png);
	background-position:20px 6px;
	background-repeat:no-repeat;
}

#topmenu a {
	text-transform:uppercase;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
}

#topmenu a:hover {
	color:#EC1C24;
}

#redbox {
	position:absolute;
	left:610px;
	top:25px;
	width:359px;
	height:26px;
	text-align:right;
	padding:5px 10px 0px 0px;
	background-image:url(graphic/redbox.png);
	background-repeat:no-repeat;
}

#redbox a {
	text-decoration:none;
	color:#FFFFFF;
}

#redbox a:hover {
	text-decoration:underline;
}

#redbox .uzivatel {
	float:left;
	padding:3px 0px 0px 15px;
}

#soucet {
	margin:15px 0px 20px 0px;
	padding:5px 5px 0px 100px;
	border-top:1px solid #AAAAAA;
	float:right;
	font-size:14px;
}

#tlacitka {
	position:relative;
	margin-left:150px;
	padding-bottom:30px;
}

#kosik .tlacitko {
	border:none;
	margin:1px;
	background-color:#000000;
	color:#FFFFFF;
	padding:3px;
	font-size:10px;
}

#kosik .text {
	margin:1px;
}

#tlacitka .tlacitko {
	margin-right:20px;
	border:none;
	background-color:#000000;
	color:#FFFFFF;
	padding:3px;
}

#redbox .textik {
	font-size:10px;
}

.textbox {
	margin-bottom:5px;
	font-size:10px;
}

.kratsi {
	margin-bottom:5px;
	font-size:10px;
	width:70px;
}

.hvezdicka {
	color:#FF0000;
}

#redbox .submit {
	background:none;
	border:none;
	color:#FFFFFF;
	font-family:Calibri, Geneva, Arial, Helvetica;
}

#vlevo {
	position:absolute;
	top:185px;
	left:55px;
	width:189px;
}

#menu {
	position:relative;
	width:189px;
	padding:32px 0px 0px 0px;
	background-image:url(graphic/menubg.png);
	border-bottom:1px solid black;
}

#menu .headline {
	position:absolute;
	top:0px;
	left:-3px;
	width:186px;
	height:27px;
	padding:5px 0px 0px 10px;
	background-image:url(graphic/menuheadline.png);
	background-repeat:no-repeat;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
}

#menu ul {
	list-style:none;
	padding: 0;
	margin: 0;
}

#menu ul li {
	display: inline;
	margin:0;
	padding:0
}

#menu li{
	list-style: none;
}

#menu ul li a {
	font-size:12px;
	border-bottom: 1px dotted #000000;
	color:#FFFFFF;
	display: block;
	text-decoration: none !important;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 25px;
	background-image:url(graphic/menusipka.png);
	background-position:15px 4px;
	background-repeat:no-repeat;
}

#menu ul li a:hover{
	color:#EEEEEE;
	background-color: #111111;
}

#submenu {
  position:absolute;
  top:50px;
  left:190px;
  width:189px;
  visibility:hidden;
  background-image:url(graphic/menubg.png);
  border-bottom:1px solid black;
}

#submenu ul {
	list-style:none;
	padding: 0;
	margin: 0;
}

#submenu ul li {
	display: inline;
	margin:0;
	padding:0
}

#submenu li{
	list-style: none;
}

#submenu ul li a {
	font-size:12px;
	border-bottom: 1px dotted #000000;
	color:#FFFFFF;
	display: block;
	text-decoration: none !important;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 25px;
	background-image:url(graphic/menusipka.png);
	background-position:15px 4px;
	background-repeat:no-repeat;
}

#submenu ul li a:hover{
	color:#EEEEEE;
	background-color: #111111;
}


#prihlaseni {
	position:relative;
	margin-top:20px;
	width:189px;
	height:166px;
	background-image:url(graphic/loginbg.png);
	background-position:bottom;
	background-repeat:no-repeat;
	border-bottom:1px solid black;
	margin-bottom:20px;
}

#prihlaseni .headline {
	position:absolute;
	top:0px;
	left:-3px;
	width:186px;
	height:27px;
	padding:5px 0px 0px 10px;
	background-image:url(graphic/prihlaseniheadline.png);
	background-repeat:no-repeat;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
}

#prihlaseni .vstup {
	font-size:10px;
	width:105px;
	margin:3px 0px 5px 35px;
}

#prihlaseni .submit {
	float:right;
	border:none;
	background:none;
	background-image:url(graphic/loginsipky.png);
	background-repeat:no-repeat;
	background-position:right 5px;
	color:#FFCC00;
	text-decoration:underline;
	padding-right:10px;
	margin-right:15px;
	font-family:Calibri, Geneva, Arial, Helvetica;
}

#prihlaseni #login {
	padding:45px 0px 0px 15px;
}

#prihlaseni input {
	display:block;
}

#prihlaseni .uzivatel {
	position:absolute;
	top:64px;
	left:30px;
	width:10px;
	height:14px;
	background-image:url(graphic/loginuzivatel.png);
	background-repeat:no-repeat;
	margin-bottom:20px;
}

#prihlaseni .zamek {
	position:absolute;
	top:105px;
	left:30px;
	width:10px;
	height:13px;
	background-image:url(graphic/loginzamek.png);
	background-repeat:no-repeat;
}

#otaznik {
	position:relative;
	width:149px;
	height:81px;
	padding:20px 20px 0px 20px;
	background-image:url(graphic/otaznik.png);
	text-transform:uppercase;
	font-size:14px;
	
}

#facebook {
	position:relative;
	margin-top:15px;
	width:189px;
	background-color:#ECEFF5;
	border:1px solid #94A3C4;
}

#odkazy {
	position:relative;
	width:189px;
	margin-top:20px;
	text-align:center;
}

#odkazy a img {
	border:none;
	margin-bottom:10px;
}

#stranka {
	position:relative;
	margin:0px 5px 0px 5px;
	padding:20px 0px 40px 20px;
	width:636px;
	background-image:url(graphic/bg.png);
}

.border-left {
	position:absolute;
	top:0px;
	left:0px;
	width:4px;
	height:100%;
	background-image:url(graphic/border-left.png);
}

.border-right {
	position:absolute;
	top:0px;
	right:0px;
	width:4px;
	height:100%;
	background-image:url(graphic/border-right.png);
}

.border-bottom {
	position:absolute;
	bottom:-8px;
	left:0px;
	width:656px;
	height:8px;
	background-image:url(graphic/border-bottom.png);
	background-repeat:repeat-x;
}



#stranka p {
	padding-right:50px;
}

#yellowbox {
	position:relative;
	clear:both;
	width:666px;
	height:32px;
	background-image:url(graphic/yellowbox.png);
}

#yellowbox h1 {
	padding:5px 0px 0px 10px;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000000;
}

#bottomshadow {
	position:absolute;
	left:0px;
	bottom:0px;
	width:1000px;
	height:158px;
	background-image:url(graphic/bottomshadow-trans.png);
}

#servis {
	position:relative;
	float:left;
	width:315px;
	height:100px;
	background-image:url(graphic/servis.png);
	font-size:14px;
	padding:10px 0px 0px 15px;
	margin-top:5px;
}

#servis strong {
	text-transform:uppercase;
	color:#E1F100;
	font-size:18px;
}

#servis em {
	font-style:normal;
	font-weight:bold;
}

#new {
	position:relative;
	float:left;
	width:315px;
	height:95px;
	background-image:url(graphic/new-trans.png);
	font-size:14px;
	padding:15px 0px 0px 15px;
	
}

#new strong {
	text-transform:uppercase;
	color:#E1F100;
	font-size:18px;
}

#randomproducts {
	position:relative;
	float:right;
	width:294px;
	height:189px;
	padding:42px 0px 0px 25px;
	background-image:url(graphic/randomproducts.png);
	margin-right:70px;
	margin-bottom:20px;
}

#randomproducts #headline {
	position:absolute;
	top:7px;
	left:15px;
	font-size:14px;
	padding-left:18px;
	background-image:url(graphic/pinksipky.png);
	background-position:left;
	background-repeat:no-repeat;
	text-transform:uppercase;
}

#randomproducts #cely {
	position:absolute;
	bottom:10px;
	right:60px;
}

#randomproducts #topsipka {
	position:absolute;
	top:0px;
	right:5px;
	width:44px;
	height:27px;
	background-image:url(graphic/randomtopsipka.png);
	background-repeat:no-repeat;
	visibility:hidden;
}

#randomproducts #bottomsipka {
	position:absolute;
	bottom:0px;
	right:5px;
	width:46px;
	height:27px;
	background-image:url(graphic/randombottomsipka.png);
	background-repeat:no-repeat;
	visibility:hidden;
}

.dph {
	color:#AAAAAA;
	position:absolute;
	bottom:35px;
	right:15px;
	font-size:10px;
}

.randomproduct {
	position:relative;
	float:left;
	width:117px;
	height:131px;
	padding:10px 0px 0px 10px;
	background-image:url(graphic/randomproduct.png);
	margin-right:13px;
}

.randomproduct a img {
	border:none;
}

.randomproduct a {
	color:#FFFFFF;
	text-decoration:none;
}

.randomproduct a:hover {
	text-decoration:none;
}

.randomproduct .cena {
	position:absolute;
	bottom:2px;
	right:5px;
	font-size:14px;
}

.randomproduct .detail {
	position:absolute;
	bottom:2px;
	left:10px;
	font-size:14px;
}

.randomproduct .detail a {
	color:#FFFFFF;
	text-decoration:none;
}

.randomproduct .detail a:hover {
	text-decoration:underline;
}

#katalog {
	position:relative;
	margin:5px 5px 0px 5px;
	padding:34px 0px 42px 0px;
	width:668px;

	background-image:url(graphic/bg.png);
	color:#AAAAAA;
}

#katalog .produkt {
	position:relative;
	float:left;
	width:125px;
	height:153px;
	color:#FFFFFF;
	background-image:url(graphic/produkt.png);
	background-repeat:no-repeat;
	margin:10px 0px 10px 24px;
	padding:8px 0px 0px 12px;
}

#katalog .produkt form {
	display:inline;
}

#katalog .produkt .text {
	position:absolute;
	bottom:4px;
	left:6px;
	width:12px;
	font-size:10px;
	border:1px solid black;
	text-align:center;
}

#katalog .produkt .submit {
	position:absolute;
	bottom:2px;
	left:25px;
	font-family:Calibri, Geneva, Arial, Helvetica;
	font-size:16px;
	color:#FFFFFF;
	border:none;
	background:none;
}

#katalog .produkt a img {
	border:none;
}

#katalog .produkt .cena {
	position:absolute;
	right:3px;
	bottom:22px;
	color:#FFFF00;
	text-align:right;
	font-size:16px;
}

#katalog .produkt .detail {
	position:absolute;
	right:10px;
	bottom:2px;
	font-size:16px;
}

#katalog .produkt .detail a {
	color:#000000;
	text-decoration:none;
}

#katalog .produkt .detail a:hover {
	text-decoration:underline;
}

#katalog .produkt h2 {
	font-size:12px;
	color:#FFFFFF;
	font-weight:normal;
	font-style:normal;
	margin:0;
	padding:0;
}

#katalog h1 {
	color:#FFFFFF;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	margin-top:5px;
	padding-left:40px;
	background-image:url(graphic/pinksipky.png);
	background-position:20px 4px;
	background-repeat:no-repeat;
}

#katalog h1 a {
	color:#FFFFFF;
	text-decoration:none;
}

#katalog h1 a:hover {
	text-decoration:underline;
}

#katalog #pozice {
	color:#FFFF00;
	font-size:10px;
	padding-left:50px;
}

#katalog #pozice a {
	color:#AAAAAA;
	text-decoration:none;
}

#katalog #pozice a:hover {
	text-decoration:underline;
}



#katalog #detail {
	position:relative;
	width:602px;
	height:214px;
	margin:5px 0px 0px 35px;
	background-image:url(graphic/detailbg.png);
	background-repeat:no;
}

#katalog #detail #koupit {
	position:absolute;
	top:165px;
	right:40px;
}

#katalog p {
	position:relative;
	margin:20px 40px 0px 50px;
}

#katalog #obrazky {
	text-align:center;
	margin:0px 30px 20px 30px;
}

#katalog #obrazky a img {
	border:none;
	margin:3px;
}

#katalog #parametry {
	margin:0px 0px 0px 50px;
}

#katalog #parametry td {
	padding-right:20px;
	vertical-align:top;
}

#kosik th {
	text-align:left;
	color:#FFFF00;
	font-weight:normal;
	font-size:16px;
	text-transform:uppercase;
}

#kosik td {
	padding:5px 60px 0px 0px;
}

form {
	display:inline;
}

.text {
	position:relative;
	width:12px;
	font-size:10px;
	border:1px solid black;
	text-align:center;
	margin-right:10px;
}

#katalog #detail .submit {
	border:none;
	width:67px;
	height:21px;
	background-color:#000000;
	background-image:url(graphic/redbutton.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:Calibri, Geneva, Arial, Helvetica;
	font-size:16px;
}


#katalog #detail #obrazek {
	position:absolute;
	top:20px;
	left:25px;
}

#katalog #detail #tabulka {
	position:absolute;
	top:35px;
	left:300px;
}

#katalog #detail #tabulka td {
	padding:5px 15px 0px 0px;
	font-size:14px;
}

#katalog .h2 {
	color:#FFFFFF;
	border-bottom:1px solid white;
	font-weight:normal;
	font-size:16px;
	text-transform:uppercase;
	margin:25px 35px 15px 40px;
	padding:0px 0px 5px 0px;
}

#katalog #detailtop {
	position:absolute;
	top:-5px;
	left:0px;
	width:668px;
	height:34px;
	background-image:url(graphic/topdetail.png);
}

#katalog #katalogtop {
	position:absolute;
	top:-5px;
	left:0px;
	width:668px;
	height:34px;
	background-image:url(graphic/topkatalog.png);
}

#katalog #detailbottom {
	position:absolute;
	bottom:-5px;
	left:0px;
	width:668px;
	height:32px;
	padding-top:10px;
	background-image:url(graphic/bottomdetail.png);
}

#katalog #katalogbottom {
	position:absolute;
	bottom:-5px;
	left:0px;
	width:668px;
	height:32px;
	padding-top:10px;
	background-image:url(graphic/bottomkatalog.png);
}

#katalog .predchozi {
	position:absolute;
	bottom:0px;
	right:48px;
}

#katalog .dalsi {
	position:absolute;
	bottom:0px;
	right:15px;
}

#katalog #katalogbottom a img {
	border:none;
}

#katalog #katalogtop a img {
	border:none;
}

#katalog #dalsitop {
	position:absolute;
	top:0px;
	right:5px;
	width:45px;
	height:28px;
	background-image:url(graphic/dalsitop.png);
	visibility:hidden;
}

#katalog #predchozitop {
	position:absolute;
	top:0px;
	right:5px;
	width:77px;
	height:28px;
	background-image:url(graphic/predchozitop.png);
	visibility:hidden;
}

#katalog #dalsibottom {
	position:absolute;
	bottom:0px;
	right:5px;
	width:45px;
	height:27px;
	background-image:url(graphic/dalsibottom.png);
	visibility:hidden;
}

#katalog #predchozibottom {
	position:absolute;
	bottom:0px;
	right:5px;
	width:77px;
	height:27px;
	background-image:url(graphic/predchozibottom.png);
	visibility:hidden;
}

#katalog .border-left {
	position:absolute;
	top:0px;
	left:0px;
	width:13px;
	height:100%;
	background-image:url(graphic/katalog-border-left.png);
}

#katalog .border-right {
	position:absolute;
	top:0px;
	right:0px;
	width:13px;
	height:100%;
	background-image:url(graphic/katalog-border-right.png);
}


#novinky {
	position:relative;
	margin:0px 5px 0px 5px;
	padding:0;
	width:658px;
	background-image:url(graphic/bg.png);
	color:#AAAAAA;
}

#novinky h2 {
	margin:0;
	text-transform:uppercase;
}

#novinky h2 a {
	text-decoration:none;
}

#novinky h2 a:hover {
	text-decoration:underline;
}

#novinky .vice {
	position:relative;
	width:470px;
	margin-top:10px;
	padding-right:15px;
	text-align:right;
	text-transform:uppercase;
	background-image:url(graphic/pinksipky.png);
	background-position:right 2px;
	background-repeat:no-repeat;
}

#novinky .vice a {
	text-decoration:none;
}

#novinky .vice a:hover {
	text-decoration:underline;
}

.novinka {
	position:relative;
	height:141px;
	background-image:url(graphic/novinkybg.png);
	background-repeat:repeat-x;
	padding:10px 15px 0px 20px;
	
}

#novinky p {
	padding:10px 0px 0px 15px;
}

#novinky .obrazek {
	float:right;
	padding-left:10px;
}

#novinky a img {
	border:none;
}

#novinky .datum {
	font-size:11px;
	padding-left:5px;
}

#footer {
	position:absolute;
	bottom:0px;
	left:0px;
	width:920px;
	height:30px;
	text-align:right;
	color:#999999;
	font-size:11px;
}

#footer a {
	color:#CCCCCC;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

.cara {
	position:relative;
	clear:both;
	height:1px;
}

#komentare {
	position:relative;
	margin:0px 5px 0px 5px;
	padding:20px 0px 30px 20px;
	width:636px;
}

.koment {
	margin:5px 0px 0px 25px;
	padding:0px 10px 5px 10px;
	background-color:#222222;
	width:550px;
}

#komentare #pocetkomentu {
	padding-top:10px;
}

#fotky {
	text-align:center;
}

#administrace {
	position:absolute;
	top:100px;
	left:400px;
	font-size:20px;
	text-transform:uppercase;
}

#administrace a {
	color:#00FF00;
	text-decoration:none;
}

#administrace a:hover {
	text-decoration:underline;
}

#listovani {
	position:relative;
	clear:both;
	text-align:center;
	height:20px;
	padding-top:10px;
}

#listovani #novejsi {
	position:absolute;
	left:10px;
	top:5px;
}

#listovani #starsi {
	position:absolute;
	right:10px;
	top:5px;
}

.chyba {
	color:#FF0000;
}

.zlute {
	color:#FFFF00;
}

.bile {
	color:#FFFFFF;
}

#reklama {
	position:relative;
	width:650px;
	margin-top:20px;
	text-align:center;
}

#prekladac {
	position:absolute;
	top:0px;
	left:0px;
	padding:10px;
}

#prekladac a {
	color:#AAAAAA;
	text-decoration:none;
}

#google {
	position:absolute;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
	padding:5px;
	visibility:hidden;
}

#google a {
	color:#333333;
	text-transform:uppercase;
}