/* Kaskadowy Arkusz Stylów 
dla serwisu www.fogo.agregaty.pl 
Autor: Marcin Boulie Krzy�ko
Firma: Boulie's Design
Data: 06.03.2005
http://www.design.boulie.com
e-mail: marcin@boulie.com */

html, body { 
   margin: 0px;
   padding: 0px;  
   font-size: 9pt; 
   line-height: normal;
   text-align: center; /* center layout in ie5 and 5.5. */
   voice-family: "\"}\"";
   voice-family:inherit; 
   font-family: Verdana, Trebuchet, Helvetica, Sans-Serif;
   color: #666666;
   background-color: #cccccc;
   background-image: url(../img/fogo_sgp_bcg.jpg);
/*   background-image: url(../img/bggradient.jpg);*/
   background-position: top left;
   /*background-repeat: repeat-x;*/
}


/* #############################
############ LAYOUT ############
############################# */

#container {
	width: 755px;
   \width: 775px;
   w\idth: 755px;
   margin-bottom: 20px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   background-color: #ffffff;
   background-image: url(../img/bgfogo.jpg);
   background-position: center top;
   background-repeat: repeat-y;
}

#header {
   padding: 0px;
   margin: 0px;
   background-image: url(../img/header_new_1.jpg);
   background-position: top center;
   background-repeat: no-repeat;
   height: 200px;
}

#napis {
   padding-top: 40px;
   padding-left: 0px;
   margin: auto;
   height: 40px;
   text-align: center;
   display: none;
}

#flagi {
   text-align: left;
   margin-top: 0px;
   overflow: visible;
}

#over {
   margin: 0px;
   text-align: center;
   background-image: url(../img/bgfogocontent.jpg);
   background-position: top center;
   background-repeat: no-repeat;
   height: 23px;
   caption-side: bottom;
}

#slogan {
   margin: 0px;
   padding: 0px;
   text-align: center;
   background-image: url(../img/over1.jpg);
   background-position: top center;
   background-repeat: no-repeat;
   height: 36px;
}

#content {
   padding: 5px;
   padding-bottom: 15px;
   margin-left: 210px;
   margin-bottom: 5px;
   background-color: transparent;
   /* border-left: 1px solid #B00000; */
   border-top: none;
   text-align: center;
   padding-right: 10px;
}

#content2 {
   padding: 5px;
   padding-bottom: 15px;
   margin-left: 210px;
   margin-bottom: 5px;
   background-color: transparent;
   /* border-left: 1px solid #B00000; */
   border-top: none;
   text-align: center;
   padding-right: 10px;
}

#left {
   float: left;
   width: 200px;
   \width: 205px;
   w\idth: 200px;
   margin: 0px;
   margin-right: 5px;
   padding: 0px;
   padding-left: 5px;
   text-align: left;
   background-color: #880000;
   margin-bottom: 5px;
   height: 100%;
}

#footer {
   padding: 5px;
   margin-top: 5px;
   height: 45px;
   font-size: 8pt;
   border-top: 1px solid #88211A;
   background-color: black;
   background-position: bottom center;
   background-repeat: no-repeat;
   clear: both;
}


#menu {
   width: 195px;
   \width: 205px;
   w\idth: 195px;
   margin: 0;
   margin-top: 15px;
   padding: 0;
   border: 1px solid #88211A; 
}

#drukuj {
   text-align: right;
}

.ramka {
   text-align: center;
   background-image: url(../../../files/615.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   margin: 3px;
   padding: 3px;
}

#animacja {
   height: 170px;
   background-color: #ffffff;
   padding-left: 355px;
   padding-top: 20px; 
}

/*#####################
##### TYPOGRAFIA ######
#####################*/

p {
   margin:0 0 5px 0;
}


h1 {
   color: #88211A;
   font-size: 14pt;
   font-weight: 200%;
   padding: 5px;
   margin:0 0 10px 0;
   text-align: center;
  
}

h2 {
   color: #grey;
   font-size: 13pt;
   margin: 0 0 0 0px;
}

h2.jobtitle {
	border-top:1px solid #b4b4b4;
	text-transform: uppercase;
	margin-top:1.7em;
	padding-top:4px;
	margin-bottom:0;
}

h3 {
   color: #ADADAD;
   font-size: 12pt;
   margin: 0 0 0 0px;
}

h4 {
   font-size: 10pt;
   color: #88211A;
   margin: 0 0 0 0px;
}


h3 a {
   color: #88211A;
}

h3 a:hover {
   color: #88211A;
}

/* #############################
############# TEXT #############
############################# */

.flaga {
   border: 1px solid #000000;
   margin-left: 1px;
   text-align: right;
}

.small {
   font-size: 8pt;
}

.tiny {
   font-size: 9px;
   line-height: 16px;
   margin-top: 15px;
   margin-bottom: 5px; 
}	

.small_u{
   font-size: 9px;
   font-weight:bold;
   border-bottom: dashed 1px #88211A;
}

.normal {
   line-height: normal;
}

/* #############################
############ EDYCJA ############
############################# */

.center {
   text-align: center;
}

.left {
   text-align: left;
}

.right {
   text-align: right;
}

.just {
   text-align: justify;
}

.red {
   color: #B00000;
}

.navy {
   color: navy;
}

.maroon {
   color: #88211A;
}

.underline {
   border-bottom: 1px solid #88211A;
   padding-bottom: 3px;
}

.wazne {
   font-weight: bold;
   color: #88211A;
}

p.informacja {
   border: 1px solid #242424;
   border-top: 5px solid #88211A;
   background-color: #cccccc;
   color: #88211A;   
}

.bold {
   font-weight: bold;
}

.head {
   text-align: left;
   font-weight: bold;
   border: 1px solid #cccccc;
   background: #88211A;
   color: #ffffff;
   padding: 5px;
   margin-bottom: 5px;
   margin-top: 10px;
}

.fleftfoto {
   float: left;
   border: 1px solid black;
   padding: 5px;
   margin: 5px;
}

.foto{
   float: left;
   border: 1px solid black;
   padding: 5px;
   margin: 5px;
}

/* #############################
############# LINKI ############
############################# */

#content a {
   color: #88211A;
   text-decoration: underline;
}

#content a.ext {
   background:url(../img/extlink.gif) 0 0.46em no-repeat;
   padding:0 0 0 13px;
}

* html a.ext {
   background:none;
   padding:0;
}

#content a:hover {
   color: #C00903;
   text-decoration: none;
}

#content a:visited {
   color:#88211A;
}


#footer a, #footer a:hover {
/*   color: #88211A; */
   color: #eeeeee;
   text-decoration: none;
}

#footer a:hover {
   text-decoration: underline;
}

#content a.important {
   text-decoration: none;
   background: url(img/underline.gif) repeat-x 100% 100%;
   white-space: nowrap;
   padding-bottom: 5px;
}

.noborder {
   text-decoration: none;
   border: none;
}

.nob {
   text-decoration: none;
   border: none;
}

#podmenu a {
   color: #88211A;
   text-decoration: underline;
}

#podmenu a:hover {
   color: #C00903;
   text-decoration: none;
}

#podmenu a:visited {
   color:#88211A;
}


/* #############################
############ TABELE ############
############################# */


table {
   color: #242424;
   width: 510px;
   font-size: 9pt;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

/* Tabela główna klasa .agregat*/

table.tabela_naglowek {
  border: solid 1px #cccccc;
  empty-cells: show;
  border-collapse: collapse;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

td.tabela_naglowek {
  border-top: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  padding: 5px;
  border-collapse: collapse;
  vertical-align:top;
  width: 50%;
}

thead.tabela_naglowek {
   background-color: #88211A;
   color: #fffff2;
   font-weight:bold;
}

/* Tabela niewidoczna */

table.tabela_niewidoczna {
  border: none;
  empty-cells: show;
  border-collapse: collapse;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

td.tabela_niewidoczna {
  border: none;
  padding: 5px;
  border-collapse: collapse;
  vertical-align:top;
  width: 50%;
}

thead.tabela_niewidoczna {
  font-weight: normal;
}

/* Tabela zwykła */

table.tabela_zwykla {
  border: 1px solid #242424;
  empty-cells: show;
  border-collapse: collapse;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

td.tabela_zwykla {
  border: 1px solid #242424;
  padding: 5px;
  border-collapse: collapse;
  vertical-align:top;
}

thead.tabela_niewidoczna{
  font-weight: normal;
}

/* Inne dotyczace tabel */

td.pliki {
  padding:10px;
  text-align:left;
  vertical-align:top;
} 


/* Tabela agregat */

table.agregat {
  border: solid 1px #cccccc;
  empty-cells: show;
  border-collapse: collapse;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

td.agregat {
  border: solid 1px #cccccc;
  padding: 5px; 
  border-collapse: collapse;
  vertical-align:top;
}


thead.agregat{
   background-color: #88211A;
   color: #fffff2;
   font-weight:bold;
}

/* #############################
############# MENU #############
############################# */

#menu p {
   padding: 0px;   
   margin: 0px;
   background-color: #88211A;
}

.level1 .level2 .level3 .level4 .level5 .level6 {
   margin: 0px;
   padding: 0px;   
}

/* LEVEL 1 */

.level1 a {  
   padding: 5px;
   background-color: #282828;
   border-bottom: 1px solid #eee;
   border-left: 10px solid #88211A;
   /* width: 170px; */
   display: block;
}

.level1 a:link {
   color: #ffffff;
   text-decoration: none;
}

.level1 a:visited {
   color: #ffffff;
   text-decoration: none;
}

.level1 a:hover {
   background-color: #88211A;
   color: #ffffff;
   border-left: 10px solid #595959;
}

/* LEVEL 2 */

.level2 a {  
   padding: 5px;
   background-color: #999999;
   border-bottom: 1px solid #eee;
   border-left: 10px solid #595959;
   /* width: 170px; */
   display: block;
}

.level2 a:link {
   color: #ffffff;
   text-decoration: none;
}

.level2 a:visited {
   color: #ffffff;
   text-decoration: none;
}

.level2 a:hover {
   background-color: #cccccc;
   color: #88211A;
   border-left: 10px solid #999999;
}


/* LEVEL 3 */

.level3 a {
   padding: 5px;
   background-color: #88211A;
   border-bottom: 1px solid #eee;
   border-left: 10px solid Gray; /* width: 170px; */
   display: block;
   color: white;
}

.level3 a:link {
   color: Silver;
   text-decoration: none;
}

.level3 a:visited {
   color: white;
   text-decoration: none;
}

.level3 a:hover {
   background-color: white;
   color: #88211A;
   border-left: 10px solid rgb(213, 219, 225);
}

/* LEVEL 4 */

.level4 a {  
   padding: 5px;

   background-color: #ffffff;
   border-bottom: 1px solid #eee;
   border-left: 10px solid #88211A;
   /* width: 170px; */
   display: block;
}

.level4 a:link {
   color: #88211A;
   text-decoration: none;
}

.level4 a:visited {
   color: #88211A;
   text-decoration: none;
}

.level4 a:hover {
   background-color: #ffffff;
   color: #000000;
   border-left: 10px solid rgb(213, 219, 225);
}

/* LEVEL 5 */

.level5 a {  
   padding: 5px;
   background-color: #E7E7E7;
   border-bottom: 1px solid #eee;
   border-left: 10px solid #88211A;
   /* width: 170px; */
   display: block;
}

.level5 a:link {
   color: #88211A;
   text-decoration: none;
}

.level5 a:visited {
   color: #88211A;
   text-decoration: none;
}

.level5 a:hover {
   background-color: #E7E7E7;
   color: #000000;
   border-left: 10px solid #595959;
}

/* LEVEL 6 */

.level6 a {  
   padding: 5px;
   background-color: #ffffff;
   border-bottom: 1px solid #eee;
   border-left: 10px solid #88211A;
   /* width: 170px; */
   display: block;
}

.level6 a:link {
   color: #C00903;
   text-decoration: none;
}

.level6 a:visited {
   color: #C00903;
   text-decoration: none;
}

.level6 a:hover {
   background-color: #ffffff;
   color: #000000;
   border-left: 10px solid rgb(213, 219, 225);
}

/* LEVEL 7 */

.level7 a {  
   padding: 5px;
   background-color: #fffff2;
   border-bottom: 1px solid #eee;
   border-left: 10px solid #88211A;
   /* width: 170px; */
   display: block;
}

.level7 a:link {
   color: #88211A;
   text-decoration: none;
}

.level7 a:visited {
   color: #88211A;
   text-decoration: none;
}

.level7 a:hover {
   background-color: #fffff2;
   color: #000000;
   border-left: 10px solid rgb(213, 219, 225);
}

/* Menu footer */

#footer ul {
  margin-top: 5px;
  margin-left: 10px;
  margin-bottom: 5px;
  margin-right: 0px;
  padding: 0;
  position: relative;
  /* vertical-align: middle; */
  z-index: 2;
}

#footer li {
  display: inline;
  padding: 0px 5px 0px 5px;
/*  border-right: dotted 1px #88211A; */
}

/* menu mapa strony */

.map1 .map2 .map3 .map4 .map5 {
   padding: 5 px;
}

.map1 {
   margin-left: 5px;
   font-weight: bold;
   border: 1px dotted #88211A;
   padding: 10px;
   margin-bottom: 5px;
   margin-top: 10px;
   background-color: #FFF8DC;
   width: 300px;
}

.map2 {
   margin-left: 25px;
   border: 1px dotted #88211A;
   padding: 10px;
   margin-bottom: 5px;
   margin-top: 10px;
   background-color: #F5F5F5;
   width: 280px;
}

.map3 {
   margin-left: 45px;
   border: 1px dotted #88211A;
   padding: 5px;
   margin-bottom: 5px;
   margin-top: 10px;
   background-color: #88211A;
   width: 260px;
   color: White;
}

.map4 {
   margin-left: 65px;
   border-top: 1px dotted #88211A;
   padding: 5px;
   margin-bottom: 5px;
   margin-top: 10px;
   background-color: #FFFFFF;
   width: 240px;
   font-weight: bold;
}

.map5 {
   margin-left: 85px;
}

.map6 {
   margin-left: 105px;
}


/* Menu wew */

#menuindiv {
text-align: center;
margin-left: auto;
margin-right: auto;
}

.menuin
{
margin: 5px;
padding: 5px;
white-space: nowrap;
text-align: center;
vertical-align: middle;
}

#menuindiv a {
color: #ffffff;    
text-decoration: none;
background-color: #88211A;
}

#menuindiv a:link, #menuindiv a:visited{ 
color: #ffffff; 
text-decoration: none;
background-color: #88211A;
}

#menuindiv a:hover {
color: #fffff2;
background-color: #88211A;
text-decoration: none;
}

/* #############################
########## ZNACZNIKI ###########
############################# */

ul ul {
	list-style: circle;
	list-style-type: circle;
	margin-left: 20px;
}

abbr acronym {
  border-bottom: 1px #666666 dotted;
  cursor:help;
}

/* #############################
########### OBIEKTY ############
############################# */

.alt {
  display: none;
}

.liniak {
  background-repeat : repeat-x;
  background-image: url(../img/linia.gif);
  height: 1px;	
  width:auto;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}

hr.clear{
  display:block;
  clear:both;
  visibility:hidden;
  height:0;
  border-width:0;
  margin:0;
  padding:0;
}

.clr {
   border-bottom: 1px dotted #88211A ;
   margin-bottom: 15px;
   padding-top: 10px;
   float: none;
}

.textfield{
  margin-bottom: 5px;
  padding: 5px;
  text-align: left;
}

/* #############################
####### CHMURKI by BlaTek ######
############################# */

.title {
 position:absolute; margin-left:-1em; margin-top:2em; visibility:hidden;
 padding:3px; background-color:#ffffe1; border:1px solid #000;
 color:#000; text-decoration:none; font:menu;
}

span.title2 {width: 400px}
span.title3 {color: #B00000}

/* #################################
##### XSNAZZY by Stu Nicholls ######
################################# */

#xsnazzy p, #xsnazzy h2 {
margin:0 10px; 
letter-spacing:1px; 
padding-bottom:1em;
}

#xsnazzy {background: transparent;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background: #C52415; border-left:1px solid #C52415; border-right:1px solid #C52415;}
.xb1 {margin:0 4px; background: #C52415;}
.xb2 {margin:0 2px; border-width:0 2px;}
.xb3 {margin:0 1px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {
display:block; 
background:#ffffff; 
border:0 solid #C52415; 
border-width:0 1px;
}

/* #############################
############ PRINT ############
############################# */

@media print {

html, body { 
   margin: 0px;
   padding: 0px;  
   line-height: 85%;
   text-align: center; /* center layout in ie5 and 5.5. */
   font-size: 10px;
   background-color: #ffffff;
   background-image: none;
}

#container {
   margin: 0px;
   padding: 0px;
}

#header {
   display: none;
}

#flagi {
   display: none;
}

#content {
   padding: 0px;
   margin: 0px;
   border: none;
   text-align: left;
   line-height: 200%;
   font-stretch: normal;
}

#left {
   display: none;
}

#footer {
   display: none;
}

#menu {
   display: none;
}

#drukuj {
   display: none;   
}

#menuindiv {
   display: none;   
}

thead.tabela_naglowek{
   background-color: #ffffff;
   color: #88211A;
   font-weight:bold;
   border: dotted 1px black;
   padding: 5px;
}

table {
   color: #242424;
   width: 95%;
   height: 100%;
   font-size: 0.8em;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   line-height: 100%;
}

td { 
   height: 1.2em;
   padding: 0.2em;
   margin: 0.2em;
   vertical-align:middle;
}


table.MsoTableGrid {
   color: #242424;
   width: 95%;
   height: 100%;
   font-size: 0.8em;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   line-height: 100%;
} !important

p.MsoNormal {
   font-size: 0.8em;
   line-height: 100%;
   padding: 0.2em;
   margin: 0.2em;
   vertical-align:middle;
} !important

#content.a:link, {
text-decoration: none;
}

#content a:visited {
text-decoration: none;
}   
}