/* commented backslash hides from ie5mac \*/ 
html{
	height:100%;
	margin:0;
	padding:0
	background:#f8f8f8 url(images/tusso_02.jpg) repeat-x left top;   
} 
/* end hack */ 
html,body {
	padding:0;
	margin:0;
font-size: 13px;
/*font-family: Arial,Tahoma,Verdana,Helvetica,sans-serif;   */
/*font-family: "Trebuchet MS", verdana, sans-serif;   */
font-family: Tahoma, Arial, Verdana, Sans-Serif;
color:#4c4d4e;
background:#f8f8f8 url(images/tusso_02.jpg) repeat-x left top;
/*font-family:Arial, Helvetica, sans-serif;    */
line-height:16px;
}

body{	
	text-align:left;
	min-width:1000px;/* for mozilla*/
	height:100%;
	background:url(images/bg_html3.html) repeat-x left top;

}

#maincontainer{
width: 980px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
width:980px;
height: 117px; /*Height of top section*/
background:#f8f8f8 url(images/tusso2_04.png) repeat-x left top;
}

#jezyk{
position:absolute;
float:right;
margin-left:900px;
width:100px;
}

#topmenu{
width:980px;
height: 58px; /*Height of top section*/
background:#f8f8f8 url(images/tusso_06.jpg) repeat-x left top;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{

margin-right:345px;
}

#rightcolumn{
float: left;
width: 345px; /*Width of right column*/
margin-left: -335px; /*Set left margin to -(RightColumnWidth) */

}


#firma_main{
width:300px;float:left;padding:10px;
-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;border:1px solid #CCCCCC;
/*background:#ffffff url(images/bg_corner.png) repeat-x left top;  */
height:330px; 
background-color:#ffffff;

}

#firma_main h2{
font-family: 'PT Sans Narrow', serif;
font-size: 18px;
color: #4c4d4b;
padding-top:0px;
font-weight:normal;
}

#firma_main a{
color: #016793;
text-decoration:none;
font-weight:normal;
}

#referencje{
width:100%;
padding:0px;
border-top:1px solid#cccccc;
}

#ref_foto{
width:90px;
float:left;
height:80px;
border-right:1px solid#cccccc;
margin-right:8px;
}

#tresc_ref{
height:80px;
}

#tresc_ref h3{
font-size:15px;
font-weight:bold;
}

#up2_main{
width:280px;float:right;padding:10px;
-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;border:1px solid #CCCCCC;
/*background:#ffffff url(images/bg_corner.png) repeat-x left top;   */
height:330px;
background-color:#ffffff;
}


#up2_main h2{
font-family: 'PT Sans Narrow', serif;
font-size: 18px;
color: #4c4d4b;
padding-top:0px;
} 

#partnerzy{
clear: left;
width: 980px;
border-top:1px dotted #cccccc;
height:120px;
}



#partnerzy h2{
font-family: 'PT Sans Narrow', serif;
font-size: 18px;
color: #808080;
padding-top:0px;
}


#up2_main a{
color: #016793;
text-decoration:none;
font-weight:normal;
}

#footer{
clear: left;
width: 980px;
border-top:1px solid #cccccc;
font-size:11px;
color:#a6a6a6;
padding:8px;
}

#separ_footer{
clear: left;
width: 980px;
height:10px;
}

#footer a{
color: #666666;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
} 

.ddsmoothmenu{

width: 980px;
margin-left:0px;
border:0px solid  #cccccc;
height:56px;
 
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;


  }

.ddsmoothmenu img{
border:0px;
behavior: url(iepngfix.html);         `
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;

}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
background:url(images/menu_separ.png) no-repeat right;
height:46px;
padding-top:10px;


}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
font-family: 'PT Sans Narrow', serif;
font-size: 16px;
padding-left:10px;
padding-right:10px;
color: #ffcc00;
text-decoration: none;
border-right:0px dotted #cccccc;
padding-top: 14px;
height:32px;


}

.ddsmoothmenu ul li a img{
padding-top:12px;
border:0px;
}


* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #ffffff;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/

}

.ddsmoothmenu ul li a:hover{
background:url(images/arrow_menu2.jpg) no-repeat center bottom;
color: #ffffff;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
margin-top:2px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
margin-top: 0px;

}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
margin-top: 0px;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font-size:12px;
width: 200px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-top: 1px solid #494848;
height:18px;
line-height:18px;  
background: #373737; /*background of menu items during onmouseover (hover state)*/
color: #ffffff;  
font-family:Arial, Helvetica, sans-serif;  
margin-top:0px;
 
}

.ddsmoothmenu ul li ul li a:hover{
font-size:12px;
width: 200px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-top: 1px solid #494848;
height:18px;
line-height:18px;  
background: #3c3a3a; /*background of menu items during onmouseover (hover state)*/
color: #ffffff;  
 
}

.ddsmoothmenu ul li ul li a img{
padding-top:0px; 
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


.downarrowclass{
position: absolute;
top: 12px;
right: 0px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 0px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

/* SLIDER

#slider1 {
    width: 720px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important 
}

#slider1Content {
    width: 720px; /* important to be same as image width or wider 
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;}

*/


#rotator{
width:980px;
height:320px;

}

/*Top level menu link items style*/


#featured{ 
	width:632px; 
/*	padding-right:250px;   */
	position:relative; 
	height:320px; 
	background:#fff;
	overflow:hidden;
	margin-top:10px;
	-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border:1px solid #CCCCCC;
  background-color:#FFFFFF;
  -webkit-box-shadow: #D1D1D1 1px 1px 1px;
  -moz-box-shadow: #D1D1D1 1px 1px 1px;
  box-shadow: #D1D1D1 1px 1px 1px;
  float:left;
	
}
#featured h2{
 font-family: 'Oswald', sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
  font-style:normal;
  letter-spacing: 0em;
  word-spacing: 0em;
text-shadow:#000000 0px 0px 0px;
color:#ffffff;
padding-top:5px;
margin-top:0px;
margin-bottom:0px;
}
	
	
	#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:250px; left:0px; 
	list-style:none; 
	padding:0; margin:0; 
	width:632px; 
	z-index:99;
	background:url(images/overlay_top.png) repeat left top;
	height:70px;
	-webkit-border-radius: 0px 0px 6px 6px;-moz-border-radius: 0px 0px 6px 6px;border-radius: 0px 0px 6px 6px;
	border-top:2px solid #ff6600;
		
}

#featured ul.ui-tabs-nav li{ 
	padding:0px; padding-left:0px;  
	font-size:12px; 
	color:#FFFFFF; 
	border-right:0px solid #464645;
	margin-top:0px;
	display: inline-block;   

}

#featured ul.ui-tabs-nav li a{ 
	color:#FFFFFF; 
	text-decoration:none;
	display: inline-block;   
}

#featured ul.ui-tabs-nav li img{ 
	float:left; /*margin:2px 5px;   */
	padding:0px; 
	border:0px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:14px; 
	line-height:18px; 
	font-family: 'PT Sans Narrow', serif;

}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:70px; 
	text-shadow:#000000 1px 1px 1px;
	width:155px;      
	
}
#featured li.ui-tabs-nav-item a:hover{ 
     
}
#featured li.ui-tabs-selected{ 
display:block; 
	height:70px; 
	line-height:14px;
	text-shadow:#000000 0px 0px 0px;
	width:155px; 
	

}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
/*background:#5f6060;   */
text-shadow:#000000 0px 0px 0px;
background:#ff6600;

}

#featured ul.ui-tabs-nav li.ui-tabs-selected h2{ 
  
text-shadow:#000000 0px 0px 0px;
}

#featured .ui-tabs-panel{ 
	width:640px; height:320px; 
  position:relative;
  	-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color:#FFFFFF;
	   	
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:200px; left:5px; 
	height:40px; 
	background:url(images/overlay_top.png) repeat left top;
	color:#ffffff;
	width:600px;
}
/*#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:0px; margin:0;
	overflow:hidden;    */
}
#featured .info p{ 
	font-size:12px; 
	line-height:15px; color:#ffffff;
	padding:10px;
	text-transform: uppercase;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
margin-left: 10px;
margin-top: 10px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
padding-left:25px;
}

.shadetabs li{
display:inline-block;
margin: 0;
margin-left:14px;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
color: #cccccc;
width:100px;
height:26px;
display:inline-block;
line-height:26px;
padding-left:10px;
-webkit-border-radius: 6px 6px 0px 0px;-moz-border-radius: 6px 6px 0px 0px;border-radius: 6px 6px 0px 0px;border:1px solid #CCCCCC;

}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.html);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

#countrydivcontainer{
width:310px;
height:270px;
-webkit-border-radius: 0px 6px 6px 6px;-moz-border-radius: 0px 6px 6px 6px;border-radius: 0px 6px 6px 6px;border:1px solid #CCCCCC;-webkit-box-shadow: #B3B3B3 1px 1px 1px;-moz-box-shadow: #B3B3B3 1px 1px 1px; box-shadow: #B3B3B3 1px 1px 1px;
float:right;
padding:10px;
overflow:hidden;
background:#ffffff url(images/bg_corner.png) repeat-x left bottom; 
}

.container_tab {width: 335px; margin-top:10px; float:right;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 30px;
	border-bottom: 1px solid #ccc;
	border-left: 0px solid #ccc;
	width: 100%;

}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
	border: 0px solid #ccc;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
	width:134px;
	
	
}
ul.tabs li a {
	text-decoration: none;
	color: #4b4a4a;
	display: block;
	font-size: 14px;
	font-weight:normal;
	padding: 0 8px;
	border-bottom: 1px solid #fff;
	outline: none;
	background:  url(images/zakladka.jpg) no-repeat left top ;

}
ul.tabs li a:hover {
	background: #ccc;
	background:  url(images/zakladka_over2.jpg) no-repeat left top ;
	color: #000000;

}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	
	border-bottom: 1px solid #fff;
	color:#000000;
	background: #ffffff url(images/zakladka_over2.jpg) no-repeat left top ;
}
.tab_container {
	border: 1px solid #ccc;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff; 
  margin-bottom:10px; 
-webkit-border-radius: 0px 0px 6px 6px;-moz-border-radius: 0px 0px 6px 6px;border-radius: 0px 0px 6px 6px;
height:290px;
overflow:hidden; 
background:#ffffff; 
}
.tab_content {
	padding: 5px;
	font-size: 12px;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #016793;
	text-decoration:none;
	
}



.tab_content h3{
	color: #016793;
	font-size:15px;
	text-decoration:none;
	border-bottom:1px dotted #cccccc;
	diplay:block;
	padding-bottom:3px;
	width:100%;

}

.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

.data_news{
 	background:url(images/icon_data.png) no-repeat left top ;
 	color:#cccccc;
 	font-size:11px;
 	padding-left:20px;
   }



#featured-t{ 
	width:335px; 
/*	padding-right:250px;   */
	position:relative; 
	height:220px; 
	background:#fff;
	overflow:hidden;
	margin-top:10px;
	-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border:1px solid #CCCCCC;
  background-color:#FFFFFF;
  float:left;
	
}
#featured-t h2{
 font-family: 'Oswald', sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
  font-style:normal;
  letter-spacing: 0em;
  word-spacing: 0em;
text-shadow:#000000 0px 0px 0px;
color:#ffffff;
padding-top:5px;
margin-top:0px;
margin-bottom:0px;
}
	
	
	#featured-t ul.ui-tabs-nav-t{ 
	position:absolute; 
	top:0px; left:0px; 
	list-style:none; 
	padding:0; margin:0; 
	width:335px; 
	z-index:99;
	height:24px;
	border-bottom:2px solid #ff6600;
		
}

#featured-t ul.ui-tabs-nav-t li{ 
	padding:0px; padding-left:0px;  
	font-size:12px; 
	color:#FFFFFF; 
	border-right:0px solid #464645;
	margin-top:0px;
	display: inline-block;   

}

#featured-t ul.ui-tabs-nav-t li a{ 
	color:#FFFFFF; 
	text-decoration:none;
	display: inline-block;   
}

#featured-t ul.ui-tabs-nav-t li img{ 
	float:left; /*margin:2px 5px;   */
	padding:0px; 
	border:0px solid #eee;
}
#featured-t ul.ui-tabs-nav-t li span{ 
	font-size:14px; 
	line-height:18px; 
	font-family: 'PT Sans Narrow', serif;

}
#featured-t li.ui-tabs-nav-item-t a{ 
	display:block; 
	height:24px; 
	text-shadow:#000000 1px 1px 1px;
	width:20px;      
	
}
#featured-t li.ui-tabs-nav-item-t a:hover{ 
     
}
#featured-t li.ui-tabs-selected-t{ 
display:block; 
	height:24px; 
	line-height:14px;
	text-shadow:#000000 0px 0px 0px;
	width:20px; 
	

}
#featured-t ul.ui-tabs-nav-t li.ui-tabs-selected-t a{ 
/*background:#5f6060;   */
text-shadow:#000000 0px 0px 0px;
background:#ff6600;

}

#featured-t ul.ui-tabs-nav-t li.ui-tabs-selected-t h2{ 
  
text-shadow:#000000 0px 0px 0px;
}

#featured-t .ui-tabs-panel-t{ 
	width:335px; height:220px; 
  position:relative;
  background-color:#FFFFFF;
	   	
}
#featured-t .ui-tabs-panel-t .info{ 
	position:absolute; 
	top:40px; left:5px; 
	height:150px; 
	color:#ffffff;
	width:300px;
}
/*#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:0px; margin:0;
	overflow:hidden;    */
}
#featured-t .info-t p{ 
	font-size:12px; 
	line-height:15px; color:#000000;
	padding:10px;
	text-transform: uppercase;
}
#featured-t .info-t a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured-t .info-t a:hover{ 
	text-decoration:underline; 
}
#featured-t .ui-tabs-hide-t{ 
	display:none; 
}

#pierwsza_zastosowanie h2{
font-size: 18px;
color: #016793;
border-bottom:0px solid #cccccc;
padding-bottom:10px;
background:#ffffff url(images/h2_bg.png) repeat-x left bottom; 
font-weight:bold;   
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  padding-top:10px;
  margin-top:10px;
}

#pierwsza_zastosowanie{
padding-top:10px;
padding-bottom:20px;
}

#zas_roletki{
background:#ffffff url(zastosowanie/roletki_mat.jpg) no-repeat left top; 
display:block;
float:left;
width:90px;
height:90px;
margin-right:20px;
}

#zas_rolety{
background:#ffffff url(zastosowanie/rolety_icon.jpg) no-repeat left top; 
display:block;
float:left;
width:90px;
height:90px;
margin-right:20px;
}

#zas_screeny{
background:#ffffff url(zastosowanie/screen_icon.jpg) no-repeat left top; 
display:block;
float:left;
width:90px;
height:90px;
margin-right:20px;
}

#zas_bramrol{
background:#ffffff url(zastosowanie/bramrol_icon.jpg) no-repeat left top; 
display:block;
float:left;
width:90px;
height:90px;
margin-right:20px;
}

#zas_markizy{
background:#ffffff url(zastosowanie/markizy_icon.jpg) no-repeat left top; 
display:block;
float:left;
width:90px;
height:90px;
margin-right:20px;
}

#zas_weneckie{
background:#ffffff url(zastosowanie/weneckie_icon.jpg) no-repeat left top; 
display:block;
float:left;
width:90px;
height:90px;
margin-right:20px;
}

#main_main{
padding-bottom:20px;
}