/*********************************************************************************************
**********************************************************************************************
************************	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 */

html {
	height:auto;
	
}
body {
	margin:0;
	padding:0;
	height:auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F5F5F5;
	background-image:url(../images/bg.gif);
	background-repeat:repeat;
	background-color:#666;
	
}
* html .conteiner {
  height: 100%;

}
p {
	padding:5px 10px 5px 10px;
	text-align:justify;
	
}
img {
	border:none;
}
ul {
	margin:0 0 0 40px;;
	padding:0;
}
li {
	list-style:outside;
	list-style:square;
	text-align:justify;
	list-style-image:url(../images/znacznik.png);
	padding-top:15px;

}
h1 {
	font-size:18px;	
	margin-left:10px;
	color:#fff;
	
	
}
h2 {
	
}
h3 {
	
}
h4 {
	
}
h5 {
	
}
h6 {
	
}
a {
	text-decoration:none;
	color:#CCC;
}
a:hover {
	text-decoration:underline;
	color:#39F;
}
.separator {
	width:auto;
	height:10px;
	margin-bottom:10px;
	margin-top:10px;
	
}

/* CONTEINER CSS RULE */
.conteiner_intro {
	width:1200px;
	height:650px;	
	margin:0 auto 0 auto;	
}

.intro {
	width:1000px;
	height:650px;
	margin:0 auto 0 auto;
}

.conteiner {	
	width:1200px;
	height:auto;
	margin:0 auto 0 auto;
	
	
}
.inside_conteiner {
	width:1000px;
	height:auto;
	margin-top:50px;
	margin-left:400px;
	
	
}
.wraper {
	padding-bottom: 0px; 
}
.empty_header {
	height:10px;
	width:100%;
}
.header {
	height:100px;
	width:100%;
}

.languages {
	width:auto;
	height:auto;
	float:left;
	margin-left:0px;
}
.languages ul li{
	display:block;
	float:left;
	height:30px;
	list-style:none;
	width:auto;
	padding:0 10px 0 10px;
}
.languages ul li a, .languages ul li a:hover {
	text-decoration:none;
}
.mainheader {
	width:100%;
	height:150px;
	margin-left:10px;
	margin-top:80px;
	margin-right:100px;
	
}
.logo {
	height:220px;
	width:211px;
	float:right;
}

.mainmenu {
	width:auto;
	height:auto;
	float:right;
	padding:0;
	margin-top:15px;
	
}
.menu {
	height:39px;
	width:auto;
	background-image:url(../images/top_menu.gif);
	background-repeat:repeat-x;
	float:right;
	margin:0;
	font-size:16px;
	
}
.menu li {
	font-weight:bold;
	
}
.menu_l {
	background-image:url(../images/top_menu_l.gif);
	background-repeat:no-repeat;
	width:154px;
	height:39px;
	float:right;
	margin-right:0px;
	
}
.menu li a {
	color:#CCC;
	text-decoration:none;
	display:block;
	height:38px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	
}
/*.menu ul LOOK AT FOOTER CSS RULE */
.menu li a:hover, .menu li a:active,li.current_menu {
	color:#CCC;
	text-decoration:none;
	background-image:url(../images/top_menu_hover.gif);
	background-repeat:repeat-x;
	height:38px;	
	display:block;
	width:auto;
	padding-top:10px;
}
.sub_menu_l {
	background-image:url(../images/submenu_bg-l.gif);
	background-repeat:no-repeat;
	width:70px;
	height:20px;
	float:right;
}
.sub_menu {
	background-image:url(../images/submenu_bg.gif);
	background-repeat:repeat-x;
	height:21px;
	width:auto;
	float:right;
	clear:both;
}
.sub_menu ul{
	width:auto;
	float:right;
	margin-right:2px;
}
.sub_menu li{
	text-align: center;
	width:auto;
	list-style:none;
	padding-top:0;
	margin:0 8px 0 8px;
	display:inline;
	
}
.sub_menu li a {
	color:#CCC;
	text-decoration:none;
	padding-left:0px;
	padding-right:0px;
	
	
}
.sub_menu li a:hover {
	color:#39F;
	text-decoration:none;
	width:auto;
	padding-left:0px;
	padding-right:0px;
	
}
.maincontent {
	width:485px;
	padding:0;
	height:auto;
	float:left;
	min-height:550px;
			
}
/* LEFT BOX CSS RULE */
.left_flash {
	width:500px;
	height:500px;
	float:left;
	margin:0;
	padding:0;
	position:fixed;
	margin-top:100px;
	margin-bottom:100px;
	z-index:-1;
	
}
.right_flash2 {
	width:92px;
	height:auto;
	float:left;
	margin-left:100px;
	
	

	
}
.right_flash3 {
	width:200px;
	height:355px;
	float:left;
	margin-left:20px;
	margin-top:20px;
	
	
	

}
.right_flash4 {
	width:200px;
	height:400px;
	float:left;
	
	
}
.danekontaktowe {


}
.danekontaktowe div   {
	float:left;
	margin-left:15px;
	margin-right:20px;
	margin-top:20px;
	width:180px;
	height:200px;
}
.realizacje_conteiner {
	height:auto;
	width:100%;
	padding-bottom:100px;
}
	
/* AKTUALNOSCI CONTENT */
a.news_link{
	display:block;
	height:15px;
	width:100%;
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	clear:both;
	font-size:14px;
	
	
}
.baner_foto {
	height:210px;
	width:500px;
	margin-top:10px;
	margin-bottom:40px;
	clear:both;
	
}
.baner_foto a {

}
.baner_foto img{
	border:thin solid #CCC;
	margin-top:15px;
	
	
}
.news_list {
	height:auto;
	width:500px;
	margin-bottom:25px;
	padding-right:10px;
	
}
.news_list p{
	margin:10px 5px 10px 5px;
	padding:0;
	
}
.backlink {
	clear:both;
	margin-top:20px;
}
.praca {
	height:auto;
	width:500px;
}
.separator {
	width:500px;
	height:10px;
	margin-bottom:10px;
	margin-top:10px;
	clear:both;
	
}
.aktualnosc {
	width:100%;
	height:auto;
	margin-bottom:20px;
	margin-top:25px;
	clear:both;
}
.aktualnosci_foto_conteiner {
	width:100%;
	height:auto;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:0px;
	clear:both;
}
.aktualnosci_foto {
	border:thin solid #fff;
	width:200px;
	height:auto;
	margin-right:35px;
	float:left;
	background-image:url(../images/menu_bg.gif);
	background-repeat:repeat;
	padding-bottom:10px;
	margin-bottom:10px;
}
.aktualnosci_foto a, .aktualnosci_foto a:hover, .aktualnosci_foto img {
	border:none;
}
.aktualnosci_foto_small {
	width:100px;
	height:100px;
	margin-left:10px;
	margin-right:10px;
	float:left;
	margin-bottom:10px;

}
.aktualnosci_foto_small a {
	border:thin solid #999;
	display:block;
	height:100px;
	width:100px;
	margin:0;
	padding:0;
}
.aktualnosci_foto_small a:hover {
	border:thin solid #fff;
	display:block;
	height:100px;
	width:100px;
	margin:0;
	padding:0;
}
.download_img {
	float:right;
	height:20px;
	width:27px;
	margin-right:50px;
	margin-bottom:50px;
}
.download {
	float:right;
	margin:3px 10px 10px 10px;
	width:auto;
	height:auto;
	font-size:10px;
}

/* FOOTER CSS RULE */
.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:1550px;
    font-size: 1px;
    line-height: 250px;
}
.footer {
	/* width:auto; */
	height:120px;
	width:1000px;
	margin: 0px auto 0 auto;
	clear:both;
	padding:0;
}


/* DOWN MENU CSS RULE */
.down_menu {
	width:1000px;
	height:40px;
	text-align:center;
	background-image:url(../images/menubar.png);
	background-repeat:no-repeat;
	

}
.down_menu ul, .menu ul {
	
	display:inline-block;
	width:auto;
}
.down_menu ul {
	
}
.down_menu li, .menu li {
	float:left;
	text-align: center;
	width:auto;
	list-style:none;
	padding-top:0;
	text-shadow: #333 1px 1px 1px;
}
.down_menu li a{
	color:#FFF;
	text-decoration:none;
	font-size:11px;
	display:block;
	height:25px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	
}
.down_menu li a:hover{
	color:#FFF;
	text-decoration:none;
	font-size:11px;
	background-image:url(../images/menu_bg.gif);
	background-repeat:repeat-x;
	padding-top:6px;
	display:block;
	margin-top:5px;
	height:23px;
	width:auto;
	padding-left:10px;
	padding-right:10px;

}
li.current_downmenu {
	font-size:11px;
	background-image:url(../images/menu_bg.gif);
	background-repeat:repeat-x;
	padding-top:6px;
	display:block;
	margin-top:5px;
	height:23px;
	width:auto;
	padding-left:10px;
	padding-right:10px;

}
/* EU */
.ue {
	width:630px;
	height:80px;
	margin:10px auto 0 auto;
	clear:both;

	
}

.foto_ue {
	float:left;
	margin-left:30px;
	cursor:pointer;
	
}
#dialog {

	
}
/* ACCORDION RULS */

#accordion a {
	font-size:16px;
	color:#999;
	text-decoration:none;
	display:block;
	background-image:url(../images/accordion_bg.png);
	background-repeat:no-repeat;
	height:24px;
	padding-left:5px;
}
#accordion a:hover {
	font-size:16px;
	text-decoration:none;
	color:#39F;
	display:block;
	background-image:url(../images/accordion_bg_hover.png);
	background-repeat:no-repeat;
	height:24px;
	padding-left:7px;
}


/* COPYRIGHT CSS RULE */
.copyright {
	/* clear:both; */
	width:600px;
	margin:10px auto 0 auto;
	text-align:center;
	color:#999;
}
.copyright a:link, .copyright a:active, .copyright a:visited {
	color:#F90;
	text-decoration:none;
}
.copyright a:hover {
	color:#FFF;
	text-decoration:underline;
}
.partners_img{
	border:solid 3px #333;	
	margin-right:20px;
	height:80px;
	width:80px;
	float:left;
}
.partners {
	height:auto;	
	width:auto;
	margin-bottom:120px;
	clear:both;
}
.sprzet {
	width:auto;
	height:auto;
	float:left;
	margin:22px 15px 15px 30px;
}
.sprzet img {
	border:thin solid #CCC;
}
.nieruchomosci {
	clear:both;
	
	height:auto;
	padding:0 0 80px 0;
}
.movie_conteiner {
	height:288px;
	width:352px;
	clear:both;
	border:thin solid #069;
	margin:20px auto 0 auto;	
}
.realizacje_movie_conteiner {
	height:288px;
	width:352px;
	clear:both;
	border:thin solid #069;
	margin-top:20px;	
}
li.current_submenu {
	color:#39F;
	
}
.data {
	font-size:13px;
	font-style:italic;
}
.page_select {
	float:right;	
}
.page_select li {
	list-style:none;
	float:left;
	margin:0 5px;	
}









.panel {
z-index:1000;
position: absolute;
top: 30px;
right: 0;
display: none;
background: #FFF;
border:1px solid #09A054;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
width: 130px;
height: auto;
padding: 10px 130px 10px 10px;
text-align:justify;
}

.panel p {
	margin: 0 20px 15px 0;
	padding: 0;
	color:#333;
	position:absolute;
	top:100px;
}

.panel a, .panel a:visited{
	color:#00a650;
	text-decoration:none;

}

.panel a:hover {
	color:#00a650;
	text-decoration:underline;
}

a.trigger_facebook {
position:fixed;
z-index:2000;
text-decoration: none;
top: 380px; right: -6px;
cursor:pointer;

display: block;
}

a.trigger_facebook:hover{
position:fixed;
text-decoration: none;
top: 380px; right: 0px;
cursor:pointer;
display: block;
}

a.active.trigger_facebook {
background-image:url(../../images/facebook.png);
cursor:pointer;
}