html, 
body {
    font-family: 'Helvetica CE', Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    text-align: left;
    font-size: 12px;
    border: 0px;
    background: #C2CFE2; /* C2CFE2*/
    margin: 0;
    padding: 0;

    }
h1  
/* duza czcionka w sloganie */ 
	 {
	 color: #17478E; 
	 font-size: 26px; 
	 font-weight: bold; 
	 word-spacing: 2px; 
	 padding: 0px;
	 margin: 0px;
	 vertical-align: middle; 
	 }
h2  

	 {
	 font-size: 20px; 
	 color: #000000;
	 padding: 0px;
	 margin: 0px;
	 }	 

strong {
    font-weight: bolder;
}

blockquote p {
    font-size: 150%;
    font-style: italic;
}

p.light_blue {
    color:#4B6DA5;
    font-weight: normal;
    line-height: 1.3;
    padding: 0;

}

span.info
	 {
	 font-size: 15px; 
	 color: #000000;
	 font-weight: bold; 	 
	 
	 }	 

img.obrazek {
margin-top: 2px;
margin-bottom: 2px;
} 
 
table#page_area {
    height: 100%; 
    overflow: visible;
    margin-left: auto; 
    margin-right: auto;
}

table#confirmation {
    border: 1px solid #0065A4;
    width: 100%;
    
    
}

tr.title {
    background-color: #cccccc;
    font-weight: bold;
    }

.lightBG {
    background-color: #ffffff;


}

.darkBG {
    background-color: #C2CFE2;

}
    
img {
    border: solid black 0px;   
}

img.obrazek {
margin-top: 20px;
margin-bottom: 20px;

} 


a:link {color: black; font-weight: normal; text-decoration: none;}
a:visited {color: black; text-decoration: none;}
a:active {color: black; text-decoration: none;}
-- a:hover {color: #19334F;  text-decoration: none;}
a:hover {color: #17478E;  text-decoration: none;}
a img {border: 0px;}

a.zarejestruj:link,
a.zarejestruj:visited,
a.zarejestruj:active,
a.zarejestruj:hover
/*linki : zarejestruj */
    { 
    color: #4B6DA5; 
    font-size: 12px; 
    text-align: right; 
    text-decoration: none;
    }

a.zamawiam:link,
a.zamawiam:visited,
a.zamawiam:active,
a.zamawiam:hover
/*linki : zamawiam */
    { 
    color: #17478E; 
    font-size: 14px; 
    /*text-align: right; */
    font-weight: bolder;
    text-decoration: none;
    }


a.bright_link:link,
a.bright_link:visited,
a.bright_link:active,
a.bright_link:hover
/*linki m.in. na stronie filmow. */
    { 
    color: #C8D1E3; 
    text-decoration: none;
    font-weight: bold;
    }

.granat,
a.granat:link,
a.granat:visited,
a.granat:active,
a.granat:hover
/*linki m.in. na stronie fontow. */
    { 
    color: #17478E; 
    text-decoration: none;
    font-weight: bold;
    }

a.granat:hover {
    text-decoration: underline;
} 

.granat14,
a.granat14:link,
a.granat14:visited,
a.granat14:active,
a.granat14:hover
/*linki m.in. na stronie fontow. */
    { 
    color: #17478E; 
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    }

a.granatLarge,
a.granatLarge:link,
a.granatLarge:visited,
a.granatLarge:active,
a.granatLarge:hover
/*linki m.in. na stronie fontow. */
    { 
    font-size: 17px; 
    color: #17478E; 
    text-decoration: none;
    font-weight: bold;
    } 
a.granatLarge:hover {
    text-decoration: underline;
} 

 


div.ramka
    {
    border: solid 1px #17478E; 
    background: #E8EDF4; 
    padding: 20px;
    margin: 10px 0;
    }

div#page 
    {
    
    background-color: #C2CFE2;
    text-align: left;
    }
    
div.main 
    {

    background-color: #ffffff;
    text-align: left;
    }    

div#main 
    {

    background-color: #ffffff;
    text-align: left;
    }  

div#searchPage 
    {
    
    background-color: #FFFFFF;
    text-align: left;
    }
    
div#searchMain 
    {
    width: 910px;
    height: 100%;
    margin: 10% auto 20% auto; /* margin: 0;*/
    background-color: #ffffff;
    text-align: left;
    }  


div#logo
    {
    height: 95px;
    width: 180px;
    vertical-align: middle;
    }

div#menu
    {
    height: 90px;
    width: 570px; /*org 630 */
     /* background: #C2CFE2; */
    }
    


div#granat
    {
    width: 180px; 
    height: 100%;
    background-color: #0065A4; /*#17478E; */
    vertical-align: top;
    }

div#subskrypcjeCennik
    {
    width: 230px; 
    height: 250px;
    background-color: /*#0065A4;*/ #17478E; 
    vertical-align: middle;
    text-align: left;
    color: white;
    font-size: 12px;
    padding:20px;
    }




td#subPageGranat
    {
    width: 180px; 
    background-color: #17478E; 
    height: 100%;/*438px;*/
    vertical-align: top;
    }

div#searchPageGranat
    {
    width: 180px; 
    background-color: #17478E;
    vertical-align: top;
    }


#contentPanel
    {
    width: /*100%;*/ 730px; 
    /*height: 100%; /*438px*/
    /*overflow: visible;*/
    text-align: left;
    vertical-align: top;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2; 
    color: #000000;

    }
    
#subs_contentPanel
    {
    width: /*100%;*/ 735px;
    /*height: 100%; /*438px*/
    /*overflow: visible;*/
    text-align: left;
    vertical-align: top;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2; 
    color: #000000;

    }    
    
td#logowanie
    {
    width: 175px;
    }

/*
#searchPageContentPanel
    {
    width: 725px;
    overflow: auto;
    text-align: left;
    }
*/

.tabelaTla 
/* kolor pasa otaczajacego strone */
    { 
    background-color: #C2CFE2; 
    }
 

.panel_szukania  
    {
    padding: 7px;
    vertical-align: top;
    }


.opis
    {
    line-height: 1.5; 
    letter-spacing: 1px;
    color: white; 
    font-size: 12px; 
    font-weight: bolder;
    
    }

    
.frmFlatInput 
/* text inputow w formularzach*/ 
    {
    border: 1px solid #17478E;
    text-align: left;
    width: 164px; 
    font-size:11px;
    }

.frmFlatSelect 
/* text selectow w formularzach*/ 
    {
    border: 0px solid #17478E;
    text-align: left;
    width: 164px; 
    font-size:11px;
    padding-top: 0px;
    }

.frmFlatSelectMovieCollection 
/* text selectow z filmami*/ 
    {
    border: 0px solid #17478E;
    text-align: left;
    width: 157px;
    font-size:10px;
    }

.frmFlatLogonForm 
/* Formularz logowania*/ 
    {
    border: 1px solid #17478E; 
    text-align: right; 
    width: 130px;
    height: 12px;
    font-size:9px; 
	vertical-align: middle;
    }

.frmFlatLogonFormLeft 
/* Formularz logowania*/ 
    {
    border: 1px solid #17478E; 
    text-align: left; 
    width: 130px;
    height: 12px;
    font-size:9px; 
	vertical-align: middle;
    }
    
.tabelaSzerokoscIKolorPasa 
/* szerokosc i kolor pasa obramowania*/ 
    {
    background-color: #C2CFE2; 
    width: 73px; 
    height: 66px;
    } 

.tabelaGranat td { 
    text-align: left; 
    padding: 8px;
    }




.pismo-link-light-blue 
/*linki : zaloguj, zarejestruj, zobacz plyte tygodnia */
    { 
    color: #4B6DA5; 
    font-size: 12px; 
    text-align: right; 
    text-decoration: none;
    }


.zalogowany 
/*linki : zarejestruj */
    { 
    color: #4B6DA5; 
    font-size: 13px; 
    text-align: right; 
    text-decoration: none;
    }

.pismo-nazwa_szukania  
/* opis typu szukania */  
    { 
    color: white; 
    font-size: 12px; 
    font-weight: bolder;
    letter-spacing: 2px; 
    }

.pismo-opis_szukania  
/* polecenie do szukania : 'wpisz slowo w j. angielskim' */
    {
    color: white; 
    font-size: 11px; 
    font-weight: normal; 
    line-height: 1.5;
    }


.pismo-menu_white 
/* nazwy menu: szukaj zdjecia,plyty */ 
    { 
    color: white; 
    font-weight: normal;
    letter-spacing: 1px;
    vertical-align: top;
    font-size:18px; 
    }

a.pismo-desc_menu_blue:link,
a.pismo-desc_menu_blue:visited,
a.pismo-desc_menu_blue:active,
a.pismo-desc_menu_blue:hover
    { 
    color: /*#0062A9*/ #17478E; 
    font-size: 10px; 
    font-weight: normal;     
    text-align: right; 
    text-decoration: none;
    }
    
pismo-desc_menu_blue_left,
a.pismo-desc_menu_blue_left:link,
a.pismo-desc_menu_blue_left:visited,
a.pismo-desc_menu_blue_left:active,
a.pismo-desc_menu_blue_left:hover
    { 
    color: /*#0062A9*/ #17478E; 
    font-size: 10px; 
    font-weight: normal;     
    text-align: left; 
    text-decoration: none;
    }

a.pismo-menu_blue:link,
a.pismo-menu_blue:visited,
a.pismo-menu_blue:active,
a.pismo-menu_blue:hover
{
    color: rgb(23, 71, 142);
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
}


.pismo-desc_menu_blue 
/* czcionki w menu : email, haslo */ 
    { 
    color: /*#0062A9*/ #17478E; 
    font-size: 10px; 
    font-weight: normal;     
    text-align: right; 
    text-decoration: none;
    }

.search_submit_button 
/* generowanie [szukaj] na granatowym tle */
    {
    border: none;
    background: #17478E;
    color: white;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0px 0 0px;
    padding: 5px 0 0 0;
    cursor: pointer;
    }

.login_submit_button 
/* generowanie [ zaloguj ] na bialym tle */
    {
    border: none;
    background: white;
    color: #4B6DA5;
font-size: 12px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding: 0;
    cursor: pointer;
    }    
    
.search_submit_button_align
/*wyrownanie [szukaj] */
    {
    text-align: right;
    }

    
.linia
    {
    width: 100%; 
    height: 0px;
    border-top: 2px solid #17478E;
    }
    


    
.pismo-powitanie
/*powitanie i nick uzytkownika*/ 
    { 
    color: #0062A9;
    font-size: 16px; 
    font-weight: normal; 
    text-align: right; 
    vertical-align: top; 
    }


.messages {
    /*padding: 0 10px;*/
    text-align: left;
    
}

.custom_messages {
    /*padding: 0 10px;*/
    text-align: left;
    color: #17478E;
    font-weight: bold;
    padding-bottom: 4px;
}

/* item display in search view and album view */
#album_header, #recent_album_items {
    background-color: #dddddd;
}

/*
#recent_album_items tr {
    text-align: center;
}
*/
.bigitems td {
    margin: 0;
    padding: 0;
    width: 180px;/*org: 140*/
    height: 210px;/*org: 190*/
    vertical-align: bottom;
    text-align: center;
}


.smallitems td {
    margin: 0;
    padding: 0;
    width: 130px;
    height: 95px;
    vertical-align: bottom;
    text-align: center;
}

.item_number {
    margin: 0;
    padding: 5px 0 0 0;
    font-size: 11px;
}

.text_under_item_image {
    margin: 0;
    padding: 5px 0 0 0;
    font-size: 9px;
}


/* price list*/
.pricelist {
	margin: 0px auto 30px auto;
	background-color: #EEEEEE;
	width: 590px;
}
.pricelist td{
	text-align: center;
	background-color: #FFFFFF;
}
.pricelist th{
	text-align: center;
	background-color: #EEEEEE;
	font-weight: bold;
}
.pricelistP {
	margin: 0px auto 30px auto;
	background-color: #EEEEEE;
	width: 350px;
}
.pricelistP td{
	text-align: center;
	background-color: #FFFFFF;
}
.pricelistP th{
	text-align: center;
	background-color: #EEEEEE;
	font-weight: bold;
}

address {
	font-style: normal;
}


/* -------------------------------------------------------- */
/*
#album_form {
        font-size: 10px;
   	font-family: "Helvetica CE", verdana, arial, tahoma;
}
*/

div#album {
    width: 120px;
    text-align: center;
    }
    
    
.hide_album {
    cursor: pointer;
    font-family: "Helvetica CE", verdana, arial, tahoma;
        font-size: 11px;
        font-weight: bold;
        color: #17478E;
}


.album_select {
    width: 100px;
    border: none;
    background: white;
    color: black;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;

    }
    
.album_long {
    font-family: "Helvetica CE", verdana, arial, tahoma;
    width: 120px;
    border: none;
    background: #DDDDDD;
    color: #17478E;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;

    }
    
.album_medium {
    font-family: "Helvetica CE", verdana, arial, tahoma;
    width: 120px;
    border: none;
    background: #DDDDDD;
    color: #17478E;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;

    }    

a.album_link:link,
a.album_link:visited,
a.album_link:active,
a.album_link:hover
    {
    font-family: "Helvetica CE", verdana, arial, tahoma;
    /*width: 58px; */
    border: none;
    background: #DDDDDD;
    color: #17478E;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;

    } 

/*
#album_form p {
   	font-family: "Helvetica CE", verdana, arial, tahoma;
        font-size: 1em;
        font-weight: bold;
        padding: 0 0 5px 0;
        margin: 0;
}

#album_form select {
        font-size: 10px;
   	font-family: "Helvetica CE", verdana, arial, tahoma;
        line-height: 1.5;
         
}

#album_form input {
        font-size: 10px;
   	font-family: "Helvetica CE", verdana, arial, tahoma;
}
*/

.album_button {
    border: none;
    background: #DDDDDD;
    color: #17478E;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}
#new_album {
        padding: 0;
        margin: 0 0 5px 0;
}

.album_title {
   	font-family: "Helvetica CE", verdana, arial, tahoma;
        font-size: 11px;
        font-weight: bold;
        margin: 0;
        color: #17478E;
}