/* CSS Document */

html {
	padding: 0px;
	margin: 0xp;
}

body {
	margin: 0px auto;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background: url(../picture/page_bg.jpg) center no-repeat fixed; /*top center no-repeat fixed*/
	background-size: auto;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	min-height: 900px;
}

a {
	color: #666666;
}

#top {
	position: relative;
	margin:0 auto;
	width: 852px;
	height: 385px;
	overflow: visible;
	background: #F4F1EF;
	border: 9px solid #FFFFFF;
	border-top: none;
	border-bottom: none;
}

#top_logo {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 173px;
	height: 57px;
	overflow: hidden;
	background: url(../picture/top_logo.jpg) no-repeat;
}

#top_logo img, #top_slogan img, #top_katalog img {
	width: 100%;
	height: 100%;
	border: 0px;
}

#top_slogan {
	position: absolute;
	top: 33px;
	left: 194px;
	width: 260px;
	height: 30px;
	overflow: hidden;
	background: url(../picture/top_slogan.jpg) no-repeat;
}

#top_pali {
	position: absolute;
	top: 6px;
	left: 700px;
	width: 112px;
	height: 75px;
	overflow: hidden;
}

#top_gr {
	position: absolute;
	top: 81px;
	left: 0px;
	width: 851px;
	height: 255px;
	overflow: hidden;
}

#top_menu {
	position: absolute;
	top: 336px;
	left: 296px;
	width: 540px;
	height: 35px;
	text-transform: uppercase;
	font-size: 13px;
	text-align: left;
	z-index: 10;
}

#top_menu .topmenu {
	position: relative;
	width: 76px;
	height: 37px;
	font-size: 11px;
	float: left;
	margin-left: 1px;
	padding-top: 0px;
	text-align: center;
}

#top_menu #menu1 {
	background: url(../picture/topmenu_1.jpg) no-repeat;
	padding-top: 5px;
}

#top_menu #menu2 {
	background: url(../picture/topmenu_2.jpg) no-repeat;
}

#top_menu #menu3 {
	background: url(../picture/topmenu_3.jpg) no-repeat;
}

#top_menu #menu4 {
	background: url(../picture/topmenu_4.jpg) no-repeat;
}

#top_menu #menu5 {
	background: url(../picture/topmenu_5.jpg) no-repeat;
	padding-top: 5px;
}
#top_menu #menu6 {
	background: url(../picture/topmenu_6.jpg) no-repeat;
	padding-top: 5px;
}
#top_menu #menu7 {
	background: url(../picture/topmenu_7.jpg) no-repeat;
}


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

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

#top_katalog {
	position: absolute;
	top: 311px;
	left: -68px;
	width: 287px;
	height: 108px;
	overflow: hidden;
	background: url(../picture/katalog_ke_stazeni_2011.png) no-repeat;
	z-index: 10;
}

#top_kosik {
	position: absolute;
	top: 336px;
	left: 209px;
	width: 195px;
	height: 42px;
	padding: 0px 8px;
	background: url(../picture/top_kosik.jpg) no-repeat;
	font-size: 11px;
}

#page {
	position: relative;
	margin: 0 auto;
	padding: 5px 0px;
	width: 870px;
	min-height: 400px;
	background:  url(../picture/containbg.gif) repeat;
	overflow: auto;
	line-height: 150%;
}

#bottom {
	position: relative;
	margin: 0px auto;
	padding: 10px 10px;
	width: 830px;
	height: 78px;
	background: #C9C9C9;
	border-left: 2px solid #FFFFFF;
	overflow: visible;
	clear: both;
	font-size: 11px;
	border: 10px solid #FFFFFF;
	border-top: none;
}


#bottom_odkazy {
	position: relative;
	margin: 0px auto;
	padding: 10px 10px;
	width: 830px;
	min-height: 100px;
	background: #CECECE;
	border-left: 2px solid #FFFFFF;
	overflow: auto;
	clear: both;
	font-size: 11px;
	border: 10px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	border-top: none;
}

.links {
	position: relative;
	width: 240px;
	min-height: 200px;
	overflow: visible;
	padding: 15px;
	border-right: 1px solid #333333;
	float: left;
}

.links h4 {
	font-size: 14px;
	padding: 2px;
	margin: 2px;
	text-align: left;
}

.links ul {
	padding: 5px;
	margin: 0px;
	font-size: 13px;
	line-height: 140%;
}



#bottom_baby {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 197px;
	height: 188px;
	background: url(../picture/bottom_baby.png) no-repeat; 
}

#footer {
	position: relative;
	width: 825px;
	text-align: right;
	padding: 10px;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0 auto;
}

#footer a {
	color: #FFFFFF;
}

#bottom ul {
	list-style: none;
	margin: 2px;
	padding: 0px;
	float: left;
}

#bottom li {
	float: left;
	margin-left: 2px;
	padding-left: 5px;
}

#left {
	position: relative;
	margin-left: 0px;
	margin-top: 26px;
	width: 235px;
	min-height: 640px;
	overflow: visible;
	float: left;
	z-index: 10;
}

#kosik {
	position: relative;
	background: url(../picture/kosik_bg.jpg) repeat-y;
	min-height: 140px;
	overflow: visible;
	
}

#vyhledavani {
	position: relative;
	padding-top: 10px;
	text-align: center;
}

#vyhledavani input {
	padding: 5px;
	width: 160px;
	font-size: 12px;
	border: 1px solid #000000;
}

#vyhledavani .hledej_btn {
	width: 30px;
	background: #FFCC66;
}

#kosik_prehled {
	position: relative;
	margin: 20px 10px;
	padding: 10px;
	padding-left: 75px;
	width: 190px;
	height: 40px;
	background: url(../picture/butt_kosik.jpg) left no-repeat;
}

#kosik_prehled a {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

#form_login, .login_form {
	position: relative;
	width: 150px;
	margin: 0px auto;
	padding: 10px;
}

.login_form {
	background: #EEEEEE;
	border: 1px solid #333333;
}

#form_login input {
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #000000;
}

#leftmenu, #leftpartnerskeweby {
	position: relative;
	min-height: 300px;
	margin: 0px;
	padding: 0px;
}

#leftmenu {
	background: url(../picture/menu_bg.jpg) repeat-y;
}

#leftpartnerskeweby {
	background: url(../picture/partnerske_bg.jpg) repeat-y;
}

#left hr {
	position: absolute;
	top: -5px;
	left: 0px;
	width: 235px;
	height: 14px;
	border: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	z-index: 99;
}

#leftmenu hr {
	background:url(../picture/menu_top.jpg) no-repeat;
}

#leftpartnerskeweby hr {
	background:url(../picture/partnerske_top.jpg) no-repeat;
}

#leftpartnerskeweby div {
	padding: 0px 20px;
}

#left #leftpartnerskeweby h3 {
	color: #FFFFFF;
	padding: 10px;
	margin: 0px;
}


#kosik hr {
	background:url(../picture/kosik_top.jpg) no-repeat;
}

#left_bottom hr {
	background: none; /* url(../picture/partnerske_top.jpg) no-repeat;*/
}

#leftmenu_top {
	position: relative;
	width: 209px;
	height: 26px;
	background: url(../picture/menu_top.jpg) no-repeat;
}

#leftmenu_bottom {
	position: relative;
	width: 209px;
	height: 36px;
	background: url(../picture/menu_bottom.jpg) no-repeat;
}

#leftmenu ul {
	padding: 0px;
	margin: 0px;
	
}
#leftmenu ul li {
	position: relative;
	padding: 10px 0px 10px 90px;
	margin: 0px;
	border-bottom: 1px solid #FFFFFF;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#leftmenu ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#leftmenu ul li a:hover {
	text-decoration: underline;
}

#leftmenu #leftmenu1 {
	background: url(../picture/leftmenu_1.jpg) left top no-repeat;
}

#leftmenu #leftmenu2 {
	background: url(../picture/leftmenu_2.jpg) left top no-repeat;
}

#leftmenu #leftmenu3 {
	background: url(../picture/leftmenu_3.jpg) left top no-repeat;
}

#leftmenu #leftmenu4 {
	background: url(../picture/leftmenu_4.jpg) left top no-repeat;
}

#leftmenu #leftmenu5 {
	background: url(../picture/leftmenu_5.jpg) left top no-repeat;
}

#leftmenu #leftmenu6 {
	background: url(../picture/leftmenu_6.jpg) left top no-repeat;
}

#leftmenu #leftmenu7 {
	background: url(../picture/leftmenu_7.jpg) left top no-repeat;
}

#leftmenu #leftmenu8 {
	background: url(../picture/leftmenu_8.jpg) left top no-repeat;
}

#leftmenu #leftmenu9 {
	background: url(../picture/leftmenu_9.jpg) left top no-repeat;
}

#leftmenu #leftmenu10 {
	background: url(../picture/leftmenu_10.jpg) left top no-repeat;
}

#left_bottom {
	position: relative;
	background: url(../picture/partnerske_bg.jpg) repeat-y;
	min-height: 150px;
	margin: 0px;
	padding: 0px;
	
}

#menu_bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

#menu_logopali {
	position: relative;
	margin: 0px 11px;
}

#contain {
	position: relative;
	margin-left: 20px;
	width: 580px;
	min-height: 200px;
	padding: 0px;
	background: #F4F1EF;
	float: left;
	/*overflow: visible;*/
	overflow: visible;
}

#contain a {
	/*color: #666666;*/
}

#contain h1, #page h1 {
	font-size: 18px;
	font-weight: bold;
	/*color: #EB6007;*/
	color: #336600;
	background: #FFFFFF;
	padding: 5px 10px;
	margin-top: 26px;
}

#page h2 {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding: 10px 0px;
}

#page h3 strong {
	color: #FF6600;
	font-size: 18px;
}

#leftmenu ul {
	margin: 0px;
	margin-right: 1px;
	padding: 0px;
	color: #333333;
	font-size: 13px;
	background: url(../picture/menu_bg.jpg) right repeat-y;
}

#leftmenu li {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 5px;
	padding-left: 10px;
	margin-right: 10px;
	border-bottom: 2px solid #CCCCCC;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

#leftmenu li li {
	display: block;
	list-style: none;
	margin: 2px;
	margin-left: 0px;
	padding: 2px;
	background: none;
	border-bottom: none;
	color: #333333;
	font-weight: bold;
	font-size: 11px;
}

#leftmenu li a {
	color: #666666;
	text-decoration: none;
}

#leftmenu li a:hover {
	text-decoration: underline;
}

#rightmenu p {
	padding: 5px;
}

.page_menu {
	text-align: center; 
	font-size: 14px; 
	list-style: none;
	line-height: 180%;
	padding: 0px;
	margin: 0px;
}

.page_menu li:hover {
	background: #FFCC66;
}

/* KATALOG */

.kat_vypis, .det_vypis {
	position: relative;
	clear: both;
	padding-top: 10px; 
}

.kat_vypis:hover {
	background: #E7E0DC;
}

.kat_vypis_img,  .det_vypis_img {
	position: relative;
	width: 200px;
	height: 150px;
	border: 4px solid #cccccc;
	float: left;
	margin: 0px 15px 10px;
	padding: 0px;
	background: #ffffff;
	overflow: hidden;
	text-align:center;
}

.kat_vypis img,  .det_vypis img {
	border: none;
	padding: 0px;
	margin: 0px;
}
 
.kat_vypis p {
	font-style: italic;
}

.det_vypis p {
	clear: both;
	font-style: italic;
	padding: 0px 20px;
}

.det_vypis h3 {
	padding: 5px;
	margin: 5px 0;
}

.kat_vypis h3 a,  .det_vypis h3 a {
	color: #FF6600;
	text-decoration: none;
}

.kat_vypis p a,  .det_vypis p a {
	text-decoration: none;
}

.kat_vypis p a:hover, .kat_vypis h3 a:hover {
	text-decoration: underline;
}

.kat_hl, .det_vypis h4 {
	padding: 3px;
	margin: 0px;
	background: #FF6600 ;
	color: #FFFFFF;
	width: 100px;
	float: left;
	font-weight: bold;
	font-size: 13px;
	/*clear: right;*/
}

.kat_hl_num {
	padding: 3px;
	margin: 0px;
	background: #FF6600 ;
	color: #FFFFFF;
	width: 80px;
	float: left;
	text-align: right;
	font-weight: normal;
}

.kat_hl span, .kat_hl_num span,  .det_vypis h4 span {
	font-size: 17px;
	float: right;
}

.kat_vypis hr {
	clear: both;
	margin: 0px;
	padding: 0px;
}

.strankovani, .filtr {
	position: relative;
	height: 20px;
	padding: 15px;
	clear: both;
	text-align: center;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
}

.filtr {
	text-align: left;
}
	

.strankovani a {
	position: relative;
	width: 20px;
	padding: 0px 2px;
	margin: 3px;
	display: block;
	float: left;
	text-align: center;
	border: 1px #666666 solid;
	text-decoration: none;
	color: #666666;
}

.strankovani a:hover {
	background: #FF9900;
	color: #FFFFFF;
}

.strankovani .dot {
	position: relative;
	width: 5px;
	padding: 0px;
	margin: 1px;
	display: block;
	float: left;
	text-align: center;
	border: none;
	text-decoration: none;
	color: #666666;
}

.strankovani .dot:hover {
	background: none;
	text-decoration: none;
}

.strankovani .str_a {
	background: #FF9900;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

/* END KATALOG */

/* UVODNI STRANKA */
#uvodni_01 {
	position: relative;
	float: right;
	margin: 0px 0px 15px 15px;
	width: 260px;
	height: 233px;
	background: url(../picture/uvodni_03.jpg) no-repeat;
	overflow: hidden;
}

#contain #welcome-h1 {
	margin: 20px 0px;
	padding:0;
    position:relative;
    width: 412px; 
	height: 41px;
    overflow:hidden;
	border: none;
	background: none;
}

#welcome-h1 span {
	display:block;
      position:absolute; left:0; top:0; z-index:1;
      width: 412px; 
	  height: 41px;
      margin:0; padding:0;
      background: url(../picture/uvod_h1.jpg) top left no-repeat;
}

#contain #welcome-h2 {
	margin: 20px 0px;
	padding:0;
    position:relative;
    width: 178px; 
	height: 31px;
    overflow:hidden;
	border: none;
	background: none;
}

#welcome-h2 span {
	display:block;
      position:absolute; left:0; top:0; z-index:1;
      width: 178px; 
	  height: 31px;
      margin:0; padding:0;
      background: url(../picture/uvod_navigace.jpg) top left no-repeat;
}

#uvodni_navigace a,#uvodni_navigace div {
	position: relative;
	display: block;
	width: 140px;
	height: 110px;
	padding: 1px;
	float: left;
	background: #FFFFFF;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin: 0 auto;
}

#uvodni_navigace div {
	background: none;
}

#uvodni_navigace {
	position: relative;
	margin: auto 5px;
	clear: both;
	display: block;
	text-align: center;
}

#uvodni_navigace span {
	position: absolute;
	bottom: 5px;
	left: 0px;
	width: 100%;
}

#uvodni_navigace span:hover {
	color: #F4F1EF;
}

#uvodni_navigace #uvodni_detske_pokojiky {
	background: url(../picture/uvodni_detske_pokojiky.jpg) top left no-repeat; 
}

#uvodni_navigace #uvodni_postylky {
	background: url(../picture/uvodni_postylky.jpg) top left no-repeat; 
}

#uvodni_navigace #uvodni_prebalovaci_pulty {
	background: url(../picture/uvodni_prebalovaci_pulty.jpg) top left no-repeat; 
}

#uvodni_navigace #uvodni_komody {
	background: url(../picture/uvodni_komody.jpg) top left no-repeat; 
}

#uvodni_navigace #uvodni_skrine {
	background: url(../picture/uvodni_skrine.jpg) top left no-repeat; 
}

#uvodni_navigace #uvodni_matrace {
	background: url(../picture/uvodni_matrace.jpg) top left no-repeat; 
}

#uvodni_navigace #uvodni_textilni_doplnky {
	background: url(../picture/uvodni_textilni_doplnky.jpg) top left no-repeat; 
}

#uvodni_navigace #uvodni_doplnky {
	background: url(../picture/uvodni_doplnky.jpg) top left no-repeat; 
}

#uvodni_navigace #uvodni_zidlicky {
	background: url(../picture/uvodni_zidlicky.jpg) top left no-repeat; 
}

#uvodni_navigace #uvodni_aerosleep {
	background: url(../picture/uvodni_aerosleep.jpg) top left no-repeat; 
}


#table_designeri {
	background: #FFFFFF;
}

#table_designeri th {
	background: #EB3507;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	text-align: left;
	font-size: 13px;
}

#table_designeri td {
	padding: 0px 10px;
}


#table_designeri th a {
	color: #FFFFFF;
}

.clr {
	clear: both;
	height: 1px;
	overflow: hidden;
}

/* KOSIK */

.kosik_hlavicka {
	position: relative;
	height: 20px;
	padding: 5px;
	border: 1px dotted #333333;
	background: #FF9966;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
}

.kosik_radek {
	position: relative;
	width: 575px;
	height: 20px;
	padding: 2px;
	clear: both;
	border: 1px dotted #333333;
	background: #FFFFFF;
}

.kosik_radek:hover {
	background: #FFDECE;
}

.kosik_sl1 {
	position: relative;
	width: 320px;
	overflow: hidden;
	float: left;
}

.kosik_slb {
	width: 250px;
	float: left;
}

.kosik_sl2 {
	position: relative;
	width: 50px;
	float: left;
}

.kosik_sl3 {
	position: relative;
	width: 90px;
	float: left;
	text-align: right;
}

.kosik_sl4 {
	position: relative;
	width: 90px;
	float: left;
	text-align: right;
}

.buttons {
	position: relative;
	display: block;
	min-height: 40px;
	margin: 10px;
	text-align: center;
	clear: both;
	overflow: visible;
}

.filtr_kraj {
	position: relative;
	padding: 5px;
	margin: 10px;
	background: #FFFFFF;
	text-align: left;
	color: #000000;
}

.filtr_kraj label {
	font-weight: bold;
}

.filtr_kraj select {
	border: 1px solid #000000;
	padding: 2px;
}

.prodejci_table {
	border: 1px dotted #333333;
}

.prodejci_table th {
	background: #336600;
	color: #FFFFFF;
	font-size: 14px;
	text-align: left;
}

.prodejci_table h3 {
	padding: 2px;
	margin: 0px;
	font-size: 14px;
}

.prodejci_table span {
	display: block;
	width: 90px;
	float: left;
	font-weight: bold;
}

.page_hl_frame {
	position: relative;
	margin: 0 auto;
	width: 90%;
	text-align: center;
	padding: 15px;
	background: #D8D8D8;
	border: 1px dotted #333333;
}

#note {
	padding: 15px;
	margin: 10px;
	border: 2px solid #FF6600;
	background: #FFCAB0;
	color: #000000;
	font-size: 12px;	
}

.parameters {
	width: 450px;
	border: 3px solid #CCCCCC;
	margin: 0px 40px;
	padding: 0px;
	background: #FFFFFF; 
}

.parameters th {
	text-align: left;
	padding: 4px;
	margin: 0px;
	color: #FFFFFF;
	background: #FF6600;
	font-weight: bold; 	
}

.parameters td {
	padding-left: 10px;
	border: 1px dotted #CCCCCC;
	margin: 0px;
}

.parameters tr {
	border: 5px dotted #999999;
	padding: 0px;
	margin: 0px;
}

#velkoobchod {
	position: relative;
	margin: 0 auto;
	border: 1px solid #999999;
	background: #FFFFFF;
	padding: 15px;
}

#velkoobchod input, #velkoobchod select, #velkoobchod textarea {
	border: 1px solid #000000;
	padding: 3px;
	margin: 3px;
	background: #FFFFFF;
}

#form_login {
	text-align: left;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	width: 215px;
}

#form_login input {
	width: 110px;
	border: 1px solid #000000;
	padding: 2px;
	margin: 5px;
}

#form_login label {
	font-weight: bold;
	width: 100px;
}