/* CSS Document - MARKO www.marko.suwalki.pl */

html, body{background-color:black;background-image:url(skin/bg.gif);background-repeat:repeat-x;margin:0;padding:0;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:11px;margin-left:auto;margin-right:auto; height:101%;}


/* ---------------------- Szablon strony ---------------------- */
#szablon{background-color:black;width:777px;margin-left:auto;margin-right:auto;}
#NAGLOWEK{background-color:black;width:100%;height:76px;}
#PREZENTACJA{background-color:#5a0404;width:100%;overflow:hidden;height:180px;}
#INFORMACJE{background-color:black;background-image:url(skin/bg.szablon.gif);background-repeat:repeat-y;width:100%;overflow:hidden;}
#STOPKA{background-color:black;width:100%;overflow:hidden;height:52px;}
#menu_vertical{float:left;padding-left:30px;padding-right:0px;}
#ramka_oferta{width:520px;margin-left:10px;background-image:url(skin/bg.ramka1.gif);background-repeat:repeat-y;float:left;overflow:hidden;padding-left:10px;padding-right:5px;min-height:300px;}
#ramka2{width:570px;float:left;overflow:hidden;}
#ramka_galeria{width:620px;overflow:hidden;margin-left:auto;margin-right:auto;}
#ramka_kontakt{width:740px;background-image:url(skin/bg.ramka1.gif);background-repeat:repeat-y;overflow:hidden;padding-left:0px;padding-right:0px;margin-left:auto;margin-right:auto;}

/* ---------------------- Fonty ---------------------- */
.styl1{font-family:Helvetica,Arial,Verdana,sans-serif;font-size:14px;color:white;font-weight:bold;}
.styl2{font-family:Helvetica,Arial,Verdana,sans-serif;font-size:11px;color:gray;font-weight:normal;}
.styl3{font-family:Helvetica,Arial,Verdana,sans-serif;font-size:11px;color:white;font-weight:normal;}
.styl4{font-family:Helvetica,Arial,Verdana,sans-serif;font-size:11px;color:black;font-weight:normal;}
.styl5{font-family:Helvetica,Arial,Verdana,sans-serif;font-size:11px;color:#CCCCCC;font-weight:normal;}
.styl6{font-family:Helvetica,Arial,Verdana,sans-serif;font-size:11px;color:black;font-weight:bold;}

/* ---------------------- Linki ---------------------- */
.linki_1 a:link, a:visited{text-decoration:none;color:white;}
.linki_1 a:hover{color:white;}
.linki_2 a:hover{color:red;}
.linki_2 a:link, a:visited{text-decoration:none;color:red;}

/* ---------------------- Menu główne ---------------------- */
#menu_glowne{position:relative;height:0px;font-family:Helvetica,Arial,Verdana,sans-serif;
background-color:black;background-image:url(skin/menu.bg.gif);background-repeat:repeat-x;position:relative;height:28px;width:510px;font-size:12px;font-weight:bold;padding:0 0 0 6px;overflow:hidden;margin-left:auto;}
#menu_glowne ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#menu_glowne ul li{display:block;float:left;margin:0 1px;}
#menu_glowne ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 15px;height:28px;}
#menu_glowne ul li a span{padding:8px 15px 0 0;height:1px;float:left;}
#menu_glowne ul li a:hover{color:#fff;background:transparent url(skin/menu.bg.on.gif) repeat-x bottom left;}
#menu_glowne ul li a:hover span{display:block;width:auto;cursor:pointer;}
#menu_glowne ul li a.current,#menu_glowne ul li a.current:hover{color:#fff;background:#510001 url(skin/menu.left.on.gif) no-repeat top left;line-height:225%;}
#menu_glowne ul li a.current span{display:block;padding:0 15px 0 0;width:auto;background:#510001 url(skin/menu.right.on.gif) no-repeat top right;height:28px;}

/* ---------------------- Menu oferta ---------------------- */
ul#menu_oferta,
ul#menu_oferta li,
ul#menu_oferta ul{margin:0;border:0 none;padding:0;width:160px;/*For KHTML*/ list-style:none;}
ul#menu_oferta li{ display:block!important;/*For GOOD browsers*/ display:inline;/*For IE*/ position:relative;}
/* Root Menu */
ul#menu_oferta a{ border:1px solid #FFF;border-right-color:#CCC;border-bottom-color:#CCC;padding:0 6px;display:block;background:#EEE;color:black;font:bold 10px/22px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;height:auto !important;height:100%;/*For IE*/}
/* Root Menu Hover Persistence */
ul#menu_oferta a:hover,
ul#menu_oferta li:hover a,
ul#menu_oferta li.iehover a{ background:#CCC;color:#FFF;}
/* 2nd Menu */
ul#menu_oferta li:hover li a,
ul#menu_oferta li.iehover li a{ background:#EEE;color:black;}
/* 2nd Menu Hover Persistence */
ul#menu_oferta li:hover li a:hover,
ul#menu_oferta li:hover li:hover a,
ul#menu_oferta li.iehover li a:hover,
ul#menu_oferta li.iehover li.iehover a{ background:#CCC;color:#FFF;}
/* 3rd Menu */
ul#menu_oferta li:hover li:hover li a,
ul#menu_oferta li.iehover li.iehover li a{ background:#EEE;color:black;}
/* 3rd Menu Hover Persistence */
ul#menu_oferta li:hover li:hover li a:hover,
ul#menu_oferta li:hover li:hover li:hover a,
ul#menu_oferta li.iehover li.iehover li a:hover,
ul#menu_oferta li.iehover li.iehover li.iehover a{ background:#CCC;color:#FFF;}

ul#menu_oferta ul,
ul#menu_oferta ul ul,
ul#menu_oferta ul ul ul{ display:none;position:absolute;top:0;left:160px;}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu_oferta li:hover ul ul,
ul#menu_oferta li:hover ul ul ul,
ul#menu_oferta li.iehover ul ul,
ul#menu_oferta li.iehover ul ul ul{ display:none;}

ul#menu_oferta li:hover ul,
ul#menu_oferta ul li:hover ul,
ul#menu_oferta ul ul li:hover ul,
ul#menu_oferta li.iehover ul,
ul#menu_oferta ul li.iehover ul,
ul#menu_oferta ul ul li.iehover ul{ display:block;}

/* ---------------------- Oferta podstrony ---------------------- */
.podstrony{clear:both;margin:0;padding:20px 0;text-align:right; padding-right:10px;}
.podstrony li{display:inline;margin:0 1px;padding:0;}
.podstrony li a{padding:2px 4px;border:1px solid #ffd5d5;text-decoration:none;color:#cf0400;}
.podstrony li a:hover{padding:2px 4px;border:1px solid #FFF;background-color:#cf0400;color:white!important;text-decoration:none;}
.aktywny a{background-color:#cf0400!important;color:white!important;}

/* ---------------------- Galeria podstrony ---------------------- */
.podstrony2{clear:both;margin:0;padding:20px 0;text-align:right; padding-right:10px;}
.podstrony2 li{display:inline;margin:0 1px;padding:0;}
.podstrony2 li a{padding:2px 4px;border:1px solid #ffd5d5;text-decoration:none;color:#cf0400;}
.podstrony2 li a:hover{padding:2px 4px;border:1px solid #FFF;background-color:#cf0400;color:white!important;text-decoration:none;}
.aktywny2 a{background-color:#cf0400!important;color:white!important;}

/* ---------------------- Lightbox ---------------------- */
#lightbox{	position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox img{ width:auto;height:auto;}
#lightbox a img{ border:none;}
#outerImageContainer{ position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{ padding:10px;}
#loading{ position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{ position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}
#prevLink, #nextLink{ width:49%;height:100%;background-image:url(data:image/gif;base64,AAAA);/* Trick IE into showing hover */ display:block;}
#prevLink{ left:0;float:left;}
#nextLink{ right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover{ background:url(skin/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover{ background:url(skin/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%	;}
#imageData{	padding:0 10px;color:#666;}
#imageData #imageDetails{ width:70%;float:left;text-align:left;}	
#imageData #caption{ font-weight:bold;}
#imageData #numberDisplay{ display:block;clear:left;padding-bottom:1.0em;}			
#imageData #bottomNavClose{ width:66px;float:right;padding-bottom:0.7em;outline:none;}	 	
#overlay{ position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}