@charset "UTF-8";

/**
 * Atkom css
 *
 * @file		style.css
 * @name		Atkom
 * @version		1.0
 * @type		transitional
 * @browsers	Windows: IE6+, Opera7+, Firefox2+, Firefox3+
 *
 * @link		http://www.atkom.pl/
 * @copyright	2009 Atkom.pl All Rights Reserved.
 *
 */

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

 @import "reset.css";

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

body {
    height:100%;
    background-color:#ffffff;
    background-image:url(../grafika/tlo_html_p.gif);
    background-repeat: repeat-x;
    margin: 0px;
    padding: 0px;
    color:#181710;
    font-family: Verdana, Tahoma, sans;
    font-size:11px;
    line-height:18px;
}

/* -------------------------------------------------------------- */
/* 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: #ffc; }

.wrap          { width: 960px; margin: 0 auto; }

.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; }

table          { margin-bottom: 1.4em; }
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; }

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

#tlo_html_l{
    background-color:#ffffff;
    background-image:url(../grafika/tlo_html_l.gif);
    background-repeat: repeat-x;
    position: absolute;
    left:0px;
    top:0px;
    width: 50%;
    height:570px;
    margin: 0 auto;
    margin-left: 0px;
    margin-right: auto;
    z-index:1;
}

#menu_con{
    top:0px;
    position: relative;
    width: 972px;
    height:auto;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    z-index:4;
}

#tresc_con{
    top:0px;
    position: relative;
    width: 972px;
    height:auto;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    z-index:3;
}
#stopka_con{
    background-image:url(../grafika/tlo_stopka.gif);
    background-repeat: no-repeat;
    top:auto;
    position: relative;
    width: 100%;
    height:23px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    z-index:3;
    padding-bottom:20px;
}

/* szkielet */

#menu {
    background-image:url(../grafika/menu.gif);
    background-repeat: repeat-x;
    position:relative;
    left:0px;
    top:0px;
    width:972px;
    height:91px;
}

#flash-glowna {
    position:relative;
    left:0px;
    top:0px;
    width:100%;
    height:353px;
    z-index:2;
}

#tresc {
    position:relative;
    left:0px;
    top:0px;
    width:972px;
    height:auto;
    background: #FFFFFF;
}

#stopka {
    top:auto;
    background-color:#9f9943;
    position: relative;
    width: 972px;
    height:23px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
}

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

/* -------------------------------------------------------------- */
/* Menu
/* -------------------------------------------------------------- */

.prawa_menu{
    float:left;
    position:relative;
    top:0px;
    width:810px;
}

.pobierz_linki{
    position:relative;
    width: 385px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: 0px;
    border:0px solid red;
}

.pobierz_{
    float:right;
    padding-top: 6px;
    padding-left: 6px;
    padding-right: 6px;
    margin-left:1px;
    background-color:#fdd71e;
}

.menu_gorne{
    position:relative;
    top:30px;
    padding-left:32px;
}

.menu_link{
    padding-left:40px;
}

/* style tresc */

.linki_stopka{
    width:81px;
    height:23px;
    background-color:#f3f2e8;
    padding-left:3px;
    float:left;
    left:30px;
}

.copyright{
	width:200px;
	height:23px;
	_height:22px;
	padding-left:6px;
	float:left;
	left:30px;
	padding-top:2px;
}

a.copy{
	color:#4e4b14;
}
a.copy:hover{
	color:#4e4b14;
	text-decoration:underline;
}

.grupa_stopka {
    float:right;
    top:1px;
    width:50px;
    height:23px;
    padding-left:3px;
}

.tresc_lewa_gl {
    width: 378px;
    float:left;
    top:0px;
    padding-right: 16px;
    padding-left: 0px;
}

.tresc_prawa_gl{
    width: 499px;
    float:left;
    top:0px;
    padding-right: 63px;
    padding-left: 16px;
}

.tresc_lewa {
    width: 352px;
    float:left;
    top:0px;
    padding-right: 0px;
    padding-left: 0px;
}

.tresc_prawa {
    width: 376px;
    float:left;
    top:0px;
    padding-right: 0px;
    padding-left: 14px;
}

.nag {
    font-family: Trebuchet Ms;
    color:#9f9943;
    font-size:18px;
    font-weight:normal;
    margin-bottom:16px;
    padding:0px;
}

.nag_{
    background-color:#969473;
    /*font-family: Trebuchet Ms;*/
    color:#ffffff;
    font-weight:bold;
    margin-top:16px;
    margin-bottom:6px;
    padding:2px;
    top:20px;
    padding-left:5px;
    padding-right:5px;
}

.nag_ a{
    color:#ffffff;
}

.nag_ a:hover{
    color:#FDD71E;
    text-decoration:none;
}

.box{
    /* background-image:url(../grafika/tlo_box.gif);*/
    background-repeat: no-repeat;
    width: 164px;
    min-height:380px;
    float:left;
    top:0px;
    padding-right: 0px;
    padding-left: 0px;
}

.box_nag{
    top:0px;
}

.podmenu{
    float:left;
    padding-top:10px;
    top:0px;
}

.tresc_{
    background-image:url(../grafika/tlo_tresc_.gif);
    background-repeat: no-repeat;
    width: 744px;
    float:left;
    top:0px;
    padding-right: 32px;
    padding-left: 32px;
    padding-top: 20px;
    padding-bottom: 16px;
}

.banerek{
    padding:8px;
    border:1px solid #dadada;
    margin-bottom: 10px;
}
 
.banerek a img:hover{
    cursor: url(../zoomin.cur), default;
}

.logo{
    background-color:#8a8319;
    float:left;
    position:relative;
    top:26px;
    left:0px;
    height:48px;
    padding-right: 9px;
    padding-left: 49px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.kat_sub{
    text-align:right;
    font-family: Trebuchet Ms;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    color:#433F02;
    padding-right:8px;
}

.kat_gl{
    text-align:right;
    font-family: Trebuchet Ms;
    font-weight:bold;
    text-decoration:none;
    color:#9f9943;
    font-size:18px;
    margin-bottom:16px;
    padding:0px;
}

.szukaj{
    float:left;
}

.szukaj_indent{
    background-color: #f3f2e8;
    float:left;
    width:84px;
    top:0px;
    left:0px;
    height:20px;
}

.szukaj_nag{
    background-color: #8a831a;
    float:left;
    top:0px;
    height:20px;
    font-weight:bold;
    color:#ffffff;
    padding-left:6px;
    padding-right:6px;
}

.szukaj_form{
    float:left;
    top:0px;
    height:20px;
    font-weight:bold;
    color:#ffffff;
    padding-left:12px;
}

.szukaj_but{
    float:left;
    top:0px;
    height:20px;
    font-weight:bold;
    color:#ffffff;
    padding-left:12px;
}

.form_szukaj{
    color:#333333;
    font-weight: normal;
    border: 1px solid #7f7f7f;
    padding:0px;
    height:18px;
    width: 184px;
    float:left;
    line-height:18px;
}

.nowosci{
    float:left;
    margin-top:16px;
    height:73px;
}
.nowosci_indent{
    background-color: #fdd71e;
    float:left;
    width:84px;
    top:0px;
    left: 0px;
    height: 57px;
}
.nowosci_con{
    background-color: #ffffff;
    float:left;
    top:0px;
    height:55px;
    width:292px;
    font-weight:bold;
    color:#ffffff;
    padding:1px;
}

.nag_tab{
    background-color:#909090;
    text-align:left;
    padding:2px;
    color:#ffffff;
}
.linia_tab{
    border:0px solid #909090;
    border-bottom:1px solid #909090;
}

.ramka{
    margin-top:16px;
    margin-bottom:0px;
    border:0px solid #f3f2e8;
    border-bottom:1px dashed #909090;
    border-top:1px dashed #909090;
    padding-top:16px;
    padding-bottom:16px;
    float:left;
    left:0px;
    width:100%;
}

/* -------------------------------------------------------------- */
/* Kategorie box lewy
/* -------------------------------------------------------------- */

#podmenu {
    padding-top: 10px;
}

#podmenu ul {
    list-style-type: none;
}

#podmenu ul.link {
    list-style-type: none;
    text-align:left;
}

#podmenu ul li {
    padding-left: 10px;
    margin-top:1px;
    margin-bottom:1px;
    text-align:left;
}

#podmenu ul li a{
    padding-top:5px;
    margin-top:1px;
    margin-bottom:1px;
    text-align:left;
}

#podmenu ul li , li.link:hover {
    padding-top:5px;
    margin-top:1px;
    text-align:left;
}

#podmenu .link a {
    text-decoration:none;
    color:#433F02;
}

#podmenu .link a.sub_on {
    font-weight:bold;
    color:#000000;
}

#podmenu .link a:hover{
    color:#9f9943;
    text-decoration:none;
}

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

a {
    text-decoration:none;
    color:#9f9943;
}

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

a.wiecej{
    text-decoration:none;
    color:#9f9943;
    font-size:12px;
    font-weight:bold;
}
a.wiecej:hover{
    text-decoration:none;
    color:#9f9943;
    font-size:12px;
    font-weight:bold;
    background-color:#fdd71e;
}

a.pobierz{
    text-decoration:none;
    color:#606163;
    font-size:10px;
    font-weight:normal;
}
a.pobierz:hover{
    text-decoration:underline;
    color:#606163;
    background-color:#fdd71e;
}

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

h1 {
    font-family: Trebuchet Ms;
    color:#9f9943;
    font-size:18px;
    font-weight:normal;
    margin-bottom:16px;
    padding:0px;
}

h2 {
    font-family: Trebuchet Ms;
    color:#9f9943;
    font-size:16px;
    font-weight:bold;
    margin-bottom:16px;
    padding:0px;
}


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

.nag_tab {
    background-color: #dcdcdc;
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px solid #c0c0c0;
    color:#000000;
    text-align:center;
}
.tresc_tab {
    font-size: 11px;
    border-bottom: 1px solid #cccccc;
}

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

/* -------------------------------------------------------------- */
/* Listy
/* -------------------------------------------------------------- */

.tresc_ ol, .tresc_ ul {
    margin-left:25px;
}

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

.blad {
    color: #ff7a01;
    text-align:center;
    font-weight: bold;
    font-size:12px;
}

.ok {
    color: #499010;
    font-weight: bold;
    text-align:center;
    font-size:10px;
}

.form_blad {
    font-size:11px;
    color:#000000;
    font-weight: normal;
    border-left: 1px solid #ff7a01;
    border-top: 1px solid #ff7a01;
    border-right: 1px solid #ff7a01;
    border-bottom: 1px solid #ff7a01;
    background-color: #fff1e4;
    padding:4px;
    margin-right:17px;
    width: 200px;
}
.form {
    font-size:11px;
    color:#000000;
    font-weight: normal;
    border-left: 1px solid #949494;
    border-top: 1px solid #949494;
    border-right: 1px solid #949494;
    border-bottom: 1px solid #949494;
    background-color: #ffffff;
    padding:4px;
    width: 200px;
}

.form_txt{
    font-family:Verdana, sans;
    font-size:11px;
    color:#000000;
    font-weight: normal;
    border: 1px solid #949494;
    background-color: #ffffff;
    padding:4px;
    height:100px;
    width: 427px;
}

.form_blad_txt{
    font-family:Verdana, sans;
    font-size:11px;
    color:#000000;
    font-weight: normal;
    border: 1px solid #ff7a01;
    background-color: #fff1e4;
    padding:4px;
    height:100px;
    width: 427px;
}

/* -------------------------------------------------------------- */
/* Moduł kategoria
/* -------------------------------------------------------------- */

.produkty {
    padding-bottom: 5px;
    width: 220px;
    margin: 10px;
    padding:3px;
    float:left;
    border:1px solid red;
    text-align:center;
}

.kategoria {
    float: left;
    width: 360px;
    text-align: center;
    margin-right:10px;
    margin-bottom:10px;
    border:1px dashed #C4C4C4;
    padding-top:10px;
}

.kategoria  img {
    border: 0px;
}

.kategoria .zdjecie img:hover {
    padding: 4px;
    border: 1px solid #EB6122;
}

 .kategoria h1 {
     padding-left:10px;
     padding-right:10px;
 }

.kategoria .opis {
    float: right;
    background: light green;
    width: 550px;
}

.kategoria .opis .tytul {
    text-align: left;
    font-weight: bold;
    margin-top: 0;
    font-size: 14px;
}

.kategoria .opis .wiecej {
    text-align: right;
    font-weight: bold;
}

.certyfikaty_nagrody {
    text-align: center;
    margin-right:10px;
    margin-bottom:10px;
    padding-top:10px;
}

.certyfikaty_nagrody img{
    margin: 3px;
    padding: 2px;
    border: 1px solid #9F9943;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* -------------------------------------------------------------- */
/* Produkt
/* -------------------------------------------------------------- */

.produkt {
    width:680px;
}

.produkt .opis {
    width:520px;
    float:left;
    text-align:justify;
}

.produkt_zdjecia {
    width:150px;
    float:right;
    text-align:center;
}

.parametr {
    margin:3px;
    border:0;
    cursor:default;
}

.kolor {
    margin:3px;
    float:left;
    width:30px;
    height:30px;
    border:1px solid #969473;
}

.kolor img {
    width:30px;
    height:30px;
    border:0px;
}

#pliki {
    list-style-type:square;
    margin-left:30px
}

#pliki a:hover {
    font-weight:bold;
    color:#000000;
}

#praca ol li {
   padding-bottom:10px;
}

 #praca {
   margin-left:20px;
}

.aktualnosc_zdj {
    float:left;
    margin:4px;
    padding:3px;
    border:1px solid #9F9943;
}

.zdjecie {
    margin:4px;
    padding:3px;
    border:1px solid #DADADA;
}

#galeria img {
    margin:4px;
    padding:3px;
    border:1px solid #9F9943;
}

.aktualnosc_data {
    color:#FDD71E;
    font-weight: normal;
}

.data_dodania {
    font-size:9px;
    color:#AFAFAF;
}

/* -------------------------------------------------------------- */
/* przeszkadzacz
/* -------------------------------------------------------------- */
 
#przeszkadzacz {
    width: 960px; 
    height: 348px; 
    position: relative; 
}
 
#przeszkadzacz img {
    border:0; 
    width: 960px; 
    height: 348px;
}

#przeszkadzacz h1 {
	color: #6D6712;
    margin: 0; 
    text-align: left; 
    font-weight: bold; 
    font-size: 18px; 
    line-height: normal;
}
 
.przeszkadzacz_opis {
    position: absolute;
    bottom: 20px; 
    left: 0px; 
    text-align: left;
    z-index: 6; 
    margin-right: 90px;
    padding: 15px;
    background: url('../grafika/trans.png');
}

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

.przeszkadzacz .nazwa a {
    display: block;
}


.tab_partnerzy {
	width:740px;
	border:0;
}
 
.tab_partnerzy .lp {
    width:30px
}
 
.tab_partnerzy .wybierz_firmie {
    width:370px
}
 
.tab_partnerzy .oferta {
    width:340px
}
 
#id_miasto td {
    width: 200px;	
    vertical-align: top;
}
 

#id_miasto a.selected {
    color: #000000;
}