/* logo features */
#logo-wrapper{
	position: absolute;
	top: 20px;
	left: 15px;
	margin: 0;
	padding: 0;
	width: 112px;
	height: 44px;
	overflow: hidden;
	font-weight: bold;
	cursor: pointer;
}
#logo-wrapper strong{
	display: block;
	width: 112px;
	height: 44px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	margin: 0;
	padding: 0;
	background-image: url('../img/web_parts/logo.gif');
	cursor: pointer;
}
#logo-wrapper a{
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
}

/* uvodni stranka produkty */
#products{
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
}
#zaluzie, #lamely, #garnyze{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 254px;
	height: 156px;
	overflow: hidden;
	cursor: pointer;
}
#zaluzie strong, #lamely strong, #garnyze strong{
	display: block;
	width: 254px;
	height: 156px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	margin: 0;
	padding: 0;
	background-image: url('../img/web_parts/produkty-zaluzie-komplet.gif');
	cursor: pointer;
}
#lamely, #garnyze{
	width: 170px;
	height: 104px;
	margin: 25px 0 0 35px;
}
#lamely strong, #garnyze strong{
	width: 170px;
	height: 104px;
	background-image: url('../img/web_parts/produkty-lamely.gif') !important;
}
#garnyze strong{
	background-image: url('../img/web_parts/produkty-garnyz.gif') !important;
}
#products li a{
	text-decoration: none;
}

#menu-top{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 70px;
	left: 10px;
	list-style-type: none;
}
#menu-top li, #menu-toptop li, #menu-bottom li, #submenu li{
	float: left;
	padding: 11px 0;
	background: #002CF5;
	line-height: normal;
}
#menu-top li a, #menu-toptop li a, #menu-bottom li a, #submenu li a{
	display: block;
	padding: 0 6px;
	color: #fff;
	border-right: 1px solid #fff;
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
}

#menu-toptop{
	position: absolute;
	top: 20px;
	right: 20px;
	list-style-type: none;
}
#menu-toptop li{
	background: none;
}
#menu-toptop li a{
	border-right: 1px solid #222;
	color: blue;
	font-weight: normal;
}

#submenu{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#submenu li{
	background: #0026BF;
	padding: 6px 0;
	margin: 0 0 10px 0;
	border-right: 1px solid #fff;
}
#submenu li a{
	font-weight: normal;
	border: none;
}
#submenu li.zvyraznit2{
	font-size: 85%;
	padding: 6px;
	font-weight: bold;
}

#menu-bottom{
	clear: both;
	list-style-type: none;
	border-top: 1px solid #aecaf3;
	width: 50em;
	margin: 0 auto;
	padding: 5px 10px 0 15px
}
#menu-bottom li{
	background: none;
}
#menu-bottom li a{
	color: #4730df;
	font-size: 80%;
	border-right: 1px solid #4730df;
	font-weight: normal;
}

.actual{
	background: #0026BF !important;
}

/*html elemenst*/
body{
	font-weight: normal;
	color: #232323;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 83%;
	background: url("../img/web_parts/bg-main.gif") top repeat-x;
	margin: 0;
	text-align: center;
}

p{
	line-height: 1.6em;
	font-size: 90%;
	margin: 0 0 10px 0;
}

h1, h2, h3, h4, h5, h6{
	margin: 15px 0 10px 0;
	width: 100%;
	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
}
h1{
	color: #000;
	font-size: 165%;
	font-weight: normal;
}

h2{
	color: #000;
	font-size: 120%;
	font-weight: bold;
}

h3{
	color: #BD7E15;
	font-size: 100%;
}

h4{
	color: #CD491D;
	font-size: 100%;
}

h5{
	color: #AD7350;
	font-size: 90%;
}

h6{
	color: #CD491D;
	font-weight: normal;
	font-size: 90%;
}

/* table features */
table{
	border-collapse: collapse;
	margin: 5px auto 10px auto;
	width: 100%;
}
caption{
	font-weight: bold;
	text-align: left;
	font-size: 100%;
	color: #920000;
	margin: 5px 0 0 6px;
}
th{
	font-weight: bold;
	text-align: center;
	font-size: 94%;
	background: #C7ECFF;
	color: #CF4D4D;
}
th, td{
	border: 1px solid #7FD5FF;
	padding: 4px 2px;
}

/* definition list */
dl{
	margin: 10px 0 10px 15px;
}
dt{
	font-weight: bold;
	color: #920000;
}
dd{
	margin: 6px 0 6px 15px;
	line-height: 1.5em;
}

ul li, ol li{
	line-height: 1.5em;
}

/* form features */
form{
	margin: 0;
	padding: 0;
}
fieldset{
	text-align: left;
	border: 1px solid #1FAFFF;
	padding: 10px;
	margin: 0 0 15px 0;
}
input, textarea, select{
	background: #F9F9F9;
	border: 1px inset #ccc;
	padding: 2px 4px;
	color: #000;
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-size: 100%;
}
input.button{
	background: #ddd;
	border: 1px outset #EDEDED;
	padding: 3px;
	margin: 10px;
}
input:focus, select:focus, textarea:focus{
	border: 1px inset #072FEF;
}
legend{
	font-size: 100%;
	font-weight: bold;
	padding: 0.2em 0.5em;
	border: none;
	color: #666;
	text-align: right;
}
label{
	float: left;
	text-align: right;
	font-weight: bold;
	font-size: 90%;
	width: 30%;
	margin-right: 0.5em;
	padding-top: 0.2em;
}

a img{
	border: none;
}

/*classes*/
.rf {
	float: right;
	margin: 0px 10px 10px 10px;
	text-align: center;
}
.cleaner{
	clear: both;
}

.hidden{
	display: none;
}
.hide{
	display: block;
	overflow: hidden;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	font-size: 0px;
}

.invisible{
	visibility: hidden
}

.small-font, .mensi-pismo{
	font-size: 85% !important;
}
.small-font2{
	font-size: 80%;
}
.small-font3{
	font-size: 75%;
}
.small-font-extra{
	font-size: 4px;
}
.big-font, .vetsi-pismo{
	font-size: 115%;
}
.font-non-proporcial{
	font-family: monospace;
}

.text-center{
	text-align: center !important;
}
.text-right{
	text-align: right !important;
}
.text-left{
	text-align: left !important;
}

.important, .zvyraznit{
	color: #FF0000 !important;
	font-size: 100%;
	font-family: inherit;
}
.zvyraznit2{
	color: #FFA200 !important;
}
.zvyraznit3{
	color: #77CFFF !important;
}
.zvyraznit4{
	color: #06cc18 !important;
}
.holiday-info {
	color: #920000 !important;
}
.left-box{
	margin: 0 15px 0 0;
}

.box{
	width: 45%;
	float: left;
}
.clean {
	border: 0;
	background: none;
}
.under {
	float: right; 
	margin-right: 270px; 
	margin-bottom: 10px;
}
.install_img {
	margin: 5px 10px;
	border: 1px solid #91bffd;
}
.ovladaniImg {
	float: right; 
	margin-left: 5px; 
	border: 1px solid #57C7FF;
}
.vzornik {
	margin-left: 8px;
	float: right;
}
.onlineImg {
	margin: 0 0 -17px 5px;
}
.h2-inline {
	display: inline;
}
.p-margin-top {
	margin-top: 15px;
}
#instalace-stena-strop {
	background-color: white;
	width: 600px;
}
#instalace-stena-strop td {
	width: 290px;
	margin: 0px;
	padding: 0px;
}
#adresa{
	background: url("../img/web_pict/mapa.gif") no-repeat 150px center;
}
	
/*tabulka s latkou*/

.latka, .latka-popis{
	width: 45%;
	float: right;
	margin: 0 20px 10px 0;
}
.latka{
	float: left;
}
h2.latka-title a{
	font-size: 130%;
	font-weight: normal;
	padding: 2px 6px;
	background: #C7ECFF;
	display: block;
}
.popis{
	width: 45%;
}

img.float-right-img, img.plovouci-obrazek-vpravo{
	margin: 6px 0 6px 6px;
	float: right;
}
img.float-left-img, img.plovouci-obrazek-vlevo{
	margin: 6px 6px 6px 0;
	float: left;
}
img.float-left-img2{
	margin: 6px 25px 6px 0;
	float: left;
}
img.float-left-img3{
	margin-right: 12px;
	float: left;
}
img.float-right-img3{
	margin-left: 12px;
	float: right;
}

.float-right{
	float: right !important;
}
.float-left{
	float: left !important;
}
.latka-popis a{
	text-decoration: none;
}
.latka-popis a img{
	border: 1px solid blue !important;
	margin: 0;
}
.latka-popis a:hover img{
	border: 1px solid #2FA2FF !important;
}
td.spec{
	font-size: 20px !important;
	color: #FFA407;
	text-align: center;
}

.color-list{
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
}
.color-list li{
	margin: 0 0 10px 0;
	padding: 0;
}
.color-list li label{
	font-weight: normal;
	float: none;
}

/* inline list features */
ul.ul-inline{
	display: block;
	margin: 10px 0;
	padding: 0;
}
ul.ul-inline li{
	list-style-type: none;
	display: inline;
	padding: 0;
	line-height: normal;
}

.table-horizonatal td{
	text-align: center;
}
.table-vertical th{
	text-align: right;
}

.table-kosik{
	width: 60%;
	margin: 10px auto;
}
.table-kosik th{
	width: 60%;
}
.table-kosik th, .table-kosik td{
	padding: 4px 6px;
}

h2.title-kosik{
	width: auto;
	background: #C7ECFF;
	padding: 2px 3px;
	margin-top: 4px;
	font-size: 105%;
}
.nav-kosik{
	border: 1px solid #6FCFFF;
	background: #EFFAFF;
	margin: 0 0 10px 0;
	width: 100%;
}

.kosik-pic{
	width: 320px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
.kosik-pic li{
	margin: 0;
	padding: 0;
	text-align: center;
}
.kosik-pic img{
	margin: 0px 0 15px 0;
	padding: 0;
	text-align: center;
}

.kosik-content{
	width: 330px;
	list-style: square inside;
	margin: 0 10px 0 15px;
	padding: 0;
	float: left;
	display: inline;
}
.kosik-content ul{
	margin: 0 0 0 18px;
	padding: 0;
}

.cart, .cart2{
	margin: 0;
	padding: 0;
	width: 220px;
	position: absolute;
	top: 10px;
	right: 20px;
}
.cart2{
	position: static;
}

.right-links{
	margin: 0;
	padding: 0;
	width: 220px;
	position: absolute;
	top: 0px;
	right: 20px;
	z-index: 10;
	border:5px solid;
}

.position-relative{
	position: relative;
}

.prev, .next{
	background: url("../img/web_pict/predchozi.gif") no-repeat top center;
	padding: 45px 0 0 0;
	width: 103px;
	display: block;
	float: left;
	text-align: center;
}
.next{
	background: url("../img/web_pict/dalsi.gif") no-repeat top center;
}
.popis_main {
	margin: 0px auto 10px 75px;
}
.popis_others {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.popis_others2 {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}
.p_top_margin {
	margin-top: 40px;
}
#rozmery-zal{
	background-position:  right 10px !important;
	_background-position:  right 30px !important;
	height: 13em; 
}
#rozmery-zal_2{
	background-position:  right 10px !important;
	_background-position:  right 30px !important;
	height: 14em; 
}
#rozmery-zal_3{
	background-position:  right 10px !important;
	_background-position:  right 30px !important;
	 
}
/*objednat-zaluzie*/
.roz-0{
	background: url("../img/schema/schema_0_1.gif") no-repeat;
}
.roz-1{
	background: url("../img/schema/schema_0_2.gif") no-repeat;
}
.roz-2{
	background: url("../img/schema/schema_1_1.gif") no-repeat;
}
.roz-3{
	background: url("../img/schema/schema_1_2.gif") no-repeat;
}
.roz-4{
	background: url("../img/schema/schema_2_1.gif") no-repeat;
}
.roz-5{
	background: url("../img/schema/schema_2_2.gif") no-repeat;
}
.roz-6{
	background: url("../img/schema/schema_3_1.gif") no-repeat;
}
.roz-7{
	background: url("../img/schema/schema_3_2.gif") no-repeat;
}
/*objednat-garnyz*/
.roz-0-gar{
	background: url("../img/schema/schema_0_1_gar.gif") no-repeat;
	background-position: right top;
}
.roz-1-gar{
	background: url("../img/schema/schema_0_2_gar.gif") no-repeat;
	background-position: right top;
}
.roz-2-gar{
	background: url("../img/schema/schema_1_1_gar.gif") no-repeat;
	background-position: right top;
}
.roz-3-gar{
	background: url("../img/schema/schema_1_2_gar.gif") no-repeat;
	background-position: right top;
}
.roz-4-gar{
	background: url("../img/schema/schema_2_1_gar.gif") no-repeat;
	background-position: right top;
}
.roz-5-gar{
	background: url("../img/schema/schema_2_2_gar.gif") no-repeat;
	background-position: right top;
}
.roz-6-gar{
	background: url("../img/schema/schema_3_1_gar.gif") no-repeat;
	background-position: right top;
}
.roz-7-gar{
	background: url("../img/schema/schema_3_2_gar.gif") no-repeat;
	background-position: right top;
}
/*objednat-atyp-zaluzie*/
.bal-0{
	background: url("../img/schema/balkon/a_a_1.gif") no-repeat;
}
.bal-1{
	background: url("../img/schema/balkon/a_b_1.gif") no-repeat;
}
.bal-2{
	background: url("../img/schema/balkon/a_c_1.gif") no-repeat;
}
.bal-3{
	background: url("../img/schema/balkon/a_d_1.gif") no-repeat;
}
.bal-4{
	background: url("../img/schema/balkon/b_a_1.gif") no-repeat;
}
.bal-5{
	background: url("../img/schema/balkon/b_b_1.gif") no-repeat;
}
.bal-6{
	background: url("../img/schema/balkon/b_c_1.gif") no-repeat;
}
.bal-7{
	background: url("../img/schema/balkon/b_d_1.gif") no-repeat;
}
.bal-8{
	background: url("../img/schema/balkon/c_a_1.gif") no-repeat;
}
.bal-9{
	background: url("../img/schema/balkon/c_b_1.gif") no-repeat;
}
.bal-10{
	background: url("../img/schema/balkon/c_c_1.gif") no-repeat;
}
.bal-11{
	background: url("../img/schema/balkon/c_d_1.gif") no-repeat;
}
.bal-12{
	background: url("../img/schema/balkon/d_a_1.gif") no-repeat;
}
.bal-13{
	background: url("../img/schema/balkon/d_b_1.gif") no-repeat;
}
.bal-14{
	background: url("../img/schema/balkon/d_c_1.gif") no-repeat;
}
.bal-15{
	background: url("../img/schema/balkon/d_d_1.gif") no-repeat;
}
.bal-16{
	background: url("../img/schema/balkon/a_a_2.gif") no-repeat;
}
.bal-17{
	background: url("../img/schema/balkon/a_b_2.gif") no-repeat;
}
.bal-18{
	background: url("../img/schema/balkon/a_c_2.gif") no-repeat;
}
.bal-19{
	background: url("../img/schema/balkon/a_d_2.gif") no-repeat;
}
.bal-20{
	background: url("../img/schema/balkon/b_a_2.gif") no-repeat;
}
.bal-21{
	background: url("../img/schema/balkon/b_b_2.gif") no-repeat;
}
.bal-22{
	background: url("../img/schema/balkon/b_c_2.gif") no-repeat;
}
.bal-23{
	background: url("../img/schema/balkon/b_d_2.gif") no-repeat;
}
.bal-24{
	background: url("../img/schema/balkon/c_a_2.gif") no-repeat;
}
.bal-25{
	background: url("../img/schema/balkon/c_b_2.gif") no-repeat;
}
.bal-26{
	background: url("../img/schema/balkon/c_c_2.gif") no-repeat;
}
.bal-27{
	background: url("../img/schema/balkon/c_d_2.gif") no-repeat;
}
.bal-28{
	background: url("../img/schema/balkon/d_a_2.gif") no-repeat;
}
.bal-29{
	background: url("../img/schema/balkon/d_b_2.gif") no-repeat;
}
.bal-30{
	background: url("../img/schema/balkon/d_c_2.gif") no-repeat;
}
.bal-31{
	background: url("../img/schema/balkon/d_d_2.gif") no-repeat;
}
/*objednat-sikme*/
.sik-0{
	background: url("../img/schema/sikma/a_1.gif") no-repeat;
}
.sik-1{
	background: url("../img/schema/sikma/b_1.gif") no-repeat;
}
.sik-2{
	background: url("../img/schema/sikma/c_1.gif") no-repeat;
}
.sik-3{
	background: url("../img/schema/sikma/d_1.gif") no-repeat;
}
.sik-4{
	background: url("../img/schema/sikma/a_2.gif") no-repeat;
}
.sik-5{
	background: url("../img/schema/sikma/b_2.gif") no-repeat;
}
.sik-6{
	background: url("../img/schema/sikma/c_2.gif") no-repeat;
}
.sik-7{
	background: url("../img/schema/sikma/d_2.gif") no-repeat;
}
.zal_zatazena {
	background: url("../img/web_pict/schema-zaluzie-zatazena.gif") no-repeat;
	background-position: right 70%;
}
.zal_zatazena p {
	width: 70%;
}

.popup{
	padding-right: 15px;
	background: url("../img/web_pict/popup.gif") no-repeat right 70%;
}

/* banner wizard  */
#banner {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#kosik, #objednavka, #kontrola, #odeslani, #objednavka-noaktive, #kontrola-noaktive, #odeslani-noaktive{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 171px;
	height: 99px;
	overflow: hidden;
}
#kosik strong, #objednavka strong, #kontrola strong, #odeslani strong, 
#objednavka-noaktive strong, #kontrola-noaktive strong, #odeslani-noaktive strong{
	display: block;
	width: 171px;
	height: 99px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	margin: 0;
	padding: 0;
	background-image: url('../img/web_pict/krok1-active.gif');
}
#objednavka strong{
	background-image: url('../img/web_pict/krok2-active.gif') !important;
}
#kontrola strong{
	background-image: url('../img/web_pict/krok3-active.gif') !important;
}
#odeslani strong{
	background-image: url('../img/web_pict/krok4-active.gif') !important;
}
#objednavka-noaktive strong{
	background-image: url('../img/web_pict/krok2-noactive.gif') !important;
}
#kontrola-noaktive strong{
	background-image: url('../img/web_pict/krok3-noactive.gif') !important;
}
#odeslani-noaktive strong{
	background-image: url('../img/web_pict/krok4-noactive.gif') !important;
}

.like-button, .like-button2{
	display: block;
	margin: 0 auto;
	text-align: center;
	border: 1px outset;
	background: #dfdfdf;
	padding: 3px;
	cursor: pointer;
	width: 150px;
}
a.like-button, a.like-button2{
	color: #000 !important;
	text-decoration: none;
	padding: 4px;
}
.like-button2{
	width: auto;
	display: inline;
}

.shower{
	cursor: pointer;
	position: absolute;
	bottom: -20px;
	right: 2px;
}

.cross-out{
	text-decoration: line-through;
}

.pic-border{
	border: 1px solid #97DCFF !important;
}
.pic-link-border{
	border: 1px solid #57C7FF !important;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* ---------layout features------------- */
#main{
	width: 705px;
	margin: 0 auto 10px auto;
	position: relative;
	background: #DBF1FC;
}

#top{
	position: relative;
	height: 105px;
	padding: 0;
	margin: 0;
	background: url("../img/web_parts/bg-top.gif");
}

#p-null{
	padding: 0;
	margin: 0;
}
#middle{
	padding: 0;
	margin: 0 10px;
	text-align: left; /*border:1px solid blue*/
	position: relative;
}

#footer-null{
	margin: 10px 0 0 0;
	clear: both;
	background: url("../img/web_parts/bg-bottom.gif") no-repeat bottom;
}
#footer p{
	margin: 0;
	padding: 0;
	font-size: 70%;
	color: #7a7e81;
}