/* 
    Document   : style2.css
    Created on : Sep 10, 2012, 11:17:44 AM
    Author     : Tomasz Sadowski
    Description:
        Kaskadowy arkusz styli galerii allegro.
*/



/* ustawienia ogolne */
body, p, span, table, tr, td, div{
    margin:0px;
    padding:0px;
    font-size:12px;
    font-family:  "trebuchet ms",Geneva,Verdana,Arial,Helvetica,sans-serif;
    font-weight: lighter;
}

h1,h2,h3,h4,h5{
    margin:0px;
    padding:0px; 
    font-family:  "trebuchet ms",Geneva,Verdana,Arial,Helvetica,sans-serif;
    font-weight: lighter;
    
}
table{width:100%;}
a{
    color: #0450a6;
}
b{font-weight: bold;}
h2, h3{
    font-size: 15px;
    font-weight: lighter;
    padding: 9px 0 0 0px;
    color: #000;
    font-family: arial;
}
img{    margin:0px;
        padding:0px;border:none;}
body{
    background: url('../images/galerieTlo01.png') repeat-x;
    background-color: #e1e2e3;
}

#root { 
    margin:0px auto; 
}
.czysto{
    float:none;
    clear:both;
}
.lewa{float:left;}
.prawa{float:right;}
/* sekcja krajow */
#sekcjaKrai{
   width:997px;
    margin:0px auto;
    text-align: right;
    height: 21px;
    padding-top:11px;
    padding-right:42px;
}


/* sekcja naglowka */
#sekcjaNaglowka {
    width:997px;
    margin:0px auto; 
    color:#fff;
}
#sekcjaNaglowka #text01{
    margin-top:37px;
    font-size:11px;
    margin-left:12px;
}
#sekcjaNaglowka #text02{
    margin-left:22px;
    margin-top:15px;
    font-size:17px;
    font-family: arial;
}
#sekcjaNaglowka #naglowek1{
    background: url('../images/naglowek01.png') no-repeat;
    float:left;
    width:27px;
    height: 119px;
}
#sekcjaNaglowka #naglowek2{
    background: url(../images/naglowek02.png) repeat-x;
    float:left;
    width:562px;
    height: 119px; 
}
#sekcjaNaglowka #naglowek2 #logo{
    margin-left:20px;
    margin-top:33px;
}
#sekcjaNaglowka #naglowek2 #slogan{
    position:absolute;
    margin-top:-10px;
    margin-left:62px;
}
#sekcjaNaglowka #naglowek2 #slogan h1{
    font-size:17px;
    font-family: arial;
    color:#fff;
}


#sekcjaNaglowka #naglowek3{
    background: url(../images/naglowek03.png) no-repeat;
    float:left;
    width:1px;
    height: 119px;

}
#sekcjaNaglowka #naglowek4{
    background: url(../images/naglowek04.png) repeat-x;
    float:left;
    width:178px;
    height: 119px;
}
#sekcjaNaglowka #naglowek4 img{
    display:none;
}
#sekcjaNaglowka #naglowek7 img{
    display:none;
}
#sekcjaNaglowka #naglowek5{
    background: url('../images/naglowek05.png') no-repeat;
    float:left;
    width:1px;
    height: 119px;
}
#sekcjaNaglowka #naglowek6{
    background: url('../images/naglowek06.png') repeat-x;
    float:left;
    width:27px;
    height: 119px;
}
#sekcjaNaglowka #naglowek7{
    background: url('../images/naglowek04.png') repeat-x;
    float:left;
    width:198px;
    height: 119px;
}
#sekcjaNaglowka #naglowek7 #text01{
    margin-top:37px;
    font-size:11px;
    margin-left:16px;
}
#sekcjaNaglowka #naglowek7 #text02{
    margin-left:43px;
    margin-top:15px;
    font-size:17px;
    font-family: arial;
}
#sekcjaNaglowka #naglowek8{
    background: url(../images/naglowek08.png) repeat-x;
    float:left;
    width:589px;
    height: 119px;
}
#sekcjaNaglowka #naglowek9{
    background: url('../images/naglowek09.png') repeat-x;
    float:left;
    width:27px;
    height: 119px;
}
#sekcjaNaglowka #naglowek8 #czescGorna{
    margin-top: 29px;
    height: 29px;
    text-align: right;
}
#sekcjaNaglowka #naglowek8 #czescGorna a{color:#fff;text-decoration: none;padding: 0px 5px;}
#sekcjaNaglowka #naglowek8 #czescGorna a:hover{text-decoration: underline;}
#sekcjaNaglowka #naglowek8 ul#glowneMenuUzytkownika{list-style: none;margin:0px;padding-left: 0px;}
#sekcjaNaglowka #naglowek8 ul#glowneMenuUzytkownika li{float: left;}
#sekcjaNaglowka #naglowek8 ul#glowneMenuUzytkownika li a{color:#fff;text-decoration: none;padding:5px 35px;display: block;}
#sekcjaNaglowka #naglowek8 ul#glowneMenuUzytkownika li a.tu{background: #fff;color:#000;}
#sekcjaNaglowka #naglowek8 ul#glowneMenuUzytkownika li a:hover{text-decoration: underline;}
#sekcjaNaglowka #naglowek10{
    background: url('../images/naglowek10.png') no-repeat;
    float:left;
    width:27px;
    height: 119px;
}
#sekcjaNaglowka #naglowek11{
    background: url('../images/naglowek11.png') repeat-x;
    float:left;
    width:504px;
    height: 119px; 
}
#sekcjaNaglowka #naglowek11 #logo{
    margin-left:20px;
    margin-top:33px;
}
#sekcjaNaglowka #naglowek11 #slogan{
    position:absolute;
    margin-top:-10px;
    margin-left:62px;
}
#sekcjaNaglowka #naglowek11 #slogan h1{
    font-size:17px;
    font-family: arial;
    color:#fff;
    display: none;
}
#sekcjaNaglowka #naglowek12{ 
    background: url('../images/naglowek12.png') repeat-x;
    float:left;
    width:1px;
    height: 119px; 
}
/* sekcja zawartosci */

#sekcjaZawartosci{ 
   width:970px;
    margin:0px auto;
}
/* biala ramka */
#sekcjaZawartosci .bialaRamka #gora{
    height: 15px;
    background: url('../images/bialaRamka01.png') no-repeat;
}
#sekcjaZawartosci .bialaRamka #dol{
    height: 15px;
    background: url('../images/bialaRamka03.png') no-repeat;
} 
#sekcjaZawartosci .bialaRamka #zawartosc{
    background: url('../images/bialaRamka02.png') repeat-y;
    min-height: 179px;
}
#sekcjaZawartosci .bialaRamka{
    border-bottom:2px solid #0450a6;
    margin-bottom:14px;
}
#sekcjaZawartosci .bialaRamka .lewa{    width:560px;}
.bialaRamka #zawartosc ul#ulista li{margin:12px 0px;}
/* biala ramka2 */ 
#sekcjaZawartosci {
}
#sekcjaZawartosci .bialaRamka2{
}
#sekcjaZawartosci .bialaRamka2 #gora2{
    height: 15px; 
}
#sekcjaZawartosci .bialaRamka2 #gora2 #g1{
   background: url('../images/bialaRamka09.png') no-repeat;
   float:left;
   width:15px;
    height: 15px;} 
#sekcjaZawartosci .bialaRamka2 #gora2 #g2{
   background: url('../images/bialaRamka10.png') repeat-x;
   margin-left:15px;
   margin-right:15px;
    height: 15px;} 
#sekcjaZawartosci .bialaRamka2 #gora2 #g3{
   float:right;
   background: url('../images/bialaRamka11.png') no-repeat; 
   width:15px;
    height: 15px;} 
#sekcjaZawartosci .bialaRamka2 #dol2{
    height: 15px;
}
#sekcjaZawartosci .bialaRamka2 #dol2 #d1{
   background: url('../images/bialaRamka12.png') no-repeat;
   float:left;
   width:15px;
    height: 15px;}
#sekcjaZawartosci .bialaRamka2 #dol2 #d2{
   background: url('../images/bialaRamka13.png') repeat-x;
   margin-left:15px;
   margin-right:15px;
    height: 15px;}
#sekcjaZawartosci .bialaRamka2 #dol2 #d3{
   float:right;
   background: url('../images/bialaRamka14.png') no-repeat; 
   width:15px;
    height: 15px;}
#sekcjaZawartosci .bialaRamka2>#zawartosc{
    padding:0px 10px 0px 18px;
    background: #fff;
    border-left: 2px solid #1e4da4;
    border-right: 2px solid #1e4da4; 
    min-height: 409px;

}
#sekcjaZawartosci .bialaRamka2{
    border-bottom:2px solid #0450a6;
    margin-bottom:14px;
}
.bialaRamka2 #prawaStrona{width:439px;}
.bialaRamka2 #prawaStrona ul li{
    color:#3e3e3e;
    margin-bottom:10px;
    font-size: 12px;
    font-family: arial;
}
table#tabelka{margin:12px 0 0 19px;}
#tabelka td {
    padding-right:9px;
}
#tabelka td a{  
    -moz-box-shadow:  3px 3px 3px #9e9e9e;
    -webkit-box-shadow:  3px 3px 3px #9e9e9e;
    box-shadow: 3px 3px 3px #9e9e9e;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: 1px solid #0450a6;
    height: auto;
    display: block;
}
#tabelka td a img {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}
#czyWieszZe #ulista {
    margin:10px 0px;
    padding-left: 35px;
    list-style: url('../images/kropka02.png');
}
a#sprawdz_dostepne_szablony{
    font-size: 12px;
}
.bialaRamka table#tabelka a{width:117px;text-align: center;}
/* biala ramka3 */
#sekcjaZawartosci .bialaRamka3{
    border-top:2px solid #0450A6;
}
#sekcjaZawartosci .bialaRamka3 #zawartosc{
    min-height: 317px;
    background: url('../images/bialaRamka07.png') repeat-y; 
}
#sekcjaZawartosci .bialaRamka3 #dol{ 
    height: 15px;
    background: url('../images/bialaRamka08.png') no-repeat;
}
#sekcjaZawartosci .bialaRamka3 #zawartosc{
    padding: 0px 2px;

}

#sekcjaZawartosci .bialaRamka3 #zawartosc .prawa{
    width:390px;
    padding-top:12px;
    padding-left:0px;
    background: url('../images/bialaRamkaTlo.png') repeat-x;
}
#sekcjaZawartosci .bialaRamka3 h2, #sekcjaZawartosci .bialaRamka3 h3{
    font-size: 17px;
    font-family: arial; 
    padding:3px;
} 
.bialaRamka3 .prawa #ulista { 
    margin:7px 0px;
    list-style: url('../images/kropka04.png') ; 
    padding-left:16px;
}
.bialaRamka3 .prawa ul li{ 
    margin-bottom:6px;
    font-size: 12px;
}
.bialaRamka3 p, .bialaRamka3 a{font-size: 11px; }
.bialaRamka3 #zawartosc ul#ulista li a{text-decoration: none;font-size: 12px;}
.bialaRamka3 #zawartosc ul#ulista li a:hover{text-decoration: underline;}
.bialaRamka3 #zawartosc a{     
    font-size: 11px;
}
/* niebieska ramka */
#sekcjaZawartosci .niebieskaRamka{
    border-top:2px solid #fff;
}
#sekcjaZawartosci .niebieskaRamka #zawartosc{
    min-height: 317px;
    background: url('../images/niebieskaRamka01.png') repeat-y;
}
#sekcjaZawartosci .niebieskaRamka #dol{ 
    background: url('../images/niebieskaRamka02.png') no-repeat;
    height:16px;
}
#sekcjaZawartosci .niebieskaRamka #zawartosc{
    padding: 0px 5px;

}

#sekcjaZawartosci .niebieskaRamka #zawartosc .prawa{
    width:415px;
    padding-top:12px;
    padding-left:29px;
    background: url('../images/niebieskaRamkaTlo.png') repeat-x;
}
#sekcjaZawartosci .niebieskaRamka h2, #sekcjaZawartosci .niebieskaRamka h3{
    font-size: 17px;
    font-family: arial;
    color:#fff;
    padding:3px;
} 
.niebieskaRamka .prawa #ulista { 
    margin:7px 0px;
    list-style: url('../images/kropka03.png') ; 
    padding-left:16px;
}
.niebieskaRamka .prawa ul li{
    color:#fff;
    margin-bottom:6px;
    font-size: 12px;
}
.niebieskaRamka p, .niebieskaRamka a{font-size: 11px;color: #fff;}

/* stopka */
#sekcjaStopki{
    width:997px;
    margin:10px;
    margin-left: auto;
    margin-right: auto;
}
#sekcjaStopki #copyright{
    font-size: 11px;
    font-family: arial;
    color: #494949; 
    float:right;
    margin:0px 0px 0px 31px;
}
#sekcjaStopki #copyright a{
    font-weight: bold;
}
#sekcjaStopki ul{
    list-style: url('../images/kropka04.png');
    margin:0px;
}
#sekcjaStopki ul li{

    margin:0 17px;
    float:left;
    font-size:11px;
    color:#494949;
} 
#sekcjaStopki ul li a{
    font-size:11px;
    color:#494949;
    text-decoration: none;
}
#sekcjaStopki ul li a:hover{
    text-decoration: underline;
}
/* sekcja paneli  */
#sekcjaPaneli{
    width:997px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 14px;
}
#sekcjaPaneli h3{
    font-size: 15px;
    margin-left: 40px;
}
#sekcjaPaneli .lewa{
    margin: 8px 0 0 70px;
    opacity: 0.4
}
#sekcjaPaneli .prawa{
    margin: 8px 73px 0 0;
    opacity: 0.4
}
#sekcjaPaneli .lewa:hover, #sekcjaPaneli .prawa:hover {opacity:1}
#zawartosc{margin:0px;min-width: 938px;}
img{border:0px;}
#tabelka td{border:none;}
#tabelka{padding:0px;}
#zawartosc h1{  }
#zawartosc h2{color: #000;font-size: 15px;}
#czyWieszZe{padding: 0px;}
ul#ulista{padding-left:40px;}
.lewa{padding-left:0px;}
.prawa{padding:0px;}
ul#ulista li {
}
ul#ulista {float:none;}
.plupload_container{background: none;}
#flash_uploader{width: auto;}
.niebieskaRamka #zawartosc a{    
    color: #FFFFFF;
    font-size: 11px;
}
#sekcjaNaglowka #text02 a{color:#fff;text-decoration: none;}
#sekcjaNaglowka #text02 a:hover{color:#fff;text-decoration: underline;}
.niebieskaRamka #zawartosc ul#ulista li a{text-decoration: none;font-size: 12px;}
.niebieskaRamka #zawartosc ul#ulista li a:hover{text-decoration: underline;}
.bialaRamka #prawaStrona{width:395px;}
#middle_wrap{padding:0px;}
.bialaRamka2 #zawartosc h2, .bialaRamka2 #zawartosc h3, .bialaRamka2 #zawartosc h2 a, .bialaRamka2 #zawartosc h3 a,
.bialaRamka2 #zawartosc h2 span, .bialaRamka2 #zawartosc h3 span
{padding-top: 0px;font-size: 17px;}
.choseupform select{
    width:250px; 
    height: 22px;
}
#choseupform{
    height:30px;
}
#pliki td{
    color:#000;
}
#sekcjaNaglowka div#naglowek4, #sekcjaNaglowka div#naglowek7{
    cursor: pointer;
}
a#curent{font-weight: bold;}
ul#menu_left li.level0{width: 185px;margin-right: 5px;}
 #zawartosc #left_navi ul{padding-left: 2px;}
#zawartosc ul.blad{
    color:#f00;
    margin-top:0px;
}
#zawartosc ul{
    padding-left: 20px;
}
ul#glowneMenuUzytkownika li a span{font-size:14px; font-weight: bold;}
ul#glowneMenuUzytkownika li a{height:20px; text-decoration: underline;font-weight: bold;}
ul#glowneMenuUzytkownika li a span:hover{color: #666;}
ul#glowneMenuUzytkownika li a.tu span:hover{color: #000;}
.settingsheader{width:196px;}
#zawartosc .plupload_scroll ul.plupload_filelist{padding-left:0px;}
.linkupglowna{padding-left: 18px;}
#middle_wrap h2{padding-left:0px;}
#ustawienia{margin-right:2px;}
#zawartosc ol{padding-left:20px;}
#middle_wrap table{width:auto;}
input.file{width:215px;}
a, #zawartosc a, .bialaRamka3 #zawartosc ul#ulista li a{text-decoration: underline;}
.en #sekcjaNaglowka #naglowek8{width:524px;}
.en #sekcjaNaglowka #naglowek11{width:415px;}
#paginator, #paginator a {font-size: 12px}
.optButton {display: none; }

.classicSelected{
    font-weight: bold;
    color: black !important;
    padding: 8px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid gray;
    border-right: none;

}


.galleryInfo{
   position: absolute;
   right: 0px;
   bottom: 0px;

   background-color: white;
   opacity: 0.7;
   padding: 1px 5px;
}

.galleryInfo img{
    vertical-align: middle;
}

.galleryInfo span{
    color: black;
    font-size: 10px;
}

.galleryInfoPosition{
    position: relative;
    
}

.mobileSelected{
    color: #FFF !important;
    font-weight: bold;
    padding: 8px;
    background: url("../grafika/button.png") repeat scroll 0% 0% transparent;
    height: 28px;
 
    border: 1px solid #3C81C4;
  
}

div.lewa p{
    font-size:1.02em;
    font-family:arial;
    padding:10px 0px 0px 16px;
}

#logoMobile{display: none;}
.sekcjaKraiMobile{
        display: none;
    }