﻿.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: 200px;
   height: 20px;
}
.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 {
   
}

.polecanie_adresy_opis { 
   font-weight: normal;
}
.polecanie_adresy_adres {

}
.polecanie_adresy_adres_opis {
   font-weight: normal;
}
.polecanie_adresy_adres_text {

}


.tytul_profil {
   font-weight: bold;
   
}

.lista_zdjec {
   clear: both;  
}
.zdjecie_grupa {
   float: left; 
   width: 250px;
   text-align: center;
   

}
.zdjecie_plik {
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 10px;
   margin-bottom: 5px;
   height: 150px;


}
.zdjecie_plik img {
border: 1px #c0c0c0 solid;
}
.zdjecie_opcje {
  width: 240px;
  margin: auto;
  padding-bottom: 2px;
   border-bottom: 1px #c0c0c0 solid;
}
.zdjecie_autor {

}
.zdjecie_autor span {
   font-weight: bold;
}
.ranking_zdjec {
   clear: both;  
}
.ranking_grupa { 
   float: left; 
   width: 250px;
   text-align: center;

}
.ranking_plik {
   margin-left: 10px;
   margin-right: 10px;
   margin-top: 10px;
   margin-bottom: 5px;
   height: 150px;


}
.ranking_plik img {
border: 1px #c0c0c0 solid;
}
.ranking_opcje {
  width: 240px;
  margin: auto;
  padding-bottom: 2px;
   border-bottom: 1px #c0c0c0 solid;
}
.ranking_autor { 

}
.ranking_autor span {
   font-weight: bold;
}
.pasek_logowania { 
}
.input_login { 
   width: 200px;
}
/*pager*/
.pager_zdjecia { 
   padding-top: 10px;
   margin: auto;
   text-align: center;
   clear: both;
}
.pager_off_zdjecia {
   color: #c0c0c0;
}
.zdjecie_polecane {
   text-align: center;
   margin: auto;
}
.zdjecie_polecane_info { /
   padding-top: 10px;
   text-align: center;
   margin: auto;
}

/* KONKURS 1 */

* {margin:0;padding:0;font-family: Tahoma, Geneva, Arial, sans-serif;font-size:13px;}
img {border:0px;}
body {background-color:#79ebfa;margin:180px 0 0;}
#logo { width:243px;height:50px;position: absolute;top:-51px; left:0px;}
#main {width:980px;height:570px;margin:0 auto;text-align:center;position: relative;}
#top {width:980px;height:144px; background:url(http://www.konkursy.axelspringer.pl/res/pliki/34/top.png) no-repeat left top;}
#center {width:980px;height:350px; background:url(http://www.konkursy.axelspringer.pl/res/pliki/34/center.png) no-repeat left top;}
#bottom {width:980px;height:46px; background:url(http://www.konkursy.axelspringer.pl/res/pliki/34/bottom.png) no-repeat left top;}
#footer {color:#000; font-size:11px;text-align:left;padding:3px 0 0 8px;}
#footer img {padding: 2px 5px 0 0; vertical-align:text-top;}
#content {width:490px;height:350px; position: absolute; right:36px; top:141px; text-align:justify;}
a {color: #b50761; }
#lista_etapow a {color: #000;}
.logowanie_login{height:30px}
.logowanie_logowanie, .metryczka {border: 0; background: #e4e4e4; padding: 20px; margin: 20px auto; border: 1px #c0c0c0 solid;}
.logowanie_zaloguj input, .logowanie_zarejestruj input, .metryczka_nawigacja input, .etap_dalej input {cursor: pointer; width: 132px;height:21px; border: 0; color: #fff; padding:3px 3px 5px; background: transparent url(http://marketing.asp24.pl/newsweek/konkurs2/button1.png); margin: 2px;font-size:11px; }
.logowanie_przypomnij input {cursor: pointer; width: 82px;height:21px;border: 0; color: #fff; padding:3px 3px 5px; background: transparent url(http://marketing.asp24.pl/newsweek/konkurs2/button2.png) ;font-size:11px; margin-left: 21px}
.logowanie_login_tekst input, .logowanie_haslo_tekst input, .metryczka input {border:1px solid #c0c0c0; height:18px;}
.user_check_opis, .user_check_opis label, .user_check1 {font-size:10px}
.user_check_opis {width:680px;}
#error_logowanie {color:#db0062;}
#error_logowanie {background-color:#f0c8a8;border:1px solid #db0062;}
.polecanie_button {width: 130px;border: 0; color: #fff; padding: 3px; background: #db0062 margin: 2px;}
#lista_etapow th {background-color:#db0062;}
#error_logowanie {color: #d00; padding: 5px; font-size: 12px;}
h1 {font-size: 18px; color: #db0062}
h2 {font-size: 15px; color: #db0062; border-bottom: 1px #ddd dotted;}
#zalogowany_info {color: #000;}
#zalogowany_info a {color: #000;}
.prawa_content  a {color: #db0062;}
.prawa_content  a:hover {color: #000;}
.ranking_grupa {background: #f1f1f1; padding: 5px; width: 230px; margin: 2px;border: 1px #c0c0c0 solid; }
.ranking_opcje {background: #fff; border: 0;}
.ranking_plik {margin: 0px; margin-bottom: 5px;}
.ranking_plik img {width: 200px;}
.ranking_zdjec {margin-bottom: 20px;}
.zdjecie_grupa  {background: #f1f1f1; padding: 5px; width: 240px; margin: 2px;border: 1px #c0c0c0 solid; }
.zdjecie_plik {margin: 0px; margin-bottom: 5px;}
.zdjecie_plik img {width: 200px;}
.zdjecie_opcje {background: #fff; border: 0;}
.zdjecie_grupa a, .ranking_grupa a {color: #db0062;}
.metryczka select {width:200px}
.check_zainteresowania {width:180px;text-align:left}
#lista_etapow th {border:1px solid white;color:white;font-weight:bold;}
td {padding:3px}
#no_error1, #error1 {padding:5px}
.ranking_opcje {width:230px}
.zdjecie_grupa {width:230px}
.zdjecie_opcje {width:230px}
.etap_dalej {width:480px;}
.prawa_content .metryczka .user_check_opis {width:400px;}

	#log_info {text-align:none; width:60%;}
	.logowanie_przypomnij input {background: transparent url(http://www.konkursy.axelspringer.pl/res/pliki/33/b_przy.png);}
	#lewa_kolumna_div {
float:left;
padding-right:10px;
width:195px;
}
#prawa_kolumna_div {
float:left;
margin-top:15px;
width:280px;
}
.etap_dalej {
width:280px;
}


@charset "utf-8";
/* CSS Document */


