/* globalna czcionka użyta w formularzach */
body *, body {
    font-family: 'Titillium Web', Arial !important;
}


/** STOPKA I NAGŁÓWEK *********************************************************/


.naglowek-strony.menuDocked .topmenu,
.naglowek-strony,
.naglowek-strony .topmenu,
.naglowek-strony .topmenu:before, 
.naglowek-strony .topmenu:after{  
	/* Kolor tła nagłowka strony */
    background-color: #8b8b8b;
}

body,
.footer .stopka,
.footer .stopka:before,
.footer .stopka:after{
	/* kolor tła stopki */
    background-color: #8b8b8b;	

}

.menu .topmenu a {
	/* kolor czcionki menu górnego */
    color: white;
}

.menu .topmenu a:hover, .menu .topmenu_item_active a{
	/* kolor czcionki menu górnego po najchaniu myszką */
    color: white;
	
	/* kolor tła menu górnego po najchaniu myszką */
	background: #D10000;
}



/** TRESC ANKIETY *************************************************************/
.tlo-ankiety
{
	/* kolor tła ankiety w Hex lub RGBA */
	background-color: #efefef;
}

.tytul-ankiety
{
	/* szerokość pola tytułu ankiety  */
  	max-width: 1000px;
		
	/* margines wewnętrzny pola tytułu */
    margin: 0 auto;
	
	/* kolor tytułu ankiety */
	color: #0071b5;
	
	
	/* grubość czcionki tytułu (bold/normal) */
  	font-weight: bold; /* normal bold */
	
	/* styl tytułu czcionki */
  	font-style: normal; /* normal italic */
	
	/* nazwa tytułu czcionki */
  	font-family: "Trebuchet MS", sans-serif;
	
	/* rozmiar tytułu czcionki */
  	font-size: 30px;
	
	/* pozycjonowanie tytułu w polu tytułu */
    text-align: center; /* left, center, right, justify */
	
	
	/* interlinia tytuły ankiety */
    line-height: 135%;	

}

.opis-ankiety
{
	/* szerokość pola opisu ankiety  */
  	width: 1000px;
			
	/*margines wewnętrzny pola opisu ankiety */
    margin: 20px auto;
	
	/* kolor tekstu opisu ankiety w HEX lub RGBA */
	color: #303030;
	
    background-color: transparent;
	
	/* grubość czcionki opisu (bold/normal) */
  	font-weight: normal; /* normal bold */
	
	/* styl opisu czcionki */
  	font-style: normal; /* normal italic */
	
	/* nazwa czcionki opisu ankiety */
  	font-family: "Trebuchet MS", sans-serif;
	
	/* rozmiar czcionki opisu ankiety */
  	font-size: 16px;
	
	/* pozycjonowanie opisu w polu opis ankiety */
    text-align: justify; /* left, center, right, justify */
	
	/* interlinia opisu ankiety */
    line-height: 150%;
	
}

.strona-ankiety
{
  	/* szerokość pola opisu ankiety w pikselach */
  	width: 1200px;
  
    /* margines wewnętrzny strony ankiety */
	padding: 10mm;
	
	/* szerokość oraz kolor ramki strony  */
	border: 1px solid silver;  
 
    /* kolor strony ankiety */
  	background-color: #fff;
	
	/* cień pod stroną ankiety (wielkość i kolor) */
	box-shadow: 0 0 8px -2px #333;
	
}

.blok-pytania
{
	/* margines wewnętrzny bloku pytania */
  	padding: 25px 10px 35px 10px;
	
	/* wielkość i kolor kreski odzielającej blok pytania */
    border-bottom: 1px solid silver;
	
	/* margines zewnętrzny bloku pytania */
  	margin: 0px 0px 0px 0px;
}

.blok-pytania:hover
{
	/* kolor tła bloku pytania wskazanego kursorem */
	background-color: #efefef;
  
    /* kursor po najechaniu myszką */
    cursor: pointer;
}

.blok-pytania:hover *
{  
    /* kursor po najechaniu myszką */
    cursor: pointer;
}

.nazwa-pytania
{   
	
	/* kolor czcionki nazwy pytania */
	color: black;	
	
    background-color: transparent;
	
	/* grubość czcionki */
  	font-weight: bold; /* normal bold */
	
	/* styl czcionki nazwy pytania */
  	font-style: normal; /* normal italic */
	
	/* nazwa czcionki w bloku nazwy pytania */
  	font-family: "Trebuchet MS", sans-serif;
	
	/* rozmiar czcionki nazwy pytania */
  	font-size: 25px;
	
	/* pozycjonowanie nazwy pytania */
    text-align: left; /* left, center, right, justify */
	
	/* interlinia nazwy pytania */
    line-height: 150%;

    /* margines pola pytania */
    padding: 10px 0px 0px 0px !important;

}


.opis-pytania
{	
	/* kolor czcionki opisu pytania */
	color: gray;
	
	/* grubość czcionki opisu pytania */
  	font-weight: normal; /* normal bold */
	
	/* styl czcionki  opisu pytania */
  	font-style: italic; /* normal italic */
	
	/* nazwa czcionki opisu pytania */
  	font-family: "Trebuchet MS", sans-serif;
	
	/* rozmiar czcionki opisu pytania */
  	font-size: 15px;
	
	/* pozycjonowanie opisu pytania */
    text-align: left; /* left, center, right, justify */
	
	/* interlinia opisu pytania */
    line-height: 150%;
	
	
	padding: 0 0 20px 0;
    border: none;
    margin: 0;
	background-color: transparent;
}

.odpowiedz-pytania
{
	/* szerokość okna tekstowego odpowiedzi  */
	width: 100%; 
	
	/* kolor czcionki odpowiedzi pytania */
	color: black;
	
	/* kolor tła odpowiedzi pytania */
    background-color: white;
	
	/* grubość czcionki odpowiedzi pytania */
  	font-weight: normal; /* normal bold */
	
	/* styl czcionki odpowiedzi pytania */
  	font-style: normal; /* normal italic */
	
	/* nazwa czcionki odpowiedzi pytania */
  	font-family: "Trebuchet MS", sans-serif;
	
	/* rozmiar czcionki odpowiedzi pytania */
  	font-size: 15px;
	
	/* pozycjonowanie odpowiedzi pytania */
    text-align: left; /* left, center, right, justify */
	
	/* interlinia odpowiedzi pytania */
    line-height: 175%;
	
}

.odpowiedz-pytania:hover
{
	/* kolor wiersza z odpowiedzią wskazanego kursorem  */
	background: lightyellow; 
	
	/*  rodzaj kursora wskazującego wiersz pytania */
  	cursor: pointer; 
}


body textarea {
	/* rozmiar czcionki w polu textarea */
    font-size: 15px;
}

.wymagane
{
	/* kolor ramki wokół okna odpowiedzi wymaganych */
	border: 1px solid red;
	
	/* kolor tła okna odpowiedzi wymaganych */
	background-color: lightyellow;
}

.niewymagane
{
	/* kolor ramki wokół okna odpowiedzi niewymaganych */
	border: 1px solid #66c;
	
	/* kolor tła okna odpowiedzi niewymaganych */
    background-color: #f9f9ff;
}

span.error {
    float: none !important;
}

.przyciski,
input[type=button]
{
	/* minimalna szerokość przycisków */
  	min-width: 120px;
	
	/* wysokość przycisków */
  	height: 30px;
	
	/* rozmiar i kolor ramki przycisków */
    border: 1px solid silver;
	
	/* promieniń zaokrąglenia ramki przycisków */
    border-radius: 3px;
	
	/* margines przycisków */
	margin: 15px 10px 15px 10px;

	/* kolor tła przycisków */
  	background: #fff;
	
	/* kolor czcionki przycisków */
    color: #333;
	
	/* nazwa czcionki przycisków */
  	font-family: "Trebuchet MS", sans-serif;
	
	
	/* styl ikonki kursora */
  	cursor: pointer;
}

.przyciski:hover,
input[type=button]:hover
{
	/* rozmiar i kolor ramki przycisków po najechaniu myszką */
    border: 1px solid #999;
	
	/* kolor czcionki przycisków po najechaniu myszką */
    color: #000;
	
	/* cień przycisków po najechaniu myszką */
    box-shadow: 1px 2px 15px -5px #333;
}



.komunikat
{
	/* szerokośc pola komunikatu */
    width: 1200px;
	
	/* pozycjonowanie tekstu informacji o komunikacie */
	text-align: center;
	
	/* margines komunikatu */	
	margin: 25px auto;	
	
	/* nazwa czcionki komunikatu */
	font-family: 'verdana';
	
	/* interlinia komunikatu */
    line-height: 135%;
}

.komunikat #updater > span {
	/* margines wewnetrzny komunikatu */
    padding: 10px;
}

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

.duze-pole-tekstowe {
	/* szerokosc dużego pola tekstowego */
    width: 100%;
	
	/* minimalna wysokosc dużego pola tekstowego */
    min-height: 100px;
}

.male-pole-tekstowe {
	/* szerokośc małego pola tekstowego */
    width: 100%;
	
	/* minimalna wysokosc małego pola tekstowego */
    min-height: 25px;
}

input {
	
	/* szerokość inputa */
    width: 100%;
	
	/* minimalna wysokosc inputa */
	min-height: 25px;
  
    box-sizing: border-box;
}

.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
{
	/* szerokośc suwaka */
    width: 235px; 

	/* pozycjonowanie suwaka */	
    text-align: center;
  
    box-sizing: border-box;
}

.formula
{}

.produkt
{}

.podsumowanie
{}

.dostawa
{}

.walidator-zaawansowany
{}

.lista-rozwijana
{	
	/* minimalna wysokosc pola listy rozwijanej */	
	min-height: 29px
}

.pole-jednokrotnego-wyboru
{}

.pole-wielokrotnego-wyboru
{}

.adres-email
{}

.plik
{}

.lokalizacja-na-mapie
{}

.zakres-dni
{}

.ocena-jakosciowa
{}

.macierz
{}

.wielokrotne-pole-tekstowe
{}

.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;
}


/* moje style */

.odpowiedz-pytania:hover, .odpowiedz-pytania {
    background: transparent;
}

.odpowiedz-pytania > div {
    width: 100% !important;
}

.lista-rozwijana {
    width: 100%;
    max-width: 100%;
}

input[type="radio"] {
    min-height: auto;
}

.pole-wielokrotnego-wyboru,
.pole-jednokrotnego-wyboru {
    display: flex;
    align-items: center;
}

img#captcha_img {
    width: auto !important;
    height: auto !important;
    border: 1px solid gray;
}

.captcha_obrazek {
    float: right;
    border: none;
}


.captcha_obrazek + input + input {
    width: auto;
    clear: both;
    display: block;
    margin: auto;
    float: left;
}

span[id*="_preview"] {
    display: block;
    float: left;
    height: 15px;
    padding: 3px 12px 10px 12px;
    margin: 17px 0 0 0px;
    border-radius: 8px;
    background: #f0f0f0;
    position: relative;
    font-size: 15px;
    color: #606060;
    font-weight: bold;
    left: 50%;
    transform: translateX(-50%);
}

span[id*="_preview"]:before {
    content: ' ';
    display: block;
    float: left;
    width: 0;
    height: 0;
    border-width: 14px 12px 15px 0;
    border-style: solid solid solid solid;
    border-color: transparent #f0f0f0 transparent transparent;
    position: absolute;
    left: 11px;
    top: -14px;
    transform: rotate(90deg);
}

/* rozmiar czcionki w polach do wpisywania */

body #content input, body #content textarea {
    font-size: 20px;
}

/* rozmiar czcionki w polach wyboru */
.pole-wielokrotnego-wyboru, .pole-jednokrotnego-wyboru {
    font-size: 20px;
}

.pole-wielokrotnego-wyboru input[type="checkbox"] {
    top: 3px !important;
}