body {

margin: 0px;
font-family: Arial;
font-size: 11px;
color: #3B3B3B;
background: #e7f0f5 url('../images/background_main.jpg') repeat-x;
background-position: fixed;
}

A:link		{ color: #000000; text-decoration: underline; }
A:visited	{ color: #000000; text-decoration: underline; }
A:hover		{ color: #000000; text-decoration: underline; }

td {
font-family: Arial;
font-size: 12px;
color: #000000;
}

td.forms {
font-family: Arial;
font-size: 11px;
color: #011236;
font-weight: bold;
vertical-align: middle;
margin-right: 8px;
}

td.forms_txt {
font-family: Arial;
font-size: 11px;
color: #011236;
text-align: left;
}

td.prod_opis {
font-family: Arial;
font-size: 12px;
color: #3B3B3B;
line-height: 16px;

}

td.text_small {
font-family: Arial;
font-size: 10px;
color: #3B3B3B;
}

td.footer {
font-family: Arial;
font-size: 11px;
color: #878174;
}


.przypis { font-size:10px; line-height: 10px; }

A.footer_link:link		{ font-family: Arial; font-size: 11px; color: #878174; text-decoration: none; }
A.footer_link:visited	{ font-family: Arial; font-size: 11px; color: #878174; text-decoration: none; }
A.footer_link:hoover	{ font-family: Arial; font-size: 11px; color: #878174; text-decoration: none; }


/* TYTULY LIST PRODUKTOW - definicje kolor�w */

.prod_title_jdwb	{ color: #339933; font-family: Arial; font-size: 12px; font-weight: bold; }
.prod_title_obj		{ color: #6F2970; font-family: Arial; font-size: 12px; font-weight: bold; }
.prod_title_pelnia	{ color: #255e7b; font-family: Arial; font-size: 12px; font-weight: bold; }


.prod_title_loki	{ color: #833350; font-family: Arial; font-size: 12px; font-weight: bold; }
.prod_title_prost	{ color: #1FB670; font-family: Arial; font-size: 12px; font-weight: bold; }

.prod_title_lk		{ color: #B85F41; font-family: Arial; font-size: 12px; font-weight: bold; }
.prod_title_ek		{ color: #D1855B; font-family: Arial; font-size: 12px; font-weight: bold; }

.prod_title_codz	{ color: #54ABCC; font-family: Arial; font-size: 12px; font-weight: bold; }
.prod_title_lup		{ color: #485894; font-family: Arial; font-size: 12px; font-weight: bold; }

.prod_title_gm		{ color: #262320; font-family: Arial; font-size: 12px; font-weight: bold; }
.prod_title_ir		{ color: #C7AB5C; font-family: Arial; font-size: 12px; font-weight: bold; }

.prod_title_odnowa	{ color: #1f835f; font-family: Arial; font-size: 12px; font-weight: bold; }
.prod_title_kontrola{ color: #333077; font-family: Arial; font-size: 12px; font-weight: bold; }



/* KLASY DO LISTY PRODUKTOW */

TABLE.list {
margin-top: 10px;
margin-left: 10px;
}

TD.list_normal {
height: 15px;
vertical-align: middle;
background: url('../images/list_element.gif') no-repeat 0px 6px;
padding-left:13px;
color: #000000;
font-size: 11px;
}

TD.list_selected {
height: 15px;
vertical-align: middle;
background: url('../images/list_element_selected.gif') no-repeat 0px 6px;
padding-left:13px;
color: #49738B;
font-size: 11px;
text-decoration: none;
}

A.list_link:link	{ text-decoration: none; color: #000000; }
A.list_link:visited	{ text-decoration: none; color: #000000; }
A.list_links:hover	{ text-decoration: none; color: #000000; }

UL.lista {
margin-top: 10px;
margin-left: 25px;
}


/* FORMULARZE */

INPUT.formularz {
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
font-family: Arial;
font-size: 12px;
color: #000000;
}

SELECT.formularz {
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
font-family: Arial;
font-size: 12px;
color: #000000;
}

.askiris_detail{
	position: relative;
	left: 5px;
	width: 315px;
	height: 270px;
	overflow: auto;
	scrollbar-face-color: #CEB26B;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
}

#box_szampon{
	width:680px;
	height:434px;

}

#menu_szampon{
	width:200px;
	height:294px;
	float:left;
	margin-top: 140px;
}

#menu_szampon span, #menu_szampon table{
	margin-left:10px;
}

#szampon{
	width:157px;
	height:434px;
	float:left;
}

#lewa_szampon{
	width:307px;
	height:380px;
	float:left;
	margin-left:16px;
	margin-top: 44px;
	position: relative;
}

#lewa_szampon span{
	padding-right: 15px;
	width: 292px;
}

#szampon_buttons{
	position: absolute;
	top: 274px;
	left: 0;
	width:307px;
	height:116px;
}

#program_odnowy, #program_kontroli{
	background: url('../images/products/tlo_program_odnowy.jpg') no-repeat;
	width: 680px;
	height: 434px;
}

#program_kontroli{
	background: url('../images/products/tlo_program_kontroli.jpg') no-repeat;
}

#image_map{
	 float:left;
	 width: 355px;
	 height: 434px;
}

#image_map img{
	margin:40px 0 0 50px;
}

#program_odnowy_1{
	 margin: 60px 10px 0 2px;
	 float:left;
	 width:303px;
	 height: 374px;
}

#program_odnowy_1 p{
	 margin: 7px 0 2px 0;
	 padding: 0;
}


#odnowa_box_left{
	background: url('../images/products/tlo_program_odnowy_left.jpg') no-repeat;
	width: 224px;
	height: 434px;
	color: #000636;
}

#odnowa_box_left_1 a{
	border: 0 #555978 dotted;
	border-bottom-width: 1px;
	color: #000636;
	text-decoration: none;
}

#odnowa_box_left_1 a:hover{
	border-bottom-width: 0;
}

#odnowa_box_left_1{
	padding: 0 0 0 92px;
	height:434px;
	position: relative;
}

#a1{
	position:absolute;
	top: 108px;
}

#a2{
	position:absolute;
	top: 238px;
}

#a3{
	position:absolute;
	top: 298px;
}

#a4{
	position:absolute;
	top: 378px;
}

.right_box_konkurs {
background: url(../konkurs/img/right_box_konkurs.jpg) 0 0 no-repeat;
width: 224px;
height: 158px;
position: relative;
}

.right_box_konkurs a {
position: absolute; top: 105px; left: 90px;
}

.right_box_kalkulator {
background: url(../konkurs/img/right_box_kalkulator.jpg) no-repeat;
width: 224px;
height: 122px;
position: relative;
}

.right_box_kalkulator a {
position: absolute; top: 65px; left: 90px;
}

.right_box_opinie {
background: url(../konkurs/img/right_box_opinie.jpg) no-repeat;
width: 224px;
height: 154px;
position: relative;
}

.right_box_opinie a {
position: absolute; top: 85px; left: 90px;
}

.right_box_fakebox {
background: url(../konkurs/img/right_box_fakebox.jpg) no-repeat;
width: 224px;
height: 434px;
position: relative;
}

#aktualnosci{
	background: url(../images/title_aktualnosci.jpg) no-repeat;
	 position: absolute;
	 width: 320px;
	 height: 300px;
	 top: 20px;
	 padding-top: 40px;
	 left: 320px;
}
#opinie {
 position: absolute;
 top: 0;
 left: 0;
 width: 450px;
 margin-left: 220px;
 margin-top: 80px;
 text-align: left;
 color: #514F4F;
}

#opinie p {
 margin: 0;
 padding: 0;
 margin-bottom: 7px; 
}

#opinie ul {
width: 400px;
margin: 0;
padding: 0;
margin-left: 0px;
padding-left: 15px;
}

#opinie li {
 margin-bottom: 5px;
}

p.dotted  {
	padding-bottom: 10px;
	border-bottom:  1px #000000 dotted;
}
/*      LAYER      */

.showLayer {
    text-decoration: none !important;
}
.hidePopupInformation {
    display: none;
}
#hideLayerBg {
    background-image: url(../images/hide-layer/layer-bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
    position: absolute;
  /*  left: 178px; */
    left: 20px;
    top: -99999px;
    width: 908px;
    height: 483px;
}
#hideLayerInner {
    position: absolute;
    /* left: 178px; */
    left: 20px;
    top: -9990px;
    width: 908px;
    height: 483px;
} 
#hideLayerInner a.close {
    position: absolute;
    right: 265px;
    top: 23px;
    width: 32px;
    height: 32px;
    outline: none;
    text-indent: -9000em;
    *font-size: 0;
    *overflow: hidden;
    cursor: pointer;
    background: url(../images/hide-layer/close.png) no-repeat 0 0;
}
#hideLayerInner .outsideContent {
    left: 275px;
    position: absolute;
    top: 135px;
    height: 196px;
    width: 323px;
}
#hideLayerInner .outsideContent .content {
    height: 186px;
    width: 323px;
    color: #1b1b1b;
    font-size: 11px;
    font-family: tahoma;
    padding-bottom: 10px;
}
.scroll-pane p{
    line-height: 14px;
}
.scroll-pane h2 {
    font-size: 22px;
    margin: 0;
    color: #10acc8;
}
.scroll-pane a {
    color: #00a7c4 !important;
    text-decoration: underline !important;
}







/*     jScrollPane     */

.scroll-pane {       
    width: 300px;    /*  KONIECZNIE  */
    height: 195px;   /*  KONIECZNIE  */
    overflow: auto;  /*  KONIECZNIE  */
}
    
.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
    outline: none;
}
/*   --------------  LINIA  -------------   */
.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: url(../images/hide-layer/scroll-line.png) no-repeat 0 0;
}
/*   --------------  SCROLL  -------------   */
.jScrollPaneDrag {
    position: absolute;
    background: url(../images/hide-layer/scroll.png) no-repeat 0 0;
    cursor: pointer;
    overflow: hidden;
    left: -1px;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowUp:hover {
    /*background-color: #f60;*/
}

a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    /*background-color: #666;*/
    height: 9px;
}
a.jScrollArrowDown:hover {
    /*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
    /*background-color: #f00;*/
}