/* saved */ /* Start of CMSMS style sheet 'Podstawowy' */
* html .mceContentBody {padding-right:210px !important;} 

li {display:block;}

img.right {float: right; margin-left: 10px; margin-bottom: 4px;}
img.left {float: left; margin-right: 10px; margin-bottom: 4px;}

body {
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	background-color: #FFF;
	color: #635353;
}
select {
	margin: 0px;
	padding: 0px;
}
ul, li, p, div, h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-indent: 0;
}
p {
	text-align: justify;
	line-height: 1.5em;
}
.textVersion {
	display: none;
}
a, a:visited {
	color: #635353;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
}
images {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
h2 span {
	display: none;
}
h2 {font-size:19px; font-family: Tahoma; border-bottom:1px solid #D9D9D9; padding-bottom:20px; margin-bottom:15px;}
h2 strong, h2 b {color:#F48C11 !important;}

/* ------------------------------------------------------------------------------ MAIN DIVS */
#top, #menu, #footer, #content {
	clear: both;
	width: 730px;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}
/* ------------------------------------------------------------------------------ TOP DIV */
#top {
	height: 254px;
	width: 730px;
	background: url('uploads/images/t_bkg.jpg') top right no-repeat;
	border-bottom: 10px solid #ebebeb;
}
#top h1 {
	width: 199px;
	height: 134px;
	padding: 40px 0 0 60px;
	background: url('uploads/images/t_logo.jpg') bottom right no-repeat;
}
#top h1 a {
	width: 199px;
	height: 134px;
	display: block;
}
#top h1 a span {
	display: none;
}
/* ------------------------------------------------------------------------------ MENU DIV */
#menu {
	width: 730px;
	height: 74px;
	background: url('uploads/images/menuBkg.jpg') bottom left no-repeat;
}
#menu ul {
	list-style-type: none;
}
#menu ul li {
	float: left;
}
#menu ul li.first {
	padding: 0px;
}
#menu ul li a {
	height: 67px;
	display: block;
}
#menu ul li a span {
	display: none;
}
#m_firma {
	width: 125px;
	background: url('uploads/images/m_firma.jpg') top left no-repeat;
}
#m_oferta {
	width: 120px;
	background: url('uploads/images/m_oferta.jpg') top left no-repeat;
}
#m_partnerzy {
	width: 120px;
	background: url('uploads/images/m_partnerzy.jpg') top left no-repeat;
}
#m_realizacje {
	width: 120px;
	background: url('uploads/images/m_realizacje.jpg') top left no-repeat;
}
#m_prasa {
	width: 120px;
	background: url('uploads/images/m_prasa.jpg') top left no-repeat;
}
#m_kontakt {
	width: 125px;
	background: url('uploads/images/m_kontakt.jpg') top left no-repeat;
}
#m_firma a:hover, #m_firma a.active {
	background: url('uploads/images/m_firma_ov.jpg') top left no-repeat;
}
#m_oferta a:hover, #m_oferta a.active {
	background: url('uploads/images/m_oferta_ov.jpg') top left no-repeat;
}
#m_partnerzy a:hover, #m_partnerzy a.active {
	background: url('uploads/images/m_partnerzy_ov.jpg') top left no-repeat;
}
#m_realizacje a:hover, #m_realizacje a.active {
	background: url('uploads/images/m_realizacje_ov.jpg') top left no-repeat;
}
#m_prasa a:hover, #m_prasa a.active {
	background: url('uploads/images/m_prasa_ov.jpg') top left no-repeat;
}
#m_kontakt a:hover, #m_kontakt a.active {
	background: url('uploads/images/m_kontakt_ov.jpg') top left no-repeat;
}
/* ------------------------------------------------------------------------------ CONTENT DIV */
#content {
	padding-bottom: 10px;
	background: #f2f2f2;
	border-top: 1px solid #FFF;
}
#content p {padding-bottom:10px;}

#content a.more {
	background: url('uploads/images/more.jpg') 0px 0px no-repeat;
	height: 15px;
	color: #FFF !important;
	width: auto;
	font-weight: bold;
	font-size: 0.9em;
	display: block;
	line-height: 15px;
	padding-left: 25px;
	margin-top: 10px;
}

#content img {border: 4px solid #FFFFFF;}
#content img.left {float: left; margin-right: 10px;}
#sub {
	width: 229px;
	float: left;
	padding: 23px 0px 0px 31px;
}
#sub .separator {
	background: url('uploads/images/subSeparator.jpg') top left no-repeat;
	height: 2px;
	font-size: 0px;
	margin-top: 14px;
margin-bottom:10px;
}
#sub images {
	border: 4px solid #fff;
	margin: 22px 0px 13px 0px;
}
#sub h3.date {
	font-size: 1em;
	background: url('uploads/images/date.jpg') bottom left no-repeat;
	color: #f28800;
	line-height: 20px;
	padding-left: 20px
}
#sub p {
	
}
#sub p.info {
	font-size: 0.8em;
	padding-top: 20px;
}
#main {
	width: 383px;
	float: left;
	padding: 23px 0px 0px 42px;
}
#main .separator {
	background: url('uploads/images/mainSeparator.jpg') top left no-repeat;
	height: 2px;
	font-size: 0px;
	margin: 14px 0px 10px 0px;
}

#main p.firstLine {margin-top: 0;}
#main img.rightPhoto {float: left; margin-right: 10px;}

#main images {
	border: 4px solid #fff;
	margin: 10px 15px 10px 0px;
	float: left;
}
#main images.rightPhoto {
	float: right;
	margin: 10px 0px 10px 15px;
}
#main ul {
	list-style-type: none;
	padding: 0 0 10px 0;
}
#main ul li {
	line-height: 1.5em;
	background: url('uploads/images/liBkg.jpg') no-repeat left 5px;
	padding-left: 15px; padding-bottom:7px
}
#main ul.ulRight {
	float: right;
}
#main a.more {
	background: url('uploads/images/more.jpg') 0px 0px no-repeat;
	height: 15px;
	color: #FFF !important;
	width: auto;
	font-weight: bold;
	font-size: 0.9em;
	display: block;
	line-height: 15px;
	padding-left: 25px;
        padding-right: 5px;
	float: left;
	margin: 0px;
}
#main b {
	color:#635353;
}
#main ul.addres li {
	background: none;
	padding: 0px;
	font-weight: bold;
}
#main ul.addres li b {
	text-transform: uppercase;
}
#main ul.addres li a {
	color: #f28800;
}
#main ul li.liSeparator {
	margin-top: 15px;
}
#main ul.addresRight {
	padding-left: 60px;
}
#ico1 {
	background: url('uploads/images/ico1.jpg') top left no-repeat;
	padding-left: 140px;
}
#c_aktualnosci {
	width: 191px;
	height: 26px;
	background: url('uploads/images/c_aktualnosci.jpg');
}
#c_witamy {
	width: 240px;
	height: 26px;
	background: url('uploads/images/c_witamy.jpg');
}
#c_firma {
	width: 240px;
	height: 26px;
	background: url('uploads/images/c_firma.jpg');
}
#c_oferta {
	width: 240px;
	height: 26px;
	background: url('uploads/images/c_oferta.jpg');
}
#c_partnerzy {
	width: 240px;
	height: 26px;
	background: url('uploads/images/c_partnerzy.jpg');
}
#c_realizacje {
	width: 240px;
	height: 26px;
	background: url('uploads/images/c_realizacje.jpg');
}
#c_prasa {
	width: 294px;
	height: 26px;
	background: url('uploads/images/c_prasa.jpg');
}
#c_kontakt {
	width: 294px;
	height: 26px;
	background: url('uploads/images/c_kontakt.jpg');
}
.clearfix {
	clear: both;
	height: 1px;
	font-size: 0.1em;
}

form {
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}
#formLeft {
	width: 180px;
	float: left;
}
#formRight {
	width: 180px;
	float: right;
	padding-right: 7px;
}
.inputbox_form, .inputbox_form_request {
	width: 174px;
	height: 18px;
	color: #706666;
	background: #FFF;
	border: 1px solid #b0a2a2;
	font-family: tahoma;
	font-size: 0.9em;
	margin: 5px 0px 5px 0px;
	line-height: 18px;
	padding-left: 5px;
}
.inputbox_form_request {
	height: 75px;
}
#buttons {
	padding-top: 10px;
	width: 180px;
}
.button1, .button2 {
	border: none;
	background: url('uploads/images/formButton.jpg');
	width: 78px;
	padding-left: 25px;
	height: 15px;
	line-height: 15px;
	font-family: tahoma;
	font-size: 0.9em;
	font-weight: bold;
	color: #FFF;
}
.button1 {
	float: left;
}
.button2 {
	float: right;
}
/* ------------------------------------------------------------------------------ FOOTER DIV */
#footer {
	height: 87px;
	background: url('uploads/images/f_bkg.jpg') top left repeat-x;
}
#f_menu {
	float: left;
	padding: 28px 30px 0px 50px;
}
#f_menu ul {
	list-style-type: none;
}
#f_menu ul li {
	float: left;
	padding: 0px 10px 0px 10px;
	border-left: 1px solid #FFF;
}
#f_menu ul li.first {
	border: none;
}
#f_menu ul li a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
}
#f_menu ul li a:hover, #f_menu ul li.currentpage a {text-decoration:underline;}


#f_copy {
	font-size: 0.9em;
	padding: 30px 0px 0px 40px;
	float: left;
	font-weight: bold;
	padding-bottom: 5px;
	color: #ffffff;
	float: left;
	padding-right: 10px;
	width: 160px;
}
#f_copy span {
	clear: both;
	color: #b2b2b2;
	text-transform: none;
	font-weight: normal;
}
#f_copy a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#rss {
	padding: 15px 17px 0px 0px;
	float: left;
}
#rss a {
	background: url('uploads/images/rssIco.jpg') top right no-repeat;
	padding: 32px 0px 0px 5px;
	display: block;
	width: 23px;
	color: #b0b0b0;
	font-size: 0.8em;
}

/* End of 'Podstawowy' */

/* Start of CMSMS style sheet 'Formularz kontaktowy' */
 /************************************************************** Formularz */

#form1 {padding: 0;}
#form1 fieldset {border: none; text-align: right; margin: 0; padding: 0;}
#form1 fieldset.info {float: left; text-align: left;}
#form1 fieldset.message  {width: 235px; float: right;}
#form1 .field {margin: 5px 0 5px;}
#form1 input {width: 135px;}
#form1 input, textarea {border: 1px solid #B0A2A2;}
#form1 label {display: block; clear: both;}
#form1 fieldset.message label {padding-left: 0px; text-align:left;}
#form1 fieldset.message input {width: 235px;}
#form1 textarea {height:93px; width: 235px;}
#form1 .buttons input {widht: 102px;}
.fbsubmit {border: none; background: #4D4D4D url(uploads/images/more.jpg)  left no-repeat; padding-left: 24px; text-align: left; color:#FFFFFF; font-size: 0.9em; font-weight:bold; text-transform:lowercase;}
#form1 fieldset.message .buttons input {width:102px;}

/* SpryFormValidation.css - version 0.5 - Spry Pre-Release 1.5 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
input.reset {float:left;}

/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: block;
    clear: both;
    margin-left: 2px;
    margin-bottom: 8px;
    padding: 3px;
    padding-right: 0;
	color: #CC3333;

}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	background-color:#B8F5B1;
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
      background-color:#FF9F9F; 
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	/* background-color:#FFFFCC; */
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}
/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
textarea.textareaHintState, .textareaHintState textarea{
	/* color: red !important;*/
}

/* SpryFormValidation.css - version 0.4 - Spry Pre-Release 1.5 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
    display: block;
    clear: both;
    margin-left: 2px;
    margin-bottom: 8px;
    padding: 3px;
    padding-right: 0;
	color: #CC3333;
}


/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1 !important;
	color: #000 !important;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F !important;
	color: #000 !important;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}


.formMessage {font-weight:bold;
padding-left:90px;
padding-top:30px;}

/* End of 'Formularz kontaktowy' */