/* body */
body {
    background:#0080c0;
    font:12px Arial, Helvetica;
	min-height:1000px;
}

a:hover{
    text-decoration: none;
    color: #FF0000;
    cursor:pointer;
    text-shadow: none;
}
a:visited{
}

a{
    color:#0033FF;
    text-decoration:none;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

table.MainTable{
    width:1024px;
    background:#FFFFFF;
    margin-top:-6px;
    border-left:15px solid #006291;
    border-right:5px solid #006291;
    border-top:15px solid #006291;
    border-bottom:none;
    box-shadow: 5px 0px 5px 5px rgba(0, 0, 0, 0.2);
}

a.Enter{
    color: #0033FF;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

a.Enter:hover{
    color:#FF0000;
    text-shadow: none;
}

div.Container {
	width: auto;
    background: none repeat scroll 0 0 #ECF5FF;
    border-right: 1px solid #0099CC;
    border-top: 1px solid #0099CC;
    border-bottom: 1px solid #0099CC;
    border-left: 1px solid #0099CC;
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 5px;
}


div.footer {
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #0099CC;
    border-top: 1px solid #0099CC;
    border-bottom: 1px solid #0099CC;
    border-left: 1px solid #0099CC;
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 4px;
    text-align: center;
}

div.Enter{
    display: inline-block;
    background: none repeat scroll 0 0 #FFFFE8;
    color:#3d7489;
    font-size: 14px;
    font-weight:700;
    border-right: 1px solid #0099CC;
    border-top: 1px solid #0099CC;
    border-bottom: 1px solid #0099CC;
    border-left: 1px solid #0099CC;
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
    padding: 5px;
    margin: auto;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
}

h4 {
    color: #0080C0;
    font-size: 12px;
    font-weight: normal;
    margin-left: 10px;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

h2 {
    color: #0066ff;
    font-size: 12px;
    font-weight: normal;
    margin-left: 10px;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

h3 {
    color: #0066ff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

h1 {
	color: #008080;
    font-size: 12px;
    font-weight: bold;
	}

.ac-container {
    width: 96%;
    margin-left:2%;
    margin-top:10px;
    margin-bottom:10px;
    text-align: left;
}

div.SlidePanels{
    width: 98%;
    margin-left:1%;
    }
.ac-container label {
    border-left: 6px solid #0099CC;
    border-right: 1px solid #0099CC;
    border-bottom: 1px solid #0099CC;
    border-top: 1px solid #0099CC;
    text-align:left;
    padding: 8px;
    display: block;
    cursor: pointer;
    color: #006666;
    font-size: 12px;
    background: #FFFFE8;
    text-transform:uppercase;
    width:96%;
}
.ac-container label:hover {
    color:#FF0000;
    border-left:6px solid #FF0000;
   // background:#D7EBFF;
}
 
.ac-container input:checked + label,
.ac-container input:checked + label:hover {
    border-top: 1px solid #0099CC;
    border-right: 1px solid #0099CC;    
    border-left: 6px solid #FF0000;
    text-shadow: 0px 1px 1px rgba(255,255,255, 0.2);
	color:#FF0000;
}
 
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after {

}

.ac-container input {
    display: none;
}
 
.ac-container article {
    padding-left: 8px;
    padding-right: 8px;
    width:96%;
    border-right:1px solid #0099CC;
    border-left: 6px solid #FF0000;
    background: #FFFFFF;
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
 
.ac-container article p {
    color: #777;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
 
.ac-container input:checked ~ article {
    background: #FFFFFF;  
    -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}
 
.ac-container input:checked ~ article.ac-small {
    padding-left: 8px;
    padding-right: 8px;
	padding-top: 10px;
	padding-bottom: 10xp;
    width:96%;
    border-right:1px solid #0099CC;
    border-left: 6px solid #FF0000;
    box-shadow: 0px 2px 0px rgba(0,0,0,0.2);
    height: auto;
}
 
.ac-container input:checked ~ article.ac-medium {
    border-right:1px solid #0099CC;
    border-left: 6px solid #FF0000;
    box-shadow: 0px 2px 0px rgba(0,0,0,0.2);
    height: 180px;
}
 
.ac-container input:checked ~ article.ac-large {
    border-right:1px solid #0099CC;
    border-left: 6px solid #FF0000;
    box-shadow: 0px 2px 0px rgba(0,0,0,0.3);
    height: 230px;
}


.container {
    position: relative;
    text-align: center;
    width: 100%;
}

div.menuDivs {
	width:100%;
    padding: 15px;
	font-size: 14px;
	text-indent: 30px;	
	line-height:1.5;
}

#start {
	display: yes;
}

#temp, #vlagnost, #osadki, #clouds, #naselenie, #prom_struct, #use_land, #zerno, #krs, #kozy, #geo_coast, #geo_bottom, #geo_safe, #wave_safe, #hydro_safe,
#geo_struct, #history, #hydro_stok, #hydro_coast, #hydro_ustie, #hydro_regime, #hydro_change_stok, #hydro_chem, #bird_migr, #fish_migr, #ocean_salinity,
#ocean_temp, #ocean_ice, #landscapes, #literature, #introduction, #paleo_1, #paleo_2, #dz_lotos, #dz_land, #az, #kz, #ir, #ru, #tr, #botanic, #oopt, #meteo_add, #fg_regions, #atd, #waves, 
#heat, #press, #hydro_vhd, #authors {
	width:inherit;
	display: none;
}


ul.list_in_text {
    color: #0033FF;
    font-size: 12px;
	text-indent: 0px;
    font-weight: none;
}

ul.simple_list {
	text-indent: 0px;
}

a.list {
    color: #0033FF;
    text-decoration:none;
	text-shadow: none;
}

a.list:hover {
    color: #FF0000;
    text-decoration:none;
	text-shadow: none;
}

div.con_geo_coast, div.con_geo_struct, div.con_hydro_stok, div.con_hydro_regime, div.con_hydro_coast, div.con_hydro_ustie, div.con_hydro_change_stok, div.con_paleo_2, div.con_paleo_1, div.con_dz_lotos, div.con_dz_land, div.con_geo_safe, div.con_hydro_safe, div.con_hydro_chem, div.con_zerno, 
div.con_krs, div.con_kozy, div.con_ocean_ice, div.con_prom, div.con_wave_safe, div.con_fish_migr, div.con_geo_bottom, div.con_az, div.con_ir, div.con_kz, div.con_tr, div.con_use_land, div.con_landscapes, div.con_botanic, div.con_naselenie,
div.con_temp, div.con_prec, div.con_osadki, div.con_clouds, div.con_birds, div.con_oopt, div.con_ru, div.con_fg_regions, div.con_atd, div.con_heat, div.con_press, div.con_hydro_vhd {
    border-left: 1px solid #0099CC;
    border-right: 1px solid #0099CC;
    border-bottom: 1px solid #0099CC;
    border-top: 1px solid #0099CC;
    text-align:left;
    display: table;
	background: #FBFFFF;
	width: 100%;
}

#scrollToTop {
	display: none;
	z-index: 999;
	opacity: .9;
	position: fixed;
	top: 100%;
	right: 20px;
	margin-top: -50px;
	margin-left: -80px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	width: 70px;
	line-height: 16px;
	height: 16px;
	padding: 10px;
	background-color: #FFFFFF;
	text-align: center;
	cursor:pointer;
}

#tit_geo_coast, #tit_geo_struct, #tit_geo_struct,#tit_hydro_stok, #tit_hydro_regime, #tit_hydro_coast, #tit_hydro_ustie, #tit_hydro_change_stok, #tit_paleo_2, #tit_paleo_1, #tit_dz_lotos, #tit_dz_land, #tit_geo_safe, #tit_hydro_safe , #tit_hydro_chem, #tit_zerno, 
#tit_krs, #tit_kozy, #tit_ocean_ice, #tit_prom, #tit_wave_safe, #tit_fish_migr, #tit_geo_bottom,#tit_az, #tit_ir, #tit_kz, #tit_tr, #tit_use_land, #tit_landscapes, #tit_botanic, #tit_naselenie, #tit_temp, #tit_prec, #tit_osadki, #tit_clouds, #tit_birds, #tit_oopt, 
#tit_ru, #tit_fg_regions, #tit_atd, #tit_heat, #tit_press, #tit_hydro_vhd {
	font-size: 10px;
}

.b-popup{
	display: none;
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
    left: 0px;
    z-index: 99999999;
}

.b-popup .b-popup-content{
    margin:100px auto 0px auto;
	height:100%;
    max-width:1000px;
	padding: 10px;
    background-color: #ffffff;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
}

.pic_intext{
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.5);
}

.table_intext{
	text-indent: 0px;
	border: 1px solid #0099cc;;
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.5);
}

.th_intext{
	border: 1px solid #0099cc;;
	text-align: center;
	background: #0080c0;
	color: white;
}

.td_intext{
	border: 1px solid #0099cc;;
}


div.maps {
	position:inherit;
	width:700px;
	height:175px; /* высота нашего блока */
	background: #fff; /* цвет фона, белый */
	border: 1px solid #C1C1C1; /* размер и цвет границы блока */
	overflow-x: scroll;
}
   
.tool_item {	/* элементы */
	border-bottom: 1px 1px 1px 1px;
}

.pic_descr_me,.pic_descr_ma,.pic_descr_mi,.pic_descr_ot,.pic_descr_ud,.pic_descr_sg,.pic_descr_ust,.pic_descr_stok,.pic_descr_os,.pic_descr_clo,.pic_descr_atm,.pic_descr_birds,
.pic_descr_oopt,.pic_descr_ice,.pic_descr_pal_1,.pic_descr_pal_2,.pic_descr_sh,.pic_descr_hh,.pic_descr_eh,.pic_descr_eah,.pic_descr_dav,.pic_descr_waves, .pic_descr_ocean_temp 
 {
	width: 85%;
	height: 35px;
	background: #ecf5ff;
	color: #008080;
	font-size: 12px;
	font-weight: bold;
}