/* CSS Document */
*, *:before, *:after {
  box-sizing: border-box;
}
html, body {
  height: 100%;
}
body {margin:0;
  background-color:#F2F2F2;
  text-align:center;
  }

h1 { font-size:22px; font-weight:normal; border-bottom:1px #d41c24 dashed; margin-bottom: 20px;}
h2 {color:#333333; font-size:18px; font-weight:normal;}
h3 {color:#333333; font-size:16px; font-weight:normal; padding:0; margin:2px;}
h4 {color:#333333; font-size:12px; font-weight:normal;}
h5 {color:#333333; font-size:14px; font-weight:normal; padding:0; margin:2px;}


img.rss {margin-left:10px}

ul {list-style:square; padding-left:2em}
img {border:0}
form {margin:0; padding:0}

option.red {color:#d41c24;}


a:link,
a:active,
a:visited {color:#6666CC}
a:hover   {color:#d41c24;}

a.homeLink {text-decoration:none; font-size:13px;}
a.homeLink:hover {text-decoration:underline; color:#6666CC; }
/* div.date {margin:-8px 0 -8px 0; color:#999999} */

.f10 {font-size:10px}
.f14 {font-size:14px}
.f13 {font-size:13px}
input, select, textarea {padding:1px; border:1px solid #999999; background:url(../img/input_bgr.jpg) repeat-x}
input.button {background:#d41c24; color:#FFFFFF; padding:1px 3px}

p {line-height:135%}

/* .bold {font-weight:bold} */
.fa{
  color:rgba(18,18,18,0.8);
}

.home_l {
      -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.48);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.48);
   -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;

}

.fixchart {
  min-height: 250px !important;
  margin-top: 35px;
}

/* select */
.statind{
margin-top:80px;
}
.selector {
  width:500px;
  margin-top: 5px;
}
.opt
{
  border-right:1px solid #000000;
}

/* Table */
table.articles {width:100%; margin-left:5px; border-spacing:0; border-collapse: collapse;} 
table.articles th, 
table.articles td {margin:0; padding:4px; border-spacing:0; border:#cccccc dashed; border-width:0 0 1px 0; vertical-align:top;} 
table.articles td.lang {width:25px; text-align:center;}

table.data {border-spacing:0; border-collapse: collapse;} 
table.data th, 
table.data td {margin:0; padding:3px; border-spacing:0; border:#FFF solid; border-width:1px 0}
table.data th {padding:3px; font-size:11px; vertical-align:top; text-align:right}


table.styled-table {width: 100%;  border-collapse: collapse;  border: 1px solid #ecebeb}
table.styled-table th,
table.styled-table td {border: 1px solid #cccccc }
table.styled-table th {padding:3px; font-size:11px; vertical-align:top; text-align:right}


table.form {border-spacing:0; border-collapse: collapse;} 
table.form th, 
table.form td {margin:0; padding:3px 5px;}
table.form th {padding:3px 5px; vertical-align:top}


td.r {text-align:right} 
td.c {text-align:center} 
td.ty { font-size: 12px; color: #0083BB;font-weight: bold;text-transform: uppercase;}
td.qq { font-size: 11px; color: #666666;font-style: normal;}
  

/*                  -17px 20px 0px    
table {margin:0; padding:0; border-spacing:0; border-collapse: collapse;}
th, td {margin:0; padding:2px; border-spacing:0; border:#D8D8D8 1px solid}
th  {text-align:center; padding:3px; font-size:11px; background:url(../img/box_bgr_gray.png)}
*/

#container_arm {width:1100px; min-height:800px; margin: 0px auto; background:#FFFFFF; text-align:left}

#container {width:1100px; min-height:800px; margin: 0px auto; background:#FFFFFF; text-align:left}
#header {position:relative; width:100%; height:118px; background:url(../img/header_bgr.gif) repeat-x; background-position:10px }
#header .logo {position:absolute; top:24px; right:20px}
#header .img {position:absolute;right:100px;top:2px;left: 700px;}

#header .title {position:absolute; left:200px; top:20px;  font-weight: bold;}
#header .title a {text-decoration: none; color: #2c3f93;}
#header .title a:hover {text-decoration: none; color:#d41c24; }

#header .title2 {position:absolute; left:200px; top:20px; font-weight: bold;}
#header .title2 a {text-decoration: none; color: #606060;}
#header .title2 a:hover {text-decoration: none; color: #d41c24; }

#header .vertical {
       position:absolute;
       top:26px;
       left:300px;
       border-left: 2px solid grey;       
       height: 50px;
    }


#header .langs {position:absolute; right:200px; top:90px; }
#header .langs1 {position:absolute; left:900px; top:80px; }

#header .lang {float:left; margin-right:8px; padding:2px;}
#header .lang_sel {float:left; margin-right:8px;padding:2px; /*background; */ background:url(../img/flag_bgr.gif) no-repeat;}

#menu_bar {position:relative; width:100%; height:35px; background:#2c3f93;}
#menu_l {display:block; float:left; height:22px; width:210px; color:#FFFFFF; padding:12px 0 0 15px; font-size:10px;/*background:url(../img/shadow_l.gif) right no-repeat*/}
#menu_r2 {display:block; float:right; margin-right:10px; width:200px; height:45px; /*background:url(../img/shadow_l.gif) right no-repeat*/}
#menu {display:block; float:left; width:640px; margin-right:20px;}
.menuHeaders{
  height:35px;
  float:left;
  margin-top:8px;
}
.firstMenu{
  width:90px;
}
.secondMenu{
  width:140px;
}
.thirdMenu{
  width:140px;
}
.fourthMenu{
  width:170px;
}
.fifthMenu{
  width:100px;
}
#menu_r {display:block; float:left; height:22px; width:138px; /* background:url(../img/shadow_r.gif) left no-repeat*/ }
#menu_bar .reg {position:absolute; margin-top:3px; right:15px}

a.white:link,
a.white:active,
a.white:visited {color:#FFFFFF; text-decoration:none}
a.white:hover {color:#FFFFFF; text-decoration:underline}



#menu ul {margin:0; padding:0; list-style:none; margin-top:6px;}
#menu ul li {display:block; float:left; height:20px; padding-right:8px; margin:3px 0 0 5px;}
#menu ul li.sep {display:block; float:left; height:auto; padding:0; margin:0}
#menu ul li.end {border:0}

#menu a:link,
#menu a:active,
#menu a:visited {color:#FFFFFF; font-size:14px; font-weight:500; text-decoration:none}
#menu a:hover {color:#FFFFFF; text-decoration:underline}


#main {position:relative; width:100%; margin-top:10px; padding-bottom:10px}
#left {float:left;  width:250px; padding:5px; border:#CCCCCC dotted; border-width:0 1px 0 0}
#center {float:left; min-height:550px; width:840px; padding:5px 10px;}
#right {float:left; padding:0 10px; width:370px; border:#CCCCCC dotted; border-width:0 0 0 1px}

#main #login {position:absolute; display:none; top:-8px; right:2px; background:#F8F8F8; border:1px dashed #d41c24}

#main #login #buttons {position:absolute; right:2px; top:2px; cursor:pointer}

li {margin-bottom:5px}

ul.lmenu {margin:0 5px; padding:0; list-style:none; }
ul.lmenu li {display:block; padding:2px 0; border-bottom:#eeeeee 1px solid; margin-bottom:5px; }

ul.lmenu li a:link,
ul.lmenu li a:active,
ul.lmenu li a:visited {color:#000066; font-size:16px; text-decoration:none}
ul.lmenu li a:hover {color:#d41c24; text-decoration:none}

ul.lmenu img {margin:0px 3px 0 0px; cursor:pointer}

ul.lmenu ul {margin:0 8px; padding:0; list-style:none; }
ul.lmenu ul li {display:block; padding:3px 0; border:#eeeeee solid; border-width:1px 0 0 0; background:#FFFFFF}

ul.lmenu li ul {margin-top:3px; margin-bottom:3px; margin-left:12px}

ul.lmenu li ul {display:none}

ul.lmenu li ul li a:link,
ul.lmenu li ul li a:active,
ul.lmenu li ul li a:visited {color:#000099; font-weight:normal; font-size:12px; text-transform:none; text-decoration:none}
ul.lmenu li ul li a:hover {color:#d41c24; text-decoration:none}

ul.lmenu li.sel {/* background:#F4F4F4 */}

.box {margin-top:10px; width:auto; }
.box .title {margin:0; }

.statVstah{ background:#eaeaea; text-align:center; margin-top:15px; font-size: 11px;}
.statVstah a{text-decoration:none;}
.statVstah a:hover{text-decoration: underline; color: #6666CC;}
.date  {font-size:12px; color:#d41c24; margin-bottom:10px; margin-top:0;}


.rightNews{ text-decoration:none; font-size:13px;}
.rightNews:hover{ color:#6666CC; text-decoration:underline; } 

.f11 {font-size:11px}

.black {color:#333333}
.red {color:#FF0000}
.b {font-weight:bold}

#footer {position:relative; height:70px; background:url(../img/footer_bgr.gif); border:#d41c24 solid; border-width:3px 0 0 0}
#footer #logo {position:absolute; top:5px;left:20px}
#footer #copy {position:absolute; margin-top:10px; padding:0; right:10px; font-size:9px; color:#666666; }
#footer #govEmail{position:absolute; margin-top:0; padding:0; right:400px; font-size:8px; color:#666666; }
#copy p {margin:0; padding:0;}
#calendar_box{width:200px;height:100px;margin:0;}
#database_box{width:200px;height:100px;margin:0;}
#micro_box{width:200px;height:90px;margin:0;}
#calc_box{width:200px;height:90px;margin:0; display: inline-block;}
#sdg_box{width:200px;height:100px;margin:0;}
#quest_box{width:80px; display: inline-block; margin-left: 60px;}
#faq_box{width:100px;height:120px;margin:0;}
#quest_img{
  height:60px;
  background: url(../img/quest.png);
  background-repeat:no-repeat;
  background-size: contain;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/quest.png', sizingMethod='scale')";
  margin: 0;
}
#calc_img{
  width:120px;
    height:100px;
  background: url(../img/images-inf.png);
  background-repeat:no-repeat;
  background-size: contain;
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/images-inf.png', sizingMethod='scale')";
  margin-left:30px;
  margin-top:10px;
}
#calc_img:hover{width:140px;height:120px;}

#faq_img{
  width:60px;
    height:60px;
  background: url(../img/faq.png);
  background-repeat:no-repeat;
  background-size: contain;
  margin-left:5px;
}
#faq_img:hover{height:70px;}
#sdg_img{
  width:160px;
    height:90px;
  background: url(../img/sdg.png);
  background-repeat:no-repeat;
  background-size: contain;
  margin-left:45px;
}
#sdg_img:hover{height:100px;}


#micro_img{
  width:140px;
    height:70px;
  background: url(../img/ghh.png);
  background-repeat:no-repeat;
  background-size: contain;
  margin-left:55px;
}
#micro_img:hover{height:85px;}
#calendar_img{
  width:120px;
    height:80px;
  background: url(../img/calendar.png);
  background-repeat:no-repeat;
  background-size: contain;
  margin-left:50px;
}
#calendar_img:hover{width:130px;height:100px;}
#data_img{
  width:100px;
    height:80px;
  background: url(../img/database.png);
  background-repeat:no-repeat;
  background-size: contain;
  margin-left:70px;
}
#data_img:hover{width:120px;height:100px;}
.mapnew
{
    display:inline-block;
    width:230px;
    height:212px;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   
  background: url(../img/m1.png);
  background-repeat:no-repeat;
  background-size: contain;
  margin-left:15px;
  margin-top: 10px;
}
.mapnew:hover
{
  width:300px;
  height:254px;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.0);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.0);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.0);
    transition: all 200ms ease-in;
    transform: scale(1.0);
  background: url(../img/m2.png);
  background-repeat:no-repeat;
  margin-left:0px;
}

.divForNews{
  width:100%;
  height: 500px;
  font-size:16px;
  font-weight:500;
  text-align:center;
} 
.firstNewsDiv, .thirdNewsDiv{
  margin: 20px;
  height:200px;
  float:left;
  width:40%;
}
.secondNewsDiv, .fourthNewsDiv{
  margin: 20px;
  height:200px;
  float:right;
  width:45%;
}
.divForDatabase{
  width:100%;
  height: 500px;
  font-size:16px;
  font-weight:500;
  text-align:center;
}
.firstDataDiv, .secondDataDiv, .thirdDataDiv{
  margin: 20px;
  height:200px;
  float:left;
  width: 28%
}
.fourthDataDiv, .fifthDataDiv{
  margin: 20px;
  height:200px;
  float:left;
  width:40%;
}
.catYear {
  font-size: 12px;
  text-decoration:none;
}
.catYear:hover{
    color: #6666CC;
    text-decoration: underline;
}
/*------------ slider -------*/
.sl{
  width:100%;
  height:100%;
  margin-top: 10px;
}
.slider {
  height: 110px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider__nav {
  width: 12px;
  height: 12px;
  margin:  10px;
  margin-top:-20px;
  border-radius: 50%;
  z-index: 10;
  outline: 6px solid #ccc;
  outline-offset: -6px;
  box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.slider__nav:checked {
  -webkit-animation: check 0.4s linear forwards;
          animation: check 0.4s linear forwards;
}
.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
  left: 0%;
}
.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
  left: -100%;
}
.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
  left: -200%;
}
.slider__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 300%;
  height: 100%;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.slider__contents {
  width:200px;  
  height: 140px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider__image {
  font-size: 2.7rem;
      color: #2196F3;
    margin-left:-270px;
    margin-top:-40px;
}
.slider__caption {
  width:260px;
  font-weight:500;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  color:#6666CC;
  margin-left: 70px;
  margin-top:-70px;
  text-decoration:none;
}
.slider__caption:hover {
  width:260px;
  font-weight:500;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-decoration:underline;
  margin-left: 70px;
  margin-top:-70px;
}
.linkInsideSlider {
  text-decoration:none;
}
.slider__txt {
  color: #999;
  margin-bottom: 3rem;
}
@-webkit-keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}
@keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}
#comp
{
width:70px;
height:10px;
margin-top:-12px;
margin-left:430px;
background:#ffffff;
z-index:1;
position:absolute;
}
#trial
{
width:60px;
height:9px;
margin-top:-12px;
background:#ffffff;
position:absolute;
}
/*--------- slider end -----*/

/*** After security check 

.linkInsideSlider {
  font-style: none;
}***/
.per
{
 width:230px;
 height:30px;
 margin-left:110px;
 margin-top:20px;
 font-size:20px;
 font-weight:bold;
 position:absolute;
}
.per1
{
 width:230px;
 height:30px;
 margin-left:85px;
 margin-top:20px;
 font-size:20px;
 font-weight:bold;
 position:absolute;
}
.per2
{
 width:230px;
 height:30px;
 margin-left:110px;
 margin-top:20px;
 font-size:20px;
 font-weight:bold;
 position:absolute;
}
.yemo
{
width:150px;
height:20px;
margin-left:150px;
margin-top:50px;
font-size:20px;
font-weight:bold;
position:absolute;
}
.yemo1
{
width:150px;
height:20px;
margin-left:130px;
margin-top:50px;
font-size:13px;
font-weight:bold;
position:absolute;
}
.yemo2
{
width:150px;
height:20px;
margin-left:150px;
margin-top:50px;
font-size:13px;
font-weight:bold;
position:absolute;
}
.res
{
 width:100px;
 height:30px;
 margin-left:490px;
 margin-top:20px;
 font-size:20px;
 font-weight:bold;
 position:absolute;
}
#options
{
width:200px;
margin-left:130px;
margin-top:90px;
color:#000000;
border:1px solid #2c3f93;
font-size:large;
position:absolute;
}
#options1
{
width:200px;
margin-left:130px;
margin-top:140px;
color:#000000;
border:1px solid #2c3f93;
font-size:large;
position:absolute;
}
#options2
{
width:130px;
margin-left:130px;
margin-top:90px;
color:#000000;
border:1px solid #2c3f93;
font-size:large;
position:absolute;
}
#options3
{
width:130px;
margin-left:130px;
margin-top:140px;
color:#000000;
border:1px solid #2c3f93;
font-size:large;
position:absolute;
}
#options4
{
width:160px;
margin-left:170px;
margin-top:90px;
color:#000000;
border:1px solid #2c3f93;
font-size:large;
position:absolute;
}
#options5
{
width:160px;
margin-left:170px;
margin-top:140px;
color:#000000;
border:1px solid #2c3f93;
font-size:large;
position:absolute;
}
#button1
{
width:170px;
height:30px;
margin-left:80px;
margin-top:180px;
font-weight:bold;
}  
#btn
{
width:170px;
height:30px;
margin-left:330px;
margin-top:230px;
color:#2c3f93;
font-weight:bold;
position:absolute;
}
#button2
{
height:30px;
margin-left:595px;
margin-top:230px;
color:#2c3f93;
font-weight:bold;
position:absolute;
}
.inf
{
margin-left:385px;
margin-top:200px;
font-size:17px;
position:absolute;
}
.amount
{
width:200px;
height:50px;
margin-top:190px;
margin-left:560px;
font-size:17px;
position:absolute;
}
.amount1
{
width:200px;
height:50px;
margin-top:190px;
margin-left:560px;
font-size:17px;
position:absolute;
}
.inf2
{
margin-left:365px;
margin-top:200px;
font-size:17px;
position:absolute;
}
.amount2
{
width:200px;
height:50px;
margin-top:190px;
margin-left:560px;
font-size:17px;
position:absolute;
}
.from
{
margin-left:50px;
margin-top:90px;
font-size:20px;
position:absolute;
}
.to
{
margin-left:55px;
margin-top:140px;
font-size:20px;
position:absolute;
}
.from2
{
margin-left:10px;
margin-top:95px;
font-size:17px;
position:absolute;
}
.to2
{
margin-left:10px;
margin-top:145px;
font-size:17px;
position:absolute;
}
.base
{
margin-left:80px;
margin-top:150px;
font-size:17px;
position:absolute;
}
.base1
{
margin-left:100px;
margin-top:150px;
font-size:17px;
position:absolute;
}
.base2
{
margin-left:90px;
margin-top:150px;
font-size:17px;
position:absolute;
}
.corpus
{
width:100%;
height:1100px;
}
#calc
{
width:450px;
height:130px;
margin-left:350px;
margin-top:90px;
font-size:15px;
color:transparent;
position:absolute;
}
#trial
{
width:60px;
height:9px;
margin-top:-12px;
background:#ffffff;
position:absolute;
}
#com
{
width:70px;
height:10px;
margin-top:-12px;
margin-left:736px;
background:#ffffff;
position:absolute;
}
#resultto
{
width:70px;
height:15px;
margin-top:70px;
color:#2c3f93;
}
#resultbase
{
margin-top:70px;
color:#2c3f93;
}
#resultfrom
{
width:70px;
height:15px;
margin-top:88px;
color:#2c3f93;
}
#resultcpi
{
width:50px;
height:15px;
margin-top:88px;
color:#2c3f93;
}
#resultvalue
{
width:50px;
height:15px;
margin-top:88px;
color:#2c3f93;
}
#resultto1
{
width:70px;
height:15px;
margin-top:70px;
color:#2c3f93;
}
#resultbase1
{
margin-top:70px;
color:#2c3f93;
}
#resultfrom1
{
width:50px;
height:15px;
margin-top:88px;
color:#2c3f93;
}
#resultcpi1
{
width:50px;
height:15px;
margin-top:88px;
color:#2c3f93;
}
#resultvalue1
{
width:50px;
height:15px;
margin-top:88px;
color:#2c3f93;
}
#resultto2
{
width:70px;
height:15px;
margin-top:70px;
color:#2c3f93;
}
#resultbase2
{
margin-top:70px;
color:#2c3f93;
}
#resultfrom2
{
width:50px;
height:15px;
margin-top:88px;
color:#2c3f93;
}
#resultcpi2
{
width:50px;
height:15px;
margin-top:88px;
color:#2c3f93;
}
#resultvalue2
{
width:50px;
height:15px;
margin-top:88px;
color:#2c3f93;
}
.colors
{
width:810px;
height:750px;
}
.instruct
{
	width:190px;
	height:40px;
	margin-left:600px;
	margin-top:10px;
	font-weight:bold;
	background:#4da6ff;
	border: none;
} 
.fa-info-circle
{
	margin-left:-130px;
	margin-top:-70px;
	position:relative;
}
.inst
{
	width:230px;
	margin-top:-20px;
	margin-left:-15px;
    position:absolute;	
}
#chartContainer
{
	margin-top:50px;
}
.lin7
{
	width:700px;
	height:2px;
	background:#2c3f93;
	margin-top:50px;
	margin-left:60px;
	position:absolute;
}
.lin8
{
	width:600px;
	height:1px;
	background:#2c3f93;
	margin-top:70px;
	margin-left:105px;
	position:absolute;
}
.inflation
{
color:#2c3f93;
}
.overlay {
	background: #000;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1000;
	opacity: .5;
}
.visible {
	background: #fff;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -400px;
	overflow: hidden;
	z-index: 2000;
	width: 500px;
	padding: 0px;
	margin-left: -250px;
}
#win button {
	float: right;
	line-height: 20px;
	margin: 1.2em;
	border: none;
	background: transparent;
	color: blue;
}
#win button[type="button"]:hover {
	cursor: pointer;
	color: navy;
	text-decoration: underline;
}
#win h3 {
	text-align: center;
	color: #555;
}
.contento {
	width:500px;
	height:300px;
	padding: 0 1em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: WhiteSmoke;
}
.texto
{
	font-size:14px;
}
.calcinst
{
	font-size:20px;
	margin-left:30px;
}
@media  print 
{
#header
{
display:none;
}   
#menu
{
display:none;
} 
#menu_r2
{
display:none;
} 
#menu_l
{
display:none;
}
#footer
{
display:none;
}  
#centers
{
display:none;
}
#left
{
display:none;
} 
.instruct
{
width:270px;
display:none;
} 
.closed
{
display:none;
}
.print
{
display:none;
}
#chartContainer
{
display:none;
}
#trial
{
display:none;
}
#com
{
display:none;
}
.inflation
{
display:none;
}
.from
{
display:none;
}
.to
{
display:none;
}
.per
{
display:none;
}
.yemo
{
display:none;
}
.res
{
display:none;
}
.inf
{
display:none;
}
.amount
{
display:none;
}
#options
{
display:none;
}
#options1
{
display:none;
}
#calc
{
display:none;
}
#button2
{
display:none;
}
#btn
{
display:none;
}
.base
{
display:none;
}
#button1
{
display:none;
} 
.colors
{
	border:2px solid transparent;
}
.from2
{
display:none;
}
.to2
{
display:none;
}
.per2
{
display:none;
}
.yemo2
{
display:none;
}
.res2
{
display:none;
}
.inf2
{
display:none;
}
.amount2
{
display:none;
}
#options4
{
display:none;
}
#options5
{
display:none;
}
.per1
{
display:none;
}
.yemo1
{
display:none;
}
.amount1
{
display:none;
}
.base1
{
display:none;
}
#options2
{
display:none;
}
#options3
{
display:none;
}
}

.sdgStyle {text-decoration:none; font-size:13px; }
.sdgStyle:hover {color:#8c0404; text-decoration:underline;}
.report-table:hover {background-color: #f5f5f5;}