@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: #000000;
    font-family: Tahoma, sans;
    font-size: 11px;
    line-height: 18px;
    background-color: #FFFFFF;
}

/* 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; }
.noborder      { border: 0; }

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
/* -------------------------------------------------------------- */

.glowna {
    background: url('../grafika/tlo_glowna.gif') repeat-x;
}

.glowna_ {
   background: url('../grafika/tlo_glowna_.gif') repeat-x;
}

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

#logo {
	width:169px;
	height:106px;
	float: left;
}

#jezyki {
  	background: url('../grafika/jezyki_tlo.jpg') no-repeat;
	width:819px;
	height:42px;	
	float: left;
}

#wybor_jezyka{
    text-align: right;
    color: #B39C8A;
    padding-top: 15px;
}

#wybor_jezyka select {
	margin-left: 5px;
    color: #512302;
}

#menuGl {
	width:819px;
	height:64px;
	float: left;
}

#baner {
	width:988px;
	height:117px;
}

#tresc {
    width:988px;
    margin-bottom: 20px;
}

#tresc_lewa {
    float: left;
    width: 300px;
}

#tresc_lewa_ {
    float: left;
    width: 302px;
    background: url('../grafika/tlo-podstrona-lewa.jpg') top right no-repeat;
}

#tresc_prawa {
    width: 686px;
    float: right;
}

#naszeMarki {
	width:988px;
	height:87px;
	float:left;
}

#naglowek {
	padding-top: 25px;
	padding-left: 10px;
    width: 610px;
}

#stopka {
	margin-top: 15px;
    height: 58x;
	font-size: 11px;
	color: #b49b8b;
}

#stopka_zawartosc {
	/*background: url('../grafika/tlo-stopka.gif') repeat-x;*/
	width: 988px;
	margin: auto;
    /*height: 58px;*/
}

#stopka_mokate {
    float: left;
    width: 200px;
    text-align: left;
    line-height: normal;
    margin-top: 15px;
}

#stopka_menu {
    float: right;
    width: 750px;
    text-align: right;
    line-height: normal;
    margin-top: 15px;
    padding-left: 0px; 
}

#stopka_euforia {
    float: right;
    width: 550px;
    text-align: right;
    padding-right: 0px;
    line-height: normal;
    margin-top: 10px;
}

#tresc p:last-child {
    margin-bottom: 0;
}

#ikony_podstrona_lewa{
	height: 57px;
	padding-left: 4px;
	padding-top: 7px;
}

#ikony_podstrona_lewa a {
    margin-right: 10px;
}

/* -------------------------------------------------------------- */
/* LINKI
/* -------------------------------------------------------------- */

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

a:hover {
    color: #000000;
}

#stopka a {
    color: #B39C8A;
}

#stopka a:hover {
    color: #000000;
}

#stopka_menu a {
    margin-left: 20px;
}


/* -------------------------------------------------------------- */
/* WYSZUKIWARKA
/* -------------------------------------------------------------- */

#wyszukiwarka {
	border: 1px solid #B39C8A;
	text-align: center;
	margin-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 47px;
	color: #B39C8A;
}

#szukaj_tekst {
	float: left;
	width: 75px;
	text-align: right;
	padding-right: 5px;
}

#szukaj_form {
    float: left;
    width: 180px;
    border: 1px solid #B39C8A;
    padding: 3px;
}

#szukaj_submit {
    width: 13px;
    height: 13px;
    margin-left: 5px;
    background: url('../grafika/szukaj-ico.gif');
    float: left;
    border:0;
    cursor: pointer;
}

.form_szukaj {
    padding: 0px;
    width: 160px;
    float: left;
    color: #565656;
    border:0;
}

/* -------------------------------------------------------------- */
/* MENU LEWE
/* -------------------------------------------------------------- */

li.menu_link_ {
    font-weight:normal;
    padding: 2px;
    padding-left:0px;
    margin-bottom:0px;
    margin-left:0px;
}

a.sub_{
    text-decoration:none;
    font-weight:bold;
}

#box_menu_lewe .znacznik {
    font-size: 12px;
    margin-right: 3px;	
}

#box_menu_lewe ul {
    list-style: none;
}

#box_menu_lewe li {
    margin-bottom: 3px;
    margin-top: 3px;
}

#box_menu_lewe ul li li {
	padding-left: 30px;
}

.menu_link {
    font-size: 14px;
    font-weight: normal;
    font-family: arial;
}

/* -------------------------------------------------------------- */
/* NAWIGATOR BELKA
/* -------------------------------------------------------------- */

#nawigator {
    height: 22px;  
    background: url('../grafika/nawigator-tlo.gif');
    padding-top: 5px;
    padding-left: 5px;
    color: #DAC5B2;
    font-size: 11px;
}

#nawigator a {
    color: #DAC5B2;
}

#nawigator a:hover {
    color: #FFFFFF;
}

#nawigator_glowna {
    height: 27px;  
    color: #FFFFFF;
}

#nawigator_glowna a {
    color: #FFFFFF;
}

#nawigator_glowna a:hover {
    color: #EDD494;
}


#nawigator_glowna #nag1 {
    background: #6A3817;
    float: left;
    width: 229px;
    height: 27px;  
    border-right: 1px solid #FFFFFF;
}

#nawigator_glowna #nag2 {
    background: #996533;
    float: left;
    width: 226px;
    height: 27px; 
    border-right: 1px solid #FFFFFF;
}

#nawigator_glowna #nag3 {
    background: #913F0D;
    float: left;
    width: 229px;
    height: 27px;  
}

#nag1 p, #nag3 p {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 10px;
    font-size: 12px;
}

#nag2 p {
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 10px;
    font-size: 11px;
}
	
/* -------------------------------------------------------------- */
/* TREŚĆ STRONA GŁÓWNA
/* -------------------------------------------------------------- */

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

#tresc_glowna {
    margin-top: 20px;   
}

#aktualnosci_glowna {
	float: left;
	width: 450px;
}

#biuletyn_glowna {
    float: right;
    width: 225px; 
    color: #6A624D;
}

.nag {
    margin-top: 20px;
    margin-bottom: 10px;    
}

/* -------------------------------------------------------------- */
/* TREŚĆ WŁAŚCIWA
/* -------------------------------------------------------------- */

#tresc_wlasciwa img {
    padding: 4px;
    border: 1px solid #6A3817;
    margin:6px;
    margin-bottom: 6px;
}

#tresc_wlasciwa .separator {
    border: 0px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 7px;
    margin-bottom: 7px;
}

#tresc_wlasciwa {
    text-align: justify;
}

h1, .naglowek {
    /*background-color:#F4F1EA;*/
    color:#5c2201;
    font-weight:bold;
    font-size:14px;
    padding:5px;
    padding-left:0;
}

h2 {
    font-size:16px;
    padding:0px;
    font-weight: bold;
    color: #6A3817;
}

/*
#tresc_wlasciwa ol, #tresc_wlasciwa ul {
	background-color:#F4F1EA;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px; 
	margin-left: 10px;
	border-top: 1px solid #ddd3b9;
	border-bottom: 1px solid #ddd3b9;
}

#tresc_wlasciwa li {
	background-color:#F4F1EA;
	margin-left:20px; 
	padding-right: 10px;
}
*/
    
#tresc_wlasciwa ol, #tresc_wlasciwa ul {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px; 
    margin-left: 10px;
    border-top: 0px solid #B39C8A;
    border-bottom: 0px solid #B39C8A;
}

#tresc_wlasciwa ol {
	font-weight: bold;
}

#tresc_wlasciwa ol li {
    font-weight: normal;
}
    
/* -------------------------------------------------------------- */
/* MODUŁ PODKATEGORIA
/* -------------------------------------------------------------- */

.podkategoria {
    width: 680px;
    clear:both;
    margin-bottom: 5px;
    margin-top: 15px;
    margin: auto;
}

.podkategoria img {
    margin:0px;
}

.podkategoria .opis {
    float: right;
    width: 555px;
    text-align: justify;
    padding-top: 5px;
}

.podkategoria .opis_ {
    width: 675px;
    text-align: justify;
    padding-top: 5px;
}

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

.podkategoria .wiecej {
    text-align: right;
    font-weight: normal;
}

.podkategoria .zdjecie {
    float: left;
    width: 120px;
    text-align: center;
    margin:0px;
}

.podkategoria .zdjecie img {
    padding: 4px;
    border: 1px solid #BFAE9C;
}

.podkategoria .zdjecie img:hover {
    padding: 4px;
    border: 1px solid #6A3817;
}

#tresc_wlasciwa .podkategoria img.zdjecie_produkt, #tresc_wlasciwa .podkategoria img.zdjecie_produkt:hover {
    border: 0px solid #BFAE9C;
}

/* -------------------------------------------------------------- */
/* MODUŁ AKTUALNOŚCI
/* -------------------------------------------------------------- */

.aktualnosc_glowna {
    margin-bottom: 6px;
}

.aktualnosc_glowna a {
	font-size: 11px;
    color: #6A624D;
}

.aktualnosc_glowna a:hover {
    color: #000000;
}

.aktualnosc_data_glowna {
	font-size: 10px;
    background: #F4F1EA;
    margin-right: 6px;
    color: #6A624D;
}

.aktualnosc_znacznik_glowna {
	font-weight: bold;
	font-size: 14px;
}

.aktualnosc_nazwa {
    font-size: 14px;
    font-weight: bold;
    font-family: arial;
    margin-bottom: 5px;
}

.aktualnosc_data {
    font-size: 10px;
    background: #F4F1EA;
    color: #6A624D;
    padding: 2px;
}

.aktualnosc {
    margin-top: 5px;
    text-align: justify;
}

.foto_akt {
    border: 1px solid #BFAE9C;
    margin: 0px 10px 4px 0 !important;
    padding: 3px;    
}

.foto_akt:hover {
    border: 1px solid #6A3817;
}

.wiecej_akt {
    text-align: right;
}

/* -------------------------------------------------------------- */
/* MODUŁ BIULETYN
/* -------------------------------------------------------------- */

#biuletyn_zawartosc  {
    margin-bottom: 30px;
}

/* -------------------------------------------------------------- */
/* FORMULARZE
/* -------------------------------------------------------------- */

input, textarea {
    border: 1px solid #693314;
}

.submit:hover{
    text-decoration:none;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    background-color:#693314;
    cursor:pointer;
}

.submit {
    text-decoration:none;
    color:#693314;
    font-size:12px;
    font-weight:bold;
    padding: 4px;
    border: 1px solid #693314;
    cursor:pointer;
}

hr {
	border:0;
	   border-bottom: 1px solid #B39C8A;
    clear: both;	
    height: 1px;
}

/* -------------------------------------------------------------- */
/* KOMUNIKATY
/* -------------------------------------------------------------- */

.komunikat {
    text-align:center;
    font-weight: bold;
    color: red;
    padding: 5px;
    border: 1px solid red;
    margin: 20px;
}

.komunikat_ok {
    text-align: center;
    font-weight: bold;
    color: #7F3B16;
    padding: 5px;
    border: 1px solid #7F3B16;
    margin: 20px;
}

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

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

.podzial_pozycja {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.podzial {
    border: 0px solid #81692C;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    margin: 2px;
    border: 1px solid #FFFFFF;
}

.podzial:hover {
    background-color: #693314;
    border: 1px solid #693314;
    color: #ffffff;
}

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

#tooltip {
    position: absolute;
    border: 1px solid #B39C8A;
    background: #ffffff;
    padding: 2px 2px;
    color: #6A3817;
    display: none;
    z-index: 11;
}