@charset "UTF-8";

* { padding: 0; margin: 0; }
html, body { position:fixed; width:100%; height:100%; overflow:hidden; }

body { background: #77d1f1; overflow-y: auto; overflow-x: hidden; }

#top { position: absolute; left: 0px; top: 0px; background: url(../i/bkg-top.jpg) repeat-x; height: 225px; width: 100%; }
#paper { position: absolute; left: 20px; top: 0px; padding: 0px 20px; background: url(../i/fade.gif) repeat-x; margin: 0 auto; height: 567px; width: 720px; z-index: 1; }

#wrapper { position: relative; left: 0px; top: 0px; padding: 0px 20px; line-height: 130%; background: url(../i/bkg-transparent.png); margin: 0 auto; height: auto; width: 760px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 15px; color: #5f7a93; text-align: left; -webkit-text-size-adjust: none; }
* html #wrapper
{
height: 100%;
  \width: 760px; 
  w\idth: 800px; 
}
#wrapper a { color: #ff6633; text-decoration: none; }
#wrapper a:hover { color: #3399cc; text-decoration: none; }

#cloudLeft { position: absolute; left: -299px; top: 0px; background: url(../i/cloud-left.jpg); height: 278px; width: 300px; }
#cloudRight { position: absolute; left: 800px; top: 0px; background: url(../i/cloud-right.jpg); height: 278px; width: 300px; }

img.logo { position: absolute; left: 0px; top: 0px; z-index: 2; }
img.bar { position: absolute; left: 0px; top: 168px; z-index: 3; }
img.fadeWhite { position: absolute; left: 0px; top: 169px; }
img.kid { position: absolute; left: 12px; top: 145px; z-index: 4; }
img.fader { position: relative; left: 0px; top: 217px; z-index: 2; }
img.shadow { position: absolute; left: 178px; top: 196px; z-index: 2; }
img.phone { position: absolute; left: 565px; top: 225px; z-index: 5; }
img.nwm { position: absolute; left: 595px; top: 243px; width: 167px; height: 16px; z-index: 5; }
img.jumper { position: absolute; left: 21px; top: 357px; z-index: 6; }
img.cia { position: absolute; left: 89px; top: 669px; z-index: 6; }
img.line { position: absolute; left: 65px; top: 288px; z-index: 7; }
img.safety { position: absolute; left: 0px; top: 0px; }
img.vLine { position: absolute; left: 305px; top: 223px; }
img.facebook { position: absolute; left: 490px; top: 30px; }
img.db { position: absolute; left: 219px; top: 311px; }
img.desotosbest { position: absolute; left: 95px; top: 699px; width: 160px; z-index: 7; }
img.payment { position: absolute; left: 617px; top: 296px; z-index: 7; }

#head { position: absolute; left: 110px; top: 260px; letter-spacing: 1px; font: 24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color: #5f7a93; font-weight: thin; -webkit-text-size-adjust: none; z-index: 7; }

hr.green { height: 1px; border: 0; color: #afcfee; background-color: #afcfee; width: 670px; }

#content { position: absolute; left: 30px; top: 320px; padding: 0px 20px; line-height: 130%; width: 700px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 15px; color: #5f7a93; text-align: left; -webkit-text-size-adjust: none; z-index: 2; }
#content a { color: #ff6633; text-decoration: none; }
#content a:hover { color: #3399cc; text-decoration: none; }

#homeText { position: absolute; top: 370px; left: 323px; line-height: 130%; width: 420px; z-index: 7; }

.hf { letter-spacing: 1px; font: 24px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color: #5f7a93; font-weight: thin; -webkit-text-size-adjust: none; }
.sf { font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color: #4c647b; -webkit-text-size-adjust: none; }
.ff { letter-spacing: 1px; font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color: #b1b1b1; font-weight: thin; -webkit-text-size-adjust: none; }
.lf { font: 11px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; -webkit-text-size-adjust: none; }
.nf { position: relative; left: 0px; top: 0px; letter-spacing: 1px; font: 17px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color: #b1b1b1; font-weight: thin; -webkit-text-size-adjust: none; }
hr.thin { height: 1px; border: 0; color: #afcfee; background-color: #afcfee; width: 90%; }
hr.thinLite { height: 1px; border: 0; color: #d9edf3; background-color: #d9edf3; width: 100%; }

#headMenu { position: absolute; left: 450px; top: 6px; letter-spacing: 2px; font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color: #ffffff; font-weight: bold; text-align: left; -webkit-text-size-adjust: none; z-index: 4; }
#headMenu a { color: #ffffff; text-decoration: none; }
#headMenu a:hover { color: #ffffff; text-decoration: none; }

#menu { position: absolute; left: 330px; top: 172px; width: 460px; letter-spacing: 2px; font: 18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color: #ffffff; font-weight: bold; text-align: left; text-shadow: #ff9900 2px 2px 1px; -webkit-text-size-adjust: none; z-index: 4; }
#menu a { color: #ffffff; text-decoration: none; }
#menu a:hover { color: #ffffff; text-decoration: none; text-shadow: #ff9900 1px 1px 1px; }

#bottom { margin: 0 auto; bottom: 0px; height: 490px; width: 100%; background: url(../i/bkg-bottom.jpg) repeat-x #d9d9d9; }

#footer { position: relative; margin: 0 auto; height: 490px; width: 800px; background: url(../i/bkg-footer.jpg) repeat-x; letter-spacing: 1px; font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color: #7b9bb8; font-weight: thin; text-align: center; -webkit-text-size-adjust: none; }

#notes { position: absolute; top: 228px; left: 10px; width: 280px; background-color: transparent; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 13.0px; color: #b1b1b1; text-align: right; line-height: 130%; -webkit-text-size-adjust: none; clear: both; }
#notes a { color: #969696; text-decoration: none; }
#notes a:hover { color: #969696; text-decoration: none; }

#keys { position: absolute; top: 231px; left: 322px; width: 470px; background-color: transparent; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 11.0px; color: #b1b1b1; text-align: left; line-height: 130%; -webkit-text-size-adjust: none; clear: both; }
#keys a { color: #969696; text-decoration: none; }
#keys a:hover { color: #969696; text-decoration: none; }

#fColumn { padding: 3px 6px; text-align: left; clear: both; }

#note { position: absolute; top: 750px; left: 105px; border: 1px dashed #b7ccde; background-color: transparent; font-size: 11.5px; color: #b7ccde; padding: 9px; width: 540px; z-index: 6; }

#fade { 
	display: none; 
	background: #fff;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .55;
	z-index: 9999;
}
.popup_block{
	display: none;
	text-align: left;
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	line-height: 130%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 14.0px;
	color: #5f7a93;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

h4 {
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 9px;
}