/* 
    Document   : style
    Created on : 2009-09-10, 09:00:02
    Author     : Internet studio
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* CSS Document */

@charset "utf-8";

body  {
	font-family: Arial, Helvetica, sans-serif;
	background:#FFF repeat-y center;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#all {
	background:url(image/all_bg.png) repeat-y center;
}
.twoColFixLtHdr #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background:url(image/content_bg.png) no-repeat bottom left;
}
.twoColFixLtHdr #container_home {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background:url(image/content_home_bg.png) #e9e8e9 no-repeat bottom left;
}
.twoColFixLtHdr #header {
}
.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #tagline {
	float: right; /* since this element is floated, a width must be given */
	width: 740px; /* the background color will be displayed for the length of the content in the column, but no further */
	height: 89px;
	background:url(image/tagline1.png);
	clear:both;
	margin-bottom: 20px;
}
.twoColFixLtHdr #tagline_home {
	width: 960px; /* the background color will be displayed for the length of the content in the column, but no further */
	height: 88px;
	background:url(image/tagline1_home.png);
	clear:both
}
.twoColFixLtHdr #tagline_home p{
	display:none;
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 220px;
	background:url(image/menu_bg.png) no-repeat
}
.twoColFixLtHdr #mainContent {
	margin: 0px 0 20px 23px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	width: 694px;
}
.twoColFixLtHdr #footer {
	padding: 0 0 0 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:url(image/footer_bg.png) repeat-x;
	display:block;
	height: 21px;
	padding:11px 0 0 0;
}
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 8.5pt;
	text-align:center;
	color:#FFFFFF;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h2, h1{
    margin: 0;
    padding: 0;
}

#tagline p {
	display: none;
}
#header img.logo, #header h1.logo {
	display: none;
}
#header #menu_top {
	display: block;
	width: 700px;
	background:#FFFFFF;
	height:49px;
	float:left;
}

#header .sklep_top {
	display: block;
	width: 260px;
	background:#FFFFFF;
	height:49px;
	float:right;
}

#menu_top h2 {
	display: none;
}
#menu_top ul {
	float:left;
	margin: 14px 0 0 0;
	padding: 0px;
}
#menu_top ul li {
	display: inline;
	margin: 0 0 0 10px;
}
#menu_top ul li a{
	font-size: 9.7pt;
}

/*
    Menu !!!!!!!!!!!!!
*/


#left{
    width:220px;
    float: left;
}

#right{
    width:740px;
    float: left;
}
#header {
	/*background:url(image/top_bg.jpg) bottom no-repeat;*/
	height:261px;
}


#sidebar1 dl {
	margin: 0 10px 0 10px;
}
#sidebar1 dl dt {
	display: block;
	background:url(image/menu_li1a.png) no-repeat;
	padding: 0 0 5px 17px;
	margin: 0 0 4px 0;
	border-bottom:#FFFFFF 1px solid;
	line-height:100%;
}
#sidebar1 dl dt.active {
	background:url(image/menu_li1b.png) no-repeat;
}
#sidebar1 dl dt a{
	font-size: 9.7pt;
	padding:0;
	margin:0;
	line-height:100%;
}
#sidebar1 dl dt dd{
	margin: 5px 0 0 0;
}
#sidebar1 dl dd {
	display: none;
	background:url(image/menu_li2a.png) no-repeat 0;
	padding: 0 0 0 8px;
	margin: 0 0 4px 18px;
	border-bottom: none;
	line-height:100%;
}
#sidebar1 dl dd.active {
	background:url(image/menu_li2b.png) no-repeat 0;
}
#sidebar1 dl dd a{
	font-size: 8.5pt;
	padding:0;
	margin:0;
	line-height:100%;
}

#sidebar1 dl dt.separator{
	background:none;
	border-bottom: none;
}
#sidebar1 dd.separator{
	width: 15px;
	display: none;
	background:none;
}

#mainContent * {
	color: #837975;
}
#mainContent h1 {
	color:#c5462f;
	font-size: 18pt;
	font-weight:normal;
}
#mainContent h2 {
	color:#c5462f;
	font-size: 14pt;
	font-weight:bold;
}
#mainContent p {
	font-size: 8.5pt;
	line-height:120%;
}
#mainContent img.bg {
	background:url(image/img_bg.png);
	padding: 3px 17px 14px 3px;
}

#content_home div.mainBox{
	margin: 0 auto;
	float: none;
}

a {
	color:#535353;
	text-decoration:none;
}
a:active, a:hover {
    color:#c5462f;
	text-decoration:underline;
}
#sidebar1 h2 {
	font-size: 21px;
	font-weight: normal;
	color: #928a86;
	padding: 5px 0 10px 10px;
}
#content_home {
	background:url(image/content_home_bg.png) no-repeat bottom left #e9e8e9;
}
#content_home div {
	float: left;
	width: 160px;
	padding-bottom:30px;
}
#content_home h2 {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin: 0 10px 10px 15px;
	color: #000 ;
}
#content_home img {
	background:url(image/img_bg.png);
	padding: 3px 17px 14px 3px;
	margin: 0 0 0 15px;
}
#content_home p {
	margin: 5px 10px 10px 10px;
	color:#837975;
	font-size:8.7pt;
}
#content_home a {
	margin: 5px 10px 10px 10px;
	display:block;
	height:14px;
	padding-left:17px;
	color:#c64631;
	font-size:9.5pt;
	background:url(image/link_home_bg.png) no-repeat;
	border:0;
}

/*
img{
    border: 0;
    font-size: 0;
}

body{
    background:#DCEEF7 repeat-y center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
    text-align: center;
    color: black;
}

.pds{
    width:1011px;
    position:relative;
    margin:0 auto;
    font-size:12px;
    color: green;
    text-align: left;
}
.s{

}
.left{
    width:218px;
    float:left;
    background-color: #DBDFE4;
}

.center{
    width:793px;
    float:left;
    background-color: gray;
}
*/
/*
.right{
	width:213px;
	float:right;
}
*/

/*
a { border-bottom: solid 1px transparent; color: black; text-decoration:none; }

a:hover { border-bottom: dotted 1px #FFFFFF; display:inline; color: black;}

img{ border:0; }
*/
/* LEWA KOLUMNA */


/* TOP */

.menu-top{
    background-color:#DDF1E2;
    height:105px;
}


/* ŚRODKOWA KOLUMNA */
.c1-1{  width: 694px;}
.c1-3{  padding: 20px; /*height:100%;*/ }
.c1-3 .title {
    margin:0px 0px 30px 0px;
    color: #928A86;
    font-size: 21px;
}
.c1-3 .title_1 { margin:0px 0px 10px 0px; }

.c1-3 #field { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.c1-3 hr { height:17px; border:none; margin:15px 0 25px 0; width:550px; display:block; }


.c1-3 .content, .c1-2 .content { margin:10px 10px 0px 10px; line-height:135%}
.c1-3 li, .c1-2 li { margin:2px 0px 6px 0px; }

/* STOPKA */
.footer{background-color: silver; height:100px; width: 1011px;}
.f2{ color:#6b888f; float:right; text-align:right; width:500px; padding:22px 20px 0px 0px;   font-size:11px; }
.f1{ float:left; width:450px; padding:11px 0px 0px 20px; }
.f1 a{ display:block; float: left; color:#fff; padding:11px 15px; text-decoration:none;}
.f1 a:hover{ background:#fcf8c7; color:#452701; }


.title_1 { color: #fcf8c7;	font-size:100%;  margin: 20px 0 20px 10px; font-weight: bold;}
.title_2 { color: #fcf8c7;	font-size:180%;  margin: 20px 0 20px 10px; font-weight: bold;}

.form_1{ width: 532px; padding: 0; margin: 0; float: left; }

#mainContent input.submit, .form_1 .button{
    /*width:100px;*/
    border:1px solid #151411;
    background:#ECEBEC;
    padding:3px 5px;
    color:#151411;
    float: right;
    cursor: pointer;
}

.form_1 .select{ width:200px; border:1px solid #151411; background:#6f8a92; padding:3px 5px; color:#fff; cursor: pointer;}
a.back, a.back:hover{ color:#fff; float: left; text-decoration: none; margin-left:10px;}
a.back:hover{ text-decoration: underline; }

#field { 
    height: 50px;
    padding-left: 30px;
    clear: both;
}
#field * {
    font-size: 100%;
}
#field .label, #field .label_required, #field .label_required2 { 
    color: #535353;
    margin-bottom: 2px;
    font-size:90%
}
#field .label_required, #field .label_required2 { 
    color: #f2ebba;
    display:inline;
    float:left;
    clear:both;
    padding:6px 12px 0px 0px;
    margin:1px 1px 2px 0px;
}
#field input.text { 
    width: 250px;
    border:1px solid #151411;
    background:#ECEBEC;
    padding:3px 5px;
    color:#535353;
    margin-bottom: 3px;
    clear:both;
    float:left;
    display:inline;
}

#field input.submit{
    color:#151411;
}

#field span.text {
    width: 250px;
    height: 17px;
    padding:3px 5px;
    color:#fff;
    float: left;
    font-weight: bold;
}
#field .link, #field .link:hover {
    width: 250px;
    height: 17px;
    padding:3px 5px;
    color:#535353;
    float: left;
    text-decoration: none;
}
#field .link_more, #field .link_more:hover {
    color:#133943;
    text-decoration: none;
}
#field .link_more:hover {  }
#field button {
    clear:both;
    float:left
}
#field select, #field textarea, #field input.file {
    clear:both;
    width: 260px;
    border:1px solid #151411;
    background-color: #ECEBEC;
    color:#535353;
    vertical-align: top;
    float:left;
}
#field textarea{ 
    clear:both;
    width: 650px;
    border:1px solid #151411;
    background:#ECEBEC;
    color:#535353;
    vertical-align: top;
    float:left;
}
#field textarea { 
    height: 200px;
}
#field input.file {
    clear:both;
    color: black;
}
#field #logo_file{ 
    clear:both;
    float:left;
    border:1px solid #151411 !important;
}
#field .checkbox{
    border:1px solid #151411;
}

#field span.bc_http { clear:both; float:left; font-weight:bold; margin:2px 2px 0px 0px; letter-spacing:0.2pt; font-size:120%; }
#field #bc_subdomain, #field .text { float:left; clear:none; border:1px solid #151411; background:#6f8a92; padding:3px 5px; color:#fff; }
#field span.bc_subdomain { float:left; font-weight:bold; margin:2px 0px 0px 5px; letter-spacing:0.2pt; font-size:120%; }

.content #field input:focus, .contactData input:focus, #field input:focus, #field select:focus, .contactData select:focus
{
    /*
    border:#FFF 1px solid;
    background-color:#ECEBEC;
    */
}



/* WALIDACJA */

.message { clear:both; float:left; padding:0px 3px 0px 0px; color:#fff; margin: 0px 0px 0px 0px; width:auto !important }
.message * {font-size: 10px;}

#mainContent #field input.error, .error {
    
}
/*.valid {background-image: url('/templates/site/css/icons/validation_valid.png'); width: 16px; height: 16px; display: block;}*/
.valid {}
#mainContent #field label.error {
    color: #9e0b0f;
    font-size:12px;
    margin:0px 0px 10px 0px;
    padding:2px 4px 3px 12px;
}


/* WIADOMOSCI SYSTEMOWE */
#system_messages {
    border: 2px solid #D5C2A1;
    background-color: #F5F5F5;
}
/*#system_messages .error {color: #cc0000;}*/
#system_messages .error {color: #990000;}
#system_messages .message {color: #535353;}
#system_messages .alert {color: yellow;}


/* TABELE WYSWIETLAJACE SERIE DANYCH */
#table_1 {width: 540px; background-color: white; margin-top: 10px;}
#table_1 thead *, #table_1 tbody * {font-size: 12px;}
#table_1 thead {background-color: #2E5059; color: white; text-align: center;}
#table_1 thead td.first {width: 20px;}
#table_1 thead td.last {width: 20px;}
#table_1 tbody {color: black;}
#table_1 tbody td * {text-align: justify;}
#table_1 tbody td.first {text-align: center;}
#table_1 tbody td.last {text-align: center;}
#table_1 tbody tr.row_1{background-color: #D8D8D8;}
#table_1 tbody tr.row_2{background-color: #FFFFFF;}
#table_1 tbody tr.row_3{background-color: #ffcccc;}
#table_1 tbody td.row_empty{color: gray; text-align: center;}
#table_1 tbody td.empty{text-align: center;}
#table_1 tfoot {background-color: #2E5059; font-size: 0; height:8px;}

a.button{ width: 100px; height: 14px; display: block; border:1px solid #151411; background:#6f8a92; padding:5px 15px; color:#fff; cursor: pointer; font-size: 12px; text-decoration: none; text-align: center;}
.button_1{
    cursor: pointer;
    margin-bottom: 10px;
}

.button_2{
    margin-bottom: 10px;
}
a.button:hover{ background:#6f8a92; color:#000000;}

.hover {text-decoration: none;}
.hover:hover {text-decoration: underline;}


.sklep {
	background:url(image/sklep_bg.png) no-repeat;
	padding-top:17px;
	padding-left:45px;
	height:23px;
	width:186px;
	float:right;
	font-size:9.7pt;
	
}