html{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}

* {
list-style:none;
border:0;
outline:none;
margin:0;
padding:0;
font-family:arial;
}

body {
color:#333;
background:#fff;
}

a {color:#333;}
a:hover {color:#333;}


/* PANEL */

#panel {
width:575px;
overflow:hidden;
margin:0 auto;
}

h1 {
width:291px;
height:100px;
text-indent:-500px;
font-size:1px;
background:url(imgs/logo.png) no-repeat top left;
background-size:291px 90px;
margin:0 auto;
}

em {
font-style:normal;
font-size:9pt;
color:#666;
display:block;
position:relative;
top:-41px;
text-align:center;
}

input {
display:block;
width:553px;
height:70px;
font-family:arial;
font-size:12pt;
padding:1px 32px 0 54px;
margin-bottom:14px;
background:url(imgs/input1.png) no-repeat top left;
background-size: 553px 70px;
}

input:hover {
background:url(imgs/input2.png) no-repeat top left;
background-size: 553px 70px;
}

input:focus {
background:url(imgs/input2.png) no-repeat top left;
background-size: 553px 70px;
}

::-webkit-input-placeholder {color: #ccc;}
:-ms-input-placeholder {color: #ccc;}
::placeholder {color: #ccc;}



@media only screen and (max-width: 560px) {

  #panel {width:331px;}

  input {
  background:url(imgs/mob-input1.png) no-repeat top left;
  background-size: 331px 70px;
  }

  input:hover {
  background:url(imgs/mob-input2.png) no-repeat top left;
  background-size: 331px 70px;
  }

  input:focus {
  background:url(imgs/mob-input2.png) no-repeat top left;
  background-size: 331px 70px;
  }
}




button {
display:block;
width:140px;
height:38px;
text-align:center;
margin:0 auto;
font-size:9pt;
font-weight:bold;
color:#333;
background:url(imgs/btn1.png) no-repeat top left;
background-size: 140px 38px;
}

button:hover {
color:#222;
background:url(imgs/btn2.png) no-repeat top left;
background-size: 140px 38px;
}

button:active {
color:#222;
background:url(imgs/btn3.png) no-repeat top left;
background-size: 140px 38px;
}

#preload {
display:none;
}