/*Общие классы для элементов страницы*/
* {margin:0px; padding:0px;}
img,a,div,input {outline:none;}
table {border-spacing:0px; border:0px;}
input[type=button], input[type=submit], button {cursor:pointer;}
input, textarea {border:1px solid #333333; background:#CCCCCC; border-radius:2px; -moz-user-select:text; -khtml-user-select:text; user-select:text; font-size:1em;}
textarea:focus, input:focus {cursor:text; box-shadow:0 0 3px 1px #666666;}
*::selection {background: #93D2FF;}
*::-moz-selection {background: #93D2FF;}

html {/*font-family:'Lucida Console', Monaco, 'DejaVu Sans Mono', monospace;*/ font-family: Verdana, 'Geneva CY', 'DejaVu Sans', sans-serif; overflow-y:scroll; overflow-x:hidden; height:100%; background:url('../images/main/background.png') repeat, #000000;}
body {width:1000px; height:100%; position:relative; background:#FFFFFF; margin:0px auto; color:#000000; font-size:16px;}

a {color:#00F; text-decoration:none;}
a:hover {color:#00F; text-decoration:underline;}

q {quotes: '\00ab' '\00bb';}

.header {height:170px; width:1000px; background: url('../images/main/header.png'), #FFFFFF;}

.main {left:0px; top:0px; min-height:100%; width:1000px; background:#FFFFFF; box-shadow:0 0 30px 20px #FFF;}
.main h3 {margin: -15px 0 5px 0; text-align:center; font-size:1.5em; font-weight: bold; color: #333333; text-shadow: 2px 2px 2px #CCC;}
.main h3 a {position:absolute; right: 22px;}
.main p {margin: 5px 20px; text-align:justify; text-indent:20px; font-size:1em;}
.list {list-style-position: inside; margin-left:20px; font-weight:bold;}
.main em {font-size:0.9em;}
.category {margin-left:10px; width:990px; list-style-type:none; padding:0px; font-weight:bold;}
.category li {position:relative; margin: 10px 20px; width:450px; height:200px; background-color:#999999; border:2px solid #333333; float:left; cursor:pointer; color:#CCCCCC; font-size:1.3em; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; overflow:hidden;}
.category li:hover {color:#FFFFFF; background-color:#CCCCCC; box-shadow:0 0 10px 5px #999999;}
.category span {display:inline-block; position:absolute; left:0px; top:10px; width:100%; /*Отключаем hover взаимодействие*/ pointer-events:none; background-color:rgba(0,0,0,.7); text-align:center;}
.category img {width:450px; height:200px; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; border-radius:5px;}
.category img:hover {-ms-transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05);}

.about {height:200px; width:200px; float:left; border:2px solid #333333; margin-left:10px; margin-right:20px;}

.post {margin:20px 5px; padding:10px 0px; width:970px; border:2px solid #CCCCCC;}
.post p {color:#000; text-align:justify; text-indent:20px; font-size:1em; font-weight:normal; line-height:1.2em;}
.post img {margin:10px; height:240px; width:320px; float:left; border:1px solid #999999;}
.post .badge {margin:20px 10px 5px 5px; height:60px; width:173px; float:left; border:0;}
.post .post-title {margin:0; font-size:1.4em; text-align:center;}
.post .post-date {font-size:0.8em; color:#CCCCCC; float:right; margin-right:20px;}

.feedback {position:relative; left:0px; width:1000px; height:360px;}
.feedback #feedback_name {position:absolute; left:175px; top:5px; width:650px; height:30px;}
.feedback #feedback_email {position:absolute; left:175px; top:45px; width:650px; height:30px;}
.feedback #feedback_text {position:absolute; left:175px; top:95px; width:650px;}
.feedback #feedback_image {position:absolute; left:175px; top:310px; width:250px;}
.feedback #feedback_submit {position:absolute; left:250px; top:350px; width:500px; height:30px; line-height:15px; font-size:1.2em; font-weight:bold;}

.footer-push {clear: both; height:67px;}
.footer {font-family:'Lucida Console', Monaco, 'DejaVu Sans Mono', monospace; background: url('../images/main/footer.png'), #FFFFFF; height:67px; margin-top: -67px;}
.footer p {text-align:center; line-height:67px; height:67px; color:#000000;}

#adminpanel {width:100%;}
.authorization {position:absolute; left:360px; width:352px; font-size:1.2em;}
.authorization td {padding:5px;}
.authorization #authorization-error {font-size:0.8em; color:red;}
.button {width:200px; line-height:30px; height:30px; background: #CCCCCC; color:#333333; text-align:center; cursor:pointer; border:1px solid #333333; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; box-shadow:0 0 2px 1px #666666; border-radius:3px;}
.button:hover {background: #666666; color:#FFFFFF;}
.button:focus {background: #666666; color:#FFFFFF;}
.message {display:none; position:absolute; top:0px; height:100%; width:100%; z-index:255; background: url('../images/main/loading.gif') no-repeat, #FFFFFF; background-position:center; opacity:0.9;}
.alert-message {display:none; position:absolute; top:0px; height:100%; width:100%; z-index:255; background:#FFFFFF; overflow-y:hidden;}
.alert-message #alert-image {position:absolute; top:100px; left:300px; height:89px; width:100px; background: url('../images/main/alert.png'), #FFFFFF;}
.alert-message #alert-text {position:absolute; top:100px; left:400px; height:89px; width:300px; padding-top:5px; font-size:1.2em; font-weight:bold; text-align:center;}
.alert-message #alert-button {position:absolute; top:200px; left:300px; height:30px; width:400px; line-height:30px;  background: #4AA9FF; color:#FFF; text-align:center; cursor:pointer; border:1px solid #0A86F6; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; box-shadow:0 0 2px 1px #0A86F6; border-radius:3px;}
.alert-message #alert-button:hover {background: #0080FF; color:#CCFF33;}
.alert-message #alert-button:focus {background: #0080FF; color:#CCFF33;}
.admin-mainmenu {margin-left:10px; width:980px; background:#FFFFFF; list-style-type:none; padding:0px; font-weight:bold; font-size:2em;}
.admin-mainmenu li {margin:20px 0px; width:980px; line-height:50px; height:50px; background: #CCCCCC; color:#333333; text-align:center; cursor:pointer; border:1px solid #333333; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; box-shadow:0 0 2px 1px #666666; border-radius:3px; -moz-user-select:none; -khtml-user-select:none; user-select:none;}
.admin-mainmenu li:hover {background: #666666; color:#FFFFFF;}


.form_newadd {position:relative; left:0px; width:1000px; height:360px;}
.form_newadd #new_date {position:absolute; left:10px; top:5px; width:309px; height:30px;}
.form_newadd #new_datepicker {position:absolute; left:10px; top:45px; width:309px; height:265px;}
.form_newadd #new_title {position:absolute; left:340px; top:5px; width:650px; height:30px;}
.form_newadd #new_text {position:absolute; left:340px; top:45px; width:650px;}
.form_newadd #new_image {position:absolute; left:340px; top:276px; width:250px;}
.form_newadd #new_submit {position:absolute; left:250px; top:320px; width:500px; height:30px; font-size:1.2em; font-weight:bold;}
.news-edit {margin-left:10px; width:990px; background:#FFFFFF; list-style-type:none; padding:0px; font-weight:bold;}
.news-edit li {margin:20px 5px; padding-left:10px; width:970px; line-height:30px; height:30px; background: #D3D3D3; color:#787878; text-align:left; border:1px solid #878B8F; cursor:default; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; box-shadow:0 0 2px 1px #AAAAAA;}
.news-edit li:hover {background: #AAAAAA; color:#FFFFFF;}
.news-edit .edit-image {width:30px; height:30px; float:right; margin-right:10px; background:url('../images/main/edit.png'), #FFFFFF; border-radius:4px; cursor:pointer;}
.news-edit .delete-image {width:30px; height:30px; float:right; margin-right:10px; background:url('../images/main/delete.png'), #FFFFFF; border-radius:4px; cursor:pointer;}
.news-edit p {margin:0; text-align:center;}

.flag-ru {height: 30px; width: 32px; border: 1px solid #000; background:url('../images/main/flag-ru.png'); background-size:cover; cursor: pointer;}
.flag-en {height: 30px; width: 32px; border: 1px solid #000; background:url('../images/main/flag-en.png'); background-size:cover; cursor: pointer;}