* {
	/*border: 1px solid black !important;*/
	font-size: 12px;
	line-height: 16px;
	font-family: Tahoma, Arial, 'Tahoma CE', 'Arial CE', 'Helvetica CE', lucida, sans-serif;
}
body {
	text-align: left;
	margin: 0px;
	padding: 0px;
	background: url("obrazky/pozadi-body.gif") center repeat-y;
}

h1 {
	margin: 0;
	padding: 0;
	
}


a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
form {
	margin: 0;
	padding: 0;
}
.obal {
	width: 999px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
.hlavicka {
	width: 999px;
	height:194px;
	background: url("obrazky/pozadi-hlavicka.jpg") no-repeat;
}
.prostredek {
	padding: 10px 20px 0 20px;
	background: url("obrazky/pozadi-prostredek.gif") repeat-x;
}
.levy {
	float: left;
	width: 730px;
}
.pravy {
	padding: 10px 0 0 745px;
	background: url("obrazky/pozadi-pravy.gif") top right no-repeat;
}
.paticka {
	clear: both;
	margin: 0 20px 0 20px;
}
.nabidka {
	float: left;
	height: 25px;
	padding: 10px 15px 0 25px;
	text-transform: uppercase;
	background: url("obrazky/pozadi-nabidka.gif") no-repeat;
}
.nabidka a {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
}
.nabidka a:hover {
	text-decoration: underline;
}



/* definice stylů pro titulní stránku */
#titulka {margin-right:-20px;}
#titulka .univerzalni-blok {width:304px; height:215px; margin:0 15px 20px 0; float:left; position:relative; top:0; left:0; cursor:pointer;}
#titulka .akce {position:absolute; top:0; left:0;}
#titulka .material1 {background: url("/obrazky/pozadi-material1.gif") top left no-repeat;}
#titulka .doprava1 {background: url("/obrazky/pozadi-doprava1.gif") top left no-repeat;}
#titulka .pujcovna1 {background: url("/obrazky/pozadi-pujcovna1.gif") top left no-repeat;}
#titulka .doporucuje1 {background: url("/obrazky/pozadi-doporucuje1.gif") top left no-repeat;}
#titulka .doporucuje2 {background: url("/obrazky/pozadi-doporucuje2.gif") top left no-repeat;}
#titulka .jaro {background: url("/obrazky/pozadi-jaro.gif") top left no-repeat;}
#titulka .bez_penez {background: url("/obrazky/pozadi-bez-penez.gif") top left no-repeat;}
#titulka .gril {background: url("/obrazky/pozadi-gril.gif") top left no-repeat;}
#titulka .karta1 {background: url("/obrazky/pozadi-karta1.gif") top left no-repeat;}
#titulka .fiskars1 {background: url("/obrazky/pozadi-fiskars1.gif") top left no-repeat;}
#titulka .gardena {background: url("/obrazky/pozadi-gardena.gif") top left no-repeat;}
#titulka .bosch {background: url("/obrazky/pozadi-bosch.gif") top left no-repeat;}
#titulka .kameny1 {background: url("/obrazky/pozadi-kameny1.gif") top left no-repeat;}
#titulka .grily {background: url("/obrazky/pozadi-grily.gif") top left no-repeat;}
#titulka .zahrady {background: url("/obrazky/pozadi-zahrady.gif") top left no-repeat;}
#titulka .slevy {background: url("/obrazky/pozadi-slevy.gif") top left no-repeat;}
#titulka .hokej {background: url("/obrazky/pozadi-hokej.gif") top left no-repeat;}
#titulka .vanoce {background: url("/obrazky/pozadi-vanoce.gif") top left no-repeat;}
#titulka .akce-ceniky {background: url("/obrazky/pozadi-akce.png") top left no-repeat;}
#titulka .usetri-kup {background: url("/obrazky/pozadi-usetri-kup.gif") top left no-repeat;}

.material {
	float: left;
	width: 332px;
	height: 215px;
	cursor: pointer;
	position: relative;
	margin: 0 25px 30px 0;
	background: url("obrazky/pozadi-material.gif") top no-repeat;
}
.pujcovna {
	float: left;
	width: 348px;
	height: 215px;
	cursor: pointer;
	position: relative;
	margin: 0 0 30px 0;
	background: url("obrazky/pozadi-pujcovna.gif") top no-repeat;
}
.eshop {
	float: left;
	width: 348px;
	height: 215px;
	cursor: pointer;
	position: relative;
	margin: 0 0 30px 0;
	background: url("obrazky/pozadi-eshop.gif") top no-repeat;
}
.kameny {
	float: left;
	width: 332px;
	height: 215px;
	cursor: pointer;
	position: relative;
	margin: 0 25px 30px 0;
	background: url("obrazky/pozadi-kameny.gif") top no-repeat;
}
.poukaz {
	float: left;
	width: 348px;
	height: 215px;
	cursor: pointer;
	position: relative;
	margin: 0 0 30px 0;
	background: url("obrazky/pozadi-poukaz.gif") top no-repeat;
}
.karta {
	float: left;
	width: 348px;
	height: 215px;
	cursor: pointer;
	position: relative;
	margin: 0 0 30px 0;
	background: url("obrazky/pozadi-karta.gif") top no-repeat;
}
.soutez {
	float: left;
	width: 348px;
	height: 215px;
	cursor: pointer;
	position: relative;
	margin: 0 0 30px 0;
	background: url("obrazky/pozadi-soutez.gif") top no-repeat;
}
.fiskars {
	float: left;
	width: 348px;
	height: 215px;
	cursor: pointer;
	position: relative;
	margin: 0 0 30px 0;
	background: url("obrazky/pozadi-fiskars.gif") top no-repeat;
}
.doporucuje {
	float: left;
	width: 348px;
	height: 215px;
	cursor: pointer;
	position: relative;
	margin: 0 0 30px 0;
	background: url("obrazky/pozadi-doporucuje.gif") top no-repeat;
}
.doprava {
	float: left;
	width: 332px;
	height: 215px;
	cursor: pointer;
	position: relative;
	margin: 0 25px 0 0;
	background: url("obrazky/pozadi-doprava.gif") top no-repeat;
}
.reference {
	float: left;
	width: 348px;
	height: 215px;
	cursor: pointer;
	position: relative;
	background: url("obrazky/pozadi-reference.gif") top no-repeat;
}
.skupina-nazev {
	top: 154px;
	left: 40px;
	position: absolute;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffcc01;
}

.skupina-nazev-bila {
	top: 154px;
	left: 40px;
	position: absolute;
	font-weight: bold;
	text-transform: uppercase;
	color:white;
}

.skupina-nazev-modra {
	top: 154px;
	left: 40px;
	position: absolute;
	font-weight: bold;
	text-transform: uppercase;
	color:#013298;
}


.skupina-popis {
	top: 180px;
	left: 23px;
	margin: 0 7px 0 0;
	position: absolute;
}

.skupina-popis a { 
text-decoration: underline
}

.texty {
	color: #32679b;
	margin: 30px 0 0 0;
	padding: 20px 50px 20px 20px;
	background: url("obrazky/pozadi-texty.gif") no-repeat;
}
.modul {
	color: #000000;
	padding: 0 0 0 10px;
	font-weight: bold;
	background: url("obrazky/pozadi-modul.gif") 0 5px no-repeat;
}
.aktualita {
	color: #326698;
	margin: 0 15px 10px 10px;
}
.aktualita-nadpis {
	font-weight: bold;
}
.aktualita-popis {
}
.aktualita-zirafa {padding:3px 3px 3px 5px; margin:2px 0 2px 0; color:#ffffff; background:#aa0000; font-weight:bold;}
.aktualita-odkaz a {
	color: #326698;
}
.aktualita-odkaz a:hover {
	text-decoration: underline;
}
.slevy-popis {
	color: #326698;
	padding: 0 0 0 10px;
}
.paticka-odkaz {
	float: left;
	color: #fe9900;
	text-transform: uppercase;
}
.paticka-odkaz a{
	font-size: 10px;
	color: #306899;
}
.paticka-odkaz a:hover{
	color: #fe9900;
}

.hlavni-nadpis{
	color: #003c85;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 12px;
}

.nadpis-red{
	color: #003c85;
	font-size: 16px;
	padding-bottom: 3px;
}

.kontakty-blok {
	padding: 5px 5px 10px 10px;
	background: #e5e5e5;
}
.slevy-obrazek {
	border: 1px solid black;
	margin: 0 10px 0 0;
}

/* definice stylů pro formulare */
#formular {}
#formular input[type='text'] {color:#333333; width:200px; height:22px; line-height:22px; margin:5px 0 0 0; padding:0 0 0 5px; border:1px solid #999999;}
#formular input[type='file'] {color:#333333; width:400px; height:22px; line-height:22px; margin:5px 0 0 0; padding:0 0 0 5px; border:1px solid #999999; background:#ffffff;}
#formular input[type='radio'] {margin:5px 0 0 0;}
#formular input[type='submit'] {font-weight:bold; height:25px; line-height:25px; padding:0 20px 0 20px; border:1px solid #999999; cursor:pointer;}
#formular input[type='button'] {font-weight:bold; height:25px; line-height:25px; padding:0 20px 0 20px; border:1px solid #999999; cursor:pointer;}
#formular input[type='reset'] {height:25px; line-height:25px; padding:0 20px 0 20px; border:1px solid #999999; cursor:pointer;}
#formular select {color:#333333; width:207px; height:22px; line-height:22px; margin:5px 0 0 0; border:1px solid #999999;}
#formular textarea {color:#333333; width:500px; height:100px; line-height:18px; margin:5px 0 0 0; padding:0 5px 0 5px; border:1px solid #999999;}
.povinna-polozka {background:#ffffff url("obrazky/povinna-polozka.gif") 2px 2px no-repeat;}
.zamcena-polozka {background:#d2d2d2;}

/* definice stylů pro chybové a kontrolní hlášky */
.chybova-hlaska {width:400px; border:3px solid #666666; padding:10px 10px 10px 10px; position:absolute; top:200px; left:280px; background:#fdeb69 url('obrazky/pozadi-chyba.gif') no-repeat;}
.chyba-nadpis {color:#cc0000; font-size:16px; padding:13px 10px 30px 30px;}
.chyba-popis {color:#000000; font-weight:bold; margin:0 0 15px 0;}
.chyba-text {color:#cc0000; font-weight:bold; margin:0 0 0 20px; list-style-type:circle;}
.chyba-tlacitko {padding:4px 15px 4px 15px; margin:15px 0 5px 270px; border:1px solid #000000; background:#ffcc00; cursor:pointer;}
.chyba-odkaz {}
.chyba-odkaz a {}
.chyba-odkaz a:hover {}
.hlaska-zavrit {cursor:pointer; position:absolute; top:0; right:0;}


/* definice stylu pro hlasovaci formular */
.nazev {font-size:12px; font-weight:bold; margin-right:10px;}
.obrazek-hlasovani {width:660px; margin-top:5px; border:1px solid #999999;}

/* definice stylu pro fotogalerii */
.obalobrazky {margin-right:-20px;}
.obalobrazek {width: 225px; height:200px; margin-top:10px; float:left;}
.obrazek {cursor: pointer; font-size: 11px; color: White;}
.obrazek_on {cursor: pointer; font-size: 11px; color: Black;}
.obrazek-linka {width:200px; border: 1px solid silver; margin: 0 5px 0 0;}
.obrazek-krizek {float:left; margin: 2px 5px 10px 0; cursor:pointer; border:0;}


.obalobrazek_vitez {width: 165px; height: 190px;  float:left; margin: 20px 20px 20px 0; padding-left: 15px; border: 1px solid silver}


.cena {position: relative; top:0; left:0; float: left; width: 150px; margin: 20px 30px;}
.cena_popis {position: absolute; background-color: white; display: none; top: 110px; left: 110px; width: 200px; padding: 10px; border: 1px solid silver; z-index: 9999;}
.cena img{border: 1px solid #003C85;}
.hvezda {float: right; position: absolute; margin: 125px 0 0 125px}
.hvezda img {width: 50px; z-index: 99; border: none}
.pocet_bodu {position: absolute; float: left; font-weight: bold; color: #000; margin: 13px 0 0 12px; z-index: 999}
.pocet_bodu_2 {position: absolute; float: left; font-weight: bold; color: #000; margin: 13px 0 0 16px; z-index: 999}
.pocet_bodu_1 {position: absolute; float: left; font-weight: bold; color: #000; margin: 13px 0 0 20px; z-index: 999}


/* definice stylu pro stránkování */
.strankovani {font-weight:bold; background:#fde401; padding: 3px 5px 3px 5px;}
.cislo-stranky {float:left; margin:0 3px 0 3px;}

.zalomeni {clear:both}