/*
Theme Name: Graphen
Theme URI: http://www.graphen.pl
Description: Nasz firmowy theme
Version: 1.0
Author: Bartek Milewski
Author URI: http://www.graphen.pl

*/
/* Layout */

* { margin: 0; padding: 0; }

body {
	font-size: 0.69em; 
	/*font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', Verdana, sans-serif;
	background: #fff;
	color: #2d2d2d;
	text-align: center;
	line-height: 1.65em;
	}

h1, h2, h3, h4, h5, h6 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; color: #010101; }
	
#wrapper { text-align: center; width: 980px; height: 100%; position: relative; margin: auto; }
#container { width: 979px; text-align: left; position: relative; }

#header_container { height: 85px; width: 979px; margin-top: 30px; }
#header_logo h1 a { z-index: -1; display: block; font-size:16px}
#header_logo h1 a:link, 
#header_logo h1 a:visited, 
#header_logo h1 a:hover ,
#header_logo h1 a:active { text-decoration: none; border: 0;}

#header_logo h1, #header_logo h2, #header_logo strong
{
}

#ss_logo{
width: 119px;
overflow:hidden; 
display: block;
}

#ss_logo h1, #ss_logo strong{
  display: block;
  line-height: 20px;
  font-size: 16px;
}

#ss_logo img{
  position: relative;
  margin-top: -40px;
}

#content { position: relative; left: 205px; width: 767px; margin-bottom: 25px; top: -45px; clear: left; }
#content_page { position: relative; left: -6px; width: 767px;  margin-bottom: 25px; top: -45px; }

#footer.main{ position: relative; left: 205px; width: 767px; top: -45px;  }
#footer.sub { position: relative; left: 205px; width: 767px;  clear: both; }

#sidebar { position: relative; left: 0px; width: 202px; height: 600px; margin-bottom: 35px; }

img { border: none; }

.clear-block { clear: both; }
.oblej_z_prawej { float: left; }
.oblej_z_lewej { float: right; }

.relative { position: relative; }

.small { font-size: 0.73em; }
.dimmed { color: #808080; }

.center  { text-align: center; }

:focus { outline: 0; }

/* Koniec Layout */


/* Linki */

a:link, a:active { text-decoration: none; color: #0099cc; font-weight: 500; }
a:visited { color: #002a3f;  text-decoration: none; }
a:hover { color: #ff6633; text-decoration: none; }

/* Koniec Linki */


/* Menu Nav */

#primary_links { position: relative; margin-bottom: 45px; width: 767px; height: 22px; left: 205px; top: -44px; }
#primary_links.interior { margin-bottom: 15px; }
#primary_links .kreska_gora { display: none; }
#primary_links .kreska_dol { display: none }


#nav > li.page_item { float: left; list-style: none; }
#nav > li.page_item  > a { background: transparent url(images/menu.jpg) no-repeat -1px 4px; display: block; height: 26px; overflow: hidden; text-indent: -9999px; padding: 1px; border: 0; }
#nav > li.page-item-6 > a:hover { border: 1px solid #ccc; border-bottom-color: #fff; position: relative; z-index: 10; padding: 0px; }
#nav > li.page-item-6 > a.keephover{ border: 1px solid #ccc; border-bottom-color: #fff; position: relative; z-index: 10; padding: 0px; }

#nav  #o-tobie  > a { width: 72px; }
	#nav #o-tobie  a:hover, #nav #o-tobie  a:active, #nav #o-tobie  a:focus { background-position: -1px -18px; }

#nav  #rozwiazania > a { width: 131px; background-position: -72px 4px; }
	#nav #rozwiazania a:hover, #nav #rozwiazania  a:active, #nav #rozwiazania  a:focus, #nav #rozwiazania a.keephover { background-position: -73px -19px; }

#nav  #oferta > a { width: 100px; background-position: -203px 4px; }
	#nav #oferta a:hover, #nav #oferta  a:active, #nav #oferta  a:focus { background-position: -203px -18px; }

#nav  #o-firmie > a { width: 107px; background-position: -304px 4px; }
	#nav #o-firmie a:hover, #nav #o-firmie  a:active, #nav #o-firmie a:focus { background-position: -304px -18px; }

#nav  #praca > a { width: 94px; background-position: -398px 4px; }
	#nav #praca a:hover, #nav #praca  a:active, #nav #praca a:focus { background-position: -398px -18px; }
	
#nav  #kontakt > a { width: 147px; background-position: -492px 4px; }
	#nav #kontakt a:hover, #nav #kontakt  a:active, #nav #kontakt a:focus { background-position: -492px -18px; }

	/******* SUBMENU ******/

	#nav > li > ul { position: absolute; top: auto; left: -999em; width: 500px; height: 120px; background: #fff; border: solid #ccc; border-width: 1px 1px 1px; padding: 20px; z-index: 7; margin-top: -1px; }
	#nav li:hover ul, #nav li.sfhover ul{ left: auto; }
	
	#nav .page_item ul li  { background: none; list-style: none; }
	#nav .page_item ul li ul li a { background: none; text-indent: 0; color: #000; font-size: 0.97em; border: 0; }
	#nav .page_item ul li ul li a:hover, #nav .page_item ul li a:active, #nav .page_item ul ul li ul li.current_page_item a  { text-decoration: underline; color: #0066ff; }
	#nav .page_item ul li ul li { float: none; background: url(images/raquo_submenu.gif) no-repeat 0px 3px; padding-left: 10px; padding-bottom: 0px; list-style: none; margin-bottom: 10px; }
	
	#nav #o-firmie ul{ display: none; }
	
	.col1 { float: left; width: 150px; list-style: none; background: none; margin-right: 10px; line-height: 12px; }
	.col2 { float: left; width: 150px; list-style: none; background: none; margin-right: 30px;  line-height: 12px; }
	.col3 { float: left; width: 150px; list-style: none; background: none;  line-height: 12px; }
	
	/****** KONIEC SUBMENU *****/
	
	
/* Koniec Menu Nav */

/* Blur */

#blur_container { width: 767px; height: 320px; margin-bottom: 45px; }
.blur { width: 767px; height: 320px; position: absolute; }
/* Koniec Blur */

/* Short about graphen and news */
#short_and_news { width: 765px; margin-bottom: 45px; text-align: justify; }
#short { width: 305px; margin-right: 45px; }
#short h3, #news h3 { font-size: 1.65em; margin-bottom: 1em; }

#news { width: 408px; }
#news > .item { margin-bottom: 0px; }
#news .item  .dat { display: block; background: #8b1400; color: #fff; padding-left: 3px; width: 51px; font-size: 1em; margin-right: 15px; }
#news .item .tresc { width: 348px; text-align: justify; position: relative; left: 61px; top: -18px; }
/* Koniec Short about graphen and news */

/* Footer */
#footer #lewa {  width: 550px; height: 115px; }
#footer #prawa { width: 340px; height: 150px; padding-left: 20px; }
#footer #lewa h3, #footer #prawa h3 { font-size: 1.65em; margin-bottom: 1em;}
.partner_logo { float: left; margin-right: 30px; }

.stopka_label { font-weight: 600; display: block; float: left; margin-right: 15px; height: 1.8em; }
.stopka_panel { line-height: 1.4em; }

#copyright { margin-top: 5px; margin-bottom: 5px; }
/* Koniec Footer */

/******************** PAGE ********************/

#sidebar { top: 75px;  }
#sidebar.no_background { background: none; }
#sidebar ul { list-style: none; position: relative; width: 180px; }
#sidebar ul li  { background: url(images/separator_submenu.jpg) no-repeat bottom; padding-bottom: 3px; padding-top: 2px; line-height: 1.1em;  margin-top: 4px; min-height: 1.5em; height: auto !important; height: 1.5em; }
#sidebar ul li a:link { color: #010101; } 
#sidebar ul li a:visited { color: #010101; } 
#sidebar ul li a:hover{ color: #0099cc; text-decoration: underline; } 
#sidebar ul li.current_page_item a:link, #sidebar ul li.current_page_item a:hover,  #sidebar ul li.current_page_item a:visited{ color: #0099cc; border-bottom: 0; }

#sidebar #powrotnik { position: relative; padding-left: 10px; top: 15px; width: 35px; height: 20px; }
#sidebar #powrotnik  a { border: 0; }

#deco_stripe { width: 767px; height: 38px; background: url(images/pasek_szary.jpg) no-repeat; display: block; margin-bottom: 35px; }
#deco_stripe.inteligentny-dom { background: url(images/pasek_idomy.jpg) no-repeat;}
#deco_stripe.automatyka-budynkow { background: url(images/pasek_bms.jpg) no-repeat; }
#deco_stripe.systemy-bms { background: url(images/pasek_bms.jpg) no-repeat; }
#deco_stripe.systemy-alarmowe-sswn { background: url(images/pasek_sswn.jpg) no-repeat; }
#deco_stripe.systemy-telewizji-dozorowej { background: url(images/pasek_cctv.jpg) no-repeat; }
#deco_stripe.systemy-kontroli-dostepu { background: url(images/pasek_sswn.jpg) no-repeat; }
#deco_stripe.prefabrykacja-rozdzielnic-elektrycznych { background: url(images/pasek_rozdzielnice.jpg) no-repeat; }
#deco_stripe.systemy-sterowania { background: url(images/pasek_sterowanie.jpg) no-repeat; }
#deco_stripe.programowanie-sterownikow-plc { background: url(images/pasek_sterowanie.jpg) no-repeat; }
#deco_stripe.systemy-scadahmi { background: url(images/pasek_sterowanie.jpg) no-repeat; }
.breadcrumb { font-size: 0.95em; margin-bottom: 10px; color: #464646; display: none;}
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active { color: #464646; font-weight: normal; }
.breadcrumb a:hover { color: #ff6633; }

#content_page h2, #content_page h1 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 2.36em; font-weight: 500; color: #0099cc;  line-height: 1.2em; margin-bottom: 20px; }
#content_page h2 a, #content_page h1 a { color: #0099cc; }
#content_page h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.18em; font-weight: 500; margin-bottom: 35px; }
#content_page h3.subtitle{ font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.7em; font-weight: 500; margin-bottom: 20px; }
#content_page .entry h5, .entry > h4 , .kolumna_lewa > h4, .kolumna_prawa > h4 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.35em; font-weight: 600; margin-bottom: 12px; margin-top: 25px; color: #000946; }
#content_page .entry { font-size: 1.1em; line-height: 1.45em; font-family: Verdana,Arial,Geneva,Helvetica,sans-serif }
#content_page .entry  p { margin-bottom: 15px; }
blockquote { width: 306px; height: 263px; background: url(images/tlo_cytat.jpg) no-repeat; font-weight: 500; font-size: 1.45em; color: #b3bfff;
 text-align: left; line-height: 1.3em; font-style: italic; }
.cytat_prawa { float: right; margin: 0 0 30px 30px; }
.cytat_lewa { float: left; margin: 0 30px 30px 0; }
blockquote p { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; width: 230px; height: 70px; position: relative; left: 40px; top:108px; }

.entry p img.border { border: 7px solid #ccc; }
.entry p img.margines { margin-top: 30px; }
.entry ul, #short ul { padding: 0px; margin-top: -10px; margin-bottom: 20px; margin-left: 10px; }
.entry ul li, #short ul li { list-style: none; background: url(images/raquo_submenu.gif) no-repeat 0px 6px; padding-left: 15px; margin-bottom: 2px; }

.entry .kolumna_lewa { width: 363px; margin-right: 30px; }
.entry .kolumna_prawa { width: 363px; }

div.kwadrat100 { width: 200px; height: 150px; border: 1px solid #ccc; float: left; display: block; padding: 5px; margin-right: 10px; margin-bottom: 10px; }
div.kwadrat100 span { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; padding: 0; color: #010101; display: block; font-size: 1.1em; font-weight: 600; }
div.kwadrat100 ul { margin-top: 10px; }

div.kwadrat100_noborder{ width: 230px; min-height: 175px; float: left; display: block; padding: 5px; margin-right: 10px; margin-bottom: 10px; }
div.kwadrat100_noborder > .tytul { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.35em; font-weight: 600; margin-bottom: 12px; color: #000946; }
div.kwadrat100_noborder ul { margin-top: 10px; }

div.kwadrat250 { width: 230px; min-height: 210px; float: left; display: block; padding: 5px; margin-right: 10px; }
div.kwadrat250 > .tytul { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.35em; font-weight: 600; margin-bottom: 12px; color: #000946; }
div.kwadrat250 > .tytul > .krok { display: block; font-size: 3em; font-weight: 600; float: left; margin-right: 10px; color: #fff; background: #5C5C5C; width: 45px; height: 45px; text-align: center; padding: 5px; }
div.kwadrat250 ul { margin-top: 10px; }


div.partner { margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; } 
div.partner #obrazek { width: 150px; float: left; margin-right: 10px; }

#kontaktowe { position: relative; }
#kontaktowe h5 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 1.45em; font-weight: 500; margin-bottom: 8px; margin-top: 20px; color: #010101;}
#mapa_dojazd { width: 767px; height: 190px; margin-bottom: 15px; background: #000; border: 1px solid #ccc; }
#mapa_dojazd a { border: none; }
#mapa_dojazd em { display: none; visibility: hidden; }
/******************** KONIEC PAGE *************/

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* Koniec Clearfix */