/*
Theme Name: Przedszkole Theme
Theme URI: unknow
Description: Theme dla przedszkola
Version: 1.0
Author: Marcin Jamrogowicz
Author URI: http://marcinjamrogowicz.pl
Tags: simple, przedszkole
*/

* { margin: 0; padding: 0; border: 0; font-family:  Tahoma, Arial, sans-serif; font-size: 14px; color: #2e2f30;}
html {background: url('images/top_tlo.gif') #fffff0 repeat-x 50% 0;}
body {margin: 0 auto; width: 980px;}

object, #svcp-0-sv-mobile-flash, param{position: relative; z-index: 1}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }


#logo {margin: 41px 0 30px 30px;}
#menu {background: url('images/menu.png'); width: 970px; height: 43px; padding-left: 10px; margin-bottom: 124px; position: relative; z-index: 2}
#menu li {float: left; list-style: none; position: relative;}
#menu li a {display: block; height: 43px;}
#menu ul {visibility: hidden; position: absolute; top: 43px; left: 0;}
#menu li li {float: none; width: 185px; height: 35px;}
#menu li:hover ul {visibility: visible;}
#menu ul li a {display: block; height: 35px;}
#menu ul a, #menu li:hover li a {display: block; font: 12px/30px verdana, sans-serif; text-decoration: none; padding: 0 10px; color: #fff; background-color: #3994c9;}
#menu li li a {width: 179px;}
#menu li:hover li:hover a {background-color: #297bab;}

#menu li:hover ul ul{visibility: hidden; position: absolute; top: 0; left: 199px;}
#menu li:hover ul li:hover ul  {visibility: visible;}
#menu ul a, #menu li:hover li a {display: block; font: 12px/30px verdana, sans-serif; text-decoration: none; padding: 0 10px; color: #fff; background-color: #3994c9;}
#menu li li li a {width: 179px;}
#menu li:hover li:hover li:hover a {background-color: #1f72a3;}

#button_1 {width: 126px; background: url('images/button_1.png') no-repeat;}
#button_1:hover {background-position: 0 -43px;}

#button_2 {width: 126px; background: url('images/button_2.png');}
#button_2:hover {background-position: 0 -43px;}

#button_3 {width: 76px; background: url('images/button_3.png');}
#button_3:hover, #menu li:hover a, #menu li:hover li:hover a {background-position: 0 -43px;}

#button_4 {width: 83px; background: url('images/button_4.png');}
#button_4:hover {background-position: 0 -43px;}

#button_5 {width: 84px; background: url('images/button_5.png');}
#button_5:hover {background-position: 0 -43px;}

#button_6 {width: 174px; background: url('images/button_6.png');}
#button_6:hover {background-position: 0 -43px;}

#button_7 {width: 85px; background: url('images/button_7.png');}
#button_7:hover {background-position: 0 -43px;}

#lewa {width: 675px; float: left; margin: 20px 20px 30px 0;}
#prawa {width: 285px; float: left; margin: 20px 0 30px 0;}
#srodek {width: 100%; float: left; margin: 20px 0 30px 0;}

.gal_min {width: 255px; height: 200px; margin: 15px 25px 20px 10px; text-align: center; float: left;}
.gal_min p {margin: 15px; font-size: 12px;}
.gal_min a {text-decoration: none; width: 255px; display: block;}
.gal_title {width: 577px; margin-bottom: 7px; font-weight: bold; font-size: 14px;}
.gal_title a {text-decoration: none;}
.gal_title a:hover {text-decoration: underline;}

#gal_skr {display: block; width: 100%; height: 221px; background: url('images/gal_tlo.png'); margin: 0 0 10px 0; float: left;}
#gal_skr:hover {background-position: 0 -221px;}
#gal_skr img {margin: 16px 15px 0 15px; float: left;}

#figielek {display: block; background: url('images/figielek.png'); width: 100%; height: 57px; float: left; margin: 0 0 10px 0;}
#figielek:hover {background-position: 0 -57px;}

#sponsor {display: block; background: url('images/sponsor.png'); width: 100%; height: 57px; float: left; margin: 0 0 10px 0;}
#sponsor:hover {background-position: 0 -57px;}

#galeria_prac {display: block; background: url('images/galeria_prac.png'); width: 100%; height: 57px; float: left; margin: 0 0 10px 0; background-position: 0 -57px;}
#galeria_prac:hover {background-position: 0 0px;}

#frysztak {display: block; background: url('images/frysztak.png'); width: 100%; height: 57px; float: left;}
#frysztak:hover {background-position: 0 -57px;}

#podziekowania {display: block; background: url('images/podziekowania.png'); width: 100%; height: 57px; float: left; margin: 0 0 10px 0;}
#podziekowania:hover {background-position: 0 -57px;}

#searchform {margin: 0 0 10px 0; float: left;}
#s {background: url('images/search_form.png'); float: left; width: 240px; height: 35px; padding-left: 10px;}
#searchsubmit {background: url('images/search_button.png'); float: left; width: 35px; height: 35px; cursor: hand;}
#searchsubmit:hover {background-position: 0 -35px;}
.search_title {width: 577px; margin: 0 0 20px 0; font-weight: bold; font-size: 13px;}

.news {margin: 0 0 20px 0; padding: 0 20px 0 10px;}

.news .data { float: left; background: url('images/data.png'); color: #53504b; width: 48px; height: 52px; margin: 0 20px 0 0; padding: 12px 0 0 0; overflow: hidden;}
.news .data .dzien {font-size: 22px; text-align: center;}
.news .data .others {font-size: 11px; text-align: center; margin-top: 2px;}

.news .single_date {color: #939393; font-size: 11px; margin-left: 5px;}

.title {float: left; width: 577px; margin-bottom: 7px; font-weight: bold; font-size: 14px;}
.news .title a {font-size: 13px; text-decoration: none;}
.news .title a:hover {text-decoration: underline;}

.news .tresc_news {float: left; width: 577px; line-height: 20px;}
.news .single_tresc, .tresc {float: left; width: 655px; line-height: 20px; margin: 0 10px 0 10px;}
.news .single_tresc p, .tresc p {margin: 10px 0;}
.news .single_tresc ul, .tresc ul, .news .single_tresc ol, .tresc ol {margin-left: 30px;}


.news .czytaj_dalej {width: 134px; height: 37px; background: url('images/czytaj_dalej.png') no-repeat; float: right; margin: 5px 0 -14px 0;}
.news .czytaj_dalej:hover {background-position: 0 -37px;}

/* 
#all_news {float: right; margin-right: 20px; margin-top: -5px;}
#all_news span {margin-right: 5px;}
#all_news a { text-decoration: none;}
#all_news a:hover {text-decoration: underline;}
*/

.align_left a {float: left; text-decoration: none;}
.align_right a {float: right; text-decoration: none;}

#stopka {width: 100%; height: 60px; clear: both; margin: 0 0 20px 0;}

#stopka_menu {float: left; margin: 10px 0 0 10px; width: 500px;}
#stopka_menu a {text-decoration: none;}
#stopka_menu a:hover {text-decoration: underline;}
.stopka_sep {margin: 0 3px 0 3px;}
.stopka_copyright {float: right; margin: 10px 10px 0 0; width: 360px; text-align: right;}