@charset "utf-8";
/* CSS Document */
html {
	height:100%;
}

body {
	background-image:url(../images/bg.png);
	height:100%;
	margin-left:0px;
	margin-top:0px;
}

#header {

}

.tresc {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		margin-top:-2px;
}

.lupo .trescmid {
	    float:left;
        width:200%;
        margin-left:-107px; 	/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
}

.lupo {
	 background:#f5f5f5;
}

.lupo .trescleft {
	    float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:391px;         	/* Left column width + right column width */
        background:#f5f5f5;    	/* Left column background colour */
}

.lupo .trescwrap {
      float:left;
	  width:50%;
	  position:relative;
	  right:200px;        	/* Width of left column */
	  padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}

.lupo .kolumna1 {
        margin:0 195px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .lupo .kolumna2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:284px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;         	/* Width of the left-had side padding on the left column */
    }
    .lupo .kolumna3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }

#stopka {
	border:0px solid #0CF;
	display:inline;
}

#stopka_left {
	border:0px solid #2F6;
	background-image:url(../images/pro-fx_11.jpg);
	height:244px;
	width:284px;
	float:left;
}

#stopka_left p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:500;
	margin-left:50px;
	margin-top:10px;
	width:200px;
	color:#414141;
}

#stopka_right {
	border:0px solid #6F6;
	background-image:url(../images/pro-fx_12.jpg);
	height:244px;
	width:720px;
	float:right;
}


#left_contener {
	width:284px;
	float:left;
}

#right_contener {
	border:0px solid #06C;
	height:243px;
	width:720px;
	float:right;
}

#left_logo {
	margin:0;
	padding:0;	
}

#right_text {
	background-image:url(../images/pro-fx_02.jpg);
	width:720px;
	height:116px;
}

#right_menu_box {
	border:0px solid #0FF;
	background-image:url(../images/pro-fx_05.jpg);
	width:720px;
	height:60px;
}

#right_undermenu_box {
	border:0px solid #0FF;
	background-image:url(../images/pro-fx_07.jpg);
	width:720px;
	height:65px;
}

#under_logo {
	background-image:url(../images/pro-fx_04.jpg);
	width:284px;
	height:60px;
	margin:0;
	padding:0;
}

#under_logo2 {
	background-image:url(../images/pro-fx_06.jpg);
	width:284px;
	height:65px;
	margin:0;
	padding:0;
}

.naglowki{
	margin-left:30px;
	
}

h1.naglowki {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:lighter;
	font-size:24px;
	color:#464646;
	text-transform:uppercase;
}

.onas {
	width:202px;
	padding-top:2px;
	color:#a1a1a1;
	margin-left:40px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height:16px;
	text-align:justify;
	margin-bottom:20px;
}

.onas li {
	list-style:url(../images/znacznik.gif);
	
}

.onas li a {
	color:#a1a1a1;
	width:200px;
	margin-left:10px;
	list-style:url(../images/znacznik.gif);
	font-size:12px;
	text-decoration:none;
}

.onas a:hover {
	color:#bbb;
}

.onas hr {
	height: 0 !important;
	height: 1px; /* wysokosc pod ie */
	color: #E5E5E5; /* kolor pod ie */
	background: transparent;
	border-width: 1px 0 0 0;
	border-color: #E5E5E5;
	border-style: solid;
	width:180px;
}

#onas_wrapper {
	width:600px;
}

.onas_middle {
	width:200px;
	color:#aaa;
	margin-left:22px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	text-align:justify;
	float:left;
}

.onas_middle2 {
	width:200px;
	color:#aaa;
	margin-left:22px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	text-align:justify;
}

.oferta {
	width:550px;
	padding-top:22px;
	color:#a1a1a1;
	margin-left:40px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	line-height:24px;
	margin-bottom:20px;
}

.oferta hr {
	width:550px;
	margin-left:0px;
}

.oferta_ext_img {
	* margin-top:-2px;
	width:600px;
	height:140px;
	background-image:url(../images/bars/ext_b.jpg);
	position:relative;
}

.oferta_anim_img {
	* margin-top:-2px;
	width:600px;
	height:140px;
	background-image:url(../images/bars/anim_b.jpg);
	position:relative;
}

.oferta_int_img {
	* margin-top:-2px;
	width:600px;
	height:140px;
	background-image:url(../images/bars/int_b.jpg);
	position:relative;
}

.oferta_tec_img {
	* margin-top:-2px;
	width:600px;
	height:140px;
	background-image:url(../images/bars/tec_b.jpg);
	position:relative;
}

.oferta_mod_img {
	* margin-top:-2px;
	width:600px;
	height:140px;
	background-image:url(../images/bars/mod_b.jpg);
	position:relative;
}

.oferta_pre_img {
	* margin-top:-2px;
	width:600px;
	height:140px;
	background-image:url(../images/bars/pre_b.jpg);
	position:relative;
}

.oferta_txt {
	position:absolute;
	margin-left:12px;
	margin-top:20px;
	font-size:10px;
	color:#535353;
	line-height:12px;
}#opis_portfolio {	color:#777777;}

#kontakt_form {
	margin-left:22px;
	width:580px;
}

#kontakt_form p{
	color:#ccc;
	font-family:"Century Gothic", Geneva, sans-serif;
	font-size:25px;
	font-weight:bold;
	text-transform:uppercase;
}

#formularz {
	color:#999;
	margin-left:22px;
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:12px; 
}

#formularz form {
	margin-top:32px;
}

#big {
	width:1004px;
}

#zostaw_wiadomosc {
	margin-left:45px;
	padding-top:40px;
}

.partnerzy_main {
	margin-left:40px;
}

.partnerzy {
	margin-left:45px;
}

#stopka_texty {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:500;
	margin-top:122px;
	width:200px;
	color:#414141;
}



.profx {
	color:#e01f20;
	font-weight:bolder;
}

#obrazki_realizacje_wide {
	margin-left:100px;
}

#obrazki_realizacje_wide p {
	background-color:#e01f20;
	width:173px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	padding:5px 5px 5px 10px;
}

#obrazki_realizacje_wide img {
	margin-top:10px;
}

.obrazki_realizacje_short {
	width:594px;
	margin-left:25px;	
}

.obrazki_realizacje_short_img {
	float:left;
	height:114px;
}

.obrazki_realizacje_short_img img {
	margin-bottom:2px;
	margin-right:12px;
	padding-bottom:2px;
	padding-top:7px;
}

.obrazki_realizacje_short_img p {
	width:180px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	color:#bbb;
	margin-bottom:5px;
}

.obrazki_realizacje_short_title {
	border:0px #006 solid;
	width:365px;
	height:103px;
	float:left;
}

.obrazki_contener img{
	margin-left:11px;
	margin-bottom:5px;
}

.obrazki_contener h2 {
	margin-left:22px;
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	color:#CCC;
	margin-bottom:10px;
}

#Latest_update {
	margin-left:20px;
	color:#333;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
}

#Latest_update a{
	color:#666;
	text-decoration:none;
}

#Latest_update a:hover{
	color:#888;
}

hr {
	height: 0 !important;
	height: 1px; /* wysokosc pod ie */
	color: #E5E5E5; /* kolor pod ie */
	background: transparent;
	border-width: 1px 0 0 0;
	border-color: #E5E5E5;
	border-style: solid;
	margin-left:20px;
	width:583px;
}

#lang {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	float:right;
	margin-right:15px;
	color:#e01f20;
	margin-top:6px;
}

.btn_wiecej {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#891c2f;
	text-decoration:none;
	float:right;
	margin-right:20px;
	margin-top:0px;
}

/*REALIZACJE LEWA*/

/*.btn_real {
	height:50px;
	background-color:#f5f5f5;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	text-decoration:none;
}*/



.btn_real a{
	display:block;	
	padding-left:32px;
	padding-right:22px;
	padding-top:12px;
	height:40px;
	background-color:#f5f5f5;
	color:#333;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	border-bottom:1px #ddd dotted;
}

.btn_real a:hover {
	background-color:#f9f9f9;
}

.btn_real_active a{
	display:block;	
	padding-left:32px;
	padding-right:22px;
	padding-top:12px;
	height:40px;
	background-color:#fff;
	color:#333;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	border-bottom:1px #ebebeb solid;
}

.btn_real_red {
	color:#e01f20;
}

/*MENU */
.menu {
	margin-left:180px;
}

.filtr_portfolio {
	border-top:dotted 1px #ddd;
	border-bottom:dotted 1px #ddd;
	color:#bbb;
	background-color:#f5f5f5;
	width:284px;
	padding-top:5px;
	height:40px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
}

.filtr_portfolio a {
	color:#666;
	text-decoration:none;
}

.filtr_portfolio p {
	margin-left:20px;
	margin-top:5px;
}

.filtr_portfolio a:hover{
	color:#888;
}

#player {
	margin:0 auto;
}

.kategoria_h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#891c2f;
	margin-left:20px;
	font-size:11px;
	font-weight:normal;
}