@import "reset.css";
@import "portfolio.css";
@import "lightbox.css";

html {background: #242424 repeat-x;	}

body {
padding: 0;
margin: 0;
background: url(images/tlo.jpg) no-repeat center top;
width: 100%;
display: table;
text-align: center;
font-size:11px;
font-family:Verdana, arial,  tahoma;
color: #bebebe;
}

.clear {clear:both}

h1{}

h2 {
font-family:Verdana, arial,  tahoma;
font-size:12px;
font-weight:bold;
}

#container {width:957px; height:100%; text-align: left; margin: 0 auto; position:relative;
} 

/* LINKI */

a:link {text-decoration:none;color:#d77c1c;}
a:visited {text-decoration:none;color:#d77c1c;}
a:hover {text-decoration:underline;color:#d77c1c;}
a:active {text-decoration:none;color:#d77c1c;}


/* TOP */
#top ul li {display:inline}
#top {width:100%; height:150px;}
	
	#top .logo {position:relative; width:203px; height:56px; background:url(images/logo.png) no-repeat; float:left; text-indent:-2500px; margin-top: 26px;}
	
	#top .nawigacja {position:relative; width:70%; height:100%; float:right; background:url(images/menu_back.png) no-repeat; }
	
		#ul_nawigacja  {
    	width: 600px; height: 61px;
    	margin: 10px auto; padding: 0;
    	position: relative;
    	top:30px;
    	left:0px;}
 		#ul_nawigacja li {
    	margin: 0; padding: 0; list-style: none;
    	position: absolute; top: 0;}
		#ul_nawigacja li, #ul_nawigacja a {
    	height: 23px; display: block; text-indent: -2000px;}
    
			#li_glowna {left:0; background: url(images/buttons.png) no-repeat top left; background-position: 0 0; width: 113px; height: 23px; } 
			#li_glowna a:hover {left:0; background: url(images/buttons.png) no-repeat top left; background-position: 0 -73px; width: 113px; height: 23px; } 

			#separator_1 {left:120px; width: 2px; height: 61px; background: url(images/menu_separator.png) no-repeat top left; background-position: 0 0; }
		
			#li_oferta {left:131px; background: url(images/buttons.png) no-repeat top left; background-position: 0 -438px; width: 57px; height: 23px; } 
			#li_oferta a:hover {left:131px; background: url(images/buttons.png) no-repeat top left;  background-position: 0 -511px; width: 57px; height: 23px; }
			
			#separator_2 {left:192px; width: 2px; height: 61px; background: url(images/menu_separator.png) no-repeat top left; background-position: 0 0; }
		 
			#li_portfolio {left:200px; background: url(images/buttons.png) no-repeat top left; background-position: 0 -584px; width: 81px; height: 23px; } 
			#li_portfolio a:hover {left:200px; background: url(images/buttons.png) no-repeat top left; background-position: 0 -657px; width: 81px; height: 23px; } 
			#li_cennik {left:273px; background: url(images/buttons.png) no-repeat top left; background-position: 0 -1022px; width: 81px; height: 23px; } 
			#li_cennik a:hover {left:273px; background: url(images/buttons.png) no-repeat top left; background-position: 0 -1095px; width: 81px; height: 23px; } 
			#separator_3 {left:335px; width: 2px; height: 61px; background: url(images/menu_separator.png) no-repeat top left; background-position: 0 0; }
		
			#li_klienci {left:340px; background: url(images/buttons.png) no-repeat top left; background-position: 0 -146px; width: 63px; height: 23px; } 
			#li_klienci a:hover{left:340px; background: url(images/buttons.png) no-repeat top left; background-position: 0 -219px; width: 63px; height: 23px; }
		 
		 	#separator_4 {left:405px; width: 2px; height: 61px; background: url(images/menu_separator.png) no-repeat top left; background-position: 0 0; }
		 
			#li_kontakt {left:412px; background: url(images/buttons.png) no-repeat top left; background-position: 0 -292px; width: 69px; height: 23px; } 
			#li_kontakt a:hover{left:412px; background: url(images/buttons.png) no-repeat top left; background-position: 0 -365px; width: 69px; height: 23px; }

			#separator_5 {left:483px; width: 2px; height: 61px; background: url(images/menu_separator.png) no-repeat top left; background-position: 0 0; }

			#li_jezyk {left:490px; background: url(images/buttons.png) no-repeat top left; background-position: 0 -730px; width: 69px; height: 23px; } 
			#li_jezyk a:hover{left:490px; background: url(images/buttons.png) no-repeat top left; background-position: 0 -803px; width: 69px; height: 23px; }
			#separator_6 {left:267px; width: 2px; height: 61px; background: url(images/menu_separator.png) no-repeat top left; background-position: 0 0; }

		
			
/* CONTENT */
#content {min-height: 500px; height: auto !important; height: 500px; line-height: 18px; position: relative; width: 100%; }

/* GLOWNA */
#content_aktualnosci {width:320px; height: 420px; position: relative; float: left; top:60px;}
	#aktualnosci_png {margin-bottom: 25px; position: relative;}
	#content_aktualnosci .news {width: 100%; position: relative; margin-bottom: 30px;}
		#content_aktualnosci .date_and_header {width: 100%; ;position: relative;}
			#content_aktualnosci .news_date {width: 74px; height:19px;position: relative; background: url(images/data.png) no-repeat; float: left;
											color: d3d3d3; font-size:10px; text-align: center; margin-right: 7px;}
			#content_aktualnosci .news_header {width: 235px ; height:19px ;position: relative; float: left; color:e7e7e7; font-size: 12px; }
		#content_aktualnosci .news_content {width: 100%; position: relative;}
		#content_aktualnosci .more {width: 100%;position: relative; text-align: right; font-weight: bold;}
	
	
#content_right {position: relative; width: 565px; height: 100%; float: left; margin-left: 65px; }

		#content_right .baner {width: 565px; height: 231px; position: relative; background: url(images/baner.png) no-repeat;}
			#ul_napisz_btn   {width: 178px; height: 160px; margin: 10px auto; padding: 0; position: absolute; top:130px; left:165px;}
			#ul_napisz_btn li {	margin: 0; padding: 0; list-style: none;position: absolute; top: 0;}
			#ul_napisz_btn li, #ul_napisz_btn a {height: 55px; display: block; text-indent: -2000px;}
			#li_napisz_btn { background-position: 0 0; width: 178px; height: 55px; background: url(images/napisz.png) no-repeat top left;}
			#li_napisz_btn a:hover{width: 178px; height: 55px; background: url(images/napisz.png) no-repeat top left;  background-position: 0 -105px; }
			
		#content_right .glowna_o_nas {height:118px; position: relative; width: 100%;}	
		#content_right .glowna_o_nas_tekst {margin-top:15px; height: 100%; width:480px; position: relative; color:#ededed;}
			
		
		#content_right .logosy_slider {height: 118px; width:100%; position: relative;}
		#content_right .logosy_back {height: 72px; width:492px; position: relative; background: url(images/logosy_back.png) no-repeat; margin-top:9px;}
	#slider_logosy {width: 492px; margin: 0 auto;  position: relative; padding 0;}
		#slider_logosy  .scroll { height: 72px; overflow: auto; position: relative;  clear: left;  padding 0;}
		#slider_logosy  .scrollContainer div.panel {padding: 0px; height: 72px; width: 492px; }
		#slider_logosy  .scrollButtons { position: relative; cursor: pointer;}
		#slider_logosy  .scrollButtons.left {left: 440px; top:-75px;}
		#slider_logosy  .scrollButtons.right { right: -475px;  top:-75px;}
		#slider_logosy 	.panel img {margin-top:10px;}
	
/* OFERTA */

	#navigation_oferta {width:274px; height: 390px; position: relative; float: left; top:50px; background: url(images/oferta_navigation_back.png) no-repeat bottom;}
	#navigation_oferta .navigation_naglowek {position: relative; margin: 22px auto 30px 17px;}
	#navigation_oferta ul {font-family: arial; line-height: 28px; font-weight: bold; margin-left: 26px; font-size: 11px; position: relative; }
	#navigation_oferta li {margin-bottom: 3px;}
	#navigation_oferta a {display: block; height: 23px; width: 228px; word-spacing:}
	#navigation_oferta a:link {color:#d3d3d3; }
	#navigation_oferta a:visited {color:#d3d3d3;}
	#navigation_oferta a:hover {color:#d08433; background: url(images/oferta_navigation_hover.png); text-indent: 6px; text-decoration: none;}
	#navigation_oferta a:active {color:#d08433; }
		
		
		
	#content_oferta_right {position: relative; width: 565px; height: 100%; float: left; margin-left: 65px; top:65px; font-size: 12px; }
	#content_oferta_right h2 {font-size: 16px; font-weight: normal; margin-bottom:30px;}
	#content_oferta_right p {margin-bottom: 10px}
	#content_oferta_right ul { list-style: circle ; margin-left: 20px; }
	#content_oferta_right ul li {margin-bottom: 10px; margin-top: 6px;}
	#content_oferta_right .foto {}
	#content_oferta_right .foto_img {float:left; border: 2px solid #323232; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; width: 125px; height: 91px; margin:10px 10px 10px 0px;}
		#content_oferta_right .foto2_img {float:left; border: 2px solid #323232; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; width: 300px; height:150px; margin:10px 10px 10px 0px;}
	
	#pdf {position: relative; width: 395px; height: 100px; background: url(images/pdf_napis.png) left no-repeat; margin-top: 30px; margin-bottom: 60px;}
	#pdf ul {width: 160px; height: 66px; margin: 10px auto; padding: 0; position: absolute; top:0px; left:225px;}
			#pdf li {margin: 0; padding: 0; list-style: none;position: absolute; top: 0; height: 66px; display: block; text-indent: -2000px;}
			#pdf a {height: 66px; display: block; text-indent: -2000px;}
			#pdf li { background-position: 0 0; width: 160px; height: 66px; background: url(images/pdf_btn.png) no-repeat top left;}
			#pdf li a:hover {width: 160px; height: 66px; background: url(images/pdf_btn.png) no-repeat top left;  background-position: 0 -116px;}


/* PORTFOLIO */

	#navigation_portfolio {width:272px; height: 260px; position: relative; float: left; top:50px; background: url(images/portfolio_navigation_back.png) no-repeat bottom;}
	#navigation_portfolio  .navigation_naglowek {position: relative; margin: 22px auto 30px 17px;}
	#navigation_portfolio  ul {font-family: arial; line-height: 28px; font-weight: bold; margin-left: 26px; font-size: 11px; position: relative; }
	#navigation_portfolio  li {margin-bottom: 3px;}
	#navigation_portfolio  a {display: block; height: 23px; width: 228px; }
	#navigation_portfolio  a:link {color:#d3d3d3; }
	#navigation_portfolio  a:visited {color:#d3d3d3;}
	#navigation_portfolio  a:hover {color:#d08433; background: url(images/oferta_navigation_hover.png); text-indent: 6px; text-decoration: none;}
	#navigation_portfolio a:active {color:#d08433; }

		#content_portfolio_right {position: relative; width: 605px; height: 650px; float: left; margin-left: 20px; top:65px; font-size: 12px; }
	#content_portfolio_right h2 {font-size: 16px; font-weight: normal; margin-bottom:30px;}
	#content_portfolio_right p {margin-bottom: 10px}
	#content_portfolio_right ul { list-style: circle ; margin-left: 20px; }
	#content_portfolio_right ul li {margin-bottom: 10px; margin-top: 6px;}
	
	
/* KLIENCI */
	
	#content_klienci {width:100%; height: 100%; position: relative; float: left; margin-top:50px; margin-bottom: 20px; }
	#content_klienci a {text-decoration: none; display: block;width: 185px; height: 95px;}
	
	#content_klienci .a1 a {background: url("images/logo/1.png") 0 0 no-repeat;}
	#content_klienci .a1 a:hover {background: url("images/logo/1_on.png") 0 0 no-repeat;}
	
	#content_klienci .a2 a {background: url("images/logo/2.png") 0 0 no-repeat;}
	#content_klienci .a2 a:hover {background: url("images/logo/2_on.png") 0 0 no-repeat;}
	
	#content_klienci .a3 a {background: url("images/logo/3.png") 0 0 no-repeat;}
	#content_klienci .a3 a:hover {background: url("images/logo/3_on.png") 0 0 no-repeat;}
	
	#content_klienci .a4 a {background: url("images/logo/4.png") 0 0 no-repeat;}
	#content_klienci .a4 a:hover {background: url("images/logo/4_on.png") 0 0 no-repeat;}
	
	#content_klienci .a5 a {background: url("images/logo/5.png") 0 0 no-repeat;}
	#content_klienci .a5 a:hover {background: url("images/logo/5_on.png") 0 0 no-repeat;}
	
	#content_klienci .a6 a {background: url("images/logo/6.png") 0 0 no-repeat;}
	#content_klienci .a6 a:hover {background: url("images/logo/6_on.png") 0 0 no-repeat;}
	
	#content_klienci .a7 a {background: url("images/logo/7.png") 0 0 no-repeat;}
	#content_klienci .a7 a:hover {background: url("images/logo/7_on.png") 0 0 no-repeat;}
	
	#content_klienci .a8 a {background: url("images/logo/8.png") 0 0 no-repeat;}
	#content_klienci .a8 a:hover {background: url("images/logo/8_on.png") 0 0 no-repeat;}
	
	#content_klienci .a9 a {background: url("images/logo/9.png") 0 0 no-repeat;}
	#content_klienci .a9 a:hover {background: url("images/logo/9_on.png") 0 0 no-repeat;}
	
	#content_klienci .a10 a {background: url("images/logo/10.png") 0 0 no-repeat;}
	#content_klienci .a10 a:hover {background: url("images/logo/10_on.png") 0 0 no-repeat;}
	
	#content_klienci .a11 a {background: url("images/logo/11.png") 0 0 no-repeat;}
	#content_klienci .a11 a:hover {background: url("images/logo/11_on.png") 0 0 no-repeat;}
	
	#content_klienci .a12 a {background: url("images/logo/12.png") 0 0 no-repeat;}
	#content_klienci .a12 a:hover {background: url("images/logo/12_on.png") 0 0 no-repeat;}
	
	#content_klienci .a13 a {background: url("images/logo/13.png") 0 0 no-repeat;}
	#content_klienci .a13 a:hover {background: url("images/logo/13_on.png") 0 0 no-repeat;}
		
	#content_klienci .a14 a {background: url("images/logo/14.png") 0 0 no-repeat;}
	#content_klienci .a14 a:hover {background: url("images/logo/14_on.png") 0 0 no-repeat;}
	
	#content_klienci .a15 a {background: url("images/logo/15.png") 0 0 no-repeat;}
	#content_klienci .a15 a:hover {background: url("images/logo/15_on.png") 0 0 no-repeat;}
	
	#content_klienci .a16 a {background: url("images/logo/16.png") 0 0 no-repeat;}
	#content_klienci .a16 a:hover {background: url("images/logo/16_on.png") 0 0 no-repeat;}
	
	#content_klienci .a17 a {background: url("images/logo/17.png") 0 0 no-repeat;}
	#content_klienci .a17 a:hover {background: url("images/logo/17_on.png") 0 0 no-repeat;}
	
	#content_klienci .a18 a {background: url("images/logo/18.png") 0 0 no-repeat;}
	#content_klienci .a18 a:hover {background: url("images/logo/18_on.png") 0 0 no-repeat;}
	
	#content_klienci .a19 a {background: url("images/logo/19.png") 0 0 no-repeat;}
	#content_klienci .a19 a:hover {background: url("images/logo/19_on.png") 0 0 no-repeat;}
	
	#content_klienci .a20 a {background: url("images/logo/20.png") 0 0 no-repeat;}
	#content_klienci .a20 a:hover {background: url("images/logo/20_on.png") 0 0 no-repeat;}
	
	#content_klienci .a21 a {background: url("images/logo/21.png") 0 0 no-repeat;}
	#content_klienci .a21 a:hover {background: url("images/logo/21_on.png") 0 0 no-repeat;}
	
	#content_klienci .a22 a {background: url("images/logo/22.png") 0 0 no-repeat;}
	#content_klienci .a22 a:hover {background: url("images/logo/22_on.png") 0 0 no-repeat;}
	
	#content_klienci .a23 a {background: url("images/logo/23.png") 0 0 no-repeat;}
	#content_klienci .a23 a:hover {background: url("images/logo/23_on.png") 0 0 no-repeat;}
	
	#content_klienci .a24 a {background: url("images/logo/24.png") 0 0 no-repeat;}
	#content_klienci .a24 a:hover {background: url("images/logo/24_on.png") 0 0 no-repeat;}
	
	#content_klienci .a25 a {background: url("images/logo/25.png") 0 0 no-repeat;}
	#content_klienci .a25 a:hover {background: url("images/logo/25_on.png") 0 0 no-repeat;}
	

	
	
/* KONTAKT */
.naglowek_kontakt { position: relative; width:100%; height: 26px;top:50px;}
.formularz_naglowek { position:absolute; width: 219px; height: 26px;top:-45px;}
.mapa_naglowek { position: absolute; width: 219px; height: 26px;top:-50px; left:15px;}
#kontakt_dane {width:286px; height: 258px; position: relative; float: left; top:65px; background: url(images/kontakt_dane.png) no-repeat; font-size: 12px; line-height: 18px; padding-left: 30px; padding-top: 20px;}

#kontakt_formularz {position: relative; height: 100%; width:216px; float: left; top:70px; margin-left: 3px;}


.notification_error {
			border: 1px solid #ff9c00; 
			height: auto;
			width: 90%;
			padding: 4px;
			background: #000000;
			text-align: left;
			-moz-border-radius: 5px;
			position: relative;
			}
			
			.notification_ok
			{
			border: 1px #ff9c00 solid;
			height: auto;
			width: 90%;
			padding: 8px;
			background: #000000;
			text-align: center;
			-moz-border-radius: 5px;
			position: relative;

			}
			
			.info_fieldset { -moz-border-radius: 7px; border: 1px #dddddd solid; }
			
			.info_fieldset legend
			{
			border: 1px #dddddd solid;
			color: black; 
			
			font: 13px Verdana;
			
			padding: 2px 5px 2px 5px;
			-moz-border-radius: 3px;
			}
			
			.button
			{
			border: 0px ;text-indent: -3000px;	font: 11px Verdana, Helvetica, Arial, sans-serif;
			
		float: right; width: 94px; height: 31px; background: url(images/btn_wyslij.png)
			}
			
			/* Label */
			label {width: 140px; padding-left: 20px; margin: 5px; float: left; text-align: left;}
			
			/* Input, Textarea */
			input, textarea, textbox
			{
			margin: 5px;
			padding: 0px;
			float: left;
			
			border: 0px ;
			
			font: 11px Verdana, Helvetica, Arial, sans-serif;
			 color: #a8a8a8;
			
			}
			.textbox {width:216px; height: 28px;  background: url(images/textbox.png) no-repeat;padding-left: 8px;}
			.textarea {width:216px; height: 119px;  background: url(images/textarea.png) no-repeat; padding-left: 8px; padding-top: 5px;}

#kontakt_map {width: 352px; height:236px; background: url(images/kontakt_map.png) no-repeat; position: relative; float: left;margin-left: 20px; top:75px;}

#google_map {position: relative; margin-left: 27px; top:10px;}

/* AKTUALNOsCI */

#content_aktualnosci_rozszerzone {width:530px; height: 100%; position: relative; float: left; margin-top:60px; font-size: 12px; line-height: 20px;}
#content_aktualnosci_rozszerzone .date_and_header {width: 100%;position: relative; margin-bottom: 10px; height: 23px; margin-top: 10px;}
			#content_aktualnosci_rozszerzone .news_date {width: 102px; height:21px;position: relative; background: url(images/data2.png) no-repeat; float: left; color: d3d3d3; font-size:13px; text-align: center; margin-right: 7px;}
			#content_aktualnosci_rozszerzone .news_header {width: 235px ; height:19px ;position: relative; float: left; color:e7e7e7; font-size: 16px; }
			#content_aktualnosci_rozszerzone .news_content {width: 98%; height: 100%; position: relative;margin-left: 5px; overflow: hidden; }



#slider_aktualnosci {width: 520px; margin: 0 auto;  position: relative; padding 0;}
#slider_aktualnosci2 {width: 528px; margin: 0 auto;  position: relative; padding 0;}
#slider_aktualnosci .scroll { height: 310px; overflow: auto; position: relative;  clear: left;  padding 0;}
#slider_aktualnosci .scrollContainer div.panel {padding: 0px; height: 410px; width: 520px; }
#slider_aktualnosci .scrollButtons { position: relative; cursor: pointer;}
#slider_aktualnosci .scrollButtons.left {left: 180px; top:25px;}
#slider_aktualnosci .scrollButtons.right { right: -160px;  top:25px;}


#sidebar_news {position: relative; height: 100%; width:316px; float: left; top:70px; margin-left: 73px; top:60px; }
#sidebar_news  .kontakt {position: relative; height: 216px; width:100%; background: url(images/tlo_kontakt.png) no-repeat top right; }
#sidebar_news  .wybrane_z_portfolio {position: relative; height: 150px; width:295px; background: url(images/wybrane_portfolio_back.png) no-repeat  bottom right; }
#sidebar_news  .wybrana_realizcja {position: relative; margin-top: 11px; margin-left: 10px;}

#sidebar_archiwum {position: relative; height: 100%; width:346px; float: left; top:70px; margin-left: 53px; top:60px;}
#sidebar_archiwum .archiwum_newsow {position: relative; height: 293px; width:323px; background: url(images/archiwum_newsow_back.png) no-repeat top left; padding: 20px; overflow: hidden; top:5px; left: -5px; }


#scroll-pane { float:left;overflow: auto; width:263px; height:283px;position:relative; margin-left:5px; display:inline}
#scroll-content {position:absolute;top:0;left:0}
#slider-wrap{float:left;background-color:#414141;width:4px;border:1px solid gray;border-left:none; -moz-border-radius: 2px;border-radius: 2px; }
#slider-vertical{position:relative;height:100%}
.ui-slider-handle{width:4px;height:20px;margin:0 auto;background-color:#ff8a00;display:block;position:absolute; -moz-border-radius: 2px;border-radius: 2px;}

#scroll-content  ul li {border-bottom: 1px dotted #393939}
#scroll-content  ul {  line-height: 22px }
#scroll-content  ul a:link {color:#d5d5d5}
#scroll-content  ul a:visited {color:#d5d5d5; text-decoration: underline:none;}
#scroll-content  ul a:hover {color:#d77c1c}
#scroll-content  ul a:active {color:#d5d5d5}


/*REGULAMIN */
#regulamin {width: 520px; height: 100%;   position: relative; padding 0; overflow: visible;}



/* FOOTER */
#footer {width: 100%; height:96px;position: relative; }
	#footer .left { height:96px; float: left; position: relative; margin-top: 6px; width: 621px;}
		#nasze_marki {width: 55px; height: 63px; float: left; padding-top:10px; line-height: 18px; position: relative;  color: #bebebe;}
		#logo_ca {height: 63px; width: 134px; float: left; position: relative;}
		#logo_wa {height: 63px; width: 85px; float: left; position: relative;}
		#logo_od {height: 63px; width: 133px; float: left; position: relative;}
		#logo_em {height: 63px; width: 133px; float: left; position: relative;}
		#footer	.separator {width: 2px; height: 33px; background: url(images/menu_separator.png) no-repeat; position: relative; float: left; top:15px; }
	#footer .right {width: 200px; height:96px; float: right; right:75px; margin-top:20px; position: relative; font-size: 12px; width: 284px; color: #bebebe; line-height: 18px; text-align: right; }
	#footer a {color:#6b6b6b; text-decoration: underline; font-size: 11px;}
	
	
/* FACEBOOK */
	
	
	a.trigger{
	position: absolute;
	background:#88bbd4 url(images/plus.png) 6% 55% no-repeat;
	text-decoration: none;
	font-size: 16px;
	letter-spacing:-1px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#fff;
	
	font-weight: bold;
	width:36px;
	height:90px;
	display:block;
	
	z-index:2;
}
a.trigger.left {
	left: 0;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
a.trigger.right {
	right: 0;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}
a.trigger:hover {
	background-color:#59B;
}
a.active.trigger {
	background:#666 url(images/minus.png) 6% 55% no-repeat;
}
.panela {
	color:#CCC;
	position: absolute;
	display: none;
	background: #000000;
	width: 300px;
	height: auto;
	z-index:1;
}
.panela.left {
	left: 0;
	padding: 20px 30px 20px 100px;
	border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
	
}
.panela.right {
	right: 0;
	padding: 20px 50px 20px 20px;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-top-left-radius: 15px;
}
.panela p {
	font-size:11px;
}