/* 
Project: 			Interactive Solutions
By:	 			Michal Karlowski  mail: m.karlowski@yahoo.pl
Date: 				20/12/2007 
--------------------------------------------------------------------------------------------------------*/
* { margin:0; padding:0; color:#000; background:transparent; border:0; outline:0;	}
p,a,ul,li,q,blockquote,form,input,textarea { font:normal 12px/150% Arial, sans-serif; vertical-align:baseline; }
ul,ol { padding:5px; margin:0 20px; }
img { display:block; outline:0; }
:focus { outline:0; }

/* LINKS 
--------------------------------------------------------------------------------------------------------*/
a { color:#b41e39; text-decoration:none; }
a:hover { color:#710519; text-decoration:none; }
strong { font-weight:bold; }
.lnkGallery { display:block; height:19px; font-weight:bold; background:transparent url(../images/li_normal.gif) no-repeat 0% 50%; padding:0 0 0 10px; bottom:30px; right:0; position:absolute; }
.Validation a { float:right; background:transparent url(../images/thick.gif) no-repeat 0 50%; padding:0 0 0 12px; margin:15px 0 0 10px; color:#999; font-size:10px; }
.Validation a:hover { color:#666; }

/* TABLES 
--------------------------------------------------------------------------------------------------------*/
#Klienci { width:900px;	height:650px; border-collapse:collapse; }
#Klienci td { border:1px solid #ccc; display:table-cell; height:130px; text-align:center; vertical-align:middle; }
#Klienci td img { margin:0 auto; }

/* LISTS 
--------------------------------------------------------------------------------------------------------*/
#Menu-Top {	list-style:none; padding:0; margin:35px 0 0 0; float:right; }
#Menu-Top li { display:inline; }
#Menu-Top li a { margin:0 0 0 30px;	display:block; height:15px; line-height:15px;/* IE Fix */ float:left;	text-indent:-9999em; }
#Menu-Top li a:hover,
#Menu-Top li a.selected { background-position: bottom left;	}			
	.mIS 		{ width: 16px; background:transparent url(../images/btn_is.png) no-repeat top left; }
	.mOferta 	{ width: 66px; background:transparent url(../images/btn_oferta.png) no-repeat top left; }
	.mCase 		{ width:122px; background:transparent url(../images/btn_case.png) no-repeat top left; }
	.mKlienci 	{ width: 67px; background:transparent url(../images/btn_klienci.png) no-repeat top left; }
	.mKontakt 	{ width: 82px; background:transparent url(../images/btn_kontakt.png) no-repeat top left; }
	
.Box ul { padding:0; margin:0; list-style:none; }
.Box li { padding:0 0 5px 0; }
.Box li a { background:transparent url(../images/li_small.gif) no-repeat 0% 50%; padding:0 0 0 10px; color:#b41e39;	}
.Box li a:hover { text-decoration:none; color:#710519; }

.Intext-ul { padding:0 30px 10px 30px; margin:0; list-style:none; }
.Intext-ul li { padding:0 0 0 10px; background:transparent url(../images/li_small.gif) no-repeat 0% 50%; }
		
.Menu-ul { list-style:none; padding:10px 5px 20px 5px; }		
.Menu-ul li { background:none; padding:0 0 5px 0; }
.Menu-ul li a { background:transparent url(../images/li_normal.gif)	no-repeat 0% 50%; padding:0 0 0 10px; }
.Menu-ul li a.selected { font-weight:bold!important; background:transparent url(../images/li_normal.gif) no-repeat 0% 50%; } 
.Menu-ul li a:hover { text-decoration:none; color:#710519; }

ul.Typical { list-style:none; padding:35px 0 0 0; margin:0; }
ul.Typical li { padding:0 0 15px 0; margin:0; line-height:100%; }
ul.Typical li a { padding:0 0 0 10px; margin:0; line-height:15px; display:block; background:transparent url(../images/li_normal.gif) no-repeat 0px 5px; }
ul.Typical li span { display:block; font-size:10px; color:#737373; padding:0 0 0 10px; }
ul.Typical li ul { padding:10px 0 10px 10px; margin:0; list-style:none; }
ul.Typical li ul li { padding:0 0 5px 0; margin:0; }
ul.Typical li ul li a { margin:0; display:block; background:transparent url(../images/li_small.gif) no-repeat 0 50%; }

/* COMMON
--------------------------------------------------------------------------------------------------------*/
body { background:#fff ;}
#Graf { background:url(../images/homebg.jpg) 400px 0px no-repeat; width:100%; }
#Grafis { background:url(../images/isbg.gif) 535px 0px no-repeat; width:100%; }
#GrafOferta { background:url(../images/oferta_1.png) 500px 0px no-repeat; width:100%; }
#GrafKlienci { background:url(../images/kliencibg.gif) 600px 83px no-repeat; width:100%; }
#GrafKontakt { background:url(../images/kontaktbg.gif) 570px 83px no-repeat; width:100%; }
#Main-Cover { width:900px; margin:0 52px; }
#Baner { display:block; width:900px; height:250px; margin:0 0 30px 0; background:#9f2926 url(../images/banerek.png) no-repeat top left; }

#Top { height:83px; border-bottom:1px solid #ccc; }
#Top p { font-size:11px; color:#919191; text-align:right; padding:8px 0 0 0; }
.Logo { float:left; display:block; width:170px; height:45px; background:transparent url(../images/logo_is.png) no-repeat top left; text-indent:-9999em; margin:20px 0 0 0; }	
#Header { width:900px; height:190px; padding:0px 0 0px 0; margin-top:105px; }
#Header-site { width:900px; height:150px; padding:0px 0 0px 0; margin-top:10px; border-bottom:1px solid #ccc; }	
#Header-Image {	display:none; float:right; height:160px; width:330px; background-color:#fff; }

#Boxy { overflow:hidden; width:900px; padding:0 0 25px 0; }
.Box { display:block; float:left; width:300px; margin-right:15px; }
.Diff { padding-top:30px; float:right; width:260px; margin-right:0px; }
.Box p { padding:5px 30px 10px 0; }
.Box img { text-align:left; }
.Box a { color:#000; text-decoration:none; }
.Box a:hover { color:#b41e39; text-decoration:none; }

#Left-Column { width:185px; float:left; padding:0px; margin:0; }

/* CONTENT
--------------------------------------------------------------------------------------------------------*/
#Content { width:700px; min-height:300px; height:auto!important; height:300px; border-left:1px solid #ccc; margin:0; padding:0 0 25px 0; float:left; }
#Content a,
#Content p {  }
#Content p { padding:0px 20px 10px 25px; color:#2e2e2e; }
#Content p span.Small {font-size:11px; }
#Content.Kontakt { border:0 none; width:900px; }
#Content.Kontakt p,
 #Content.Kontakt h3,
  #Content.Kontakt h6 { padding-left:0; }
#Gallery { width:650px; padding:10px 0 30px 25px; position:relative; }
blockquote p { font-style:italic; color:#2e2e2e; padding:0; margin:0; }
.kontakt_szkolenia {float:right; width:300px;height:150px;}
.kontakt_szkolenia p {margin-top:15px;}

/* FOOTER
--------------------------------------------------------------------------------------------------------*/
#Footer { display:block; clear:both; border-top:1px solid #ccc; padding:0 0; color:#919191; }
#Footer p { color:#919191; padding:15px 0; }

/* FORMS
--------------------------------------------------------------------------------------------------------*/
#FormBox { float:right; padding:0 0 10px 10px; margin:0 0 0 30px; width:350px; border:1px solid #efefef; }
form { padding:0; }
form label { float:left; padding:10px 0 0 0; width:100px; display:block; }
legend { font:bold 12px Arial; padding:10px 0; margin:0!important; color:#b41e39; }
.inputField { background-color:#f5f5f5; display:block; border:1px solid #e1e1e1; padding:7px 5px 3px 5px; margin:0 0 10px 100px; }
.inputField:hover,
 textarea:hover { background-color:#FDFFEF; border:1px solid #d1d1d1; }
 textarea { width:230px; display:block; background-color:#f5f5f5; border:1px solid #e1e1e1; padding:7px 5px 3px 5px; margin:0 0 10px 100px; }
.inputSubmit { background-color:#b41e39; border:1px solid #710519; color:#fff; font-weight:bold; padding:3px 5px; margin:0 0 0 100px; }
.inputSubmit:hover { background-color:#710519; }

/* START - NOT IN USE AT THE MOMENT */
/* JS SLIDER Preload classes
--------------------------------------------------------------------------------------------------------
.svw { width:50px; height:20px; background: #fff; margin:0 auto; } 
.svw ul { position:relative; left:-999em;} 
/* Core classes
--------------------------------------------------------------------------------------------------------
.stripViewer { position:relative; overflow:hidden; margin:0 0 1px 0; border:1px solid #ccc;	} 
.stripViewer ul { /* this is your UL of images / margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li { float:left; } 
.stripTransmitter { overflow: auto; width: 1%; z-index:10; } 
.stripTransmitter ul { margin:0; padding:0; position:relative; list-style-type:none; } 
.stripTransmitter ul li { width: 20px; float:left; margin: 0 1px 1px 0; } 
.stripTransmitter a { font-size:11px; text-align:center; background:#999; border:1px solid #999; color:#fff; text-decoration:none; display:block; height:15px; width:18px; padding:2px 0 1px 0;margin-left:0px; } 
.stripTransmitter a.current { background:#fff; border:1px solid #999; color:#999; } 
/* END - NOT IN USE AT THE MOMENT */
	
/* HEADERS & sIFR 
--------------------------------------------------------------------------------------------------------*/
h1{padding:25px 0 0 0; width:500px; }
h6 { font:bold 12px Arial, sans-serif; color:#b41e39; padding:10px 0 10px 0px; }
h4 { font:normal 12px Arial, sans-serif; width:506px;  }
 h4.home { width:700px; }
 h4.oferta { width:450px;}
 h4.klienci { width:550px; }
#Content h6 { font:bold 12px Arial,sans-serif; color:#b41e39; padding:10px 0 10px 25px; }
#Content h3 { padding:30px 0 0 25px; line-height:33px;  }
#Boxy h3 { padding-left:0; line-height:20px }

/* sIFR
--------------------------------------------------------------------------------------------------------*/
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0; }
.sIFR-replaced { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* sIFR Header styling
--------------------------------------------------------------------------------------------------------*/
.sIFR-hasFlash h1,
 .sIFR-hasFlash h2,
  .sIFR-hasFlash h3,
   .sIFR-hasFlash h5
   { visibility: hidden; font-family: Arial, sans-serif; line-height:1px; }
.sIFR-hasFlash h1 { line-height:33px;/* <-- REAL FONT SIZE */  display: block; width:500px; padding:25px 0 0 0; }
	.sIFR-hasFlash h1.oferta { line-height:33px;/* <-- REAL FONT SIZE */  display: block; width:450px; padding:25px 0 0 0; } 
.sIFR-hasFlash h3 { line-height:20px;/* <-- REAL FONT SIZE */  padding:0 0 0 25px; }
.sIFR-hasFlash h5 { line-height:25px;/* <-- REAL FONT SIZE */  padding:38px 0 0px 0px; }

/* MISC
--------------------------------------------------------------------------------------------------------*/
.special { color:#b41e39!important; font-weight:bold!important; }
.selected { font-weight:bold; }
.clear  { border:0 none!important; }
.fr 	{ float:right; 		 }
.fl		{ float:left; 		 }
.ar 	{ text-align:right;  }
.al 	{ text-align:left; 	 }
.ac 	{ text-align:center; }
.cb 	{ clear:both; 		 }
.cr 	{ clear:right; 		 }
.cl 	{ clear:left;		 }
.hide 	{ display:none;		 }
.show   { display:block;	 }