/*WSKAZÓWKA: margin|border|padding|"obiekt"|padding|border|margin */
/*WSKAZÓWKA: margin, border, padding nie zaliczają się do width i height */

/*SELEKTORY INDEX*/

* {margin: 0; padding:0; border: 0px;}

html
{
background: url(../img/tlo.png);
margin: 0 auto;
padding: 0 auto;
font-family: arial;
}
body
{
width: 100%;
margin: 0 auto;
padding: 0 auto;
}
.res_button
{
background: url(../img/button.png) no-repeat left;
height: 27px;
width: 144px;
_width: 150px;
color: #fff;
font-weight: bold;
margin-left: 22px;
text-align: center;
padding: 10px 25px;
}
.simg
{
color: #cadce4;
}
.res
{
color: #fff;
font-weight: bold;
margin-left: 22px;
font-size: 20px;
}
.submit
{
border: 1px solid #aa3138;
font-weight: bold;
padding: 2px 10px 2px 10px;
*padding: 1px 5px 0px 5px;
cursor: pointer;
}
.submit: hover
{
background: #fff;
}
.input
{
padding: 2px;
margin: 1px;
border: 1px solid #aa3138;
}
.content
{
font: 12px tahoma;
color: #CADCE4;
padding-top: 20px;
}
.top
{
height: 104px;
width: 951px;
margin: 0 auto;
}
.top1
{
background: url(../img/top1.png);
height: 104px;
width: 481px;
float: left;
}
.pl
{
background: url(../img/pl.png) no-repeat;
height: 11px;
width: 16px;
display: block;
float: left;
margin: 45px 0 0 260px;
_margin: 45px 0 0 130px;
}
.de
{
background: url(../img/de.png) no-repeat;
height: 11px;
width: 16px;
display: block;
float: left;
margin: 45px 0 0 38px;
}
.uk
{
background: url(../img/uk.png) no-repeat;
height: 11px;
width: 16px;
display: block;
float: left;
margin: 45px 0 0 38px;
}
.top2
{
background: url(../img/top2.png);
height: 76px;
width: 462px;
float: left;
padding: 28px 0 0 0;
}
.top2 a
{
background: url(../img/button.png) no-repeat left;
height: 27px;
width: 144px;
_width: 150px;
display: block;
float: left;
margin: 0 5px 0 4px;
_margin: 0 0px 0 2px;
font: 12px tahoma;
color: #ffffff;
font-weight: bold;
text-decoration: none;
text-align: center;
padding: 12px 0 0 0;
}
.top2 a:hover
{
background: url(../img/button_a.png) no-repeat left;
}
.top3
{
background: url(../img/top3.png) no-repeat left;
height: 90px;
width: 940px;
margin: 0 auto;
padding: 18px 0 0 26px;
font: 10px tahoma;
color: #CADCE4;
}
.top4
{
background: url(../img/top4.png) no-repeat left;
height: 117px;
width: 860px;
margin: 0 auto;
padding: 20px 0 0 106px;
font: 10px tahoma;
color: #CADCE4;
}
.top3 p, .top4 p
{
font: 12px tahoma;
color: #CADCE4;
font-weight: bold;
margin: 0 0 5px 0;
}
.top3 a, .top4 a
{
font: 10px tahoma;
color: #EF294D;
width: 170px;
margin: 5px 0 0 0;
display: block;
text-decoration: none;
}
.top3 a:hover, .top4 a:hover
{
text-decoration: underline;
}
.belka
{
background: url(../img/belka.png) no-repeat;
height: 26px;
width: 1070px;
margin: 0 auto;
font: 9px tahoma;
color: #8AA1AA;
padding: 20px 0 0 170px;
}
.belka p
{
font: 16px tahoma;
color: #8AA1AA;
font-weight: bold;
position: relative; bottom: 18px;
margin: 0 0 0 844px;
}
.belka div
{
font: 16px tahoma;
color: #8AA1AA;
font-weight: bold;
position: relative;
bottom: 7px;
}
.belka span
{
color: #ffffff;
}
.oferty
{
background: url(../img/tlo2.png);
width: 1049px;
margin: 0 auto;
padding: 0 0 0 100px;
}
.oferta
{
width: 300px;
margin: 18px 40px 0 0;
float: left;
font: 11px tahoma;
color: #8AA1AA;
}
.oferta img
{
border: 2px #AA3138 solid;
}
.oferta p
{
font: 12px tahoma;
color: #ffffff;
font-weight: bold;
margin: 4px 0 2px 0;
}
.oferta a
{
text-decoration: none;
color: #ffffff;
}
.oferta a:hover
{
text-decoration: underline;
}
.skrzynia
{
color: #C0C0C0;
font: 12px tahoma;
}
.cena
{
color: #F69EA1;
font: 12px tahoma;
font-weight: bold;
}
.stopka
{
background: url(../img/tlo2.png) ;
width: 1049px;
margin: 0 auto;
padding: 0 0 0 100px;
}
.stopka p
{
width: 924px;
color: #8AA1AA;
font: 9px tahoma;
padding: 30px 0 30px 16px;
border-top: 1px #434141 solid;
border-bottom: 1px #434141 solid;
}
.s1
{
color: #CADCE4;
}
.linki
{
margin: 0 0 0 300px;
}
.linki a
{
color: #8AA1AA;
text-decoration: none;
margin: 0 8px 0 8px;
}
.linki a:hover
{
color: #CADCE4;
text-decoration: underline;
}
.gora
{
background: url(../img/tlo2.png);
width: 1033px;
margin: 0 auto;
padding: 30px 0 30px 116px;
}
.gora a
{
background: url(../img/pix1.png) no-repeat left;
height: 17px;
width: 100px;
display: block;
color: #CADCE4;
font: 9px tahoma;
text-decoration: none;
padding: 6px 0 0 34px;
}
.gora a:hover
{
text-decoration: underline;
}
ul#kalendarz
{
width:380px; float:right;
}
ul#kalendarz li
{
list-style:none; float:none; display:inline;
}
ul#kalendarz a
{
border:1px solid #CADCE4; display:block; width:46px; padding:5px 0; float:left; text-align:center; margin:1px; color: #CADCE4;
}
ul#kalendarz a.empty
{
border:0px solid #000; display:block; width:48px; padding:5px 0; float:left; text-align:center; margin:1px; cursor: default;
}
ul#kalendarz b
{
border:1px solid #a90101; display:block; width:46px; padding:5px 0; float:left; text-align:center; margin:1px;
}
ul#kalendarz  b.saturday
{
background:#fcd1d1;
}
ul#kalendarz b.sunday
{
background:#ff9a9a;
}
ul#kalendarz  a.saturday
{
background:#fcd1d1;
}
ul#kalendarz a.sunday
{
background:#ff9a9a;
}
ul#kalendarz a.today
{
background:#000000; color:#ffffff;
}
ul#kalendarz a.save
{
background:#a90101; color: #000; font-weight: bold;
}
ul#kalendarz a.events
{
background:#f4fdac;
}
.sa
{
width:46px;
height: 25px;
background:#a90101;
color: #000;
font-weight: bold;
border:1px solid #CADCE4; 
margin-left: 20px;
}
.nsa
{
width:46px;
height: 25px;
color: #000;
font-weight: bold;
border:1px solid #CADCE4; 
margin-left: 20px;
}
.ma
{
margin-left: 20px;
}