﻿/*
Project: Z ulicy na Tor
By: Michal Karlowski email: m.karlowski@yahoo.pl
Date: 30/05/2009 

Script by: Przemysław Pastusiak

Color palette:
#ffc800		Orange

/* Eric Meyer RESET
--------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,  td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:Arial, Tahoma, Verdana,  sans-serif; vertical-align:baseline; }
:focus { outline:0; }
body { line-height:1.5; color:#fff; background:#000 url(../images/bg_body.jpg) repeat 0 0; }
ul { list-style:none; }
table {	border-collapse:collapse; border-spacing:0; }
caption, th, td { text-align:left;	font-weight:normal; }
blockquote:before, blockquote:after,
q:before, q:after {	content:""; }
blockquote, q {	quotes:"" ""; font-style:italic; }

/* LINKS 
--------------------------------------------------------------------------------------------------------*/
a { color:#ffc800; text-decoration:none; }
a:hover { text-decoration:underline; }

/* LISTS 
--------------------------------------------------------------------------------------------------------*/
#main_menu { display:block; height:42px; background:transparent url(../images/bg_menu.gif) no-repeat 0 0; font-size:13px; font-weight:bold; padding:6px 0 0 5px; margin-bottom: 5px; }
#main_menu li { display:inline; }
#main_menu li a { float:left; color:#000; text-decoration:none; padding:5px 10px; margin-right:15px; }
#main_menu li a:hover { background:#ffe999;  }
#main_menu li a.active { background:#ffe999; }

#footer_menu {  }
#footer_menu li { display:inline; }
#footer_menu li a { float:left; margin:0 20px 0 0; color:#999; }
#footer_menu li a:hover { color:#fff; }


/* STRUCTURE
--------------------------------------------------------------------------------------------------------*/
#wrapper { width:960px; margin:0 auto; }
#header { height:185px; background:transparent url(../images/header.jpg) no-repeat top left; }
#content { width:695px; float:left; background:#000;  margin:0 0 10px 0; min-height:600px; }
#content p { padding:0 10px 10px 10px; font-size:14px; }
#content ul { font-size:14px; list-style-type:disc; padding:0 10px 20px 30px; }
#content ol { font-size:14px; padding:0 10px 20px 30px; }
#content table { font-size:13px; margin:0 10px 20px 10px; }
#content table th { padding:5px 10px; font-weight:bold; background:#555; border:1px solid #000; }
#content table td { padding:5px 10px; background:#333; border:1px solid #000; }
.prompt { background:#ffe999; color:#000; padding:20px; margin:10px auto; width:380px; border:10px solid #ffe37d; font-weight:bold; }
#sidebar { width:255px; float:right; background:#000; margin-bottom:10px;}
#sidebar p { padding:0 10px 10px 10px; font-size:12px; margin:0 0 10px 0; }
#footer { clear:both; height:20px; font-size:11px; background:#000; padding:10px; margin-bottom:20px; }


/* TABLES 
--------------------------------------------------------------------------------------------------------*/

/* FORMS
--------------------------------------------------------------------------------------------------------*/
.zgloszenie { display:block; width:420px; background:#333; margin:10px auto; border:10px solid #222; }
.zgloszenie p { font-size:13px!important; }
.zgloszenie label { font-size:13px; display:inline; width:150px; float:left; }
.zgloszenie input { font-size:13px; width:200px; }
.zgloszenie select { font-size:13px; width:200px; }
.zgloszenie button { background:0 none; border:0 none; cursor:pointer; padding:0; margin:0; width:109px; }
.aktualnosci_naglowek  { color:#ffc800;}

/* HEADERS
-------------------------------------------------------------------------------------------------------*/
h1 { display:block; text-indent:-9999em; }
h2 { font-size:18px; color:#ffc800; text-transform:uppercase; padding:20px 10px 10px 10px; }
h3 { font-size:15px; font-weight:bold; padding:0 10px 10px 10px; }

/* MISC
--------------------------------------------------------------------------------------------------------*/
.fr 	{ float:right; 		 }
.fl		{ float:left; 		 }
.ar 	{ text-align:right;  }
.al 	{ text-align:left; 	 }
.ac 	{ text-align:center; }
.cb 	{ clear:both; 		 }
.cr 	{ clear:right; 		 }
.cl 	{ clear:left;		 }
.hide 	{ display:none;		 }
.czcionka { font-weight:bold;color:red; font-size:18px;}

/* FACEBOX 1.2 */
#facebox .b  { background:url(../images/facebox/b.gif); opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
#facebox .tl { background:url(../images/facebox/tl.gif); opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
#facebox .tr { background:url(../images/facebox/tr.gif); opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
#facebox .bl { background:url(../images/facebox/bl.gif); opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
#facebox .br { background:url(../images/facebox/br.gif); opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
#facebox { position:absolute; width:100%; top:0; left:0; z-index:100; text-align:left; }
#facebox .popup { position:relative; }
#facebox table { margin:auto; border-collapse:collapse; }
#facebox .body { padding:0px; background:#000; width:370px; }
#facebox .content { margin:0px; }
#facebox .loading { text-align:center; }
#facebox .image { text-align:center; }
#facebox img { border:0; }
#facebox .footer { padding-top:5px; margin-top:10px; text-align:right; clear:both; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height:10px; width:10px; overflow:hidden; padding:0; }
#facebox .close{ font-size:12px; }