@charset "UTF-8";

@import "arcface.css";

a {
	color: #951212;
	text-decoration: none;
}

a:hover {
	opacity: .7;
}


body{
	background-color: #fff;
	background-image: url(../img/bg.jpg);
	background-position:center top;
	background-repeat: no-repeat;
	font-family: 'EB Garamond', serif;
}

#head{
	width: 831px;
	height: 265px;
	margin: 0 auto;
	padding-right: 55px;
}

#head #left{
	float:left;
	width: 514px;
	height: 265px;
	background-image: url(../img/navi_01.png);
}

#head #middle{
	float:left;
	width: 110px;
	height: 265px;
	background-image: url(../img/navi_02.png);
}

#head #right{
	float:left;
	width: 207px;
	height: 265px;
	background-image: url(../img/navi_03.png);
}

#head #right a{
	
	color: #9fe55f;
	text-decoration: none;
	opacity: 0.75;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);
	line-height: 65px;
}

#head #right a #dl{
	margin-top: 107px;
	margin-left: 20px;
	height: 65px;
	text-align: center;
	width: 140px;
	font-size: 16px;
}

#head #right a #dl:hover{
	background-image: url(../img/navi_03-hover.png);
}


.player{
	margin-top: 84px;
	margin-left: 15px;
	width: 78px;
	overflow: hidden;
}

nav{
	margin-top: 128px;
	margin-left: 30px;
}

nav ul{

}

nav ul li{
	float: left;
	list-style: none;
}

nav ul li a{
	text-decoration: none;
	margin-right: 20px;
	color: #F5A7A8;
	opacity: 0.85;
	font-size: 16px;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}

nav ul li a:hover{
	opacity: 1;
	color: #F5A7A8;
}

#head_content{
	background-image: url(../img/head-content.png);
	background-repeat: no-repeat;
	width: 732px;
	height: 230px;
	margin: 0 auto;
	margin-top: -58px;
	padding-right: 48px;
}

#head_content #social{
	float: left;
	width: 48px;
	margin-top: -28px;
}

#head_content #social img{
	display: block;
	padding-left: 30px;
	padding-top: 2px;
	padding-bottom: 18px;
}

#head_content .text{
	float: left;
	width: 370px;
	font-size: 12px;
	text-align: justify;
	padding-left: 30px;
	padding-top: 13px;
	color: #ECECEC;
	margin-top: -50px;
}

#head_content .text p{
	line-height: 14px;
	padding-bottom: 10px;
}

#head_content .text .ue1{
	font-family: 'Gabriela', serif;
	font-size: 17px;
	text-transform: uppercase;
}

#head_content .text .ue2{
	font-family: 'Gabriela', serif;
	font-size: 17px;
	text-transform: uppercase;
	color: #951212;
}

#head_content .text a{
	text-decoration: none;
	color: #951212;
	margin-bottom: 0px;
	margin-top: 0px;
	top: 10px;
}

#head_content #dload{
	float: right;
	width: 170px;
	color: #F7F5F5;
	font-size: 12px;
	text-align: right;
	padding-right: 12px;
	margin-top: -90px;
}

#slide{
	width: 865px;
	height: auto;
	margin: 0 auto;
}

#render{
	position: absolute;
	z-index: 999;
	width: 602px;
	height: 491px;
	background-image: url(../img/render.png);
	margin-left: 401px;
	margin-top:-211px;
	
}


#gallery{
	width: 930px;
	margin: 56px auto;

}

#gallery #images{
	width: 785px;
	margin: 0 auto;
}

#gallery .galerry-img{
	background-image:url(../img/gallery-content.png);
	background-repeat: no-repeat;
	width: 885px;
	height:155px;
	float: left;
	padding-left: 19px;
	padding-right: 19px;
	margin-top: 20px;
} 

#gallery .galerry-img1{
	width: 119px;
	float: left;
	padding-left: 19px;
	padding-right: 19px;
	margin-top: 46px;
} 

#gallery .galerry-img .gallery-btn:hover{
	opacity: 0.6;
}

#gallery .galerry-img .gallery-btn:active{
	opacity: 0.4;
}

.content-space{
	clear: both;
	background-image:url(../img/gallery-space.png);
	width: 852px;
	height: 0px;
	margin: 0 auto;
	padding-bottom: 56px;
}

#main{
	width: 865px;
	margin: 0 auto;
	font-family: 'Asap', sans-serif;
}

#main #main-l{
	background-image: url(../img/main-l.png);
	background-repeat: no-repeat;
	width: 629px;
	height: auto;
	float: left;
}

.main-l2{
	background-image: url(../img/main-l2.png);
	width: 629px;
	height: auto;
	float: left;
	margin-top: 26px;
}

.main-l3{
	background-image: url(../img/main-l3.png);
	background-repeat: no-repeat;
	width: 629px;
	height: 51px;
	float: left;
	margin-top: 26px;
}

#main #main-r{
	background-image: url(../img/main-r.png);
	background-repeat: no-repeat;
	width: 228px;
	height: auto;
	float: left;
	margin-left: 8px;
}

.main-r2{
	background-image: url(../img/main-r2.png);
	width: 228px;
	height: auto;
	float: left;
}

.main-r3{
	background-image: url(../img/main-r3.png);
	background-repeat: no-repeat;
	width: 228px;
	height: 75px;
	float: left;
}

#main #main-r iframe{
	width: 160px;
	margin-left: 38px;
	padding-top: 25px;
}

#main #main-l .main-header{
	width: 575px;
	margin: 0 auto;
}

.mh-l{
	float: left;

}

.sideue{
	font-family: 'Asap', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
	color: #951212;
	line-height: 0px;
	padding-top: 28px;
	padding-left: 25px;
	padding-bottom: 18px;
}

h2{
	font-family: 'Asap', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
	color: #951212;
	line-height: 0px;
	padding-top: 22px;
}

h1{
	font-family: 'Asap', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 15px;
	color: #F7F5F5;
	line-height: 15px;
	
}

.mh-r{
	float: right;
	text-align: right;
	color: #F7F5F5;
	font-size: 9px;
	text-transform: uppercase;
	padding-top: 22px;
	line-height: 15px;
}

.red{
	color: #951212;
}

.main-spacer{
	clear: both;
	height: 1px;
	width:100%;
	background-color: #b9b9b9;
	width: 590px;
	margin: 0 auto;
}

.mainr-spacer{
	clear: both;
	height: 1px;
	width:100%;
	background-color: #b9b9b9;
	width: 199px;
	margin: 0 auto;
}


#main-l p.news-p {
	font-size: 10px;
	color: #F7F5F5;
	width: 559px;
	margin: 0 auto;
	text-align: justify;
	padding-top: 30px;
	padding-bottom: 50px;
}

#main-l table {
	width: 80%;
}

#main-l p{
	font-size: 10px;
	color: #F7F5F5;
	width: 559px;
	margin: 0 auto;
	text-align: justify;
	padding-top: 30px;
}


#news img{
	margin: 0 auto;
	display: block;
	padding-bottom: 40px;
}

#comments{
	width: 590px;
	margin: 0 auto;
}

.comment{
	border-top: 1px solid #b9b9b9;
	padding-top: 25px;
	padding-bottom: 10px;
}

#main-l #comments .comment p{
	padding-top: 15px;
}

.comment span.author{
	font-size: 13px;
	color: #121212;
	padding-left: 15px;
}

.comment span.date{
	font-size: 10px;
	color: #F7F5F5;
}

.comment-count{
	width: 544px;
	margin: 0 auto;
	text-align: right;
	text-transform: uppercase;
	font-size: 11px;
	padding-bottom: 5px;
	color: #202020;
}

.comment-count span.gray{
	color: #F7F5F5;
}

table{
	width: 160px;
	margin: 0 auto;
	padding-top: 15px;
	font-size: 15px;
	color: #868282;
	text-align: left;
	line-height: 15px;
	padding-bottom: 40px;
}

table .th-space{
	line-height: 30px;
}

table .right{
	text-align: right;
}

footer{
	background-image: url(../img/footer.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 419px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	font-family: 'Asap', sans-serif;
	font-size: 10px;
	color: #E8E8E8;
}

#foot-wrap{
	width: 960px;
	margin: 150px auto;
	padding-left: 125px;
}

footer #foot-left{
	width: 400px;
	float: left;
	border-right: 1px solid #dddddd;
	padding-right: 35px;
}

footer #foot-left ul{
	float: right;
	font-size: 13px;
}

footer #foot-left ul li{
	float: left;
	list-style: none;
	margin-left: 10px;
}

footer #foot-left ul li a{
	text-decoration: none;
	color: #E8E8E8;
}

footer #foot-left ul li a:hover{
	color: #951212;
}

footer #foot-left ul li a.active{
	color: #951212;
}

footer #foot-left p{
	float: right;
	text-align: right;
}

footer #foot-right{

	float: left;
	width: 300px;
	margin-left: 35px;
	margin-top: 10px;
}

footer #foot-right span.cr{
	color: #C8C8C8;
	font-size: 14px;
	display: block;
	padding-bottom: 5px;
}

footer #foot-right span a{
	color: #A4A4A4;
	text-decoration: none;
}

footer #foot-right span a:hover{
	color: #951212;
}

footer #foot-right span.m2si{
	padding-top: 15px;
	display: block;
}

footer #foot-right span.m2si, footer #foot-right span.m2si a{
	color: #951212;
}

input[type="text"], input[type="password"] {
  border: 1px solid rgb(189, 189, 189);
  color: rgb(112, 112, 112);
  font-weight: bold;
  font-size: 10px;
  padding: 8px 20px;
  line-height: 12px;
}

input[type="text"]:focus, input[type="password"]:focus {
box-shadow: 0px 0px 2px rgb(148, 194, 44);
outline: 0;
}


.dropcontainer {
position: relative;
font-size: 16px;
color: #777;
}

.trigger {
color: #777;
padding: 10px;
font-size: 16px;
width: 100%;
background: #fff url(../img/select-arrow-open.png) 98% center no-repeat;
display: block;
border: 1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.trigger:hover {
color: #777;
background: #f5f5f5 url(../img/select-arrow-open.png) 98% center no-repeat;
}

.activetrigger {
color: #777;
padding: 10px;
font-size: 16px;
width: 100%;
background: #f5f5f5 url(../img/select-arrow-close.png) 98% center no-repeat;
display: block;
border: 1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.activetrigger:hover {
background: #f5f5f5 url(../img/select-arrow-close.png) 98% center no-repeat;
color: #777;
}

.activetrigger:active {
background: #f5f5f5 url(../img/select-arrow-close.png) 98% center no-repeat;
color: #777;
}

.dropcontainer ul {
font-size: 16px;
border: 1px solid #ccc;
border-top: none;
background: #fff;
list-style-type: none;
padding: 10px;
margin: 0;
width: 100%;
z-index: 100;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.dropcontainer ul li {
padding: 5px;
}

.dropcontainer ul li:hover {
background: #f5f5f5;
outline: none;
}

.dropcontainer ul li:first-child {
display: none;
}

.dropcontainer ul li:last-child {
border-bottom: none;
}

.dropdownhidden {
display: none;
}

.dropdownvisible {
height: auto;
}

form#login {
width: 308px;
height: 200px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
background: white;
top: 100px;
border-radius: 5px;
}

#popup {
position: fixed;
background: rgba(0, 0, 0, 0.44);
height: 100%;
width: 100%;
top: 0;
z-index: 9999;
}

input#username, input#password {
border: 2px solid #000;
width: 230px;
padding: 15px;
margin-top: 13px;
}

input#loginbtn {
width: 86%;
margin-top: 15px;
padding: 15px;
background: rgb(150, 17, 18);
border: 0;
color: aliceblue;
}

#loadingmessage {
	background: url(../img/loader.gif);
	height: 68px;
	width: 68px;
	background-size: contain;
	position: fixed;
	top: 25px;
	left: 25px;
}

img.captcha {
	position: relative;
	top: 12px;
}

input.error {
	border: 1px solid rgb(186, 96, 96);
	color:  rgb(186, 96, 96);
}

p.error {
	display: inline;
	color: rgb(186, 96, 96)!important;
	font-weight: bold;
	padding-left: 4px;
}

input.error:focus {
	box-shadow: 0px 0px 1px rgb(203, 77, 77);
}

#main-l li {
	list-style: none;
}

ul.is_cats li a {
	font-size: 11px;
	color: rgb(157, 74, 74);
	font-weight: bold;
}
ul.is_cats li {
	background: rgb(247, 247, 247);
	display: inline;
	margin-right: 21px;
	padding: 3px 10px;
	border-radius: 4px;
}