html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
    font-size: 1em;
    line-height: 1.4;margin: 0; padding: 0; 
}
body { margin: 0; padding: 0; font-family: Arial, Georgia, Tahoma, sans-serif; background:#527EB5;}
input,
textarea { color: #454545; font:1.1em Arial, Tahoma, sans-serif; line-height: 18px; }
img { border:0 }
p { margin:0; padding: 0 0 11px 0; }
a { font-weight: normal; color: #527EB5; text-decoration: none; }
a:hover { color: #325Ef5; text-decoration: underline; }
#topLogo{margin:20px 35px 20px 20px;}
#topLogo:before{content:" ";border-top:1px solid rgba(255,255,255,0.4);border-left:1px solid rgba(255,255,255,0.4);width:15px;height:15px;display:block;}
#topLogo:after{content:" ";border-right:1px solid rgba(255,255,255,0.4);border-bottom:1px solid rgba(255,255,255,0.4);width:15px;height:15px;display:block;margin-left:100%;margin-top:-15px;}
#topLogo h1:before{content:" ";border-top:1px solid rgba(255,255,255,0.4);border-right:1px solid rgba(255,255,255,0.4);width:15px;height:15px;display:block;margin-left:100%;margin-top:-15px;}
#topLogo h1:after{content:" ";border-bottom:1px solid rgba(255,255,255,0.4);border-left:1px solid rgba(255,255,255,0.4);width:15px;height:15px;display:block;margin-left:-15px}
#topLogo h1{margin:0; padding:0px 0px 0 15px;}
h1 { font: 1.8em Arial, sans-serif;  color: #FFFFFF; display: block; text-align:center;}
h1 span {font-size:1.2em}
ul{margin:0;padding:0px 0 0 16px;}
li{list-style:square;}

/* inne -------------------------------------*/
form { border: none; margin:0; padding:0; }
legend { display: none; }
fieldset { border:0px;margin:0; padding:0; }
form div { padding: 4px 0 8px 0; }
label {display:block; }
input,
textarea { width: 90%; padding: 4px 2px; border: 1px solid #ccd;}
input:hover,
textarea:hover { background: #fff; }
input:focus,
textarea:focus { background: #e3e9f8; }
submit { border: none }
.submit input { width: auto; margin: 0px; padding:6px 12px; border: solid 1px #a2cEf5; background: #527EB5; color: #fff; font-weight: bold; }
.submit input:hover{background:#3869A5}
.clearfix:before,
.clearfix:after {    content: " ";    display: table;}
.clearfix:after {    clear: both;}
.clearfix {    *zoom: 1;}

/* layout  */

/*SMALL SCREEN*/
#homeContainer {width:100%;background:#527EB5 url(../images/bg-mobile.jpg) no-repeat left bottom;padding:8px 0 16px 0;}


#bottomContainer {background-color: #fcfafa;color:#333; font-size: 0.9em; padding: 20px; }
#txtLeft {width: 90%;margin-bottom:40px;border-bottom: solid 1px #527EB5; }
#txtLeft h2 { font: 1.2em Arial, sans-serif; font-weight:bold; padding-bottom: 11px; margin: 0; padding:0 0 12px 0; }

#txtRight h2 { font: 1.2em Arial, sans-serif; font-weight:bold;  padding-bottom: 11px; margin: 0; padding:0 0 12px 0; }
#designby{display:block;}


/* END SMALL SCREEN*/

/*LARGE SCREEN*/
@media all and (min-width:970px){

#homeContainer {background:url(../images/bg.jpg) no-repeat top left; }
#topLogo{ width: 915px; margin-bottom:320px}

#txtLeft { margin-left: 50px; width: 300px; padding-right: 25px; border-right: solid 1px #527EB5;border-bottom:0;float:left; }
#txtRight {width: 500px;margin-left:400px;}

#designby { float:right;padding-right:20px;}

label { float:left; width:120px; margin-right:4px; }
input,
textarea { width: 350px;}


}
/*END LARGE SCREEN*/
 




#footer { color: #82aEf5; font-size: 1em; text-transform: uppercase; padding: 11px 0 20px 34px; }
#footer a { color: #F7EFDA }