body,html {width: 100%;height: 100%;padding: 0;margin: 0;text-align: center;	
	     font-family:"Roboto Condensed", sans-serif;background:#777a81 url(../gfx/backgrad.png) repeat-x;}
/*===========================================================*/
/*==========================OGÓLNE===========================*/
/*===========================================================*/
h1 {font-size: 20px;text-align: left;width: 100%;height:22px;font-weight:700;
	clear: left;
	margin:0;padding:0 0 0 15px;
	font-family: "Roboto Condensed";color:#00b8eb;}
h2 {display:block;font-size: 18px;text-align: left;width: 100%;font-weight: normal;margin:10px 0 0px 0;font-family: "Roboto Condensed";color:#d21432;}
h4 {display:block;font-size: 16px;text-align: left;width: 100%;font-weight: 600;margin:4px 0 6px 10px;font-family: "Roboto Condensed";color:#d2d4d8;}
b, strong {font-weight:700;color:#d21432}
p {margin:0;padding:0;}
a {text-decoration:none;}
.hide {display:none;}
.levo {float:left;}
.pravo {float:right;}

.slider-wrapper {background:#181b20;}

/*===========================================================*/
/*========================STRUKTURA==========================*/
/*===========================================================*/
#main {position:relative;width:100%;height:100%;margin:auto;padding:auto;}
#center {position:absolute;width:100%;height:780px;
background: url(../gfx/light2.png) no-repeat;
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;z-index:1;
}
#topsite {width:1200px;height:120px;margin:auto;padding:auto;background:url(../gfx/BmwLogo2gmpS.png) no-repeat top right;}
#mid {overflow:hidden;position:relative;width:1200px;height:auto;margin:auto;margin-bottom:100px;padding:auto;z-index:90;top:40px;}
#bot{position:fixed;width:100%;bottom:0;height:30px;z-index:1000;
background: #f5f5f5; /* Old browsers */
border-top:1px solid #a4a8af;
background: -moz-linear-gradient(top,  #f5f5f5 0%, #c2c4c8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#c2c4c8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f5f5 0%,#c2c4c8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5f5f5 0%,#c2c4c8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5f5f5 0%,#c2c4c8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f5f5f5 0%,#c2c4c8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#c2c4c8',GradientType=0 ); 
}
#bot p {display:inline-block;font-size:12px;margin:16px 0 0 0;}
/*===========================================================*/
/*=====================STRUKTURA-top inside======================*/
/*===========================================================*/
#topkont {position:relative;width:1200px;height:120px;margin:auto;padding:auto;}
/* ============== Panel Logowania ==================  */
#topkont .ban {display:inline-block;width:400px;height:80px;margin:24px 0 0 0px;padding:auto;margin-right:60px;}
#topkont .box {position:absolute;right:1px;
display:inline-block;width:auto;height:auto;
border-radius:5px;
padding:8px;margin-top:16px;
border-top: 1px solid rgba(200, 200, 200, 1);
border-bottom: 1px solid rgba(100, 100, 100, 1);
box-shadow:0 2px 2px rgba(20, 20, 20, 0.5);
background:rgba(0,0,0,0.2);
z-index:1000;
}
#topkont .box:hover {
background:rgba(0,0,0,0.4);
z-index:1000;
}

#topkont .box input.panel{display:inline-block;
margin:0 2px 0 2px;padding:0;
width:130px;height:22px;
color:#222;font-size:12px;background:rgba(190, 190, 190, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border:none;
z-index:1000;
}
#topkont .box input.panel:hover {background:rgba(230, 230, 230, 0.7);z-index:1000;}

#topkont .box input.bt {
background:none;
float:right;
padding:0 5px 0 5px;margin:0;
width:50px;height:22px;text-align:center;
font-size:16px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;
color:#c4c6c8;
text-shadow:0px -1px 0px #444;
border:none;
z-index:1000;
}
#topkont .box input.bt:hover {
font-size:16px;color:#fff;text-shadow:0px 0px 3px #fff;
border:none;z-index:1000;}

#topkont .box input.bt.rej {font-size:12px;float:left;margin:2px 0 0 0;padding:0;width:80px;line-height:14px;height:16px;z-index:1000;}


#topsite .logo {position:absolute;float:left;width:292px;height:188px;z-index:1000;}
#topsite .logo a {display:inline-block;width:100%;height:100%;background:url(../gfx/Logos2.png) no-repeat 0 99%;z-index:1000;

}
#topsite .logo a:hover {display:inline-block;width:100%;height:100%;background:url(../gfx/Logos2.png) no-repeat 0 0;z-index:1000;}

/*===========================================================*/
/*=====================STRUKTURA-Strona Startowa=============*/
/*===========================================================*/
#pgkont {overflow:hidden;position:relative;width:1200px;height:auto;}
#shadow {position:relative;width:1200px;height:40px;background:url(../gfx/shadow.png) no-repeat;}
#txtkont {position:relative;height:auto;background:#f6f6f6;}
.title {width:auto;height:40px;margin:auto;padding:auto;color:#777;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
#txtkont .title h1 {margin:auto;padding:6px 10px 0px 16px;width:auto;text-shadow:0px 1px 0px #fff;}
#txtkont .content {height:600px;height:auto;padding:16px;margin:auto;text-align:left;}
#txtkont .aktbox {width:auto;min-height:140px;height:auto;padding:auto;margin:auto;text-align:justify;}
#txtkont .aktbox img {float:left;width:180px;margin:2px;padding:4px;}
#txtkont .aktbox .data  {position:relative;display:inline-block;width:640px;}
#txtkont .aktbox .data p  {position:relative;display:inline-block;width:auto;margin:6px 2px 2px 2px;padding:6px;background:#333;color:#eee;font-size:12px;}
#txtkont .aktbox .title {position:relative;display:inline-block;width:auto;margin:2px 2px 2px 0px;padding:0px;background:none;height:24px;}
#txtkont .aktbox .title h1 {font-size:22px;padding:0;margin:0;color:#444;font-weight:700;}
#txtkont .aktbox .tekst {position:relative;width:auto;margin:2px;padding:4px;font-size:16px;line-height:18px;font-weight:400;color:#777;}
#txtkont .hr {position:relative;width:840px;height:1px;margin:24px 0 24px 0;padding:auto;border-top:1px dashed #999;}
.red {color:#902;}
/*====================STRUKTURA-Artykuły=====================*/
.short {width:880px;}
.art {width:1200px;margin-top:30px;text-align:left;}
.art img {float:left;display:inline-block;}
.art img:hover {opacity:0.7;}
.art td img {clear:both;float:none;}
.art p {text-align:justify;}
.art .top {overflow:hidden;position:relative;width:auto;height:auto;}
.art .nag {display:inline-block;width:700px;height:auto;margin:20px;font-size:24px;color:#19d;}
.lbox {width:300px;height:220px;background:#34363a;margin:auto;padding:auto;}
.lbox .title{width:300px;height:auto;margin:auto;padding:auto;
background: #555; /* Old browsers */
background: -moz-linear-gradient(top,  #545658 0%, #404244 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545658), color-stop(100%,#404244)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #545658 0%,#404244 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #545658 0%,#404244 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #545658 0%,#404244 100%); /* IE10+ */
background: linear-gradient(to bottom,  #545658 0%,#404244 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545658', endColorstr='#404244',GradientType=0 ); /* IE6-9 */
}
.lbox .title h2{margin:auto;padding:8px 0px 8px 12px;font-size:16px;color:#eee;font-weight:700;}
.lbox a img {position:relative;margin-left:40px;padding:auto; width:224px;margin-top:5px;}

#barmenu {width:1190px;text-align:left;
border-radius:3px;
padding:4px;
background: #999; /* Old browsers */
background: -moz-linear-gradient(top,  #b2b4b8 0%, #929498 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b4b8), color-stop(100%,#929498)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b2b4b8 0%,#929498 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b2b4b8 0%,#929498 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b2b4b8 0%,#929498 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b2b4b8 0%,#929498 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b4b8', endColorstr='#929498',GradientType=0 ); /* IE6-9 */
}
.where p {display:inline;}
.where a {color:#fff;}
.where a:hover {color:#29f;}
.barinfo {display:inline;color:#eee;font-size:14px;}



#dbox {overflow:hidden;position:relative;display:block;width:1200px;height:340px;margin:auto;padding:auto;top:20px;}
.dbox {float:left;width:280px;height:320px;background:#aaa;margin:auto;padding:auto;}
.dbox .title{width:100%;height:auto;margin:auto;padding:auto;border-bottom:1px solid #646668;
background: #999; /* Old browsers */
background: -moz-linear-gradient(top,  #b2b4b8 0%, #929498 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b4b8), color-stop(100%,#929498)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b2b4b8 0%,#929498 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b2b4b8 0%,#929498 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b2b4b8 0%,#929498 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b2b4b8 0%,#929498 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b4b8', endColorstr='#929498',GradientType=0 ); /* IE6-9 */
}
.dbox .title h2{margin:auto;padding:8px 0px 8px 12px;font-size:16px;color:#fff;font-weight:700;}

.dbox ul {list-style:none;text-align:left;padding:4px;}
.dbox ul li {}
.dbox ul li  a {line-height:24px;color:#ddd;padding:0 0 0 10px;
-moz-transition:padding 0.3s;
-webkit-transition:padding 0.3s;
-o-transition:padding 0.3s;
transition:padding 0.3s;
}
.dbox ul li a:hover {color:#fff;padding:0 0 0 20px}
/*=================== Artykuły - TABS ===================*/
.etabs {margin:0;border-bottom:1px solid #aaa;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */}

.tab {display:inline-block; zoom:1; *display:inline; background: #d9d9d9;width:auto;min-width:100px;padding:4px 6px 4px 6px;}

.tab a {font-size: 14px; padding:4px 0 4px 0; display: block;text-align:center;text-decoration:none;color:#777;}
.tab a:hover {color:#333;}

.tab.active {background: #fff; padding:4px 6px 4px 6px; position: relative;}
.tab a.active {font-weight: bold;color:#379;}
.tab-kontener .panel-kontener { background: #fff;padding:18px;}
.panel-kontener {overflow:hidden;display:block;font-size:14px;color:#555;text-align:justify;line-height:23px;min-height:340px; }
.panel-kontener p {font-size:16px;font-weight:400;}
/*=======================================================*/

/*===========================================================*/
/*====================BUTTONS=====================*/
/*===========================================================*/
.btn {
font-family: "Roboto Condensed";
position:relative;width:auto;height:auto;
margin:4px 4px 4px 4px;padding:6px 20px 6px 20px;
color:#444;text-shadow:0px 1px 0px #fff;
font-size:15px;font-weight:700;
border-radius:3px;border-top:1px solid #fff;border-bottom:1px solid #aaa;border-left:0px;border-right:0px;
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f3f3 0%, #d0d2d4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#d0d2d4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f3f3f3 0%,#d0d2d4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f3f3f3 0%,#d0d2d4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f3f3f3 0%,#d0d2d4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f3f3f3 0%,#d0d2d4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#d0d2d4',GradientType=0 ); /* IE6-9 */
}
.btn:hover
{
position:relative;width:auto;height:auto;
margin:4px 4px 4px 4px;padding:6px 20px 6px 20px;
color:#a35;text-shadow:0px 1px 0px #fff;
font-size:15px;font-weight:700;
border-radius:3px;border-top:1px solid #fff;border-bottom:1px solid #aaa;
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top,  #d0d2d4 0%, #f3f3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0d2d4), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d0d2d4 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d0d2d4 0%,#f3f3f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d0d2d4 0%,#f3f3f3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d0d2d4 0%,#f3f3f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d2d4', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}

/*===========================================================*/
/*========================IKONY==========================*/
/*===========================================================*/
#icon {display:inline-block;float:right;width:auto;height:auto;margin-top:-18px;margin-right:2px;}
#icon span {display:none;width:110px;height:auto;font-size:12px;padding:6px;margin:0;}
#icon:hover span {
position:absolute;
display:inline-block;
font-size:12px;
padding:6px;
margin:0;
top:-50px;
right:10px;	
width:110px;
height:auto;
color:#fff;
font-weight:600;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/*===========================================================*/
/*========================BOXY portfolio=====================*/
/*===========================================================*/
#box {position:relative;display:block;width:980px;height:auto;margin:auto;padding:1px;background:#999;}
#box:hover {background:#48c;}
#box .t {background:#dcdcdc url(../gfx/boxback.png) repeat-x;padding:4px;min-height:100px;}
#box .title {width:100%;height:40px;background:url(../gfx/boxtit.png) repeat-x;}
#box h1 {display:inline;background:none;color:#445500;margin:auto;padding:auto;text-shadow:0px 1px 0px #f6ffd5;line-height:40px;}
.sh {position:relative;width:980px;height:20px;margin:auto;padding:auto;background:url(../gfx/boxsh.png) no-repeat center top;}
#box .shad {text-shadow:0px 1px 0px #fff;}
#box p {overflow:hidden;color:#777;display:block;margin-left:18px;padding:6px;line-height:16px;}
#box img {float:left;width:120px;height:90px;margin-left:6px;margin-top:6px;padding:2px;border:1px solid #888;}


/*===========================================================*/
/*========================NEWS TICKER========================*/
/*===========================================================*/
#ticker {list-style:none;margin:0;padding:0;}
#ticker {list-style:none;margin:0;padding:0;}
#ticker  ul li {list-style:none;margin:0;padding:0;}

.page_hr {width:900px;height:28px;margin:0;background:url("../gfx/hr.png") no-repeat;}
hr {width:100%;border:none;height:1px;background:#ddd;}

#home_preloader {
    background-color: #FFFFFF;
    background-image: url("../gfx/preloader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}


a.infos{
	position:relative; /*this is the key*/
    z-index:100;
    text-decoration:none;
	}
a.infos span{
	display:none;
	font-family:'Roboto Condensed',font-weight700;
	width:840px;height:160px;
	margin:-200px 0 0 0;padding:auto;
	background:#fff;
	
}

a.infos:hover span{ /*the span will display just on :hover state*/
    display:block;
	background:#fff;
	position:absolute;
	opacity: 0.9;
}	
.artlink {font-weight:700;color:#f90;}

.ui-widget-content li {list-style:none;}
.ui-widget-content a.cool {font-weight:700;color:#e36500;}
.ui-widget-content a.cool:hover {font-weight:700;color:#b52200;}
.datas {
width:110px; height:20px; line-height:20px;display:inline-block;
background:#444;color:#fff;
font-size:12px;
padding:0 0 0 10px;margin:0 0 0 15px;
border-radius:2px;
}

/*-----------------------------*/
.border-top {border:1px solid #ddd;}
.off {line-height:38px; font-weight:700px;color:#bbb;text-shadow:0px 1px 0px #fff;}
.on {line-height:38px; font-weight:700px;color:#b24;text-shadow:0px 1px 0px #fff;}

.kombox {width:1180px;height:auto;margin:auto;padding:10px;background:#fafafa;}
.komm {
position:relative;text-align:justify;display:block;
width:96%;height:auto;margin:4px 4px 10px 4px;padding:6px;
color:#333;font-size:14px;border-bottom:1px dashed #ddd;}
.nag {text-align:left;display:block;width:auto;height:auto;font-size:12px;color:#777;border-bottom:1px solid #eee;margin-top:8px;}
.info
{
background:#e8e8e8;border-radius:3px;
margin:4px;padding:4px;
color:#555;font-size:14px;
}
.dane 
{
background:#fafafa;
margin:4px; padding:4px;
border:1px solid #ccc;
color:#913;border-radius:3px;
}
.reg 
{
font-size:14px;line-height:22px;padding:2px 2px 2px 4px;
border-top:1px solid #fff;border-bottom:1px solid #bbb;border-left:0;border-right:0;border-radius:3px;
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 0%, #d2d2d2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#d2d2d2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#d2d2d2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#d2d2d2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#d2d2d2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#d2d2d2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */
}
.reg:hover {border-top:1px solid #bbb;border-bottom:1px solid #fff;border-left:0;border-right:0;border-radius:3px;}
.error {font-size:12px;}
.dialog {border:1px solid #999;}
.boximg {border:2px solid #e9e9e9;}
.boximg:hover {border:2px solid #444;}

#obrkont {float:left;margin:4px;padding:4px;width:auto;height:auto;border:2px solid #39e;}
#obr {width:120px;}
.butt {display:block;width:auto;height:auto;margin:2px;padding:4px 8px 4px 8px;background:#444;color:#fff;border-radius:3px;}
.butt:hover {background:#902;}