/*granity.proimex.pl*/
body {
text-align:center;
height:auto;
margin:0;
padding:0px;

}
html {
/*background-image:url(../pics/background_left.jpg);*/
background-image: url(../pics/html_background.gif);
background-repeat: repeat-y;
background-position:center;
background-position:top;
margin:0;
padding:5px;




}



p#naglowek{
  padding:0 0 30px 0;
  float:left;
  
  
  
}


.image_mango{
margin-right:10px;
padding:0;
float:left;
}
div#main{
width:740px;
margin:0 auto;
text-align:left;
padding:0px 0px 0px 0px;
border: 1px solid #FFFFFF;
height:auto;
float:left;
background:#000000;
}

div#belka_top {
width:742px;
height:22px;
margin:0px;
padding:0px;
background: url(../pics/belka_top.gif) no-repeat;
float:left;
 
  
}


div#belka_bottom {
width:742px;
height:22px;
margin:0px;
padding:0px;
background: url(../pics/belka_bottom.gif) no-repeat;
float:left;
 
  
}



div#kontener{
width:740px;
margin:0 auto;
text-align:left;
padding:0px 0px 0px 0px;
height:auto;


}



p#panel_left{
margin: 0 0 0 0px;
padding:0;
list-style-type: none;
text-align:left;
width: 156px;
float:left;
position:relative;
}

div#news_left {
position:relative;
float:left;

}




p#siedziba img{
float:right;
border:solid 1px #FFFFFF;
}

h1 {
background-image: url(../pics/header.gif);
background-repeat:no-repeat;
text-indent: -9999px;
width:740px;
padding:0;}

h2#naglowek_kontakt{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#888;
letter-spacing:2px;
position:relative;
top:-210px;
left:15px;
margin:0px;
width:720px;
}

h3{
font-family:Verdana, Arial, helvetica;
font-size:16px;
letter-spacing:1px;
padding:0;
color: #9966FF;
font-weight: normal;
height:auto;
width:300px;
margin:0;
}

h4{
font-family:Verdana, Arial, helvetica;
font-size:14px;

border-bottom: 1px dashed #E73232;
letter-spacing:1px;
padding:0;
margin:0;
margin-bottom:5px;
color:#C4FF35;
font-weight: normal;
line-height:1.2;
width:330px;
float:left;
}

h4#beach{
width:100%;}

h3#produkty, h3#produkty1,h3#produkty2,h3#produkty3,h3#produkty4,h3#produkty5{
height:14px;
background-repeat:no-repeat;
margin:0px 0px 0px 0px;
padding:3px 0px 3px 3px;


}

/*
h4#produkty3 - zmienione na h4.produkty3
*/

h4.produkty3 {
width:100%;
}
h4#produkty3 {
width:100%;


}


div#srodek_subpage{
float:left;
margin: 0px;
padding: 0px 0px 25px 10px;
width:550px;}







div#srodek_subpage_uzywane{
float:left;
position:relative;
top:0px;
left:0px;
margin: 0px;
padding: 0px 0px 0px 0px;
width:560px;}


div#srodek{
float:left;
margin:0px;
padding: 0px 0px 10px 10px;
width:400px;}



p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:0.1px;
color:#ddd;
line-height:1.7;}

/*
p#wstepniak - zmienione na: p.wstepniak
*/
p#wstepniak{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:0.1px;
color:#ddd;
line-height:1,5;
text-align:justify;
}
p.wstepniak{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:0.1px;
color:#ddd;
line-height:1,5;
text-align:justify;
}


ul{
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:0.1px;
color:#444;
line-height:1.5;
padding-left:120px;

}

/*
div#lewy - został zmieniony na div.lewy
*/
div.lewy{
float: right;
position:relative;
margin:0px;
padding:0px;
}
div#lewy{
float: right;
position:relative;
margin:0px;
padding:0px;
}


div#lewy2{
float: right;
position:relative;
left: -55px;
width:150px;
}

/*

p#wymiary_title, p#material_title, p#waga_title, p#art_title - zmieniony na: p.wymiary_title, p.material_title, p.waga_title, p.art_title

*/
p.wymiary_title, p.material_title, p.waga_title, p.art_title {
color:#BAFF00;
width:180px;
float:left;
padding:0;
padding-left:25px;
margin:0;
font-size:11px;
}
p#wymiary_title, p#material_title, p#waga_title, p#art_title {
color:#BAFF00;
width:180px;
float:left;
padding:0;
padding-left:25px;
margin:0;
font-size:11px;
}


/*
p#wymiary, p#material, p#waga, p#art - zmienione na: p.wymiary, p.material, p.waga, p.art
*/
p.wymiary, p.material, p.waga, p.art {
float:left;
padding:0;
padding-left:25px;
margin:0;
width:200px;
font-size:11px;
}

p#wymiary, p#material, p#waga, p#art {
float:left;
padding:0;
padding-left:25px;
margin:0;
width:200px;
font-size:11px;
}

/*
p#cena_title - zmieniony na: p .cena_title
*/
p.cena_title {
color:#FFF600;
width:180px;
float:left;
padding:15px 0px 0px 25px;
margin:0;
font-size:11px;
}

p#cena_title {
color:#FFF600;
width:180px;
float:left;
padding:15px 0px 0px 25px;
margin:0;
font-size:11px;
}

p#cena_title_new

{
color: #FF0000;

width:180px;
float:left;
padding:0px 0px 0px 40px;

margin:0;
font-size:16px;


}

/*
p#cena - zmieniony na: p.cena
p#cena_new - zmieniony na p.cena_new
*/
p.cena {
color:#FFF600;
float:left;
padding:15px 0px 0px 25px;
margin:0;
width:200px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}
p.cena_new {
color:#FFFFFF;
float:left;
padding:0px 0px 0px 60px;
margin:0;
width:200px;
font-size:24px;
}

p#cena
{
color:#FFF600;
float:left;
padding:15px 0px 0px 25px;
margin:0;
width:200px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}


p#cena_new

{
color:#FFFFFF;
float:left;
padding:0px 0px 0px 60px;
margin:0;
width:200px;
font-size:24px;

}



p#cena_old

{
color:#cecece;
text-decoration:line-through;
float:left;
padding:0px 0px 0px 25px;
margin:0;
width:200px;
font-size:13px;
font-weight:bold;

}

/*
p#opcje - zmieniony na p.opcje
*/
p.opcje {
float:left;
color:#FFFFFF;
font-weight:bold;
padding:0;
padding-left:25px;
margin:0;
width:200px;
font-size:11px;
}


p#opcje

{
float:left;
color:#FFFFFF;
font-weight:bold;
padding:0;
padding-left:25px;
margin:0;
width:200px;
font-size:11px;
}

/*
p#left_reklama - został zmieniony na: p.left_reklama
p#left_reklama img - został zmieniony na: p.left_reklama img
*/
p.left_reklama {
border:none;
margin:0px;
padding:0px;
float:right;
/*position:relative;*/
}

p.left_reklama img {
border: solid 1px #FFFFFF;
margin:12px;
padding:0px;
width:auto;
}


p#solariump,p#kosmetykip,p#lampyp {
border:solid 1px #B0ADEF;
background: #FFFFFF;
margin:0px 14px 14px 0px;
padding:0px;
color: #FFFFFF;
}

p#solariump img,p#kosmetykip img,p#lampyp img{
border:0px;
margin:0px;
padding:0px;
}


p#solariump2,p#kosmetykip2,p#lampyp2 {
border:solid 1px #0099FF;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
top:0px;
left:0px;}


p#soltron_banner{
border:solid 1px;
border-color: #666666;
margin:0px 0px 60px 0px;
padding:0px 0px 0px 0px;
position:relative;
top:0px;
left:0px;}

p#natrysk_right{
margin:0px 0px 60px 0px;
padding:0px 0px 0px 0px;
position:left;
width:150px;
}



p#mapa {
width:500px;
border:solid 1px #FFFFFF;
margin:0px 0px 30px 25px;
padding:0px 0px 0px 0px;
position:relative;
top:0px;
left:0px;
color:#ffffff;
background:#ffffff;
}

p#cena_promo{
font-size:16px;
font-weight:bold;
color:#CC0000;
text-align:center;
}

p#wyroznij{
font-size:12px;
font-weight:bold;
color:#000000;
}

p#wyroznij_fiolet{
font-size:12px;
font-weight:bold;
color: #9966FF;
}

p#wyroznij_box{
font-size:12px;
font-weight:bold;
color:#000000;
background: #FFFFEA;
border: 1px dashed #FF0099;
text-align:center;
padding:5px;
}
p#wyroznij_box2{
font-size:12px;
color:#000000;
background: #FFFFEA;
border: 1px dashed #FF0099;
text-align:justify;
padding:5px;
}

p#wyroznij_box3{
font-size:12px;
color:#000000;
background: #FFFFEA;
border: 1px dashed #FF0099;
text-align:justify;
padding:5px;
position:relative;
top:300px;
}

p#wyroznij_box4{
background: #FFFFEA;
border: 1px dashed #000099;
text-align:justify;
padding:2px;
width: 550px;
}


p#wyroznij_box5{
position:inherit;
float:left;
font-size:13px;

color:#CC0033;
letter-spacing:2px;
background: url(../pics/background_wyroznij_box5.jpg) center;
border: 1px dashed #FF0099;
text-align:center;
padding:8px;
margin: 10px 0px 10px 0px;
}




p#wyroznij_banner{
border: 1px dashed #FF0099;
text-align:justify;
padding:0;
margin:0 0 10px 0;
}





p#text_czerwony{
font-size:12px;
font-weight:bold;
color:#CC0000;
}



p#naglowek_kontakt_main {
font-size:14px;
font-weight:bold;}

/*
p#naglowek_kontakt - zmienione na p.naglowek_kontakt
*/
p.naglowek_kontakt {
font-size:12px;
font-weight:bold;

}

p#naglowek_kontakt {
font-size:12px;
font-weight:bold;

}

a:link {font-weight: normal;
font-size:12px;
color:#FF0000;
text-decoration:none;
margin:0;
letter-spacing:0.9px;
}
a:visited {font-weight: normal;
color:#FF0000;
text-decoration:none;
font-size:12px;
margin:0;
letter-spacing:0.9px;
}
a:hover, a:active {font-weight: normal;
color:#FF9900;
text-decoration: underline;
font-size:12px;
letter-spacing:0.9px;
}

p#stopka{
width:740px;
height:24px;
background: url(../pics/stopka.jpg) no-repeat;
font-family: Verdana, Arial, helvetica;
font-size:10px;
color:#AAAAAA;
float:left;
letter-spacing:1px;
position:relative;
text-align:center;
border-top:solid 1px #FFFFFF;
}
div#stopka a{
font-family: Verdana, Arial, helvetica;
font-size:10px;
color:#AAAAAA;
}

div#stopka p {
font-size:10px;
color:#AAAAAA;}

p#bigbutton {
margin:0;
padding:0;
text-align:right;
font-size:10px;
color:#AAAAAA;}


div#stopka a:hover{
font-family: Verdana, Arial, helvetica;
font-size:10px;
color:#3366FF;
text-decoration:none;
}

div#produktydiv,div#produktydiv1,div#produktydiv2,div#produktydiv3,div#produktydiv4,div#produktydiv5{
height:100%;
line-height:12px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border: 1px dashed #33FF00;
border-top:0px;
border-right:0px;
border-left:0px;
}
div#soltron
{float:left;
width:390px;

;}

div#panel

{
position:relative;
float:left;
border:#555555 1px solid;
border-collapse:collapse;
padding:5px;
background:#222222;
margin-bottom:10px;
width:400px;
}


.panel_click {
position:relative;
float:left;
border:#555555 1px solid;
border-collapse:collapse;
padding:5px;
background:#222222;
margin-bottom:10px;
width:400px;
}
.panel_click:hover {background-color: #303030;
border:#555555 1px solid;
}
.panel_click span {visibility:hidden;position:absolute;} 
.panel_click:hover span,
.panel_click.msieFix span {visibility:visible;}
fieldset p {z-index:-1}


span {
font-size:11px;
font-family:verdana;
font-weight:normal;
text-align:center;
padding:1px;
margin:0px;
color: #0C9C66;
width:406px;
border:0px;
border-top:#CFEA15 1px dashed;
float:left;
position:inherit;
bottom:1px;
right:1px;}
.panel_click:hover ,.panel_click.msieFix {color:#ff0000;}




/*tabelki*/

table#naglowek{
float:right;
font-family:Verdana, Arial, helvetica;
font-size:11px;
background-color: #E4E1FF;
border:solid 1px #0099FF;
text-align:center;
align: center;
margin:10px;
padding:0px;
border-collapse:collapse;
color:#000;
font-weight:bold;
width:100px;
}

table#naglowek3{
float:left;
width:100%;
font-family:Verdana, Arial, helvetica;
font-size:11px;
border:solid 1px #0099FF;
text-align:center;
align: center;
margin:0px;
padding:0px;
border-collapse:collapse;
color:#000;
}

table#naglowek2{
float:left;
width:345px;
font-family:Verdana, Arial, helvetica;
font-size:11px;
border:solid 1px #0099FF;
text-align:center;
align: center;
margin:0px;
padding:0px;
margin-bottom:20px;
border-collapse:collapse;
color:#000;
background:#FFFFFF;
}

table#naglowek2 td {
padding:7px;
}



table#male_uzywane{
width:100%;
text-align:center;
font-family:Verdana, Arial, helvetica;
font-size:11px;

background-image:url('../pics/back_tab_1.jpg');
background-repeat:repeat-x;


border:solid 1px #FFFFFF;
margin:0px;
padding:0px;
border-collapse:collapse;
color:#FFF;
font-weight:normal;
}

tr#nagl_tabeli{
font-family:Verdana, Arial, helvetica;
font-size:11px;
font-weight:bold;

border-bottom:solid 1px #FFFFFF;
text-align:center;
align: center;
margin:0px;
padding:0px;
border-collapse:collapse;
color:#FFF;
}
tr#nagl_tabeli td{
  color:#000000;
  background-color:#FFE57B;
  
  
}


td {padding:17px 3px;
border: 1px #FFFFFF solid;
border-collapse:collapse;
margin:0px;
color:#000;
background-color:transparent;
}

/*
td#cena - zmienione na td.cena
*/
td.cena {
color:#FFF;
font-weight:bold;
}

td#cena {
color:#FFF;
font-weight:bold;
}

/*
td#invisible - zmienione na td.invisible
td#invisible img - zmienione na td.invisible img
*/
td.invisible{
padding:2px;
margin:0px;
}
td.invisible img {
border:#FFF 1px solid;
}


td#invisible{
padding:2px;
margin:0px;
}

td#invisible img {
border:#FFF 1px solid;

}

/*
td#cecha - zmienione na td.cecha
*/
td.cecha {
background-image:url('../pics/back_tab_2.jpg');
background-repeat:repeat-y;
font-size:11px;
font-weight:bold;
color:#FFF;
text-align:left;
}

td#cecha {

background-image:url('../pics/back_tab_2.jpg');
background-repeat:repeat-y;


font-size:11px;
font-weight:bold;
color:#FFF;
text-align:left;
}



table#odnosnik{
float:right;
font-family:Verdana, Arial, helvetica;
font-size:12px;
border-bottom:solid 1px #0099FF;
text-align:center;
align: center;
margin:10px;
padding:0px;
border-collapse:collapse;
color:#000;
font-weight:bold;
}








td#lp_header {width:10px;
padding:10px 3px 10px 3px;
text-align:center;

}
td#lp {width:10px;
text-align:left;
}
td#zdjecie {width:100px;
text-align:center;
}
td#opis {width: 300px;
font-weight:normal;
text-align:left;
}
td#opis_header {width: 300px;
font-weight:bold;
text-align:center;
}

td#marka_header{width:100px;
}



td#marka{width:100px;
font-size:13px;
}
td#cena{width:70px};


div#tabelka {
padding:10px;
margin:10px;

}
td#stronazestron, td#oddo {width:100px;
border: 0px;
}
td#następna_poprzednia {width:350px;
border: 0px;
}

ul.lista_kosm li, ul.lista_kosm ul{
list-style-type:disc;
margin-left:50px;
float:inherit;
width:330px;
}

ul#lista_dysk li{
list-style-type:disc;
line-height:2;
margin-left:50px;
float:inherit;
width:330px;
}

ul#lista_dysk2 {
line-height:2;
padding:0px;
margin:0px;
margin-left:50px;
float:left;
margin-bottom:20px;
}

ul#lista_dysk2 li{
list-style-type:disc;
}

/*
ul#lista_dysk3 -zmienione na ul.lista_dysk3
ul#lista_dysk3 li - zmienione na ul.lista_dysk3 li
*/
ul#lista_dysk3 {
width:220px;
color:
line-height:1.8;
padding:0px;
margin:0px;
margin-left:20px;
float:right;
margin-bottom:20px;
left:15px;
}
ul#lista_dysk3 li{
list-style-type:disc;
width:220px;
color:#DDDDDD;
font-size:11px;
}

ul.lista_dysk3 {
width:220px;
color:
line-height:1.8;
padding:0px;
margin:0px;
margin-left:20px;
float:right;
margin-bottom:20px;
left:15px;
}
ul.lista_dysk3 li{
list-style-type:disc;
width:220px;
color:#DDDDDD;
font-size:11px;
}




ul.lista_kosm li, ul.lista_kosm ul{
list-style-type:disc;
margin-left:50px;
float:inherit;
width:330px;
}

ul.soltron li{
list-style-type:disc;
margin-left:30px;
float:inherit;
width:330px;
}
ul.soltron2 li{
list-style-type:lower-alpha;
margin-left:50px;
float:inherit;
width:300px;
}

ul.myslnik li{
list-style-type: none;
margin-left:50px;
float:inherit;
width:300px;
}

ul.myslnik li{
list-style-type: none;
margin-left:50px;
float:inherit;
width:300px;
}



div#obrazek{
float:left;
text-align:center;
width:100%;
}



img#solaria_new_image {
border:solid 1px;
border-color: #666666;
padding:0;
margin:0 5px 5px 0;
float:left;
}

img#no_float{
border:solid 1px;
border-color: #666666;
height:auto;
text-align:center;
}

img#no_float2{
border:solid 1px;
border-color: #666666;
height:auto;
text-align:center;
margin-bottom:5px;
}





/*
img#male - img.male
img#male2 - zmienione na img.male2
img#male3 - img.male3
*/
img.male{
border:solid 1px;
border-color: #666666;
text-align:center;
float:left;
margin:5px 10px 0px 0px;
}
img.male2 {
border:solid 1px;
border-color: #666666;
float:left;
margin:0px 3px 0px 0px;
}
img.male3 {
border:solid 1px;
border-color: #666666;
float:right;
margin:0px 3px 0px 0px;
}


img#male{
border:solid 1px;
border-color: #666666;
text-align:center;
float:left;
margin:5px 10px 0px 0px;
}
img#male2{
border:solid 1px;
border-color: #666666;
float:left;
margin:0px 3px 0px 0px;
}
img#male3{
border:solid 1px;
border-color: #666666;
float:right;
margin:0px 3px 0px 0px;
}



p#solar_new{
color:#CC0000;
}

p#podpis_pict{
color:#000000;
color:#444;
font-weight:bold;
margin:0px 0px 10px 0px;;
padding:0px;
}
p#podpis_pict2{
color:#000000;
color:#444;
font-weight:bold;
margin:0px 0px 10px 0px;;
padding:0px;
float:left;
width:500px;
}


p#small_break{
border-bottom:dashed 1px #66CCFF;
width: 100%;
}

p#temp_zaproszenie img{
float:inherit;
border:solid 1px;
border-color: #666;
}

div#stopka bigbutton.pl {
float: left;
}
p#promocja {
color:#FF0000;
font-weight:bold;
font-size:13px;
}
p#obrazek{
float:left;
height:250px;


}

/*
div#dopaneluprawy - div.dopaneluprawy
*/
div.dopaneluprawy {
float:right;
width:245px;
padding:0px;
margin:0px; 
}

div#dopaneluprawy{
float:right;
width:245px;
padding:0px;
margin:0px; 
}