HTML { overflow: -moz-scrollbars-vertical; }

BODY { margin: 0px; padding: 0px; background-color: #C0C0C0; background-image: url('imgs/bg.body.gif'); background-repeat: repeat-x; background-position: top left; text-align: center; }

#centerer { width: 992px; margin: auto; text-align: center; }
#top { float: left; background-image: url('imgs/bg.top.gif'); background-position: top left; background-repeat: no-repeat; width: 992px; height: 118px; }
#middle { float: left; background-image: url('imgs/bg.middle.gif'); background-position: top left; background-repeat: no-repeat; width: 992px; height: 252px; }

#mainSlogan { float: left; text-align: left; margin: 20px 0px 0px 33px; width: 410px; font-family: Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 18px; color: #ffda00; display: inline; }
#mainSlogan a { color: #ffda00; text-decoration: underline; }
#mainSlogan a:HOVER { color: #ffda00; text-decoration: none; }
#playButton { float: left; text-align: left; margin: 20px 0px 0px 0px; width: 57px; }

#middleTop { float: left; text-align: left; margin: 32px 100px 0px 18px; width: 660px; line-height: 19px; font-family: Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 14px; color: #fdfbfc; display: inline; }
#middleQuestion { float: left; text-align: left; margin: 15px 0px 0px 18px; width: 280px; font-family: Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 30px; color: #ffda00; display: inline; }
#middleBaloon { float: left; text-align: left; margin: 15px 0px 0px 18px; text-align: center; width: 200px; padding: 6px 10px 6px 0px; font-family: Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 13px; color: #ffda00; display: inline; background-color: #ffffb3; border-width: 1px; border-style: solid; border-color: #666666; }
#middleBaloon a { text-decoration: underline; color: #3d71ac }
#middleBaloon a:hover { text-decoration: none; color: #3d71ac }
#middleBottom { float: left; text-align: left; margin: 20px 0px 0px 18px; width: 450px; clear: both; line-height: 18px; font-family: Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 14px; color: #fdfbfc; display: inline; }
#middleBottom a { color: #ffda00; text-decoration: none; }
#middleBottom a:hover { color: #ffda00; text-decoration: underline; }

#buttons { float: left; width: 992px; height: 190px; background-image: url('imgs/bg.buttons.jpg'); background-position: top left; background-repeat: no-repeat; }
#buttons a { font-family: Arial, Helvetica, Sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; }
#buttons a:HOVER { font-family: Arial, Helvetica, Sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; }
#buttons a span { cursor: hand; float: left; margin: 140px 5px 0px 0px; width: 239px; text-align: right; }
#btnCompanii { float: left; width: 244px; height: 190px; background-image: url("imgs/btn.companii.gif"); background-position: top left; background-repeat: no-repeat; text-align: right; }
#btnCompanii b { float: left; clear: both; text-align: right; width: 239px; color: #006cff; font-size: 16px; }
#btnAdulti { float: left; width: 244px; height: 190px; background-image: url("imgs/btn.adulti.gif"); background-position: top left; background-repeat: no-repeat; text-align: right; display: inline; margin: 0px 6px 0px 5px; }
#btnAdulti b { float: left; clear: both; text-align: right; width: 239px; color: #ff5e2c; font-size: 16px; }
#btnAdolescenti { float: left; width: 244px; height: 190px; background-image: url("imgs/btn.adolescenti.gif"); background-position: top left; background-repeat: no-repeat; text-align: right; display: inline; margin: 0px 5px 0px 0px; }
#btnAdolescenti b { float: left; clear: both; text-align: right; width: 239px; color: #0cfe00; font-size: 16px; }
#btnCopii { float: left; width: 244px; height: 190px; background-image: url("imgs/btn.copii.gif"); background-position: top left; background-repeat: no-repeat; text-align: right; }
#btnCopii b { float: left; clear: both; text-align: right; width: 239px; color: #ec008c; font-size: 16px; }

#leftContent { float: left; display: inline; margin-left: 20px; width: 721px; font-family: Arial, Helvetica, Sans-serif; font-weight: normal; color: #000000; text-align: left; }
#leftContent h1 { float: left; clear: both; margin: 25px 0px 0px 0px; padding: 0px; font-size: 30px; color: #FFFFFF; font-weight: normal; width: 100%; }
#leftContent span { float: left; clear: both; width: 100%; margin: 25px 0px 0px 0px; font-size: 18px; color: #000000; }
#leftContent h2 { float: left; clear: both; margin: 0px; padding: 0px; font-size: 25px; color: #FFFFFF; font-weight: normal; width: 100%; }
#leftContent div { float: left; display: inline; clear: both; margin: 30px 0px 0px 0px; font-size: 14px; color: #000000; width: 100%; }
#leftContent p { position: relative; float: left; display: inline; clear: both; margin: 15px 0px 0px 0px; font-size: 11px; color: #000000; width: 100%; }

#rightContact { float: left; display: inline; margin-left: 32px; width: 219px; font-family: Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 13px; color: #000000; text-align: left; }
#rightContact h2 { float: left; clear: both; margin: 25px 0px 0px 0px; padding: 0px; font-size: 15px; color: #ffda00; font-weight: bold; width: 100%; }
#rightContact p { float: left; clear: both; margin: 15px 0px 0px 0px; padding: 0px; font-size: 15px; font-weight: bold; width: 100%; }
#rightContact p a { color: #FFFFFF; text-decoration: underline; }
#rightContact p a:HOVER { color: #FFFFFF; text-decoration: none; }
#rightContact span { float: left; clear: both; margin: 15px 0px 0px 0px; padding: 0px; font-size: 13px; font-weight: normal; width: 100%; }
#rightContact span a { text-decoration: underline; color: #000000; }
#rightContact span a:HOVER { text-decoration: none; color: #000000; }

#blackOverlayer { width: 100%; height: 100%; position: absolute; z-index: 3; top: 0px; left: 0px; background-color: #000000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5; display: none; }
#loginForm { width: 100%; height: 100%; position: absolute; z-index: 4; top: 0px; left: 0px; text-align: center; display: none; }
#loginFormPositioner { width: 460px; margin: auto; padding-top: 200px; }
#loginFormSetter { float: left; width: 460px; border-width: 7px; border-style: solid; border-color: #f6d429; margin: auto; background-color: #f6d429; text-align: center; }
#loginFormSetter a { display: block; margin-top: 5px; font-family: Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 11px; color: #000000; text-decoration: none; }
#loginFormSetter a:HOVER { display: block; margin-top: 5px; font-family: Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 11px; color: #000000; text-decoration: underline; }

div.formLabel { float: left; width: 100%; clear: both; position: relative; font-family: Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 18px !important; color: #FFFFFF; margin: 0px !important; padding: 5px 0px 0px 0px; }
div.formInput { float: left; width: 100%; clear: both; position: relative; margin: 0px !important; padding: 0px 0px 5px 0px; }
div.formInput INPUT { font-family: Trebuchet MS, Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 19px; color: #000000; border-width: 1px; border-color: #dbdfe6; border-style: solid; width: 700px; }
div.formInput TEXTAREA { font-family: Trebuchet MS, Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 19px; color: #000000; border-width: 1px; border-color: #dbdfe6; border-style: solid; width: 700px; height: 70px; }
div.formSubmit { float: left; width: 100%; text-align: center; margin: 10px 0px 0px 0px !important; }

FORM { margin: 5px 0px 15px 0px; float: left; }

#error { float: left; width: 100%; clear: both; margin: 10px 0px 10px 0px !important; color: #9b0010 !important; }
#success { float: left; width: 100%; clear: both; margin: 10px 0px 10px 0px !important; color: #3dff54 !important; }

#bottom { float: left; width: 100%; clear: both; display: inline; margin-top: 50px; text-align: center; }
#bottom h2 { float: left; width: 100%; clear; both: margin: 0px 0px 15px 0px; font-family: Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 22px; color: #ffde00; }
#bottom p { float: left; width: 100%; clear; both: margin: 0px 0px 15px 0px; font-family: Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 16px; }
#bottom p a { color: #FFFFFF; text-decoration: underline; }
#bottom p a:HOVER { color: #FFFFFF; text-decoration: none; }
#bottom span { float: left; width: 100%; clear; both: margin: 0px 0px 15px 0px; font-family: Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 13px; }
#bottom span a { color: #FFFFFF; text-decoration: underline; }
#bottom span a:HOVER { color: #FFFFFF; text-decoration: none; }