@CHARSET "UTF-8";

/*	Ciało strony */
body
{
    color: #5f5d5c;
    margin: 0px !important;
    padding: 0px !important;
    background: #fff;
    //background: #00f;
}

/******************************************************/
/* Kontener centralnej części strony                  */
div.positionsCont, div.positionsCont-withMenu, div.underC
{
    color: #333333;
    //background: #fff;
    border-color: #C1C0BF;
    border: none !important;
    overflow: auto;
    margin: 0px !important;
    padding: 2px 2px;
    padding-left: 20px;
    padding-right: 20px
}

/******************************************************/
/* Pasek z logo                                       */
div.pageLogo
{  
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #4d4d4d;
    //background-image: url('../img/pageLogo_6-1.png');
}

/*	Obraz tła prawej częsci paska logo (display)      */
div.pLogoRt
{
    background-image:  url('../img/wyswietlacz5b-1.png');
}

/******************************************************/
/* Pasek z logo w mshopie                             */
div.logoBar
{
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #4d4d4d;
    background-image: url('../img/pageLogo_5-1.png');
}

/******************************************************/
/*	- Pasek z górnym menu i ikonami języków do wyboru */
div#langBar, div#langBar_KSK
{
    text-align: center;
    margin-bottom: 0px;
}

div.lngBar_msp
{
    color: #fff;
    background: #4d4d4d !important;	
    height: 35px;
}


/******************************************************/
/*	- Linki w gornym pasku menu                       */
.mainLink
{	
    //text-shadow:#4D4D4D 1px 1px 1px;
    color: white;

}

/*	- Linki w gornym pasku menu - mysz nad           */
.mainLink:hover
{
    color: #FACC00 !important;

}

/* Aktywny link w menu gornym						 */
.mainLink_a, .mainLink_a:hover
{
    color: #FACC00 !important;
    //background: #999 !important;
    height: 100%;
    padding-right:10px;
    width: 100%;
    //width: 20px;
    // padding: 2px;

    //border-right: 0px solid;
    //border-right-color:  #fff;
}

/* Aktywny link w menu gornym						 */
.mainLink1_a, .mainLink1_a:hover
{
    //color: #FACC00 !important;
    background:#999999 ;
    //background: #999 !important;
    height: 100%;
    padding-right:10px;
    width: 100%;
    //width: 20px;
    // padding: 2px;

    //border-right: 0px solid;
    //border-right-color:  #fff;
}

/******************************************************/
/* Tlo menu mshop                                     */
div.Menu, div.lbBottom
{
    color: #fff;
    background: #4d4d4d;
}
/*	Elementy menu mshop                               */
div.logoBarItem
{
    color: #fff !important;
    border-left-color: #888;
}

/*	Elementy menu mshop - ramka                       */
div.logoBarItemGrp{
    border-color: #5f5d5c;
}

.MenuButton
{
    color:#000;
    border: 1px outset #aaa;

    background-repeat: repeat-x;
    background-image: url('../img/btnBg-1.png');
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FFF;
    background-origin: padding-box;
    background-size: auto;

    /*-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/
    -moz-box-shadow:1px 1px 2px 1px #333; -webkit-box-shadow:1px 1px 2px 1px #333; box-shadow: 1px 1px 2px 1px #333;
}
span.MenuButton_a
{
    color: #5f5d5c; 
    border-color: #444;
}

span.MenuButton:hover
{
    color: #5f5d5c; 
    border: 1px groove;
    border-color:  #fff;
}

/******************************************************/
/*	- Pasek stopki                                    */
div#footer
{
    color: #fff;
    background: #4d4d4d;
    margin: 0px !important;
}


/******************************************************/
/*	Tytułu		 									  */
h1.mainP-title, .PageTitle, h2.PageTitle, h4.PageTitle, h2.faqTitle, div.techSupp-chnBox h3
{
    color: #333;
}

/*	Podkreślenie tytułów							  */
.PageTitle, h2.faqTitle, hr.mainP-title-underline
{
    border: none;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #aaa;
}


/******************************************************/
/*	Kontener menu bocznego i drzewa w mshopie         */
div.folderCont
{
    background-color: #999 !important;

    /*Ramka menu bocznego*/
    border: none !important;
    border-right: none !important;
    border-right-color: #82CAFE !important;
    /*--------------------*/
    height:100%;
    margin: 0px !important;
    padding: 3px 0px !important;
}

/*	Boczne menu urządzen, itp.       tuuuuuu   */
div.pageMenu
{
    color: #fff;
    background-color: #999 !important;
    border: none !important; 
}

.pageMenuL1
{
    margin: 15px 0px !important; 
}

.pageMenuL2
{
    margin: 0px 0px !important;
    padding: 0px;
}

.pmLink1
{
    margin: 5px 0px 0px 0px;
    padding: 2px 15px;
    text-transform: uppercase !important;
    font-size: 1.1em !important;
    cursor: pointer;
}

.pmLink2
{
    margin: 0px 0px;
    padding: 3px 35px;
    list-style: none;
    font-size: 1.0em !important;
    cursor: pointer;
}

.pmLink_a
{
    color: #333 !important;
    background: #fff;
}

.pmLink_a1
{
    color: #1470D9 !important;
   // background: #fff;
    text-shadow: #969696 1px 1px 5px;
   // font-style: italic;
}

/*	Tlo po najechaniu myszą na element bocznego menu  */
.pmLink1:hover, .pmLink2:hover
{
    color: #000 !important;
    background: #ddd;
    -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important;
}

/******************************************************
 * Ramki ze zdjęciami urządzeń                        
 */
/* Tytuł zdjęcia */
.prodThTit{
    color: #fff;
    background: #4d4d4d;
    /*border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px;*/
}
/*	tekstu po najechaniu myszą */
.prodThTit:hover, .prodThTit_o 
{
    color: #000 !important;
    //background: #fff;
    background: #FACC00;
}

/******************************************************/
/*	Ramki w tablicach na stronach danych technicznych */
table.tabTechData, table.tabTechData td, table.tabTechData td.techDataHeader, img.techDrawings
{
    border-color: #4d4d4d;
}

/*	Kolor tła w tabeli z rysunkami technicznymi na zakładce danych technicznych */
img.techDrawings
{
    background-color: #FFF;
}

/*	Tabelka z danymi technicznymi						*/
.tabTechData
{
    background: #FFF;
}

/******************************************************
 *	Przyciski ma stronie głównej
 */
.btn-smooth
{
    /*border: none;*/ 
    color: #000; 
    background: #fff url('../img/btnBg-smooth-11.png') top left repeat-x; 
    box-shadow: 0px 0px 0px 0px #fff; -moz-box-shadow:0px 0px 0px 0px #fff; -webkit-box-shadow: 0px 0px 0px 0px #fff; 
}
/*	Ramka w.w. przycisku                              */
.btn-smooth:hover
{
    border: none;
    box-shadow: 0px 0px 0px 0px #fff; -moz-box-shadow:0px 0px 0px 0px #fff; -webkit-box-shadow: 0px 0px 0px 0px #fff; 
}


/******************************************************
 *	Przyciski ma stronach mshopu 
 */
.btn
{
    color: #4d4d4d !important;
    background-color: #fff !important;
    background-image: url('../img/btnBg_2-1.png');

    border: 1px outset #aaa; 
    /*border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;*/ 
    box-shadow: 1px 1px 2px 0px #aaa; -moz-box-shadow:1px 1px 2px 0px #aaa; -webkit-box-shadow: 1px 1px 2px 0px #aaa; 
}
.btn:hover
{
    color: #AE8700;
    border: 1px outset #000;
}

/******************************************************
 *	Zwijane ramki na stronie głównej. 
 */
div.fbRow
{/*Naglowek*/
    background: #cea877;
    color: #000102;
}

/******************************************************
 *	Kolory tla kolejnych pasków zwijanych skecji na 
 *	stronie głównej 
 */
.folded-row-1
{
    background: #DDDDDC !important; 
}
.folded-row-2
{
    background: #CFCFCE !important;
}
.folded-row-3
{
    background: #C3C3C3 !important;
}
.folded-row-4
{
    background: #B8B8B8 !important;
}
.folded-row-5
{
    background: #AEAEAe !important;
}
.folded-row-6
{
    background: #A4A4A4 !important;
}
.folded-row-7
{
    background: #9C9B9B !important;
}
.folded-row-8
{
    background: #939393 !important;
}

/******************************************************
 *	Zakładki (taby) na stronach urzadzen.
 */
/*	Zawartość zakładki					          */
div.myTabs-panel
{
    background: #fff;
    border-color: #d0cfcf;
    border-top-color: #d0cfcf;
}

div.myTabs-tabs
{
    margin-left: 0px !important;
}

/*	Zakładka nieaktywna								*/
div.myTabs-tab
{	
    color: #cbcaca;
    background-color: #fff;

    border-color: #d0cfcf;
    //border-top: 1px solid transparent !important;

    //text-transform: uppercase;
}

/*	Zakładka aktywna								*/
div.myTabs-tab-active
{
    color: #4d4d4d !important;
    background-color: #fff !important;

    border-bottom-color: #fff;
    border-top: 1px solid #d0cfcf !important;

    //text-transform: uppercase;
}

/*	Zakładka nieaktywna - mysz nad					*/
div.myTabs-tab:hover
{
    color: #4d4d4d; 
}

/******************************************************
 *	IKONY 
 */
.ico_video{
    background-image: url('../img/ico_vid-1.png');
}

.ico_photoGal{
    background-image: url('../img/ico_gal-1.png');
}
.ico_wizard{
    background-image: url('../img/ico_wiz-1.png');
}
.ico_shop{
    background-image: url('../img/ico_mshop-1.png');
}
.ico_pdf{
    background-image: url('../img/ico_pdf-1.png');
}
.ico_wizard_big
{
    background-image: url('../img/ico_wiz-1_big.png');
}

/* Wyszarzenie ikon nieaktywnych */
.transpIco
{
    background-color: #000 !important;
    cursor: default !important;
    opacity: .25 !important; filter:Alpha(Opacity=35) !important;
}

/* Ikony wypunktowania */
ul.prodGrpInfo{
    list-style-image: url('../img/ico_arrRt-1.png');
}

ul{
    list-style-image: url('../img/ico_star-1.png');
}

/******************************************************
 *	Drzewko mshop 
 */

/* Kontener drzewka */
.dtree{
    color: #000;
    //background: #999;
}
/* Element drzewka */
.dtree a{
    color: #393735;
}
/* Element drzewka - po najechaniu mysza */
.dtree a:hover{
    color: #393735;	
    //background: #ddd;
    -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important;
}
/* Element drzewka - klikalny węzeł */
.dtree a.node, .dtree a.nodeSel {
    color: #000;
}
/* Element drzewka - j.w. tylko po najechaniu myszą */
.dtree a.node:hover{
    color: #393735;
    background: #ddd;
}
/* Element drzewka - wybrany węzeł */
.dtree a.nodeSel {
    color: #393735;
    background-color: #fff;
    -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important;
}



/******************************************************
 *	Pasek wyszukiwania w mshopie 
 */
div.searchBar
{
    color: #5f5d5c;
    background: #E4E4E4;
    border: 1px solid #aaa;
}
/* Kolor paska wyszukiwania w trakcie podgladu wyszukacnych elementow */
div.searchBar_a
{
    background: #dae7db;
}
/* Ramki z pozycjami w mshopie */
.msp_detail_frame
{
    border: 1px solid #BDBDBD;
}
/* Tlo nieparzystej ramki z pozycjami w mshopie */
.msp_detail_frame_bg1
{
    background-color: #f0f0f0 !important;
}
/* Tlo parzystej ramki z pozycjami w mshopie */
.msp_detail_frame_bg2
{
    background-color: #f9f9f9 !important;
}

/******************************************************
 *	Konfigurator 
 */

/* Tabelki z konfiguracjami */
table.ordGuideTab{
    background: #fff;
    border-width: 1px;
    border-color: #4d4d4d;
}

/* Komórki tabelki konfiguracji */
table.ordGuideTab td{
    border-color: #4d4d4d;
}

/* Tło komponentu parzystego */
.ordGuide_CompBg_0{
    background-color: #EBEBEB;
}

/* Tło komponentu nieparzystego */
.ordGuide_CompBg_1{
    background-color: #C1C0BF;
}

/* Obrazek 'ptaszka' wybranego elementu konfiguracji */
td.ordGuide_CTick{
    background: url('../img/ico_tick.png') no-repeat center center;
}

/* Obrazek 'ptaszka' niewybranego elementu konfiguracji */
td.ordGuide_CompBtn{
    background-image: url('../img/ico_tick_gr.png');
}

/* Pole tekstowe z podsumowaniem konfiguracji */
div.ordGuideSummary textarea#ordGuide-info{
    background: #fafafa;
    border-color: #4d4d4d;
}

/* Pole tekstowe z komentarzem do konfiguracji */
div.ordGuideSummary textarea#ordGuide-comment{
    border-color: #4d4d4d;
}

/******************************************************
 *	Linia rozdzielająca akcesoria na zakładce dodatków.dotline 
 */
.accessSeparator
{
    border-bottom-color: #4d4d4d;
}

/* Linia rozdzielajaca informacje w okienku News*/
div.newsInfo p
{
    border-bottom-color: #4d4d4d; 
}

/* Linia rozdzielajaca na oknie logowania */
hr.lineSeparator
{
    border: none;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #4d4d4d;
}

/******************************************************
 * Tlo w ramce z adresem (koperta)
 */
.mailBox
{
    background-repeat:  no-repeat;
    background-position: top left;
    background-image: url('../img/ico_mailbox.png');
    height:100px;
    width: 120px;
}

.mailBoxCn
{
    background-repeat:  no-repeat;
    background-position: top left;
    background-image: url('../img/ico_mailbox.png');
    height:125px;
    width: 120px;	
}

.mailBoxDe
{
    background-repeat:  no-repeat;
    background-position: top left;
    background-image: url('../img/ico_mailbox.png');
    height:125px;
    width: 120px;	
}


/******************************************************
 *	Definicja tła, koloru tekstu, ramki oraz cienia
 *	dla wyróżnionych ramek na stronie:
 *	- Ramka z mapka google i adresem
 *	- Kafelek z obrazkiem urzadzenia
 *	- Kafelek ze zdjeciem osoby
 *	- Ramki na stronie technikal support (Email, Skype,...)
 */
.frameOnPage
{	
    color: #4d4d4d;
    border: 1px solid #999 !important;
   background: #fff;
    //box-shadow: 1px 1px 3px 0px #4d4d4d; -moz-box-shadow: 1px 1px 3px 0px #4d4d4d; -webkit-box-shadow: 1px 1px 3px 0px #4d4d4d;
}

/******************************************************
 * Ikonki na ramkach w technical support
 */
.techSupp-boxIco-email
{
    background-repeat:  no-repeat;
    background-position: top left;
    background-image: url('../img/ico_emailB-1.png');	
}
.techSupp-boxIco-skype
{
    background-repeat:  no-repeat;
    background-position: top left;
    background-image: url('../img/ico_skypeB-1.png');	
}
.techSupp-boxIco-phone
{
    background-repeat:  no-repeat;
    background-position: top left;
    background-image: url('../img/ico_phoneB-1.png');	
}
.techSupp-boxIco-teamviewer
{
    background-repeat:  no-repeat;
    background-position: top left;
    background-image: url('../img/ico_teamViewB-1.png');
}

/******************************************************
 * Ikonki w ramkach z danymi personalnymi
 */
.ico-phone
{
    background-size: 25px 25px;
    background-repeat:  no-repeat;
    background-position: 0px 0px;
    background-image: url('../img/ico_phone-1.png'); 
}
.ico-mobile
{
    background-size: 25px 25px;
    background-repeat:  no-repeat;
    background-position: 0px 0px;
    background-image: url('../img/ico_mobile-1.png');
}
.ico-email
{
    background-size: 25px 25px;
    background-repeat:  no-repeat;
    background-position: 0px 0px;
    background-image: url('../img/ico_email-1.png');
}
.ico-skype
{
    background-size: 25px 25px;
    background-repeat:  no-repeat;
    background-position: 0px 0px;
    background-image: url('../img/ico_skype-1.png');
}

/* Ramka wokol zdjecia (strona Trainings) */
img.imgOnPage
{
    border: 2px solid;
    border-color: #716F6E; 
}

img.imgOnPage1
{
    border: 2px solid;
    border-color: black; 
}

/**
 *	Galeria zdjec
 */

/* Główny kontener */
div.gall-holder
{
    color: #000;
    background-color: #fff;
    border: 1px solid #444;
    box-shadow: 0px 0px 20px 5px #555; -webkit-box-shadow: 0px 0px 20px 5px #555; -moz-box-shadow: 0px 0px 20px 5px #555;
    /*-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/
}

/* Tlo i ramka miniatur w galerii */
div.gall-thumb-holder
{ 
    background-color: #fff; 
    border: 1px solid #000; 	
    /*border-radius: 4px;	-moz-border-radius: 4px; -webkit-border-radius: 4px;*/
}

/* Tlo i ramka duzego zdjecia w galerii */
div.gall-img-holder
{ 
    background-color: #fff;
    border: 1px solid #444;
    /*-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/
}

div.gall-thumb-bar
{ 
    background-color: #4D4D4D;
    border: 1px solid #444;
    /*-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/
}

/* Miniatury zdjęć w mshop - te ktore uruchamiaja galerie po kliknieciu */
img.imgThumb, img.imgThumbEdit, img.noImg, img.hideImg
{
    border: 1px solid #aaa;
}

/**
 *	Galeria video
 */

/* Główny kontener video */
div.vgall-holder
{
    color: #000;
    background-color: #fff;
    border: 1px solid #444; 
    box-shadow: 0px 0px 20px 5px #555; -webkit-box-shadow: 0px 0px 20px 5px #555; -moz-box-shadow: 0px 0px 20px 5px #555;
    /*-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/
}

/* Ramka wokol filmiku */
#vgall-ytFrame
{
    border: 1px solid #444;
    /*-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/
}

/* Rama tabeli sekcji download */
table.tabDownloadFls td, table.tabDownloadFls th
{
    border-color: #4d4d4d;
}

/* Przycisk pokazywany po przewinieciu strony - skacz na gore. */
div#scrollToTop
{
    background-image: url('../img/topPage.png');
}

/* NEWSy */
/* Tlo i kolor tekstu pola z tekstem*/
div.newsInfo
{ 
    background: #fff;
    border: 1px solid #71706f;
    box-shadow: 1px 1px 2px 1px #333;
}

/* Przycisk NEWS - ramka zewnetrzna */
div.newsBtn
{ 	
    background: #fff;
    border: 1px solid #71706f;
    box-shadow: 1px 1px 2px 1px #333; 	
}

/* Przycisk NEWS - ramka wewnetrzna, kolor tekstu */
div.newsBtn_bg
{
    color: #fff;
    background-color: #db0c0c;
}

/* Przycisk NEWS - tlo strzalki 'w gore' (strzalka 'w dol' podmieniana jest skryptem */
div.newsBtn_txt
{
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../img/bg_infoUp.png');
}