/*
tlo
#e1e7f1

niebieski
#2197D3		100%
#58AADA		80
#88BCE3		60
#B1D1EA		40
#DAE7F5		20
#ECF2F8		10
#F4F8FA		5

czarny
#666		80% 
#333		60%
#999		40%
#7F7F7F		50
#CCC		20%

informacja
#99CC33 100%
#c2e085 60%
#ebf5d6 20%
*/
@import url(reset.css);
@import url(prettyPhoto.css);

body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; line-height:1.4em; text-align:center; background:#e1e7f1 url(img/bg.jpg) 80% 0 repeat-x ; color:#333 }
h3, h4, h5, h6 { font-family: "Lucida Sans Unicode", Corbel, Trebuchet MS, Verdana, sans-serif; font-weight:normal; letter-spacing:-1px; }
h3 { font-size:24px; line-height:1.2em; color: #2197D3;  }
h4 { font-size:18px; line-height:1.2em; letter-spacing:0px;  }

/* _______________________________________________________________ GLOBALNIE */
.float-left, .alignleft, .doLewego    { float:left; }
.float-right, .alignright, doPrawego { float:right; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.ukryty, .hide, .hidden { display:none }

a {	color:#333; text-decoration:underline; }
a:hover { color:#000; text-decoration: none }
a img {border:0px;}
p { margin-bottom:1em; }
li { text-align:left }
ol li { list-style:decimal outside; margin-left:40px; }
.info { font-size:12px; line-height: 14px; color: #666 }

/* _______________________________________________________________ tooltip */
#tooltip,
#tooltip-lewy	{ position:absolute; z-index:900; font-size:10px;	line-height:1.2em; color:#FFF; display:none;  width:130px; }
#tooltip		{ background:url(img/tooltip.png) top left no-repeat; padding:20px 10px 10px 20px; text-align: left;}
#tooltip-lewy	{ background:url(img/tooltip.png) top right no-repeat; padding:20px 20px 10px 10px; text-align: right;}



/* _______________________________________________________________ STRONA */
.szerokosc { width:940px; padding:0 10px; margin:0 auto; text-align:left; }
.szerokosc2 { width:960px; margin:0 auto; text-align:left; }

#propozycje {   position:relative }
#propozycje h1 { width:100%; height:240px; background: transparent url(img/sw-mikolaj.png) no-repeat; text-indent:-99999px; }
/* \ */ * html #propozycje h1  { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/sw-mikolaj.png', sizingMethod='noscale'); } /* */

#propozycje h2 { position:absolute; top:10px; right:20px; z-index:10 }
#propozycje h2 a { display:block; width:200px; height:60px; text-indent:-99999px; background:transparent url(img/logo.png) no-repeat;}
/* \ */ * html #propozycje h2 a  { background:none; cursor: pointer; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png', sizingMethod='noscale'); } /* */

#przyciski-top { height:200px;  background: transparent url(img/przyciski-top.gif) bottom left no-repeat; position:relative; }
#przyciski-top #pdf { position:absolute; top: 120px; left:115px; font-size:12px; line-height:18px }
#przyciski-top #kontakt { position:absolute; top: 120px; left:595px; font-size:12px; line-height:18px }



/* _______________________________________________________________ TABY */
.idTabs  li.tab { float:left; margin:0; padding:0 }
.idTabs  li.tab a { width:320px; height:150px; display: block; text-indent:-9999px; overflow:hidden; background-image:url(img/przyciski.gif); background-repeat:no-repeat; background-attachment:scroll; background-position:top left;}
.idTabs  li#TabDlaRoczniaka a { background-position: 0px 0px }
.idTabs  li#TabDlaDwulatka a { background-position: -320px 0px }
.idTabs  li#TabDlaTrzylatka a { background-position: -640px 0px }

.idTabs  li#TabDlaRoczniaka a:hover { background-position: 0px 5px }
.idTabs  li#TabDlaDwulatka a:hover { background-position: -320px 5px }
.idTabs  li#TabDlaTrzylatka a:hover { background-position: -640px 5px }

.idTabs  li#TabDlaRoczniaka a.selected { background-position: 0px -150px }
.idTabs  li#TabDlaDwulatka a.selected { background-position: -320px -150px }
.idTabs  li#TabDlaTrzylatka a.selected { background-position: -640px -150px }



/* _______________________________________________________________ TABY */
.tabTresc { background-color:#FFF; margin:0px 10px; padding:10px 20px 20px 20px; }
ul.propozycjeLista li { font-size:12px; line-height:14px; width:260px; float:left; display:inline; margin:10px 0 20px 60px; }
ul.propozycjeLista li.pierwszy { margin-left:0px;}
ul.propozycjeLista li.linia { background: #FFF url(img/linia.gif) center; height:22px; line-height:22px; width:100%; float: left; margin:10px 0px 20px 0px; }
ul.propozycjeLista li h4 { height:25px; }
ul.propozycjeLista li .opis { height:135px; text-align:justify }
ul.propozycjeLista li img { height:260px; width:260px; padding:0px; display:block; background: #FFF url(img/niebieski-bialy-24.gif) center center no-repeat; font-style:italic }
ul.propozycjeLista li a.btn { display:block; padding:10px; background-color:#58AADA; color:#FFF; text-decoration:none; text-align:center; text-shadow:0 1px 0 #2197D3; }
ul.propozycjeLista li a:hover.btn { text-decoration:underline;  background-color:#2197D3;  }
ul.propozycjeLista li a.btn strong { display:block }



/* _______________________________________________________________ CZYSZCZENIE */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.spacer { clear:both; height:0px; font-size:1px; line-height:0px; }


/* _______________________________________________________________ STOPKA */
#stopka { background: transparent url(img/stopka.jpg) repeat-x center top; text-align:center; padding-bottom:50px; }
#stopka #dodaj-do {height:180px; padding-top:60px; }
#stopka #dodaj-do a, #stopka #dodaj-do strong {display:block; height:40px; text-indent:-9999px; float:left}

#stopka #dodaj-do strong,
#facebook,
#sledzik,
#blip,
#flaker,
#twitter { background-image: url(img/dodaj.gif); background-repeat:no-repeat;  margin-right:10px; }

#stopka #dodaj-do strong { width:230px; background-position: top left; float:none }
#facebook { width:88px; background-position:0 -40px}
#sledzik { width:41px; background-position: -88px -40px }
#blip { width:48px; background-position: -129px -40px }
#flaker { width:110px; background-position: -177px -40px }
#twitter { width:118px; background-position: -287px -40px }

#stopka #logo a { display:block; width:360px; height:180px; margin:0 auto; background: transparent url(img/stopka-logo.jpg) no-repeat; text-indent:-99999px; margin-bottom:40px }
#stopka #end { text-align:center;}