body, h1, h2, h3, h4, h4, p, div, table, td, ul, li {margin:0;padding:0;font:normal 16px/1.3 'Roboto',Tahoma, sans-serif;}
table{border-collapse:collapse;}
a:link {TEXT-DECORATION: none;color: #000;}
a:visited {TEXT-DECORATION: none;color: #000;}
a:hover {TEXT-DECORATION: none;color: #000;}
div.propusk10 {padding: 10px 0 0 0;clear: both;}
div.propusk5 {padding: 5px 0 0 0;clear: both;}
div.propusk15 {padding: 15px 0 0 0;clear: both;}
div.propusk20 {padding: 20px 0 0 0;clear: both;}

#cleras {clear:both;}
li{list-style:none;}

/*----HEADER------------*/
header {width:100%;padding:0;background:#c1e3f5;}
#seahead {margin:0;padding:9px 15px 9px 15px;}
#sealogo {float:left;}
#sealogo img{width:160px;height:50px;}
#seamenu {float:right;}
#seamenu img{width:40px;}
#imatop1 {font-size:36px;color:#006393;}
#imatop2 {font-size:36px;display:none;}


@media screen and (min-width:990px)
 {
 header {padding:10px 0 0 0;}
 #seahead {width:980px;margin:0 auto;padding:0;}
 #sealogo img{width:200px;height:63px;}
 }
/*---end----HEADER----------/

/*---search---*/
#topsearch {padding:13px 15px 3px 15px;margin:0;}
#topsearch input {width:95%;height:25px;border:#C1C1C1 1px solid;border-radius:3px;font-size:21px;background:#E6E6E6;}
#livesearch {width:90%;}
#livesearch p {font-size:18px;line-height:24px;font-weight:400;border-bottom:#CDCDCD 1px solid;border-left:#0080C0 6px solid;padding:5px 0 5px 7px;margin:0;}
#livesearch a:link {TEXT-DECORATION: none;color:#0080C0;}
#livesearch a:visited {TEXT-DECORATION: none;color:#0080C0;}
#livesearch a:hover {TEXT-DECORATION: none;color:#FF0000;}

@media screen and (min-width:990px)
 {
  #topsearch {margin:0 auto;width:980px;padding:10px 0 15px 0;}
  #topsearch input {width:100%;height:30px;}
  }
/*---end search---*/

/*---BOTTOM--------------*/
#mainbottom {background:#002233;height:100%;color:#fff;}
#mainbot2 {padding:10px 15px 10px 15px;}
#mainbot2 h6 {font-size:16px;line-height:18px;font-weight:700;color:#E1E1E1;padding:0;margin:0;}
#mainbot2 p {font-size:14px;line-height:19px;font-weight:300;color:#E1E1E1;padding:0;margin:0;}
#mainbot2 h7 {font-size:16px;line-height:18px;font-weight:400;color:#E1E1E1;padding:0;margin:0;}
#mainbot2 ul {padding:9px 0 5px 0;}
#mainbot2 li {list-style-type:disc;font-weight:400;list-style-position:inside;margin-right:5px;padding:0 0 7px 0;}
#se1, #se2 {float:left;width:40%;}

#mainbottom a:link {TEXT-DECORATION: none;color: #fff;}
#mainbottom a:visited {TEXT-DECORATION: none;color: #fff;}
#mainbottom a:hover {TEXT-DECORATION: none;color: #fff;}

#mainbot2 h7 a:link {TEXT-DECORATION:underline;color:#fff;font-weight:700;}
#mainbot2 h7 a:visited {TEXT-DECORATION:underline;color:#fff;font-weight:700;}
#mainbot2 h7 a:hover {TEXT-DECORATION:none;color:#fff;font-weight:700;}

#mainbot3 {padding:10px 15px 10px 15px;border-top:#CAEEFF 1px solid;}
#mainbot3 h6 {font-size:16px;line-height:18px;font-weight:700;color:#E1E1E1;padding:0 0 10px 0;margin:0;}
#mainbot3 h5 {font-size:18px;line-height:21px;font-weight:900;color:#499dca;padding:0 0 10px 0;margin:0;}
#mainbot3 p {font-size:13px;line-height:16px;font-weight:300;color:#E1E1E1;padding:0;margin:0;}
#mainbot3 img {width:130px;align:left;padding:0 7px 5px 0;}

@media screen and (min-width:990px)
 {
  #mainbot2 {margin:0 auto;width:980px;padding:10px 0 15px 0;}
  #mainbot2 p {font-size:16px;line-height:20px;padding:0 0 10px 0;}
  #se1, #se2 {width:20%;}
  #mainbot3 {margin:0 auto;width:980px;padding:10px 0 15px 0;}
  }
/*---end BOTTOM-------------*/




#fara {margin:0 0 10px 0;background:#005782;}
#fara2 {padding:4px 15px 4px 15px;color:#fff;font-size:13px;line-height:15px;}
@media screen and (min-width:990px)
 {
  #fara {}
  #fara2 {width:980px;margin:0 auto;padding:6px 0 4px 0;font-size:14px;line-height:16px;}
 }

#fara2 a:link {TEXT-DECORATION: underline;color: #fff;}
#fara2 a:visited {TEXT-DECORATION: underline;color: #fff;}
#fara2 a:hover {TEXT-DECORATION: none;color: #fff;}


#maincontent {padding:5px 0 0 0;}
#maintop_left {}
#maintop_left h1 {font-size:32px;font-weight:700;line-height:36px;padding:10px 15px 10px 15px;}
#maintop_left h2 {font-size:16px;font-weight:300;line-height:19px;padding:10px 15px 10px 15px;}

#maintop_left img {width:100%;}
#phototitle {font-size:13px;font-weight:700;line-height:16px;padding:3px 15px 10px 15px;color:#6B6B6B;}
#maintop_right {width:100%;}

#minmaxave {margin:0 0 10px 0;}
#minmaxave h2 {font-size:21px;font-weight:700;line-height:24px;padding:10px 15px 0 15px;}
#minmaxave h3 {font-size:21px;font-weight:700;line-height:24px;padding:10px 15px 5px 15px;}
#minmaxave p {font-size:16px;font-weight:300;line-height:21px;padding:10px 15px 5px 15px;}


#mma {width:100%;height:28px;margin:1px 0 1px 0;padding:3px 0 3px 0;background-image:url(https://seatemperature.net/ims/polka.jpg);background-repeat:repeat-y;}
#mma1 {float:left;padding:5px 0 5px 15px;font-size:18px;font-weight:400;line-height:18px;width:150px;}
#mma2 {float:left;padding:5px 0 5px 0;font-size:18px;font-weight:900;line-height:18px;}

#lista {padding:10px 15px 10px 15px;}
#lista li {display:inline;border:#82D7FF 1px solid;background:#E1F5FF;border-radius:5px;padding:4px 3px 4px 3px;font-size:18px;font-weight:400;float:left;margin:0 10px 12px 0;}

#listp {padding:10px 0 0 0;}
#listp ul{margin:0;padding:0;}
#listp li {background-image:url(https://seatemperature.net/ims/polka.jpg);background-repeat:repeat-y;margin:0 0 1px 0;padding:8px 15px 3px 15px;height:28px;font-size:18px;font-weight:400;line-height:22px;}

#pola {font-size:18px;font-weight:700;padding:0 15px 10px 15px;}
#pola img {width:100%;border:#82D7FF 1px solid;border-radius:5px;}

@media screen and (min-width:990px)
 {
  #maincontent {width:980px;margin:0 auto; padding:5px 0 0 0;}
  #maintop_left {width:614px;padding:0;float:left;}
  #maintop_left h1 {font-size:42px;font-weight:900;line-height:46px;padding:10px 0 10px 0;}
  #maintop_left h2 {font-size:18px;line-height:23px;padding:10px 5px 10px 0;}
  #maintop_left img {width:600px;}
  #phototitle {font-size:14px;padding:5px 15px 10px 0;}


  #maintop_right {width:336px;float:right;margin:0 0 0 30px;position:sticky;top:0;padding:0;}
  #maintop_right img {width:336px;}

  #minmaxave {margin:0 0 15px 0;}
  #minmaxave h3 {font-size:24px;line-height:27px;padding:10px 15px 5px 0;}
  #minmaxave h2 {font-size:24px;line-height:27px;padding:10px 15px 0 0;}
  #minmaxave p {font-size:18px;line-height:26px;padding:10px 15px 5px 0;}

  #mma {height:32px;padding:6px 0 3px 0;background-image:url(https://seatemperature.net/ims/polka2.jpg);}
  #mma1 {float:left;font-size:22px;line-height:18px;width:200px;}
  #mma2 {float:left;font-size:22px;line-height:18px;}

  #lista {padding:10px 0 10px 0;}

  #listp li {background-image:url(https://seatemperature.net/ims/polka2.jpg);font-size:21px;line-height:24px;}

  #pola {width:292px;padding:10px 15px 10px 0;float:left;}
  #pola img {width:100%;border:#82D7FF 1px solid;border-radius:5px;}
 }


#chartkrug {margin:15px;border:#0073E6 1px solid;border-radius:5px;padding:0;}
#ourgraph {width:92%;padding:0;margin:0 auto;padding:0 0 10px 0;}
#ourgraph img {width:100%;border:#0073E6 1px solid;border-radius:5px;}
#ourgraph p {padding:0;font:bold 16px/1.3 Tahoma, sans-serif;}


@media screen and (min-width:990px)
 {
  #chartkrug {width:608px;margin:0;}
  #ourgmain {width:608px;}
  #ourgraph {width:300px;}
  #ourgraph img {width:310px;}
 }

#trr {width:100%;height:20px;background:#91DBFF;}
#tt1 {width:150px;padding:3px 0 3px 15px;font-weight:700;}
#tt2 {width:55px;padding:3px 0 3px 0;font-weight:700;}
#tt3 {width:40px;}
#tt4 {width:55px;padding:3px 0 3px 0;font-weight:700;}
#tt5 {width:30px;}


#trr1 {width:100%;height:30px;border-bottom:#D2F0FF 1px solid;}

#tts1 {width:150px;padding:3px 0 3px 15px;font-weight:400;}
#tts2 {width:55px;padding:3px 0 3px 0;font-weight:400;}
#tts3 {width:40px;padding:3px 0 3px 0;}
#tts4 {width:55px;padding:3px 0 3px 0;font-weight:400;}
#tts5 {width:30px;padding:3px 15px; 3px 0;}
#tts3 img{width:10px;height:12px;}
#tts5 img{width:24px;height:24px;}


@media screen and (min-width:990px)
 {
  #trr {width:100%;height:30px;background:#91DBFF;}
  #tt1 {width:250px;padding:5px 0 5px 15px;font-weight:700;}
  #tt2 {width:75px;padding:5px 0 5px 0;font-weight:700;}
  #tt3 {width:70px;}
  #tt4 {width:75px;padding:3px 0 3px 0;font-weight:700;}
  #tt5 {width:30px;}

  #tts1 {width:250px;padding:3px 0 3px 15px;font-weight:400;font-size:20px;}
  #tts2 {width:75px;padding:3px 0 3px 0;font-weight:400;font-size:20px;}
  #tts3 {width:70px;padding:3px 0 3px 0;}
  #tts4 {width:75px;padding:3px 0 3px 0;font-weight:400;font-size:20px;}
  #tts5 {width:30px;padding:3px 15px; 3px 0;}
  #tts3 img{width:15px;height:18px;}
  #tts5 img{width:28px;height:28px;}

 }


#navimain{padding:0 15px 8px 15px;}
#navimain span{background:#82C0FF;padding:4px 10px 4px 10px;border-radius:3px;line-height:36px;}
#navimain h2 {font-size:42px;font-weight:900;line-height:46px;padding:15px 0 0 0;}
#navimain h1 {font-size:16px;font-weight:400;line-height:22px;padding:2px 0 2px 0;background:#E1F5FF;}
#navimain img{width:36px;height:36px;}

@media screen and (min-width:990px)
 {
  #navimain{padding:10px 5px 8px 0;}
  #navimain span{padding:5px 10px 5px 10px;border-radius:3px;font-size:18px;}
  #navimain h2 {font-size:50px;line-height:54px;padding:15px 0 10px 0;}
  #navimain h1 {font-size:18px;font-weight:400;line-height:22px;padding:2px 4px 2px 4px;}
  #navimain img{width:48px;height:48px;}
 }

#tempinfo {margin:20px 0 20px 0;border-radius:5px;background:#A4E1FF;padding:0 0 20px 0;}
#tempinfo h2 {font-size:22px;font-weight:700;line-height:26px;padding:15px 15px 16px 15px;}

span.ups {font-size:14px;font-weight:900;line-height:16px;padding:5px 10px 5px 10px;border-radius:7px;background:#005F8C;color:#fff;margin:0 15px 10px 15px;}
#temp1 {border:#C1C1C1 1px solid;padding:4px 10px 4px 10px;border-radius:5px;background:#fff;margin:10px 10px 0 10px;}
#temp1 h3 {font:bold 68px/1.3 'Roboto',Tahoma, sans-serif;padding:5px 0 6px 12px;color:#006B9F;}
#gradss {font-size:38px;margin-right:20px;font-weight:300;}
#temp1 img{width:20px;height:26px;}

#temp2 {border:#C1C1C1 1px solid;padding:14px 10px 12px 0;border-radius:5px;background:#fff;margin:5px 10px 0 10px;}
#temp2 p {font-size:18px;font-weight:400;line-height:22px;padding:2px 20px 2px 20px;color:#6B6B6B;}
span.vvch {font-weight:900;}

#apa p {font-size:16px;font-weight:400;line-height:22px;padding:12px 20px 2px 20px;}

#anugra {margin:5px 15px 10px 15px;border-radius:8px;border:#C1C1C1 1px solid;padding:0;text-align:center;}
#anugra img {width:98%;}

@media screen and (min-width:990px)
 {
  #temp1 {width:265px;float:left;margin:7px 10px 15px 15px;height:100px;}
  #temp2 {width:260px;float:left;margin:7px 15px 15px 0;height:90px;padding:14px 10px 4px 10px;}
  #temp1 h3 {padding:5px 0 8px 12px;}
  span.gradss {font-size:48px;}

  #anugra {margin:5px 0 10px 0;padding:0 0 0 20px;text-align:left;}
  #anugra img {width:430px;height:350px;}
 }

span.grena {background:#93FFC9;font-weight:700;}

 table.forasha {width:100%;margin:10px 0 0 0;}
  tr.trfore {height:24px;color:#fff;background:#005782;}
  td.fore {font-size:13px;font-weight:700;line-height:14px;}
  #ftd1 {width:60px;padding:3px 0 3px 15px;}
  #ftd2 {width:55px;}
  #ftd3 {width:55px;}
  #ftd4 {width:60px;}
  table.foraya {width:100%;margin:0 0 0 0;}
  tr.trfore2 {height:32px;color:#000;background:#DDF4FF;border-bottom:#C1C1C1 1px solid;}
  tr.trfore2a {height:32px;color:#000;background:#FFFFD2;border-bottom:#C1C1C1 1px solid;}
  td.fore2 {font-size:16px;font-weight:400;line-height:18px;}

  #ftd1a {width:85px;padding:3px 0 3px 15px;}
  #ftd2a {width:65px;}
  #ftd2a img {width:8px;height:14px;margin:0 0 0 1px;}
  #ftd3a {width:75px;}

  #chartik3 {min-height:300px;border:#0073E6 1px solid;border-radius:5px;margin:10px 15px 10px 15px;}

  #minmaxave h4 {font-size:18px;font-weight:700;line-height:22px;padding:10px 15px 0 15px;}
  #mimip {font-size:12px;font-weight:300;line-height:14px;padding:3px 15px 3px 15px;}
  @media screen and (min-width:990px)
  {
    #ftd1a {width:120px;}
    #ftd2a {width:75px;}
    #ftd2a img {width:11px;height:16px;margin:0 0 0 3px;}
   #minmaxave h4 {padding:10px 0 0 0;}
   #chartik3 {min-height:350px;margin:10px 0 10px 0;}
  }

 #blokall {padding:15px 15px 10px 15px 0;border-bottom:#D3D3D3 1px solid;margin:10px 0 10px 0;}
 #blokinfo1 {width:150px;float:left;padding:0 0 10x 0;text-align:right;}
 #blokinfo2 {float:left;padding:0 6px 0 6px;text-align:left;background:#8CFFC6;margin:0 0 0 10px;}


 #weto {border:#0073E6 1px solid;border-radius:5px;margin:10px 15px 10px 15px;position:relative;padding:42px 15px 10px 15px;}
 .wts {position:absolute;top:0px;left:15px;font-size:16px;font-weight:900;line-height:22px;color:#fff;background:#006FA4;padding:2px 12px 2px 10px;}
 #ww1 {float:left;font-size:20px;font-weight:400;width:60px;background:#C1EBFF;margin:0 5px 0 0;padding:0 0 0 5px;}
 #ww2 {float:left;font-size:20px;font-weight:700;width:80px;padding:0 0 0 5px;color:#004F75;}
 #ww3 {float:left;width:40px;padding: 2px 0 0 0;}
 #ww3 img {width:25px;}
 #ww4 {float:left;font-size:18px;font-weight:300;}
 #ww4 img {width:20px;}
 #ww5 {padding:3px 0 5px 75px;font-size:14px;font-weight:300;border-bottom:#8CDAFF 1px solid;margin:0 0 10px 0;}
 @media screen and (min-width:990px)
  {
   #weto {margin:10px 0 10px 0;}
  .wts {left:35px;font-size:20px;line-height:24px;padding:2px 12px 2px 10px;}
   #ww1 {font-size:24px;width:70px;margin:0 25px 0 20px;}
   #ww2 {font-size:24px;width:100px;}
   #ww3 {width:60px;}
   #ww4 {font-size:22px;}
   #ww5 {padding:3px 0 5px 125px;font-size:16px;}

  }

#minmaxave_bl {background:#555555;color:#fff;margin-bottom:15px;}
#minmaxave_bl h2 {font-size:26px;font-weight:700;color:#fff;padding:20px 15px 10px 15px;}
#minmaxave_bl p {font-size:16px;font-weight:400;color:#fff;padding:0px 15px 10px 15px;}
@media screen and (min-width:990px)
  {
    #minmaxave_bl {border-radius:8px;}

  }

  table.godafa {width:100%;margin:10px 0 0 0;}
  table.godafa2 {width:100%;margin:0;}
  tr.godafatr {height:24px;color:#fff;background:#005782;}
  tr.godafatr2 {height:32px;color:#000;background:#DDF4FF;border-bottom:#C1C1C1 1px solid;}
  td.godafatd2 {font-size:16px;font-weight:400;line-height:18px;}


  td.godafatd {font-size:13px;font-weight:700;line-height:14px;}
  #ftg1 {width:60px;padding:3px 0 3px 15px;}
  #ftg2 {width:55px;}
  #ftg3 {width:55px;}
  #ftg4 {width:60px;}
  #ftg5 {width:60px;}