@charset "UTF-8";

/**
 * euforia studio css
 *
 * @file		style.css
 * @name		euforia studio
 * @version		1.0
 * @type		transitional
 * @browsers	Windows: IE7+, Opera10+, Firefox3+, Chrome4+
 *
 * @link		http://www.euforiastudio.pl/
 * @copyright	2010 euforiastudio.pl All Rights Reserved.
 *
 */

/* Reset - zerowanie wartości
---------------------------------------------------------------------------------------------------- */

@import "reset.css";

/* Ustawienia globalne
---------------------------------------------------------------------------------------------------- */

body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    color: #474747;
    font-family: tahoma, sans;
    font-size: 11px;
    line-height: 18px;
    background: url( '../grafika/body_tlo.gif' ) repeat-x #EAEAEA;
}

/* scroll pionowy zawsze widoczny */
html { overflow-y: scroll; }

/* Globalne klasy
---------------------------------------------------------------------------------------------------- */

.hide		   { display: none; }
.clear         { clear: both; }
.float-left    { float: left; }
.float-right   { float: right; }
.inline		   { display: inline; }
.block		   { display: block; }

.text-left     { text-align: left; }
.text-right    { text-align: right; }
.text-center   { text-align: center; }
.text-justify  { text-align: justify; }

.bold          { font-weight: bold; }
.italic        { font-style: italic; }
.underline     { border-bottom: 1px solid; }
.highlight     { background: #FDFF0F; }

.img-left      { float: left; margin: 4px 10px 4px 0; }
.img-right     { float: right; margin: 4px 0 4px 10px; }

.nopadding     { padding: 0; }
.nomargin      { margin: 0; }
.noindent      { margin-left: 0; padding-left: 0; }
.nobullet      { list-style: none; list-style-image: none; }

th             { font-weight: bold; }
thead th 	   { background: #c3d9ff; }
th,td,caption  { padding: 4px 10px 4px 5px; }
tr.even td     { background: #e5ecf9; }
tfoot          { font-style: italic; }
caption        { background: #eee; }

* {
    outline: 0px;
}

/* Struktura strony
---------------------------------------------------------------------------------------------------- */

#kontener {
    margin: 0px auto;
    width: 960px;
}

#top {
    margin-top: 0px;
    text-align: center;
    background: url('../grafika/top_tlo.jpg') no-repeat;
}

#logo {
    float: left;
}

#ikony {
    float: left; 
    margin-top: 30px; 
    margin-right: 2px;
    font-weight: bold;
    margin-left: 640px;
    color: #5C5B60;
    display: inline;
}

#ikony img {
	margin-right: 6px;
	margin-left: 6px;
}

#jezyki {
    float: right; 
    margin-top: 25px; 
    margin-right: 15px;
}

#menu_gorne {
    height: 44px;
    margin-top: 10px;
    z-index: 201;
}

#pasek_rozwijany {
    line-height: 25px;
    width: 960px;
    height: 25px; 
    float: right; 
    background: url('../grafika/pasek_rozwijany.gif') top left no-repeat;
    color: #FFFFFF;
}

#pasek_tekst {
    float: left; 
    width: 700px; 
    padding-left: 10px;
    font-size: 15px;
    color: #66656A;
    line-height: 25px;
}

#pasek_przycisk {
	background-color:#727272;
	float:right;
	width:181px;
}

#pasek_przycisk a {
    color: #FFFFFF;
    display: block; 
    padding-left: 30px;
    font-weight: bold;
    font-size: 10px;
}

#nawigator {
    width: 500px; 
    height: 25px; 
    float: left; 
    line-height: 25px;
    color: #6e6d71;
    background: url('../grafika/nawigator_tlo.gif') left no-repeat;
    padding-left: 10px;
    font-size: 10px;
    margin-left: 8px;
}

#drukuj {
    width: 160px; 
    height: 25px; 
    float: right; 
    line-height: 25px;
    color: #6e6d71;
    background: url('../grafika/drukuj_tlo.gif') right no-repeat;
    padding-right: 10px;
    font-size: 10px;
    text-align: right;
}

#drukuj img {
    vertical-align: middle;
    margin-right: 5px;
}

#banner {
    height: 298px;
}

#banner_brak {
	border-top: 1px solid #5c5b60; 
    height: 10px;
    margin-bottom: 10px;
}

#kolumna_lewa {
    width: 230px;
    float: left;
    margin-top: 15px;
    min-height: 350px;
}

#kolumna_prawa {
    width: 712px;
    float: right;
    margin-top: 15px;
    padding-bottom: 20px
}

#tresc {
    height: auto;
    margin: 0 auto;
    padding: 0px;
}

#tresc ul, #tresc ol {
    margin-left: 40px;
}

/* menu górne dropdown
---------------------------------------------------------------------------------------------------- */

#top_menu {
    height: 42px;
}

#top_menu .zakladka {
    float: left;
    width: 158px;
    height: 35px;
    text-align: center;
    background: url('../grafika/top_przycisk_tlo.gif') repeat-x;
    margin-top: 10px;
}

#top_menu .zakladka > a {
    background-image: url('../grafika/button_separator.gif') ;
    background-repeat: no-repeat;
    background-postion: left ;
}

#top_menu .zakladka .aktywny {
    background-color: #5C5B60;
    background: url('../grafika/top_przycisk_tlo_aktywny.gif') repeat-x;
    color: #FFFFFF;
    height: 25px;
    margin-top: -7px;
    line-height: 25px;
}

#top_menu .separator {
    float: left;
    width: 1px;
    height: 32px;
    margin-top: 10px;
    background: url('../grafika/button_separator.gif');
}

/* stopka
---------------------------------------------------------------------------------------------------- */

.stopka_podstrona {
    padding-top: 10px;
    background: url('../grafika/stopka_gora_tlo.gif') top center no-repeat;   
}

#stopka_lewa, #stopka_belka_lewa {
    width: 240px;
    float: left;
	color: #464549;
}

#stopka_lewa {
    padding-top: 20px;
}

#stopka_belka_lewa, #stopka_belka_prawa  {
    font-size: 10px;
    color: #78878A;
}

#stopka_prawa, #stopka_belka_prawa {
    width: 712px;
    float: right;
}

#stopka_prawa {
    background: url('../grafika/stopka_tlo.gif') repeat-x;    
}

#stopka_prawa_zawartosc {
   background: url('../grafika/stopka_separator.gif') right top no-repeat;  
}

#stopka_prawa_zawartosc .box_stopka {
    padding-top: 20px; 
    margin-right: 2px;
    padding-left: 10px;
    padding-right: 10px;
    background: url('../grafika/stopka_separator.gif') left top no-repeat;  
    min-height: 120px;
}

#stopka_belka {
    background: url('../grafika/stopka_dol_tlo.gif') top center no-repeat;   
	margin-top: 3px;
	border-top: 1px solid #BABABA;
    height: 23px;
    padding-bottom: 20px;
    clear: both;
    padding-top: 8px;
}

#stopka_linki {
    float: right;
    color: #78878A;
    width: 500px;
    text-align: right;
}

#stopka_euforia {
    width: 200px;
    float: left;
    color: #78878A;
}

#stopka_lewa {
    text-align: justify;
}

.box_stopka {
    float: left;
    margin-left: 0px;
	margin-right: 0px;
	color: #6e6d71;
	font-weight: bold;
}

.box_stopka p, .box_stopka p a {
    color: #ff6100;
    font-weight: bold;
    margin-top: 0;
    font-size: 11px;
}

.box_stopka ul {
    margin-left: 25px;
    line-height: 15px;
}

.box_stopka ul li {
	margin-bottom: 5px;
	list-style: circle url(../grafika/li-main.gif);
}

.prezentacja_off {
    background: url('../grafika/prezentacja_produktow.gif') left no-repeat;    
}

.prezentacja_on {
    background: url('../grafika/prezentacja_produktow.gif') left no-repeat;    
}

/* menu box
---------------------------------------------------------------------------------------------------- */

#menu_box > ul {
    margin-left: 0px;
    background: #FFFFFF;
    border-top:2px solid #B3B3B3;
    border-bottom:2px solid #B3B3B3;
    padding-top: 1px;
}

#menu_box ul li {
    list-style-type: none;
    font-size: 11px;
}

#menu_box .aktywny  {
   font-weight: bold;
   background: #FF6100;
}

/* poziom 1 */

#menu_box ul li a {
	 color: #ffffff;
	 display: block;
	 border-bottom: 1px solid white;
	 padding-left: 10px;
	 line-height: 25px;
	 font-weight: bold; 
	 background: url('../grafika/menu_arrow.png') 210px no-repeat #727272;;
}

#menu_box ul li a:hover, #menu_box ul li a.aktywny {
    background: url('../grafika/menu_arrow.png') 210px no-repeat #FF6100;
}
	
/* poziom 2 */
	
#menu_box ul li li a{
	padding-left: 25px;
    padding-right: 10px;
	background: url('../grafika/menu_circle.png') 10px no-repeat #9C9C9C;
}
	
#menu_box ul li li a:hover, #menu_box ul li li a.aktywny {
    background: url('../grafika/menu_circle.png') 10px no-repeat #FF6100;
}
	
/* poziom 3 */

#menu_box ul li li li a {
    padding-left: 45px;
    padding-right: 10px;
    background: url('../grafika/menu_circle.png') 30px no-repeat #9C9C9C;
}
	
#menu_box ul li li li a:hover, #menu_box ul li li li a.aktywny {
    background: url('../grafika/menu_circle.png') 30px no-repeat #FF6100;
}

#menu_box ul li ul{
    margin-left: 0px;
    background: #9C9C9C;
}

#menu_box li {
    margin:0;
    padding:0;
    line-height: auto;
}

.produkt_drzewko {
   margin-top: 4px;
}

/* Nagłówki
---------------------------------------------------------------------------------------------------- */

h1 {
    color: #5C5B60;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 0px;
    text-align: justify;
}

h2 {
    color: #9f9943;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 16px;
    padding: 0px;
}

/* Linki
---------------------------------------------------------------------------------------------------- */

a {
    text-decoration: none;
    color: #6e6d71;
}

a:hover {
    color: #000000;
}

#stopka_belka a {
    color: #989898;
}

#stopka_belka a:hover {
    color: #ff6100;
    text-decoration: underline;
}

#stopka_euforia a {
    padding: 0px;
    margin: 0px;
}

#stopka_tresc {
	text-align: justify;
    padding-top: 0px; 
	color:#78878A;
	font-size:10px;
}

#stopka_tresc p:first-child {
    margin: 0px;
}

a.wiecej {
    text-decoration: none;
    color: #ff6100;
}

a.wiecej:hover {
    text-decoration: none;
    color: #000000;
}

.submenu .aktywny {
    color: #000000;
	font-weight: bold;
}

.naglowek, .naglowek a {
    color: #ff6100;
    font-weight: bold;
    margin-top: 0;
    font-size: 11px; 
}

/* Tabele
---------------------------------------------------------------------------------------------------- */

.tresc_tab {
    font-size: 11px;
    border-bottom: 1px solid #cccccc;
}

.tab_separator {
    border-top: 1px dashed #e3e3e3;
    height: 3px;
}

/* specyfikacja tabelka
---------------------------------------------------------------------------------------------------- */

.specyfikacja_tlo {
    width: 710px;
    text-align: right;
    margin-top: 10px;
    background: url( '../grafika/specyfikacja_tlo.gif' ) left repeat-y;
    margin-bottom: 10px;
    min-height: 120px;
}

.specyfikacja {
    width: 670px;
    margin-left: 40px;
}

.specyfikacja td {
    text-align: left;
    font-weight: bold;
    color: #474749;
    vertical-align: top;
    background: #EAEAEA;
    border-bottom: 1px solid #F5F5F5;
}

.specyfikacja .nag_tab {
    background-color: #727272;
    font-size: 11px;
    border-bottom: 1px solid #EAEAEA;
    text-align: right;
    color: #EAEAEA;
    font-weight: normal;
    padding-right: 4px;
}

.specyfikacja .nag_moc td {
    border-bottom: 10px solid #EAEAEA;
}

.specyfikacja .nag_moc td {
    background-color: #C9C9CB;
}
	
.specyfikacja .nag_moc .nag_tab {
    background-color: #46454A;
    color: #FFFFFF;
    font-weight: bold;
}

.specyfikacja .tresc_tab {
    background-color: #D8D8D8;
    border-bottom: 1px solid #F5F5F5;
}

.specyfikacja_k1, .specyfikacja_k3 {
	width: 110px;
}

.specyfikacja_k2, .specyfikacja_k4 {
    width: 210px;
}

/* zakładka pliki do pobrania
---------------------------------------------------------------------------------------------------- */

.pliki_do_pobrania {
    width: 690px;
    background: #EAEAEA;
}

.pliki_do_pobrania td {;
    vertical-align: top;
    border-bottom: 1px solid #F5F5F5;
}

.pliki_do_pobrania td img {
    vertical-align: middle;	
    margin-right: 3px;
}

.pliki_naglowek {
    background-color: #727272;
    font-size: 11px;
    border-bottom: 1px solid #F5F5F5;
    text-align: right;
    color: #EAEAEA;
    font-weight: normal;
    padding-right: 4px;
    width: 110px;
}

/* moduł dystrybutorzy
---------------------------------------------------------------------------------------------------- */

#dystrybutorzy th, #dystrybutorzy .nag_tab {
    background-color: #727272;
    font-size: 11px;
    color: #EAEAEA;
    font-weight: normal;
    padding-right: 4px;
    border-bottom: 1px solid #F5F5F5;
}

#dystrybutorzy td {
	padding-left: 8px;
	border-bottom: 1px solid #F5F5F5;
}

#dystrybutorzy .tlo1 {
	background-color: #EAEAEA;
}
	
#dystrybutorzy .tlo2 {
    background-color: #E5E5E5;
}

#dystrybutor {
    width: 710px;
}

#dystrybutor td {
    text-align: left;
    font-weight: bold;
    color: #474749;
    vertical-align: top;
    background: #EAEAEA;
    border-bottom: 1px solid #F5F5F5;
}

#dystrybutor .nag_tab {
    background-color: #727272;
    font-size: 11px;
    border-bottom: 1px solid #EAEAEA;
    text-align: right;
    color: #EAEAEA;
    font-weight: normal;
    padding-right: 4px;
}

#dystrybutor .tresc_tab {
    background-color: #D8D8D8;
}

.dystrybutor_k1, .dystrybutor_k3 {
    width: 100px;
}

.dystrybutor_k2, .dystrybutor_k4 {
    width: 230px;
}

/* Formularze
---------------------------------------------------------------------------------------------------- */

.form {
    font-size: 11px;
    color: #000000;
    font-weight: normal;
    border: 1px solid #949494;
    background-color: #ffffff;
    padding: 4px;
    width: 200px;
}

#szukaj {
    border: 1px solid #BABABA;
    height: 20px;
    background: #FFFFFF;
    padding: 2px;
    width: 224px;
}

#szukaj .lupa {
    float: left;
    width: 22px;
    height: 20px;
    margin-left: 5px;
    background: url('../grafika/lupa.jpg');
}

#szukaj .submit {
    float: right;
    width: 20px;
    height: 20px;
    text-align: center;
}

#szukaj .fraza {
    display: inline;
    padding: 3px;
    width: 165px;
    float:left;
}

.submit {
    background-color: #727272;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: inline;
    cursor: pointer;
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.submit:hover {
    background-color: #FF6100;
    display: inline;
    cursor: pointer;
}

/* tooltip - jquery
---------------------------------------------------------------------------------------------------- */

#tooltip{
    position: absolute;
    border: 1px solid #333;
    background: #f7f5d1;
    padding: 4px 5px;
    color: #333;
    display: none;
    z-index: 11;
}

/* Moduł aktualności
---------------------------------------------------------------------------------------------------- */

#aktualnosc_glowna {
	padding: 5px; 
	padding-left: 10px; 
	background: #F9F9F9; 
	min-height: 100px;
}

.aktualnosc {
    text-align: justify;
    margin-bottom: 14px;
    border-bottom: 1px solid #FF6100;
    padding-bottom: 10px;
}

.aktualnosc_nazwa {
    background: #D2D2D2;
    height: 30px;
    line-height: 30px;
    border-left: 5px solid #FF6100;
    font-size: 14px;
    padding-left: 10px;
    color: #464648;
    font-style: normal;
    margin-bottom: 10px;
    color: #6e6d71;
}

.aktualnosc_opis {
    padding-left: 10px;
    text-align: justify;
}

.aktualnosc_zdj {
    float: left;
    margin: 4px;
    margin-right: 7px;
    padding: 3px;
    margin-bottom: 2px;
    border: 1px solid #BABABA;
    margin-left: 0px;
}

/* galeria dla aktualności, tekstów, produktów
---------------------------------------------------------------------------------------------------- */

#galeria {
	padding-left: 30px;
}

#galeria, #produkt_galeria {
    text-align: left;
}

#produkt_galeria {
   padding-left: 20px;
}

#galeria img, #produkt_galeria img {
    margin: 3px;
    padding: 0px;
    margin-left:0;
    border: 1px solid #BABABA;
}

#galeria img, #produkt_galeria img {
	margin-right: 15px;
}

#galeria img:hover, #produkt_galeria img:hover {
    border: 1px solid #ff6100;
}

/* pliki dla aktualności, tekstów, produktów
---------------------------------------------------------------------------------------------------- */

ul#pliki {
	margin-left: 10px;
	list-style-type: none;
}

ul#pliki a {
    background: url('../grafika/pdf_ico.gif') left no-repeat;
    padding-left: 25px;
}

#tresc .submenu {
    margin-left: 10px;
    margin-top: 25px;
}

#tresc .submenu li {
    border-style: solid;
    border-width: 0px 0px 0px 10px;
    border-color: #BABABA;
    list-style-type: none;
    margin-bottom: 4px;
}

#tresc .submenu li:hover {
    border-color: #5C5B60;
}

#tresc .submenu li a {
    display: block;
    padding: 2px;
    padding-left: 7px;
}

.kontakt_tab td {
    padding:0px;
}

.kontakt_tab .kontakt_tresc {
    padding-left: 15px;
    padding-bottom: 5px;
    vertical-align:top;
}

.kontakt_tab .kontakt_tresc p {
    margin-top: 5px;
}

.kontakt_tab .kontakt_nag {
    background: #D2D2D2;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    border-left: 5px solid #FF6100;
    padding-left: 10px;
    color: #6e6d71;
    font-weight: bold;
    margin-right: 5px;
}

/* submenu dla mapy strony - wyzerowanie wartości
---------------------------------------------------------------------------------------------------- */

#mapa_strony .submenu {
    margin-left: 40px;
    margin-top: 0px;
}

#mapa_strony .submenu li {
    border: 0;
    list-style-type: inherit;
    margin-bottom: 0px;
}

#mapa_strony .submenu li a {
    display: inline;
    padding: 0px;
    padding-left: 0px;
}

/* słowniczek
---------------------------------------------------------------------------------------------------- */

.slowniczek_box {
    float: left;
    width: 230px;   
}
  
.slowniczek_box ul li {
    border-style: solid;
    border-width: 0px 0px 0px 10px;
    border-color: #BABABA;
    list-style-type: none;
    margin-bottom: 4px;
    margin-left: -30px;
}

.slowniczek_box ul li:hover {
    border-color: #5C5B60;
}

.slowniczek_box ul li a {
    display: block;
    padding: 2px;
    padding-left: 7px;
}

/* produkt zakładki
---------------------------------------------------------------------------------------------------- */

/* Style for Usual tabs */
.usual {
	color: #111;
	margin: 0px auto;
}

ul#zakladki { 
	margin: 0 ; 
	height: 30px; 
	background: #CCCCCC; 
	border-bottom: 2px solid #727272;
}

#zakladki li { list-style:none; float:left; }
#zakladki a {
	display: block;
	height: 25px;
    padding-top: 5px;
	width: 130px;
    text-align: center;
	text-decoration: none!important;
	font-weight: bold;
	margin-left: 0;
	color: #474749;
	background: #CCCCCC;
	margin-right: 0px;
	border-right: 1px solid #FFFFFF;
}

#zakladki a:hover {
	color: #FFF;
	background: #727272;
}
  
#zakladki a.selected {
	margin-bottom: 0;
	color: #FFFFFF;
	background: #727272;
	cursor: default;
}
  
.usual #tab1, .usual #tab2, .usual #tab3, .usual #tab4 {
	padding: 10px 10px 5px 10px;
	margin: 2px 0px 5px 0px;
	clear: left;
	background-color: #ffffff;
	border-top: 1px solid #CCCCCC;
	min-height: 40px;
}

.usual p:first-child {
    margin-top:0px;	
}
	
.usual .specyfikacja {
    width: 670px;
    margin-left: 10px;
}

.usual > div {
    border-bottom: 1px solid #727272;
}

/* kategorie produktowe
---------------------------------------------------------------------------------------------------- */

#kategorie {
	width: 712px;
	margin: auto;
	text-align:center;
	margin-top: 0px;
}

.kategoria {
    width: 225px; 
    height: 260px; 
    margin-bottom: 18px; 
    position: relative; 
    float: left;
}

.kategoria h1 {
    padding-left: 10px; 
    margin: 0; 
    padding-top: 6px; 
    padding-bottom: 7px; 
    padding-right: 10px; 
    text-align: left; 
    font-weight: normal; 
    font-size: 14px; 
    line-height: normal;
}
.kategoria_nazwa {
    position: absolute;
    top: 16px; 
    left: 52px; 
    text-align: left;
    z-index: 6; 
    background: #FFFFFF;
}

.kategoria .nazwa a {
    color: #F36324;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

.kategoria .nazwa a {
    display: block;
}

/* lista produktów
---------------------------------------------------------------------------------------------------- */

.produkty {
    margin-bottom: 10px;
    margin-top: 10px;
    margin-right: 6px;
    width: 233px;
    float: left;
    background-color: #ffffff;
}

#produkty_prezentacja .produkty {
    margin-right: 7px;
    margin-left: 1px;
}

#produkty_prezentacja .ostatnia_kolumna  {
    margin-right: 0px;
}

.ostatnia_kolumna {
	margin-right: 0px;
}
	
.produkty .zdjecie {
    text-align: center;
}

.produkty .opis {
    padding-left: 0px;
    text-align: left;
    font-size: 10px;
    min-height: 80px;
    border-left: 7px solid #9C9C9C;
    padding-left: 10px;
    padding-right: 10px;
}

.produkty .nazwa {
    margin: 0;
    background: #9C9C9C;
    min-height: 30px;
    line-height: 30px;
    border-left: 7px solid #FF6100;
    border-top: 1px solid #9C9C9C;
}

.produkty .nazwa a {
    color: #ffffff;
    font-size: 15px;
    padding-left: 10px;
    display: block;
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
}

.produkty .nazwa a:hover {
    color: #000000;
}

.produkty_linia {
    height: 1px;
    background: #FF6100;
}

#produkty_prezentacja {
    padding-top: 5px;
    height: 270px;
    border-bottom: 1px solid #727272;
    padding-bottom: 7px;
}

/* wybrany produkt
---------------------------------------------------------------------------------------------------- */

#produkt {
    background: url('../grafika/produkt_tlo.gif') top repeat-x #ffffff; 
    margin-bottom: 5px; 
    width: 710px; 
    border: 1px solid #9C9C9C; 
    border-top: 0; 
    padding-top: 161px
}

#produkt_zdjecie_glowne {
    padding:0; 
    vertical-align:top; 
    width: 180px; 
    text-align:center ;
}

#produkt_zdjecie_glowne img {
    border:0; margin-top: 17px;
}

#produkt_naglowek {
    vertical-align:middle; 
    height:85px; 
    width:380px;
}

#produkt_naglowek h1 {
    line-height: normal; 
    border-left: 5px solid #FF6100; 
    padding-left: 10px;  
    margin:0; 
    text-align: left; 
    padding-right: 10px; 
    color:#E3E3E3; 
    font-weight:normal; 
    margin-left: 5px;
}

#produkt_logotyp {
    padding: 0; 
    width: 150px; 
    text-align: right; 
    vertical-align:top; 
    padding-top:3px;
}

#produkt_krotki_opis {
    height: 140px; 
    padding-left: 10px; 
    text-align: left; 
    vertical-align: top; 
    background: url('../grafika/produkt_opis_tlo.gif') bottom right no-repeat;
}

#produkt_opis {
    float: left;
    padding: 5px;
}

#produkt_nazwa{
    font-family: Arial Narrow CE, Arial;
    width: 100%;
    padding: 5px;
}

/* Formularz kontaktowy
---------------------------------------------------------------------------------------------------- */

#formularz_kontaktowy {
    width: 500px;
    margin: auto;
}

.f_kolumna_1 {
    width: 250px;
    float: left;
    margin-bottom: 10px;
}

.f_kolumna_2 {
    width: 240px;
    float: right;
    margin-bottom: 10px;
}

.f_tekst {
    width: 500px;
    float: left;
    clear: both;
    margin-bottom: 10px;
}

.f_button {
    text-align: center;
    width: 500px;
    float: left;
    clear: both;
}

.f_token {
    float: left;
    clear: both;
}

.f_info {
    float: left;
    clear: both;
}

.f_token_input {
    float: left;
    width: 400px;
    height: 50px;
}

.f_token_img {
    float: left;
    width: 100px;
    height: 50px;
}

.f_input {
    font-size: 11px;
    color: #646464;
    font-weight: normal;
    border: 1px solid #acacac;
    padding: 3px;
    width: 230px;
}

.f_input:hover {
    border: 1px solid #B50710;
}

.f_input_token {
    margin-top: 5px;
    font-size: 11px;
    color: #646464;
    font-weight: normal;
    border: 1px solid #acacac;
    padding: 3px;
    width: 50px;
}

.f_input_token:hover {
    border: 1px solid #B50710;
}

.f_textarea {
    font-size: 11px;
    color: #646464;
    font-weight: normal;
    border: 1px solid #acacac;
    padding: 3px;
    width: 490px;
    height: 100px;
}

.f_textarea:hover {
    border: 1px solid #B50710;
}

.f_input_button {
    background-color: #727272;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.f_input_button:hover {
    background-color: #FF6100;
    display: inline;
    cursor: pointer;
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.f_brak {
    background-color: #FFEFF0;
}

/* wybór jezyka
---------------------------------------------------------------------------------------------------- */

/* General dropdown styles */       
.dropdown dd, .dropdown dt, .dropdown ul { 
	margin: 0px; 
	padding: 0px; 
	z-index: 10; 
	text-align: left 
}

.dropdown dd { 
	position: relative; 
}

.dropdown a, .dropdown a:visited { 
	color: #5C5B60; 
	text-decoration:none; 
	outline: none;
}

.dropdown a:hover { 
	color: #5d4617;
}

.dropdown dt a:hover { 
	color: #5d4617; 
	border: 1px solid #999999;
}

.dropdown dt a {
	background: #BABABA url(../grafika/arrow.png) no-repeat scroll right center; 
	display: block; 
	padding-right: 20px;
    border: 1px solid #b7b7b7; 
    width: 52px;
    font-weight: bold;
}

.dropdown dt a span {
	cursor: pointer; 
	display: block; 
	padding: 3px;
}

.dropdown dd ul { 
	background: #BABABA none repeat scroll 0 0; 
	border: 1px solid #b7b7b7; 
	color: #5C5B60; 
	display: none;
    left: 0px; 
    padding: 0px 0px; 
    position: absolute; 
    top: 2px; 
    width: auto; 
    min-width: 70px; 
    list-style: none;
}

.dropdown span.value { 
	display: none;
}

.dropdown dd ul li a { 
	padding: 3px; 
	display: block;
	font-weight: bold;
}
.dropdown dd ul li a:hover { 
	background-color: #ff6100;
	color: #ffffff; 
}

.dropdown img.flag { 
	border: none; 
	vertical-align: middle; 
	margin-left: 7px;
	margin-right: 3px; 
	border: 1px solid #CFCFCF 
}

/* mitchowe css */

hr {
	border-bottom: 1px solid #ff6100; 
	border-top: 0px solid #ff6100; 
	height:1px;
}

#filtrowanie {
    border: 1px solid #9E9DA2;
    background: #E5E5E5;
    margin-top: 20px;
}

#filtrowanie .naglowek {
    color: #FFFFFF;
    background: #9E9DA2;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    padding-left: 20px;
}

#filtrowanie form div {
    padding: 20px;
    padding-top: 10px;
    color: #49494B;
}

#filtrowanie form select {
    width: 185px;
    margin-bottom: 10px;
}
   
#filtrowanie form input {
    font-weight: bold;
    margin-right: 5px;
    margin-top: 5px;
}

#filtrowanie p.filtr {
    margin: 0px;
    margin-bottom: 10px;
    font-weight: bold;  
}

#wyszukiwarka {
    float: left; 
    width: 240px; 
    height: 26px;
}

#szukaj_form {
    background: url(../grafika/szukaj_pole.gif) no-repeat; 
    height: 25px;
}

#szukaj_fraza {
	margin-top: 5px;
	width: 170px;
	display: inline;
	float: left;
	margin-left: 20px;
	color: #66656A;
	background-color: #EAEAEA;
}
    
#szukaj_submit {
    background: url(../grafika/szukaj_submit.gif) no-repeat; 
    width: 25px;
    height: 25px;
    margin-left: 15px;
    display: inline;
    float: left;
}

.naglowek_glowny {
	width: 712px;
	min-height: 55px;
	margin-bottom: 10px;
	background: #727272; 
	border-top: 2px solid #FF6100;
}

.naglowek_glowny h1 {
	border-left: 3px solid #FF6000;
	padding-left: 10px;
	color: #E3E3E3;
	font-weight: normal;
	text-align: left;
	font-size: 20px;
	margin: 0px;
	margin-left: 15px;
	margin-right: 65px;
	line-height: normal;
}

.naglowek_margin {
    height: 15px;
}

.naglowek_glowny .naglowek_margin:first-child {
    border-top: 1px solid #FFFFFF;
}

/* nagłówek tło zależne od podstrony
---------------------------------------------------------------------------------------------------- */

.naglowek_aktualnosci {
    background: url('../grafika/naglowek_aktualnosci.gif') no-repeat right bottom;
}

.naglowek_do_pobrania {
    background: url('../grafika/naglowek_do_pobrania.gif') no-repeat right bottom;
}

.naglowek_dystrybutorzy {
    background: url('../grafika/naglowek_dystrybutorzy.gif') no-repeat right bottom;
}

.naglowek_konfiguratory {
    background: url('../grafika/naglowek_konfiguratory.gif') no-repeat right bottom;
}

.naglowek_kontakt {
    background: url('../grafika/naglowek_kontakt.gif') no-repeat right bottom;
}

.naglowek_partner {
    background: url('../grafika/naglowek_partner.gif') no-repeat right bottom;
}

.naglowek_poradniki {
    background: url('../grafika/naglowek_poradniki.gif') no-repeat right bottom;
}

.naglowek_produkty {
    background: url('../grafika/naglowek_produkty.gif') no-repeat right bottom;
}

/* box tło zależne od podstrony
---------------------------------------------------------------------------------------------------- */

.box_tlo_aktualnosci {
    background: url('../grafika/box_aktualnosci.gif') no-repeat bottom; 
}

.box_tlo_do_pobrania {
    background: url('../grafika/box_do_pobrania.gif') no-repeat bottom; 
}

.box_tlo_dystrybutorzy {
    background: url('../grafika/box_dystrybutorzy.gif') no-repeat bottom; 
}

.box_tlo_konfiguratory {
    background: url('../grafika/box_konfiguratory.gif') no-repeat bottom; 
}

.box_tlo_kontakt {
    background: url('../grafika/box_kontakt.gif') no-repeat bottom; 
}

.box_tlo_partner {
    background: url('../grafika/box_partner.gif') no-repeat bottom; 
}

.box_tlo_poradniki {
    background: url('../grafika/box_poradniki.gif') no-repeat bottom; 
}

.box_tlo_produkty {
    background: url('../grafika/box_produkty.gif') no-repeat bottom; 
}

/* 
---------------------------------------------------------------------------------------------------- */

.wstecz {
    float: left;
    padding-left: 10px;
    background: url('../grafika/wstecz_tlo.gif') no-repeat;
}

.do_gory {
    float: right;
    text-align: right;
    padding-right: 10px;
    background: url('../grafika/do_gory_tlo.gif') no-repeat right;
}

.wstecz, .do_gory {
    width: 160px;	
    height: 25px;
    line-height: 25px;
    font-weight: bold;
   /* margin-top: 25px;*/
   margin-bottom: 5px;
}

.wstecz img, .do_gory img {
    margin: 0 3px 0 3px;
}

/* Komunikaty
---------------------------------------------------------------------------------------------------- */

.komunikat_ok {
    color: #000000;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    padding: 15px;
    border: 1px solid #67426C;
    margin: 20px;
}

.komunikat_uwaga {
    color: #000000;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    padding: 15px;
    border: 1px solid #000000;
    margin: 20px;
}

.komunikat_blad {
    color: #000000;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    padding: 15px;
    border: 1px solid #E00504;
    margin: 20px;
}

/* podział stron na podstrony
---------------------------------------------------------------------------------------------------- */

.podzial_akt {
    background-color: #ff6100;
    margin: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    color: #ffffff;
}

.podzial_nieakt {
    margin: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    color: #BABABA;
}

.podzial_pozycja {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    color: #212121;
}

.podzial {
    border: 0px solid #3F3F3F;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 2px;
    color: #ff6100;
}

#box_ikona {
    text-align: center;
    margin: 30px 0 30px 0;
}