/*--------------------------------------------------------
	css theme name: konbet
	author: bartosz mediger (http://mediger.net)

	created: nov 20, 2009


*/


/********************************      Basic Structure      ********************************/


* { margin: 0; padding: 0; }


#center address {padding: 15px 35px 20px 16px;}
#left address {padding: 15px 0px 20px 16px; clear:left; float:left;}

address {
	float: right;
	clear: both;
	width: 610px;
	font-style: normal;
	}
	
	address * { font-size: 12px; _font-size: 11px; }
	
	address span { float: left; width: 122px;}
	
	address .mail,
	address .phone {
		float: left;
		width: 247px; height: 42px;
		padding: 0 0 0 50px; }

	address .mail { background: url(../images/i-mail.gif) no-repeat left 4px; }

	address .phone { background: url(../images/i-phone.gif) no-repeat left 0px; }


blockquote { }
	
	blockquote p { font-size: 14px; }
	

body { background: white url(../images/back.jpg) no-repeat center top; }

	body#start { background: white url(../images/backs.jpg) no-repeat center top; }



body, html { width: 100%;  height: 100%; }



fieldset { border: none; }



html {
	overflow: auto;
	overflow-x: hidden;
	line-height: 15px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333; }




img { border: none; }



ins { text-decoration: none; }




p { padding-bottom: 15px; }


ol, ul { margin: 0 0 1em 40px; }

ul {  }










/********************************      Elements styling      ********************************/

h1, h2, h4, h5, h6 { font-weight: normal; }

h1 {
	padding: 0 0 15px 0;
	line-height: 30px;
	font-size: 28px;
	text-transform: uppercase;
	color: #19376f; }

h5 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase; }


a {
	text-decoration: none;
	color: #1b3b77; }

	a:hover { text-decoration: underline; }














#bans {
	float: left;
	padding: 15px 0 0; }

	#bans * { margin: 0 0 5px 0; }






#center {
	position: relative;
	width: 990px;
	margin: 0 auto;
	padding: 300px 0 0 0; }

	#start #center { padding: 352px 0 0 0; }









#foot {
	clear: both;
	width: 990px;
	margin: 0 auto;
	padding: 20px 0 60px 0; }

	#foot * {
		line-height: 12px;
		font-size: 10px;
		color: #666; }

	#foot .info {
		float: left;
		width: 700px; }

	#foot .realizacja {
		float: right;
		width: 200px;
		text-align: right; }









#gallery { }

	#gallery a {
		float: left;
		margin: 0 5px 5px 0; }
		
	#gallery a img { border: 1px solid #ccc; }


	#gallery a:hover {
		text-decoration: none; 
		_filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9; }



/* formularz kontaktowy */

#kontakt {

	clear:left;
	width:500px;
	min-height: 390px;
	margin-left:30px;
	}

#kontakt fieldset {

	width:550px;
    border: 0px solid #666;}


#kontakt input { line-height: 14px; }



#kontakt input, select,
#kontakt textarea {
    float: left;
    width: 30%;
    padding: 1px 2px 1px 2px;
	}



#kontakt label {
    float: left;
    width: 90%;
    margin: 1px;
    display: block;
    padding: .3em 0 .3em 0;
    cursor: pointer;
	 }

   #kontakt  label span {
        float: left;
        width: 23%;
        margin: 1px;
        padding: 0 3px 0 0;
        text-align: right;
        color: #111;
font-size:12px;		}



#kontakt label.long span {
	
	float:left;
	clear:left;
	width:100%;
	text-align:left;
	margin:5px 0;
	}
	#k_dzialalnosc, #k_kto {width:50%;}
	
#kontakt label span.radiospan {width:50%; text-align:left; float:left;}
#kontakt input.radiobuton {width:7%; margin:1px 0 0 0;}




#kontakt legend {
    padding: 0 1em 1em 1em;
    font-weight: bold; }


#kontakt textarea {
    float: left;
    overflow: hidden;
    overflow: auto;
    width: 70%; height: 100px; }


#kontakt .button {
    float: right;
    width: 100px;
    border: 1px !important;
    padding: 4px;
    text-align: center;
    _filter:alpha(opacity=70); -moz-opacity: .7; opacity: .7; 
	margin-right:55px;}

    #kontakt .button:hover { _filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

	




#kontaktTresc {
	
	clear:both;
	width:605px !important;
	width:auto;
	margin-bottom:0 !important;
	margin-bottom:70px;
	}



#left {
	float: left;
	width: 278px;
	padding: 50px 0 0 26px; }
	
	#start #left {
		width: 626px;
		padding: 0; }
	
	#start #left #content {
		float: left;
		width: 626px;
		background: url(../images/contents-back.gif) repeat-y right; }


	#start #left #content .bottom {
		float: left;
		width: 626px;
		background: url(../images/contents-foot.gif) no-repeat bottom;
		padding: 0 0 20px 0; }
	
		#start #left #content .bottom img { float: left; }
	
		#start #left #content .bottom .ofirmie {
			float: left;
			width: 270px;
			padding: 0 0 0 28px;
			text-align: justify; }
		
		#start #left #content .bottom .ofirmie .more { padding: 5px 0 0 0; }




	#start #left #content .top {
		float: left;
		width: 626px;
		background: url(../images/contents-top.gif) no-repeat top; }














#menu {
	position: absolute; top: 326px; right: 46px;
	width: 305px; }

	#menu a {
		float: left;
		height: 26px;
		text-indent: -10000px; }

	#menu a.firma { width: 98px; background: url(../images/m_firma.gif) }
	#menu a.kontakt { width: 100px; background: url(../images/m_kontakt.gif) }
	#menu a.produkty { width: 107px; background: url(../images/m_produkty.gif) }

	#menu a:hover { background-position: 0 -26px; }










#menu-left-container {
	float: left;
	/*min-height: 330px; _height: 285px;*/ }

#menu-left {
	float: left;
	width: 260px;
	padding: 0 0 40px 18px; }

	#menu-left a {
		color: #666;
		cursor: pointer; }

	#menu-left ul {
		margin: 0;
		padding: 0 0 15px 15px;
		list-style: none; }

	#menu-left ul li {
		background: url(../images/line.gif) no-repeat left 8px;
		padding: 0 0 0 10px; }

	#menu-left .menu_head {
		display: block;
		background: url(../images/arrow.gif) no-repeat left 6px;
		padding: 2px 0 2px 15px;
		font-size: 12px;
		font-weight: bold; }









#news {}

	#start #news {
		float: right;
		width: 280px;
		padding: 25px 28px 0 0; }

	#news a.item {
		float: left;
		padding: 10px 0 0 0;
		text-align: justify; }
		
	#news a.item:hover {
		background: #e8e8e8;
		text-decoration: none; }
	
	#news a.item img {
		float: left;
		border: 1px solid #666;
		margin: 2px 10px 0 0; }
		
	#news h5 { padding: 0 0 5px 0; }

	#news .bans * { margin: 0 0 7px 0; }







#newsletter {
	float: left;
	position: relative;
	width: 280px; height: 71px;
	background: url(../images/newsletter2.gif); }
	
	#start #newsletter {
		width: 310px;
		background: url(../images/newsletter.jpg); }
	

	#newsletter * { position: absolute; top: 24px; }

	#newsletter .field {
		left: 12px;
		width: 120px; height: 15px;
		font-size: 10px;
		border: none; }

	#newsletter .button { 
		left: 140px;
		width: 50px; height: 15px;
		background: url(../images/btn-zapisz.gif); }

	#newsletter .field:focus { outline: none; }










#products { }


	#products h5 { padding: 0 0 5px 0; }

	#products .item {
		float: left;
		width: 596px;
		background: url(../images/dot.gif) repeat-x bottom;
		padding: 20px 0 1px 0; }
	
	#products .item img { float: left; }
	
	#products .item .desc {
		float: left;
		width: 396px;
		padding: 0 0 0 10px; }

	#products .more { padding: 0; }








#right { 
	float: right;
	width: 674px; }
	
	#start #right {
		width: 342px;
		padding: 18px 0 0 0; }

	#right #content {
		float: left;
		width: 674px; 
		background: url(../images/content-back.gif) repeat-y left; }

	#right #content .bottom {
		float: left;
		width: 596px; min-height: 457px; _height: 457px;
		background: url(../images/content-foot.gif) no-repeat left bottom;
		padding: 55px 45px 20px 33px; }
		 
	#start #right #content .bottom {
		width: 674px;
		padding: 0 0 20px 0; }

	#right #content .top {
		float: left;
		width: 674px;
		background: url(../images/content-top.gif) no-repeat left top; }






#strefy { position: absolute; top: 281px; left: 27px; }

	#strefy * {
		float: left;
		height: 53px; }
		
	#strefy a { margin: 0 11px 0 0; }

	#start #strefy { position: relative; top: auto; left: auto; }

	#start #strefy * {
		width: 310px; height: 64px; }
		
	#start #strefy a { margin: 0 0 13px 0; }

	#strefy a img:hover { _filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9; }









#wyszukiwarka {
	float: left;
	position: relative;
	width: 278px; height: 27px;
	background: url(../images/wyszukiwarka2.gif);
	margin: 0 0 17px 0; }
	
	#start #wyszukiwarka {
		width: 310px;
		background: url(../images/wyszukiwarka.gif); }

	#wyszukiwarka * { position: absolute; top: 2px; }

	#wyszukiwarka .button {
		left: 220px; top: 3px;
		background: url(../images/btn-szukaj.gif);
		width: 43px; height: 15px; }

	#wyszukiwarka .field {
		left: 12px;
		font-size: 11px;
		line-height: 12px; 
		width: 177px;
		height: 14px;
		border: #cacaca;
		padding: 3px; }





/********************************      General Classes      ********************************/

.anim {
	position: absolute; top: 0; left: 0;
	width: 990px; height: 274px; }

	#start .anim { height: 352px; }


.button { border: none; cursor: pointer; }
.button:hover { filter:alpha(opacity=90); -moz-opacity: .9; opacity: .9; }

.field { border: 1px solid #ccc; }

.menu_body { display: none; }

.more {
	float: right;
	text-align: right;
	font-weight: bold;
}

p.justify { text-align: justify; }



.produkty-flash { 

	width:100%;
	height:88px;
	background:url(../flash/flash-bg.gif) top repeat-x;
	}