/* Tlumaczenia-bhp.pl */

body {
	margin: 0;
	padding: 0;
	background: #070604 url('../img/site_bgrd.png') repeat-x top left;
	color: #e4e4e4;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}

h1, h2, p, ul, ol, li {
	margin: 0;
	padding: 0;
}

#nav ul, #bar ul {
   list-style-type: none;
}

/* Site building structure */

#page {
	width: 990px;
	height: 625px;
	margin: auto;
}

#header {
	height: 40px;
}

#nav {
	
}

#main {
	height: 570px;
}

#content {
	height: 380px;
	margin: 0 30px;
}

#left-column {
	width: 310px;
	float: left; 
}

#right-column {
	width: 600px;
	height: 360px;
	float: right;
	padding: 10px;
}

#bar {
	height: 190px;
}

#footer {
	height: 25px;
	margin: 0 30px;	
}

/* Background and text */

h1, h2 {
	font-family: Impact, Verdana, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}

#page {

}

#header {
	height: 40px;
}

#nav {
	
}

#main {

}

#content {
}

#left-column {
}

#right-column {
	background-color: #1d1c1a;
}

#bar {
}

#footer {
	background-color: #1d1c1a;
}

/* Main menu */

#header #nav {

	margin-left: 340px;
	float: left;
	font-family: Impact, sans-serif;
	font-size: 24px;
}

#header #nav ul {
	height: 40px;	
}	

#header #nav li {
	display: inline;
}

#header #nav li a {
	height: 40px;
	padding: 9px 60px;
	color: #e4e4e4;
	text-decoration: none;
}

#header #nav li a:hover {
   color: #333;
   background: #ff4c22;
}

#header #nav li a.active {
   color: #333;
   background-color: #f43508;
}

/* Footer */

#footer p {
	text-align: center;
	padding: 5px;		
}

#footer a {
	color: #e4e4e4;	
}

#footer a:hover {
	color: #f43508;	
}

/* Main content area */

#right-column h2 {
	font-size: 24px;
}

#right-column ul {
	padding-left: 20px;
	list-style-image: url('../img/list_marker.png');
}

#right-column p, #right-column li {
	padding: 4px;	
}

#right-column .site-name {
	padding: 10px 20px 0;
	font-size: 32px;	
}

.orange {
	color: #f43508;	
}

#right-column .lead {
	font-family: Impact, Verdana, sans-serif;
	font-size: 20px;
	padding: 10px 20px;	
}

#right-column .black-button, #bar .black-button {
	background: #070604;
	float: right;
	font-family: Impact, Verdana, sans-serif;
	font-size: 24px;
	padding: 4px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #e4e4e4;
	text-transform: uppercase;
	margin-right: 20px;	
}

#bar .black-button {
	margin-top: -10px;	
}

.black-button a, .orange-button a {
	text-decoration: none;
	color: #f43508;	
}

#right-column .black-button:hover {
	background: #f43508;
}

#right-column .black-button a:hover {
	color: #333;
}

/* Button first version (orange) -- now dropped
#right-column .orange-button {
	background: #f43508;
	float: right;
	font-family: Impact, Verdana, sans-serif;
	font-size: 24px;
	font-style: italic;
	padding: 4px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #9F2509;
	text-transform: uppercase;	
}

.orange-button:hover {
	background: #ff4c22;
	border-color: #f43508;
}
*/

.message h2 {
	padding: 0 0 20px;	
}

.notice {
	font-weight: bold;
	color: 	#f43508;
}


/* Orange bar */

#bar ul {
	margin: 0 0 0 30px;

}

#bar li {
	float: left;
	display: inline;
	height: 150px;
	padding: 20px;
	background: #E2370C url('../img/bar_panel_bgrd.png') repeat-x top left;
	border-left: 1px #8a1f06 solid;
}

#bar li.panel-single {
	width: 270px;
}

#bar li.panel-double {
	width: 580px;
}
                  

#bar li p {
	font-size: 14px;	
}

/* Formularz kontaktowy */

#contact-form ol {
	list-style-type: none;
}

label
{
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

form input[type="text"], form input[type="file"], form textarea {
	width: 450px;
	color: #e4e4e4;
	background-color: #2F2C26;
	border: 1px solid #f43508;	
}

form input[type="submit"] {
	margin-left: 400px;
	background-color: #f43508;
	border: none;
	font-family: Verdana, sans-serif;
	font-size: 14px;	
}

form input[type="submit"]:hover {
	background-color: #ff4c22;
}	
	
form {
	padding: 5px 0 15px;
}