/* szablon konkursu */
body {
   background-color: #e5e5e5;
   text-align: center;

}
body * {
   font-family: verdana;
   font-size: 10px;
}
.center1 {
   clear:both;
   margin:auto;
   text-align:left;
   width: 900px;
   float: none;
}

.logowanie {
   text-align: center;
   border: 2px #b2b2b2 solid;
   width: 100%;
   background-color: white;
}
.content {
   width: 90%;
   margin:auto;
   clear: both;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: left;
}
.stopka {
   clear: both;
}
/* koniec szablon konkursu */ 

/* wygl�d pyta� */
.pytanie_odpowiedz_zamknieta { /* div z radiobutonem i tre�ci� odpowiedzi zamkni�tej */
   clear: both;
}
.pytanie_odpowiedz_zamknieta_radio{ /* radiobutton odpowiedzi zamkni�tej */
   float: left;
   padding:2px;
}
.pytanie_odpowiedz_zamknieta_tresc{ /* tekst odpowiedzi zamkni�tej */
   float: left;
   padding: 2px;
}

.pytanie_tresc { /* tre�� pytania dla wszystkich typów */
   font-weight: bold;
   padding-top: 10px;
   padding-bottom: 10px;
   clear: both;
}

.pytanie_odpowiedz_otwarta { /* div z ca�� odpowiedzi� otwart� */
   padding: 10px;
}
.pytanie_odpowiedz_otwarte_text * { /* div z textarea do odpowiedzi otwartej */
   width: 560px;
   height: 100px;
}
.pytanie_odpowiedz_otwarte_info { /* info o maksymalnej ilo�ci znaków jest ustawiona */
   
}
.pytanie_odpowiedz_otwarte_info span { 
   font-weight: bold;
}
.pytanie_odpowiedz_zdjecie { /* div ca�� odpowiedzi� do za��cania zdj�� */
   padding: 10px;
}
.pytanie_odpowiedz_zdjecie_form { /* div z inputem do za��czenia zdj�cia */

}
.pytanie_odpowiedz_zdjecie_info { /* info o maksymalnej wadze zdj�cia je�li jest ustawione */

}
.pytanie_odpowiedz_zdjecie_info span {
   font-weight: bold;
}
.pytanie_odpowiedz_plik { /* div ca�� odpowiedzi� do za��czania plików */
   padding: 10px;
}
.pytanie_odpowiedz_plik_form { /* div z inputem do za��czenia pliku */

}
.pytanie_odpowiedz_plik_info { /* info o maksymalnej wadze pliku je�li jest ustawione */

}
.pytanie_odpowiedz_plik_info span {
   font-weight: bold;
}
/* koniec wygl�d pyta� */

/* formularz logowania */
#log_info { /* div z komunikatami o b��dach i ca�ym formularzem do logowania */
   width: 100%;
   text-align: center;
}
.logowanie_logowanie { /* div z ca�ym formularzem do logowania */
   width: 300px;
   border: 2px #b2b2b2 solid;
   padding:10px;
   height: 80px;   
   margin: auto;
}
.logowanie_login { /* div z tekstem "login" i polem input */
   
}
.logowanie_login_label { /* strong z tekstem "login" */
   float: left;
   height: 30px;
   width: 50px;
   
}
.logowanie_login_tekst { /* div z inputem do wpisania loginu */
   float: left;
   height: 30px;
   width: 130px;
}
.logowanie_haslo { /* strong z tekstem "has�o" */

}
.logowanie_haslo_label { /* strong z tekstem "has�o" */
   width: 50px;
   clear: both;
   float: left;
   height: 30px;
}
.logowanie_haslo_tekst { /* div z inputem do wpisania has�a */
   float: left;
   height: 30px;
   width: 130px;
}
.logowanie_przypomnij { /* div z buttonem do przypomnienia has�a */
   float: left;
   
}
.logowanie_zaloguj { /* div z buttonem do zalogowania */
   clear: both;
   float: left;
   width: 150px;
   text-align: right;  
}
.logowanie_zaloguj input {
   width: 100px;
}
.logowanie_zarejestruj { /* div z buttonem do rejestracji */
   float: left; 
   width: 130px; 
}
.logowanie_zarejestruj input {
   width: 100px;
}
/* koniec formularz logowania */

/* style metryczki */
.metryczka { /* div z tabelk� do metryczki */
   padding: 10px;
}
.metryczka_komorka_opis { /* komĂłrka z labelem pola w metryczce */
   width: 180px;
   padding: 1px;
}
.metryczka_komorka_dane { /* komĂłrka z elementem formularza w metryczce */
 padding: 1px;
}
.metryczka_komorka_dane input { 
   width: 200px;
}
.metryczka_komorka_dane .radio {  /* style radiobuttona z p�ci� */
   width: 15px;
   padding-left: 10px;
}
.metryczka_komorka_dane .check { /*styl checkboxĂłw z zainteresowaniami*/ 
   width: 15px;
   padding-left: 15px;
}
.metryczka_wymagane { /* span z gwiazdk� przy wymaganych polach */ 
   color: red; 
   font-weight: bold;
}
.check_zainteresowania { /* div z checboxem i jego opisem w cz�sci zainteresowania */
   float: left;
   width: 150px;
}
.user_text_opis { /* div z opisem dodatkowego pola tekstowego metryczki */
   padding-top: 20px;  
}
.user_text_wartosc { /* div z textarea do dodatkowego pola tekstowego metryczki */
   
}
.user_text_wartosc textarea   { /* div z textarea do dodatkowego pola tekstowego metryczki */
   width: 400px;
   height: 30px;
}
.user_check_opis { /* div z opisem dodatkowego pola typu checkbox metryczki */
   padding-top: 10px;
   float: left;
}
.user_check_wartosc { /* div z textarea do dodatkowego pola typu checkbox metryczki */
   padding-top: 10px;
   float: left;  
}
.metryczka_nawigacja { /* div z przyciskami nawigacyjnymi */

}
#error, #error1 { /* div z komunikatem b��du */
   width: 90%;
   border: 1px red solid;
   background-color: #FFD7D7;
   margin-bottom: 5px;
   margin-top: 5px;
   text-align: center;
   margin: auto;  
   margin-bottom: 10px;
   margin-top: 10px;
}
#error_logowanie { /* div z komuniaktem o b��dzie na ekranie logowania */
   margin: auto;
   width: 310px;
   border: 1px red solid;
   background-color: #FFD7D7;
   margin-bottom: 5px;
   margin-top: 5px;
   text-align: center;
   
   margin-bottom: 10px;
   margin-top: 10px;
   
}


#no_error, #no_error1 { /* div z komunikatem o poprawnej operacji */
   
   width: 90%;
   border: 1px #00CC00 solid;
   background-color: #E7FFCE;
   margin-bottom: 5px;
   margin-top: 5px;
   text-align: center;
   margin: auto;
   
   margin-bottom: 10px;
   margin-top: 10px;

}
/* koniec style metryczki */

/* style strony po zalogowaniu */
#zalogowany_info { /* informacja o zalogowanym uĹźytkowniku */
   width: 100%;
   text-align: right;   
}
#zalogowany_info span {
   font-weight: bold;
}

#lewa_kolumna_div { /* div z lew� kolumn�  po zalogowaniu */
   width: 200px;
   float: left;
   padding-right: 10px;  
}
#prawa_kolumna_div { /* div z praw� kolumn�  po zalogowaniu */
   float: left;
   width: 580px;
}


.lewa_content { /* div wewn�trz lewej kolumny */
   padding-right: 5px;     
}
.prawa_content { /* div wewn�trz prawej kolumny */
   
}
#lista_etapow { /* div z list� etapów w prawej kolumnie */
   
}
#lista_etapow table {
   border-collapse: collapse;
   width: 100%;
}
#lista_etapow th { /* nag�owek tabeli z list� etapów */
   border: 1px white solid;
   background-color: #018AD1;
   color: white;
   font-weight: bold;   
}
#lista_etapow td {
   border: 1px white solid;
   background-color: #E7E7E7;
   text-align: center;
}
.etap_dalej { /* div z buttonem "dalej" wewn�trz etapu */ 
   text-align: center;
   width: 585px;   
   clear: both;
}
.etap_dalej input {
   width: 100px;
}
#podsumowanie_user { /* div z informacj� o userze - ilo�ci punktów */
   padding-bottom: 10px;
}
#podsumowanie_user h2 {
   
   margin-top: 0px;
}
#polecanie_user { /* div z polecaniem userĂłw */
   padding-bottom: 10px;
}

.polecanie_tresc { /* div z tre�ci� polecenia */

}
.polecanie_tresc_opis { /* strong z opisem - tre�� polecenia */
   font-weight: normal;
}
.polecanie_tresc_text { /* dix z textarea do wpisania tre�ci polecenia */

}

.polecanie_textarea { /* textarea do wpisania tre�ci polecenia */
   width: 195px;
   height: 50px;
}
.polecanie_input { /*input do wpisania adresu email do polecenia */
   width: 180px;
   margin: 1px;
}

.polecanie_adresy { /* div z adresami email */
   
}

.polecanie_adresy_opis { /*strong z opisem przy mailach polecaj�cych */
   font-weight: normal;
}
.polecanie_adresy_adres { /*adres email razem z opisem*/

}
.polecanie_adresy_adres_opis { /*strong z opisem przy pojedynczym mailu */
   font-weight: normal;
}
.polecanie_adresy_adres_text { /*div z inputem do wpisania maila */

}

/*style strony edycja profilu */
.tytul_profil {
   font-weight: bold;
   
}

/*koniec style strony edycja profilu */


/* koniec style strony po zalogowaniu */

/* style zrtony z lista zdj�� */
.lista_zdjec { /* div z list� zdj�� */
   clear: both;  
}
.zdjecie_grupa { /* div z pojedynczym zdj�ciem i opisem*/
   float: left; 
   width: 250px;
   text-align: center;
   

}
.zdjecie_plik {/* div z pojedynczym zdj�ciem */
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 10px;
   margin-bottom: 5px;
   height: 150px;


}
.zdjecie_plik img {
border: 1px #c0c0c0 solid;
}
.zdjecie_opcje {/* div z pojedynczym opisem*/
  width: 240px;
  margin: auto;
  padding-bottom: 2px;
   border-bottom: 1px #c0c0c0 solid;
}
.zdjecie_autor {  /* div z autorem zdj�cia w li�cie zdj�� */

}
.zdjecie_autor span {
   font-weight: bold;
}
.ranking_zdjec { /* div z list� zdj�� */
   clear: both;  
}
.ranking_grupa { /* div z pojedynczym zdj�ciem i opisem*/
   float: left; 
   width: 250px;
   text-align: center;

}
.ranking_plik {/* div z pojedynczym zdj�ciem */
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 10px;
   margin-bottom: 5px;
   height: 150px;


}
.ranking_plik img {
border: 1px #c0c0c0 solid;
}
.ranking_opcje {/* div z pojedynczym opisem*/
  width: 240px;
  margin: auto;
  padding-bottom: 2px;
   border-bottom: 1px #c0c0c0 solid;
}
.ranking_autor {  /* div z autorem zdj�cia w rankingu */

}
.ranking_autor span {
   font-weight: bold;
}
.pasek_logowania { /* div z opcjami zaloguj / wyloguj */

}
.input_login { /*inputy email i has�o na popupie do logowania */
   width: 200px;
}
/*pager*/
.pager_zdjecia { /* div z pagerem */
   padding-top: 10px;
   margin: auto;
   text-align: center;
   clear: both;
}
.pager_off_zdjecia { /*nieaktywny napis pagera */
   color: #c0c0c0;
}
.zdjecie_polecane { /* div ze zdj�ciem polecanym */
   text-align: center;
   margin: auto;
}
.zdjecie_polecane_info { /* div z nawigacj� pod zdj�ciem polecanym */
   padding-top: 10px;
   text-align: center;
   margin: auto;
}
/* koniec pager */



/* koniec style zrtony z lista zdj�� */