*
	{ margin: 0; padding: 0; }
html
	{ height: 100%; }
body
	{ color: #fff; font-size: 12px; font-family: sans-serif; background: url('/img/bg.png'); height: 100%; }
img
	{ border: 0; float: left }
input, select, option, textarea
	{ font-family: serif; font-size: 14px; }
a
	{ color: #fff; outline: none; text-decoration: none }
a:hover
	{ color: #fff; }
p
	{ line-height: 160% }

#stin_levy
	{ position: relative; width: 100%; min-height: 100%; z-index: 5; background: url('/img/stin-levy.png') top left repeat-y }
#stin_pravy
	{ position: relative; width: 100%; min-height: 100%; z-index: 5; background: url('/img/stin-pravy.png') top right repeat-y }
#kontejner
	{ position: relative; width: 951px; margin: 0 auto; }

#menu
	{ list-style-type: none; float: right; margin-bottom: 5px }
#web #menu
	{ margin-top: 64px }
#menu li
	{ width: 100px; float: left; }
#menu li a
	{ display: block; padding: 9px 10px 9px 10px; text-align: center }
#menu li a:hover
	{ background: url('/img/menu-bg-vyber.png') repeat-x bottom center }

#boards, #custom_made, #details, #kites
	{ float: left; width: 219px; height: 233px; margin: 13px 7px 13px 7px }
#boards
	{ margin-left: 16px }

#kites
	{ margin-right: 0 }
#boards a, #custom_made a, #details a, #kites a
	{ display: block; width: 219px; height: 233px; background: url('/img/intro-boards.png') no-repeat }
#boards a
	{ background: url('/img/intro-boards.png') no-repeat }
#custom_made a
	{ background: url('/img/intro-custom-made.png') no-repeat }
#details a
	{ background: url('/img/intro-details.png') no-repeat }
#kites a
	{ background: url('/img/intro-kites.png') no-repeat }
#boards a:hover, #custom_made a:hover, #details a:hover, #kites a:hover
	{ background-position: -219px 0 }

#bg_hlavicka_logo
	{ width: 100%; height: 64px; background: url('/img/bg-hlavicka-logo.png') repeat-x; position: absolute; left: 0; top: 0px; z-index: -5 }
#bg_hlavicka
	{ width: 100%; height: 386px; background: url('/img/bg-hlavicka.png') repeat-x; position: absolute; left: 0; z-index: -10 }
#web #bg_hlavicka
	{ top: 64px }
#paticka
	{ width: 100%; height: 100px; margin-top: 5px; background: url('/img/bg-paticka.png') repeat-x; color: #fff }
.logo
	{ position: relative; float: left }
#web .logo img
	{ margin-top: 20px }
#paticka div
	{ width: 250px; height: 68px; border-left: 1px solid #1b1b1b; color: #4d4d4d; margin: 8px 0 8px 30px; padding: 0 10px 0 20px; float: left; line-height: 16px }
#paticka div a
	{ color: #4d4d4d; text-decoration: underline }
#paticka .logo
	{ float: left; margin: 25px 0 0 30px }

.detail_leva
	{ float: left; width: 509px; height: 473px; background: url('/img/detail-bg.jpg') no-repeat }
.detail_prava
	{ float: right; width: 442px; height: 472px; border-bottom: 1px solid #bfbfbf; background: #fff; color: #666 }
.detail_prava_bg
	{ background: url('/img/detail-bg-svetly.png') repeat; border-top: 2px solid #bdbdbd; border-bottom: 2px solid #bdbdbd; padding: 10px 0 10px 0 }
.detail_prava_bg p
	{ padding-left: 50px; padding-right: 50px }
.detail_prava table
	{ margin-left: 50px }
.detail_prava ul
	{ list-style-type: none; }
.detail_prava ul li
	{ margin-left: 0; padding-left: 0 }
h3
	{ color: #c22827; width: 340px; font-size: 14px; margin: 0 auto; margin-bottom: 8px; padding: 20px 20px 7px 20px; border-bottom: 1px solid #c0c0c0; text-transform: uppercase }
h3 span
	{ text-transform: lowercase }
.features_leva
	{ float: left; width: 170px; padding-left: 50px }
.features_prava
	{ float: left; width: 170px; padding-left: 20px }

.galerie_bg
	{ clear: both; width: 100%; background: url('/img/galerie-bg.png') repeat-x }
.galerie_bg_ctverec
	{ clear: both; width: 100%; background: url('/img/galerie-bg-ctverec.png') repeat }
.galerie_bg_dno
	{ clear: both; width: 100%; background: url('/img/galerie-bg-dno.png') repeat-x bottom center; }
.galerie_bg_levy
	{ float: left; width: 1px; height: 165px; background: url('/img/galerie-bg-leva.png') no-repeat }
.galerie_bg_pravy
	{ float: right; width: 1px; height: 165px; background: url('/img/galerie-bg-prava.png') no-repeat }	
.galerie_bg_levy_delsi
	{ float: left; width: 1px; height: 269px; background: url('/img/galerie-bg-leva.png') no-repeat }
.galerie_bg_levy_delsi
	{ float: right; width: 1px; height: 269px; background: url('/img/galerie-bg-prava.png') no-repeat }
.galerie_spodek
	{ clear: both; width: 100%; height: 31px; background: url('/img/galerie-bg-spodek.png') no-repeat }
.galerie_spodek_polozka1, .galerie_spodek_polozka2
	{ float: left; line-height: 31px; height: 31px; text-align: center; text-transform: uppercase }
.galerie_polozka1
	{ float: left; width: 237px; height: 269px; margin-right: 1px }
.galerie_polozka2
	{ float: left; width: 236px; height: 269px; margin-right: 1px }
.galerie_polozka3
	{ float: left; width: 236px; height: 269px; }
.galerie_polozka1 a, .galerie_polozka2 a, .galerie_polozka3 a
	{ width: 232px; height: 265px; display: block }
.galerie_spodek_polozka1
	{ width: 237px; }
.galerie_spodek_polozka2
	{ width: 236px; }
.galerie_spodek_polozka1 a, .galerie_spodek_polozka2 a
	{ display: block }
.cara_vodorovna
	{ clear: both; float: left; width: 100%; margin-top: 20px; height: 2px; font-size: 2px; background: #c0c0c0 }
.cara_svisla
	{ float: right; width: 2px; height: 230px; margin-top: 20px; background: #c0c0c0 }
.cara_vodorovna_custom_made
	{ clear: both; float: left; width: 100%; margin-top: 10px; height: 2px; font-size: 2px; background: #c0c0c0 }
.cara_svisla_custom_made
	{ float: right; width: 2px; height: 250px; margin-top: 10px; background: #c0c0c0 }
.cenik
	{ float: right; margin: 110px 25px 0 0; width: 128px; height: 26px; line-height: 26px; text-align: center }
.cenik a
	{ display: block; background: url('/img/button.png') no-repeat }
.cena
	{ clear: both; float: right; padding: 20px 30px 20px 0; color: #c22827; font-size: 18px; font-weight: bold }
.zoom
	{ display: block; float: none; margin-left: auto; margin-right: auto; margin-top: 15px }
	
.bily_poklad
	{ clear: both; width: 100%; background: #fff }
.tmavy_podklad
	{ clear: both; width: 100%; margin-top: 10px; float: left; background: url('/img/bg-tmavic.png') repeat }

.obsah
	{ float: left; padding: 25px 15px 25px 15px }
.obsah a
	{ text-decoration: underline }
.obsah h2
	{ font-size: 16px; margin: 0 0 10px 0 }

div.clr
	{ clear: both }
.fl
	{ float: left }
.fr
	{ float: right }
.fc
	{ float: none; margin-left: auto; margin-right: auto; display: block }
.button
	{ font-weight: bold }
.skokan
	{ height: 20px }
.mt10
	{ margin-top: 10px }
.h20
	{ height: 20px }
.p30
	{ padding: 0 30px 0 30px }
.obal
	{ width: 232px; height: 230px; display: block; margin-top: 20px }
.obal_detail
	{ width: 375px; margin-top: 20px; float: left }
.obal_custom_made
	{ width: 153px; height: 250px; display: block; margin-top: 10px }

.stin_pod_prkna_maly
	{ position: relative; top: -28px; z-index: 30 }
.stin_pod_prkna_velky
	{ position: relative; top: -4px; z-index: 30 }
	
h1
	{ color: #c22827; font-size: 28px; text-transform: uppercase; line-height: 60px; margin: 15px 50px 0 50px }
h1 span
	{ display: none }
h2.vyrazna
	{ height: 30px; line-height: 30px; margin-top: 25px; padding-left: 15px; font-size: 13px; background: #c22827; border-bottom: 1px solid #b28b8b; text-transform: uppercase}
h2.vyrazna_strankovani_top, h2.vyrazna_strankovani
	{ height: 30px; line-height: 30px; padding-left: 15px; font-size: 13px; background: #c22827; text-transform: uppercase }
h2.vyrazna_strankovani_top
	{ margin: 25px 0 0 0 }
h2.vyrazna_strankovani_top div
	{ float: left; width: 400px }
h2.vyrazna_strankovani_top span, h2.vyrazna_strankovani span
	{ float: right; font-size: 11px; font-weight: normal; text-transform: lowercase; margin-right: 15px }