@media only screen and (max-device-width: 480px) {
     body {
          padding: 20px !important;
     }

}

body {
margin: 0px; padding: 0px;
background-image: url(background.jpg);
background-repeat: repeat;
color: #d2d2d2;
font-family: Lucida Sans Unicode, Lucida Grande,Garuda,sans-serif;
line-height: 120%;
font-size: 0.8em;
 }

#text a {
color: #25508d;
background: #909090;
padding: 0px 6px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-decoration: none;
-webkit-transition-property: background, color;
-webkit-transition-duration: 0.4s, 0.4s;
-webkit-transition-timing-function: ease, ease;
}

#text a:hover {
color: #36f;
background: #929292;
}

h2 {
font-size: 1.2em;
font-weight: normal;
border-bottom: 1px solid #d2d2d2;
margin: 20px 20px 5px 20px;
padding-top: 15px;
}

#container {
text-align: center;
width: 640px;
margin: 0 auto;
background-color: #999;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: rgba(0,0,0,.4) 0 3px 10px;
-moz-box-shadow: rgba(0,0,0,.4) 0 3px 10px;
padding: 0 0 10px 0;
}

#text {
text-align: justify;
padding: 5px 25px 5px;
}

#contact_form {
text-align: left;
position: relative;
}


textarea {
resize: vertical;
}

input, textarea {
padding: 5px;
margin: 5px 10px 0 60px;
color: #2d2d2d;
border: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: #8a8a8a;
background: -moz-linear-gradient(bottom, #8a8a8a, #737373);
background: -webkit-gradient(linear, 0 100%, 0 0, from(#808080), color-stop(100%,#737373));
line-height: 1.4em;
-webkit-box-shadow: rgba(0,0,0,.1) 0 2px 8px;
-moz-box-shadow: rgba(0,0,0,.1) 0 2px 8px;
-webkit-transition-property: -webkit-box-shadow;
-webkit-transition-duration: 1.2s;
-webkit-transition-timing-function: ease;
}

input:hover, textarea:hover, input:focus, textarea:focus {
outline: none;
-webkit-box-shadow: rgba(0,0,0,.3) 0 2px 8px;
-moz-box-shadow: rgba(0,0,0,.3) 0 2px 8px;
}

input:focus, textarea:focus {
-webkit-box-shadow: rgba(51,102,255,.4) 0 0 8px;
-moz-box-shadow: rgba(51,102,255,.4) 0 0 8px;
}

#wrapper {
margin: 15px 0px;
padding: 10px;
max-height: 80px;
background: #333333;
background: -moz-linear-gradient(bottom, #000000, #000000 50%, #181818 51%, #333333 100%);
background: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), color-stop(50%,#000000), color-stop(51%,#181818), color-stop(100%,#333333) );
}

.slider {
position: relative;
width: 240px;
height: 40px;
top: 1px; left: 1px;
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
background: #222222;
background: -moz-linear-gradient(bottom, #222222, #000000);
background: -webkit-gradient(linear, 0 100%, 0 0, from(#222222), color-stop(100%,#000000));
}

.handle {
position:absolute;
background: url(slider.png);
background-repeat: no-repeat;
height: 38px;
width: 61px;
margin-top: 1px;
margin-left: 1px;
cursor: pointer;
top: 0;
z-index: 100;
}

.slidetosend {
position: absolute;
z-index: 1;
top: 2px;
left: 100px;
font-size: 1.2em;
opacity: 1;
}


#boxborder {
text-align: center;
width: 242px;
height: 42px;
margin: 0 auto;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #525252;
background: -moz-linear-gradient(bottom, #525252, #3d3d3d);
background: -webkit-gradient(linear, 0 100%, 0 0, from(#525252), color-stop(100%,#3d3d3d));
-webkit-box-shadow: rgba(51,102,255,.1) 0px 0px 2px;
-webkit-animation-name: 'glow';
-webkit-animation-duration: .8s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
}

@-webkit-keyframes 'glow' {
        0% {
          -webkit-box-shadow: rgba(51,102,255,.1) 0px 0px 2px;
        }
        100% {
          -webkit-box-shadow: rgba(51,102,255,.4) 0px 0px 10px;
        }
      }

#boxborder:hover {
-webkit-box-shadow: rgba(51,102,255,.4) 0px 0px 10px;
}


#success {
text-align: center;
min-height: 160px;
padding: 5px 25px 5px;
}

#success img {
margin: 15px 0 0 0;
}

.in_pos {position: relative; margin: 0 0 5px 0;}

label.error {font-size: 0.8em; padding: 0; margin: 0; color: #d72600; position: absolute; top: 11px; left: 400px;
background-image: url(exclamation.png); background-repeat: no-repeat; padding-left: 25px;}

#linkback {
position: absolute;
top: 40px;
left: 0px;
height: 70px;
width: 240px;
color: #404040;
font-family: Lucida Sans Unicode, Lucida Grande,Garuda,sans-serif;
}

#sticker {
background: #efefef url(home.png) no-repeat 20px center;
-webkit-box-shadow: rgba(0,0,0,.1) 2px 2px 3px;
-moz-box-shadow: rgba(0,0,0,.1) 2px 2px 3px;
-webkit-border-image: url(stickerright.png) 0 5 0 9 repeat;
height: 50px;
padding: 10px 15px 10px 55px;
color: #25508d;
font-size: 1em;
font-weight: bolder;
text-decoration: none;
text-transform: uppercase;
-webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px; -moz-border-radius-topright: 5px;
-webkit-transition-property: -webkit-box-shadow, color;
-webkit-transition-duration: 0.4s, 0.4s;
-webkit-transition-timing-function: ease,ease;
text-shadow: white 0 1px 0px;
}

#sticker:hover {
color: #36f;
-webkit-box-shadow: rgba(51,102,255,.2) 2px 2px 3px;
}

#shock {
padding: 8px 0 0 20px;
font-size: 0.8em;
font-weight: lighter;
}

#footer {
text-align: center;
width: 640px;
margin: 20px auto 40px;
background: url(gradient.png) repeat-x 100%;
opacity: 0.1;
color: #000000;
border-radius: 10px;
-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
padding: 20px 0;
-webkit-transition-property: opacity;
-webkit-transition-duration: 2s;
-webkit-transition-timing-function: ease;
}

#footer:hover {
opacity: 0.6;
}

#footer a{
background: #fff;
color: #25508d;
padding: 0px 6px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-decoration: none;
-webkit-transition-property: background, color;
-webkit-transition-duration: 0.4s, 0.4s;
-webkit-transition-timing-function: ease,ease;
}

#footer a:hover {
color: #36f;
background: #ddd;
}