body 
{ 
font-family: Calibri; 
font-size: 18px;
height: 100%; 
margin: 0;
padding: 0; 
}

#wrapper {
}

a {
text-decoration: none;
color: #0565ff;}

a:hover {
color: #eeeeee;}

#contentleft {
float: left;
width: 70%;
min-height: 150px;
height: 100vh;
background-image: url('../img/favicon.png');
background-repeat: no-repeat;
background-position: 50%; 50%;
background-size: 380px 620px; 
transition:2s;
-webkit-transition:2s;
transform-style:preserve-3d;
-webkit-transform-style:preserve-3d;
perspective:300px;
-webkit-perspective:300px;
}

#contentleft_free {
  float: left;
  width: 70%;
  min-height: 150px;
  height: 100vh;
}

        
#wrapper:hover > #contentleft {
transform:rotateY(360deg);
-webkit-transform:rotateY(360deg);
}

#contentright {
float: right;
width: 30%;
height: 2000px;
margin: auto;
background-color: #cbd2ca;  /* #43e334 #cbd2ca*/
}

#kontener {width: 100%; margin-left: 0px; 
  position: fixed; 
  z-index: 200; background-color: #333232; top: 0px;
  margin-top:0px;
}  

#footer_debug { position: fixed; bottom:0px; }

#footer {
width:100%;
height:35px;
position:absolute;
bottom:0;
left:70%;
background-color: #c9c0c0;
float: left;
width: 30%;
text-align: center;
overflow: hidden;
white-space: nowrap;
font-size: 12px;
}
 
input {
padding-left: 7px;
font-size: 14px; 
width: 300px; 
height: 23px;
}
  
.baton button {
height: 40px; 
width: 130px; 
padding-left: 10px; 
padding-right: 10px; 
color: white; 
font-size: 17px; 
cursor:pointer; 
border:0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: -webkit-linear-gradient(#0565ff, blue); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0565ff, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0565ff, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(#0565ff, blue); /* Standard syntax */
}

.baton button:focus, .baton button:hover {
	outline: none;
	background: -webkit-linear-gradient(#4876ff, #0099ff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#4876ff, #0099ff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#4876ff, #0099ff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#4876ff, #0099ff); /* Standard syntax */
}
.baton button:focus, .baton button:focus {
	outline: none;
	background-color: #888;
	background: -webkit-linear-gradient(#c2b5b9, #92898e); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#c2b5b9, #92898e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#c2b5b9, #92898e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#c2b5b9, #92898e); /* Standard syntax */
}  

.formularz_klik input, .formularz_klik textarea, .formularz_klik select
{
  font-size: 14px;
  font-weight: normal;
  font-family: Calibri;
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #bbb;
  line-height: 20px;
  text-indent: 5px;
  max-width: 200px;
  clear: both;
  margin-bottom: 5px;
  cursor:pointer; 
}

.formularz_klik textarea
{
  height: 110px;
}

.formularz_klik input:hover, .formularz_klik textarea:hover, .formularz_klik select:hover
{
  outline: none;
  border-color: #AAA;
  
}
.formularz_klik input:focus, .formularz_klik textarea:focus, .formularz_klik select:focus
{
  outline: none;
  border-color: #888;
  box-shadow: 0 0 10px #9ecaed;
}


.content {
    position: relative;
    width: 100%;
    max-width: 1190px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
}

.panel {
    font-size: 16px;
    -moz-min-width: 294px;
    -ms-min-width: 294px;
    -o-min-width: 294px;
    -webkit-min-width: 294px;
    min-width: 294px;
    width: 294px;
    max-width: 294px;
    padding: 15px 18px 35px;
    margin: 50px 0 0 50px;
}