/*********************************************************************************************
**********************************************************************************************
************************	Author CSS RULE: Bartlomiej Bielawa       ************************   
************************	COMPANY: Ex-ist Studio: Design Your Life  ************************
************************	CONTACT: bartek.bielawa@ex-ist.pl		  ************************
************************	TEL: 502868467							  ************************
************************	www.ex-ist.pl   					      ************************
**********************************************************************************************
*********************************************************************************************/

/* GLOBAL CSS RULE */

body {
	margin:0;
	padding:0;
	background-color:#efefeb;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;	
}
p {
	padding:5px 10px 5px 10px;
	text-align:justify;
	
}
a {
	color:#0098d4;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
img {
	border:none;
}
ul ,ol {
	margin:0;
	padding:0;
}
ol li {
	list-style:decimal;
	list-style-type:decimal;
	
}
ol li ul li{
	list-style:square;
	list-style-type:square;
	
}
li {
	list-style:outside;
	list-style:square;
	line-height:14px;

}
h1 {
font-size:18px;
color:#0098d4;
	
}
h2 {
 color:#0098d4;
 margin-left:10px;
}
h3 {
	
color:#0098d4;
	
}
h4 {
	
}
h5 {
	
}
h6 {
	
}
td {
text-align:center;
}
th,td {
border:solid thin #000000;
padding:10px 5px 10px 5px;
}
th {
background-color:#0098d4;
color:#FFFFFF;
}

/* CONTEINER CSS RULE */
.conteiner {
	background-color:#09C;
	height:auto;
	width:1020px;
	margin:0 auto 0 auto;
	padding:0;
}


/* HEADER CSS RULE */
.header_conteiner {
	margin:0;
	padding:0;
	height:380px;
	width:auto;
	background-image:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
}
.header {
	
	margin:0 auto;
	padding:0;
	height:380px;
	width:1080px;
}
.logo {
	float:left;
	height:380px;
	width:239px;
	margin:0;
	border:none;
}
.logo_bottom {
	float:left;
	height:312px;
	width:239px;
	margin:0;
	border:none;
}
.logo_top {
float:left;
	height:68px;
	width:239px;
	margin:0;
	border:none;
}
.logo a img {
	border:none;
}
.logo a:active,.logo a:link ,.logo a:visited ,.logo a:hover {
	border:none;
}
.photo_slider {
	height:265px;
	width:458px;
	margin:20px 20px 10px 20px;
	float:right;
	overflow:hidden;
}
#mygalone {
	margin:0px 0 5px 0;
	float:right;
	border: solid 4px #ebc282;
	height:230px;
    width:450px;
	overflow:hidden;
}
#mygalone ul li{
	list-style:none;
	
}
.haslo {
	width:268px;
	height:312px;
	margin:0;
	float:left;

}

/* MENU CSS RULE */	
.menu {
	height:48px;
	width:840px;
	float:right;
	margin-top:20px;
	
}
li.srodowisko a{
	display:inline-block; 
	background-image:url(../images/srodowisko.png);
	background-repeat:no-repeat;
	width:114px;
	height:21px;

}
li.srodowisko a:hover,.srodowisko_current{
	display:inline-block; 
	background-image:url(../images/srodowisko_hover.png);
	background-repeat:no-repeat;
	width:114px;
	height:21px;

}
li.ofirmie a{
	display:inline-block; 
	background-image:url(../images/ofirmie.png);
	background-repeat:no-repeat;
	width:74px;
	height:21px;

}
li.ofirmie a:hover,.ofirmie_current{
	display:inline-block; 
	background-image:url(../images/ofirmie_hover.png);
	background-repeat:no-repeat;
	width:74px;
	height:21px;

}
li.oferta a{
	display:inline-block; 
	background-image:url(../images/oferta.png);
	background-repeat:no-repeat;
	width:67px;
	height:21px;

}
li.oferta a:hover,.oferta_current{
	display:inline-block; 
	background-image:url(../images/oferta_hover.png);
	background-repeat:no-repeat;
	width:67px;
	height:21px;

}
li.harmonogram a{
	display:inline-block; 
	background-image:url(../images/harmonogram.png);
	background-repeat:no-repeat;
	width:123px;
	height:21px;

}
li.harmonogram a:hover,.harmonogram_current{
	display:inline-block; 
	background-image:url(../images/harmonogram_hover.png);
	background-repeat:no-repeat;
	width:123px;
	height:21px;

}
li.aktualnosci a{
	display:inline-block; 
	background-image:url(../images/aktualnosci.png);
	background-repeat:no-repeat;
	width:107px;
	height:21px;

}
li.aktualnosci a:hover,.aktualnosci_current{
	display:inline-block; 
	background-image:url(../images/aktualnosci_hover.png);
	background-repeat:no-repeat;
	width:107px;
	height:21px;

}
.first_row {
	clear:both;
	width:auto;
	height:180px;
	margin:20px auto 10px auto;
}
.personal_contact {
	float:left;
	width:315px;
	padding:20px 0 20px 0;
}
.personal_contact h3 {
	padding:0;
	margin:0;
	text-align:left;
	font-size:16px;
	color:#333333;
}
.personal_contact p {
	padding:0;
	margin:0;
	text-align:left;
	font-size:11px;
}
img#tel_photo {
	width:171px;
	height:171px;
	margin:30px 0 0 75px;
}
#left_sub_menu h3 {
	margin-left:15px;
	color:#0098d4;
	font-size:18px;
}
ul.tel_adres {
	margin:0;
}
ul.tel_adres li {
	line-height:18px;
	font-size:14px;
	border-top:#999999 thin solid;
	list-style:none;
	padding:5px 0 5px 25px;
}
li.kontakt a{
	display:inline-block; 
	background-image:url(../images/kontakt.png);
	background-repeat:no-repeat;
	width:78px;
	height:21px;

}
li.kontakt a:hover,.kontakt_current{
	display:inline-block; 
	background-image:url(../images/kontakt_hover.png);
	background-repeat:no-repeat;
	width:78px;
	height:21px;

}
li.praca a{
	display:inline-block; 
	background-image:url(../images/praca.png);
	background-repeat:no-repeat;
	width:67px;
	height:21px;

}
li.praca a:hover,.praca_current{
	display:inline-block; 
	background-image:url(../images/praca_hover.png);
	background-repeat:no-repeat;
	width:67px;
	height:21px;

}
li.przetargi a{
	display:inline-block; 
	background-image:url(../images/przetargi.png);
	background-repeat:no-repeat;
	width:92px;
	height:21px;

}
li.przetargi a:hover,.przetargi_current{
	display:inline-block; 
	background-image:url(../images/przetargi_hover.png);
	background-repeat:no-repeat;
	width:92px;
	height:21px;

}
.center_menu {
	height:50px;
	width:840px;
	float:right;
	margin:0;
	padding:0;
	
}
.center_menu ul {
	display:inline-block;
	float:right;	
}
.center_menu ul li {
	float: left;
	text-align: center;
	list-style:none;
	margin:0 15px;
	
}
.center_menu ul li a{
	font-family:"Myriad Pro", sans-serif, Arial;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	color:#33b1e3;
}
.center_menu ul li a:hover{
	font-family:"Myriad Pro", sans-serif, Arial;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	color:#33b1e3;
	
}

.sub_menu {
	width:341px;
	
}
ul.sub_menu {
margin:0;
padding:0;
}
li.sub_menu {
	list-style:none;
	float:left;
	font-size:12px;
	font-weight:bold;
	display:block;
	height:36px;
	width:365px;
	background-image:url(../images/submenu.gif);
	background-repeat:no-repeat;
}
.sub_menu a {

	color:#56564f;
	text-decoration:none;
	display:block;
	height:36px;
	padding:8px 0 0 30px;
	
	
		
}
.sub_menu a:hover {
	color:#fff;
	text-decoration:none;
	background-image:url(../images/submenu_hover.png);
	background-repeat:no-repeat;
	height:36px;
	

}

li.sub_menu_height {
	list-style:none;
	float:left;
	font-size:16px;
	font-weight:bold;
	display:block;
	height:36px;
	width:365px;
	background-image:url(../images/submenu_height.gif);
	background-repeat:no-repeat;
}
.sub_menu_height a {

	color:#56564f;
	text-decoration:none;
	display:block;
	height:36px;
	padding:8px 0 0 30px;
	
	
		
}
.sub_menu_height a:hover {
	color:#fff;
	text-decoration:none;
	background-image:url(../images/submenu_hover_height.png);
	background-repeat:no-repeat;
	height:36px;
	

}
.kolumna {
	padding-bottom:60px;
				
}
#left_sub_menu {
	
	background-color:#d7d7d3;
	width:342px;
	border-left:#666666 thin solid;
	border-right:#666666 thin solid;
	float:left;
}
/*  news css rule */
.news {
	background-image:url(../images/news_bg.jpg);
	background-repeat:repeat-x;
	width:auto;
	height:171px;

}
.news_conteiner {
	width:1080px;
	height:170px;
	margin:0 auto 0 auto;
	clear:both;
}
.news_pointer {
	float:left;
	padding-right:10px;
}

.box1 {
	width:340px;
	height:160px;
	margin:10px 5px 0 5px;
	float:left;
	line-height:20px;
	
	
}
.box1 p{
	width:320px;
	height:70px;
	overflow:hidden;
}
.box1 h1 {
color:#333333;
font-size:14px;
}
.read_more {
	float:right;
	width:70px;
	height:auto;
	font-size:10px;
	color:#FF9900;
}
.read_more a {
	color:#FF9900;
	text-decoration:none;
}
.read_more a:hover {
	color:#FF9900;
	text-decoration:underline;
}
.short_cut_box {
	float:right;

}
.short_cut1 {
	background-image:url(../images/sprzet.gif);
	background-repeat:no-repeat;
	height:147px;
	width:314px;

}
.short_cut2 {
	background-image:url(../images/recycling.gif);
	background-repeat:no-repeat;
	height:147px;
	width:314px;
}
.short_cut3 {
	height:147px;
	width:314px;
	margin-top:20px;

}
.short_cut1 p, .short_cut2 p, .short_cut3 p {
	padding:35px 20px 0px 130px;
	color:#333333;
	font-size:11px;
	height:67px;
	overflow:hidden;
	
}
.read_more_short {
	float:left;
	width:90px;
	height:auto;
	font-size:12px;
	margin-left:20px;
}
.read_more_short a {
	color:#333333;
	text-decoration:none;
}
.read_more_short a:hover {
	color:#333333;
	text-decoration:underline;
}
.separator {
	clear:both;
	height:5px;
	margin-top:5px;
	
}
/* MAIN CONTENT CSS RULE */
.main {
	background-image:url(../images/separator.gif);
	background-repeat:repeat-x;
	width:auto;
	height:auto;
	margin:0;
	
}
.main_content {
	width:1080px;
	height:auto;
	margin:0px auto 0px auto;
	
	min-height:100px;
}

/* LEFT BOX CSS RULE */
.left_box {
	width:300px;
	height:auto;
	float:left;
	margin:20px 0 20px 0;
	
}
.left_box a:link, .left_box a:active, .left_box a:visited {
	color:#F90;
	text-decoration:none;
}
.left_box a:hover {
	color:#fff;
	text-decoration:underline;
}
/* LEFT INSIDE BOX CSS RULE */
.left_inside_box {
	background-color:#FFC;
	height:auto;
	width:300px;
	margin: 20px auto 20px auto;
	clear:both;
}
.left_inside_box_header {
	background-color:#F90;
	width:auto;
	height:30px;
}
.left_inside_box_content {
	height:auto;
	width:auto;
}
.left_inside_box_content ul {
	margin:0 10px 0 35px;
}
.left_inside_box_footer {
	background-color:#F30;
	width:auto;
	height:30px;
}

/* RIGHT BOX CSS RULE */
#right_box {
	width:650px;
	float:right;
	padding:15px 20px 0 0;
	
}
#right_box p {
	line-height:18px;
}
#right_box ul {
	margin-left:30px;
}
#right_box ol {
	margin-left:30px;
}
#right_box li {
	padding-top:15px;
}
/* FOOTER CSS RULE */
.footer {
	background-image:url(../images/footer_bg.gif);
	background-repeat:repeat-x;
	width:auto;
	height:82px;
	margin:0px  auto 0 auto;
	clear:both;
}


/* DOWN MENU CSS RULE */
.down_menu {
	background:#6FC;
	width:600px;
	height:20px;
	margin:10px auto 0 auto;
	text-align:center;
}
.down_menu ul{
	display:inline-block;	
}
.down_menu li {
	float: left;
	text-align: center;
	width:60px;
}
.down_menu li a:link{
	color:#FFF;
	text-decoration:none;
}
.down_menu li a:hover {

}
.down_menu li a:active {
}
.down_menu li a:visited {
}
#strefa_logowania {
	text-align:center;
	padding-top:10px;
	display:block;
	width:auto;
	height:15px;
}
a#strefa_logowania {
	color:#666666;
	text-decoration:none;
}
a:hover#strefa_logowania {
	color:#666666;
	text-decoration:underline;
}
.logowanie {
	float:left;
	width:400px;
	height:auto;
	margin:80px 0 0 50px;
}
.logowanie a {
color:#0066CC;
text-decoration:underline;
}
#zaloguj {
margin-top:5px;
margin-left:40px;

}
.alert {
	color:#990000;
	font-size:14px;
	margin:0;
	padding:0;
}
.login_form {
	margin:5px 0 5px 0;
}
.logowanie {
	color:#333333;
}
/* COPYRIGHT CSS RULE */
.copyright {
	color:#999999;
	width:600px;
	height:10px;
	text-align:center;
	margin:0 auto;
	padding-top:40px;	

}
.copyright a:link, .copyright a:active, .copyright a:visited {
	color:#F90;
	text-decoration:none;
}
.copyright a:hover {
	color:#F90;
	text-decoration:underline;
}

.frontpage_news {
	width:700px;
	height:770px;
	margin:10px;
	float:left;

}
.foto_news {
	float:left;
	border:#F90 thin solid;
	width:200px;
	height:200px;
	margin:10px;
	
	
}
.title_news {
	width:550px;
	margin:10px;

}
.text_news p{
line-height:20px;
	
	
	
}
.formularz {
	width:700px;
	height:auto;
	float:left;
	
	
}
.form {
margin-left:10px;

}
.last_news {
	width:360px;
	height:auto;
	float:right;
	
}
.news_row {
	float:left;
	width:265px;
	border-bottom:thin dotted #333333;
	margin-top:10px;
	padding-bottom:5px;
	height:65px;
	overflow:hidden;	
}
.news_edit {
	float:right;
	width:90px;
	height:65px;
	border-bottom:thin dotted #333333;
	margin-top:10px;
	padding-bottom:5px;
	margin-left:2px;
}
.edit {
	width:360px;
	height:auto;
	
	


}
.edit ul li {
	display:inline;
	width:auto;
	height:10px;
}
.edit a {
	padding:0 5px 0 0;
	color:#56564f;
	text-decoration:none;
	
}
.edit a:hover {
	padding:0 5px 0 0;
	color:#FF9900;
	
}
img#lisc {
float:left;
margin:15px 15px 0 15px;

}
/* KONTAKT FORM */
#buttons {
margin-top:20px;
float:right;

}

.cmxform label { width: 9em; float: left; }
label.error { 
	float: none; 
	color:#C03; 
	padding-left: .5em; 
	vertical-align: top;
	font-size:11px;
}

em { 
	font-weight:bold; 
	padding-right: 1em; 
	vertical-align: top;
	color:#CC0000; 
}
.radiobutton {
	float:left;
	
}
.radio_left {
	float:left;
	margin:7px 0 0 30px;
	width:290px;
}
.radio_left p {
	margin:0;
	padding:0;
	
}
.alternative_radio {
	float:left;		
}
.alternative_radio ul {
	margin-left:30px;
	margin-top:5px;
}
.checbox {
	float:right;
	margin:5px;
}
label.checkbox_lable {
	float:left;
	padding:5px 0 0 10px;
	font-size:14px;
	width:285px;
}
label.checkbox_lable_alternative {
	width:60px;
	
}
.form_content {
	height:30px;
	width:auto;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border-top:thin solid #999;
	
}
.checkbox_img {
	float:left;
	margin:5px 0 0 5px;
}
.alternative_radio {
	color:#56564f;
}
.form_content_long {
	height:90px;
	width:auto;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border-top:thin solid #999;
}
.formlegend {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #56B7DD;
	font-size: 16px;
	margin:0;
	padding:0;
}
.eco_znaki {
width:600px;
height:120px;
margin:0 auto 0 auto;
}
.eco_znaki img{
float:left;
margin:10px;
}
.tabela { 
margin:0 auto 0 auto;
width:500px;
}
.tabela_left { 
margin:0 10px;
width:300px;
float:left;
}
.dodaj_klienta {
	background-image:url(../images/plus.png);
	height:20px;
	width:20px;
	background-repeat:no-repeat;
	border:none;
}
.klienci { 
margin:0 auto 0 auto;
width:1000px;
}
.source {
	font-size:10px;
	font-style:italic;
	float:right;
}
.table_lable {
	font-size:11px;
	font-style:italic;
	margin:0;
	padding:0;

}
#blue a {
color:#0098d4;
}
#calendar {
	width: 650px;
	height:550px;
	margin: 25px auto;
}
#plastik {
	height:50px;
	background-color:#C00;	
}
#mapka_container {
	position:static;
	clear:both;
	height:580px;
	margin-bottom:25px;
	
}
#mapka_container2 {
	position:static;
	clear:both;
	height:580px;
	width:650px;
	margin-bottom:25px;
	
}

#mapka {
	width: 648px; 
	height:580px;
	border: 1px solid #666;
}
#mapka2 {
	width: 648px; 
	height:580px;
	border: 1px solid #666;
	clear:both;
}
.legenda {
	width:250px;
	margin:20px;
	float:left;
}
.legend_item {
	width:240px;
	clear:both;	
}
.legend_tekst {
	
	display:block;
	float:left;
	margin-left:5px;	
}
#table_wywozu {
height:400px;
}
#mapka_container_wywoz {
	height:810px;
	width:650px;

}