/*Медиа представление*/
@media screen{
html,body        {margin:0px; padding:0px; border:0px;}
body             {text-align: center; background: #fff url(../images/fon.gif); background-attachment: fixed;}
body a:visited   {color: rgb(00,140,170);}
body a:link      {color: rgb(00,140,170);}

/*Основа*/
#main            {width: 900px; margin: auto; padding: 0px; text-align: left; border: 1px solid rgb(60,60,70); color: rgb(00,00,00);}
#main a          { text-decoration: none;}

 /*Шапка сайта*/
#head img        {border: none;}

/*Меню навигации*/
#menucarier      {float: left; width: 200px; margin: 5px;background: rgb(200,200,200);}
#menu            {color: rgb(250,250,250);font-size: 13px; font-family: Verdana, Arial, sans-serif;} 
#menu ul         {margin:0; padding:0; list-style: none; width: 200px;}
#menu ul li      {position: relative; padding: 1px;}
#menu li ul      {position: absolute; left: 199px; top: 0; display: none;}
#menu li:hover ul{display: block;}
#menu li:hover ul li {padding: 0;}
#menu a:hover    {background: rgb(220,220,220);}
#menu a:active   {background: rgb(150,150,150);}
#menu ul li a    {display: block; text-decoration: none; color: rgb(15,59,125); background: #fff; padding: 2px; border-bottom: 0; border-width: 1px; border-style: ridge; border-color: rgb(50,50,60);}
#pzm             {text-align: center; color: rgb(00,90,200);}
#zmn             {screen: display; width: 200px; height: 30px; background: url(../images/menu.gif);
padding: 5px 0px 0px 0px; text-align: center; background-repeat: no-repeat;}
p.link          {color: rgb(100,150,200); font-size: 10px;}
p.link a         {color: rgb(00,100,180);}
p.linkm          {float: left; width: 198px; margin: 2px; color: rgb(100,150,200); font-size: 10px; font-family: verdana,arial,helvetica;}
.f              {background: rgb(50,50,60); color: rgb(100,150,150); font-size: 12px;}
.sitemap        {float: left; width: 200px; margin: 2px;}
#linkm a        {color: rgb(00,100,180); font-size: 10px; font-family: verdana,arial,helvetica;}      

#sscarier      {float: left; border: 1px solid rgb(00,190,220); width: 200px; margin: 5px;}
#ss            {color: rgb(00,190,220);}
#opr           {padding: 3px; color: rgb(00,100,220); border: solid 1px rgb(60,60,70); width: 190px; margin: 5px 0px 0px 1px; font-family: Verdana, Arial, sans-serif; font-size: 70%;}
.t_opr         {background: rgb(180,180,180);}   
.true          {background: rgb(250,250,250);}
.calend td     {color: rgb(00,100,150); border:1px solid rgb(30,30,40);}
.calend table  { width: 190px;}
.potok         {background: rgb(20,20,30);} 
.calend        {margin: 5px 0px 0px 1px; width: 196px; border: 1px solid rgb(30,30,40); color: rgb(00,00,00); text-align: center;} 
.ned           {background: rgb(150,150,150);}      

/*Текст*/

p.astro          {border: 1px solid rgb(00,80,80); padding: 5px;}
#comet table     {color: rgb(00,100,150); border-collapse: separate;}
#comet #zag      {background: rgb(00,00,100);}
#text a:hover    {background: rgb(220,220,220);}
#text a img      {border:none;}
table            {color: rgb(00,100,150); border-collapse: collapse; font-size: 13px; font-family: Verdana, Arial, sans-serif;}
td.link a        {color: rgb(00,150,00);}
td               {border: 1px solid rgb(00,190,220);}
.glav  td {border: 0px;}
#textcarier      {float: right; border: 1px solid rgb(60,60,70); width: 670px; margin: 5px; background: #fff;}
#text            {padding: 5px; text-align: justify; font-size: 13px; font-family: verdana,arial,helvetica;}
#text img        {float: left; margin-right: 8px;}
h1               {text-align: center; font-size: 25px; color: rgb(00,150,220); font-family: book antiqua, arial;}
h2               {text-align: left; font-size: 14px; color: rgb(00,153,102); font-family: verdana,arial,helvetica;}
#zn h2           {text-align: center; font-size: 20px; color: rgb(100,153,182); font-family: book antiqua, arial;}
p.pzt            {background: rgb(150,150,150); font-size: 16px; width: 70%; font-family: "Book Antiqua"; color: rgb(250,250,250); font-weight: 600;}
#gal img         {border: none;}
#gal td          {border:none;}
#gal a:hover img  {border: 1px solid rgb(00,150,200);}
.l               {background: rgb(00,00,00); border: 1px solid rgb(50,50,60); margin: 2px; padding: 4px; color: rgb(00,150,00);}
.li              {background: rgb(100,00,00); border: 1px solid rgb(50,50,60); margin: 2px; padding: 4px; color: rgb(00,150,00);}
.title           {background: rgb(200,200,200); color: rgb(00,100,250);}
hr               {color: rgb(60,60,70);}
#form td         {border: none;}
#form h1         {color: rgb(00,140,150); background: rgb(220,220,220);}
#form hr         {color: rgb(00,140,150);}
.tit             {background: rgb(200,200,200);}


/*Подвал*/
#footercarier    {width: 100%; clear: both; border-width: 1px 0px 0px 0px;
border-color: rgb(60,60,70); border-style: solid; margin: 5px 0px 0px 0px;}
#footer          {font-size:80%; padding: 10px;}
}

/*Печать*/
@media print{
#head, #menucarier, #footercarier, #textcarier img {display: none;}
}

/*Для мобильных устройств*/
@media handheld{
html, body {margin: 0px; padding: 0px}
body       {background:#000; color:#888;}
#head img, #textcarier img  {display: none;}
#menucarier {border: 1px solid rgb(00,140,180); width:150px;}
#zmn       {text-align: center; border-width: 0px 0px 1px 0px; border-style: solid;
 border-color: rgb(00,140,180); color: rgb(00,200,220);}
 #pzm     {text-align: center; color: rgb(00,100,225);}
 #menu a  {color: rgb(00,200,220);}
 p.zt     {text-align: center; color:rgb(00,100,220);}
}