@charset "utf-8";
/* CSS Document */
html, body{
  	padding:0;  margin:0;
	height:100%;
}

body
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:9pt; color:#000000;
	position:relative;
	text-align:center;
	background: url(../obr/hlBgr.png) repeat-x top left
}

textarea, input, table
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt; color:#000000;
}

#mainCon{ width:995px; margin:auto; overflow: hidden;}
#menu{ width:200px; float:left; }
#obsah{ width:790px; float:left;}

#hlavicka{height:100px;}

#hlavicka .logo
{
	position:absolute;
	top:15px; left:0;
}

#hlavicka .logo h1 a
{
	display:block;
	background:url(../obr/header/logo.png) no-repeat top left;
	width:243px; height:62px
}

#hlavicka .kontakty
{
	position:absolute;
	top:7px;right:40px;
	line-height:14pt
}

#hlavicka .razitko
{
	position:absolute;
	top:0px; right:300px;
}

#hlavicka .mapka
{
	position:absolute;
	top:12px; right:10px;
	display:inline-block;
	padding-top:40px;
	background:url(../obr/header/mapka.png) no-repeat top center
}

#hlavicka .jsmeNa
{
	position: absolute;
	top:100px; right:0px;
}


#obalObsahu
{
	/*position:relative; top:100px;*/
	/*margin-top:100px*/
}



#menu .vlajecky{ padding:3px 0}
#menu .vlajecky ul{float: left; position: relative; left: 50%;}
#menu .vlajecky li
{
	position: relative;right: 50%;
	display:block; float:left;
	margin:1px 2px;
}

#menu .vlajecky li a
{
	display:block;
	width:34px; height:22px;
}

#menu .vlajecky li.cz a
{
	background:url(../obr/vlajky/cz.png)
}
#menu .vlajecky li.en a
{
	background:url(../obr/vlajky/en.png)
}
#menu .vlajecky li.de a
{
	background:url(../obr/vlajky/de.png)
}
#menu .vlajecky li.pl a
{
	background:url(../obr/vlajky/pl.png)
}
#menu .vlajecky li.ru a
{
	background:url(../obr/vlajky/ru.png)
}


#menu .menu1,
#menu .menu2,
#menu .menu3
{
	padding:10px 0;
	width:190px;
	margin:auto;
}

#menu .menu2,
#menu .menu3
{
	margin-top:10px;
}

#menu .menu1{background:url(../obr/menu/menu1Bgr.png) repeat-y top left}
#menu .menu2{background:url(../obr/menu/menu2Bgr.png) repeat-y top left}
#menu .menu3{background:url(../obr/menu/menu3Bgr.png) repeat-y top left}

#menu .menu1 li, #menu .menu2 li, #menu .menu3 li{ text-decoration:none; list-style-type: none; text-align:left; display: block;}

#menu .menu1 li a,
#menu .menu2 li a,
#menu .menu3 li a
{
	display:block;
	padding: 3px 3px 3px 8px;
	color:#FFF;
	font-size:12pt;
	font-family:"Arial Black", Gadget, sans-serif
}
#menu .menu3 li a{color:#000}

#menu .menu1 li a:hover,
#menu .menu2 li a:hover,
#menu .menu3 li a:hover
{
	text-decoration:none
}

#menu .menu1 li a:hover{background: url(../obr/menu/menu1BgrOver.png) repeat-y;}
#menu .menu2 li a:hover{background: url(../obr/menu/menu2BgrOver.png) repeat-y;}
#menu .menu3 li a:hover{background: url(../obr/menu/menu3BgrOver.png) repeat-y;}




#obsah .stromOdkazy{ text-align:left; padding:10px 0;}
/*

#vyhledavani .fulltext .vyhlPole .l{background:url(../obr/vyhledavani/fullPoleL.png) no-repeat top left; padding-left:2px; display:inline-block}
#vyhledavani .fulltext .vyhlPole .p{background:url(../obr/vyhledavani/fullPoleR.png) no-repeat top right; height:29px;}
#vyhledavani .fulltext .vyhlPole .p input{ background:none; border:none; width:400px; padding:5px 10px 2px 10px; font-size:12pt;}
*/

#vyhledavani{ z-index:20;}
#vyhledavani .kategorieDiv,
#vyhledavani .znackaModelDiv,
#vyhledavani .rokVyrobyDiv,
#vyhledavani .cenaDiv{ width:360px}



#vyhledavani .filtr .vyhlButt{ width:138px}

#vyhledavani .filtr .filtr_znacka,
#vyhledavani .filtr .filtr_model,
#vyhledavani .filtr .filtr_rvOd,
#vyhledavani .filtr .filtr_rvDo,
#vyhledavani .filtr .filtr_cenaOd,
#vyhledavani .filtr .filtr_cenaDo{ width:175px;}

#vyhledavani .filtr .filtr_znacka .label,
#vyhledavani .filtr .filtr_rvOd .label,
#vyhledavani .filtr .filtr_rvDo .label,
#vyhledavani .filtr .filtr_cenaOd .label,
#vyhledavani .filtr .filtr_cenaDo .label{ width:105px;}

#vyhledavani .filtr .filtr_model .label{ width:135px; font-weight:bold}
#vyhledavani .filtr .filtr_kategorie .label{ width:215px;}


#vyhledavani .filtr .filtr_kategorie .multiselectListV1{ width:270px;}
#vyhledavani .filtr .filtr_znacka .multiselectListV1{ width:220px;}
#vyhledavani .filtr .filtr_rvOd .selectListV1,
#vyhledavani .filtr .filtr_rvDo .selectListV1{ width:105px}
#vyhledavani .filtr .filtr_cenaOd .selectListV1,
#vyhledavani .filtr .filtr_cenaDo .selectListV1{ width:150px}


#vyhledavani .fulltext .vyhlPole{width:500px; display:block}
#vyhledavani .fulltext .info{ color:#999; font-size:12pt; padding-top:5px}
#vyhledavani .fulltext .vyhlPole .vyhlPoleInput{width:420px;}
#vyhledavani .fulltext .vyhlPole .tlacitko{ right:0px; position:absolute; height:37px; z-index:10 }

#vyhledavani .filtr .sl1{ padding-right:5px}
#vyhledavani .filtr .sl2{ padding-left:5px}

#vyhledavani .filtr{ text-align:left; background:url(../obr/vyhledavani/bgr.png) repeat-x bottom #fccb47}
#vyhledavani .filtr .filtrJadro{padding:7px 13px 10px 13px;}
#vyhledavani .filtr fieldset{border:1px solid #03457b;}
#vyhledavani .filtr legend{margin-left:10px;color:#03457b;padding:0 8px;}

#vyhledavani .filtr .skupiny ul{display:block;margin:auto}
#vyhledavani .filtr .skupiny li{position:relative;padding:0 5px;margin:0 5px;display:block;float:left}
#vyhledavani .filtr .skupiny li input{position:absolute; top:-5px; left:0px; z-index:10}
#vyhledavani .filtr .skupiny li label{z-index:1; cursor:pointer}

#vyhledavani .filtr .obalLokalizace .lokalizace{ display:block; margin:auto}
#vyhledavani .filtr .obalLokalizace .lokalizace li{ position:relative; padding:0 9px; display:block; float:left}











#vyhledavani .filtr #multiSelect_filtrZnacky,
#vyhledavani .filtr #multiSelect_filtrKategorie
{
	position:absolute; top:0px; left:0px;
	background: #F7F7F7;
	border:1px solid  #03457b;
	z-index:100
}

#vyhledavani .filtr #multiSelect_filtrZnacky .obalNabidky,
#vyhledavani .filtr #multiSelect_filtrKategorie .obalNabidky
{
	width:250px;height:200px; overflow:auto;
}

#vyhledavani .filtr #multiSelect_filtrZnacky li,
#vyhledavani .filtr #multiSelect_filtrKategorie li{ list-style:none}


#paticka{ margin-top:10px; background:#dbe7f4; padding-top:15px;}
#paticka .adresa{margin:auto; font-size:11pt; color:#02457a}

#odkazyNaDovozy{ position:fixed; bottom:0px; left:0px; height:46px; width:100%; background:url(../obr/spodniListaDovozy/bgr.png) no-repeat; z-index:2000}
#odkazyNaDovozy ul{ width:880px; margin:auto}
#odkazyNaDovozy li{display:block; float:left}
#odkazyNaDovozy li a{ display:block; width:220px; height:46px;}

#odkazyNaDovozy li.nakladaky a{ background:url(../obr/spodniListaDovozy/nakladaky.jpg) no-repeat 0 0}
#odkazyNaDovozy li.bagry a{ background:url(../obr/spodniListaDovozy/bagry.jpg) no-repeat 0 0}
#odkazyNaDovozy li.komunaly a{ background:url(../obr/spodniListaDovozy/komunaly.jpg) no-repeat 0 0}
#odkazyNaDovozy li.specialy a{ background:url(../obr/spodniListaDovozy/specialy.jpg) no-repeat 0 0}

#odkazyNaDovozy li a:hover{ background-position:0 -46px}



















.inputTextV1Bgr{ height:28px; background:url(../obr/input/inputTextV1L.png); overflow:hidden; display:inline-block}
.inputTextV1BgrR{ display:inline-block; background:url(../obr/input/inputTextV1R.png) no-repeat top right; padding-right:4px;}
.inputTextV1Jadro{ display:inline-block; padding:5px 5px 0 9px;}


.inputTextV2Bgr{ height:37px; background:url(../obr/input/inputTextV2L.png); overflow:hidden; display:inline-block}
.inputTextV2BgrR{ display:inline-block; background:url(../obr/input/inputTextV2R.png) no-repeat top right; padding-right:4px; z-index:1}
.inputTextV2Jadro{ display:inline-block; padding:9px 5px 0 9px;}
.inputTextV2Bgr input{ font-size:12pt}

.inputTextV1Bgr input, .inputTextV2Bgr input{ background:none; border:none}




.textAreaV1Obal{ display:inline-block;}
.textAreaV1Obal textarea{ background:none; border:none}
.textAreaV1LH{ display:block; background:url(../obr/input/textAreaLH.png) top left no-repeat}
.textAreaV1P{ display:block; background:url(../obr/input/textAreaP.png) no-repeat top right; padding-right:5px }
.textAreaV1PS{ display:block; background:url(../obr/input/textAreaPS.png) no-repeat top right; padding-right:5px}
.textAreaV1S{ display:block; background:url(../obr/input/textAreaS.png) no-repeat top left; height:5px; overflow:hidden}
.textAreaV1Jadro{ display:block; padding:5px 5px 0 5px}





.inputButtV1orL{ background:url(../obr/input/inputButtV1orL.png) top left no-repeat; display:block; padding-left:4px;}
.inputButtV1orP{ background:url(../obr/input/inputButtV1orP.png) top right no-repeat; display:block; padding-right:4px; height:28px; overflow:hidden}

.inputButtV1seL{ background:url(../obr/input/inputButtV1seL.png) top left no-repeat; display:inline-block; padding-left:4px;}
.inputButtV1seP{ background:url(../obr/input/inputButtV1seP.png) top right no-repeat; display:block; padding-right:4px; height:28px; overflow:hidden}

.inputButtV1orL input, .inputButtV1seL input{ background: none; border:none; padding:5px 10px;font-weight:bold; cursor:pointer}
.inputButtV1orL strong, .inputButtV1seL strong{ display:inline-block; font-size:11pt; padding:5px 8px 0 8px}




.selectV1BgrP{background:url(../obr/input/selectV1orP.png) no-repeat top right; cursor:pointer; display:inline-block; padding-right:30px;}
.selectV1BgrP:hover{ background-position:right -28px}
.selectV1Bgr{ height:28px; background:url(../obr/input/inputTextV1L.png); overflow:hidden; cursor:pointer; display:block;}
.selectV1Bgr input{ background:none; border:none;  padding:5px 10px; font-weight:bold; cursor:pointer}
.selectOpen{ display:inline-block}

.selectListV1{ position:absolute; padding:8px; background:#FFF; border:#CCC 1px solid; z-index:10; top:28px; left:0px; height:200px; width:120px; overflow:auto}
.selectListV1 li{ display:block; padding:4px 2px}
.selectListV1 li:hover{ background:#dff2fd; cursor:pointer}
.selectV1Obal { display:inline-block}

.multiselectListV1 .smazatOzn{ background:#369; color:#FFF; padding:4px; cursor:pointer}
.multiselectListV1 .jadroMs{height:300px; overflow:auto}
.multiselectListV1{ position:absolute;background:#FFF; border:#CCC 1px solid; z-index:10; top:28px; left:0px;}
.multiselectListV1 li{ display:block; padding:1px 0}
.multiselectListV1 li:hover{ background:#dff2fd; cursor:pointer}
.multiselectListV1 li .check{ margin-right:8px;}




#rozsireneVyhledavani .jazykcz,
#rozsireneVyhledavani .jazyken,
#rozsireneVyhledavani .jazykde,
#rozsireneVyhledavani .jazykpl,
#rozsireneVyhledavani .jazykru,
#rozsireneVyhledavani .obalSkupiny{ clear: both;
    overflow: hidden;
    width: 100%;}

#rozsireneVyhledavani .jazykcz .wrapper,
#rozsireneVyhledavani .jazyken .wrapper,
#rozsireneVyhledavani .jazykde .wrapper,
#rozsireneVyhledavani .jazykpl .wrapper,
#rozsireneVyhledavani .jazykru .wrapper,
#rozsireneVyhledavani .obalSkupiny .wrapper
{position: relative; left: 50%; float: left;}


#rozsireneVyhledavani .prvniSloupek,
#rozsireneVyhledavani .druhySloupek,
#rozsireneVyhledavani .tretiSloupek,
#rozsireneVyhledavani .skupiny
{position: relative;right: 50%;}

#rozsireneVyhledavani .prvniSloupek,
#rozsireneVyhledavani .druhySloupek
{ border-right:1px solid #CCC; }

#rozsireneVyhledavani .druhySloupek,
#rozsireneVyhledavani .tretiSloupek
{text-align:center}

#rozsireneVyhledavani .prvniSloupek input,
#rozsireneVyhledavani .druhySloupek input,
#rozsireneVyhledavani .tretiSloupek input,
#rozsireneVyhledavani .prvniSloupek select,
#rozsireneVyhledavani .druhySloupek select,
#rozsireneVyhledavani .tretiSloupek select
{ margin:0 3px}

#rozsireneVyhledavani .jazykcz .prvniSloupek{ width:110px}
#rozsireneVyhledavani .jazykcz .druhySloupek{ width:240px}
#rozsireneVyhledavani .jazykcz .tretiSloupek{ width:290px}
#rozsireneVyhledavani .jazykcz .druhySloupek label{ width:114px; text-align:right; display:inline-block}
#rozsireneVyhledavani .jazykcz .tretiSloupek label{ width:111px; text-align:right; display:inline-block}

#rozsireneVyhledavani .jazyken .prvniSloupek{ width:120px}
#rozsireneVyhledavani .jazyken .druhySloupek{ width:240px}
#rozsireneVyhledavani .jazyken .tretiSloupek{ width:310px}
#rozsireneVyhledavani .jazyken .druhySloupek label{ width:114px; text-align:right; display:inline-block}
#rozsireneVyhledavani .jazyken .tretiSloupek label{ width:165px; text-align:right; display:inline-block}

#rozsireneVyhledavani .jazykde .prvniSloupek{ width:140px}
#rozsireneVyhledavani .jazykde .druhySloupek{ width:240px}
#rozsireneVyhledavani .jazykde .tretiSloupek{ width:290px}
#rozsireneVyhledavani .jazykde .druhySloupek label{ width:114px; text-align:right; display:inline-block}
#rozsireneVyhledavani .jazykde .tretiSloupek label{ width:111px; text-align:right; display:inline-block}

#rozsireneVyhledavani .jazykpl .prvniSloupek{ width:170px}
#rozsireneVyhledavani .jazykpl .druhySloupek{ width:230px}
#rozsireneVyhledavani .jazykpl .tretiSloupek{ width:270px}
#rozsireneVyhledavani .jazykpl .druhySloupek label{ width:114px; text-align:right; display:inline-block}
#rozsireneVyhledavani .jazykpl .tretiSloupek label{ width:111px; text-align:right; display:inline-block}

#rozsireneVyhledavani .jazykru .prvniSloupek{ width:130px}
#rozsireneVyhledavani .jazykru .druhySloupek{ width:220px}
#rozsireneVyhledavani .jazykru .tretiSloupek{ width:320px}
#rozsireneVyhledavani .jazykru .druhySloupek label{ width:114px; text-align:right; display:inline-block}
#rozsireneVyhledavani .jazykru .tretiSloupek label{ width:165px; text-align:right; display:inline-block}








.btn_typ1
{
	height: 22pt;
	line-height: 22pt;

	padding: 0 .91em;
	border: 1px solid;
	outline: 0;
	font-weight: bold;
	font-size: 11pt;
	white-space: nowrap;
	word-wrap: normal;
	vertical-align: middle;
	cursor: pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

a.btn_typ1
{
	height: 20pt;
	line-height: 20pt;
	display: inline-block
}

.btn_kulateRohy
{
	border: solid 1px #d1d1d1;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	-webkit-box-shadow: inset 0 0px 1px rgba(255,255,255,1);
	-moz-box-shadow: inset 0 0px 1px rgba(255,255,255,1);
	box-shadow: inset 0 0px 1px rgba(255,255,255,1);
}

.btn_sedyPrechod
{
	background: #eaeaea;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#d6d6d6));
	background: -moz-linear-gradient(top,  #fefefe,  #d6d6d6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#d6d6d6');

	border-color: #CCC
}

.btn_oranzovyPrechod
{
	background: #ff8b00;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffbe00), to(#ff6200));
	background: -moz-linear-gradient(top,  #ffbe00,  #ff6200);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbe00', endColorstr='#ff6200');

	border-color:#ffd144;
}




#menu .jednotnaAsociace
{
	border:1px solid #999;
	background:#E2E2E2;
	padding:5px
}


.ui-dialog{ text-align: left}



















#isWorking{ width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; 
	display: none;
	background: #eee url('../obr/isWorking/bgr.png');
	opacity: .95;
	filter: Alpha(Opacity=95);
}

#isWorking .circle {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 35px #2187e7;
    width: 50px;
    height: 50px;
    margin: 0 auto; top: 50%;
    -moz-animation: spinPulse 1s infinite ease-in-out;
    -webkit-animation: spinPulse 1s infinite linear;
}

#isWorking .circle1 {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 15px #2187e7;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    top: 50%; margin-top: -50px;
    -moz-animation: spinoffPulse 1s infinite linear;
    -webkit-animation: spinoffPulse 1s infinite linear;
}

#isWorking .label{
	top: 50%; margin-top: 30px; 
	color: #FFF;
	font-weight: bold;
    -moz-animation: pulse 1s infinite linear;
    -webkit-animation: pulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-moz-keyframes spinoffPulse {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    };
}

@-moz-keyframes pulse {
    0% {
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    };
}

@-webkit-keyframes spinPulse {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-webkit-keyframes spinoffPulse {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    };
}


@-webkit-keyframes pulse {
    0% {
        opacity: 0;
        box-shadow: 0 0 1px #2187e7;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    };
}