@media screen, print {


/* основная разметка begin */

html, body {
margin: 0px; padding: 0px; height: 100%; width: 100%;
background: transparent url('images/bcg.jpg') repeat-x top left;
background-color: #015376;
font: normal 12px Arial, Helvetica, sans-serif;
  text-align: center
}


#card {
height: 600px; width: 982px;
background: transparent url('images/card.jpg') no-repeat left top;
text-align: left;
padding-bottom: 25px;
margin-bottom: 25px;
}

#logo {
height: 100px; width: 100px;
  position: relative;
  top: 273px;
  left: 537px;
}

#greeting {
width: 277px;
position: relative;
top: 144px;
left: 56px;
/*
background: transparent url('images/greeting-bcg.jpg') repeat-x top left;
*/
  float: left;
}

#fon {
background: transparent url('images/greeting-bcg.png') repeat-x top left;
}

#words {
  padding: 70px 15px 25px 12px;
  color: #fff;
  font-family: Georgia, serif;
  font-size: 14px;
  line-height: 140%;
}


#button {
	height: 49px;
	width: 277px;
	background: transparent url('images/greeting-butt.gif') no-repeat top;
	text-align: center;
	padding-top: 10px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}



#footer {
position: relative;
float: right;
top: 400px;
rigth: 10px;
width: 600px;
  padding-top: 7px;
}

a {
  color: #bfd4dd;
}


}