@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing : border-box ;
}
  #rejestracjalink{ display : inline-block ; cursor : pointer ; }  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font-family:'Open Sans', sans-serif; font-size: 15px ; background : white ; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: auto; }
a, a:hover, a:active { outline: none; text-decoration:none; color:black; }
ul, ol { margin-left: 0.5em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
.clear {clear:both}
::-moz-selection{ background: #189abb; color:#fff; text-shadow: none; }
::selection { background:#189abb; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #189abb; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }


#topmenudiv{
  position : fixed ;
  width : 100%;
  height : 51px; 
  z-index : 100 ;
  background : white ;
  min-width : 100%;
  max-width : 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
#topmenuband{
  width : 100%;
  margin:0 auto;
  display : flex ;
  flex-direction : row ;
  flex-wrap : nowrap ;
  align-items : stretch ;
  align-content : stretch ;  
  max-width : 100% ;
  min-width : 100% ;
}
#topmenulogo{
  display : block ;
  flex: 1 1 12% ;
  max-width:237px;
  min-width:237px;
  background-size : cover ;
  background-position : center ;
  background-repeat : no-repeat ;
  background: url( 'img/1.png' );
  background-size : cover ;
  align-self : center ;
  height : 43px;
}
#langIndicator{
  box-sizing : border-box ;
  flex: 1 1 auto ;
  display : block ;
  position : relative ;
  top : 0 ;
  left : 0 ;
  right : 0 ;
  botton : 0 ;
  min-width : 180px; 
  max-width : 180px ;
  align-self : center ;
  padding-top:5px;
}
#langIndicator > a > img {
  width : auto;
  height : 27px; 
  display : inline-block ;
  margin : 1px ;
  cursor : pointer ;
  box-sizing : border-box ;
}
#topmenu{
  display : block ;
  height : 47px;
  vertical-align : middle ;
  flex : 1 1 auto ;
  display : flex ;
  flex-direction : row ;
  flex-wrap : nowrap ;
  align-items : stretch ;
  align-content : stretch ;
  align-self : center ;
}
#topmenu > li {
  display : inline-block ;
  padding : 10px 0px; 
  box-sizing : border-box ;
}
#topmenu > li > a {
  font-weight : 700 ;
  display : block ;
  padding : 5px 10px ;
  box-sizing : border-box ;
  height : auto ; 
  border-radius : 5px 0px 5px 0px ;
  margin : 0 auto ; 
  white-space : nowrap ;
}
#topmenu > li > a.active {
  background: #e10707 ;
  color : white ;
}
#topmenu > li > a:hover {
  background: #DDDDDD ;
}
#topmenu > li > a.active:hover {
  background: #e10707 ;
  color : white ;
}
#zaloguj{ display : inline-block ; }
#startscreen{
  position : relative ;
  width : 100%;
  height : 100%;
  background : gray ;
  padding-top : 51px;
  display : block ;
  overflow : hidden ;
}
#ssinvitation{
  position : absolute ;
  width : 52% ;
  height : 46% ;
  left : 24% ;
  top : 27% ;
}
#startp{
  position : absolute ;
  width : 100% ;
  height : 100% ;
  left : 0% ;
  top : 0% ;
}
#startp1{
  position : absolute ;
  width : 100% ;
  height : 100% ;
  left : 0% ;
  top : 0% ;
  opacity : 0.5 ;
  background : url('https://www.onnetwork.tv/img/tla/c1_80.png') ;
}
  
  #rejestracjalink{ display : inline-block ; cursor : pointer ; }  


a.bigcontact{
  display : inline-block ;
  font-weight : 700 ;
  font-size : 3rem ;
  position : absolute ;
  right : 8%;
  bottom : 8% ;
  width : auto ;
  padding : 5px 20px ;
  box-sizing : border-box ;
  height : auto ; 
  border-radius : 8px 0px 8px 0px ;
  background: #e10707 ;
  color : white ;
  z-index : 0 ;  
}

#onas{
  position : relative ;
  width : 100%;
  height : 100%;
  max-height : 100% ;
  min-height : 100% ;
  background : white ;
  padding-top: 51px;
}

.onasbottom{
  position : absolute ;
  bottom : 0px;
  left : 0px; 
  width : 100%;
  height : auto ;
  z-index : 1 ;
  text-align:center ;
  display : block ;
}
.onasbottomi{
  display : inline-block ; 
  width : 23% ;
  vertical-align : top ;
}
.onasbottomb{
  font-size : 5rem; 
  font-weight : 800 ;
  width : 100% ;
  text-align : center ;
}
.onasbottoms{
  font-size : 1.5rem; 
  font-weight : 700 ;
  width : 100% ;
  text-align : center ;
  white-space : nowrap ;
}
div.parttitle{
  font-weight : 700 ;
  font-size : 3rem ;
  position : relative ;
  left : 8%;
  top : 8% ;
  width : auto ;
  display : inline-block ;
  padding : 5px 20px ;
  margin : 20px 20px -20px 0px; 
  box-sizing : border-box ;
  height : auto ; 
  border-radius : 8px 0px 8px 0px ;
  background: #e10707 ;
  color : white ;
  z-index : 3 ;
}

div.partcontent{
  left:9%; width : 82% ; height : auto ; border : 1px solid #DEDEDE ; 
  position : relative ;
  display : block ;
  padding : 40px 10px 10px 20px ;
  padding-top:51px;
  box-sizing : border-box ;
  z-index : 2 ;
  margin-top : -20px;
  font-size : 1.2rem ;
  font-weight : 600 ;
  min-height : 400px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
div.partcontent.onas{
  display : flex ;
  flex-direction : row ;
  flex-wrap : nowrap ;
  align-items : stretch ;
  align-content : stretch ;
}

div.partcontenth1{
  font-size : 2rem ;
  font-weight : 700 ;
  padding-top:10px;
  padding-bottom:10px;  
}
div.partcontenth2{
  font-size : 1.2rem ;
  font-weight : 600 ;
}
div.rightcontent{
  display : inline-block ;
  width : 45% ;
  vertical-align : middle ;
  margin : 0 auto ; 
  font-size : 3.1rem ;
}
div.onas > div.rightcontent{
  font-size : 1.2rem ;
}
div.rightcontent > ul {
  display : block ;
  list-style-position : outside ;
  margin-left : 1.1em;
  color : #e10707 ;
}
div.rightcontent > ul > li { margin-bottom:2px; }

div.rightcontent > ul > li > span {
  color : #212121 ;
}
div.tvplayerc{
  left : -7% ;
  position : relative ;
  display : inline-block ;
  width : 54% ;
  height : auto ;
  vertical-align:middle;
  margin:10px auto;   
}
img.tvplayer{
  width : 92% ;
  height : auto ;
}

div.partcontentoc{
  font-weight : 600 ;
  font-size : 1.3rem ;
  width : 28px ;
  display : inline-block ;
  padding : 2px 8px ;
  box-sizing : border-box ;
  height : auto ; 
  border-radius : 4px 0px 4px 0px ;
  background-color: #DEDEDE ;
  color : white ;
  cursor : pointer ;
  text-align : center ;
  position : absolute ;
}
div.partcontentoc:hover{
  background-color : #e10707 ;
}
div.partcontentoct{
  font-weight : 600 ;
  font-size : 1.3rem ;
  width : auto ;
  display : inline-block ;
  padding : 5px 5px 5px 5px ;
  box-sizing : border-box ;
  height : auto ; 
  color : #212121 ;
  position : relative ;
  left : 30px; 
  top: 0px;
  cursor : pointer ;
}
div.partcontentoci{
  font-weight : 400 ;
  font-size : 1.1rem ;
  width : auto ;
  padding : 5px 5px 5px 32px ;
  box-sizing : border-box ;
  height : auto ; 
  color : #878787 ;
  display : none ;
}
span.red{
  color : #e10707 ;
}
span.black{
  color : black ;
}
span.bold{
  font-weight : 700 ;
}
span.ltbold{
  font-weight : 700 ;
}
#wydawcy{
  position : relative ;
  width : 100%;
  height : auto;
  min-height : 100%;
  background : white ;
  padding-top:81px;
}
#tworcy{
  position : relative ;
  width : 100%;
  height : auto;
  min-height : 100%;
  background : white ;
  padding-top:81px;
}
#marketer{
  position : relative ;
  width : 100%;
  height : auto;
  min-height : 100%;
  background : white ;
  padding-top:81px;
}
#kontakt{
  position : relative ;
  width : 100%;
  height : auto;
  min-height : 100%;
  background : white ;
  padding-top:81px;
}
div.leftcolumn{
  display : inline-block ;
  width : 49% ;
  vertical-align : top ;
}

div.rightcolumn{
  display : inline-block ;
  width : 49% ;
  vertical-align : top ;
}
div.inputdiv{
  width : 100%;
  padding : 5px; 
  font-size : 16px;
  color : #878787 ;
  position : relative ;
  min-height : 35px; 
}
div.inputdiv > input[type="text"],select,textarea{
  border : 1px solid #DEDEDE ;  
  width : 50% ;
  min-width : 200px ;
  max-width : 400px; 
  margin-right : 30px;
  padding : 5px; 
  box-sizing : border-box;
  display : inline-block ;
  vertical-align : top;
}
div.inputdiv > textarea{
  height : 160px; 
}
div.inputdiv > input[type="checkbox"]{
  border : 1px solid #DEDEDE ;  
  margin-right : 30px;
  padding : 5px; 
  box-sizing : border-box;
  display : inline-block ;
  vertical-align : top;
  width : 30px;
  height : 30px; 
  visibility : hidden ;
  background : none ;
  position : absolute ;
  z-index : 1 ;
}
div.inputdiv > input[type="checkbox"] + label{
  background : url('img/check1.png');
  background-repeat : no-repeat ;
  height : 30px; 
  position : absolute ;
  padding-left : 40px; 
  padding-top : 3px;
  display : inline-block ;
}

div.inputdiv > input[type="checkbox"]:checked + label{
  background : url('img/check2.png');
  background-repeat : no-repeat ;
  padding-left : 40px; 
}
div.inputdiv > input[type="submit"]{
  border : 1px solid #DEDEDE ;  
  background : none ;
  padding : 5px; 
  box-sizing : border-box;
  display : inline-block ;
  vertical-align : top;
  width : auto ;
  height : 30px; 
  margin-right : 50px;
}
div.footer{
  background : #212121 ;
  font-size : 18px; 
  display : flex ;
  flex : auto ;
  flex-flow : row nowrap ;
  color : #dedede ;  
}
div.footeritem{
  margin: 30px 20px ;
  flex-grow : 1 ;
  width : 100px; 
}
div.phoneicon{
  width : 73px;
  height : 73px;
  background : url( 'img/7.png' );
  display : inline-block ;
  cursor : pointer ;
}
div.phoneicon:hover{
  background : url( 'img/8.png' );
}
div.mailicon{
  width : 73px;
  height : 73px;
  background : url( 'img/9.png' );
  display : inline-block ;
  cursor : pointer ;
}
div.mailicon:hover{
  background : url( 'img/10.png' );
}
div.faceicon{
  width : 73px;
  height : 73px;
  background : url( 'img/11.png' );
  display : inline-block ;
  cursor : pointer ;
}
div.faceicon:hover{
  background : url( 'img/12.png' );
}
div.twiticon{
  width : 73px;
  height : 73px;
  background : url( 'img/13.png' );
  display : inline-block ;
  cursor : pointer ;
}
div.twiticon:hover{
  background : url( 'img/14.png' );
}
div.googleicon{
  width : 73px;
  height : 73px;
  background : url( 'img/15.png' );
  display : inline-block ;
  cursor : pointer ;
}
div.googleicon:hover{
  background : url( 'img/16.png' );
}
#dlamarketerap{
  position : absolute ;
  width: 69.5% ;
  height : auto ;
  top:6%;
  left : 11.4% ;  
}
#onasp{
  position : absolute ;
  width: 69.5% ;
  height : auto ;
  top:6%;
  left : 11.4% ;  
}
#dlawydawcyp{
  position : absolute ;
  width: 69.5% ;
  height : auto ;
  top:6%;
  left : 11.4% ;  
}
#dlatworcyp{
  position : absolute ;
  width: 69.5% ;
  height : auto ;
  top:6%;
  left : 11.4% ;  
}
#rejestracja{
  position : absolute ;
  width : 800px ;
  max-width : 100%;
  padding : 25px ;
  height : auto ;
  top : 70px; 
  right : 50px; 
  background-color : white ;
  border : 2px solid #b7b7b7;
  box-sizing : border-box ;
  display : none ;
}
div.rejestracjah1{
  box-sizing : border-box ;
  width : 350px;
  font-family : 'Lato' ;
  font-size : 14px ;
  font-weight : 600 ;
  display : inline-block;
}
input[type="button"], input[type="submit"]{ border : 2px solid #e10707; background:white; }
input[type="text"], input[type="email"],input[type="password"],textarea{ border : 2px solid #b7b7b7; outline: none ; color : #b7b7b7; font-family:'Lato'; font-size:16px; font-weight:400; }
input[type="text"]:focus,input[type="email"]:focus, input[type="password"]:focus,textarea:focus,input[type="text"]:active, input[type="password"]:active,textarea:active{ border : 2px solid #e10707;  color : black ; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.rejestracjainput{
  box-sizing : border-box ;
  display : inline-block ;
  width : 350px; 
  height : 30px; 
}
.regerror{
  height : auto ;
  min-height : 10px;
  font-size : 12px;
  width : 370px;
  display : inline-block ;
  color : #e10707 ;
  overflow : visible ;
  white-space : nowrap ;
}
input.rej{
  box-sizing : border-box ;
  display : inline-block ;
  width : 350px; 
  height : 30px; 
  margin-right: 20px;
}
input.req{
  background-image : url(/img/asterix.png);
  background-position : right top ;
  background-repeat : no-repeat ;
  background-size : auto 70% ;
}
.checkbox{
  width : 28px;
  height : 28px;
  border : 2px solid #b7b7b7 ;
  background-color : white ;
  display : inline-block ;
  vertical-align : middle ;
  margin-left : 13px; 
  margin-right : 8px;
  background-repeat : no-repeat ;
  background-position : center center ;
  outline : none ;
}
.checkbox:hover,.checkbox:focus{
  border : 2px solid #e10707 ;  
}
input.rej[type="text"],input.rej[type="email"],input.rej[type="password"],input.rej[type="text"]::-webkit-input-placeholder,input.rej[type="email"]::-webkit-input-placeholder,input.rej[type="password"]::-webkit-input-placeholder,
{
  border : 2px solid #b7b7b7 ;
  color : #b7b7b7 ;
}

input.rej[type="text"]:active,input.rej[type="text"]:focus,
input.rej[type="email"]:active,input.rej[type="email"]:focus{
  border : 2px solid #e10707 ;
  color : black ;
}
.itemAction{
  width : 175px;
  height : 40px;
  border : 2px solid #e10707 ;
  color : #202020 ;
  font-family : 'Lato' ;
  font-size : 17px ;
  font-weight : 600 ;
  padding : 8px; 
  text-align : center ;
  cursor : pointer ;
}
.itemAction:hover{
  background-color : #e10707 ;
  color : #b7b7b7 ;
}

div.rejestracjadiv > input[type="text",type="password"],select,textarea{
  border : 1px solid #DEDEDE ;  
  width : 50% ;
  min-width : 200px ;
  max-width : 400px; 
  margin-right : 30px;
  padding : 5px; 
  box-sizing : border-box;
  display : inline-block ;
  vertical-align : top;
}
div.rejestracjadiv > label{
  width : 50% ;
  min-width : 200px ;
  max-width : 400px; 
  padding : 5px; 
  box-sizing : border-box;
  display : inline-block ;
  vertical-align : top;
}
div.webmaincats{
  width : 49%;
  height : auto ; 
  display : inline-block ;
  margin: 0 auto ;
  text-align : left ;
  padding : 5px; 
  vertical-align : top ;
}

div.webaddcats{
  width : 49%;
  height : auto; 
  display : inline-block ;
  margin: 0 auto ;
  text-align : left ;
  padding : 5px; 
  vertical-align : top ;
}
#rejestracja > g-recaptcha{
  test-align : left ;
}
  

#mainLogin{
  display : block ;
  width : 90%;
  margin : 0 auto ;
  height : auto;
  position : absolute ;
  right : 20px ;
  top: 70px;
  max-width : 600px; 
  background-color : white ;
  border : 2px solid #b7b7b7 ;
}

#mainLoginForm{
  display : block ;
  width : auto ;
  height : auto ;
}
#mainLoginFormInner{
  display : block ;
  width : 100% ;
  height : 100% ;
}
.mainLoginFormInnerLine{
  width : 100% ;
  height : 20% ;
  padding : 10px;	
  text-align : left ;
}
.mainLoginFormInnerLine > *{ vertical-align : middle ; }
input.req{
  background-image : url(/images/asterix.png);
  background-position : right top ;
  background-repeat : no-repeat ;
  background-size : auto 70% ;
}



input.mainLoginFormInput[type="text"],input.mainLoginFormInput[type="password"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
  font-family : 'Lato' ;
  font-weight : normal ;
  color : #b7b7b7 ;
  display : inline-block ;
  box-sizing : border-box ;
  outline : none ;
  background-color : white ;
  outline : none ;
  font-size : 17px ; 
  width : 200px ; 
  height : 30px; 
}
.passforgotten{
  color : #e10707 ;
  font-family : 'Lato' ;
  font-size : 16px;
  font-weight : 400 ;
  text-align : center ;
  cursor : pointer ;
  margin:0 auto;
  display : inline-block ;
}
input.videoEditItemInfoInput[type="text"]:focus{
  border : 2px solid #e10707
  color : black ;
}
img.videoChoseFrameItemThumb{
  display : block ;
  max-width : 80%;
  width : auto;
  height : auto ;
  margin : 10px;
}
video.videoPreviewFrameChose{
  display : block ;
  max-width : 80%;
  height : auto ;
}

.mainLoginFormInnerLine > label{
  font-family : 'Lato' ;  
  font-weight : normal ;
  font-size : 17px ; 
  height : 40px;
  color : #b7b7b7 ;
  display : inline-block ;
  width : calc( 50% - 20px );
  text-align : right ;  
  padding : 8px;
}
.mainLoginFormInnerLine > input[type="submit"],.mainLoginFormInnerLine > input[type="button"]{
  font-family : 'Lato' ;
  font-weight : bold ;
  color : #b7b7b7 ;
  margin : 0 auto ;
  display : block ;
  
  background-color : white ;
  outline : none ;
  font-size : 17px ; 
  height : 40px; 
  width : 300px;
}
.mainLoginFormInnerLine > input[type="submit"]:hover,.mainLoginFormInnerLine > input[type="button"]:hover{
  background-color : #e10707 ;
  color : white ;
}
#loginerror{
  color : #e10707 ;
}

div.partcontent onas{
  display : flex ;
  flex-direction : row ;
  flex-wrap : nowrap ;
  align-items : stretch ;
  align-content : stretch ;
}