@charset "UTF-8";

body {
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background-color: #333333;
    background-image: url('../images/background.jpg');
    background-repeat: repeat;
    font-family: Arial,Helvetica,sans-serif;
}
a {
    color:#FA9D1C;
    text-decoration:none;
}
a:hover {
    color:#131313;
    background-color:#FA9D1C;
}
h1, h2, h3, h4, h5, h6 {
    margin:.4em 0 .2em 0;
    padding:0;
}
p {
    margin:.4em 0 .8em 0;
    padding:0;
    text-align: justify;
}
img {
    margin: 0.5em;
    border: none;
}

/* parametry strony*/
#strona{
    margin: 0 auto;
    color:#fff;
    width: 54em;
    overflow: hidden;
}
#naglowek, #podpasek,.maskakolumn{
    background-color: #131313;
    border-top: 1px solid #FA9D1C;
    border-bottom: 1px solid #FA9D1C;
    margin-bottom: 0.2em;
}
#stopka{
    background-color: #131313;
}
.maskakolumn{
    padding-top: 1em;
}

/* Header styles */
#naglowek {
    clear:both;
    width:100%;
}
#naglowek p,
#naglowek h1,
#naglowek h2 {
    padding:.4em 15px 0 15px;
    margin:0;
}
/*menu bazowe ustawienia*/
ul.menu {
    list-style-type:none;
    border:none;
    margin:0;
    padding:0;
    text-align: center;
}
ul.menu li {
    display:inline-block;
    height: 100%;
}

ul.menu li a {
    text-decoration: none;
    display: block;
    height: 100%;
}
ul.menu span{
    display: block;
}
/*menu - szerokosci w zaleznosci od ilosci elemnetów*/
ul.pozycje2 li{width: 45%;}
ul.pozycje3 li{width: 30%;}
ul.pozycje4 li{width: 23%;}
ul.pozycje5 li{width: 18%;}
ul.pozycje6 li{width: 15%;}
ul.pozycje7 li{width: 13%;}
ul.pozycje8 li{width: 11%;}
ul.pozycje9 li{width: 10%;}
/*menu stylistyka*/

ul.styl1{
    font-size: 200%;
    font-weight: 900;
    font-variant: small-caps;
    padding: 0.3em 0;
}
ul.styl1 li{
    height: 2em;
}
ul.styl1 li a {color: #FA9D1C;}

ul.styl1 a:hover{
    background-color: transparent;
    border-bottom: #FA9D1C solid 0.2em;
}
ul.styl1 .active {
    background-color: #131313 !important;
    border: #FA9D1C solid 1px;
}
ul.styl1 span{
    font-size: 40%;
    color: #fff;
}
ul.styl1 a:hover span,ul.styl1 .active span{
}

ul.styl2 {
    font-weight: 900;
    font-variant: small-caps;
    font-size: 150%;
    padding: 0.8em 0;
    vertical-align: top;
}
ul.styl2 li{
    border-left: #313131 solid thin;
    border-right: #313131 solid thin;
}
ul.styl2 li:first-child{
}
ul.styl2 li a {
    color: #fff;
}
ul.styl2 span{
    font-style: oblique;
    font-size: 40%;
}
ul.styl2 a:hover, ul.styl2 .active {
    color: #131313;
    font-weight:bold;
    background-color: #FA9D1C;
}
ul.styl2 a:hover span,ul.styl2 .active span{}

ul.styl3{
    font-variant: small-caps;
}
ul.styl3 li a {
    padding: 0 2em;
    color: #fff;
}
ul.styl3 a:hover, ul.styl3 .active {
    color: #131313;
    background-color: #FA9D1C;
}

/* 'widths' sub menu */
#podpasek {
    font-size: 70%;
}

/* column container */
.maskakolumn {
    position:relative;	/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.submaska,
.submaskazewn{
    float:left;
    width:100%;
    position:relative;
}
.kolumna1,
.kolumna2,
.kolumna3 {
    float:left;
    position:relative;
    padding:0 0 1em 0;
    overflow:hidden;
}
/* 3 Column settings */
.trzykolumny {
}
.trzykolumny .submaskazewn {
    right:25%;			/* width of the right column */
}
.trzykolumny .submaska {
    right:50%;			/* width of the middle column */
}
.trzykolumny .kolumna1 {
    width:46%;			/* width of center column content (column width minus padding on either side) */
    left:102%;			/* 100% plus left padding of center column */
}
.trzykolumny .kolumna2 {
    width:21%;			/* Width of left column content (column width minus padding on either side) */
    left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.trzykolumny .kolumna3 {
    width:21%;			/* Width of right column content (column width minus padding on either side) */
    left:85%;			/* Please make note of the brackets here:
                                    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 3 Column blog style settings */
.trzyblog {
}
.trzyblog .submaskazewn {
    right:25%;			/* width of the right column */
}
.trzyblog .submaska {
    right:25%;			/* width of the middle column */
}
.trzyblog .kolumna1 {
    width:46%;			/* width of center column content (column width minus padding on either side) */
    left:52%;			/* 100% plus left padding of center column */
}
.trzyblog .kolumna2 {
    width:21%;			/* Width of left column content (column width minus padding on either side) */
    left:56%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.trzyblog .kolumna3 {
    width:21%;			/* Width of right column content (column width minus padding on either side) */
    left:60%;			/* Please make note of the brackets here:
                                    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (left menu) settings */
.lewemenu {
}
.lewemenu .submaska {
    right:55%;			/* right column width */
}
.lewemenu .kolumna1 {
    width:51%;			/* right column content width */
    left:102%;			/* 100% plus left column left padding */
}
.lewemenu .kolumna2 {
    width:41%;			/* left column content width (column width minus left and right padding) */
    left:6%;			/* (right column left and right padding) plus (left column left padding) */
}
/* 2 Column (right menu) settings */
.prawemenu {
}
.prawemenu .submaska {
    right:25%;			/* right column width */
}
.prawemenu .kolumna1 {
    width:71%;			/* left column content width (left column width minus left and right padding) */
    left:27%;			/* (right column width) plus (left column left padding) */
}
.prawemenu .kolumna2 {
    width:21%;			/* right column content width (right column width minus left and right padding) */
    left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (double page) settings */
.dwiekolumny {
}
.dwiekolumny .submaska {
    right:50%;			/* right column width */
}
.dwiekolumny .kolumna1 {
    width:46%;			/* left column content width (column width minus left and right padding) */
    left:52%;			/* right column width plus left column left padding */
}
.dwiekolumny .kolumna2 {
    width:46%;			/* right column content width (column width minus left and right padding) */
    left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Full page settings */
.jednakolumna {
}
.jednakolumna .kolumna1 {
    width:96%;			/* page width minus left and right padding */
    left:2%;			/* page left padding */
}
/* Footer styles */
#stopka {
    margin:0.3em 0;
    clear:both;
    width:100%;
    font-size: 70%;
    font-variant: small-caps;
}
#stopka p {
}

/*kolorystyka*/
h1,h2,h3{
    color: #FA9D1C;
    font-variant: small-caps;
}
dl{
    font-style: italic;
    font-family: Times,serif;
}
dt{
    font-variant: small-caps;
    font-weight: 900;
}
/*dt:before{
    content: '\00bf\00a0';
    color: #FA9D1C;
}
dd:before{
    content: '\00a1\00a0';
    color: #FA9D1C;
    vertical-align: top;
}*/

ol.cyfry{ /*zasadniczo standard*/
    list-style-type: decimal;
}
ol.litery{ /*zasadniczo standard*/
    list-style-type: lower-latin;
}

ul.kropka{
    list-style: disc;
}
ul.kolko{
    list-style: circle;
}
ul.kwadrat{
    list-style: square;
}
p.ekstra:first-letter{
    font-size: 3em;
    color:#FA9D1C;
    float: left;
}

fieldset{
    border-color: #FA9D1C;
    border-style: solid;
    padding: 1em;
}
legend{
    border-left: #FA9D1C solid thin;
    border-right: #FA9D1C solid thin;
    padding: 0 1em;
}
/* typy dla pola input : text | password | checkbox | radio | submit | reset | file | hidden | image | button */
input[type="text"],input[type="password"],input[type="file"],textarea{
    border:none;
    padding: 0.3em;
    margin-bottom: 0.5em;
    background-color: #FADD6C;
    width: 100%
}
input[type="submit"],input[type="reset"],input[type="button"]{
    border: #FA9D1C outset medium;
    color: #131313;
    background-color: #FA9D1C;
    margin-bottom: 0.5em;
}
label{
    color: #FA9D1C;
    font-variant: small-caps;
}

table td,table th{
    padding: 0.1em 0.5em;
}
table{
    margin: 0 auto 0 2em;
}

.dolewej{text-align: left;}
.doprawej{text-align: right;}
.dosrodka{text-align: center;}

img.dolewej,input.doprawej{
    float: left;
    margin-left: 0;
    margin-right: 1em;
}
img.doprawej,input.doprawej{
    float: right;
    margin-left: 1em;
    margin-right: 0;
}

.faded{
    width: 790px;
    height: 365px;
    margin: 0 auto 2em;
}
/* tabela widoczna i mieszanie z kolumnami*/
.widoczna{
    border-collapse: collapse;
}
.widoczna th{
    background-color: #FA9D1C;
    color: #000;
}
.widoczna td{
    border: #FA9D1C dotted 1px;
}

/*Walka z tabelką*/
.tabplppp tr>td,
.tabplppp td:first-child[colspan="2"]+td,
.tabplppp td:first-child[colspan="3"]+td,
.tabplppp td:first-child[colspan="4"]+td,
.tabplppp td:first-child[colspan="5"]+td{
    text-align: right
}
.tabplppp tr td:first-child+td{
    text-align: left
}
.tabplppp td:first-child[colspan='2'],
.tabplppp td:first-child[colspan='3'],
.tabplppp td:first-child[colspan='4'],
.tabplppp td:first-child[colspan='5']{
    color: #FA9D1C;
    border: none;
    font-variant: small-caps;
}
/*koniec walki z tabelką*/
.clear{
    clear: both;
}
/*ukryty mail*/
p.mail:after{content:' info\000040b52studio.pl'}

/*walidator formularza*/
.blad{
    border: #FF0000 solid 1px;
    color: #000000;
    background-color: #ff9999;
    font-size: 70%;
    font-weight: bold;
    visibility: hidden;
    height: 4em;
    display: block;
    float: left;
    padding: 0.2em;
}
/*wycofanie się z podświtlania linków dla galerii obrazów*/
a.czysty:hover{
    background: transparent;
    color: #FADD6C;
}
hr{
    color: #FA9D1C;
    clear: both;
}