body {
color:#0E365D;
font:normal 13px/18px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
margin-left: 0px; margin-top: 10px; 
background-image: url(../img/chbcg.jpg) ; 
background-size:100% 100%;
background-repeat:no-repeat ;
background-position: top left;      
}
input {
  background: #FDF9F8;
  border: 2px solid #B3B3B3;
  border-radius: 6px;
  color: #200707;
  font-family: 'roboto';
  font-size: 14px;
  font-weight: 300;
  height: 38px;
  outline: medium none;
  padding-left: 10px;
  margin-right: 20px;
}

p{
padding: 5px;
margin: 5px;
}

.toplogo{
padding: 0px;
margin: 0px;
}

.stickynote{
position: relative ; 
visibility:hidden;
width: 370px;
height: 560px;
border: 1px solid #8bd4be;
background-color: #F1F1F1;
padding: 10px;
margin-bottom: 40px;
box-shadow: 3px 3px 8px #818181;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}

.stickynote3s{
position: relative ;
visibility:hidden;
width: 370px;
height: 40px;
border: 1px solid #8bd4be;
background-color: #66B6EF;
padding: 0px;
margin-bottom: 20px;
box-shadow: 3px 3px 8px #818181;
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}

.dym {
	width: 92%;
	background: #CDF6CA;
    padding: 5px 10px;
	border: solid 0px #ABABAB;
	font-size: 13px;
	color: #545454;
    margin-bottom: 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;     
}

.dym_a {
	width: 92%;
	background: #CDF6CA;
    padding: 5px 10px;
	border: solid 0px #ABABAB;
	font-size: 13px;
    font-weight: bold; 
	color: #545454;
    margin-bottom: 0px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    position:relative;      
}

.dym_admin {
	width: 92%;
	background: #DFFEDE;
    padding: 10px 10px;
    margin-bottom: 0px;
	border: solid 0px #87AFDD;
	font-size: 13px;
	color: #545454;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
      
}

.dym_admin_w {
	width: 92%;
	background: #DFFEDE;
    padding: 10px 10px;
    margin-bottom: 0px;
	border: solid 0px #87AFDD;
	font-size: 13px;
    font-weight: bold;
	color: #545454;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;      
}


/*  mark*/
.pol_wpisz {
	padding: 3px;
	border: solid 1px #8bd4be;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 360px;
    height: 32px ;
	background: #fee3ad; 
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(10%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

.pol_wpisz:hover, textarea:hover,
.pol_wpisz:focus, textarea:focus {
	border-style:solid;
	background:white;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.klik {
	width: 134px;
	padding: 5px 6px;
    margin-top: 3px;
	background: #55657a;
	border: solid 0px #ff926c;
	font-size: 13px;
	color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
      
}

#guzik {
	width: 134px;
	padding: 4px 5px;
    margin-top: 3px;
	float:right;
	background: #4fb798;
    font:normal 13px/15px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size: 14px;
    cursor: pointer;
	color: #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
     z-index:620;      
}

#odst {
	width: 360px;
	padding: 5px 3px;
	float:right;
	display: block;
	height: 6px;
	position: relative;
    z-index:620;
}

#odswiez {
	width: 360px;
	padding: 5px 3px;
	background: #FFFFFF;
	float:right;
	display: block;
	height: 380px;
	position: relative;
	border: solid 1px #8bd4be;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    z-index:620;   
}


#kontener {
	width: 352px;
	padding: 5px 3px;
	float:right;
	overflow: hidden;
	height: 380px;
	position: relative;
    font:normal 13px/15px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
    line-height: 100%;
    color: #090909;
	border: solid 0px #989898;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
     z-index:620;
}

#formchat {
	width: 360px;
	padding: 5px 3px;
    background: #FFFFFF;
	float:right;
    clear: both;
	display: block;
	height: 80px;
	position: relative;
	border: solid 1px #8bd4be;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
     z-index:620;
}

.contact-form {
display: inline-block;
width: 100%;
}

#contact-page .contact-form 
.form-group label {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: 300;
}

.form-group .form-control {
  font:normal 13px/15px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
  width:94%;
  margin-left: 3%;
  border-color:#8bd4be;
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.22857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #8bd4be;
  border-radius: 6px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

.form-group .form-controlm {
  font:normal 13px/15px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
  width:94%;
  margin-left: 3%;
  border-color:#8bd4be;
  padding: 6px 12px;
  font-size: 14px;
  color: #555;
  background-color: #fff;
  border: 1px solid #8bd4be;
  border-radius: 6px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

.form-group label {
  margin-left: 3%;
  margin-bottom: 8px;
}

.btn-primary {
  padding: 8px 30px;
  background: #c52d2f;
  float:right;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
  margin-right: 30px;
}


.btn-primary:hover, 
.btn-primary:focus{
  background: #F96262;
  outline: none;
  box-shadow: none;
} 

/* XS Portrait */
@media (max-width: 480px) {

.stickynote{
position: relative ; 
visibility:hidden;
width: 90%;
height: 560px;
margin-left: 0%;
border: 1px solid #8bd4be;
background-color: #F1F1F1;
padding: 10px;
margin-bottom: 40px;
box-shadow: 3px 3px 8px #818181;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}

.stickynote3s{
position: relative ;
visibility:hidden;
width: 90%;
margin-left: 0%;
height: 40px;
border: 1px solid #8bd4be;
background-color: #66B6EF;
padding: 0px;
margin-bottom: 20px;
box-shadow: 3px 3px 8px #818181;
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}


#odswiez {
	width: 98%;
    margin-left:1%;
	padding: 5px 3px;
	background: #FFFFFF;
	float:right;
	display: block;
	height: 380px;
	position: relative;
	border: solid 1px #8bd4be;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    z-index:620;   
}


#kontener {
	width: 98%;
    margin-left:1%;
	float:right;
	overflow: hidden;
	height: 380px;
	position: relative;
    font:normal 13px/15px "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
    line-height: 100%;
    color: #090909;
	border: solid 0px #989898;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
     z-index:620;
}



#formchat {
	width: 98%;
    margin-left: 0%;
	padding: 5px 3px;
    background: #FFFFFF;
	float:right;
    clear: both;
	display: block;
	height: 80px;
	position: relative;
	border: solid 1px #8bd4be;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
     z-index:620;
}



.pol_wpisz {
	padding: 3px;
	border: solid 1px #8bd4be;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 98%;
    margin-left: 0%;
    height: 32px ;
	background: #fee3ad; 
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(10%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

.contact-form {
display: inline-block;
width: 98%;
margin-left: 0%;
}





}