@CHARSET "UTF-8";

h1, h2, h3, h4, body, html { padding: 0; margin: 0; }

h1 span,
h2 span { display: none; }

.body-cyber { padding-bottom: 40px; padding-top: 130px; background: #FFF url('./img/bg.jpg') no-repeat; background-position: center -60px; color: #494949; font-family: Tahoma; font-size: 12px; }
.body-cyber h2 { font-size: 16px; font-weight: normal; font-family: Tahoma; margin-bottom: 15px; margin-top: 15px; }
.body-cyber #error { color: red; display: none; }
.body-cyber a { text-decoration: none; }
.body-cyber form { display: block; Width: 700px; margin: 0 auto; }
.body-cyber form .selector { padding-left: 40px; }
.body-cyber form a { display: block; height: 24px; width: 166px; background: url('./img/opt_us.gif') no-repeat; text-decoration: none; color: #494949; margin-bottom: 8px; }
.body-cyber form a span { display: block; margin-left: 30px; padding-top: 4px; }
.body-cyber form a.answer-a { background-position: 3px 0; }
.body-cyber form a.answer-a-sel,
.body-cyber form a.answer-a:hover { background: url('./img/opt_s.gif') no-repeat; background-position: 0 0; color: #FFF; }
.body-cyber form a.answer-b { background-position: 3px -24px; }
.body-cyber form a.answer-b-sel,
.body-cyber form a.answer-b:hover { background: url('./img/opt_s.gif') no-repeat; background-position: 0 -24px; color: #FFF; }
.body-cyber form a.answer-c { background-position: 3px -48px; }
.body-cyber form a.answer-c-sel,
.body-cyber form a.answer-c:hover { background: url('./img/opt_s.gif') no-repeat; background-position: 0 -48px; color: #FFF; }
.body-cyber form a.answer-d { background-position: 3px -72px; }
.body-cyber form a.answer-d-sel,
.body-cyber form a.answer-d:hover { background: url('./img/opt_s.gif') no-repeat; background-position: 0 -72px; color: #FFF; }
.body-cyber form a.answer-e { background-position: 3px -96px; }
.body-cyber form a.answer-e-sel,
.body-cyber form a.answer-e:hover { background: url('./img/opt_s.gif') no-repeat; background-position: 0 -96px; color: #FFF; }
.body-cyber form .submit { margin-left: 20px; margin-top: 30px; }
.body-cyber form .submit input { display: block; width: 105px; height: 29px; border-width: 0; background: url('./img/submit_1.gif'); cursor: pointer; }
	
.body-calculator { padding-top: 255px; background: #000 url('./img/bg_calc.jpg') no-repeat; background-position: center top; color: #D01D00; font-family: Tahoma; font-size: 12px; }
.body-calculator-not-found { background: #000 url('./img/bg_calc_2.jpg') no-repeat; background-position: center top; }

.body-calculator h1 { background: url('./img/head_1.gif'); width: 725px; height: 37px; margin-bottom: 25px; }
.body-calculator h2 { background: url('./img/head_2.gif'); width: 394px; height: 25px; margin: 0 auto; margin-bottom: 50px; }
.body-calculator form { display: block; width: 760px; margin: 0 auto; }
.body-calculator form label { display: block; width: 100px; text-align: right; margin-right: 10px; padding: 0 3px; float: left; line-height: 16px; }
.body-calculator form input.txt { width: 170px; color: #FFF; background: #D01D00; border-width: 0; padding: 3px; font-family: Tahoma; font-size: 12px; line-height: 16px; float: left; }
.body-calculator form .br { margin-top: 10px; }
.body-calculator form .submit { margin-left: 20px; padding-top: 30px; text-align: left; }
.body-calculator form .submit input { display: block; width: 103px; height: 23px; border-width: 0; background: url('./img/submit_2.gif'); cursor: pointer; }
.body-calculator .preload { margin: 10px auto; background: url('./img/preload.gif') no-repeat; width: 156px; padding-top: 50px; color: #FFF; text-align: center; }
.body-calculator .price { height: 160px; }
.body-calculator .price span { padding: 30px; font-size: 30px; font-weight: bold; line-height: 90px; background: #D01D00; color: #FFF; }
.body-calculator #result { text-align: center; display: none; }
.body-calculator .programs { float: left; width: 500px; }
.body-calculator .programs label { width: 300px; text-align: left; margin-left: 5px; cursor: pointer; }
.body-calculator .programs span { background: url('./img/checkbox.gif'); width: 20px; height: 20px; float: left; display: block; cursor: pointer; }
.body-calculator .programs .checkbox-sel span { background-position: 0 -20px; }

.body-calculator .back { width: 760px; margin: 0 auto; text-align: center; }
.body-calculator .back a { display: block; height: 26px; width: 84px; background: url('./img/back.gif'); }
.body-calculator .back a span { display: none; }


#movies { width: 755px; margin: 0 auto; margin: 0 auto; margin-bottom: 20px; }
#movies #player { width: 651px; height: 366px;  float: left; }
#movies #browser { width: 95px; float: right; }
#movies #browser a { height: 90px; width: 90px; margin-bottom: 10px; display: block; border: 1px solid red; }
#movies #browser a.selected { display: none; }
#movies #browser a span { display: none; }
#movies #browser #movie-1 { background: url('./img/movie_1.jpg') no-repeat; background-position: center center; }
#movies #browser #movie-2 { background: url('./img/movie_2.jpg') no-repeat; background-position: center center; }
#movies #browser #movie-3 { background: url('./img/movie_3.jpg') no-repeat; background-position: center center; }

#naloty-pl { margin-left: 150px; margin-bottom: 20px; background: url('./img/noloty_pl.gif') no-repeat; width: 500px; height: 100px; border: 1px solid #323232; background-position: center center; }
#naloty-pl a { display: block; width: 500px; height: 100px; }
#naloty-pl a span { display: none; }

#footer .logo { background: url('./img/footer.gif') no-repeat; float: left; height: 40px; width: 150px; }
#footer .text { width: 600px; float: left; }
#footer { color: #212020; font-size: 10px; width: 760px; margin: 10px auto; margin-top: 60px; }


.clear { clear: both; font-size: 0; height: 0; }
.none { display: none; }


/* Debug */

pre.debug { border: 1px solid #BEBFC0; background: #FFF; margin: 10px; padding: 10px; font-family: Arial; font-size: 12px; color: #1E1E1E;  }