/*=========================================
	arkusz stylow do strony www.dkferoica.pl
	(C)Copyright 2006,2007 ver.2012 seven-cats.com
	url: http://dkferoica.pl/
  ==========================================
*/
HTML {
    background-color: #ccc;
    font-size: 11.5pt;       
    }
body {
    font-size: 100%; 
}
BODY {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #CCC;
	color: #212121;
	font: normal normal normal 1.74ex/140% Verdana,Arial, Helvetica, Geneva, Sans-Serif;
}
* html BODY {
	font: normal normal normal 1.48ex/130% Verdana,Arial, Helvetica, Geneva, Sans-Serif;
}
BODY {
	font-size: 2ex\9;
}
DIV, TD, P {
	vertical-align: top;
	font-size: 100%;
}
/* ======= jednakowy font-size dla zagniezdzanych ====== */
DIV P {font-size: 100%;}
DIV TD {font-size: 100%;}
* HTML * TD {font-size: 100%;}
TD DIV {font-size: 100%;}
P P {font-size: 100%;}
DIV DIV {font-size: 100%;}
DIV DIV LI {font-size: 100%;}
DL {font-size: 100%;}
/* end zabezpeczen zagniezdzania */

IMG {border: 0px none white;}
/* ======= glowne panele strony ======= */
DIV#container{
	position: relative;
	z-index: 1;
	width: 996px !important;
	padding: 0px;
	margin: 0px auto;
	background: #FFFFFF url(../grafika/tlo-left.png) repeat-y scroll top left;
	text-align: center;
	vertical-align: top;
}
* html DIV#container{
	width: 996px !important;
}
#header {
	z-index: 2;
	height: 150px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	border-bottom: 2px solid #666;
}
DIV#main {
/* 	position: relative !important;
 */	z-index: 2;
	width: auto;
	text-align: left;
	background-color: transparent;
	margin: 0px auto;
	padding: 0px 8px 16px 0px;
	vertical-align: top;
}
* HTML DIV#main {
	width: auto;
}
DIV#left {
	float: left;
	width: 195px !important;
	background-color: transparent;   /*#ddffdd;*/
	overflow: visible;
	/* clip: rect(0px, auto, 180px, 0px); */
	margin: 0px;
	padding: 0px;
	text-align: left;
}
* html DIV#left {
	
	width: 195px !important;
}
DIV#right {
	z-index: 2;
	width: 780px !important;
	float: right;
	background-color: transparent;
	margin: 0px 0px 0px 0px;
	padding: 24px 0px 0px 0px;
}
* html DIV#right {
	width: 780px !important;
	margin-left: -200px;
}
DIV#right-p {
	width: 200px !important;
	float: right;
	background-color: transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
DIV.center {
	width: 550px !important;
	padding: 0px 12px 16px 8px;
	background-color: transparent;
	margin: 0px;
	text-align: left;
}
* HTML DIV.center {
	width: 530px;
}
#footer {
	position: relative;
	z-index: 1;
	clear: both;
	background-color: #ffffff;
	border-top: 2px solid #666;
	text-align: left;
	padding: 2px 6px 6px 6px;
	margin: 0px;
	font-size: 90%;
}
* html #footer {
	padding: 2px 6px 6px 6px;
}
DIV#stopka {
	background-color: transparent;
	color: #630;
	margin: 0px auto;
	text-align: center;
	padding: 4px 0px 8px 0px;
	overflow: visible;
}
/* === END glownych blokow strony === */
#data {
	font-size: 1em;
	text-align: left;
	width: 200px;
	margin: 6px 0px 0px 20px;
}
/* ukrywa tekst jesli jest obrazek, pokazuje w trybie tekstowym */
#glowny {
	display: none;
}
/* tabela w naglowku */
TABLE#head {
	background: transparent;
	height: 120px;
	width: 100%;
	border-bottom: 1px solid #666;

}
* html TABLE#head {
	height: 118px;
}
#centruj-head {
	width: 500px;
	padding-left: 24px;
	background: #fff url(../grafika/oko-new-2009-acta.png) no-repeat scroll 160px 10px;
	vertical-align: middle;
	text-align: left;
}
TABLE#head TD#face {
	width: 160px;
	text-align: center;
	vertical-align: top;
}
/* === listy w stopce === */
#footer UL {
	margin: 2px auto 2px 20px;
	vertical-align: top;
	background-color: transparent;
}
* html #footer UL {
	margin: 4px auto 2px 24px;
}
#footer UL LI {
	display: inline;
	font-weight: normal;
	text-align: left;
	margin-right: 6px;
}
/* ======= formatowanie menu ======= */
#menubottom {
	font: normal normal 600 120%/normal "Courier New", Courier, monospace;
}
#menubottom A {
	color: #333;
}
#menutop UL {
	margin: 16px 0px 0px 16px;
}
#menu {
	margin: 0px;
	height: 24px;
	padding: 0.2em 0px 0.0em 0px;
	font-weight: normal;
	background-color: #33AD8D;
/*	background-color: #F6F2D6;*/
	vertical-align: middle;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, Serif;
	letter-spacing: 1px;
	border-bottom: 2px solid #33AA8A;
}
* HTML #menu {
	background-color: #33AD8D;
	padding: 0.2em 0px 0.0em 0px;	
}
#menu UL {
	margin: 0px 0px 0px 0px;
	background-color: transparent;
}
* html #menu UL {
	margin: 0px 0px 0px 8px;
}
#menu LI {
	display: inline;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px 0px 0px 8px;
	padding: 0px;
}
#menu LI.first {
	margin-left: -40px;
	vertical-align: middle;
}
* html #menu LI.first {
	margin-left: -8px;
}
#menu LI A:link, #menu LI A:visited {
	font-weight: bold;
	padding: 0.1em 0.7em 0.1em 0.7em;
	margin: 0px;
	text-decoration: none;
	background-color: #33AD8D;
	color: #FEFAE0;
}
* html #menu A:link, * html #menu A:visited  {
	padding: 0.7em 1.0em 0.4em 1.0em;
	margin: 0px;
}
#menu LI.first A:link, #menu LI.first A:visited {
	padding: 0.2em 16px 0.1em 16px;
}
* HTML #menu LI.first A:link, * HTML #menu LI.first A:visited {
	padding: 0.6em 0.6em 0.1em 20px;
}
#menu LI A:hover, #menu LI A:active {
	text-decoration: underline;
	margin: 0px;
}
#menu-b {
	background-color: #f1f1f1;/*#fc6 #99cc99;*/
	/*background: transparent url(../grafika/back-left.jpg) no-repeat left top;*/
	/*background: #0099ff url(../grafika/snow.png) repeat-y -32px top;*/
	/*margin-top: 30px;*/
	padding-top: 8px;
	padding: 16px 4px 8px 20px;

}
#menu-b A, #menu-b A:link {
	display: block;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 100%;
	background: transparent;
	letter-spacing: 1px;
	text-decoration: none;
	font-weight: bold;
	color: #366;	
	margin-bottom: 0.3em;
	padding: 1px 2px 2px 2px;
	border-bottom: 1px solid #bfbfbf;

}
#menu-b a#spec, #menu-b a#spec:visited {
	display: block;
	padding: 10px 0px 0px 10px;
	height: 1.3em;
	background: #FF6161;
	color: #fff;
	font-size: 3em;
	font-weight: bolder;

}
/*#menu-b A:first-letter, #menu-b A:link:first-letter {
	font-size: 160%;
	font-weight: bolder;
}*/
#menu-b A:visited {
	display: block;
	background-color: transparent;
	color: #699; /*#9cc;*/
	text-decoration: none;
}
#menu-b A:hover {
	background-color: #fcfcfc;
	text-decoration: underline;
	color: #366;
}
#menu-top {
	text-align: right;
	background-color: #EFEFC2;
	font-size: 0.9em;
}
#menu-top SPAN {
	background-color: transparent;
	padding: 4px 1em 2px 1em; 
}
#menutop LI {list-style-type: none;}
/* === END menu === */
.ramka-iframe{
	z-index: 1;
	height: 400px;
	width: 100%;
	text-align: right;
	padding: 2px;
	border: 1px solid #666;
	}
/* ======= NEWSY =======*/
H4.news {
		margin-top: 0.1em;
		margin-bottom: 0em;
		font-weight: 500;
}
H5.news {font-weight: bold;}
H5.news A:link {color: #f90;}
P.news, DIV.news, DIV.data {
	font-size: 100%;
	font-family: Verdana,Arial,"Arial CE",Helvetica,sans-serif;
}
P.news, DIV.news {margin-bottom: 1em;border-bottom: 1px solid #ccc;}
DIV.data {margin-bottom: 0px;}
.data { font-weight: normal;}
.podpis, .author {
	margin-top: 6px;
	font-size: smaller;
}
.podpis {
	text-align:right;
}
#news .author {margin-top: 0px;}
DIV.author {margin-bottom: 0.4em;}
DIV.author, DIV.data { color: #777}
/* === END NEWSY === */
/* ======= images section - wstawianie obrazkĂłw w stronÄ™ ======= */

/* plywajace do prawej */ 
DIV.images{
/*	width: 30%;*/
	height: auto;
	max-width: 70%;
	margin-left: 1em;
	float: right;
	padding: 0px 0px 4px 4px;
	text-align: center;
}
DIV#reklama{
	margin: 1em 0.0em 1em 0.0em;
	padding: 6px;
	background-color: #FFDEAD;
	text-align: center;
	border: 2px groove #f90;
}
/* plywajace do lewej */
DIV.images-l {
	width: auto;
	height: auto;
	max-width: 70%;
	margin-right: 0.6em;
	float: left;
	padding: 0px 10px 0px 0px;
}
/* po lewej bez plywania */
DIV.images-x {
	margin: 0em 0px;
	padding: 2px 0px;
	text-align: center;
}
/* wycentrowane */
DIV.images-y {
	text-align: center;
	margin: 0em 0px;
	padding: 2px 0px;
}
DIV.images IMG, DIV.images-l IMG {
	display: block;
}
/* obrazek jako miniatura w galerii albo jako link w ogole */
DIV.images A IMG, DIV.images-l A IMG, DIV.images-x A IMG, DIV.images-y A IMG {
	border: 1px solid #d7d7d7;
	margin-bottom: 4px;
}
DIV.images A:hover IMG, DIV.images-l A:hover IMG, DIV.images-x A:hover IMG, DIV.images-y A:hover IMG {
	border: 1px solid #F63;
}
DIV.images A:active IMG, DIV.images-l A:active IMG, DIV.images-x A:active IMG, DIV.images-y A:active IMG {
	border: 1px solid #F3A005;
}
/* === wstawianie podpisow pod obrazkami === */
/* mozesz uzywac P i SPAN */
DIV.images P, DIV.images-l P {
	margin: 0px 0px 1em 0px;
}
DIV.images SPAN, DIV.images P, DIV.images-l P, DIV.images-x P, DIV.images-y P {
	font-family: "Courier New", Courier, monospace;
	font-size: 110%;
	white-space: normal;
	margin-top: 0px;
}
/* ======== tytuly ======= */ 
H1 {
	color: #666;
	border-bottom: 1px solid #33AD8D;	
	font: normal normal 500 180%/normal Georgia, "Times New Roman", Times, Serif;
	margin-top: 1.2ex;
	margin-bottom: 1em;
	letter-spacing: 1px;
	text-transform: capitalize;
}
H2 {
	color: #666;
	font: normal normal 600 160%/normal "Courier New", Courier, monospace;
	margin-top: 1.2ex;
	letter-spacing: 1px;
	border-bottom: 1px solid #ccc;	
}
h2.podstr-title {margin-top: 0px;background: #fc3;font-family: Arial, Helvetica, sans-serif;padding: 2px 2px 4px 4px;}
H3 {
	letter-spacing: 1px;
	font: normal normal 400 180%/normal "Trebuchet MS",Trebuchet,Arial, Helvetica, Sans-Serif;
}
#right H3 {
	margin-top: 2em;
	}
H4 {
	letter-spacing: 1px;
	font: normal normal 600 110%/normal Tahoma,Verdana,Arial, Helvetica, Sans-Serif;
}
H5 {font-size: 90%;font-weight: 600;}
/* #FAFAFA; */
/* blok gramy na stronie glownej i wykazu imprez */
.film {position: relative !important;}
.seans {margin: 0px 0px 2px 0px;padding: 2px;border: 1px solid #cc9900;background: #f7f7f7;}
.seans-short {
/*	position: absolute !important; 
	z-index: 1000;
	left: 0px;
	top: -26px;
	width: 540px;
	height: 1,5em;
	*/
	color: #666;
	margin: 0px 0px 6px 0px;
	padding: 0px 4px;
	font-size: 1.5em; 
	text-align: right;
	}
.seans-short span.data {background: #868686;color: #6633ff;}
.seans-short span.data span.godz {color: #ffcc00;}

#gramy H3, #spis-imprez H3 {padding: 0px 0px 6px 0px;margin-bottom: 4px;margin-top: 0px;}
#gramy .film P, #spis-imprez .film P, #sztdok .film P {margin: 0px;}
/*#gramy .seans,*/
#sztdok .seans {margin: 0px 0px 2px 0px;padding: 2px;background-color: #ffcc00;}
#gramy .film, #sztdok .film, #zajawka .film {
	margin: 0px 0px 1.4em 0px;
	padding: 1em 4px 2em 8px;
	padding-bottom: 2em; 
	border-radius: 12px;
	border: 1px solid #e7e7e7;
	clear: left;
	background: transparent url(../grafika/bg-film.jpg) top left repeat-x;
	width: 538px;
}
#gramy .film h3, #gramy .film h3 a {color: #990066;}

DIV#namiar {
	z-index: 1;
	margin: 1em 8px 3em 8px;
}
#namiar .info {
	border-top: 1px solid #c93;
	margin-top: 1em;
}
.info H2 {
	margin-top: 0px;
}

LI#gadul, LI#email, LI#tel, LI#techn, LI#kom { 
	list-style-position: outside;
	font-weight: bold;
	vertical-align: middle;
	margin-bottom: 1.5em;
	padding-left: 12px;
	}
* html LI#gadul, * html LI#email, * html LI#tel, * html LI#techn, * html LI#kom { 
	height: 30px;
}
#gadul {
	list-style-image: url(../images/gadulce.gif);
}
#email {
	list-style-image: url(../images/koperta.gif);
}
#tel {
	list-style-image: url(../images/tel.gif);
}
#kom {
	list-style-image: url(../images/kom.gif);
}
#techn {
	list-style-image: url(../images/tech.gif);
}
A:link {
	color: #00A87E;
	text-decoration: none;
}
/*  #33AD8D  */
A:visited {
	color: 	#888;
	text-decoration: none;
}	
A:hover {
	color: 	#33AD8D;
	text-decoration: underline;
}
a:focus {border: 1px solid #ff0033;padding: 2px;text-decoration: none;font-size: 1.2em;}
#gramy h3 A:link:after, 
#gramy h3 A:visited:after, 
#gramy h3 A:hover:after, 
#gramy A.more:link:after, 
#gramy A.more:visited:after, 
#gramy A.more:hover:after,
#spis-imprez h3 A:link:after, 
#spis-imprez h3 A:visited:after, 
#spis-imprez h3 A:hover:after { 
	content: ' > ';
	color: #FF0066;
}
A.this-site-down:link:after, A.this-site-down:visited:after { 
	content: " xxxxx";
	color: #fff;
	font-size: 90%;
	font-family: "Courier New", Courier, monospace;
	
}
A.this-site-down:hover:after { 
	content: " w dół";
	color: #c00;
	font-size: 90%;
	font-family: "Courier New", Courier, monospace;
	
}

H2 A:link {
	color: #000;
	text-decoration: none;
}	
H2 A:hover {
	text-decoration: underline;
}
A.more, A.more:link, A.more:visited{
	display: block;
	float: right;
	margin: 0.6ex 3px 6px 0px;
	background-color: transparent;
}
IMG.gora {
	position: absolute; 
	top: -4px;
	right: 18px;
	z-index: 10;
	text-align: left;
	margin-right: 6px;
}
A:hover IMG.gora {
	background-color: transparent;
}
A.gora,A.gora:link,A.gora:visited{
	color: 	#603;
	margin: 30px 4px 0px 4px;
	width: 70px;
	text-decoration: none;
	font-weight: normal;
	float: right;
}
.extlink {
	white-space: nowrap;
}
A.gora:hover{text-decoration: underline;}
A.gora:active{background-color: #e0e0e0;}
/* ======= blockery ======= */
.blocker, .blocker580 {clear: both;height: 1px;width: 580px;}
.blocker1, .blocker700 {clear: both;height: 1px;width: 700px;}
.blocker0 {clear: both;height: 1px;}
.blocker0left {clear: left;height: 1px;}
.blocker3, .blocker500 {clear: both;height: 1px;width: 500px;margin-bottom: 2em;}
.blocker3right, .blocker500right {clear: right;height: 1px;width: 500px;margin-bottom: 2em;}
.blocker2, .blocker500left {clear: left;height: 1px;width: 500px;margin-bottom: 2em;}
.blocker180 {clear: both;height: 1px;width: 200px;margin-bottom: 1em;}

.nielam {white-space: nowrap;}
.norm {font-weight: normal;}
/* zamykanie od dolu zawartosci glownego panelu */
DIV.end {
clear: left;
	margin-top: 1em;
	margin-bottom: 2em;
	border-top: 1px solid #76E1A9;
	padding-top: 3px;
	}
DIV.end-br {
	margin-top: 1em;
	padding-top: 3px;
	margin-bottom: 0.4em;
	}

HR {height: 1px;color: #ccc;}
/* ======= inne ==================== */
.dymek {
    position: absolute;
    top: -14px;
    right: 6px;
    z-index: 1000;
    font-size: 70%;
    text-align: center;
/*     color: #152a1d;
 */  
		border: 2px solid #FFFFFF;
    opacity: 1;
    border-radius: 6px 6px 0px 0px;
    filter: alpha(opacity=100);
    padding: 2px 4px;
    background: #F7F7F7;
/*.dymek {
    position: absolute;
    top: -10px;
    right: 6px;
    z-index: 1000;
    font-size: 70%;
    text-align: center;
*/ 
/*     color: #152a1d;
 */
/*    color: #f7f7f7;
		border: 2px solid #f7f7f7;
    padding: 2px 4px;
    background: #cc0000;
*/
/*     background: #C1FFDD;
 */           /* width: 155px;
    height: 61px;
    background: transparent url(../images/dymek-gora-prawy.png) top left no-repeat;
    color: #DCDCDC;
    padding: 10px 0px 0px 4px;

 */
}
/* ======= formatowanie list ======= */
OL.roman {list-style-type: upper-roman;}
UL.ziel li {list-style-image: url(../images/zn.gif);}
UL.bordo li {list-style-image: url(../images/zb.gif);}
UL LI.tu {list-style-image: url(../images/tulnk.gif);}
UL LI.tam {list-style-image: url(../images/pagelnkl.gif);}
UL LI.ext {list-style-image: url(../images/extlnkl.gif);}
UL LI.wazne {list-style-image: url(../images/znak1.gif);}
UL.znak {
	margin-top: 0px;
	padding-top: 0px;
	list-style-image: url(../images/znak.gif);
}
UL.wazne LI {font-size: 114%;margin-bottom: 0.6em;}
UL.menu-d LI {margin-left: 0.8em;}
ul.nic li {list-style-type: none;}
LI {
	margin-bottom: 0.4em;
}
/* do EM i SPAN specjalne */
EM {font-weight: bolder;
	font-style: normal;
	}
.wazne {font-size: 100%; font-weight: bolder;font-style: normal; color: #cc0000;/*background-color: #cccc00; padding: 2px;*/}
.zmiana-old {text-decoration: line-through; font-size: inherit;}
.zmiana-new {text-decoration: none; color: #ff6666;font-size: 3ex;}
.spec {
	background-color: #ffcc00;padding: 10px;text-align: left;
}
.cos-extra {
	text-align: center;
	background: #ff0000;
	color: #ffffff;
	padding: 2px 4px;
}
.red {color: #FF0033;}
.color-norm {color: black;}
.black {
	text-align: center;
	background: #000000;
	color: #ffffff;
	padding: 2px 4px;

}
.extra {font-size: 130%;}
.wazne-spec {
	font-family: Arial,Georgia, "Times New Roman", Times, Serif;
	font-size: 1.5em;
	font-weight: bolder;
	font-style: normal;
	color: #333;
	margin-right: 1px;
}
.mocne {
	font-weight: bold;
}
.italic {font-style: italic;}
.rules UL LI {font-size: 100%;}
.rules P {font-size: 100%;}
.centruj {
	text-align: center;
}
/* superscript */
.super {
	vertical-align: super;
	font-size: smaller;  
}
/* koniec stylĂłw dla EM i SPAN */
/* ======= formatowanie list definicji np do wywiadow ======= */
DT {font-weight: 600;margin-bottom: 0.2em;}
DD {
	margin-bottom: 0.6em;
	margin-left: 1.5ex;
}
/* ======= tabele ======= */
TABLE TD.namiar{
	font-weight: bold;
	padding-bottom: 0.6em;
	width: 75%;
}
* HTML TABLE#kontakt TD {
	/*font-size: 0.8em;	*/
}
* a.extlink:after {
	white-space: nowrap;
	content: url(../grafika/extlnk.gif) !important;
	display: inline;
	margin-left: 3px;
}
* a.powrot-link:before {
	white-space: nowrap;
	content: ' < ';
	color: #c00;
}
.lewa-wstawka {
	margin: 0.4em 0px;
	padding: 2px 1px;
}
.podpis-cytatu {text-align: right;margin-top: 0px;padding-top: 0px;font-size: smaller;color:#666;}
.szary {color: #acacac;}
.error-com {text-decoration: line-through;}
.big {font-size: larger;}
.border-b {border-bottom: 1px solid #ccc;}
.serif { 
    font-family: "Times New Roman", Georgia, Times, Serif;
} 
.ukryj {display: none;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    width: 100%;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}  /* for IE/Mac */
.film A.more, .film A.more:link, .film A.more:visited {
    /* background-color: #F4E8FF;  kolor wyjsciowy */
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #e0e0e0 58%, #d7d7d7 61%, #aaaaaa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(58%,#e0e0e0), color-stop(61%,#d7d7d7), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e0e0e0 58%,#d7d7d7 61%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f7f7f7 0%,#e0e0e0 58%,#d7d7d7 61%,#aaaaaa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#e0e0e0 58%,#d7d7d7 61%,#aaaaaa 100%); /* IE10+ */
    background: linear-gradient(top,  #f7f7f7 0%,#e0e0e0 58%,#d7d7d7 61%,#aaaaaa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */

    border-radius: 8px;
    margin: 0ex 3px 6px 0px;
    padding: 2px 6px;
    border: 1px solid #e7e7e7;
}
.slide {
  width: auto;
  height: 10em;
  overflow: hidden;
  background: #f9f9f9;
  border: 1px solid #e7e7e7;
  margin-bottom: 0.4em;
  padding: 3px;
  transition: height 2s linear;
  -webkit-transition: height 2s linear;
  -moz-transition: height 2s linear;
  -o-transition: height 2s linear;
  -chrome-transition: height 2s linear;
}
.slide:before {content: "najedź myszą i rozwiń";color: #ee2836;dispay: bock;}

.slide:hover {
  height: auto;
}
.expand-item { position: relative; }
.expand-menu-item {
	position: absolute;
	top: -16px;
	left: -16px;
	z-index: 9999;
  width: 0px;
  height: 0px;
	visibility: hidden;
  background: transparent url(../images/logo-grand-off.png) 0 0 no-repeat;
 /*  border: 1px solid #e7e7e7; */
	text-align: center;
	font-size: 300%;
	color: #001F7F;
  margin: 0px;
  padding: 0px;
	line-height: 160%;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
  transition: height 1s linear, width 1s linear;
  -webkit-transition: height 1s linear, width 1s linear;
  -moz-transition: height 1s linear, width 1s linear;
  -o-transition: height 1s linear, width 1s linear;
  -chrome-transition: height 1s linear, width 1s linear;
}

.expand-item:hover .expand-menu-item {
	visibility: visible;
	overflow: visible; 
  height: 206px;
	width: 270px;
	text-decoration: none;
}
.small {font-size: smaller;}
a.w-ramce {
	display: block;
	margin: 0.1em 2px;
	background: #fff;
	border: 1px solid #999;
	text-align: center;
	font-weight: bold;
}
/*eof*/