/**
Генеральный файл со стилями zvenlicey.bbsb.ru (версия 2)
Создан в 2020 году
**/

* {margin: 0; padding: 0;}
html {
background: #1E90FF;
background: linear-gradient(to top, #FFFFFF, #1E90FF) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body {width: 100%; margin: 0 auto; padding: 0; font-size: 1.0em; line-height: 1.5em; font-family: verdana, arial; color: #000000;}

textarea, span, div, b, p, strong, select, option {font-family: verdana, arial; font-size: 1.0em;}
textarea:focus, input:focus, select:focus {outline: none;}
hr {margin: 10px 0px 10px 0px; border-top: 1px dotted #5B5B5B;}
form {margin: 10px 0px 10px 0px; padding: 0px;}
select {margin: 10px 0px; padding: 2px 3px 2px 3px; border: 1px solid #BDBDBD;}

textarea {
width: 98%;
margin: 5px 0px 5px 0px;
border-radius: 5px;
padding: 3px 5px 2px 5px;
background-color: #FFC1C1;
border: 2px solid #BDBDBD;
background-color: #FFFFFF;
}

table, tbody, td, tr {margin: 0; padding: 0;}

label {line-height: 2.0em; cursor: pointer;}

input {border-radius: 5px; margin-top: 5px; padding: 2px 7px 2px 7px; font-family: verdana, arial; font-size: 1.0em;}
input[type="radio"] {margin-bottom: 0px; margin-left: 1.5px; margin-right: 5px; margin-top: -2px; transform: scale(1.3); opacity: 0.9; cursor: pointer;}
input[type="text"], input[type="email"] {width: 60%;}
input[type="login"], input[type="password"] {border: 1px solid #BDBDBD; width: 60%;}
input[type="submit"] {background: linear-gradient(to top left, white, green); float: right; cursor: pointer;}
input[type="button"] {background: linear-gradient(to top left, white, blue); float: right; cursor: pointer;}
input[type="file"] {float: right;}

input[type="checkbox"] {width: 30px; transform: scale(1.3); opacity: 0.9; cursor: pointer;}

button {border-radius: 5px; margin: 0; padding: 2px 5px 2px 5px; font-family: verdana, arial; font-size: 1.0em; cursor: pointer;}

a {font-size: 1.0em; color: #1495ff; font-family: verdana, arial; text-decoration: underline;}
a:hover {text-decoration: none;}

h1,h2,h3 {margin-bottom: 1em; font-size: 1.12em; font-family: verdana, arial; color: #FFFF00;}
h4 {margin-bottom: 1.0em; font-size: 1.12em; font-family: verdana, arial; color: #FFFFFF;}
h1 {text-shadow: 0 2px 2px #000000; font-family: verdana, arial; color: #FFFF00;}

p {margin-bottom: 1.5em; text-align: justify;}
ul {margin-bottom: 1.5em;}

#header h2 {text-shadow: 0 2px 2px #000000;}
#header {margin: 2em 2em 2em 0; padding: 2em; background: #32251b; background-image: url('images/background.jpg'); background-size: cover; border: 1px solid #555555; position: relative;}

#sidebar {margin: 2em; padding: 2em; background: #32251b; color: #e1d2c7; border: 1px solid #555555;}
#sidebar a {color: #e2e0df;}
#sidebar h2, #sidebar h3, #sidebar h4 {color: #FFFF00;}
#sidebar ul {list-style: none;}
#sidebar ul li {padding: 5px 0 5px 0; border-top: dotted 1px #70665f;}
#sidebar ul li.first {padding-top: 0; border-top: 0;}

ol {list-style-type: none; padding: 5px 0;}
ol li:before {color: #fff; background: #3CB371; display: inline-block; text-align: center; margin: 1px 5px 1px 1px; line-height: 18px; width: 17px; height: 17px; content: "\2714"; border-radius: 3px;}

#main {width: 100%; padding-bottom: 5em; color: #000000;}
#main strong {font-family: verdana, arial; font-size: 1.0em; color: #3e3e3e;}
#main a {color: #002bff;}
#main h2, #main h3, #main h4 {color: #FF4500;}
#main ul {list-style: none;}
#main ul li {padding: 15px 0 15px 0; border-top: dotted 1px #b3b3b3;}
#main ul li.first {padding-top: 0; border-top: 0;}
#main ul.imageList li {float: left; padding: 15px 0 15px 0;}

#query {width: 70%; background: linear-gradient(to right, #ffff00 0%, #ffffff 100%);}

#search input.button {margin-left: 1em; border: 0; color: #fff; background: #1495ff; padding: 11px;}
#search input.text {border: dotted 1px #fff; padding: 10px;}

#box1 {width: 100%; overflow: hidden; margin: 0 0 35px 0;}
#box2 {width: 100%; overflow: hidden; float: left;}
#box3 {width: 100%; overflow: hidden; margin: 0;}

#content {margin-right: 2em; padding: 2em; background: #FFFFFF; border: 1px solid #1E90FF;}
#copyright {margin: 24%; padding: 0 0 80px 0; text-align: center; color: #D8C2AB;}
#copyright a {color: #D8C2AB;}

#file {
display: block;
font-family: verdana, arial;
width: 50%;
float: left;
background-repeat: no-repeat;
background-position: left;
border-radius: 5px;
padding-left: 5px;
height: 30px;
line-height: 30px;
font-size: 1.12em;
text-decoration: none;
padding-right: 5px;
border: 1px solid #9c9c9c;
background-color: #fff;
margin-top: 5px;
color: #000;
}

#url {
display: block;
width: 60%;
float: right;
background-repeat: no-repeat;
background-position: left;
border-radius: 5px;
padding-left: 5px;
height: 30px;
line-height: 30px;
font-size: 14px;
text-decoration: none;
padding-right: 5px;
border: 1px solid #9c9c9c;
background-color: #fff;
margin: 0px;
color: #000;
}