/* CSS Document */
html { overflow: -moz-scrollbars-vertical;}
a {outline: none;}
a, a:visited {color:#FFF; text-decoration:none}
a:hover { text-decoration:underline}
body{
	background:#000000; color:#CCC; background-position:top center;
	font:12px Georgia, "Times New Roman", Times, serif; 
	padding:0; margin:0;
	color:#DDD;
	background-image:url(img/bg.jpg);
	background-repeat:repeat-x;
	background-position:top left ;
	}
div, p, ul, h1, h2, h3, img, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
	
.bank{
	line-height:0; font-size:0; clear:both;
	}	

#content a.email, #content a.email:visited {padding:10px 10px;  background:url(img/arrow.gif) left; background-repeat:no-repeat; color:#FFF; text-decoration:none}
#content a.email:hover { text-decoration:underline}


#header {background-color:#060606; margin-top:10px}
#header td {padding:10px}
#header h1#potokart {padding-top: 29px; height: 0px; overflow: hidden;  background-image: url("img/potokart.gif");  background-repeat: no-repeat; margin:0 0 5px 10px;}
#header a h1#potokart { cursor:hand}

#header h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:2px 2px;
	color:#FFF;
	background-color: #990000;
	text-transform: uppercase;
	font-variant: normal;
	letter-spacing: 7px;
}
 #header span.line { 
 display:block;
 font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin:0 0 0 0px;
	padding:2px 2px;
	color:#FFF;
	background-color: #333;
	text-transform: uppercase;
	font-variant: normal;
	letter-spacing: 7px;
}





#header #top_menu { text-align:right; font-family: Trebuchet MS, arial, helvetica, sans-serif;font-size: 14px; font-weight:bold; margin-bottom:5px}
#header #top_menu a{margin-left:10px; color:#AAA; text-decoration:none; margin-right:5px}
#header #top_menu a:hover{ color:#EEE}
#header #top_menu a.active {color:#CC0000}

	
#main_table{ background-color:#060606;}
#main_table td {padding:10px}

#main_table #menu_left {font-size:11px; text-transform:uppercase}
#main_table #menu_left a{ color:#AAA; display:block; padding:1px 0px 1px 10px; text-decoration:none}
#main_table #menu_left a:hover{ color:#EEE; text-decoration:underline; background:url(img/arrow.gif) left 5px no-repeat }
#main_table #menu_left a.active {color:#CC0000; background:url(img/arrow.gif) left 5px no-repeat}


#content h1 { margin:0px 0 5px 10px; padding:0; font:21px Georgia, "Times New Roman", Times, serif;  text-transform: uppercase; font-weight:normal }
#content h2 { margin:0px 0 10px 0; font-size:23px; font-weight:normal; padding:0 }
#content h3 {margin:10px 0 5px 0; padding:5px 0 0 0; font-weight:normal; font-variant:small-caps; color:#AAA; display:block; border-top:1px  dotted #333;}
#content .about {padding:10px 10px 10px 0; color:#fff; width:520px}
#content .opis {text-align:left; margin-top:10px}
#content .cytat {font-style:italic;width:500px; padding:10px 10px 10px 0px;}
#content .podpis {display:block;text-align:right;padding-right:20px;color:#aaa;width:500px}
#content .detailphoto {margin-bottom:10px}
#exh td{ border-top: 1px solid #333; padding:5px 0}

#back {margin:10px 0 0 0; border-top:1px  dotted #333; padding-top:5px}
#back a, #back a:visited {padding:10px 10px;  background:url(img/arrow_back.gif) left; background-repeat:no-repeat; color:#CCC; text-decoration:none}
#back a:hover { text-decoration:underline}

#footer {background-color:#060606; margin-bottom:15px}
#footer td {padding:10px}
#footer span.line { 
 display:block;
 font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin:0 0 0 0px;
	padding:2px 2px;
	color:#FFF;
	background-color: #333;
	text-transform: uppercase;
	font-variant: normal;
	text-align:right
}
#footer span.linered { 
 display:block;
 font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin:0 0 0 0px;
	padding:2px 5px;
	color:#FFF;
	background-color: #990000;
	text-transform: uppercase;
	font-variant: normal;
	}	
#footer span.line a {margin-left:10px; color:#AAA; text-decoration:none;padding:2px}
#footer span.line a:hover{ color:#EEE}
#footer span.line a.active { background-color:#990000; color:#FFFFFF}



#portfolio_works { clear: right}
#portfolio_works  a:link, #portfolio_works a:visited { display:block; border:1px solid #060606 ; width:100px; height:100px; background-color:#060606; float:left; margin:0 9px 10px 0}
#portfolio_works  a:hover {border:1px solid #CC0000}
#portfolio_works  a img {border:0px;}




 input
{
	display: block;
	width: 300px;
	border-top:1px solid #000;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	border-left:1px solid #000;
	background-color:#222;
	font:  12px Georgia, "Times New Roman", Times, serif; color:#FFFFFF;
	padding:3px;
}
  .submit input
{
	display: block;
	width:100px;
	border-top:1px solid #333;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-left:1px solid #333;
	padding:5px;
	margin:0px;
	text-align:center;
	text-transform:uppercase;
	color:#AAA
}
 textarea
{
	display: block;
	width: 300px;
	border-top:1px solid #000;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	border-left:1px solid #000;
	background-color:#222;
	font:  12px Georgia, "Times New Roman", Times, serif; color:#FFFFFF;
	padding:5px;
}

 label
{
	display: block;
	margin-bottom: 1em;
	font-weight: normal;
	text-align:left;

}

label.first
{
	padding-top: 1em;
}

select
{
	display: block;
}
 .opis { font-size:11px; text-align:left;}
.alert {color:#FFFF00; font-size:14px; font-weight:bold}