/* ##### (c) potaczek.pl ##### */

BODY {
        font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 14px; line-height: 1.4em;
        background-color: #fff; color: #000;
	padding: 0; margin: 0;
}

/* LAYOUT */
#container 			{ width: 100%; \width: 100%; margin:0; padding:0; }
#container			{ background: url('../images/pageback_subpage.jpg') repeat-x 0 0; }
body.frontpage #container 	{ background: url('../images/pageback.jpg') repeat-x 0 0; }
#wrapper 			{ background: url('../images/header_back_subpage.jpg') 0 0 no-repeat; }
body.frontpage #wrapper 	{ background: url('../images/header_back.jpg') 0 0 no-repeat; }
#header				{ height: 185px; }
body.frontpage #header		{ height: 460px; }

/* ELEMENTS */
#logo 				{ margin-top: 20px; float: left; }
#strefaklienta 			{ margin-top: 10px; margin-left: 10px; float: right; }
#panel 				{ float: right; margin: 25px 0px; padding: 5px 25px;
				  font-family:"Trebuchet MS",Tahoma,Arial,sans-serif; font-size: 15px;
/*				  background: url('../images/button_kontakt.png') top center no-repeat; */
				  }
#panel a 			{ color: #fff; font-weight: bold; text-decoration: none; background-color: transparent; }
#panel a:hover 			{ text-decoration: underline; }
img#ico_kontakt 		{ margin: -2px 10px 0 0; vertical-align: middle; }

/* BREADCRUMB */
div.mod_breadcrumb 				{ font-size: .71em; color: #c00; margin-left: 2em; padding:0; width: 100%; }
div.mod_breadcrumb ul 				{ list-style: none; padding: 0;}
div.mod_breadcrumb ul li 			{ display: inline; }
div.mod_breadcrumb a:link, div.mod_breadcrumb a { color: #000; background-color: transparent; }
div.mod_breadcrumb a:hover			{ color: #C00; background-color: transparent; }


/* ##### TO CO PONIZEJ - JESZCZE DO SPRAWDZENIA  ##### */ 

/* TODO: Header sizes and margins - as "em"! */
H1, H2, H3, H4, H5, H6 			{ font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; }

H1, H2 {
	font-size: 1.5em;
        margin: 1.5em 0 .75em 0;
        vertical-align: bottom;
	font-weight: bold;
	display: block;
	padding: .25em;
	border-bottom: solid 1px #ccc;
	}        

H2 {	font-size: 1.3em; }                

H3 {
        color: #c1001c;
	background-color: transparent;
        font-size: 1.2em;
        margin: 1em 0 .75em 0;
        font-style: italic;
	border-bottom: solid 1px #ccc;
	padding: .25em;
	}
H4 {
        color: #d00;
	background-color: transparent;
        font-size: 1.1em;
        margin: 1em 0 .75em 0;
        font-weight: bold;        
	padding: .25em;
        }
H5, .explanation  {
        color: #008eac;
	font-size: 1.1em;
        margin: 1em 0 .75em 0;
	font-style: italic;
	font-weight: bold;
	padding: .25em;
        }                		 
H6 {
        color: #fff;
	font-size: 1.1em;
        margin: 1em 0 0 0;
	padding: .25em .25em .25em .75em;
	font-weight: bold;
	background: url(../images/rounded-corner.png) #c1001c top right no-repeat !important;
	background-color: #c1001c;
        }		

a 	{ color: #2e8b98; text-decoration: underline; }
a:hover { color: #e00; text-decoration: underline; }
H1 a, H2 a, H3 a, H4 a, H5 a, H6 a { text-decoration: none; }

.black_back 			{ background: url(../images/rounded-corner.png) #000 top right no-repeat; }
.gray_back, .grey_back 		{ background: url(../images/rounded-corner.png) #cbcbc9 top right no-repeat; }
.blue_back 			{ background: url(../images/rounded-corner.png) #6fa8ab top right no-repeat; }
.red_back 			{ background: url(../images/rounded-corner.png) #c1001c top right no-repeat; }
.darkgray_back, .darkgrey_back 	{ background: url(../images/rounded-corner.png) #444 top right no-repeat; }


/* 
    TODO: Rozdzielić w systemie na dwie klasy: box oraz box_kolor.
*/
div.box_gray, div.box_grey		{ background: url(../images/rounded-corner.png) #ececec top right no-repeat; }
div.box_blue				{ background: url(../images/rounded-corner.png) #6fa8ab top right no-repeat; color:#fff !important; background-color: #6fa8ab !important;}
div.box_red 				{ background: url(../images/rounded-corner.png) #c1001c top right no-repeat; color:#fff !important; background-color: #c1001c !important; }
div.box_darkgray, div.box_darkgrey 	{ background: url(../images/rounded-corner.png) #444 top right no-repeat; color:#fff !important; background-color: #444 !important;}

div.box H1, div.box H2, div.box H3, div.box H4, div.box H5, div.box H6 	{ margin:0 .5em; padding: .75em; }



/* TODO: Do optymalizacji i czyszczenia! */
/*div.box_gray, div.box_grey, div.box_darkgray, div.box_darkgrey, div.box_blue, div.box_red { padding-bottom: .75em; } */

div.box {
	padding-bottom: .25em;
}


div.box_gray H1, div.box_gray H2, div.box_gray H3, div.box_gray H4, div.box_gray H5,
div.box_grey H1, div.box_grey H2, div.box_grey H3, div.box_grey H4, div.box_grey H5 {
	margin:0 .5em; padding: .75em;
}
div.box_blue H1, div.box_blue H2, div.box_blue H3, div.box_blue H4, div.box_blue H5,
div.box_red H1, div.box_red H2, div.box_red H3, div.box_red H4, div.box_red H5,
div.box_darkgray H1, div.box_darkgray H2, div.box_darkgray H3, div.box_darkgray H4, div.box_darkgray H5,
div.box_darkgrey H1, div.box_darkgrey H2, div.box_darkgrey H3, div.box_darkgrey H4, div.box_darkgrey H5 {
	color:#fff !important; 
	margin:0 .5em; padding: .75em;
	background-color: inherit;
}

div.box_blue H1 a:link, div.box_blue H2 a:link, div.box_blue H3 a:link, div.box_blue H4 a:link, div.box_blue H5 a:link,
div.box_red H1 a:link, div.box_red H2 a:link, div.box_red H3 a:link, div.box_red H4 a:link, div.box_red H5 a:link,
div.box_darkgray H1 a:link, div.box_darkgray H2 a:link, div.box_darkgray H3 a:link, div.box_darkgray H4 a:link, div.box_darkgray H5 a:link {
	color: #fff !important;
	background-color: inherit;
}
div.box_blue H1 a:hover, div.box_blue H2 a:hover, div.box_blue H3 a:hover, div.box_blue H4 a:hover, div.box_blue H5 a:hover,
div.box_red H1 a:hover, div.box_red H2 a:hover, div.box_red H3 a:hover, div.box_red H4 a:hover, div.box_red H5 a:hover,
div.box_darkgray H1 a:hover, div.box_darkgray H2 a:hover, div.box_darkgray H3 a:hover, div.box_darkgray H4 a:hover, div.box_darkgray H5 a:hover {
	color: #f00 !important;
	text-decoration: none;
}


#footer 	{ margin-top: 25px; }

#footer_links {
    background: url(../images/linki_back.jpg) top left no-repeat;
    background-color: #ccc;
    height: 145px;
    font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
}

#footer_links .mod_customnav{
    float: left;
    width: 223px;
    color: #777;
    margin:0;
    padding:0 0 0 15px;
    font-size: 11px;
}
											

#footer_links H2 {
    color: #000;
    background-color: inherit;
    font-size: 14px;
    font-weight: bold;
    margin: 3px 10px 0 0;
    vertical-align: bottom;
    text-align: left;
    display: block;
    text-transform: none !important;
}

#footer_links  H3{
    color: #366c8f;
    background-color: inherit;
    font-size: 14px;
    font-weight: bold;
    margin: 8px 0 0 0;
    padding: 0;
    text-transform: none !important;
}

#footer_links  H4{
    color: #d00;
    background-color: inherit;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    border-bottom: none;
    font-style: normal;
}
							


#footer_links ul 		{ margin:0; padding:8px 0 0 14px; font-size: 12px; }
#footer_links ul li 		{ margin:0; padding:0; line-height: 140%; color: #366c8f; }
#footer_links ul li.active, #footer_links span.active { color: #EE0000; font-weight: bold; }
#footer_links a 		{ text-decoration: none; color: #777777; }
#footer_links a:hover 		{ text-decoration: underline; color: #366c8f; }



div#copyrights, .copyright {
    font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
    clear: both;
    color: #000;
    background-color: transparent;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
}

div#copyrights a:link, div#copyrights a:visited  {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    background-color: transparent;
}
div#copyrights a:hover  {
    color: #000;
    text-decoration: underline;
    background-color: transparent;
}

											
/* MORE STYLES */

a.selected, .selected { 
	font-weight: bold !important;
	color:#f00 !important;
	font-style:italic;
}
div.image_container {
	padding:10px;
	border: 1px solid #ccc;
}
div.image_container img{
	border: 1px solid #fff;
}
div.caption {
	font-size: 12px;
	color: #888;
	font-style:italic;
	margin: 0 0 10px 0;
}

div.noborder, div.noborder div.image_container, img.noborder, div.noborder div img { 
    border: none; 
    padding: 0;
}

div.float-remover 		{ clear:both;}
span.active 			{ color:#fff; background-color: inherit; }
.center 			{ text-align: center; }

.inc_vat 			{ font-size: x-small; color: #444444; background-color: transparent; }
.short_right_text li 		{ padding: 3px 0px; font-size: .9em; }
.logo_software_partner img 	{ margin: 10px; }

.form_error			{ color: #c00; font-weight: bold; margin-top: 1em; text-align: center; }
.error 				{ color: #c00; font-weight: bold; margin-bottom: 0;}


/* TABLES */
table.parameters2 {
	background-color: inherit; 
	color: #000;
	border: 1px solid #ccc;
	margin-top: 10px;
}

table.parameters {
	background: url(../images/rounded-corner.png) #ccc top right no-repeat; 
	color: #000;
	background-color: #ccc;
	border: none;
	margin: 0;
	border-collapse: collapse;
	border:2px solid #c00;
}

table		{ margin-top: 10px; }
table td	{ padding: 3px; }

table.parameters2 th{
	background-color: #3c5361;
	color: #fff;
	padding: 3px 5px;
}
table.parameters th{
	background-color: #bf000c;
	color: #fff;
	padding: 5px;
	border: 1px solid #fff;
}
table.parameters2 td{
	background-color: #eee;
	color: #000;
	padding: 7px;
}
table.parameters td{
	background-color: #f0f0f0;	
	color: #000;
	padding: 2px 6px;
	border: 1px solid #ccc;
	text-align: center;
	background: url(../images/td_gradient2.png) #fff top left repeat-y; 
}

table.parameters td:first-child {
	text-align: left;
	font-weight: bold;
}

table.parameters tr.darken td {
	background-color: #efefef !important;
	color: #000;
	padding: 5px;
	border: 1px solid #ccc;
}



/* FORMS */

label, label.mandatory { 
	font-weight: bold;
	width: 100px;
} 
input, textarea{
	font: inherit;
	font-family: "Trebuchet MS", Arial, Verdana, Tahoma, Sans;
	font-size: 13px;
	background-color: #f0f0f0 !important;
	border: 1px solid #ccc;
}
input[type=text], textarea {
	width: 100%;
}

input:hover, textarea:hover {
	border: 1px solid #DD0000;
}

input.captcha { width: 50px; }

select {
	width: 100% !important;
	font: inherit;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
}

input[type=submit],
input[type=reset] 		{ color: #fff; background-color: transparent; font-weight: bold; font-size: 16px; border:none; padding: 2px 20px 2px 10px; cursor: pointer; }

input[type=submit] 		{ background: url(../images/rounded-corner.png) #6fa8ab top right no-repeat !important; }
input[type=reset] 		{ background: url(../images/rounded-corner.png) #667 top right no-repeat !important; }

input[type=submit]:hover, 
input[type=reset]:hover 	{ background: url(../images/rounded-corner.png) #DD0000 top right no-repeat !important; }

input[type=file] 		{ font: inherit; font-size: 13px; background-color: #f0f0f0 !important; border: 1px solid #ccc; }

div.radio_container span { display: block; }

fieldset table { width: 90%; }
fieldset table td.col_first { width: 25%; }

div#begin{
    float: left;
}

div#begin h1 {
    font-size: .9em;
    margin:0;
    padding: 0;
    font-weight: normal;
    color: #222;
    border-bottom: none;
}

#subfooter {
    background-color: transparent;
    font-size: 10px;
    font-weight: normal;
    text-align: center;
    color: #bbbbbb;
}


/* ################## */