html, body {
	height: 70%;
	width: 100%; 
	padding: 0;
	border: 0;
	background-image: url('../img/outrerbackground_w.jpg');
	background-repeat:repeat-x;
	background-position: left top;
	background-color: #D4260E;
	margin: 0 auto;
	text-align: center;

}
html*.content {height: 60%; width: 942px; margin-top: 1px; margin-left: 0;}
html*.row{float: left;}
html*.one{height: 100%; }
html*.two{
	height: 100%;
	width: 722px;
}

.content{
	position: relative;
	display: table;
	width: 942px;
	margin-top: 2px;
	padding: 0;
	border: 0;
	clear: both;
	border-spacing: 0;
	height: 60%;
	
	
	/* required by Opera 6 */
}

/* hide this from opera6 */
head:first-child+body div.content {height: 100%;}

.main {
	display: table-row;
}
.row{
	display: table-cell;
	border: 0;
	padding: 0;
	margin-top: 0;
	padding-top: 1px;
	padding-bottom: 50px;
	vertical-align: top;
	min-height: 100%;
}
.one{
	position: relative;
	z-index: 5;
	background-color: #fff;
	width: 220px;
}
.two{
	width: 722px;
	background:#fff;
	position: relative;
	background-color: #fff;
	text-align:left;
}
.two p {
	padding-top:5px;
}
#header{
	position: relative;
	top: 0;
	height: 277px;
	background-color: #fff;
	color: #000;
	width: 942px;
	z-index: 10;
	margin:0;
	padding:0;
	
}
.inian {
	float:left;
	position: relative;
	width:593px;
	height: 277px;
	padding-left:3px;
	margin-top: 27px;
	
}
.imhead {
	float:left;
	width:344px;
	height: 277px;
	padding-right:0;
	_padding-right:0px;
	background-image:url('../img/black_header.jpg');
	background-position: left top;
	background-repeat: no-repeat;

}
.imgheader {
	margin-top:-38px;
	_margin-top:-36px;
}
.clear {
	clear:both;
}
a.hlink {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color:#989898;
	text-decoration: none;
	text-align:right;
	margin:0;
	
}
a.hlink:hover {
	text-decoration: underline;
}
a.home {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color:#F7F7F7;
	text-decoration: underline;
	padding-right:15px;
}
a.home:hover {
	text-decoration: none;
}
#footer{
	clear: both;
	position: relative;
	height: 43px;
	background:#D4250E;
	color: #000;
	background-image:url('../img/footer.jpg');
	background-position: left;
	background-repeat: no-repeat;
	margin-top: -40px;
	_margin-bottom: 0px;
	z-index: 15;
	width: 942px;
}
#footer p {
	font-family: Tahoma;
	padding-top:7px;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	color:#FDF1C9;
	line-height:15px;
}

/* hide this from opera6 */
head:first-child+body div#footer {margin-bottom: 0;}

a.glMenu,a.glMenu:visited {  
	color:#1F439E;
	display:block;
	text-decoration:none;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	background-image:url('../img/pointer.jpg');
	background-position: left;
	background-repeat: no-repeat;
	text-indent: 30px;
	width:215px;
	height: 24px;
	text-align: left;
	padding-top: 5px;
	margin-top: -1px;
	_margin-top: 1px;
	
	_margin-left: 0;
}
a.glMenu:hover,a.glMenu:active { 
	text-decoration: underline;
}
a.content_link,a.content_link:visited {  
	color:#D42813;
	text-decoration:underline;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	
}
a.content_link:hover,a.content_link:active { 
	text-decoration: none;
}

.A p {font-size: 11px;}
.B p {font-size: 13px;}
.C p {font-size: 16px;}
html>body #outer{height:auto;}
.center{
	width: 942px;
	min-height:auto;
	margin: 0px auto 0px auto;
	background-color: #fff;
	border: 0;
	clear: both;
	border-spacing: 0;
	text-align:left;
}
html*.center{
	height:50%;
	width: 942px;
	min-height:100%;
	margin: 0px auto 0px auto;
	background-color: #fff;
	display: table;
}
.second_center {
	background-image: url('../img/bgmenu.jpg');
	background-repeat:no-repeat;
	background-position: left top;
}
.menu {
	width: 217px;
	height:531px;
	background-image: url('../img/bgmenu.jpg');
	background-repeat:no-repeat;
	background-position: left top;
	margin-left:4px;
	_margin-left:3px;
}

p {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	margin: 0;
	line-height: 19px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 2px;
}
.intext {
	width: 180px;
}
h1 {
	font-family: Georgia;
	font-size: 18px;
	font-weight: bold;
	color: #D06F44;
	text-align: left;
	text-indent:0.5em;
	line-height: 50px;
	width: 350px;
	background-image: url('../img/header_smallbg.jpg');
	background-repeat:no-repeat;
	background-position: top left;
	background-color: #fff;
	padding:0;
	margin:0;
}

h2 {
	font-family: Georgia;
	font-size:  18px;
	font-weight: bold;
	color: #D06F44;
	text-align: left;
	line-height: 50px;
	text-indent:0.5em;
	width: 350px;
	background-image: url('../img/header_smallbg_gray.jpg');
	background-repeat:no-repeat;
	background-position: bottom left;
	background-color: #fff;	
	padding:0;
	margin:0;
}
h2 a {
	color: #D06F44;
	text-decoration:none;
}

h3 {
	font-family: Georgia;
	font-size:  18px;
	font-weight: bold;
	color: #D06F44;
	text-align: left;
	line-height: 54px;
	text-indent:0.5em;
	width: 718px;
	background-image: url('../img/header3big.jpg');
	background-repeat:no-repeat;
	background-position: bottom left;
	background-color: #fff;	
	padding:0;
	margin:0;
}
h4 {
	font-family: Georgia;
	font-size:  17px;
	font-weight: bold;
	color: #000;
	text-align: left;
	line-height: 54px;
	text-indent:0.5em;
	width: 718px;
	padding:0;
	margin:0;
}
h5 {
	font-family: Arial;
	font-size:  15px;
	font-weight: bold;
	color: #000;
	text-align: left;
	line-height: 54px;
	text-indent:0.5em;
	width: 718px;
	padding:0;
	margin:0;
}
h6 {
	font-family: Arial;
	font-size:  15px;
	font-weight: bold;
	color: #14730a;border-bottom:1px dotted #094503;
	text-align: left;
	line-height: 18px;
	text-indent:0em;
	width: 96%;
	padding:0 0 0 0;
	margin:0 0 5px 8px;
}
p.usl {
	margin-top: -10px;
	text-align: left;
	padding-left:0;
	_padding-left:5px;
}
a.usel {
	text-decoration: none;
	color: #7A9CF1;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
a.usel:hover {
	text-decoration: underline;
}
a.uselm {
	text-decoration: none;
	color: #CD6639;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height:14px;
}
a.uselm:hover {
	text-decoration: underline;
}
a.uselmf {
	text-decoration: none;
	color: #1F439E;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
a.uselmf:hover {
	text-decoration: underline;
}
.estate_one {
	float: left;
	width: 350px;


}
.estate_one p {
	width: 340px;

}
.estate_two {
	float: left;
	width: 350px;

}
.estate_two p {
	width: 340px;

}
p.pimage {
	padding-left: 10px;
}
ul li {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	text-align: left;
	margin: 0;
	line-height: 21px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 2px;
}
ul li.lMenu {
	font-family: Arial;
	list-style-type:none;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	text-align: left;
	margin: 0;
	line-height: 21px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 2px;
}
ol li {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	text-align: left;
	margin: 0;
	line-height: 16px;
	padding-right: 5px;padding-top:2px;
	padding-left: 5px;
}
ol {
	padding-top:1px;padding-bottom:3px;
	text-align: left;
	margin: 0;
	
}
.question_content {
	width:510px;
	background-color:#F0EFEF;
	text-align:center;
	margin-left:90px;
	border:1px solid #DADADA;
	margin-top:10px;
}
.input1 {
	border:1px solid #DADADA;
	width: 200px;
	margin:5px 0 0 25px;
}
.input2 {
	border:1px solid #DADADA;
	width: 90px;
	margin:5px 0 0 25px;
}
table td {
font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	margin: 0;
	line-height: 21px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 2px;
}
.tarea {
	border:1px solid #DADADA;
	width: 450px;
	height: 200px;
	margin:5px 0 0 25px;
}
.gb1fsh {
	width:600px; padding-left:52px;
}
.gb2fsh {
	width:536px; padding-left:82px;
}
.gb3fsh {
	width:500px; padding-left:92px;
}
.gb1fsh p {
	font-family: Arial;
	font-size: 13px;
	font-weight: normal;
	color: #000;
	margin: 0;
	line-height: 21px;
	padding-top: 2px;
	padding-right: 0;
	padding-left: 10px;
	padding-bottom: 2px;
}
#galleryspisak {
	float: left;
	width: 720px;
	font-family: Verdana;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #333399;
	margin: 0 0 0 0;
}
#galleryspisak h6 {
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	color: #D42813;
	text-align: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	line-height: 20px;
	width: 95%;
}
#galleryspisak h1 a {
	text-decoration: none;
	color: #076EB8;
}
#galleryspisak h1 a:hover {
	text-decoration: underline;
}
#galleryspisak .container {
	float:left;
	width: 700px;
	background-image: url('../img/bg_fon_new.jpg');
	background-repeat:repeat-x;
	background-position: top left;
	text-align: left;
	margin: 10px 0 0 10px; _margin: 10px 0 0 7px;
	border-top: 1px solid #C9C7C7;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	background-color: #FBFBFB;
}
#galleryspisak .container1 {
	float:left;
	width: 700px;
	background-image: url('../img/bg_fon_new.jpg');
	background-repeat:repeat-x;
	background-position: top left;
	text-align: left;
	margin: 10px 0 0 10px; 
	_margin: 10px 0 0 7px;
	background-color: #eee;
}
#galleryspisak .spacer {
	
	width: 10px;
	height: 80px;
	text-align: left;
	margin: 10px 0 0 0;
	background-color: #FFFFFF;
	border:1px solid red;
}
#galleryspisak .thumbnail {
	float: left;
	margin: 0 0 11px 9px;
	padding: 0 0 11px 0;
}
html*#galleryspisak .thumbnail {
	margin-left: 5px;
	margin-right: 3px;
}
#galleryspisak .thumbnail img {
	border: 0;
}
#galleryspisak .details {
	float: left;
	width: 690px;
	margin: 11px 0 11px 9px;
}
html*#galleryspisak .details {
	margin-left: 5px;
}
.date_modify {
	width:204px;
	background-image: url('../img/date_modify.jpg');
	background-repeat:no-repeat;
	background-position: top left;
	margin-left:5px;
	margin-top:20px;
	height:60px;
}
.advertisment {
	margin-left:-5px;
}
.ListBooks {
	height:160px;
	
}


#yin-yang {
    width: 96px;
    height: 48px;
    background: #fff;
    border-color: #000;
    border-style: solid;
    border-width: 2px 2px 50px 2px;
    border-radius: 100%;
    position: absolute;
    top: 73px;
    left: 53px;
    -webkit-animation: spin 9s infinite linear;
    -moz-animation: spin 9s infinite linear;
    -o-animation: spin 9s infinite linear;
    animation: spin 9s infinite linear;
}

.lt-ie9 {
}

#yin-yang:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background: #fff;
    border: 18px solid #000;
    border-radius: 100%;
    width: 12px;
    height: 12px;
}

#yin-yang:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #000;
    border: 18px solid #fff;
    border-radius: 100%;
    width: 12px;
    height: 12px;
}

@-moz-keyframes spin {
  0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); }
}
@-ms-keyframes spin {
  0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(359deg); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}




nav {
    margin-left: 3px;
}
nav ul, nav li {
    padding: 0;
    margin: 0;
    width: 220px;
}

nav li {
    width: 100px;
    height: 100px;
    background: #e6e4e3;
    position: relative;
    float: left;
    display: block;
    margin: 0 10px 10px 0;
    text-align: center;
}

nav li, nav li:before, nav li:after {
    -webkit-transition:all .7s ease-in-out;
    -moz-transition:all .7s ease-in-out;
    -o-transition:all .7s ease-in-out;
    transition:all .7s ease-in-out;
}

nav li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 29px solid #e6e4e3;
    border-left: 29px solid white;
    border-right: 29px solid white;
    width: 42px;
    height: 0;
}

nav li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 29px solid #e6e4e3;
    border-left: 29px solid white;
    border-right: 29px solid white;
    width: 42px;
    height: 0;
}


nav li:hover {
    background: #f1dda4;
}

nav li:hover:before {
    border-bottom: 29px solid #f1dda4;
}

nav li:hover:after {
    border-top: 29px solid #f1dda4;
}


nav p {
    height: 100%;
    margin: 0;
    text-transform: uppercase;
	font-size: 14px;
	padding: 0;
}

nav p:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

nav span {
    display: inline-block;
    vertical-align: middle;
    width: 90px;
}

nav a p {
    color: #222;
}

nav a:hover p {
    color: #9c3013;
}

.animaciq {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	margin-bottom: 30px;
}

@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }	20% { -webkit-transform: rotate(15deg); }
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }
	80% { -webkit-transform: rotate(-5deg); }
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }
	40% { -moz-transform: rotate(-10deg); }
	60% { -moz-transform: rotate(5deg); }
	80% { -moz-transform: rotate(-5deg); }
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }
	80% { -o-transform: rotate(-5deg); }
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }
	80% { transform: rotate(-5deg); }
	100% { transform: rotate(0deg); }
}

.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing;
}