html {
	
	padding:0px;
	background: #F2F2F2;
	
}

body {
	margin: 0px auto;
	padding: 0; 
	font: normal 12px Arial, Tahoma, Verdana, Georgia, sans-serif; 
	color: #333;
	text-align: center;
	height:100%;
	background: fixed url(pix/bg.gif) repeat-y top center;

}



h1 {font: normal 32px Arial; padding-top:7px; }
h2 {font: normal 22px/22px Arial, "Trebuchet MS"; color:#4284C1; padding:0px; margin:0; padding-bottom:12px; margin-top:10px;}
h3 {font: normal 15px Arial; margin:0px 0 0px 0; color:#4284C1;}
h4 {font: normal 15px Arial; margin:0px 0 0px 0; color:#666;}

#main_light #tresc #left h3, #main_light #tresc #right h2 {color:#0075BE;}
#main_sound #tresc #left h3, #main_sound #tresc #right h2 {color:#EF3024;}
#main_media #tresc #left h3, #main_media #tresc #right h2 {color:#7CC242;}



ul {list-style:none;}
li {padding:0px;}

#right ul {margin:10px 0 0px 0;}
#right li {list-style:circle; list-style-type: disc; list-style-position: inside; margin-left:20px; }

hr{	border: none 0; border-top: 1px dotted #ccc; height: 1px;	vertical-align:top; margin:10px 0 10px 0; clear:both;}

img {border:0;}

input, .info, .alert, .explanation, #right .news a
{
-webkit-border-radius: 5px; /* Safari, Chrome */
-khtml-border-radius: 5px;    /* Konqueror */
-moz-border-radius: 5px; /* Firefox */
}






a:link, a:visited {	text-decoration: none; border:0; background-color:transparent; padding:0; outline: none;}
a:active, a:hover {	text-decoration: none; background-color:transparent; }




form {padding:0px; margin:0px;}
p {padding:0px; margin:0px;}
div, ul {padding:0; margin:0;}

.clear {padding:0; margin:0; height:0px; line-height:0px; clear:both;}



#logo {float:left; padding:10px 0 0 0px; border:0px solid red; }

#access {width:200px; height:100px; border:0px solid red; text-align:left; position:absolute; top:50px; margin-left:700px;}

#main, #main_media, #main_sound, #main_light {width:960px; height:100%; margin:auto; text-align:center; padding:0 20px 60px 20px; border:0px solid red; background:#fff; border:7px solid #e9e9e9; border-top:0; }

#top, #top_strona {background-color:#fff; margin:auto; text-align:center; padding-top:15px;}
#top img {padding:0 50px;}

#top_strona {padding-top:0;}


#top_left img, #top_right img {padding:0; position:relative; top:8px;}
#top_left, #top_right {border:0px solid red;}
#top_left {float:left; margin-left:40px;}


#top_right .media, #top_right .sound, #top_right .light {height:56px; overflow:hidden; display:block; float:left; margin:40px 0 0 30px;}


#top_right .media {background: transparent url(../images/logo_promedia_s_bg.png) no-repeat 0px 0px; }
#top_right .light {background: transparent url(../images/logo_prolight_s_bg.png) no-repeat 0px 0px; }
#top_right .sound {background: transparent url(../images/logo_prosound_s_bg.png) no-repeat 0px 0px; }

#top_right .media:hover, #top_right .sound:hover, #top_right .light:hover {background-position:0 -56px;}

#top_right {float:right;  margin-right:40px;}

.data {font-size:10px; color:#666; letter-spacing:1px;}


#content{margin:auto; text-align:left; clear:both; padding-bottom:20px;}

#path {font-size:11px; padding-bottom:0px; padding-top:0; position:relative; top:0px;}
#path ul {margin:0; padding:0; border:0px solid red;}
#content #right #path li {display:inline; margin-right:7px; margin-left:0;}
#path li a {padding-left:14px;padding-right:0px; background: transparent url(pix/str_li_.gif) no-repeat 0px 5px; color:#777;}
#path .main {padding-left:0px;padding-right:5px; background: transparent url(pix/str_li_.gif) no-repeat -10px 5px;}





#login {height:66px; width:156px; float:right; background: transparent url(pix/bg_login.gif) no-repeat ; position:relative; top:-7px; left:30px; padding:30px 0 0 30px; border:0px solid red;}

#menu {clear:both; height:59px;  padding-left:10px; z-index:10; border:0px solid red; padding-top:0px; }

#main_light #menu{background: transparent url(../images/bg_menu_light.png) no-repeat 0px 0px;}
#main_sound #menu{background: transparent url(../images/bg_menu_sound.png) no-repeat 0px 0px;}
#main_media #menu{background: transparent url(../images/bg_menu_media.png) no-repeat 0px 0px;}

#menu li {float:left; margin-right:1px;}
#menu li a {font-size:15px; display:block; text-align:center; color:#000; height:20px; border:0px solid red; font-weight:normal; padding:9px 18px; margin-top:11px;}

#main_light #menu li a:hover, #main_light #menu .click a {background-color:#0075BE; color:#fff; }
#main_sound #menu li a:hover, #main_sound #menu .click a {background-color:#EF3024; color:#fff; }
#main_media #menu li a:hover, #main_media #menu .click a {background-color:#7CC242; color:#fff; }



.click {}

/*menu_left*/

#submenu {position:relative; z-index:1; top:-5px;}
#submenu a {display:block; color:#666; font-weight:normal; text-decoration:none; text-align:left; background-color:#ddd;}
#submenu a:hover { color:#fff; text-decoration: none;}
#submenu li a {display:block; padding:8px 20px; margin-bottom:1px; font-size:13px; }

#main_light #tresc #left #submenu .pressed,#main_light #tresc #left #submenu a:hover {background-color:#0075BE; color:#fff;}

#main_sound #tresc #left #submenu .pressed,#main_sound #tresc #left #submenu a:hover {background-color:#EF3024; color:#fff;}

#main_media #tresc #left #submenu .pressed,#main_media #tresc #left #submenu a:hover {background-color:#7CC242; color:#fff;}




.corners_top {position:relative; top:3px; z-index:2; border:0px solid red;}
.corners_bottom {position:relative; top:-17px; z-index:2; border:0px solid red;}
/* end_menu_left */

#path {font-size:11px; padding:0 0 5px 0px; clear:both; color:#999; border-bottom:1px dotted #ccc;}
#path li {display:inline; margin-right:0px; }
#path li a {padding-left:15px;padding-right:5px; background: transparent url(../images/str.png) no-repeat 0px 3px; color:#666;}
#path .main {padding-left:0px;padding-right:0px; background: transparent url(../images/str.png) no-repeat -20px 0px;}

#main_light #tresc #right #path li a {padding-left:15px;padding-right:0px; background: transparent url(../images/str_light.png) no-repeat 0px 3px; color:#999;}
#main_light #tresc #right #path .main {padding-left:0px;padding-right:0px; background: transparent url(../images/str_light.png) no-repeat -20px 0px; }

#main_sound #tresc #right #path li a {padding-left:15px;padding-right:0px; background: transparent url(../images/str_sound.png) no-repeat 0px 3px; color:#999;}
#main_sound #tresc #right #path .main {padding-left:0px;padding-right:0px; background: transparent url(../images/str_sound.png) no-repeat -20px 0px;}

#main_media #tresc #right #path li a {padding-left:15px;padding-right:0px; background: transparent url(../images/str_media.png) no-repeat 0px 3px; color:#999;}
#main_media #tresc #right #path .main {padding-left:0px;padding-right:0px; background: transparent url(../images/str_media.png) no-repeat -20px 0px; color:#999;}


#left {float:left; width:210px;padding:0 0px; margin:0px 0 20px 0; text-align:left;}
#right {float:right; width:730px; padding:0 0px; margin:7px 0 20px 0; text-align:left;}

#right .under {font-size:10px; line-height:13px;}

#right .in {position:relative; top:-35px; z-index:100;}

.baner {padding:5px 0 2px 0;}

#content {padding:10px 0; line-height:18px;}

#left .news {background-color:#ddd; padding:10px 10px; position:relative; z-index:1; top:-5px; font-size:11px;}
#left .news p{display:block; padding:5px 18px; color:#666;}
#left .news a{display:block; color:#555;}
#left .news b{display:block; padding-top:3px; padding-bottom:10px;}
#left .news a:hover,#left .news a:active {color:#fff; background-color:#0075BE;}


#main_light #tresc #left .news a:hover{background-color:#0075BE; color:#fff; display:block;}
#main_sound #tresc #left .news a:hover{background-color:#EF3024; color:#fff; display:block;}
#main_media #tresc #left .news a:hover{background-color:#7CC242; color:#fff; display:block;}



.ludzie {float:left; margin:3px 10px 10px 0; border:1px solid #ccc; padding:1px;}
.sprzet_one {display:block; padding:0 0 20px 0; border-bottom:1px dotted #ccc; margin-bottom:20px;}


#right .news {background-color:#fff; padding:0px 0px; position:relative; z-index:1; top:0; font-size:12px;}

#main_light #tresc #right .news a, #main_sound #tresc #right .news a, #main_media #tresc #right .news  a{display:block; padding:5px 5px; color:#777; margin-bottom:7px; background-color:#f1f1f1; font-size:11px;}

#main_light #tresc #right .news a:hover{color:#fff; background-color:#0075BE; text-decoration:none; display:block;}
#main_sound #tresc #right .news a:hover{color:#fff; background-color:#EF3024; text-decoration:none; display:block;}
#main_media #tresc #right .news a:hover{color:#fff; background-color:#7CC242; text-decoration:none; display:block;}



#right .news b {margin-left:20px; font-size:17px; display:block; margin-top:8px; }
#right .news div {margin-left:120px; margin-top:7px;}
#right .news img {float:left; margin:0 20px 0 0;} 

#main_light #tresc #right a{color:#0075BE;}
#main_sound #tresc #right a{color:#EF3024;}
#main_media #tresc #right a{color:#7CC242;}

#main_light #tresc #right a:hover{text-decoration:underline;}
#main_sound #tresc #right a:hover{text-decoration:underline;}
#main_media #tresc #right a:hover{text-decoration:underline;}

#left h3 {position:relative; top:10px; left:0px; background:transparent url(../images/h3_bg.png) no-repeat top center; height:18px; padding:4px 0 0 65px; font-weight:bold; font-size:11px; color:#333;}


/* filmy */
.films {float:left; margin-right:15px; width:130px; background-color:#fff; padding:0px; margin-top:10px; margin-bottom:0px;}
.films .gal_photo {width:140px; height:140px; border:1px solid #D8D8D8; margin-bottom:1px; display:table-cell; vertical-align:middle; text-align:center;}
.films a  {border:none; padding:0px; margin:auto; vertical-align:middle; background:none; color:#666; display:block;}
.films .galdesc {color:#666; font-size:11px; display:block; line-height:12px; text-align:center;}

/* end filmy */
/* formularz */
.formularz {border:0px solid #ccc; background-color:transparent; padding:10px; font-size:12px; font-weight:normal; color:#333; margin-bottom:10px; text-align:left;}
.formularz hr {clear:both;}
.tab_right, .tab_left {margin-bottom:0px;}
.tab_right {width:30%; display:block; text-align:right; padding:10px 2px 5px 5px; border:0px solid red; float:left; font-size:11px; font-weight:bold; }
.tab_left {width:50%; display:block; text-align:left; padding:5px; border:0px solid blue; float:left;}

.formularz .tab_left input {background:none; padding:0; margin:0; border:1px solid #ccc; background-color:#fff; width:250px; padding:5px; font-size:11px; color:#666;}
 
.formularz .tab_left select {padding:4px; font-size:11px;}
.formularz .info, .formularz .alert, .formularz .explanation, .formularz .reg {color:#fff; padding:4px 7px; font-weight:normal; border:1px solid white; margin-top:5px; font-size:11px; display:block;}

.formularz .alert {background-color:red;}
.formularz .info {background-color:#999;}
.formularz .explanation {background-color:transparent; border:0; padding:2px 7px; margin-top:0px; color:#666;}
.formularz .reg {color:#666; border:1px solid #ccc; background-color:#fff;}
.formularz .tab_left img {border:0; padding-bottom:5px;}
.formularz  .checkbox {width:20px;}

/* end formularz */
#content .button,.formularz .tab_left .bt {border:0; padding:0px 3px 3px 3px; font-size:12px; font-weight:normal; color:#fff; background: url(../images/icons.png) center top repeat-x; height:24px; line-height:26px; width:auto; cursor:pointer;}




.advert {background-color:#fff; padding:0px; margin-bottom:10px;}
#map {position:relative; top:0px; border:0px solid red;}
#map .advert {float:left; width:200px; background:transparent url(pix/bg_map_advert.png) no-repeat top center; height:250px; padding:10px; font-size:11px; margin-right:10px;}
.france {float:left; border:0px solid red; margin-right:10px;}
.forms {float:left; border:0px solid red; margin-top:80px;}

#newsletter {padding:0 15px 10px 10px;}
#left hr {margin:10px 20px 10px 10px; border-top: 1px solid #34A8F2;}

#left_top {background:transparent url(pix/left_top.png) no-repeat top center; height:40px;}

#footer{ font-size:11px; background: transparent url(pix/footer_bg.gif) no-repeat center top; text-align:center; text-align:left; color:#999; height:50px; clear:both; }
#footer hr {margin:0 20px; color:#222; border-top: 1px solid #222;}
#footer a {background-color:transparent;}
#footer .left {float:left; padding:0px 0 0 20px; width:200px;}
#footer .right {float:right; text-align:right; padding:0px 20px 0 0px;  width:72px;}

#dane {float:left; padding:0px 0px 0 0px;  width:620px; border:0px solid red;}
#dane .box, #dane .box_last {float:left; text-align:left; border-right:1px dotted #ccc; padding:0 20px;}
#dane .box_last {border-right:0px dotted #ccc; margin-right:0px}
#dane .box a {color:#999;}
#dane .box_last a img {margin-right:5px;}


textarea {width: 322px;	height: 100px;	border: 1px solid #ccc;	background-color:#fff; padding:5px;  margin-bottom:2px;}

.input, .ok {padding:3px; margin:0; border:1px solid red;}

.input {width:160px; color:#333; font-size:13px; border:1px solid #ccc; margin-bottom:10px; padding:2px;}

.ok {background: url(pix/bg_ok.jpg) center bottom no-repeat; width:30px; height:24px; text-align:center; color:#fff; font-size:12px; cursor:pointer;}



.button, .bt { background: url(../pix/bg_bt.png) center bottom no-repeat; width:130px; height:24px; color:#fff; font-size:12px; border:0; padding-bottom:2px; cursor:pointer;}
.select {width:166px; margin-bottom:10px;}

.tab_clear {background: transparent; margin:auto; padding:0;}
.in_right {text-align:right;}

.bt {border:0; padding:0px 3px 3px 3px; font-size:12px; font-weight:normal; color:#fff; background: url(../pix/icons.gif) center top repeat-x; height:24px; line-height:26px; width:auto; cursor:pointer;}



.tabClear {padding:0;}

.tab_clear .pole {background: url(../pix/bginput_.gif) left bottom no-repeat; background-color: transparent; width:250px; height:22px; border:none; color:#333; padding:0 ; margin:0;}



#tresc table {
  font: 12px/16px Arial, Verdana, Georgia, Tahoma, sans-serif;
	margin:10px 0 20px 0;
	padding:0px;
	color: #fff;
	background: #ccc;
	width:98%;
}

#tresc table th {
	color: #fff;
	font-weight: normal;
	background: #ccc;
	text-align: left;
	padding: 5px 5px;
	font-size: 13px;
}


#tresc table th a {color: #333333;text-decoration:none;}

#tresc table tr {
	background: #fff;
}

#tresc table td {
	padding: 2px 5px;
	font-size: 12px;
  color:#333;
}

#tresc #contact{background: transparent;}
#tresc #contact tr{background: transparent;}

#accordion a {outline: none;}

#accordion h3 {  margin-top:7px; background: url(../images/accordion_h3.png) center  repeat-x;  -moz-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#accordion h3 a { font:bold 12px Arial; background: url(../images/str_gray.png) 10px 10px  no-repeat;display:block; border:1px solid #ccc; padding:7px 0 7px 25px; outline: none;  -moz-border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
#accordion h3 a:hover, #accordion h3 a:active { font:bold 12px Arial; background: url(../images/str_gray_.png) 10px 10px  no-repeat; text-decoration: none;}

#accordion div {border:1px solid #ccc; border-top:0; padding:12px 20px 10px 20px; position:relative; top:-5px; z-index:1; background: url(../images/accordion_div.png) top center repeat-x; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;}

#accordion div a img,.preview {position:relative; z-index:1000;}

#accordion .clear {background:none; height:auto; border:0; padding:0; margin:0;}

#main_light #tresc #right #accordion h3 a:hover, 
#main_sound #tresc #right #accordion h3 a:hover,
#main_media #tresc #right #accordion h3 a:hover
{text-decoration:none;}

#map_canvas {width:720px; height:280px;}