/* CSS Document */
body,html {font-family:arial,sans-serif; font-size:90%; color:#ffffff; margin:0; padding:0; background-color:#1b1816; height:100%}
body {min-width: 900px;max-width: 1600px;width:expression(document.body.clientWidth < 900? "900px" : document.body.clientWidth > 1600? "1600px" : "auto");}
body * {font-size:100%}

img, a, div {behavior: url("/f/i/iepngfix.htc")}
table {border-collapse:collapse; margin:0;  border-spacing:0; border-width:0}
table td{padding:0}
div,img,table {border:0}
div, img {margin:0; padding:0}
a {color:#ffb22d; text-decoration:underline}
.logo {vertical-align:top; margin:0.5em; text-align:left}
.theater {margin:30px 0 0 0}
legend {color:#fff}

h1	{margin:0.8em 0 0em 0; padding:0; font-size:150%; font-weight:bold; line-height:1em; color:#fff}
h2	{margin:1em 0 0.7em 0; font-size:130%; font-weight:normal; color:#ffb22d}
h3	{margin:1em 0 0.7em 0; font-size:120%; font-weight:normal; color:#ffb22d}
h4	{margin:1em 0 0.3em 0; font-size:110%; }
h5	{margin:1em 0 0.3em 0; font-size:100%; }
h6	{margin:1em 0 0.3em 0; font-size:90%; }


#mainmenu {text-align:center; padding:2em 0 2em 0}
#mainmenu table {width:100%; border:0; text-align:center}
#mainmenu h3 {font-size:120%; font-weight:normal; margin:0; padding:0; text-transform: uppercase}
#mainmenu a {color:#fff; text-decoration:none}
#mainmenu a:hover {color:#ffb22d; text-decoration:none; border-bottom:2px solid #ffb22d}
#mainmenu a.select {color:#ffb22d; text-decoration:none; border-bottom:2px solid #ffb22d}
.strip {background: url("../i/strip.gif") top left repeat-x}
#head {position:relative; width:100%; background:url("../i/bg.gif") top left repeat-x}
#head #stage {position:relative; min-width:900px; width:expression((document.documentElement.clientWidth||document.body.clientWidth)<900?"900px":"100%"); height:520px}
#head #stage div {position:absolute}
#head #stage .shu {width:500px; left:30%; top:80px}
#head #stage .hat {width:200px; left:15%; top:212px}

#head #stage .blind-l {background:url("../i/blind-l.png") top left no-repeat; width:230px}
#head #stage .blind-r {background:url("../i/blind-r.png") top right no-repeat; width:200px; right:0; top:0; text-align:right; margin-left:50%; position:absolute; margin-right:0; padding:0}

div#scene {position:relative; background:url("../i/bg.gif") left top repeat-x; height:520px; width:100%}
img#shu {position:absolute; margin-left:30%; bottom:0; z-index:100}
img#teatr {position:absolute; margin:0.5em; top:0; z-index:200}
img#table {position:absolute; bottom:0; margin-left:15%}
img#blind-l {position:absolute; left:0; top:0; z-index:10}
img#blind-r {position:absolute; right:0; top:0}

#navig {text-align:right; padding-right:1em}

#content {padding:1em}
#content .photo {width:30%; float:left}
.news h3 {color:#ffb22d}
.news p.date {color:#ffb22d; font-style:italic; margin-bottom:0; padding:0}
.news p {margin:0.2em 0 1em 0}

.cont {background: url("../i/bg-bl.png") top left repeat-y; width:100%; height:80%}
.cont td {vertical-align:top; text-align:left}
.cont .top {background: url("../i/top.png") top left no-repeat; width:220px}
.cont .top .rabbit3 {background: url("../i/rabbit3.gif") left bottom no-repeat; background-position:100px 70px; position:relative; vertical-align:bottom}
.cont .rabbit2 {background: url("../i/rabbit2.gif") right bottom no-repeat;}
.txt {padding:0 0 2em 0}

.submenu {width:25%; padding:3em 1em 1em 2em; }
.submenu div div {padding-left:2em}
.submenu a.act {color:#fff; text-decoration:none}
.rabbit {background: url("../i/rabbit.gif") left bottom no-repeat;  z-index:20; position:relative; top:40px; left:200px; width:400px}

#footer {background: url("../i/foot.gif") top left repeat-x; height:110px; color:#fff}
#footer a {color:#fff; text-decoration:underline}
#footer .info {width:40%; float:left; padding:1em}
#footer div.sm {padding:1em 0 0 0; margin-left:55%; background: url("../i/kart.gif") right top no-repeat; height:90px; }




.ramka {background:url("../i/ramka.png") top left no-repeat; padding:4px 6px 6px 7px; margin-bottom:1em}


.tbl td{padding:0.3em}

img.photo-r {float:right; margin: 0 0 0 0.8em}
img.photo-l {float:left; margin:0 0.8em 0 0}

.author{font-style: italic; color: #f0f0f0} 

img.br {border:2px solid #f38400; padding:0.5em; background:#fff}

img.rep {border:5px #202020 solid}

table.rep    {margin-left:15%}
table.rep td {padding:0.5em 1em}