/* ===[ CSS Reset]=== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
button,form, fieldset, input, textarea {
margin: 0;
padding: 0;
outline: 0;
border: 0;
background: transparent;
vertical-align: baseline;
font-size: 100%;
}
body {line-height: 1;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-spacing: 0;border-collapse: collapse;}
address, caption, cite, code, dfn, em, strong, var { font-weight: normal; font-style: normal;}
caption, th { text-align: left; font-weight: normal; font-style: normal;}
body {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: 300;
	background: #d6d6d5;
	-webkit-font-smoothing: subpixel-antialiased;
	}
#warp{width: 400px;display: block;margin: auto;text-align: center}
a{color: black}
.newsletter {
    position: relative;
    display: block;
    margin: 20px auto 0;
    padding: 8px;
    width: 292px;
    height: 112px;
    border: 1px solid #818181;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.4);
    box-shadow: 0 0 5px rgba(0,0,0,.4);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
     background-image: -moz-linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
    background-image: -o-linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
    background-image: -webkit-linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
    background-image: linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
	direction:rtl;
    }

/* ===[ My stipped background ]=== */

.newsletter:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 2px 0px rgba(255,255,255,0.75),inset 0 -1px 0px rgba(0,0,0,0.5);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #D1D1D1;
    background: -moz-repeating-linear-gradient(45deg, #b37b7a , #b37b7a 10px, transparent 10px, transparent 20px, #7897ba 20px, #7897ba 30px,transparent 30px, transparent 40px);
    background: -webkit-repeating-linear-gradient(45deg, #b37b7a , #b37b7a 10px, transparent 10px, transparent 20px, #7897ba 20px, #7897ba 30px,transparent 30px, transparent 40px);
    background: -o-repeating-linear-gradient(45deg, #b37b7a , #b37b7a 10px, transparent 10px, transparent 20px, #7897ba 20px, #7897ba 30px,transparent 30px, transparent 40px);
    background: repeating-linear-gradient(45deg, #b37b7a , #b37b7a 10px, transparent 10px, transparent 20px, #7897ba 20px, #7897ba 30px,transparent 30px, transparent 40px);
    background-clip: padding-box;
    content: "";
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    }

form {
    position: relative;
    display: block;
    padding: 7px;
    width: 278px;
    height: 98px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #F2F2F2;
    background-image: -moz-linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
    background-image: -o-linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
    background-image: -webkit-linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
    background-image: linear-gradient(bottom, #e5e5e5 0%, #f7f7f7 100%);
    }

input[type=email] {
    margin-left: 10px;
	margin-right:2px;
    width: 184px;
    height: 31px;
    border: 1px solid #9d9d9d;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    background-color: #fff;
    background-image: -moz-linear-gradient(bottom, #fdfdfd 0%, #e7e7e7 100%);
    background-image: -o-linear-gradient(bottom, #fdfdfd 0%, #e7e7e7 100%);
    background-image: -webkit-linear-gradient(bottom, #fdfdfd 0%, #e7e7e7 100%);
    background-image: linear-gradient(bottom, #fdfdfd 0%, #e7e7e7 100%);
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.5);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.5);
    box-shadow: inset 0 0 3px rgba(0,0,0,.5);
    color: #a5a3a3;
    text-indent: 10px;
    font-size: 12px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    }

input[type=button] {
    width: 78px;
    height: 33px;
    border: 1px solid #5b6f11;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    background-color: #fff;
    background-image: -moz-linear-gradient(bottom, #7f913f 0%, #5f730f 9.77%, #bbd327 90.23%, #d7e76d 100%);
    background-image: -o-linear-gradient(bottom, #7f913f 0%, #5f730f 9.77%, #bbd327 90.23%, #d7e76d 100%);
    background-image: -webkit-linear-gradient(bottom, #7f913f 0%, #5f730f 9.77%, #bbd327 90.23%, #d7e76d 100%);
    background-image: linear-gradient(bottom, #7f913f 0%, #5f730f 9.77%, #bbd327 90.23%, #d7e76d 100%);
    background-clip: padding-box;
    color: white;
    cursor: pointer;
    font-size: 15px;
    text-shadow: 0px 1px 0px black;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    }

input[type=button]:hover {
    background-image: -moz-linear-gradient(top, #7f913f 0%, #5f730f 9.77%, #bbd327 90.23%, #d7e76d 100%);
    background-image: -o-linear-gradient(top, #7f913f 0%, #5f730f 9.77%, #bbd327 90.23%, #d7e76d 100%);
    background-image: -webkit-linear-gradient(top, #7f913f 0%, #5f730f 9.77%, #bbd327 90.23%, #d7e76d 100%);
    background-image: linear-gradient(top, #7f913f 0%, #5f730f 9.77%, #bbd327 90.23%, #d7e76d 100%);
    }

p.info {
    margin-bottom: 10px;
		margin-right:3px;
    color: #5d5d5d;
    font-size: 13px;
    }

    p.info a { color: #c18632; }

h3 {
    margin-bottom: 10px;
	margin-right:3px;
    color: #5d5d5d;
    font-size: 28px;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: 500;
    text-shadow: 0px 1px 0px white;
    }

.tampon{
	position: absolute;
	top: 1px;
	left: -3px;
	z-index: 10;
	width: 94px;
	height: 48px;
	background-image:url(download.png);
	-webkit-transform: rotateZ(10deg);
	-moz-transform: rotateZ(10deg);
	transform: rotateZ(10deg);
}