@charset "utf-8";
/* CSS Document */


    /*menu vlevo*/
    .menuLACT {
	float: left;
	background-color: #FFF;
    position: relative;
	overflow: hidden;
	top: 13px;
    }


    #StinMenu {
        position: absolute;
        z-index: 1000;
        bottom: 0px;
        /*	right: -100px;*/
    }

    ul {margin:0; padding:0}

    .podKat1 {
        width: 150px;
        height: 1px;
        position: relative;
        background-image: url(/Spry-UI-1.7/menuLinkaHlavni.png);
        background-repeat: no-repeat;
        left: -25px;
    }
    .podKat2 {
        width: 150px;
        height: 1px;
        position: relative;
        background-image: url(/Spry-UI-1.7/Menu_prechod_svetly.png);
        background-repeat: no-repeat;
        left: -25px;
    }
    #StinMenu {
        position: absolute;
        z-index: 1000;
        bottom: 0px;
        right: -100px;
    }
    /*stranka*/
    .produktHore {
	position: relative;
	width: 854px;
	float: left;
	background-color: #FFF;
	overflow: visible;
    }
    .hlavniObrazek {
	position: relative;
	top: 31px;
	float: left;
	width: 512px;
	overflow: visible;
	height: 460px;
    }
    .spodekIndexACT {
	position: relative;
	width: 854px;
	/*	border: thin dotted #F00;*/
        float: left;
	background-color: #FFF;
	overflow: visible;
    }
.indexDlazdiceACT {
	position: relative;
	float: left;
	width: 1024px;
	background-color: #FFF;
	padding-bottom: 63px;
	overflow: visible;
	top: 64px;
	}
    .jineVarianty {
	position: relative;
	width: 314px;
	/*	border: thin dotted #F00;*/
        float: right;
	right: 18px;
    }
    .jineVariantyACT {
	position: relative;
	width: 314px;
	/*	border: thin dotted #F00;*/
        float: right;
	overflow: visible;
	top: 24px;
    }
    .produktTabulkaCena {
	position: relative;
	width: 314px;
	float: right;
	top: 50px;
	margin-right: 18px;
	overflow: visible;
    }

    .tabTD6 {
        height: 6px;
        font-size: 0px;		
    }
    .radekTabulky {
	cursor: pointer;
	background-image: url(/img/Podklad_pro_tabulku.png);

    }
    .radekTabulkySipka {
	cursor: pointer;
	background-image: url(/img/Podklad_pro_tabulkuSipka.png);
	background-position: right;
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	/*border-bottom-color: #CCC;*/
    }
    .radekTabulkySipkaBez {
	cursor: pointer;
	background-image: url(/img/Podklad_pro_tabulkuSipka.png);
	background-position: right;
	background-repeat: no-repeat;
    }
    .radekTabulkyStaly {
	cursor: pointer;
	background-image: url(/img/podkladRadekTabulkaBila.png);
	border-bottom-width: 1px;
	border-bottom-style: solid;
/*	border-bottom-color: #CCC;*/
    }
    .radekTabulkyStalyBez {
	cursor: pointer;
	background-image: url(/img/podkladRadekTabulkaBila.png);
    }
    .radekTabulkyCele {
        background-image: url(/img/podkladRadekTabulkaCela.png);
        background-repeat: no-repeat;
        background-position: bottom;
    }
    .vykresy {
        height: 0px;
        width: 0px;
        position: relative;
        top: 0px;
        left: 0px;
    }
    #apDiv1 {
	position:absolute;
	width:460px;
	height:117px;
	z-index:1000;
	left: 40px;
	top: 43px;
	text-align: right;
	vertical-align: top;
    }
    #apDiv2 {
        position:absolute;
        width:460px;
        height:117px;
        z-index:1000;
        left: 40px;
        top: 295px;
        text-align: right;
        vertical-align: top;
    }
    .apDiv1V {
	position:absolute;
	width:460px;
	height:117px;
	z-index:1000;
	left: 40px;
	top: 43px;
	text-align: right;
	vertical-align: top;
    }
    .apDiv2V {
        position:absolute;
        width:460px;
        height:117px;
        z-index:1000;
        left: 40px;
        top: 295px;
        text-align: right;
        vertical-align: top;
    }
    .linkaLHP {
	border-top-width: 2px;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #F60;
	border-right-color: #CCC;
	border-left-color: #CCC;
    }
	.linkaLHPbez {
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
    }

    .linkaLPD {
        border-right-width: thin;
        border-bottom-width: thin;
        border-left-width: thin;
        border-right-style: dotted;
        border-bottom-style: dotted;
        border-left-style: dotted;
        border-right-color: #CCC;
        border-bottom-color: #CCC;
        border-left-color: #CCC;
        padding-left: 0px;
        padding-right: 0px;
    }
    .linkaDprodukt {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	height: 26px;
	padding-top: 5px;
	overflow: visible;
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
    }
    .linkaDprodukt12px {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	height: 24px;
	padding-top: 7px;
	overflow: visible;
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
    }
    .linkaDproduktKeStazeni {
        border-bottom-width: thin;
        border-bottom-style: dotted;
        border-bottom-color: #CCC;
        height: 96px;
        padding-top: 5px;
        overflow: visible;
        position: relative;
		left: 0px;
    }
	   .linkaKeStazeni {
        height: 96px;
        padding-top: 5px;
        overflow: visible;
        position: relative;
    }	
	.PiktStahnout {
	float: left;
	width: 330px;
	position: relative;
	top: 20px;
	margin-left: 20px;
	}
	#obsah1 {
	padding-top: 5px;
	width: 458px;
	overflow: visible;
	position: relative;
	}
	#ikonyBezLink {
	padding-left: 20px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	height: 80px;
	padding-top: 16px;
	}
	 .stahnout {
	float: right;
	width: 120px;
	position: relative;
	bottom: 20px;
	right: 20px;
	text-align: right;
    }
	.stahnoutFoto {
	float: right;
	width: 120px;
	position: relative;
	top: 30px;
	right: 20px;
	text-align: right;
    }
	 .textyText {
	width: 420px;
	padding: 26px;
    }
    .linkaVlastnosti {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	/*	height: 26px;*/
        /*	padding-top: 5px;*/
        overflow: visible;
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
    }
    .linkaNic {
        padding-top: 5px;
        height: 26px;
    }
	.PROD_CENAD {
	float: right;
	position: relative;
	top: -2px;
    }
    /*tlacitko koupit a kusy*/
    .tabulkaKsRamecekCelek {
        position: relative;
        height: 51px;
        width: 270px;
        left: 20px;
		top: 10px;
    }
    .tabulkaKs {
        height: 31px;
        width: 30px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        color: #ff9933;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        float: left;
        position: relative; 
		left: 8px;
		top: 5px;
    }
    .Ks {
        height: 31px;
        width: 20px;
        color: #000;
        text-align: left;
        float: left;
        left: 67px;
        position: relative;
        clip: rect(auto,auto,auto,auto);
        top: -15px;
        font-size: 1em;
        font-weight: 700;
    }


    .tabulkaKsOkolo {
        height: 40px;
        width: 92px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: none;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #CCC;
        border-right-color: #CCC;
        border-bottom-color: #CCC;
        border-left-color: #CCC;	
        float: left;
        position: relative;
		border-top-left-radius:4px;
		border-bottom-left-radius:4px;
    }
    .tlacitkoKoupit {
	height: 42px;
	width: 72px;
	border: 1px solid #666;
	float: left;
	position: relative;
	cursor:pointer;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;



/*	background-color: #CCC;*/
	font-size: 16px;
	font-weight: 700;
	background-image: url(/img/Prechod_tlacitko_01.png);
    }
    .tlacitkoKoupit:hover {
	height: 42px;
	width: 72px;
	border: 1px solid #666;
	float: left;
	position: relative;
	cursor:pointer;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
/*	background-color: #ff9933;*/
	background-image: url(/img/Prechod_tlacitko_02.png);
    }
    .cenaDPH {
	font-size: 12px;
	font-weight: 200;
	color: #666;
	float: right;
	position: relative;
	height: 8px;
	width: 105px;
	bottom: 3px;
	left: 20px;
    }
    .cena {
        font-size: 30px;
        font-weight: 700;
        color: #000000;
        float: right;
        position: relative;
        bottom: 0px;
        width: 105px;
		margin-bottom: 5px;
		left: 20px;
    }
/*dlazdice tabulky*/
.dlazdiceTabulkaCelek {
	position:relative;
	z-index:1;
	left:51px;
	top:31px;
}
.dlazdiceTabulkaObr {
	position:relative;
	z-index:200;
	background-image: url(/piktogramy/Stuzka_novinky.png);
	width:152px;
	height:152px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	float: left;
	border-top-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: transparent;
	border-left-color: transparent;
	overflow: hidden;
}
.dlazdiceTabulkaObrOver {
	position:relative;
	width:152px;
	height:152px;
	border: thin solid #FFF;
	float: left;
	overflow: hidden;
}
.komentarOkolo {
	height:0px;
	top:0px;
	
}
.komentar {
	position:relative;
	background:black;
	opacity: 0.7;
	filter: alpha(opacity=75); /* For IE8 and earlier */
	width:152px;
	height:26px;
	top:156px;
	z-index:100;


}
.komentarText {
	position:relative;
	width:152px;
	height:22px;
	top:130px;
	z-index:110;
	color: white;
	text-align: center;
	font-size: 12px;
	padding-top: 5px;

}
.ikonyOkolo {
	height:0px;
	top:0px;
	
}
.ikony {
	position:relative;
	z-index:10;
	background:white;
	width:0px;
/*	height:120px;*/
	top:0px;
	left:154px;
}
.dlazdiceLupickaOkolo {
	height:0px;
	top:0px;
}
.dlazdiceLupicka {
	position:relative;
	z-index:10;
	background:white;
	width:0px;
/*	height:120px;*/
	top:5px;
	left:115px;
}
.dlazdiceStinOkolo {
	height:0px;
	top:0px;
}
.dlazdiceStin {
	position:relative;
	z-index:250;
	width:152px;
	height:152px;
	top:0px;
	background-image: url(/piktogramy/Prechod_199x199_vyrobek.png);

}
.dlazdiceObrOkolo {
	height:0px;
	top:0px;
}
.dlazdiceObr {
	position:relative;
	z-index:1;
	height:0px;
	top:0px;
}
.dlazdiceKoupitOkolo {
	height:0px;
	top:0px;
}
.dlazdiceKoupit {
	position:relative;
	z-index:300;
	top:110px;
	left:99px;
}
.dlazdiceVybrana {
	position:relative;
	width:152px;
	height:152px;
	border: thin solid #F60;
	float: left;
}
/*K O N E C  *** dlazdice tabulky*/

/*Spodní záložky*/
    .zalozkyCelek {
	position: relative;
	width: 510px;
	float: left;
	overflow: visible;
	margin-bottom: 64px;
    }
    .zalozkyHorni {
		font-size: 14px;
	font-weight: 200;
	color: #000000;
	position: relative;
	width: 460px;
	float: right;
	top: 62px;/*		border: thin dotted #F00;*/
	overflow: visible;
    }
    .zalozkyObsah {
	position: relative;
	width: 458px;
	border: thin dotted #CCC;
	z-index: 20;
	float: left;
	/*padding-left: 8px;*/
    }
.zalozka1 {
	font-weight: bold;
	width: 105px;
	border-top-width: 2px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-left-style: dotted;
	border-top-color: #F60;
	border-right-color: #CCC;
	border-bottom-color: #FFF;
	border-left-color: #CCC;
	float: left;
	position: relative;
	text-align: center;
	top: 1px;
	z-index: 50;
	height: 25px;
	padding-top: 5px;
	cursor:pointer
	}
.zalozka0 {
	
	width: 105px;

	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	float: left;
	position: relative;
	text-align: center;
	top: 1px;
	z-index: 50;
	height: 26px;
	padding-top: 5px;
	cursor:pointer
	}

.hoditObsah {
	position: relative;
	width: 459px;
	float: right;
	border: thin dotted #CCC;
	margin-top: 18px;
	padding-bottom: 10px;
    }
.hoditText {
	position: relative;
	width: 153px;
	float: center;
	margin-left: auto;
	margin-right: auto;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #F60;
	top: -1px;
	text-align: center;
    }
#variantyRam {
	border-style: solid;
	border-width: thin;
	border-color: #F60;
}
#variantyRamKolem {
	margin-top: 12px;
	margin-right: 11px;
	margin-bottom: 15px;
	margin-left: 9px;
}
#plusDoluProduktObal {
	position: relative;
	height: 0px;
	width: 0px;
}
#plusDoluProdukt {
	float: right;
	position: absolute;
	top: 0px;
	left: 997px;
	z-index: 2000;
}
.patickaObal {
	position: relative;
	height: 0px;	
	
	margin-left: auto;
	margin-right: auto;
}
.paticka {
	position: absolute;
	top: -294px;
	width: 100%;
	z-index: 3100;
}
.textyNazev {
	font-family: 'Roboto';
	font-size: 24px;
	font-weight: 100;
	letter-spacing: 0.7px;
	}
.doprodejRohObalProdukt {
	height: 0px;
	position: relative;
	padding-top: 0px;
}
.doprodejRohProdukt {
	position: absolute;
	top: -18px;
	right: -1px;
	font-weight: 200;
	color: #FFF;
	height: 31px;
	float: right;
	padding-top: 0px;
	width: 182px;
	background-image: url(/img/Prechod_doprodej.png);
	text-align: right;
	padding-right: 10px;
	font-size: 24px;
	font-family: 'Source Sans Pro', sans-serif;
}
.novinkaRohObalProdukt {
	height: 0px;
	position: relative;
	padding-top: 0px;
}
.novinkaRohProdukt {
	position: absolute;
	top: -18px;
	right: -1px;
	font-weight: 200;
	color: #FFF;
	height: 31px;
	float: right;
	padding-top: 0px;
	width: 182px;
	background-image: url(/img/Prechod_novinka.png);
	text-align: right;
	padding-right: 10px;
	font-size: 24px;
	font-family: 'Source Sans Pro', sans-serif;
}
.posuvCisloMat {
	position: relative;
	top:0px;
}