/*
#535499
#B43046
*/


/* OGOLNIE */
* {margin: 0; padding: 0}
body {background: #D1E1F0 url(bg.jpg) repeat-x; text-align: left}
hr {background: #B43046; border: 1px solid #B43046; margin: 10px 20px}


/* TOP */
#top {background: url(bg_top.jpg) no-repeat; width: 800px; height: 350px}
#top .euroszkola {position: absolute; top: 20px; left: 145px}
#top .euroszkola h1 {font: bold 25px Verdana; color: #B43046}
#top .euroszkola ul {margin: 10px 30px}
#top .euroszkola li {font: bold 15px/1.5 Verdana}

/* CONTENT */
#content {position: relative; margin: 15px; width: 490px; background: #fff; border-left: 2px solid #B43046; border: 2px solid #B43046; border-top: 0; padding: 10px}
#content h2 {font: bold 22px Verdana; background: #B43046; color: #fff; padding: 3px 6px; margin: 10px 0}
#content h3 {font: bold 18px Verdana; color: #B43046; padding: 3px 6px; border-bottom: 2px solid #B43046; margin: 10px 0}
#content h4 {font: bold 14px Verdana; color: #B43046; padding: 3px 6px; margin: 10px 20px}
#content p {font: 12px/1.5 Verdana; margin: 5px; color: #666}
#content p a {font-weight: bold; color: #B43046}
#content ul, #content ol {margin: 5px 20px}
#content li {font: 12px/1.5 Verdana; color: #666}
#content li a {font-weight: bold; color: #B43046}
#content img {border: 1px solid #B43046}
#content img.right {float: right; margin-left: 6px}
#content p.center {text-align: center}
#content p.plansza {text-align: center}
#content p.plansza img {border: 0}
#content .konsultant {height: 180px}
#content .konsultant img {border: 1px solid #B43046; float: left; margin-right: 10px}

/* MENU */
#menu {position: absolute; width: 244px; left: 550px; top: 350px; background: #535499; height: 600px; border: 3px solid #B43046; border-top: 0}
#menu .nav {list-style: none; margin: 0 10px 0 0}
#menu .nav li {font: bold 11px/1.0 Verdana; margin: 4px 0}
#menu .nav li a {display: block; background: #B52F47; color: #fff; padding: 4px 8px; text-decoration: none; border: 1px solid #fff; border-left: 0}
#menu .nav li a:hover {background: #fff; color: #525498}
#menu .nav1 {list-style: none; margin: 0 10px 20px 10px}
#menu .nav1 li {font: bold 10px/1.5 Verdana; margin: 4px 0}
#menu .nav1 li a {display: block; background: none; color: #fff; padding: 4px 8px; text-decoration: none;  border: 0; border-bottom: 1px solid #fff}
#menu .nav1 li a:hover {color: #525498}

/* ORGANIZACJA ESO - SZKOLY */
#content .szkola {margin: 10px 20px; background: #D1E1F0; padding: 3px}
#content .szkola h4 {font: bold 14px Verdana; color: #535499; margin: 10px}
#content .szkola p {font: 10px Verdana; color: #444; margin: 10px}
#content .szkola li {font: 10px/1.5 Verdana; color: #444}
#content .szkola a {font-weight: bold; color: #535499}
#content .szkola a:hover {text-decoration: none}


/* TABELE */
table td {font: 9px/1.2 Verdana; padding: 3px; text-align: center; border: 1px solid #B43046}

/* FOOT */
#foot {margin: 10px}
#foot p {font: 10px Verdana}
#foot p a {font: bold 10px Verdana; color: #B43046}
#foot p a:hover {text-decoration: none}

/* GALERIE */
#g td {border: 0}

/* NEWS */
#content #news {background: #D1E1F0; margin: 10px; padding: 5px; border: 1px dotted #B43046; width: 450px}
#content #news h1 {font: bold 22px Verdana; color: #B43046; border-bottom: 1px solid #B43046; margin: 0 10px 10px 10px}
#content #news .n {background: #fff; margin: 10px; padding: 5px; border-bottom: 3px solid #B43046}
#content #news .n h2 {font: bold 16px "Trebuchet MS"; background: #B43046; color: #fff; padding: 3px 10px; margin: 6px}
