/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
border: 0;
margin: 0;
}

p { 
	margin: 0 0 0 0; 
	padding: 0; 
	text-indent: 25px;
	text-align: justify;
}

img
{
border: 0px;
}

body{
	font: 13px Tahoma, Geneva, sans-serif;
	color: #6e6e6e;
	background: url(/assets/images/litinstitut.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' ',sizingMethod='scale')";
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src=' ', sizingMethod='scale');
		line-height: 1.4em;
}

h1, h2, h3, h4, h5, h6 { color: #0f2a48; font-weight: normal; }
h1 { font-size: 35px; font-weight: 700; margin: 30px 0 30px; padding: 5px 0; line-height: 1.2; text-transform: uppercase; }
h2 { font-size: 30px; margin: 0 0 25px; padding: 0; text-align: center; line-height: 1; }
h3 { font-size: 24px; margin: 0 0 5px; padding: 5px 0; line-height: 1; }
h4 { font-size: 18px; margin: 20px 0 15px; padding: 0; line-height: 1.2; text-align: center; }
h5 { font-size: 14px; margin: 0 0 10px; padding: 0; line-height: 1.2; }
h6 { font-size: 14px; margin: 15px 0 13px; padding: 0; font-weight: bold; }

hr {
    border: none; /* Убираем границу для браузера Firefox */
    color: gray; /* Цвет линии для остальных браузеров */
    background-color: gray; /* Цвет линии для браузера Firefox и Opera */
    height: 1px; /* Толщина линии */
}

a, a:link, a:visited { 
	color: #7f0d0d; 
	font-weight: normal; 
	text-decoration: none;
	outline: none;
}

a:hover { 
	text-decoration: underline;
	outline: none;
}

#main {
	width: 1014px;
	margin: 0px auto;
	background: url(/assets/images/main.jpg) right top no-repeat; }

#templatemo_my {
	width: 1014px;
	margin: 0px auto;
	border: 1px solid #fff;
	margin-bottom: 40px;
}


#header { 
	width:1014px;
	height: 117px;
}

#logo {	
		height: 52px;
		padding: 30px 800px 0px 0px;
}

#logo H2 {

		font-family: Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		font-size:18px;
		font-style:italic;
		}

#logo a {
	text-decoration: none;
	font-style: italic;
	font-size: 16px;
	color: #FFFFFF;
	outline: none;
}
	
#logo H2 a{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
	outline: none;
}

#buttons{
	text-align:center;
	height: 40px;
	margin-left: 0px;
	padding-left: 0px;
	background: url(/assets/images/menu5.png) left top no-repeat;
}

#buttons a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	float: left;
	text-decoration: none;
	color: white;
	text-align: center;
	line-height: 23px;
	outline: none;
	-webkit-transition: all linear 0.3s;  /*Устанавливаем плавный переход при наведении курсора мыши */
	-moz-transition: all linear 0.3s;
	-ms-transition: all linear 0.3s;
	-o-transition: all linear 0.3s;
	transition: all linear 0.3s;
}

.but { margin: 8px 0 0 10px; padding: 0 10px 0 10px; }

.but_home {
    position:relative; 
	height: 40px;
	width: 62px;
	display: block;
}

.but_home img { 
    left: 0; 
    position:absolute; 
    top: 0;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.but_home img.raz {opacity:0;filter:alpha(opacity=0);}
.but_home:hover img.raz {opacity:1;filter:alpha(opacity=100);}
.but_home:hover img.dva, .demo img.dva:hover {opacity:0;filter:alpha(opacity=0);}

.but_razd { width: 2px;
	height: 40px;
	background:url(/assets/images/razd_but.gif) left 6px no-repeat;
	float:left;}

#buttons .but:hover {
	background: black;  /*Цвет фона ссылки*/
	border-radius: 7px; /*Скругленные углы*/
	-webkit-border-radius: 7px;  /*Скругленные углы*/
	-moz-border-radius: 7px;  /*Скругленные углы*/
	color: #949494;
}

.top { height: 360px;
padding-top: 20px
	}

.top_text {
	width: 942px;
	float:left;
	background: url(/assets/images/content_text.png);
	height:308px;
	padding: 0px 32px 0px 0px;}

.top_img { 
	float:left;
	padding: 15px 31px 0px 15px;			
	}

#content{
	width: 100%;
	background: url(/assets/images/fon_textura.jpg);
	border-radius: 10px;
	padding: 30px 0 30px 0;
	box-shadow: 0 10px 10px 10px rgba(0,0,0,0.5); /* Параметры тени */
}

#content_glav{
	width: 640px;
	background: transparent;
}

.cont_top{
	background: url(/assets/images/cont_top.png) left top no-repeat;
	height: 10px;
	width: 100%;
}

.cont_bot{
	background: url(/assets/images/cont_bot.png) left bottom no-repeat;
	height: 10px;
	width: 100%;
}

#cont_razd{
	background: url(/assets/images/cont_razd2.gif) 679px repeat-y;
	width: 100%;
}

.cont_home {
padding: 0px 20px 0px 20px;}

.home_box {
	float: left;
	width: 298px; }


#left{
	width: 640px;
	float: left;
	color:#000000;
	margin-left: 20px;
}

.text { padding: 0px 0px 15px 0px; }
.text2 {	padding: 0px 0px 15px 0px; }

.img_l {	float:left; margin: 6px 20px 5px 0px; }
.img_r {	float: right; margin: 9px 10px 3px 10px; }

.span_cont {	color: #262626;
	font-size:12px;
	font-weight:bold;
}

.read_l {
	font-size:12px;
	color: #ffffff;
	text-decoration: none;
	padding-right: 2px;
	background: url(/assets/images/read.jpg) left top no-repeat;
	display:block;
	height: 17px;
	line-height: 17px;
	width: 66px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	float: left;
	
}

.read_l:hover {
	font-size:12px;
	text-decoration: underline;
}

.next {
	width: 100%;
	text-align: right;
	padding: 0px 0px 0px 0px;}

	.next a{
	color:#FFFFFF;
	text-decoration: none; outline: none; }

.next a:hover {
	text-decoration: underline; outline: none; }



#right{
	float: right;
	width: 293px;
	margin-right: 20px;
}

.span_dat {
	color: #262626;
	text-decoration: underline;
	font-weight: bold;}
	
#bottom {
	width: 100%;
	border-radius: 10px;
	background: url(/assets/images/fon_textura.jpg);
	box-shadow: 0 10px 10px 10px rgba(0,0,0,0.5); /* Параметры тени */
	padding: 25px 0 25px 0;
}

#b_col1 {
	width: 601px;
	float: left;
	margin-left: 20px;
}
#b_col2 {
	width: 364px;
	float: left;
	margin-left: 40px;
}
#b_col3 {
	width: 340px;
	float: left;
	margin-left: 27px;
	text-align:center;
}

#b_col3 label {
		width:50px; 
		float:left; 
		text-align:left;
		padding: 5px 0px 0px 0px;}

.input_txt {
	width: 239px;
	border: none;
	background: url(/assets/images/input_txt.png) left top no-repeat;
	padding: 5px 10px 7px 10px;
	color:#000000;
	float: right;
}
.text_area {
	width: 319px;
	height:60px;
	border: none;
	background: url(/assets/images/text_area.png) 0px 0px no-repeat;
	padding: 5px 10px 7px 10px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}
.submit {
	background:url(/assets/images/read.jpg) right 7px no-repeat;
	text-align: center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	padding: 7px 5px 3px 0px;
	font-size:12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 100;
	width: 66px;
	margin: 0px 0px 0px 0px;
}

.submit3 {
	background:url(/assets/images/read2.jpg) right 7px no-repeat;
	text-align: center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	padding: 7px 5px 3px 0px;
	font-size:12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: 100;
	width: 114px;
	margin: 0px 0px 0px 0px;
}

.spis_bot {
	list-style:none;
	padding: 0px 0px 0px 0px;}

.spis_bot li {
	padding: 5px 0px 0px 18px;
	background: url(/assets/images/fish2.png) 0px 14px no-repeat;
	}
	
.spis_bot a {
	color:#262626;
	text-decoration:none;
	font-weight: 100;
	background: url(/assets/images/spis_bot_a.gif) bottom repeat-x;
	display: block;
	outline: none; }
	
.spis_bot a:hover {
	text-decoration: none;
	outline: none;
	}
	
.fu_i {
	padding: 0px 14px 0px 0px;
	vertical-align: middle ;
}

#b_col2 ul {
	list-style:none;
	padding: 0px 0px 0px 13px;}

#b_col2 li {
	padding: 8px 0px 0px 0px;
	background: none;
	}

#footer{
	height: 63px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	padding: 27px 0px 0px 0px;
	background: url(/assets/images/footer.jpg) 0px 15px no-repeat;
}

#footer a{
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	outline: none;
}

#footer a:hover{
	color: #ffffff;
	font-size: 12px;
	text-decoration: underline;
	outline: none;
}

/* blog */

.dat_img {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	float:left;
	width: 50px;
	height: 46px;
	padding: 4px 0px 0px 0px;
	margin-right: 15px;
	background:url(/assets/images/dat_img.gif) 0px 0px no-repeat;
	text-align:center;
	}

.datc_coment {
	height: 27px;
	width: 570px;
	background:url(/assets/images/datc_coment.gif) top repeat-x;
	padding: 3px 0px 0px 0px;}

.datc  {
	float: left;
	width: 346px;}

.coment {
	float: right;
	width: 146px;
	text-align: right;}

.datc_coment a { color: #262626; text-decoration:none; font-weight: bold; outline: none; }

.datc_coment a:hover { text-decoration:underline; outline: none; }

.img_ind1 {
	padding: 17px 0px 10px 0px;}

.text_ind1 {
	padding: 0px 87px 0px 0px;}

.spis {
	list-style:none;
	padding: 0px 0px 0px 0px;}

.spis  li {
	padding: 8px 0px 2px 20px;
	background: url(/assets/images/spis.gif) left bottom no-repeat;
	}
.spis a:hover { text-decoration: none; outline: none; }
	
.spis a { color:#262626; text-decoration:none; font-weight: bold; outline: none; }

.gal_num {
	width:13px;
	height:21px;
	padding: 0px 0px 0px 7px;
	display:block;
	background: url(/assets/images/gal_num.gif) left top no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px 5px 0px 0px;
	text-decoration:none;
	float: left;}
	
.gal_num:hover {
	background:url(/assets/images/gal_num_hover.gif) left top no-repeat;
	text-decoration: none;}
	
.a_blog {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: 100;
	color: #04078E;
	text-align: left;
	padding: 10px 0px 0px 0px;
	text-decoration: none;
}

.a_blog:hover { text-decoration: underline;}

/* gallery */

.row {
	padding: 0px 0px 0px 20px;
	height: 273px;
}

.box_img2 {
	width: 272px;
	height: 273px;
	background: url(/assets/images/box_img.jpg) 0px 0px no-repeat;
	padding: 0px 20px 0px 20px;
	float:left;
	color: #FFFFFF;
}

.box_razd {
	width: 19px;
	height: 50px;
	float: left;
}

.box_img2 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: 100;
	color: #74DBFE;
	text-align: left;
	padding: 15px 0px 15px 0px;
}

.box_img3 {
	width: 272px;
	height: 256px;
	background: url(/assets/images/box_img2.jpg) 0px 0px no-repeat;
	padding: 0px 10px 0px 10px;
	float:left;
	color: #FFFFFF;
}

.box_img3 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: 100;
	color: #74DBFE;
	text-align: left;
	padding: 15px 0px 0px 0px;
}

.rol_over:hover {

background:url(/assets/images/rol_over_galery.png) left top no-repeat;
}





/* about us */

.box_about {
	width: 310px;
	float:left;}

/* contact us */

#left label {
	width: 103px;
	float:left;
	padding: 5px 0px 0px 5px;}

.input_txt2 {	
	width: 502px;
	border: none;
	background: url(/assets/images/input_txt3.png) left top no-repeat;
	padding: 8px 15px 8px 15px;
	color:#000000;
	outline: none;
}

.text_area2 {
	width: 611px;
	height:112px;
	border: none;
	background: url(/assets/images/text_area2.gif) 0px 0px no-repeat;
	padding: 6px 15px 6px 15px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
}
.submit2 {
	background: url(/assets/images/read.jpg) right 0px no-repeat;
	text-align: center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	font-size:12px;
	color: #ffffff;
	text-decoration: none;
	width: 66px;
	height: 17px;
	margin: 0px 54px 0px 0px;
}

.box_us {
width: 265px;
background: url(/assets/images/box_us.gif) 0px bottom repeat-x;
padding-left: 0px;
}

.box_us_l {
width: 28px;
float: left;
padding-top:0px;
vertical-align: top;
text-align:left;}

.box_us_r {
width: 227px;
float: left;}

/*
Header scroll
*/

.roundabout-holder {
				list-style: none;
				width: 714px;
				height: 280px;
				margin: 0 auto;
			}
			
			.roundabout-moveable-item {
				height: 286px;
				width: 510px;
				background-color: #f3f3f3;
				font-size: 2em;
				cursor: pointer;
			}
			
			.roundabout-in-focus {
				cursor: auto;
			}
			
.epigraf { text-align:right; font-style: italic; margin: 0px 0px 30px 300px; }
.epigraf2 { text-align:right; font-style: italic; margin: 13px 0 13px 0; }

.podpis { text-align: right; font-style: italic; padding: 10px 0 0 0; }

.picleft { display: inline-block; vertical-align: top; position: relative; float: left; margin: 5px 20px 3px 0; }

.picright { display: inline-block; vertical-align: top; position: relative; align: right; margin: 5px 3px 20px 0; }

.textjustify { text-align: justify; text-indent: 0; }

.pageList { margin: 20px 0 20px; padding: 0; }
.pageList ul { margin: 0; padding: 0; list-style: none; }
.pageList ul li { margin: 0; padding: 0; display: inline; }
.pageList ul li a { float: left; display: block; color: #333; text-decoration: none; margin-right: 5px; padding: 5px 10px; background: #fff; border: 1px solid #ccc; outline: none; }
.pageList ul li a:hover { background: #7f0d0d; border: 1px solid #fff; color: #fff; outline: none; }
.pageList li a.active { color: #7f0d0d; }

.autor { font-size: 15pt; margin: 13px 0 30px 0; text-align: right; }
.autorcomment { font-size: 13px; margin: 2px 0 13px 0; font-weight: bold; text-align: center; }
.col { float: left; margin: 5px 20px 20px 0; }
.col2 { float: right; margin: 5px 0 20px 20px; }
.col3 { margin: 5px 0 20px 0; border: 2px #ff0000; }
.colp { float: left; margin: 20px 20px 20px 0; }
.col2p { float: right; margin: 20px 0 20px 20px; }

.gallery_box { margin-bottom: 5px; }
.gallery_box img { margin-bottom: 2px; }
.gallery_box h5 { font-size: 12px; font-weight: 700; margin-bottom: 5px; }
.gallery_box p { font-size: 11px; color: #6e6e6e; text-align: center; text-indent: 0; margin: 0 0 10px 0; line-height: 1; }

.one_fourth { width: 145px; }
.one_two { width: 310px; }
.one_two2 { width: 230px; }
.one_three { width: 200px; }
.no_margin_right { margin-right: 0; }

.podpisfoto { font-size: 11px; color: #6e6e6e; text-align: center; text-indent: 0; margin: 0 0 10px 0; line-height: 1; }
.podpisfoto2 { font-size: 11px; color: #6e6e6e; text-align: left; text-indent: 0; margin: 0 0 10px 0; line-height: 1.1; }
.podpisfoto3 { font-size: 13px; font-weight: bold; color: #6e6e6e; text-align: center; text-indent: 0; margin: 0 0 10px 0; line-height: 1.1; }
.podpisfoto3 a { color: #6e6e6e; border: none; outline: none; }

	#gallery { clear: both; }
	#gallery a { border: none; outline: none; }
	#gallery ul { list-style: none; margin: 0; padding: 0; }
	#gallery ul li { float: left; display: block; width: 295px; padding: 8px; margin: 0 14px 20px 0; border: 1px solid #666; background: #fff; }
	#gallery ul li a img { width: 295px; height: 197px; margin-bottom: 5px; }
	#gallery ul .odd { margin-right: 0; }	

.zvezda { font-size: 13px; font-weight: bold; text-align: center; margin: 20px 0 13px 0; }

#sidebar { float: right; width: 293px; margin-right: 20px; }

.newshead { font-size: 20px; margin: 0 0 10px 0; padding: 0; }

.colon { display: inline-block; vertical-align: top; position: relative; float: left; margin: 5px 10px 3px 0; }
.colonzag { font-size: 13px; margin: 15px 0 5px; padding: 0; }
.colonzag2 { font-size: 13px; margin: 5px 0 5px; padding: 0; }

.rp_pp { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px dotted #fff; }
.rp_pp img { float: left; margin-right: 10px; border: 3px solid #fff; }
.rp_pp p { font-size: 10px; }

.templatemo_list { margin: 10px 0 10px 15px; padding: 0; list-style: none; }
.templatemo_list li { color:#52493a; margin: 0 0 10px 0; padding: 0 5px 0 15px; background: url(/assets/images/templatemo_list.png) no-repeat scroll 0 4px; }
.templatemo_list li a { color: #52493a; font-weight: normal; outline: none; }
.templatemo_list li a:hover { color: #52493a; outline: none; }

#search_box { float: right; width: 300px; height: 26px; margin: 7px 10px 0 0; background: url(/assets/images/search3.png) no-repeat; }
#search_box form { clear: both; width: 300px; height: 26px; padding: 0; } 
#searchfield { vertical-align: top; height: 20px; width: 250px; padding: 3px 2px 0 10px; color: #8a9ac5; line-height: 0; background: none; border: none; outline: none; /* Убираем свечение в Chrome и Safari */	-webkit-appearance: none; /* Убираем рамку в Chrome и Safari */ } 
#searchbutton { height: 25px; width: 30px; padding: 5px 0 5px 0; margin: 0; cursor: pointer; background: none; border: none; outline: none; /* Убираем свечение в Chrome и Safari */
	-webkit-appearance: none; /* Убираем рамку в Chrome и Safari */ }
.extract { text-align: justify; text-indent: 0; }
.sisea-results { text-align: justify; text-indent: 0; }
.sisea-highlight {font-weight: bold;  color: red;}

.B_crumbBox li  { display: inline-table; }
.B_crumbBox ul { margin: 0; padding: 0; }

.subh2 { font-size: 18px; font-weight: bold; padding-bottom: 0; margin: -20px 0 25px 0; text-align: center; color: #2d4173; line-height: 1; }
.subh4 { font-size: 16px; color: #0f2a48; margin: -15px 0 13px; padding: 0; }
.subh6 { font-size: 14px; color: #0f2a48; margin: 0 0 13px; padding: 0; font-weight: bold; }

.help-block { display: block; margin-top: 2px; margin-bottom: 0px; color: red; font-size: 10px; }

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.text-danger { color: #a94442; }
a.text-danger:hover,
a.text-danger:focus { color: #843534; outline: none; }

.col-sm-4 { width: 300px; }

.col-sm-8 { width: 340px; padding-left: 15px; padding-right: 15px; background: url(/assets/images/input_txt.png) left top no-repeat; color:#000000; }

.onemy {width:100%; color: #6e6e6e;}
.twomy1 {width:70%; float:left; text-align:left; vertical-align: top;}
.twomy2 {width:30%; float:right; text-align:right; vertical-align: top;}
.foronemy { font-size: 13px; color: #6e6e6e; margin: 0; padding: 0; }

.blok {
background-repeat: no-repeat;
position: relative;
width: 85%;
padding: 1em 1em 1em 55px;
margin: 20px 0px 30px 25px;
background-color: #fff;
background-image: url(/assets/images/myquote.png);

-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.blok:before, .blok:after {
content: "";
position: absolute;
z-index: -2;
}
.blok p {
font-size: 12px;
text-align: left;
}

.zagprim { font-size: 13px; color: #0f2a48; margin: 3px 0 5px; padding: 0; font-weight: bold; }
.meta { padding: 5px 0 0 20px; margin-top: 25px; background: url(/assets/images/hr_divider.jpg) repeat-x; }

.h1my { font-size: 35px; color: #0f2a48; font-weight: 700; text-align: center; margin: 0 0 15px 0; padding: 0; line-height: 1.2; text-transform: uppercase; }

.smena { 
    position:relative; 
    display: block;
}

.smena img { 
    left: 0; 
    position:absolute; 
    top: 0; 
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;

}

.smena img.ris1 {opacity:0;filter:alpha(opacity=0);}
.smena:hover img.ris1 {opacity:1;filter:alpha(opacity=100);}
.smena:hover img.ris2, .smena img.ris2:hover {opacity:0;filter:alpha(opacity=0);}