/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

.clear ul li {clear: both;width: 300px;}
/* more varnish stripping as necessary... */
	
body {
	background: url(../images/background_siatka.jpg);
	font-family:Tahoma;
	color: #c6d3df;
	font-size:11px;
	font-weight:normal;
	}

#container {
	background: url(../images/background.jpg) no-repeat;
	width: 1032px;
	height: 650px;
	margin:0 auto;
	margin-top:-1px;
	}
	
#containerpodstrony {
	background: url(../images/backgroundpodstrony.jpg) no-repeat;
	width: 1032px;
	height: 650px;
	margin:0 auto;
	margin-top:-1px;
	}

#logo {
	position:relative;
	margin-top:px;
	margin-left:34px;
	}
	
#polski {
	position:relative;
	margin-top:-1px;
	}

#english {
	margin-left:511px;
	margin-top:-1px;
	}

#billboard {
	background: url(../images/billboard.jpg) no-repeat;
	width:979px;
	height:279px;
	margin-top:16px;
	margin-left:2px;
	}

#billboardimage {
	width:722px;
	height:242px;
	margin-left:20px;
	margin-top:20px;
	}

li {
	list-style-type: none;
	}
	

p	{
	font-family:Tahoma;
	color: #c6d3df;
	font-size:11px;
	font-weight:normal;
	}

#slideshow {
	margin-left:13px;
	margin-top:8px;
	*margin-left:15px;
	*margin-top:7px;
	}

#activepoint {
	float:right; 
	width:330px; 
	margin-right:25px
	}

#kioska {
	margin-top:40px;
	}
	
/*************MENU*************/

/***INACTIVE***/

#menu {
	margin-left:30px;
	padding-top:36px;
	float:left;	
	margin-top: -20px;
	* margin: -13px 0 0 10px;
	}
	
#menu a {
	display:block;
	}

#menu a.produkty {
	background: url(../images/menu/produkty_active.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.uslugi {
	background: url(../images/menu/uslugi_active.jpg) no-repeat;
	width:187px;
	height:30px;
	}

#menu a.rozwiazania {
	background: url(../images/menu/rozwiazania_active.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.klienci {
	background: url(../images/menu/klienci_active.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.casestudies {
	background: url(../images/menu/casestudies_active.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.onas {
	background: url(../images/menu/onas_active.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.dlapartnerow {
	background: url(../images/menu/dlapartnerow_active.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.kontakt {
	background: url(../images/menu/kontakt_active.jpg) no-repeat;
	width:187px;
	height:30px;
	}

/***ACTIVE***/

#menu a.produktyaktywne {
	background: url(../images/menu/produkty_aktywne.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.uslugiaktywne {
	background: url(../images/menu/uslugi_aktywne.jpg) no-repeat;
	width:187px;
	height:30px;
	}

#menu a.rozwiazaniaaktywne {
	background: url(../images/menu/rozwiazania_aktywne.jpg) no-repeat;
	width:187px;
	height:30px;
	}

	
#menu a.klienciaktywne {
	background: url(../images/menu/klienci_aktywne.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.casestudiesaktywne {
	background: url(../images/menu/casestudies_aktywne.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.onasaktywne {
	background: url(../images/menu/onas_aktywne.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.dlapartnerowaktywne {
	background: url(../images/menu/dlapartnerow_aktywne.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.kontaktaktywne {
	background: url(../images/menu/kontakt_aktywne.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
/***NIEKATYWNE***/

#menu a.nprodukty {
	background: url(../images/menu/produkty_inactive.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.nuslugi {
	background: url(../images/menu/uslugi_inactive.jpg) no-repeat;
	width:187px;
	height:30px;
	}

#menu a.nrozwiazania {
	background: url(../images/menu/rozwiazania_inactive.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.nklienci {
	background: url(../images/menu/klienci_inactive.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.ncasestudies {
	background: url(../images/menu/casestudies_inactive.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.nonas {
	background: url(../images/menu/onas_inactive.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.ndlapartnerow {
	background: url(../images/menu/dlapartnerow_inactive.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
#menu a.nkontakt {
	background: url(../images/menu/kontakt_inactive.jpg) no-repeat;
	width:187px;
	height:30px;
	}
	
/**********STOPKI**********/

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #1856a4;
	font-size: 20px;
	font-weight:normal;
	}
	
h2 {
	font-family:Arial, Helvetica, sans-serif;
	color: #ffc000;
	font-size:13px;
	}
	
h3 {
	font-family:Tahoma;
	color: #6f6f6f;
	font-size:11px;
	font-weight:normal;
	}
	
div#left {
	position:relative;
	float:left;
	margin-left:15px;
	width:220px;
	}
	
	

/*****CENTER*****/
	
div#center {
	position:relative;
	float:left;
	width:440px;
	margin-left:20px;
	}
	
#center a:link {
	font-family:Tahoma;
	color: #6f6f6f;
	font-size:11px;
	font-weight:normal;
	}

#center a:visited {
	font-family:Tahoma;
	color: #6f6f6f;
	font-size:11px;
	font-weight:normal;
	}
	
#center a:hover {
	font-family:Tahoma;
	color: #ffc000;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
	}


/*****RIGHT*****/


div#right {
	position:relative;
	float:left;
	width:220px;
	margin-left:15px;
	}
	
#right a:link {
	font-family:Tahoma;
	color: #6f6f6f;
	font-size:11px;
	font-weight:normal;
	}

#right a:visited {
	font-family:Tahoma;
	color: #6f6f6f;
	font-size:11px;
	font-weight:normal;
	}
	
#right a:hover {
	font-family:Tahoma;
	color: #ffc000;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
	}
		
	
div#stopka {
	width:931px;
	height:100px;
	font-family:Tahoma;
	color: #ffc000;
	font-size:11px;
	font-weight:normal;
	}
	
#stopka a {
	display:block;
	}
	
#stopka ul {
	height:20px;
	padding-top:5px;
	border-bottom:1px dotted #3c4556;
	border-top:1px dotted #3c4556;
	font-family:Tahoma;
	color:3b3f46;
	}
	
#stopka li {
	float:left;
	padding-right:20px;
	}
		
#stopka a:link {
	color: #c6d3df;
	font-family:Tahoma;
	color: #c6d3df;
	font-size:11px;
	font-weight:normal;
	}
	
#stopka a:visited {
	color: #c6d3df;
	font-family:Tahoma;
	color: #c6d3df;
	font-size:11px;
	font-weight:normal;
	}

#stopka a:hover {
	font-family:Tahoma;
	color: #c6d3df;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;
	}
	
#stopka a:active {
	font-family:Tahoma;
	color: #ffc000;
	font-size:11px;
	font-weight:normal;
	}
	
#right li {
	float:left;
	padding-left:15px;
	}
	
input {
	border: 1px solid #2b2f37;
	color: #ffc000;
	}
	
textarea {
	border: 1px solid #2b2f37;
	color: #ffc000;
	}

fieldset {
	border: none;
	}
	
#dane b {
	color:#ffc000;
	}
	
#dane {
	margin-left:40px;
	}
	
#dane h2 {
	margin-bottom: 2px;
}

/*****PRDUCT ITEM LI*****/
	
div.proditem ul li {
	background: url(/images/znakzolty.jpg) no-repeat center left;
	margin: 1px 20px 1px 25px;
	padding: 2px 0 0 0; 
}	


#right #prodlistitem a,#right #prodlistitem a:visited {color: inherit;font-size: inherit;font-family: inherit;}
#right #prodlistitem a:focus,#right #prodlistitem a:hover {text-decoration: inherit; color: inherit;font-size: inherit;font-family: inherit;}


.podprodukty {margin: 9px 0 9px 40px;}	
.podprodukty li {margin: 3px 0;}
.podprodukty a, .podprodukty a:visited {color: #fff;}
.podprodukty a:focus, .podprodukty a:hover {color: #FFC000;}
.podprodukty img {vertical-align: middle;margin-right: 5px;}



@media all and (min-width: 0px){
	
	#menu {
	margin-left:30px;
	padding-top:36px;
	float:left;	
	margin-top: 0px;
	}
	
	#containerpodstrony #menu {
	margin-left:30px;
	margin-top: 80px;
	float:left;
	}
	
	#containerpodstrony #logo {
	margin-left:-180px;
	}
	
}