@charset "UTF-8";

/** STOPKA I NAGŁÓWEK *********************************************************/
.strona
{
    
}

.naglowek-strony
{
    width: 210mm;
    margin: 0px auto 5px auto;
    background-color: #fff;
}

.nazwa-organizacji /* nazwa lub logo */
{
    color: #0071b5;
}

.pasek /* pasek z wyszukiwarka i menu */
{
    background-color: #0071b5;
}

.stopka
{
    background-color: #0071b5;
    color: #fff;
}

/** TRESC ANKIETY *************************************************************/
.tlo-ankiety
{
  	padding: 30px 0;
	background-color: #fff;
}

.tytul-ankiety
{
  	max-width: 210mm;
    padding: 0 0 0 0;
    border: none;
    margin: 0 auto;
	color: #0071b5;
    background-color: transparent;
  	font-weight: bold; /* normal bold */
  	font-style: normal; /* normal italic */
  	font-family: "Trebuchet MS", sans-serif;
  	font-size: 20px;
    text-align: center; /* left, center, right, justify */
    line-height: 150%;
}

.opis-ankiety
{
  	width: 210mm;
    padding: 0 0 0 0;
    border: none;
    margin: 0 auto;
	color: #303030;
    background-color: transparent;
  	font-weight: normal; /* normal bold */
  	font-style: normal; /* normal italic */
  	font-family: "Trebuchet MS", sans-serif;
  	font-size: 13px;
    text-align: justify; /* left, center, right, justify */
    line-height: 150%;
}

.strona-ankiety
{
  	width: 190mm;
	padding: 10mm;
	border: 1px solid silver;
  	margin: 15px auto 0;
  	background-color: #fff;
}

.blok-pytania
{
  	padding: 15px 10px;
    border-bottom: 1px solid silver;
  	margin: 0px 0px 0px 0px;
}

.nazwa-pytania
{
    padding: 0 0 10px 0;
    border: none;
    margin: 0;
	color: black;
    background-color: transparent;
  	font-weight: bold; /* normal bold */
  	font-style: normal; /* normal italic */
  	font-family: "Trebuchet MS", sans-serif;
  	font-size: 13px;
    text-align: left; /* left, center, right, justify */
    line-height: 150%;
}

.opis-pytania
{
	padding: 0 0 10px 0;
    border: none;
    margin: 0;
	color: gray;
    background-color: transparent;
  	font-weight: normal; /* normal bold */
  	font-style: italic; /* normal italic */
  	font-family: "Trebuchet MS", sans-serif;
  	font-size: 12px;
    text-align: left; /* left, center, right, justify */
    line-height: 150%;
}

.odpowiedz-pytania
{
	padding: 0 0 0 0;
    border: none;
    margin: 0 25px 0 0;
	color: black;
    background-color: white;
  	font-weight: normal; /* normal bold */
  	font-style: normal; /* normal italic */
  	font-family: "Trebuchet MS", sans-serif;
  	font-size: 12px;
    text-align: left; /* left, center, right, justify */
    line-height: 175%;
    /*float: left;*/
}

.przyciski
{
  	min-width: 120px;
  	height: 30px;
    border: 1px solid silver;
    border-radius: 3px;
	margin-top: 15px;
	margin-bottom: 15px;
  	margin-left: 10px;
  	margin-right: 10px;
  	background: #fff;
    color: #333;
  	font-family: "Trebuchet MS", sans-serif;
  	cursor: pointer;
}

.przyciski:hover
{
    border: 1px solid #999;
    color: #000;
    box-shadow: 1px 2px 15px -5px #333;
}

.wymagane
{
	border: 1px solid red;
	background-color: lightyellow;
}

.niewymagane
{
	border: 1px solid #66c;
    background-color: #f9f9ff;
}

.komunikat
{
    width: 210mm;
}

/** WYGLĄD PYTAŃ **************************************************************/

.male-pole-tekstowe
{
width: 600px;
}

.duze-pole-tekstowe
{}

.opisowe-pole-tekstowe
{}

.data
{}

.data-i-godzina
{}

.godzina
{}

.pesel
{}

.regon
{}

.nip
{}

.konto-bankowe
{}

.zabezpieczenie-captcha-obrazek
{}

.zabezpieczenie-captcha-tekst
{}

.pole-tekstowe-z-autouzupelnianiem
{}

.liczba
{}

.suwak
{
    width: 235px;    
    text-align: center;
}

.formula
{}

.produkt
{}

.podsumowanie
{}

.dostawa
{}

.walidator-zaawansowany
{}

.lista-rozwijana
{}

.pole-jednokrotnego-wyboru
{}

.pole-wielokrotnego-wyboru
{}

.adres-email
{
width: 600px;
}

.plik
{}

.lokalizacja-na-mapie
{}

.zakres-dni
{}

.ocena-jakosciowa
{}

.macierz
{}

.wielokrotne-pole-tektsowe
{}

.informacja-opisowa
{}

/** INNE **********************************************************************/

.licznik-czasu
{
    bottom: 0%;
    left: 50%;
    text-align: center;
    color: #000;
    background: #fff;
    border: 1px solid #C0C0C0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 0 10px 0 #808080;
}

span[id*="_preview"]
{ margin-left: 12px; }

.ci-slider
{ width: 115px; }

*:focus
{
    outline: 1px solid #0071b5;
}