/*################### TODO LIST #####################
###
###   	+ CSS improvements
###			
###
####################################################*/

BODY{
background-image: url('images/primary-background.png');
margin-top: 20px;
margin-bottom: 20px;
height: 100%;
}
div { display: block;  float: left;  width: 750px; overflow: hidden; }
div,p,a,span { font-family:  Arial, Verdana, sans-serif; }
h3,h4,h5,h6 { margin: 0px; }
h1 {font-size: 30px; margin-top: 0px; margin-bottom: 0px;}
h2 {font-size: 25px; margin-top: 0px; margin-bottom: 0px; color: #66ccff;}

A{color: #00509b; text-decoration: none; }
A:hover{color: #888888;}

.lightblue {color: #00509b;}
.lightblue:hover {color: #0066cc;}

.upperpowiaty { color: black;  padding: 1px; }
.upperpowiaty:hover { background-color: #00509b; color: white; }

.newshref{color: #fff; }
.newshref:hover{color: #f0f0f0; text-decoration: underline 1px dotted; }

.hrefhotel_full { color: #93ddff; text-decoration: none; }
.hrefhotel_full:hover { color: #66cccc; }

.hrefpanel { color: white; text-decoration: none; }
.hrefpanel:hover { color: #eee; text-decoration: underline; }

.r { float: right; }
.l { float: left; }
.b { font-weight: bold; }
.center { margin-left: auto; margin-right: auto; float: none; }
.m0 {margin: 0px;}
.m10 { margin: 10px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
/* SEKCJE */
.main { height: 100%; }                                            /* Kontener na cala strone */
.maincontent { height: 100%; width: 750px; background-color: white; background-image: url('images/red_border.jpg'); background-repeat: repeat-y; background-position: -5px 0px;  clear: both; }            /* Zagniešdšona w main */
.news { height: 20px; }                                            /* pasek na niusy */
.logo { height: 150px; background-image: url('images/logo.png'); } /* DIV z logo */
.spacer  {height: 1px; width: 100%;}
.spacer2 {width: 100%; height: 2px; background-image: url('images/spacer2.jpg'); float: right;  }
.uppermenu { background-image: url('images/uppercontainer_bg.jpg'); background-repeat: repeat-y; background-color: white; padding-bottom: 5px; }                                       /* Gorne menu */
.shadow { height: 3px; width: 100%; }															 /* CIENIE - DWN do stosowania na dole UP na gorze obiektu */
.rbar{ width: 255px; }                                             /* KOLUMNA PRAWA */
.lbar{ width: 495px; }																						 /* KOLUMNA LEWA */
.foot { height: 70px; background-image: url('images/foot_bg.jpg'); background-color: white; background-repeat: repeat-x; font-size: 10px; width: 760px; }
.footcontainer { height: 78px; width: 760px; }
.foot_left {width: 510px; margin: 10px;}
.foot_right {width: 200px; margin: 10px; text-align: right; color: #333;}
/* KONTENERY NA HOTELE // WIDE - DOL // BIG - GORNE */
.bigcontainer { width: 745px; background-color: white; float: right; }
.bigcontainerbg { width: 750px; clear: both; }																					/* kolory definiowac przez .redbg .greenbg i bluebg */
.widecontainer { width: 745px; background-color: white; float: right; }
.widecontainerdwn { width: 745px; height: 100%; background-color: white; float: right; display: table-column-group; background-image: url('images/smallcellbg.jpg');}
/* FONTY */
.px10 { font-size: 10px; }
.px11 { font-size: 0.7em; }
.px12 { font-size: 12px; }
.px14 { font-size: 14px; }
.px18 { font-size: 18px; }
.street{ color: #999999; font-size: 11px; display: block; }
.name  { color: #00509b; font-weight: bold; }
.city  { color: #000; font-weight: bold; }
.white { color: white; } 
h3{
font-size: 20px;
line-height: 25px;
letter-spacing: -1px;
font-weight: normal;
display: inline;
}
/*********************************** GÓRNY BAR Z NEWSEM 24
***************************************************************************/
.newsico{
width: 20px;
background-image: url('images/newsicon.gif');
}
.newscontent{
width: 639px;
background-image: url('images/newsbg.png');
line-height: 20px;
color: white;
font-size: 12px;
}
.newsfav { width: 91px; }
#favbutton{height: 20px; width: 91px; border:0px;}
/*********************************** DIV Z DUZYM BANNEREM NA GORZE + MALY
***************************************************************************/
.banner.big { height: 200px; background-image: url('images/banner_huge.jpg'); }
.banner.small { width: 728px; height: 90px; border: 5px solid white; }
/*********************************** GÓRNE MENU
***************************************************************************/
.uppercontainer{
float: left; 
width: 240px;
height: auto;
background-image: url('images/uppermenu_bg.jpg');
background-color: white;
background-repeat: repeat-y;
}
ul{list-style-type: none; padding: 0px; }
.ulupper { list-style-image: url('images/pointer.gif');  padding: 0px; padding-left: 16px; margin: 2px 0px 0px 0px; float: left;}
.liuppermenu{ height: auto; font-size: 12px; }
.uppercolumnl { width: 153px; height: auto; margin-left: 5px; }
.uppercolumnr { width: 73px; height: auto; margin:10px 0px 0px 0px; }
.upperarrow { width: 15px; background-image: url('images/uppermenu_arrow.jpg'); height: 92px; float: left;  }
.upperhead {width: 153px; font-size: 14px; margin: 2px 0px 0px 0px;}
/*********************************** CIENIE
***************************************************************************/
.up  { background-image: url('images/shadow_up.jpg');  }
.dwn { background-image: url('images/shadow_dwn.jpg'); }
/*********************************** KOLORY POJEMNIKÓW NA KONTENERY
***************************************************************************/
.redbg { background-color: #f50000; }
.bluebg { background-color: #0096db; }
.greenbg { background-color: #77b800; }
/*********************************** DUŻĄ KOMÓRKA Z HOTELEEM
***************************************************************************/
.bigcell{ height: 100%; margin-top: 5px; }
.thumbcell { width: 165px; }
.thumb{
width: 150px;
margin-top: 11px;
padding: 1px;
border: solid 1px #b0b0b0;
float: right;
}
.nothumb_small
{
width: 150px;
margin-top: 11px;
padding: 0px;
border: none;
float: right;
}
.bigcellcontent{
width: 315px;
background-image: url('images/bigcellbg.png');
background-repeat: no-repeat;
background-position: 0px 11px;;
padding-left: 10px;
}
/*********************************** GWIAZDKI
***************************************************************************/
.star { width: 125px; height: 25px; float: none; }
.on { width: 25px; background-image: url('images/star_on.png'); float: left; }
.off{ width: 25px; background-image: url('images/star_off.png'); float: left; }
/*********************************** IKONKI
***************************************************************************/
.icontable {min-height: 16px; width: 315px; display: table-row; margin-bottom: 5px; }
.sctable { width: 140px; margin-top: 5px; display: table; }
.icon {width: 16px; padding-right: 1px; display: table-cell; }
.iconspacer { height: 1px; width: 100%; float: left; }
/*********************************** GRADIENT PRZEJSCIA MIEDZY SEKCJAMI STRONY + BG MALEGO BANNERU
***************************************************************************/
.bluered{ height: 10px; background-image: url('images/transition_blue_red.png'); }
.redgreen { height: 30px; background-image: url('images/transition_red_green.png'); background-position: 0px -30px; background-color: #77b800; background-repeat: repeat-x; }
/*********************************** HOTELE NA DOLE
***************************************************************************/
.powiatycolumn{width: 149px; float: left; display: inline-table; height: auto; overflow: visible;}
.smallcell { width: 149px; height: 100%; float: left; display: table-cell;}
.sccontent { background-image: url('images/hotele_powiaty_bg.jpg'); }
.sccontent2 { background-image: url('images/hotele_powiaty_bg2.jpg');}
.scspacer { height: 3px; background-image: url('images/hotele_powiaty_spacer.jpg'); float: left;}
.schead{
height: 45px;
width: 135px;
background-image: url('images/hotele_powiaty_head_bg.jpg');
border-top: 1px solid #bcbcbc;
line-height: 12px;
float: left;
}
.scarrow { 
background-image: url('images/hotele_powiaty_arrow.jpg');
border-top: 1px solid #bcbcbc;
width: 14px; 
height: 45px; 
float: left;
}
.scarrowr {
background-image: none;
background-color: #f4f4f4;
border-top: 1px solid #bcbcbc;
float: left;
}
/*********************************** MOAR 
***************************************************************************/
.moar{ margin: 1px 0px 0px 0px; padding-bottom: 5px; border: 0px;}
.moar:hover{ margin: 0px 0px 1px 0px; }
/*********************************** STOPKA
***************************************************************************/
.search { height: 30px; width: 240px; background-image: url('images/search_top.jpg'); overflow: hidden; }
.searchline { width: 230px; background-image: none; height: 20px; }
.searchlineselect {height: 20px; width: 100px;}
.searchlinelabel {height: 20px; width: 130px;}
.searchbottom { background-image: url('images/search_bottom.jpg'); }
.searchcontent { height: 190px; background-image: url('images/search_mid.jpg'); }
.searchcell { width: 115px; height: 16px; background-image: none; }
.edges{ height: 8px; width: 760px; background-image: url('images/foot_edge.jpg'); margin: 0px; padding: 0px; }
/*********************************** TAGI
***************************************************************************/
.tag{  text-decoration: none; font-variant: small-caps; display: inline-block;}
.tags{ width: 200px; height: 100%; margin: 5px 0px 5px 0px; text-align: center; }
.tags2{ width: 250px; height: 100%; margin: 5px 0px 5px 0px; text-align: center; }
.tag0{ color: #f50000; font-size: 46px; }
.tag1{ color: #f50000; font-size: 30px; }
.tag2{ color: #ff3333; font-size: 24px; }
.tag3{ color: #ff6666; font-size: 20px; }
.tag4{ color: #ff9999; font-size: 18px; }
.tag5{ color: #ffcccc; font-size: 16px; }
/*********************************** WLASCIWOSCI POL SEARCHA
***************************************************************************/
.searchselect{width: 100px; float: right; height: 18px; font-size: 12px; background-image: url('images/panel/input.jpg'); border: 1px solid #c7c7c7;}
.searchcheck{border: 1px solid #c7c7c7; padding: 0px; margin: 0px;}
.searchlabel{font-size: 13px;}
.smallsearchlabel{font-size: 10px;}
input[type="checkbox"], input[type="radio"]{background-color: transparent; border: 1px solid #c7c7c7; }
/*********************************** WLASCIWOSCI POL PANELU
***************************************************************************/
#panelselect{ width: 130px; height: 20px; border: 0px; font-family: Calibri, Tahoma, Verdana, sans-serif; background-image: url('images/panel/input.jpg');  border: 1px solid #c7c7c7; margin: 0px 5px;}
input{ margin: 0px 5px; background-image: url('images/panel/input.jpg');}
.textinput{ height: 16px; border: 1px solid #c7c7c7; background-image: url('images/panel/input.jpg'); font-weight: bold; font-size: 12px; color: #00509b; }
.textarea{ height: 100px; width: 300px; border: 1px solid #c7c7c7; background-image: url('images/textarea_bg.jpg'); font-weight: bold; font-size: 12px; color: #00509b; overflow: auto; background-repeat: no-repeat; background-color: #f5f5f5; font-family: Calibri, Tahoma, Arial;}
.fileinput{ height: 20px; border: 1px solid #c7c7c7; background-image: url('images/panel/input.jpg'); font-weight: bold; font-size: 12px; color: #00509b; }
label{ font-weight: bold; color: #00509b; margin: 0px 5px; font-size: 14px; }
.button{ height: 17px; width: 38px; border: 0px; padding-top: 10px; margin:0px 5px; }
.button:hover{ position: relative; top: 1px; }
/*********************************** PANEL ADMINISTRACYJNY
***************************************************************************/
.panelrow{ height: 25px;  width: 100%; color: white; background-repeat: repeat-x; }
.panelred {  background-image: url('images/panel/panelred.jpg'); }
.panelblue {  background-image: url('images/panel/panelblue.jpg'); width: auto; }
.panelwhite {  background-image: url('images/panel/panelwhite.jpg'); }
.panelmenucell { width: auto; height: 25px; margin: 0px 10px; font-size: 13px; font-weight: bold; margin-top: 4px; }
.panelsmallcell { width: 25px; height: 25px; }
.psccircle {  background-image: url('images/panel/circle.jpg'); }
.pscarrow {  background-image: url('images/panel/arrow.jpg'); }
.psccorner {  background-image: url('images/panel/corner.jpg'); }
.panelspacer { width: 10px; height: 25px; }
.redspacer {  background-image: url('images/panel/redspacer.jpg'); }
.bluespacer {  background-image: url('images/panel/bluespacer.jpg'); }
/*********************************** FORM
***************************************************************************/
.tip{ border-top: 1px solid #00509b; border-bottom: 1px solid #00509b;  border-left: 0px; border-right: 0px; margin-top: 15px; margin-bottom: 15px; background-color: #0095da; margin-left: 5px; font-size: 13px; padding 15px; background-image: url('images/bluegradient.jpg'); color: white; font-weight: bold; background-repeat: repeat-x;}
.tiplegend{ font-weight: bold; color: white; margin: 0px 5px; font-size: 16px; background-image: url('images/bluegradient.jpg'); background-position: 0px -50px;  padding: 5px; padding-top: 0px; text-shadow: 1px 1px 2px black;  border: 1px solid #00509b; }
fieldset{border-top: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7;  border-left: 0px; border-right: 0px; margin-top: 15px; margin-bottom: 15px; background-color: white; margin-left: 5px; font-size: 13px; padding 15px; background-image: url('images/foot_bg.jpg'); background-repeat: repeat-x;}
legend{font-weight: bold; color: #00509b; margin: 0px 5px; font-size: 16px; background-image: url('images/bigcellbg.png'); background-position: -10px -30px;  padding: 5px; padding-top: 0px; border: 1px solid #c7c7c7;}
/*********************************** TABELE
***************************************************************************/
table{ width: 97%; margin: 15px; background-repeat: repeat-x; }
thead{ font-weight: bold; text-align: center; color: white;}
th{ background-image: url('images/bluegradient.jpg'); text-shadow: 1px 1px 2px black; padding: 5px;}
td{padding: 1px; text-align: center; background-image: url('images/foot_bg.jpg'); border: 1px solid #ddd;  background-repeat: repeat-x; background-color: white;}
/*********************************** Ramka edycji zdjêcia

.photoedit{width:700px; margin-left: auto; margin-right:auto; border: 1px solid #ddd; solid #ddd; background-image: url('images/foot_bg.jpg'); overflow: hidden; padding:3px; background-repeat: repeat-x; background-color: white;}
.photoedit_header{width: 549px; height: 20px; background-color: #00509b; text-align: center; font-weight: bold; text-align: center; color: white; font-size: 16px; margin: 1px;}
.photoedit_left{height: 158px; width: 150px; float: left; margin-top:1px; overflow: hidden; }
.photoedit_right{height: auto; width: 549px;  float: left; margin-left: 1px; margin-top:1px;}
.photoedit_photoframe{border: 1px solid #ddd; margin-left: auto;  margin-right: auto; padding: 1px; width: 100px; float: left;}

.photoedit_row_name {height: 30px; width: 546px;  border: 1px solid #ddd; background-image: url('images/foot_bg.jpg'); margin: 1px; padding: 5x;}
.photoedit_row_file {height: 30px; width: 546px;  border: 1px solid #ddd; background-image: url('images/foot_bg.jpg'); margin: 1px; padding: 5x;}
.photoedit_row_submit{height: 25px; width: 546px; border: 1px solid #ddd; background-image: url('images/foot_bg.jpg'); margin: 1px; padding: 5x;}
***************************************************************************/
/*********************************** RAMKA EDYCYJNA ZDJ NA TABELACH *********************/
.photoedit_row{height: 25%; width: 100%; text-align: left;}
.photoedit{ border: 1px solid #ddd; solid #ddd; background-image: url('images/foot_bg.jpg'); overflow: hidden; background-repeat: repeat-x; background-color: white;}
.photoedit_right{text-align: left; width: 100%; float: left; margin: 0px; padding: 0px; background-color: none; height: 150px;}
.photoedit_clean{border: 0px;  margin: 0px; padding: 0px; background-image: none;  vertical-align: top; height: 100%;}
/***************************************************************************/
/*********************************** NAV_BAR *********************/
#nav_bar { height: 15px; background: url('images/nav_bg.png') repeat-x; width: 730px; padding: 8px 0px 0px 15px; float: left; overflow: hidden; display: block; font-size: 11px; font-weight: bold; line-height: 15px; }
#nav_spacer { width: 1px; background: white; border-left: 1px solid #bbb; height: 15px; display: inline; float: none; margin: 0px 10px 0px 10px; }