/*******************************/
/*  Created by Damian Bonar    */
/*  Copyright by IguanaStudio  */
/*******************************/

@import url('reset.css');

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 12px;
	font-family: 'Arial', 'Tahoma', 'Verdana', 'Myriad Pro', Trebuchet, sans-serif;
	background: #FFF url(images/bg.gif) repeat-x 0 0;
	color: #616161;
}

a {
    color: #a90000;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

p {
    padding-bottom: 15px;
    line-height: 155%;
    text-align: justify;
}

.ico_wiecej {
    position: relative;
    bottom: -1px;
}

.clear {
    clear: both;
}

/* NAGLOWKI */

div#left h2 {
    font-size: 16px;
    color: #6c6c6c;
    line-height: 120%;
}

div#left h3 {
    font-size: 21px;
    color: #000;
    line-height: 120%;
}

div#left div.left_content {
    padding: 0 13px;
}

div#left div.left_content h3 {
    padding: 0 0 0 9px;
}

div.left_content ul.dane_kontaktowe {
    color: #343434;
    padding-top: 22px;
    width: 160px;
    margin: 0;
    line-height: normal;
}

div.left_content ul.dane_kontaktowe li {
    border-bottom: 1px #e5e5e5 solid;
    padding: 5px 0 5px 8px;
    background: none;
}

div.left_content ul.dane_kontaktowe li a {
    text-decoration: none;
}

div.left_content ul.dane_kontaktowe li a:hover {
    text-decoration: underline;
}

div#right h2 {
    font-size: 18px;
    color: #af0101;
    border-bottom: 1px #e5e5e5 solid;
    margin-bottom: 15px;
    margin-top: 20px;
    padding: 0 0 11px 0;
}

div#right h2.technologia_title {
    background:transparent url(images/icon_zwin_rozwin.gif) no-repeat 4px 3px;
    padding-left: 26px;
    cursor: pointer;
}

div#right h2.technologia_title.active {
    background-position: 4px -30px;
}

div#right h3 {
    font-size: 16px;
    color: #999;
    margin-bottom: 15px;
    font-family: 'Trebuchet MS', 'Tahoma', 'Arial', 'Verdana', 'Myriad Pro', sans-serif;
}

div#wrapper {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

div#top {
    width: 980px;
    height: 128px;
}

div#shadow_left {
    width: 15px;
    height: 312px;
    position: absolute;
    top: 161px;
    left: -15px;
    background: transparent url(images/shadow_left.jpg) no-repeat 0 0;
}

div#shadow_right {
    width: 15px;
    height: 312px;
    position: absolute;
    top: 161px;
    right: -15px;
    background: transparent url(images/shadow_right.jpg) no-repeat 0 0;
}

/* MENU */

ul#menu {
    width: 980px;
    height: 33px;
    background: transparent url(images/menu.gif) no-repeat 0 0;
    padding-left: 6px;
    line-height: normal;
    margin: 0;
}

ul#menu li {
    height: 23px;
    float: left;
    margin-right: 13px;
    padding: 5px 0 0 0;
    background: none;
}

ul#menu li a {
    display: block;
    width: 100%;
    height: 23px;
    float: left;
}

ul#menu li.strona_glowna { width: 151px; }
ul#menu li.oferta { width: 91px; }
ul#menu li.o_nas { width: 82px; }
ul#menu li.gdzie_kupic { width: 121px; }
ul#menu li.kontakt { width: 102px;  }

ul#menu li.strona_glowna a:hover,
ul#menu li.strona_glowna a.active { background: transparent url(images/menu.gif) no-repeat -6px -38px; }
ul#menu li.oferta a:hover,
ul#menu li.oferta a.active { background: transparent url(images/menu.gif) no-repeat -170px -38px; }
ul#menu li.o_nas a:hover,
ul#menu li.o_nas a.active { background: transparent url(images/menu.gif) no-repeat -274px -38px; }
ul#menu li.gdzie_kupic a:hover,
ul#menu li.gdzie_kupic a.active { background: transparent url(images/menu.gif) no-repeat -369px -38px; }
ul#menu li.kontakt a:hover,
ul#menu li.kontakt a.active { background: transparent url(images/menu.gif) no-repeat -503px -38px; }

/* GLOWNY SLIDER */

div#main_slider {
    width: 980px;
    height: 310px;
}

/* GLOWNA CZESC */

div#main {
    background: transparent url(images/bg_main.gif) repeat-x 0 0;
    width: 980px;
    overflow: hidden;
    height: 100%;
    padding: 30px 0 50px 0;
}

div#left {
    float: left;
    width: 230px;
    margin-left: 3px;
    padding-top: 20px;
}

div#right {
    float: right;
    width: 740px;
    padding-top: 5px;
}

div#right div.right_content {
    padding: 0 18px;
}

.company_logo {
    padding: 0 0 5px 257px;
}

.company_link {
    float: right;
    font-size: 16px;
    margin: 24px 16px 0 0;
    color: #6c6c6c;
    text-decoration: underline;
}

.company_link:hover {
    text-decoration: none;
}

/* LEWE MENU */

div#left ul#left_menu {
    width: 180px;
    height: 198px;
    margin: 0 0 60px 30px;
    line-height: normal;
}

div#left ul#left_menu li {
    width: 180px;
    height: 28px;
    margin-bottom: 6px;
    padding: 0;
    background: none;
}

div#left ul#left_menu li.revol_france {
    margin-bottom: 0;
}

div#left ul#left_menu li a {
    width: 180px;
    height: 28px;
    display: block;
}

ul#left_menu li.rorstrand a { background: transparent url(images/sub_menu.jpg) no-repeat 0 0; }
ul#left_menu li.bodanova a { background: transparent url(images/sub_menu.jpg) no-repeat 0 -34px; }
ul#left_menu li.hoganas_keramik a { background: transparent url(images/sub_menu.jpg) no-repeat 0 -68px; }
ul#left_menu li.riess a { background: transparent url(images/sub_menu.jpg) no-repeat 0 -102px; }
ul#left_menu li.skagerak_denmark a { background: transparent url(images/sub_menu.jpg) no-repeat 0 -136px; }
ul#left_menu li.revol_france a { background: transparent url(images/sub_menu.jpg) no-repeat 0 -170px; }

ul#left_menu li.rorstrand a:hover,
ul#left_menu li.rorstrand a.active { background-position: -180px 0; }
ul#left_menu li.bodanova a:hover,
ul#left_menu li.bodanova a.active { background-position: -180px -34px; }
ul#left_menu li.hoganas_keramik a:hover,
ul#left_menu li.hoganas_keramik a.active { background-position: -180px -68px; }
ul#left_menu li.riess a:hover,
ul#left_menu li.riess a.active { background-position: -180px -102px; }
ul#left_menu li.skagerak_denmark a:hover,
ul#left_menu li.skagerak_denmark a.active { background-position: -180px -136px; }
ul#left_menu li.revol_france a:hover,
ul#left_menu li.revol_france a.active { background-position: -180px -170px; }

/* FORMULARZ ZAINTERESOWANY */

form#zainteresowany_form {
    width: 228px;
    border: 1px #e3e3e3 solid;
    padding-bottom: 23px;
}

form#zainteresowany_form h2 {
    padding: 20px 0 18px 0;
}

form#zainteresowany_form fieldset {
    width: 180px;
    margin: 0 auto;
}

form#zainteresowany_form label {
    display: block;
    padding: 8px 0 3px 0;
    color: #616161;
    font-size: 11px;
}

form#zainteresowany_form label.req_info {
    color: #b0b0b0;
    font-size: 10px;
    padding-bottom: 14px;
}

form#zainteresowany_form input, form#zainteresowany_form textarea {
    width: 176px;
}

form#zainteresowany_form input:focus, form#zainteresowany_form textarea:focus {
    /*border: 1px #981a1a solid;*/
}

form#zainteresowany_form button {
    width: 180px;
    height: 23px;
    background: transparent url(images/b_wyslij.gif) no-repeat 0 0;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

form#zainteresowany_form button:hover {
    background-position: 0 -23px;
}

form#zainteresowany_form label.error {
    color: #FF0000;
    font-size: 10px;
    padding-top: 4px;
}

form#zainteresowany_form input.error, form#zainteresowany_form textarea.error {
    background: transparent url(images/error.gif) no-repeat 163px 4px;
}

div.potw_zainteresowany {
    color: green;
    font-size: 11px;
    text-align: center;
    padding-bottom: 9px;
}

/* FORMULARZE - elementy wspolne */

input, textarea, select {
    border: 1px #bfbfbf solid;
    padding: 2px;
    color: #000;
}

/* GALERIA */

div#galeria {
    width: 740px;
    height: 540px;
    margin-bottom: 15px;
}

/* DOLNE BOXY */

ul#bottom_boxes {
    width: 980px;
    height: 113px;
    background-color: #000;
    line-height: normal;
    margin: 0;
}

ul#bottom_boxes li {
    float: left;
    background: none;
    padding: 0;
}

ul#bottom_boxes li.small_slider {
    width: 491px;
    height: 113px;
}

ul#bottom_boxes li.onas_box {
    background: transparent url(images/bg_onas_box.gif) no-repeat 0 0;
    width: 175px;
    height: 73px;
    padding: 40px 25px 0 28px;
}

ul#bottom_boxes li.onas_box p, ul#bottom_boxes li.wspolpraca p {
    padding: 0;
    line-height: 115%;
    text-align: left;
}

ul#bottom_boxes li.onas_box p a, ul#bottom_boxes li.wspolpraca p a {
    font-family: 'Tahoma', 'Arial', 'Verdana', 'Myriad Pro', Trebuchet, sans-serif;
    color: #a8a8a8;
    font-size: 11px;
    text-decoration: none;
}

ul#bottom_boxes li.onas_box p a:hover, ul#bottom_boxes li.wspolpraca p a:hover {
    text-decoration: underline;
}

ul#bottom_boxes li.wspolpraca {
    padding: 40px 25px 0 28px;
    width: 208px;
    height: 73px;
    background: transparent url(images/bg_wspolpraca_box.jpg) no-repeat 0 0;
}

ul#bottom_boxes li.wspolpraca a {

}

/* LOGOS */

ul.logos {
    width: 220px;
    height: 236px;
    background: transparent url(images/logos.gif) no-repeat 0 0;
    margin: 0 0 25px 7px;
    line-height: normal;
}

ul.logos li {
    float: left;
    background: none;
    padding: 0;
}

ul.logos li.revol {
    width: 86px;
    height: 76px;
    margin: 0 20px 20px 0;
}

ul.logos li.rorstrand {
    width: 114px;
    height: 76px;
    margin-bottom: 20px;
}

ul.logos li.hoganas {
    width: 86px;
    height: 77px;
    margin: 0 20px 18px 0;
}

ul.logos li.skagerak {
    width: 114px;
    height: 77px;
    margin-bottom: 18px;
}

ul.logos li.riess {
    width: 86px;
    height: 45px;
    margin-right: 20px;
}

ul.logos li.bodanova {
    width: 114px;
    height: 45px;
}

ul.logos li a {
    float: left;
    display: block;
    width: 100%;
    height: 100%;
}

ul.logos li.revol a:hover,
ul.logos li.revol a.active { background: transparent url(images/logos.gif) no-repeat 0 -236px; }
ul.logos li.rorstrand a:hover,
ul.logos li.rorstrand a.active { background: transparent url(images/logos.gif) no-repeat -106px -236px; }
ul.logos li.hoganas a:hover,
ul.logos li.hoganas a.active { background: transparent url(images/logos.gif) no-repeat 0 -332px; }
ul.logos li.skagerak a:hover,
ul.logos li.skagerak a.active { background: transparent url(images/logos.gif) no-repeat -106px -332px; }
ul.logos li.riess a:hover,
ul.logos li.riess a.active { background: transparent url(images/logos.gif) no-repeat 0 -427px; }
ul.logos li.bodanova a:hover,
ul.logos li.bodanova a.active { background: transparent url(images/logos.gif) no-repeat -106px -427px; }

/* LISTA */

ul, ol {
    margin: 0 0 15px 10px;
    line-height: 135%;
    overflow: hidden;
    height: 100%;
}

ul li, ul.horizontal_list li {
    padding: 3px 0 3px 10px;
    background: transparent url(images/ico_arrow_red.gif) no-repeat 0 9px;
}

ul.horizontal_list li {
    float: left;
}

ul.gdzie_kupic li {
    width: 220px;
}

ul.gdzie_kupic li a {
    text-decoration: none;
    color: #616161;
}

ul.gdzie_kupic li a:hover {
    text-decoration: underline;
    color: #a90000;
}

ol {
    list-style: decimal;
    overflow: visible;
    padding-left: 27px;
    margin-left: 0;
}

ol li {
    padding: 3px 0 3px 2px;
    list-style: decimal;
}

ul.tech_list {
    list-style: none;
    margin-left: 0;
}

ul.tech_list li {
    padding: 0;
    background: none;
    height: 60px;
    padding-left: 70px;
    padding-top: 8px;
    border-bottom: 1px #F9f9f9 dotted;
    margin: 10px 0;
    text-align: justify;
}

ul.tech_list li.r_1 {
    background: transparent url(images/ico_r_1.jpg) no-repeat 0 0;
}

ul.tech_list li.r_2 {
    background: transparent url(images/ico_r_2.jpg) no-repeat 0 0;
    padding-top: 17px;
    height: 51px;
}

ul.tech_list li.r_3 {
    background: transparent url(images/ico_r_3.jpg) no-repeat 0 0;
    padding-top: 17px;
    height: 51px;
}

ul.tech_list li.r_4 {
    background: transparent url(images/ico_r_4.jpg) no-repeat 0 0;
    padding-top: 17px;
    height: 51px;
}

ul.tech_list li.h_1 {
    background: transparent url(images/ico_h_1.jpg) no-repeat 0 0;
    height: 40px;
    padding-top: 21px;
}

ul.tech_list li.h_2 {
    background: transparent url(images/ico_h_2.jpg) no-repeat 0 0;
    height: 40px;
    padding-top: 21px;
}

ul.tech_list li.h_3 {
    background: transparent url(images/ico_h_3.jpg) no-repeat 0 0;
    height: 40px;
    padding-top: 21px;
}

ul.tech_list li.h_4 {
    background: transparent url(images/ico_h_4.jpg) no-repeat 0 0;
    height: 45px;
    padding-top: 16px;
}

ul.tech_list li.h_5 {
    background: transparent url(images/ico_h_5.jpg) no-repeat 0 0;
    height: 45px;
    padding-top: 16px;
}

ul.tech_list li.h_6 {
    background: transparent url(images/ico_h_6.jpg) no-repeat 0 0;
    height: 40px;
    padding-top: 21px;
}

ul.tech_list li.rv_1 {
    background: transparent url(images/ico_rv_1.jpg) no-repeat 0 0;
    height: 34px;
    padding-top: 18px;
}

ul.tech_list li.rv_2 {
    background: transparent url(images/ico_rv_2.jpg) no-repeat 0 0;
    height: 34px;
    padding-top: 18px;
}

ul.tech_list li.rv_3 {
    background: transparent url(images/ico_rv_3.jpg) no-repeat 0 0;
    height: 34px;
    padding-top: 18px;
}

ul.tech_list li.rv_4 {
    background: transparent url(images/ico_rv_4.jpg) no-repeat 0 0;
    height: 41px;
    padding-top: 11px;
}

ul.tech_list li.rv_5 {
    background: transparent url(images/ico_rv_5.jpg) no-repeat 0 0;
    height: 34px;
    padding-top: 18px;
}

ul.tech_list li.rv_6 {
    background: transparent url(images/ico_rv_6.jpg) no-repeat 0 0;
    height: 34px;
    padding-top: 18px;
}

/* GDZIE KUPIC - sklepy */

ul.sklepy {
    float: left;
	margin: 0;
	padding: 0;
}

ul.sklepy li {
    width: 212px;
	height: 110px;
	border-left: 3px solid #e3e3e3;
	padding: 0 0 0 10px;
	margin: 10px 5px;
	background: none;
	float: left;
}

ul.sklepy li.last {
    width: 185px;
}

ul.sklepy li span {
	display: block;
	line-height: 150%;
}

/* KONTAK */

form#kontakt_form ul {
    width: 495px;
    padding-bottom: 25px;
    margin: 0;
    line-height: normal;
}

form#kontakt_form ul li {
    padding: 4px 0;
    overflow: hidden;
    height: 100%;
    background: none;
}

form#kontakt_form ul li.nazwa_firmy, form#kontakt_form ul li.telefon {
    float: right;
}

form#kontakt_form ul li label {
    display: block;
    padding-bottom: 4px;
}

form#kontakt_form ul li input  {
    width: 230px;
}

form#kontakt_form ul li textarea {
    width: 489px;
}

form#kontakt_form ul li.submit {
    padding-top: 10px;
}

form#kontakt_form ul li.submit button {
    width: 180px;
    height: 23px;
    background: transparent url(images/b_wyslij.gif) no-repeat 0 0;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

form#kontakt_form ul li.submit button:hover {
    background-position: 0 -23px;
}

form#kontakt_form ul li input:focus, form#kontakt_form ul li textarea:focus {
    /*border: 1px #981a1a solid;*/
}

form#kontakt_form ul li label.error {
    color: #FF0000;
    font-size: 10px;
    padding-top: 4px;
}

form#kontakt_form ul li input.error, form#kontakt_form ul li textarea.error {
    background: transparent url(images/error.gif) no-repeat 217px 4px;
}

div.potw {
    color: green;
    font-size: 12px;
    text-align: center;
    width: 495px;
    padding-bottom: 10px;
}

/* PLIKI DO POBRANIA */

ul#pobierz {
	border-top: 1px solid #dedede;
    padding: 0 0 15px 0;
    clear: both;
    margin-left: 0;
}
ul#pobierz li {
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
	background: none;
	padding: 0;
}
ul#pobierz li a {
	display: block;
	background: #f9f9f9 url(images/icon_pdf.gif) no-repeat 10px center;
	text-decoration: none;
	padding: 7px 7px 7px 40px;
	color: #202020;
}
ul#pobierz li a:hover {
	background-color: #fff4ed;
}

/* LINKI W STOPCE */

ul#footer_links {
    clear: both;
    width: 957px;
    background: transparent url(images/bg_footer_links.gif) repeat-x 0 0;
    padding: 23px 0 10px 23px;
    overflow: hidden;
    height: 100%;
    line-height: normal;
    margin: 0;
}

ul#footer_links li {
    float: left;
    padding: 1px 55px 1px 0;
    overflow: hidden;
    height: 100%;
    background: none;
}

ul#footer_links li a {
    background: transparent url(images/ico_arrow.gif) no-repeat 0 6px;
    padding: 1px 0;
    padding-left: 8px;
    color: #808080;
    text-decoration: none;
    float: left;
    font-size: 11px;
    font-family: 'Tahoma', 'Arial', 'Verdana', 'Myriad Pro', Trebuchet, sans-serif;
}

ul#footer_links li a:hover {
    text-decoration: underline;
}

ul#footer_links li ul {
    clear: both;
    margin: 0;
    line-height: normal;
    float: left;
}

ul#footer_links li ul li {
    padding: 5px 0;
    background: none;
    width: auto;
}

ul#footer_links li.last {
    padding-right: 0;
}

/* STOPKA */

div#footer {
    clear: both;
    width: 980px;
    border-top:1px #e5e5e5 solid;
    overflow: hidden;
    height: 100%;
    padding: 13px 0;
    font-size: 11px;
    font-family: 'Tahoma', 'Arial', 'Verdana', 'Myriad Pro', Trebuchet, sans-serif;
    color: #7F7F7F;
}

div#footer a {
    color: #7F7F7F;
    text-decoration: underline;
}

div#footer a:hover {
    text-decoration: none;
}

div#footer div#copyright {
    float: left;
    padding-left: 19px;
}

div#footer div#iguana {
    float: right;
    padding-right: 19px;
}

.flash-update p {
    padding-top: 5px;
    color: red;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}