html {background: #C1CAD1; height: 100%;};
body  {background: #C1CAD1; font-size: 100%;} /* font-size 1em = 10px   1.2em=12px*/};

.clear {
clear: both;
margin: 0;
padding: 0;
}


#container {
width:955px;
/*margin-left: auto;
margin-right: auto;*/
margin: 10px auto 5px auto;
padding: 10px 15px;
background: white;
border: solid 2px lightgray;
overflow: hidden;
}

#crumbs {
width:945px;
/*margin-left: auto;
margin-right: auto;*/
margin: 1px auto 5px auto;
padding: 10px 20px;
background: white;
border: solid 2px lightgray;
color:blue;
}




h1,h2,h3 {
		text-align: center;
		font-family: "Times New Roman", Times, serif;
		}
h1 {font-size: 2.0em; line-height: 180%;}
h2 {font-size: 1.9em; line-height: 170%;}
h3 {font-size: 1.5em; line-height: 160%;}

p { text-align: justify;
	font: 1.3em/1.7em Times, serif;
	text-indent: 25px;
	margin-top: 10px;
	}
p#katalog { text-align: justify;
	font: 1.3em/1.8em Times, serif;
	margin: 10px 15px;
	}
p#absaz-center {text-align: center;}
div#number-list {
	margin-left: 40px; 
	font: 1.3em/1.7em Times, serif;
}

div#crumbs a {color: blue;
			font:.9em/1.2em Arial, sans-serif;
			text-decoration: none; 
			padding: 5px;}
div#crumbs a:hover {text-decoration: underline;}
div#crumbs a:last-child {background:  #C1CAD1;
						margin-left: 4px;}


li#lit {text-align: justify;
	font: 1.3em/1.7em Times, serif;
	margin: 0px 20px;
	list-style: none;
	text-indent: -25px;
	line-height: 2.0em;
	}

table {
	width: 100%; 
	margin:20px 0 20px 0; 
	font: 1.2em/1.4em Times, serif;;
	}
table, tr, td {border:solid 1px;
				}
td#header {text-align: center;}
tr,td {padding: 5px 10px;}

span#uroven1 {margin-left: 30px;}
span#uroven2 {margin-left: 60px;}
span#uroven3 {margin-left: 90px;}


div#photogl_wrapper {	width: 950px; 
						height: 100%;
						overflow: hidden;
							}

div#photogl {border: solid 1px lightgray; 
			 width: 450px; 
			 background: #C1CAD1;
			 float: left;
			 padding: 5px 6px;
			 height: 430px;
			 position: relative;
			 margin:5px 5px 25px 5px;
			 	 }
div.photogl-double {height: 570px !important;}



div#photogl-opys {background: white; 
margin: 0 auto ;
width: 97%;
position:absolute;
left: 0px;
right: 0px;
bottom: 5px;
height: 60px;
padding:3px 5px 3px 5px;
font: 1.2em/1.6em Times, serif;
text-align:center;}

div#photogl-opys a {color:blue;
					font-weight: bold;}


/* Menu bar background color */
#navigation, 
#nav li ul li, 
#nav li ul li a{
background: #6998BD; 
}

/* Menu Item text color */
#nav li a, 
#nav li a:hover, 
#nav li ul li,
#nav li ul li a,
#nav li ul li a:hover  {
color: white; 
}

/* Menu Item background color on hover */
#nav li a:hover, 
#nav li ul li a:hover  {
background: #3D82B8; 
}

/* Text Shadow */
#nav li a, 
#nav li a:hover, 
#nav li ul li a:hover  {
text-shadow: 0 1px 1px #333; 
}



/*=====================================================================
=======================================================================
	Color Scheme End
====================*/

#menu_div{
clear: both;
position: relative;
top: 0;
left: 0;
z-index: 100;
} /* Free space to top specialy for menu */

#navigation {
position: fixed;
}

#navigation, #menu_div {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}

#menu_div, #navigation, #menu, #nav{
margin-top: 5px;
height: 53px; /* menu height */

}

#menu_div:hover,
#navigation:hover,
#nav li a:hover, #nav li ul a 
{
opacity: 1.0;/* Menu transparency on mouse hover*/
} 

#menu_div,
#navigation, 
#nav li a, 
#menu_div:not(:hover), 
#navigation:not(:hover)
{
opacity: 0.8;/* Menu transparency on mouse out */
}


#menu {
width: 1010px;
margin:0 auto; /*center the menu*/
padding:0;
position: relative;
}

#nav{
width: 1010px;
margin:2px 2px;
padding:0;
position: relative;
font-family: 'Arial', Helvetica, sans-serif;
}

#nav li a,#nav li {
float:left;
}

#nav li {
list-style:none;
position:relative;
}

#nav li a {
line-height: 45px;
padding:0 10px;
text-decoration:none;
margin:0;
font-size:1.2em;
font-weight:bold;
border-style: solid;
border-color: white;
border-width: 2px 1px 2px 2px;
}
#nav li a:last-child {border-width: 2px 2px 2px 2px;}

/*====================
	Submenu 
=====================*/
#nav li ul {
display:none;
position:absolute;
left:0;
top:100%;
padding:0;
margin:0;
} /* hide submenu */

#nav li:hover > ul {
display:block;
opacity: 1.0;
} /* show submenu on hover */

#nav li ul li,#nav li ul li a {
float:none;
height: 35px; /* submenu item height */
min-width: 230px; /* submenu item minimal width */
line-height: 35px;
border-right: 0;
text-shadow: none;
display:block;
font-size:1.0em;
font-weight: bold;
} /* Submenu item */

#nav li ul li {
_display:inline; /* for IE */
}

/* == 12. Sub-Sub Menu == */
#nav li ul li ul {
display:none;
}

#nav li ul li:hover ul {
left:100%;
top:0;
}



/*========================
		Transitions
========================*/

#nav li a:hover,
#nav li ul li a:hover  {
-webkit-transition-property:color, background; 
-webkit-transition-duration: 0.5s, 0.5s; 
-webkit-transition-timing-function: linear, ease-out;
}

.searchfield:focus,
.searchfield:not(:focus){
-webkit-transition-property:width; 
-webkit-transition-duration: 0.5s, 0.5s; 
-webkit-transition-timing-function: linear, ease-out;
}

#menu_div:hover,
#navigation:hover,
#nav li ul a, 
#menu_div,
#navigation, 
#nav li a, 
#menu_div:not(:hover), 
#navigation:not(:hover)
{
-webkit-transition-property:opacity; 
-webkit-transition-duration: 0.5s, 0.5s; /* duration in seconds */
-webkit-transition-timing-function: linear, ease-out;
} /* Menu transparency animation */


p#shapka-text {
	text-align: center; 
	font: bold 1.6em/1.6em Times,serif;
	text-indent: 0px;
}
p.shapka-text-authors {
	text-align: left!important;
	margin-top: 80px;
}
p.shapka-text-nazvanie {
	margin-top: 70px;
	font: bold 2.4em/1.6em Times,serif !important;
}
p.shapka-text-city {
	margin-top: 180px;
}

a#bttn-go {
	float:right;
	position:relative; 
	left:-10px;
	top:-48px;font: 
	bold 1.6em/1.6em Times,serif;
	padding: 5px 10px;
	text-decoration: none;
	background: #6998BD; 
	color:white; 
	border: solid 2px lightgray;
	text-shadow: 0 1px 1px #333;
}
a#bttn-go:hover {
	background-color: #3D82B8;
}

p#key-podpis {
	text-align: center;
	font-weight: bold;
	margin-bottom: 25px;
}
p.key-podpis-text {
	text-indent: 0px;
	margin: 25px 0 40px 0;
}
img#key-img {
	margin:40px 0 0 25px; 
	border:solid 1px lightgray; 
	width: 900px;
}

img#key-img-small {
	margin:40px 0 0 300px; 
	border:solid 1px lightgray; 
	width: 450px;
}

a#tezis {
	text-decoration: none; 
	background: #A2A2A2; 
	padding: 5px 10px; 
	color:white;
}
a#tezis:hover {
	background: gray;
}

#container-tezis {
width:955px;
/*margin-left: auto;
margin-right: auto;*/
margin: 50px auto 20px auto;
padding: 10px 15px 40px 15px;
background: white;
border: solid 2px lightgray;
overflow: hidden;
}


hr#key-razdelitel {
	height:5px; 
	background: #C1CAD1; 
	margin:50px 0 50px 0;
}

ol#diagnos {
	list-style: none;
	font: 1.3em/1.7em Times, serif;
	margin-left: 25px;
	text-align: justify;
}
div#bibliogr {
	margin: 0 40px 30px 40px;
	text-align: justify;
	font: 1.3em/1.8em Times, serif;
}
p.bibliogr-otstup {text-indent:40px;}
p.footer-isbn {
	width: 30%; 
	float: left;
	margin-top: 30px;}
p.footer-coryrht {
	width: 60%; 
	text-indent:0px; 
	float: right;
	text-align: right; 
	padding-right:25px;
}
div#katalog-primetka {
	background: #C1CAD1; 
	text-align: center; 
	font: 1.3em/1.7em Times, serif; 
	margin:10px 0; 
	padding: 10px 0;
}

li.lang-select-ru {
	float: right !important; 
	margin-left: 5px; 
	}

li#lang-active {background: #2677B6;}

li.lang-select-ua {	float: right !important;}

li.lang-select-ru a, li.lang-select-ua a {font-size: 1.1em !important;}