html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;
              width: 800px;
              margin: 0 auto;
              background: 0 87px url(../img/bgw.gif) repeat-x;			  
}

#main {padding-bottom: 190px;}  /* must be same height as the footer */

#footer {position: relative;
         margin-top: -190px; /* negative value of footer height */
         height: 190px;
         clear:both;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
                 display: block;
                 height: 0;
                 clear: both;
                 visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
    font-family: Arial;
    font-size: 14px;
    background: url(../img/bg.jpg) #222222 repeat-x;
    text-align: justify;
}
#main {
    padding-top: 87px;
}
#logo {
    position: absolute;
    margin-left: -22px;
    top: 0;
}

#tv {
    display: block;
    position: absolute;
    margin-left: 294px;
    top: 59px;
    width: 211px;
    height: 231px;
    background: url(../img/tv.png) no-repeat;
    text-indent: -10000px;
}

#search {
    position: absolute;
    margin-left: 530px;
    top: 87px;
    width: 270px;
    height: 25px;
    color: #666;
    font-size: 11px;
    background: url(../img/search.png) 25px 0 no-repeat;
}

#addComment {
    color: #EE2744;
    font-weight: bolder;
    cursor: pointer;
}
#addComment:hover {
    color: #000;
}
#txt {
    border: none;
    background: none;
    width: 240px;
    text-align: right;
    color: #4C4C4C;
    padding-right: 5px;
    font-size: 14px;

}

#button {
    background: none;
    height: 24px;
    width: 24px;
    border: 0;
}

#button:hover{
    cursor: pointer;
    background: #EE2744;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

#pstxt {
    position: absolute;
    margin-left: 530px;
    top: 130px;
    width: 246px;
    height: 170px;
    color: #666;
    font-size: 11px;
    line-height: 14px;
}
#pstxt div {
    display: none;
}
#pstxt div.current {
    display: block !important;
}
#content {
    padding-top: 249px;
    padding-left: 25px;
    font-size: 12px;
}
#chBox {
    border-left: 10px solid #2e2e2e;
    border-right: 10px solid #2e2e2e;
    border-bottom: 10px solid #2e2e2e;
    width: 705px;
    padding: 0 0 25px 25px;
    margin-bottom: 25px;
}
#chBox>a {
    width: 210px;
    height: 210px;
    background: #000;
    margin-right: 25px;
    margin-top: 25px;
    float: left;
    cursor: pointer;
    overflow: hidden;
}

/*#chBox a {
    color: #fff !important;
    font-size: 14px !important;
}*/
#prev, #next {
    cursor: pointer;    
}

#numbers .page {
    font-size: 16px;
    font-weight: bolder;
    color: #EE2744;
}


.descr {
    position: absolute;
    width: 210px;
    height: 170px;
    background: #000;
    opacity: 0.70;
    filter: alpha(opacity=70);
    display: none;
    z-index: 2;
}

.descrTxt {
    position: absolute;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: 5px;
    /*overflow: hidden;*/
    width: 200px;    
    display: none;
    z-index: 3;
}

/* CHANNELS */

#ch {
    background: url(../img/line.png) 0 32px repeat-x;
    width: 750px;
}

#ch a {
    text-decoration: none;
    font-size: 16px;
}

#obiektyw {
    margin-left: 90px;
}
#subiektyw {
    margin-right: 0!important;
}
#ch>a {
    display: block;
    width: 115px;
    height: 32px;
    background: #888888;
    float: left;
    margin-bottom: 10px;
    margin-right: 120px;
}

#ch>a:hover {
    background: #4F4F4F;
}
#ch>a.big {
    background: #2E2E2E!important;
}
#ch>a>div {
    width: 33px;
    height: 29px;
    background-image: url(../img/ch.png);
    margin-left: -18px;
    padding-top: 3px;    
}
#ch>a.big>div {
    margin-left: -22px;
    width: 43px!important;
    height: 39px!important;    
}
#ch>a>div>div {
    width: 100px;
    margin-left: 30px;
    text-align: center;
}
#ch>a.big>div>div {
    width: 92px !important;
    margin-left: 42px!important;
    margin-top: 4px;
}
#obiektyw>div {
    color: #EC276F;
    background-position: 0 -42px;
}
#afisz>div {
    color: #1EB9EC;
    background-position: -33px -42px;
}
#subiektyw>div {
    color: #FCD52B;
    background-position: -66px -42px;
}
#obiektyw.big>div {
    background-position: 0 0;
}
#afisz.big>div {
    background-position: -43px 0;
}
#subiektyw.big>div {
    background-position: -86px 0;
}
#najnowsze {
    text-align: center;
    color: #EE2744;
    margin: -25px 0 25px 0 !important;
    float: right !important;
    padding-top: 2px;
    height: 30px;
}
#najnowsze.big {
    background: #2E2E2E! important;
}
#szukaj {
    font-size: 16px;
    margin-left: 90px;
    font-weight: bolder;
    display: block;
    width: 115px;
    height: 32px;
    background: #2E2E2E;
    float: left;
    margin-bottom: 10px;    
}
#szukaj>div {
    background: url(../img/ch.png) 0 0;
    color: #EC276F;
    padding-top: 3px;
    margin-left: -22px;
    width: 43px;
    height: 39px;
}
#szukaj>div>div {
    text-align: center;
    width: 92px;
    margin-left: 42px;
    margin-top: 4px;
}

#pages {
    display: block;
    width: 115px;
    height: 32px;
    background: #888888;
    text-align: center;
    color: #EE2744;
    padding-top: 2px;
    margin: -25px 0 25px 0 !important;
    float: left;
    margin-bottom: 10px;
    margin-right: 120px;
}
#tag {
    display: block;
    width: 115px;
    height: 32px;
    background: #2E2E2E;
    float: left;
    margin:  0 120px 10px 90px;
    text-decoration: none;
    font-size: 16px;
    color: #EC276F;
    font-weight: bolder;
}
#tag>div {
    width: 43px;
    height: 39px;
    background-image: url(../img/ch.png);
    margin-left: -18px;
    padding-top: 3px;
    margin-left: -22px;
}
#tag>div>div {
    width: 92px;
    margin-left: 42px;
    margin-top: 4px;
    text-align: center;
}
/******* END CHANNELS *******/

#text {
    margin: 0 25px 25px 0;
}
.movieTitleBg {
    height: 40px;
    width: 210px;
    background: #000;
    position: absolute;
    margin-top: 170px;
    opacity: 0.70;
    filter: alpha(opacity=70);
    z-index: 1;
}

.movieTitle {
    padding-left: 5px;
    width: 200px;
    position: absolute;
    margin-top: 171px;
    color: #fff !important;
    font-size: 12px;
    height: 40px;
    z-index: 3;
    overflow: hidden;
}

.movieTitle h2{
    text-align: left;
    height: 20px;
    width: 400px;
}
.movieTitle h3{font-weight: normal;}
#menu {
    position: absolute;
    margin-left: 418px;
    top: 19px;
}

#menu ul {
    text-indent: -9000em;
    list-style-type: none;
    width: 382px;
}
#menu ul li {
    float: left;
}
#menu ul li a {
    display: block;
    height: 16px;
    background-image: url(../img/menu.png);
}
a#home{
    width: 70px;
}
a#home:hover {
    background-position: 0 -20px;
}
a#home.on {
    background-position: 0 -40px;
}
a#nasz_zespol {
    width: 165px;
    background-position: -70px 0;
}
a#nasz_zespol:hover {
    background-position: -70px -20px;
}
a#nasz_zespol.on{
    background-position: -70px -40px;
}
a#mediatory {
    width: 146px;
    background-position: -235px 0;
    margin-bottom: 15px;
}
a#mediatory:hover {
    background-position: -235px -20px;
}
a#mediatory.on{
    background-position: -235px -40px;
}
a#osiagniecia {
    width: 145px;
    background-position: -381px 0px;
}
a#osiagniecia:hover {
    background-position: -381px -20px;
}
a#osiagniecia.on{
    background-position: -381px -40px;
}
a#partnerzy {
    width: 141px;
    background-position: -526px 0px;
}
a#partnerzy:hover {
    background-position: -526px -20px;
}
a#partnerzy.on{
    background-position: -526px -40px;
}
a#kontakt {
    width: 96px;
    background-position: -667px 0px;
}
a#kontakt:hover {
    background-position: -667px -20px;
}
a#kontakt.on{
    background-position: -667px -40px;
}

#movie {
    margin-bottom: 19px;
}

#movieDesc {
    float: right;
    width: 245px;
    font-size: 11px;
    margin: -7px 25px 25px 0;
}

.title {
    margin-bottom: 10px;
    font-size: 18px !important;
}

.comment {
    width: 460px;
    background: #EFEFEF;
    margin-bottom: 25px;
    padding: 10px;
    font-size: 12px;
    color: #2F2F2F;
}

#tags {
    display: block;
    color: #5F5F5F;
    font-size: 14px;
    border-top: 1px solid #000;
}

em {
    font-style: italic;
}
.chLink {
    text-decoration: none;
    font-size: 13px;
    float: right;
    margin-left: 10px;
}
.chLink:hover{
    color: #000;
}
#film-info {
	font-weight: bolder;
}

#vimeo-plays {
    float: right;
    font-weight: bolder;
}
.obColor{
    color: #EC2870;
}
.afColor{
    color: #1DB9EC;
}
.subColor{
    color: #FFDC1F;
}

a {
    color: #000;
    font-weight: bolder;
    text-decoration: none;
}
a:hover{
    color: #ED2642;
}

#footerIn {
    color: #b2b2b2;
    background: #2e2e2e;
    font-size: 12px;
    border-top: 10px solid #000;
    height: 180px;
}

#footerInside {
    margin: 0 auto;
    width: 800px;
    letter-spacing: 1.5px;
}

#footerInside>a {
    display: block;
    width: 71px;
    height: 86px;
    background-image: url(../img/ch2.png);
    background-repeat:  no-repeat;
    float: left;
    text-indent: -10000px;
    margin: 29px 25px 18px 25px;
}

#footerInside>a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#fCh1 {
    margin-left: 245px !important;
}

#fCh2 {
    background-position: -71px 0;
}

#fCh3 {
    background-position: -142px 0;
}

#footerInside ul {
    list-style-type: none;
    /*    margin-left: -21px;*/
    margin: 5px auto;
    margin-top: 5px;
}
#footerInside ul li {
    float: left;
    letter-spacing: 2.83px;
    word-spacing: 21px;
    margin-left: 21px;
    color: #ED2642
}
#footerInside ul li a {
    font-weight: normal;
    text-decoration: none;
    color: #E5E5E5;
}
#footerInside ul li a:hover{
    color: #ED2642
}
#footerMenu {
    text-align: center;
    letter-spacing: 2.83px;
    word-spacing: 21px;
    color: #ED2642;
    padding-top: 7px;
}
#footerMenu a {
    font-weight: normal;
    text-decoration: none;
    color: #E5E5E5;
}
#footerMenu a:hover{
    color: #ED2642
}

#kukulka {
    float: right;
}
#kukulka a {
    font-weight: normal;
    text-decoration: none;
    color: #b2b2b2;
}
#kukulka a:hover {
    color: #ED2642
}

/*komentarz*/
#nick, #commentTxt, #commSubmit {
    width: 450px;
    margin-top: 10px;
    background: #fff;
    border: 0;
    padding: 5px;
}
#nick:hover, #commentTxt:hover, #commSubmit:hover, #nick:focus, #commentTxt:focus, #commSubmit:focus {
    background: #FAFAFA;
}
#commSubmit {
    font-weight: bolder;
    width: 70px;
    margin-left: 390px;
    font-size: 12px;
    color: #EE2744;
    padding: 0 !important;
    height: 25px;
    border-right: 10px solid #EE2744;
}
#commSubmit:hover {
    color: #000;
    cursor: pointer;
}
#commentTxt {
    height: 60px;
    font-family: Arial;
    font-size: 12px;
}

/*kontakt*/
#mail, #tresc, #kontSubmit {
    width: 460px;
    margin-bottom: 25px;
    background: #EFEFEF;
    border: 0;
    padding: 10px;
}
#mail:hover, #tresc:hover, #kontSubmit:hover, #mail:focus, #tresc:focus, #kontSubmit:focus {
    background: #BFBFBF;
}
#kontSubmit {
    font-weight: bolder;
    width: 150px;
    margin-left: 330px;
    font-size: 12px;
    color: #EE2744;
    padding: 0!important;
    height: 25px;
    border-right: 10px solid #EE2744;
}
#kontSubmit:hover {
    color: #000;
    cursor: pointer;
}
#tresc {
    height: 143px;
    font-family: Arial;
    font-size: 12px;
}
#contact {
    float: right;
    width: 245px;
    margin: -7px 25px 25px 0;
}
#komunikat {
    position: absolute;
    display: none;
    font-weight: bolder;
    margin-top: 258px;
    color: #EE2744;
}
/*zespol*/
.top td {
    vertical-align: top;
    text-align: justify;
    padding-bottom: 25px;
}
#zespolTable td {    
    width: 350px;    

}
#obiektywText, #afiszText, #subiektywText {
    display: none;
}
#osiagnieciaTable {
    margin-right: 25px;
}
h4 {
    font-size: 18px;
}
.size5 {
    font-size: 18px;
}
.size4 {
    font-size: 16px;
}
.size3 {
    font-size: 14px;
}
.size2 {
    font-size: 12px;
}
.size1 {
    font-size: 11px;
}
.size0 {
    font-size: 10px;
}
#cloud {
    width: 245px;
    margin-bottom: 20px;
    float: left;
}
#fb-box {
    float: right;
    width: 245px;
    margin-right: 25px;
    margin-bottom: 20px;
}

.like-bttn{
    padding-top: 10px;
    border-top: 1px solid black;
}

#newsletter{
    width: 210px;
    float: left;
    margin: 0 20px 20px 25px;
}

#newsletter input{
    margin: 10px 0 0 0;
    padding: 10px;
    border: none;
    background: #EFEFEF;
    font-size: 11px;
}
#newsletter input:hover, #newsletter input:focus{
    background: #BFBFBF;
}
#newsletter input[type="text"]{
    width: 190px!important;
    color: #AFAFAF;
}
#newsletter input[type="text"]:focus{
    color: #000;
}
#newsletter input[type="submit"]{
    font-weight: bolder;
    color: #EE2744;
    border-left: 10px solid #EE2744;
    padding: 10px 20px;
}
#newsletter input[type="submit"]:active{margin-top: 11px;}

#social-box div {
	margin-bottom: 4px;
}