@charset "utf-8";

#content{
	width:960px;
	float:left;
}

.content325{
	float:left;
	width:325px;
}
.content325{
	float:left;
	width:325px;
}

.content310{
	float:left;
	width:310px;

}

/* --- NEWS ROTATOR --- */ 

#panelNews {					
	width:305px;
	margin:0 20px 0 0;

}
#panelNews div div { 
	overflow: hidden; 
	height:179px; 
	width:305px; 
}

#numberRot {
	display: block;
	width:293px;	
	background-color:#e4e4e4;
	padding:6px 6px;
	text-align:left;
}
#numberRot * {
	display: inline;
	padding:6px 6px;
	/*user-select: none;*/
	cursor: pointer;
	margin-right:0px;
}

a.showNews{
	float:right;
	margin:3px 20px 0 0;
	font-size:1.1em;
	color:blue;
}

a.showProduct{
	float:right;
	font-size:0.9em;
	margin-right:10px;
}

/*ul#buttons{
	background-color:#d7dbe2;
	display:block;
	text-align:right;
}*/

#numberRot li.active {
	background-color:#fff;
	color:#2f5f8e;

}		
		
#previous { float: none; cursor: pointer; }
#next { float: none; cursor: pointer; }


containerRotator{
	float:left;
	text-align:left;
	width: 305px;
	margin:0 20px 0 0;	
}

#rotator {
	position: relative;
	overflow: hidden;
	width: 305px;
	height: 242px;
	margin:0;
	text-align:right;
}

#rotator_content {
	position: absolute;

	width: 2745px; /*szerokosc obrazka * 3 * n*/
	top:0;
	margin-left:0;
}


#containerRotator #rotator li {
	float: left;
	list-style: none;
	width:305px;
	height:235px;
	text-align:left;
}

#containerRotator #rotator ul li a {
	display:block;
}

#rotator_frame {
	position: relative;
}
#containerRotator #rotator_frame ul {
	background-color:#e4e4e4; 
	display:block;
	text-align:right;
	float:left;
	width: 305px;	
}
#containerRotator #rotator_frame ul li {
	list-style: none;
	float:left;
	padding:6px 4px;
	margin-left:5px;
}

#containerRotator #rotator_frame ul li a{
	color:#000;
	text-decoration:none;
}
#containerRotator #rotator_frame ul li.active {
	background-color:#fff;
}
#containerRotator #rotator_frame ul li.active a {
	color:#2f5f8e;
}
#containerRotator #rotator_frame ul li img{
	border: 1px solid #9cf;
	padding: 2px;
}


#containerRotator #rotator_frame ul li img:hover {border: 1px solid #369;}
#rotator_trigger {
	display:none;
}
form{
	float:left;
	margin:0;
}
li.rotator_item h3 a{
	color:#2f5f8e;
	text-decoration:none;
	font-size:0.9em;		
}

/* --- OFFER --- */ 

ul#offer{	
 margin:8px 0 0 5px;
}
ul#offer li{
 float:left;
 list-style:none;
}

ul#offer li a.offer {
 float:left;
 text-decoration:none;          
 width:305px;
 height:52px;
 color:#000;
}
ul#offer li a.offer:hover { 
 color:#2f5f8e;
}

strong.offer{
	display:block;
 	margin:11px 5px 2px 65px;
 	font-size:1.3em; 	
 	color:#2f5f8e;
	letter-spacing:-0.00em;
	font-family:tahoma, Arial, Helvetica, sans-serif;

}
ul#offer li a.offer:hover strong.offer {
	color:#2f5f8e;
}
i.offer {
	margin:0 5px 0 65px;
 	font-size:1.1em;
	font-style:normal;
	/*color:#2f5f8e;*/
	color:#666;
}

ul#offer li a.offer:hover i.offer {
	color:blue;
}

ul#offer li a.sites_www{
	background:url(../images/sites_www.gif) 0 100% no-repeat; 
}
ul#offer li a.sites_www:hover {
	background:url(../images/sites_www.gif) 0 0 no-repeat;
}

ul#offer li a.e_commerce{
	background:url(../images/e_commerce.gif) 0 100% no-repeat; 
}
ul#offer li a.e_commerce:hover {
	background:url(../images/e_commerce.gif) 0 0 no-repeat;
}

ul#offer li a.systems_it{
	background:url(../images/systems_it.gif) 0 100% no-repeat; 
}
ul#offer li a.systems_it:hover {
	background:url(../images/systems_it.gif) 0 0 no-repeat;
}

ul#offer li a.multimedia{
	background:url(../images/multimedia.gif) 0 100% no-repeat; 
}
ul#offer li a.multimedia:hover {
	background:url(../images/multimedia.gif) 0 0 no-repeat;
}

ul#offer li a.i_d{
	background:url(../images/i_d.gif) 0 100% no-repeat; 
}
ul#offer li a.i_d:hover {
	background:url(../images/i_d.gif) 0 0 no-repeat;
}
ul#clients li{
	display:inline;	
	width:20px;
	float:left;
}
ul#clients li a {
	float:left;
	text-decoration:none;
	margin-top:2px;
	margin-right:3px;
}


/* ---  --- */ 

.content450a{
	float:left;
	width:450px;
	margin-right:18px;	
	
}
.content450b{
	float:left;
	width:450px;
	margin-right:0;
	border-left:1px solid #e3e2e2;
	border-right:1px solid #e3e2e2;
	border-bottom:1px solid #e3e2e2;
	padding:0 20px;
	color:#000;
}
.companyPhoto{
	float:left;
	padding:5px 0;
	width: 450px;
}
