/* RESET */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
  background: #fff; 
  margin:1.5em 0;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* TYPOGRAPHY */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px)  11px - 69%*/
body { 
  font-size: 75%;
  color: #222; 
  font-family: Tahoma, Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 2em; line-height: 1; margin-bottom: 1em; }
h2 { font-size: 1.5em; margin-bottom: 1em; }
h3 { font-size: 1.3em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; margin-top: 2.75em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
/*p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }*/

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* FORMS */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 220px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }
select        { width:220px; }




/* DEFAULTS */

body{
	margin: 0;
	color: #d3d3d3;
	background: #2f2f2f url(images/background.jpg) repeat-x;
	min-width: 980px;
}
a{
	color: #e92c34;
	text-decoration:none;
}
a:hover, a.selected{
	text-decoration:underline;
}
hr{
	color: #292929;
}
.wiecej{
	background: url(images/arrow_more.gif) no-repeat 100% 3px;
	padding-right:15px;
}
.box_left{
	float: left;
}
.box_right{
	float: right;
}

#billboard_wrapper{
	height: 100px;
	width: 980px;
	background-color: #1E1E1E;
	position: relative;
	margin: 10px auto;
	overflow: hidden;
}
#billboard_title{
	display: block;
	height: 100px;
	width: 230px;
	float: left;
	line-height: 100px;
	text-align: center;
}

/* LAYOUT */
#top{
	height: 74px;
	width: 980px;
	margin: auto;
	background: url(images/top.gif);
	position: relative;
}
#home{
	height: 74px;
	width: 252px;
	margin: auto;
	background: url(images/logo.gif);
	position: absolute;
	text-indent: -1000px;
	overflow: hidden;
}
#menu{
	height: 74px;
	width: 660px;
	left: 290px;
	position: absolute;
}
#menu_top{
	height: 30px;
	margin: 6px 0;
}
#menu_top a{
	display: block;
	float: left;
	height: 30px;
	text-indent: -1000px;
	overflow: hidden;
	margin-right: 10px;
}
#firma_pl{ background: url(images/menu/PL/m1_pl.gif); width: 70px; }
#firma_pl:hover, #firma_pl.selected{ background: url(images/menu/PL/m1-on_pl.gif); }
#oferta_pl{ background: url(images/menu/PL/m2_pl.gif); width: 83px; }
#oferta_pl:hover, #oferta_pl.selected{ background: url(images/menu/PL/m2-on_pl.gif); }
#realizacje_pl{ background: url(images/menu/PL/m3_pl.gif); width: 108px; }
#realizacje_pl:hover, #realizacje_pl.selected{ background: url(images/menu/PL/m3-on_pl.gif); }
#press-room_pl{ background: url(images/menu/PL/m4_pl.gif); width: 120px; }
#press-room_pl:hover, #press-room_pl.selected{ background: url(images/menu/PL/m4-on_pl.gif); }
#kontakt_pl{ background: url(images/menu/PL/m5_pl.gif); width: 89px; }
#kontakt_pl:hover, #kontakt_pl.selected{ background: url(images/menu/PL/m5-on_pl.gif); }
#strefa-klienta_pl{ background: url(images/menu/PL/m6_pl.gif); width: 124px; }
#strefa-klienta_pl:hover, #strefa-klienta_pl.selected{ background: url(images/menu/PL/m6-on_pl.gif); }

/*---en----*/
#firma_en{ background: url(images/menu/EN/m1_en.gif); width: 96px; }
#firma_en:hover, #firma_en.selected{ background: url(images/menu/EN/m1-on_en.gif); }
#oferta_en{ background: url(images/menu/EN/m2_en.gif); width: 67px; }
#oferta_en:hover, #oferta_en.selected{ background: url(images/menu/EN/m2-on_en.gif); }
#realizacje_en{ background: url(images/menu/EN/m3_en.gif); width: 94px; }
#realizacje_en:hover, #realizacje_en.selected{ background: url(images/menu/EN/m3-on_en.gif); }
#press-room_en{ background: url(images/menu/EN/m4_en.gif); width: 118px; }
#press-room_en:hover, #press-room_en.selected{ background: url(images/menu/EN/m4-on_en.gif); }
#kontakt_en{ background: url(images/menu/EN/m5_en.gif); width: 86px; }
#kontakt_en:hover, #kontakt_en.selected{ background: url(images/menu/EN/m5-on_en.gif); }
#strefa-klienta_en{ background: url(images/menu/EN/m6_en.gif); width: 135px; }
#strefa-klienta_en:hover, #strefa-klienta_en.selected{ background: url(images/menu/EN/m6-on_en.gif); }
/*----en----*/

/*LEFT BANNER*/
h2.trend_micro{
	line-height: 1.1em;
}

/*LEFT BANNER END*/

#menu_sub{
	clear: left;
	padding: 7px 17px;
	color: #313131;
}
#menu_sub a{
	color: #313131;
	font-family: Arial, sans-serif;
}
#menu_sub a.selected{
	color: #e92c34;
	text-decoration: none;
}
#menu_sub a.selected:hover{
	text-decoration: underline;
}

#offer_pl,
#offer_en{
	height: 172px;
	width: 980px;
	margin: auto;
	background: url(images/menu_iko_pl.gif);
	position: relative;
}
#offer_top{
	padding-left: 11px;
}
#offer_top a{
	display: block;
	float: left;
	height: 150px;
	width: 137px;
	text-indent: -1000px;
	overflow: hidden;
}
#offer_en{
	background: url(images/menu_iko_en.gif);
}

#over1_pl:hover, #over1_pl.selected{ background: url(images/over1_pl.gif); }
#over2_pl:hover, #over2_pl.selected{ background: url(images/over2_pl.gif); }
#over3_pl:hover, #over3_pl.selected{ background: url(images/over3_pl.gif); }
#over4_pl:hover, #over4_pl.selected{ background: url(images/over4_pl.gif); }
#over5_pl:hover, #over5_pl.selected{ background: url(images/over5_pl.gif); }
#over6_pl:hover, #over6_pl.selected{ background: url(images/over6_pl.gif); }
#over7_pl:hover, #over7_pl.selected{ background: url(images/over7_pl.gif); }

/*-------en------*/
#over1_en:hover, #over1_en.selected{ background: url(images/over1_en.gif); }
#over2_en:hover, #over2_en.selected{ background: url(images/over2_en.gif); }
#over3_en:hover, #over3_en.selected{ background: url(images/over3_en.gif); }
#over4_en:hover, #over4_en.selected{ background: url(images/over4_en.gif); }
#over5_en:hover, #over5_en.selected{ background: url(images/over5_en.gif); }
#over6_en:hover, #over6_en.selected{ background: url(images/over6_en.gif); }
#over7_en:hover, #over7_en.selected{ background: url(images/over7_en.gif); }
/*-------en------*/

#breadcrumbs{
	clear: left;
}
#breadcrumbs #lang_pl,
#breadcrumbs #lang_en{
	width: 19px;
	height: 14px;
	text-indent: -200px;
	overflow: hidden;
	float: right;
	margin-right: 10px;
	margin-top: 3px;
}
#lang_en{background: url(images/flagi/en.gif) no-repeat;}
#lang_en:hover{background: url(images/flagi/en_on.gif) no-repeat;}
#lang_pl{background: url(images/flagi/pl.gif) no-repeat;}
#lang_pl:hover{background: url(images/flagi/pl_on.gif) no-repeat;}

#content{			/* 980px */
	width: 980px;
	margin: auto;
	background-color: #3E2F2F;
}
#left{				/* 214px */
	width: 214px;
	float: left;
	margin-right: 3px;
	font-size: 11px;
}
#left > div{
	background: #3c3c3c;
	margin-bottom: 3px;
	padding: 15px;
}
#menu_left a{
	color: #D3D3D3;
	font-size: 13px;
	font-family: Arial, sans-serif;
}
#menu_left a.selected{
	color: #e92c34;
	text-decoration: none;
}
#menu_left a.selected:hover{
	text-decoration: underline;
}

#main{				/* 763px */
	width: 703px;
	float: left;
	margin: 0;
	background: #3c3c3c;
	padding: 30px;
}
#clear{
	clear: both;
}


#footer{
	width: 980px;
	margin: auto;
	height: 20px;
	background: url(images/footer.gif);
	text-align: center;
	color: #3c3c3c;
	font-size: 11px;
	padding: 8px 0;
}

/* HEADERY PODSTRON*/
/*firma*/
body.lsb_misja #main{ background: url(../../photos/podstrony-obrazki/lsb_misja.jpg) #3C3C3C no-repeat; padding-top: 280px;}
body.lsb_misja_en #main{ background: url(../../photos/podstrony-obrazki/lsb_misja_en.jpg) #3C3C3C no-repeat; padding-top: 280px;}
body.polityka_jakosci #main{ background: url(../../photos/podstrony-obrazki/polityka_jakosci.jpg) #3C3C3C no-repeat; padding-top: 130px;}
body.zespol #main{ background: url(../../photos/podstrony-obrazki/zespol.jpg) #3C3C3C no-repeat; padding-top: 130px;}
body.certyfikaty #main{ background: url(../../photos/podstrony-obrazki/certyfikaty.jpg) #3C3C3C no-repeat; padding-top: 130px;}
body.historia #main{ background: url(../../photos/podstrony-obrazki/historia.jpg) #3C3C3C no-repeat; padding-top: 130px;}
body.praca #main{ background: url(../../photos/podstrony-obrazki/praca.jpg) #3C3C3C no-repeat; padding-top: 130px;}
/*oferta*/
body.tech_internetowe #main{ background: url(../../photos/podstrony-obrazki/tech_internetowe.jpg) #3C3C3C no-repeat; padding-top: 130px;}
body.uslugi #main{ background: url(../../photos/podstrony-obrazki/uslugi.jpg) #3C3C3C no-repeat; padding-top: 130px;}
body.oprogramowanie #main{ background: url(../../photos/podstrony-obrazki/oprogramowanie.jpg) #3C3C3C no-repeat; padding-top: 130px;}
body.szkolenia #main{ background: url(../../photos/podstrony-obrazki/szkolenia.jpg) #3C3C3C no-repeat; padding-top: 130px;}
body.audyty #main{ background: url(../../photos/podstrony-obrazki/audyty.jpg) #3C3C3C no-repeat; padding-top: 130px;}
body.bezpieczenstwo #main{ background: url(../../photos/podstrony-obrazki/bezpieczenstwo.jpg) #3C3C3C no-repeat; padding-top: 130px;}
body.infrastruktura #main{ background: url(../../photos/podstrony-obrazki/infrastruktura.jpg) #3C3C3C no-repeat; padding-top: 130px;}
/*realizacje*/
body.outsourcing #main{ background: url(../../photos/podstrony-obrazki/outsourcing.jpg) #3C3C3C no-repeat; padding-top: 130px;}
body.oprogr-dedykowane #main{ background: url(../../photos/podstrony-obrazki/oprogr-dedykowane.jpg) #3C3C3C no-repeat; padding-top: 130px;}
body.grafika-reklama #main{ background: url(../../photos/podstrony-obrazki/grafika-reklama.jpg) #3C3C3C no-repeat; padding-top: 130px;}
/*press-room*/
body.press-room #main{ background: url(../../photos/podstrony-obrazki/press-room.jpg) #3C3C3C no-repeat; padding-top: 130px;}
/*strefa-klienta*/
body.strefa_ankieta #main{ background: url(../../photos/podstrony-obrazki/strefa_ankieta.jpg) #3C3C3C no-repeat; padding-top: 130px;}
body.strefa_logowanie #main{ background: url(../../photos/podstrony-obrazki/strefa_logowanie.jpg) #3C3C3C no-repeat; padding-top: 130px;}
body.strefa_pliki #main{ background: url(../../photos/podstrony-obrazki/strefa_pliki.jpg) #3C3C3C no-repeat; padding-top: 130px;}


/* KONIEC HEADERY PODSTRON*/



/* Slide Show */

.sShowBox{
	height:177px; 
	width:763px; 
	position:relative;
}

div.tmpSlide {  
       position: absolute;  
       top: 0;  
       left: 0;  
      display: none;  
   }  
   div.tmpSlide img {  
       float: left;  
       margin: 30px 0 0 15px;  
       width: 527px;  
       border: 1px solid rgb(244, 244, 244);  
   }  
   div.tmpSlideshowControls {  
       position: absolute;  
       top:0px; 
       right: 0px;  
       font-family:arial regular;
       font-size:11px;
       background-color:#2f2f2f;
       height:23px;
   }  
   
     div.tmpSlideshowControls_en {  
        
       
   }  
   /*div.tmpSlideshowControl {   
       border: 1px solid #e1dece;  
       float: left;  
       margin: 0 5px 0 0;  
       background: url('/Template/Pictures/Buttons/Feature.png?hFileLastModified=1250265811') no-repeat;  
       width: 13px;  
       height: 13px;  
       color: #554d31;  
       font: 9px Arial, sans-serif;  
       text-align: center;  
       cursor: pointer;  
   }  */
   
   div.tmpSlideshowControl {
   		color:#ababab;
   		background-color:#000000;   		
   		float: left;
   		margin: 5px 0 0 6px;
   		text-align: center;  
       	cursor: pointer;  
       	width: 13px;  
       	height: 13px;  
   }
   div.tmpSlideshowControl span {  
      line-height: 13px;
      vertical-align: middle;  
      align:center;
      width:100%;
  }  
  div.tmpSlideshowControlOn {  
       background-image: url('/Template/Pictures/Buttons/FeatureOver.png?hFileLastModified=1250265809');  
   }  
   div.tmpSlideshowControlActive {  
   	   background-color:#5b5b5b;
   	   color:#000000;         
   }  
   div.tmpSlideCopy {  
       position: absolute;      
       width: 740px;  
   }  
   div#tmpSlideshow h4 {  
       color: #b90f23;  
       text-transform: uppercase;  
       font: 14px Arial, sans-serif;  
       margin: 10px 0;  
   }  
   div.tmpSlideCopy p {  
       font: 11px Arial, sans-serif;  
       line-height: 1.75em;  
   } 
   
   div.sShowNews{	
		height:177px;
		_height:177px;
		width:763px;
	}   
	
	
	div#banner_1_en{
		background:transparent url(images/sshow/xmas_2009_en.jpg) no-repeat scroll 0 0;
   }
	
   div#banner_2_en{
		background:transparent url(images/sshow/banner_tel_en.gif) no-repeat scroll 0 0;
   }
   
   
   div#banner_1_pl{
		background:transparent url(images/sshow/banner_konf_serw.jpg) no-repeat scroll 0 0;
		/*background:transparent url(images/sshow/banner_logi2010.jpg) no-repeat scroll 0 0;*/
		/*background:transparent url(images/sshow/banner_logi2010_2.jpg) no-repeat scroll 0 0;*/
   }
   
   div#banner_1_pl .textBox {
		left: 500px;
		position: relative;
		top: 145px;
		width: 80px;
		display: block;
		text-align: right;
   }
   div#banner_1_pl .textBox a{
		color: #C20073;
		text-decoration: none;
   }
   div#banner_1_pl .textBox a:hover{
		color: #000000;
		text-decoration: underline;
   }	
   
	div#banner_2_pl{
		background:transparent url(images/sshow/trend_micro_banner_pl.jpg) no-repeat scroll 0 0;
   }
   
   div#banner_2_pl .textBox{
	   left:164px;
		position:relative;
		top:65px;
		width:450px;
	}
	
	div#banner_2_pl a.linkBox{
		display:block;
		position:relative;
		top:15px;
	}
   
   div#banner_3_pl{
		background:transparent url(images/sshow/banner_tel_pl.gif) no-repeat scroll 0 0;
   }
   
   div#banner_2_en .textBox, div#banner_3_pl .textBox{
		left:164px;
		position:relative;
		top:70px;
		width:450px;
   }
   
   .sShowBar{
		background: #3E2F2F;
		height: 3px; 
		font-size:3px;
   }
   
   
   /* Trend Micro Page */
	
	
   
   .trendMicrosubPage h3, .trendMicrosubPage span{
		margin:0px;
		margin-bottom:10px;
   }
   
   .trendMicrosubPage h3{
		
		margin-top:10px;
   }
   
.form_block{
	display: block;
	float: left;
	clear: both;
	margin-top: 10px;
	width: 320px;
}

.block_title{
	margin-right: 20px;
	width: 100px;
	display: block;
	float: left;
}

.block_content{
	display: block;
	float: left;
	width: 200px;
}

.carlo_radio{
	margin-left: 13px;
}

.block_content .fixed_size{
	width: 180px;
	display: block;
	float: right;
}
   
.soloplan_graphic{
	width: 700px;
	height: 229px;
	/*width: 700px;
	height: 162px;*/
	display: block;
	float: left;
	margin-bottom: 10px;
	background-image: url(images/zaprosz_na_stronie.jpg);
	/*background-image: url(images/zaprosz_na_stronie_2.jpg);*/
} 

.soloplan_info{
	width: 683px;
	padding: 10px;
	background-color: green;
	margin-bottom: 10px;
	display: block;
	float: left;
}

.soloplan_info.error{
	background-color: red;
}