/*
---------------------------------------------
 Design & Code (c) Wild Moose Justyna Walczak
---------------------------------------------
*/


/*
------------------------------------------------------------------------
RESET
------------------------------------------------------------------------
*/

* { margin: 0; padding:0; border: 0; }


/*
------------------------------------------------------------------------
HTML
------------------------------------------------------------------------
*/

.clear { clear: both; height: 1%;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { display: inline-block;}
/* Hides from IE-mac \*/
* html .clear { height: 1%;}
.clear { display: block;}
/* End hide from IE-mac */

html { width: 100%; height: 100%;}
body { background: #fff url(img/bg.jpg) 0 0 repeat-x; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 62.5%; color: #2f3c47;}

p          { font-size: 120%; line-height: 1.6em; margin: 1em;}
q          { display: block; font-size: 110%; line-height: 1.6em; margin: 2.5em; font-style: italic;}
a, a:hover { text-decoration:none;}
ul         { margin: 0; list-style-type: none;}
ul li      { font-size: 120%; line-height: 1.2em;	margin: 0.5em 0;}
ins        { padding: 0px; border-width: 0; border-style: solid; border-color: #c8c8c8; font-weight: bold; color: #2f3c47; text-decoration: none;}

h1, h2, h3, h4, h5, h6 
{ line-height: 1.2em; font-family:Helvetica, Arial, Verdana, sans-serif; font-style: italic;font-weight: bold;}
h1, h2, h3, h4
{ font-weight: normal;}
h1				{ font-size: 280%; margin: -11px 20px 0 186px;}
h1 span		{ margin-left: 50px; color: #007cc3;}
.naglowek h1	{ font-size: 250%; margin: 0px 0px 0 50px;}

h2        { font-size: 220%; color: #fff; margin-left: 15px; line-height: 100px; font-family: Helvetica, Arial, Verdana, sans-serif; }
h3        { font-size: 180%; color: #007cc3;}
h4        { font-size: 130%; color: #556c80; margin-bottom: 10px;}
h4 span		{ display: block; font-size: 90%; color: #2f3c47; font-family: Helvetica, Arial, Verdana, sans-serif; }
h4 em 		{ margin-right: 10px; font-size: 90%;}
h5        { font-size: 110%;}
h6        { font-size: 100%;}

/*
------------------------------------------------------------------------
KLASY
------------------------------------------------------------------------
*/

.d_bl   { display: block;}
.fs_340 { font-size: 240%;}
.fs_180 { font-size: 130%;}


.fc_blue { color: #007cc3;}
.tx_c { text-align: center;}
.tx_r { text-align: right;}
.tx_l { text-align: left;}

.fl { float: left; /*display:inline;*/}
.fr { float: right; /*display:inline;*/}

/*
------------------------------------------------------------------------
STRONA
------------------------------------------------------------------------
*/

#kontener_zew  { width: 100%; height: 100%;}
#kontener_wew  { width: 980px; height: 100%; background: transparent url(img/bg_top.jpg) 0% 0% repeat-x; margin: 0 auto;}

#panel { width: 980px; position: relative;}

.naglowek { width: 980px; height: 103px; padding: 15px 0; background: transparent url(img/naglowek.jpg) 0% 0% no-repeat;}
.top    { height: 108px; background: transparent url(img/granimex-logo.jpg) 0% 0% no-repeat;}
.intro  { height: 374px}
.stopka { height: auto; background: #f6f6f6 url(img/bg_stopka.jpg) 0% 100% repeat-x; padding-bottom: 20px;}
.copy   { height: 50px; padding: 10px 0; background-color: #fefefe; border-top: 1px solid #efefef;}

.logo { width: 350px; height: 108px; display: block; background-color: #000000;}
.menu { width: 624px; height: 108px;}

.minimenu { width: 370px;  height: 50px; position: absolute; top: 0px; left: 120px; background: #fff url(img/bg_minimenu_rog.jpg) 100% 100% no-repeat; }
.minimenu a img{
  vertical-align: middle;
  cursor: pointer;
  z-index: 100;
}

.maxmenu  { width: 575px; height: 83px; padding-top: 35px; position: absolute; top: 0; right: 0; background: transparent url(img/bg_maxmenu_rog.jpg) 100% 50px no-repeat;}

.kol  { width: 325px; padding: 20px;}
.kol1 { width: 250px; padding: 0 28px 0 10px;}
.kol2 { width: 428px; padding: 0 8px 0 0px;}
.kol3 { width: 240px; padding: 0 5px 0 8px;}
.kol4 { width: 30%;}
.kol5 { width: 70%;}
.kol1, .kol2, .kol3  
{ display: block; float: left; font-weight: lighter; font-size: 135%;}
.kol50 { width: 50%;}
.kol_big { width: 730px; padding: 20px	}

.mapa { background: transparent url(img/mapa.gif) no-repeat;}
.podstrona { width: 730px; background-color: #fff;}
.menu_left { width: 250px; background: #3090BE url(img/menu_left_rog.jpg) 100% 100% no-repeat;}
.kran_menu { width: 250px; height: 260px; display: block; background: #3090BE url(img/kran_menu.jpg) 0% 0% no-repeat;}
.kran_bez_menu { width: 250px; height: 231px; display: block; background: #3090BE url(img/kran_bez_menu.jpg) 0% 0% no-repeat; margin-bottom:-30px;}
.news {margin-bottom: 10px;font-size:90%;text-align:justify;}
.more {color: #007CC3;}

/*
------------------------------------------------------------------------
MINIMENU
------------------------------------------------------------------------
*/

.minimenu a { margin: auto 15px; color: #004476; font-size: 110%; line-height: 50px;}
.minimenu a:hover, .minimenu a.on { color: #007cc3;}

/*
------------------------------------------------------------------------
MAXMINI
------------------------------------------------------------------------
*/

.maxmenu a { display: block; float: right; margin: auto 10px; color: #004476; background: transparent url(img/kropa-a.gif) 50% 0 no-repeat;}
.maxmenu a:hover, .maxmenu a.on { background: transparent url(img/kropa-h.gif) 50% 0 no-repeat;}
.maxmenu span { display: block; line-height: 83px; font-size: 120%;}

/*
------------------------------------------------------------------------
INDEX
------------------------------------------------------------------------
*/

.bok  { width: 490px; height: 334px; padding-top: 40px; background: transparent url(img/bok.jpg) 50% 50% no-repeat;}
.kran { width: 490px; height: 334px; padding-top: 40px; background: transparent url(img/kran.jpg) 50% 50% no-repeat;}
.bok a {display: block; margin-left: 40px; line-height: 1.8em; background: transparent url(img/bok_menu.gif) 0% 50% no-repeat; color: #fff; font-size: 150%;}
.bok a:hover { color: #7bdcf0;}
.bok span { width: 60%; display: block; margin-left: 30px; line-height: 1.8em; border-bottom: 1px dotted #fff; font-size: 130%;}
.bok strong { display: block; margin-left: 20px; color: #fff; font-weight: lighter; font-size: 300%;}

/*
------------------------------------------------------------------------
LEFT MENU
------------------------------------------------------------------------
*/

.menu_left ul { padding: 15px 0;}
.menu_left li { margin-left: 5px; padding-left: 25px; background-color: transparent; background-position: 0% 50%; background-repeat: no-repeat;}
.menu_left a { padding-bottom: 5px; color: #fff; line-height: 2.8em; font-size: 100%; border-bottom: 1px dotted #fff;}
.menu_left a:hover, .menu_left a.on { color: #7bdcf0;}

.lp1 { background-image: url(img/menu_left_lp1.jpg);}
.lp2 { background-image: url(img/menu_left_lp2.jpg);}
.lp3 { background-image: url(img/menu_left_lp3.jpg);}
.lp4 { background-image: url(img/menu_left_lp4.jpg);}
.lp5 { background-image: url(img/menu_left_lp5.jpg);}
.lp6 { background-image: url(img/menu_left_lp6.jpg);}
.lp7 { background-image: url(img/menu_left_lp7.jpg);}
.lp8 { background-image: url(img/menu_left_lp8.jpg);}
.lp9 { background-image: url(img/menu_left_lp9.jpg);}
.lp10 { background-image: url(img/menu_left_lp10.jpg);}


/*
------------------------------------------------------------------------
STOPKA
------------------------------------------------------------------------
*/

.stopka strong { display: block; margin: 20px 0px 10px 0px; color: #007cc3; font-weight: lighter; font-size: 80%;}
.stopka a, .copy a { color: #2f3c47;}
.stopka a:hover, .copy a:hover { color: #007cc3;}
.stopka span { display: block;}
.stopka a.zobacz { width: 127px; height: 26px; padding-top: 12px; background: transparent url(img/zobacz.gif) 0% 0% no-repeat;}
.left {margin-left: 200px;}

/*
---------------------------------------------
 TABELE
---------------------------------------------
*/

table {	width: 90%;	border-top: 1px solid #e5eff8; border-right: 1px solid #e5eff8; margin: 1em auto;	border-collapse: collapse;	font: normal 1.0em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;}
td { color: #2f3c47; border-bottom: 1px solid #e5eff8; border-left: 1px solid #e5eff8; padding: 2em 1em;	text-align:center;}	
th { color: #2f3c47; text-align:left;	border-bottom: 1px solid #e5eff8;	border-left: 1px solid #e5eff8; padding: 2em 1em;}	
/*
------------------------------------------------------------------------
UKLAD
------------------------------------------------------------------------
*/

ul.li      { list-style-position: inside; list-style-type: circle; margin: 1em;}
ul.li li   { line-height: 1.6em;}
.kolo { width: 320px; height: 320px; display: block; background: transparent url(img/kolo.jpg) 50% 50% no-repeat;}
p a { color: #007cc3;}
p a:hover { color: #2f3c47;}
#map { width: 550px; height: 300px; margin: 20px 0 20px 40px; border: 10px solid #d8e9eb;}