/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2019-08-11, 11:48:33
    Author     : Michal
*/
/*
    FONTS
    url('../fonts/futurapl.eot') format('embedded-opentype'), url('../fonts/futuraplbold.eot'), 
	src: url('../fonts/futurapl.ttf') format('truetype'), url('../fonts/futurapl.eot') format('embedded-opentype'), url('../fonts/futurapl.woff') format('woff');
*/
/*
@font-face {
	font-family: futurapl;
	src: url('./fonts/futurapl.ttf') format('truetype'), url('./fonts/futurapl.eot') format('embedded-opentype'), url('./fonts/futurapl.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: futuraplbold;
	src: url('./fonts/futuraplbold.ttf') format('truetype'), url('./fonts/futuraplbold.eot') format('embedded-opentype'), url('./fonts/futuraplbold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
*/
/*
 * =================================================================================================
 * Classes for elements from index.html file
 * =================================================================================================
*/
#wrapper_Id {
    margin: 0 auto;
    width: 100%;  height: auto;
    max-width: 1024px;
}

#content_Id {
    width: 100%;
    background: url(../images/DSCN1038-.JPG) no-repeat center top;
    /* background: url(../images/bg_body.jpg) no-repeat center top; */
    background-size: 100% 1000px;
    position: relative;
    min-height: 758px;
}

#main_Id {
 background: none repeat scroll 0 0 #C0D0FF;
    margin: 0 auto;
    width: 427px;
    border: 1px solid #dad319;
    box-shadow: 6px 6px 10px 0px rgba(0,0,0,0.37);
    position: relative;
    z-index: 1;
}

#form_Id {
    float: left;
    display: block;
    margin: 25px 0;
    width: 47%;
}
/*
 * =================================================================================================
 * Classes for elements from index.html file
 * =================================================================================================
*/
#postBoxArea_Id_ {
    margin: 0px auto;
    visibility: collapse;
    width: 100%;  height: auto;
    max-width: 1024px;
    
}

#welcomeArea_Id {
    margin: 0px auto;
    visibility: visible;
    width: 100%;  height: auto;
    max-width: 1024px;
    
}

body {
	padding: 0px 0px;
	text-align: left;
	/*background: #000;*/
	background:#ffffff;
	background-repeat: no-repeat;
	margin:0;
}

/* Global fonts */
.inputPrompt {
    /*font-style font-variant font-weight font-size/line-height font-family*/
    /*font: normal normal normal 15px futuraplbold;*/
    font-style: normal;
    font-size: 15px;
    font-weight: bold;
    /*vertical-align: baseline;*/
    margin-right: 6px;
    max-width: 95px !important;
    width: 95px;
}

body, input, td {
	font: normal normal normal 10px /*futurapl*/;
}

input {
	color: #000000;
	font-size: 12px;
	/*font-family: "futuraplbold";*/
	/*padding: 4px 9px;*/
}

td {
	color: #000000;
}

/* Box Body */
.eforms_BoxBody {
    width:267px;
    margin:auto;
}

/* Page title */
.eforms_PageTitle {
    margin: 0px 0px 20px 0px;
    font-size: 16px;
}


/* Box */
.eforms_BoxSuite {
    margin: 0px 0px 20px 0px;
}

.eforms_BoxHeader {
    color: #000000;
    font-size: 19px;
    /*font-family: futuraplbold;*/
    line-height: 23px;
    padding: 16px 20px 6px 20px;
    text-align: left;
    /*text-transform: uppercase;*/
    font-variant: small-caps;
    font-weight: bold;
 }

/* Global columns settings */

.boxTableCell {
    padding: 0 8px 10px 8px; /*top, right, bottom, left*/
}

.boxTableSepTop{display: none;}
.boxTableSepMid{display: none;}
.boxTableSepBot{height: 6px;}

.boxTableSep {
    font-size: 0; line-height: 0;
    display: none;
}


/* Fields */

.fcrField {
    border: 0px solid #e7db44;
    box-shadow: 2px 3px 2px 3px rgba(0,0,0,0.1);
    /*background: white;*/
}
    
.fcrSelectField {
    margin-left: 1px;
    padding: 4px 6px 4px 6px;
    width: 270px;
    /*font-family: "futuraplbold";*/
    font-size: 12px;
    height: 28px;
}
/*
.fcrSelectField:hover,
.fcrSelectField:focus {
      cursor: pointer;
}
*/
.fcrTextField {
    width:202px;
    height: 28px;
}

.fcrTextField:invalid {
    /*width:201px !important;*/
    border: 0px solid #CC0000;
    background: #F7E7E7;
    /*height:18px;*/
}

.fcrFieldError {
    color: #CC0000;
}

.fcrTextFieldError, .fcrSelectFieldError {
    border: 1px solid #CC0000;
    background: #F7E7E7;
    height:20px;
}


/* Buttons */

#formButtonNext_Id {
    padding: 5px 10px;
    color: #C0D0FF;
    border: 0px solid #000000;
    background: url(../images/continue.jpg) no-repeat;
    width: 320px;  height: 40px;
    text-align: left;
    line-height: 20px;
    font-weight: bold;
    font-variant: small-caps;
    font-size: 20px;
}

/* Errors */
.eforms_ErrorsArea {
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
    color: #CC0000;
    border: 1px solid #CC0000;
    background: #F7E7E7;
}
.eforms_ErrorsTitle {
    font-weight: bold;
}
.eforms_ErrorMessages {
    list-style-type: decimal;
    color: #CC0000;
    font-weight: bold;
}

/* Context Help */
.eforms_ContextHelpLayer {
    padding: 3px;
    border: 1px solid #ACACAC;
    background: #FFFFFF;
}

/*
 * =================================================================================================
 * Classes for elements from index.html file
 * =================================================================================================
*/
.h1 {
    display:block;
    float:left;
    width:100%;
    background:#C0D0FF;}
.h2 {
    display: block;
    float: left;
    width: 66%;
    margin: 85px 0;
}

#pomagamy{width:100%; max-width:679px;position:relative;}


h1 {
    margin-top: 14px;
    margin-bottom: 6px;
    font-size: 32px;
    /*font-family: "futuraplbold";*/
    font-weight: bold;
    padding: 0 0 0 35px;
}

#logo{position: absolute; top:0; right:0;}

#form{ width: 47%;float:left;display:block; margin: 25px 0;}

#af_form_field_tresc_wiadomosci {
            height: 90px;
            width: 365px !important;
            color: #000000;
            font-size: 12px;
            /*font-family: "futuraplbold";*/
            box-sizing: border-box;
            padding: 10px 10px;
}

#af_form_field_tresc_wiadomosci::-webkit-input-placeholder {padding-bottom:0 !important; padding:0px 0px; }

/* mozilla */
#af_form_field_tresc_wiadomosci::-moz-placeholder {padding-bottom:0 !important; padding:0px 0px; }

.eforms_BoxBody {
    width: 380px !important;
}

/* =================================RESPONSIVE============================= */

@media screen and (max-width: 1040px) {
}

@media screen and (max-width: 920px) {
    .h2 {
        display: block;
        float: left;
        margin: 85px 0;
        width: 60%;
    }
}

@media screen and (max-width: 740px) {
    .h2 {
    display: block;
    float: left;
    margin: 85px 0;
    width: 55%;
}

}
@media screen and (max-width: 621px) {
h1 {
    /*font-family: "futuraplbold";*/
    font-size: 18px;
    font-weight: normal;
    padding: 0 30% 0 35px;
}
    
.h2 {
    display: block;
    float: left;
    margin: 50px 0 10px;
    text-align: center;
    width: 100%;
}
    #logo {
    position: absolute;
    right: 0;
    top: 0;
    width: 110px;
}
    #form {
    display: block;
    float: left;
    margin: 0;
    width: 100%;
}
    #pomagamy {
    margin: 0 auto;
    max-width: 679px;
    width: 90%;
}
    #disclaimer {
    clear: both;
    color: #787878;
    float: right;
    margin: -10px 0 20px;
    padding: 0 5%;
    position: relative;
    text-align: right;
    width: 90%;
}
        
    #main{
    width:285px;
    }
        
    .eforms_BoxBody {
    width: 259px !important;
    }
}