﻿@charset "utf-8";
body  { background:#27B5EF; padding:0; margin:0;}
body , div, a  { font-family:Verdana; color:#2C7AD1; }
#BodyLoading { z-index:1000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity:0.5; position:absolute; width:100%; height:100%; background:#FFFFFF url(images/loading.gif) no-repeat center center;}
#site { margin:auto; width:1024px; height:820px; position:relative;}
.site0 { background: url(/images/body1.png) top center no-repeat; }
.site1 { background: url(/images/body2.png) top center no-repeat; }
.site2 { background: url(/images/body3.png) top center no-repeat; }

.f10 { font-size: 10px; }
.f12 { font-size: 12px; }
/* plastry */
#b0 { z-index:2; position:absolute; height:76px; width:246px; margin:20px 0 0 38px; }
#b0  a { position:absolute;height:76px; width:246px; }
#b0  img { position:absolute;height:76px; width:246px; }
#b1 { z-index:2; position:absolute; height:156px; width:236px; margin:396px 0 0 118px; }
#b2 { z-index:2; position:absolute; height:105px; width:164px; margin-left: 287px;
margin-top: 112px;}
.domki { font-size:10px; line-height:10px; color:#000 }
.domki  img { padding-bottom:10px; }
.cena { color:#002988; font-size:10px; font-weight:bold; position:absolute; padding-top:10px; width:91px; line-height:10px; height:50px; background-image:url("/images/plasterek.png"); background-repeat:no-repeat; margin:0px; text-align:center;}
/* galeria */
h1 { font-size:17px; color:#2C7AD1; margin:10px; padding:0;}
div.opis { font-size:10px; color:#2472C4; margin:10px; padding:0;}
.gallery { overflow:hidden;  width:99px; height:56px; vertical-align:middle; text-align:center; background-position:30% 20% ; background-repeat: no-repeat; margin:3px; }
.gallery img { background-repeat:no-repeat; border:3px solid #2472C4; display:normal; width:99px; }
.gallery a:hover img { background-repeat:no-repeat; border:3px solid #BDDBFB; display:normal; width:99px; }
/* menu boczne */
#galeria_linki {  z-index:10; background:none; position:absolute; height:auto; width:80px; margin:114px 0 0 40px; overflow:hidden; }
#galeria_linki  ul { background:none;  width:80px; margin:0; padding:0;}
#galeria_linki  ul li.back { width:80px; margin:0 0 42px 0; padding:0; list-style:none; height:25px; line-height:25px;}
#galeria_linki  ul li.back a { background:url(/images/back2.gif) #96DBF8 right center no-repeat;}
#galeria_linki  ul li.back a:hover { background:url(/images/back1.gif) #5291DE right center no-repeat;}
#galeria_linki  ul li { width:80px; margin:0 0 2px 0; padding:0; list-style:none; height:25px; line-height:25px; background-color: #96DBF8; 	opacity: 0.7;	filter: alpha(opacity=80);}
#galeria_linki  ul li:hover { background-color:#5291DE;}
#galeria_linki  ul li a { font-weight:bold; font-size:11px; display:block; background:url(/images/link1.gif) #96DBF8 right center no-repeat; padding:0 0 0 6px; height:25px; line-height:25px; vertical-align:middle; text-decoration:none; color:#002988;}
#galeria_linki  ul li a:hover { background:url(/images/link2.gif) #5291DE right center no-repeat; color:#FFFFFF;}
#galeria_linki  ul li a:active { background:url(/images/link2.gif) right center no-repeat; color:#FFFFFF;}
#galeria { z-index:3; background:none; position:absolute; height:auto; width:175px; margin:176px 0 0 43px; overflow:hidden; color:#FFFFFF;}
#galeria  h1 { font-size:13px; color:#FFFFFF;  width:210px;}
#galeria  div.opis { color:#FFFFFF; width:210px; text-align:left;}
#GaleriaImage { clip: rect(0px, 0px, 576px, 0px); }
#tytyl-galerii { margin:0px 0 5px 90px ; width:210px; font-size:11px; font-weight:bold; height:30px; color:#FFFFFF}
/*menu*/
#menu { z-index:3; background:none; position:absolute; height:auto; width:215px; margin:124px 0 0 43px; overflow:hidden; }
#menu  ul { background:none;  width:213px; margin:0; padding:0;}
#menu  ul li.back { width:213px; margin:0 0 12px 0; padding:0; list-style:none; height:25px; line-height:25px;}
#menu  ul li.back a { background:url(/images/back2.gif) #96DBF8 right center no-repeat;}
#menu  ul li.back a:hover { background:url(/images/back1.gif) #5291DE right center no-repeat;}
#menu  ul li { width:213px; margin:0 0 2px 0; padding:0; list-style:none; height:25px; line-height:25px; background-color: #96DBF8; 	opacity: .7;	filter: alpha(opacity=70);}
#menu  ul li:hover { background-color:#5291DE;}
#menu  ul li a { font-weight:bold; font-size:12px; display:block; background:url(/images/link1.gif) #96DBF8 right center no-repeat; padding:0 0 0 6px; height:25px; line-height:25px; vertical-align:middle; text-decoration:none; color:#001A74; text-transform:uppercase; }
#menu  ul li a:hover { background:url(/images/link2.gif) #5291DE right center no-repeat; color:#FFFFFF;}
#menu  ul li a:active { background:url(/images/link2.gif) #5291DE right center no-repeat; color:#FFFFFF;}
/* oferta specjalna */
#menu  ul li.red { 	opacity: 1;	filter: alpha(opacity=100);}
#menu  ul li a.red  { background-attachment:scroll; background-color:transparent; background-image:url(images/red.png); background-position:0 0; background-repeat:repeat-x; color:#FFFFFF; display:block;}
#menu  ul li a.red:hover {color:#F1F1F1;background-image:url(images/red_on.png); }
#menu  ul li a.red:active {color:#F1F1F1;background-image:url(images/red_on.png); }
/* przycisk powrót */
#powrot { position:absolute; margin:101px 0 0 180px; }
/* ikonki flag */
#flagi { margin-bottom:0; margin-left:40px; margin-right:0; margin-top:100px; position:absolute; text-align:right; }
/* treść strony */
/*#content { z-index:1; position:absolute; background:none; height:540px; width:489px; margin:125px 0 0 449px; overflow:hidden;}*/
#content { z-index:1; position:absolute; background:none; width:440px; margin:125px 0 0 445px; overflow:hidden;}
#GaleriaContent { z-index:1; position:absolute; background:none; margin:125px 0 0 449px; overflow:auto; clear:both; width:464px; height:520px; }
#GaleriaContent .gallery img { background-repeat:no-repeat; border:3px solid #2472C4; display:normal; width:120px; height:80px; }
#GaleriaContent .gallery a:hover img { background-repeat:no-repeat; border:3px solid #BDDBFB; display:normal; width:120px; height:80px; }
/* adres siedziby */
#adres { position:absolute; background:none; width:390px; text-align:center; font-weight:bold; color:#F4F8F3; font-size: 17px; margin:-74px 0 0 0; }
/* partnerzy */
#partnerzy { position:absolute; width:590px; height:33px; margin:-101px 0 0 420px; }
/* formularz kontaktowy*/
input { border: 1px solid #CCCCCC; background-color:#f1f1f1;}
.error { border: 1px solid red; background-color:#f1f1f1;}
/* stopka strony */
#footer  {  background:none; text-align:center; margin:-18px auto 0 auto;width:1024px;}
#footer  ul { background:none;  margin:0; padding:0; border-right:1px solid #9495BD; display:inline;}
#footer  li { padding:0 6px; margin:0; list-style:none; display:inline; border-left:1px solid #9495BD; }
#footer  a { background:none; text-decoration:none; color:#9495BD; text-transform:uppercase;}
#footer  a:hover { text-decoration:none; color:#C9F2FF; text-transform:uppercase;}
#komunikat { color: red; }
#formularz_gora { font-size:10px;}
#formularz_srodek { font-size:10px;}
#formularz_dol { font-size:10px;}

#popup { z-index:1000; position:absolute; top:150px; left:212px; background-color:#FFF; width:600px; height:400px; padding:20px; text-align:center; border:1px solid #000;}
#popup a { text-decoration:none; }
#popup .close { z-index:1001; position:absolute; top:-47px; right:-43px; text-decoration:none; font-weight:bold; color:#FF0000; background-color:#FFF; padding: 15px; }
