/* ------------- Основные стили, скелетные ------------ */

* {margin:0; padding:0; font-size: 100.1%; }

img {
	border: 0; text-decoration: none;
}

html, body { width: 100%; height: 100%; background: #FFF; color: #000; font-size: 1.15em; font-family: Georgia, "Trebuchet MS", sans-serif; }




#container { position: relative; background: #FFF url(../i/top_img.jpg) center 0 no-repeat; min-height: 100%; height: auto; min-width: 1000px; width: auto; font-size: 0.9em; }

#top { position: relative; height: 500px; width: 980px; margin: 0 auto; }

#top_menu { position: absolute; top: 65px; left: 20px; list-style: none; margin: 0; padding: 0; }
#top_menu li { font-size: 1.2em; margin: 0.3em 0; padding: 0.1em 0.3em; }
#top_menu li.cur { padding: 0; }
#top_menu li.cur span { color: #000; background: #FFF; padding: 0.1em 0.3em; font-style: italic; }
#top_menu li a { color: #FFF; text-decoration: underline; }
#top_menu li a:hover { text-decoration: none; }

#lang { position: absolute; right: 30px; top: 15px; padding: .75em 1em; background: url(../i/lang_img.gif) 0 100% no-repeat; font-size: .9em; font-style: italic; }
#lang a { color: #FFF; text-decoration: underline; }
#lang a:hover { color: #FFF; text-decoration: none; }

#top_text { position: absolute; top: 110px; right: 10px; width: 450px; }
#top_text h1 { position: relative; color: #fffedf; font-style: italic; font-family: Arial, Helvetica, sans-serif; }
#top_text h1 span { position: absolute; font-size: .4em; color: #f8dfff; right: 80px; top: 30px; font-weight: normal; }
#top_text p { padding: 12px 0 0 30px; font-size: 1.05em; color: #ccd9ff; }
#top_text p.end_top_text { padding: 20px 0 0 30px; font-size: 1.3em; font-style: italic; color: #f8dfff; font-weight: bold; }

#main { position: relative; width: 980px; margin: 0 auto; overflow: hidden; padding: 50px 0 350px 0; }

#dream { position: relative; width: auto; height: 522px; margin: 0 auto; background: url(../i/dream.jpg) center 27px no-repeat; }
/*#dream .dop { position: absolute; width: 110px; height: 112px; background: url(../i/dop.gif) 0 0 no-repeat; top: 31px; right: 125px; }*/
#dream .text { position: absolute; width: 450px; left: 40px; top: 137px; }
#dream .text h1 { position: relative; font-size: 1.35em; font-style: italic; text-align: center; margin: 0 0 40px -50px; }
#dream .text h1 span { position: absolute; font-size: .65em; top: 25px; left: 155px; font-weight: normal; }

#banner { position: relative; width: auto; height: 582px; margin: 0 auto; background: url(../i/flag.jpg) center 0 no-repeat; }
#banner .text { position: absolute; width: 570px; left: 410px; top: 130px; color: #FFF; }
#banner .text h1 { position: relative; font-size: 1.35em; font-style: italic; color: #cc6699; padding: 0 0 15px 70px; }
#banner .text h1 span { position: absolute; font-size: .65em; top: 25px; left: 60px; color: #FFF; font-weight: normal; }

#lambada { position: relative; width: auto; height: 619px; margin: 0 auto; background: url(../i/lambada.jpg) center 0 no-repeat; }
#lambada .text { position: absolute; width: 300px; left: 194px; top: 200px; color: #000; text-align: center; }
#lambada .text h1 { position: relative; font-size: 1.35em; font-style: italic; color: #000; padding: 0 0 15px 0; }
#lambada .text h1 span { position: absolute; font-size: .65em; top: 25px; left: 67px; color: #000; font-weight: normal; }

#spec { position: relative; width: auto; height: 1071px; margin: 0 auto; background: url(../i/spec.jpg) center 0 no-repeat; }
#spec .text { position: absolute; width: 420px; right: 0; top: 30px; color: #FFF; text-align: center; }
#spec .text h1 { font-size: 1.6em; font-style: italic; color: #ffffcc; padding: 0 0 0px 0; }
#spec .text h2 { font-size: .85em; color: #CCC; font-style: italic; margin: 0 0 .9em 0; padding: 0; }
.cor { position: absolute; width: 72px; height: 32px; left: 292px; top: 53px; }
.car { position: absolute; width: 81px; height: 33px; left: 26px; top: 212px; }
.savage { position: absolute; width: 58px; height: 26px; left: 358px; top: 525px; }
.cob { position: absolute; width: 68px; height: 37px; left: 44px; top: 691px; }
.tek { position: absolute; width: 76px; height: 47px; left: 603px; top: 973px; }
.cab { position: absolute; width: 81px; height: 23px; left: 897px; top: 341px; }


.box_repertuar_left_text, .box_repertuar_right_text { position: relative; width: 980px; overflow: hidden; padding: 34px 0 36px 0; }
.box_repertuar_left_text .text_col { float: left; width: 520px; }
.box_repertuar_right_text .text_col { float: right; width: 520px; }
.box_repertuar_left_text .img_col { float: right; width: 410px; }
.box_repertuar_right_text .img_col { float: left; width: 410px; }
.img_col { font-size: .75em; font-family: Arial, Helvetica, sans-serif; }
.img_col img { margin: 0 0 30px 0; }
.img_col p { padding: .25em 0 .75em 0; line-height: 1.3em; }
.text_col h1 { position: relative; font-size: 1.35em; font-style: italic; text-align: center; }
.text_col h1 span { font-size: .65em; font-weight: normal; }


.description, .needs { margin: 15px 0; padding: 15px 30px; font-size: .8em; font-family: Arial, Helvetica, sans-serif; }
.description { background: #f8f7f3; }
.needs { background: #f3f8f8; }


.foto_box { position: relative; width: 900px; margin: 0 auto; }
.foto_box img { display: block; float: left; }

.video_box { position: relative; text-align: center; margin: 0 0 50px 0; }
.video_box h1 { position: relative; font-size: 1.35em; font-style: italic; text-align: center; }
.video_box h1 span { font-size: .65em; font-weight: normal; }
.video_box .bord { position: relative; width: 670px; margin: 0 auto; border: 1px solid #bec8d5; padding: 15px 0 0 0; }
.video_box .bord p { text-align: left; padding: 20px 30px; font-size: .9em; }


#fot_otb { position: relative; width: 100%; padding-bottom: 293px; }
#footer { position: relative; background: url(../i/bot_fon.gif) 0 0 repeat-x; min-width: 1000px; width: auto; height: 315px; margin-top: -315px; }
#footer_menu { position: relative; height: 37px; border-bottom: 1px solid #FFF; background: url(../i/footer_menu_fon.gif) 0 0 repeat-x; list-style: none; max-width: 1440px; width: auto; margin: 12px auto 0 auto; text-align: center; padding: 8px 0 0 0; }
#footer_menu li { display: inline; font-size: .85em; padding: 0 15px; }
#footer_menu li.cur span { color: #000; background: #FFF; padding: 0.1em 0.3em; font-style: italic; }
#footer_menu li a { color: #99ccff; text-decoration: underline; }
#footer_menu li a:hover { color: #99ccff; text-decoration: none; }

#footer_cont { position: relative; height: 269px; background: url(../i/foot_fon.jpg) center 0 no-repeat; }
#footer_white_box { position: relative; top: 20px; margin: 0 auto 0 auto; width: 470px; height: 190px; background: #FFF; font-size: .8em; padding: 10px 0 0 130px; }
#footer_white_box p { padding: .25em 0 .75em 0; }
#cop, #make { position: absolute; left: 5px; bottom: -33px; font-size: .85em; font-family: Arial, Helvetica, sans-serif; }
#make { left: 410px; }

/* ------------- Стили для оформления текста, текстовики ------------ */
a { color: #3366cc; text-decoration: underline; }
a:hover { text-decoration: none; }


ol { margin: 0 0 0 15px; }
ol li { padding: 0.3em 0; }

p { padding: .3em 0 1.2em 0; line-height: 1.3em; }

h1 { margin: 0em 0 .9em 0; font-size: 2.3em; line-height: 1em; font-weight: bold; color: #000; }
h1.zag { margin: 1.3em 0 .9em 0; font-size: 1.7em; font-style: italic; text-align: center; }

h2 { margin: 1.2em 0 .7em 0; font-size: 1.4em; font-weight: normal; color: #ff119d; }
h3 { font-size: 1.1em; margin: .2em 0 .2em 0; }
h4 { margin: .3em 0 .5em 0; }


/* ------------- Списки ------------ */



/* ------------- Цвета ------------ */
.black { color: #000; border-color: #000; }
.white { color: #FFF; }
.red { color: #993333; }
.blue { color: #369; }
.pink { color: #C69; }
.grey { color: #666; }
.aqua { color: #9cf9ff; }
.fial { color: #9cacff; }
.lettuce { color: #c9ff94; }


/* ------------- Формы ------------ */





/* ------------- Стили для оформления таблиц, табличники ГЫ! ------------ */



/* ------------- Все остальное, вспомогалкиии ------------ */

.cont { position: relative; width: 980px; margin: 0 auto; }


.clear { clear: both; overflow: hidden; height: 1px; }
.center { text-align: center; }
.right { text-align: right; }
.vat { vertical-align: top; }
.vam { vertical-align: middle; }

.f_right { float: right; clear: both; margin: 0 0 30px 30px; }
.f_left { float: left; clear: both; margin: 0 30px 30px 0; }



.small {  }
.big { font-size: 1.2em; }
.bigger {  }