/*------------------------------------------------------------------------------------------------
Новости
------------------------------------------------------------------------------------------------*/
.news {
margin-top: 1rem;
list-style: none;
padding-left: 0;
}
.news a {
display: block;
}
.news li {
margin-bottom: 1rem;
}
.news span {
font-size: 90%;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Разметка страницы: общие
------------------------------------------------------------------------------------------------*/
html, body {
overflow-y: scroll;
height: 100%;
width: 100%;
background: url("/pics/icons/bg.jpg") no-repeat center center fixed;
background-size: cover;
font-family: "Roboto", sans-serif;
}
.parallax1 {
/* The image used */
background-image: url("/pics/icons/img_parallax1.jpg");
}
.parallax2 {
/* The image used */
background-image: url("/pics/icons/img_parallax2.jpg");
}
.parallax1, .parallax2 {
/* Full height */
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
a {
color: #004c3a;
}
main {
background: #e8f8f8;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
}
.cl_c4, .cl_c4c {
background-color: rgba(242,253,255,0.95);
border-radius: 8px;
}
.cl_c4c {
text-align: center;
}
.cl_c4 a {
text-decoration: none;
}
.cl_c5 {
background-color: rgba(234,252,252,0.9);
border-radius: 8px;
font-size: 1.45em;
}
.cl_bg10-6 {
border-radius: 2em;
background-image: radial-gradient(rgba(0,55,38,0.95), rgba(0,55,39,0.8), rgba(0,56,40,0.01));
}
.cl_bg10-7 {
background-color: rgba(0,56,40,0.7);
}
.cl_bg20-8 {
background-color: rgba(0,96,82,0.8);
}
.cl_lt {
background-color: #dcf8f5 !important;
}
.cl_rt {
background: #d6f2f0 !important;
}
.cl_rnews {
min-height: 102px;
border: 1px solid #009e99 !important;
background: #eafcfc;
overflow: hidden;
}
.cl_b2 {
background-color: #d6f2f0;
}
.cl_ft1 {
font-size: 1.4em;
text-shadow: 0 0 3px #003726, 0 0 4px #003726, 0 0 5px #003726, 0 0 7px #003726;
}
footer {
color: #fbffff;
padding-top: 15px;
background: rgba(116,204,201,0.8);
background: -webkit-linear-gradient(rgba(116,204,201,0.8), rgba(0,181,176,1)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(rgba(116,204,201,0.8), rgba(0,181,176,1)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgba(116,204,201,0.8), rgba(0,181,176,1)); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgba(116,204,201,0.6), rgba(0,181,176,1)); /* Standard syntax (must be last) */
}
footer a {
color: #e8f8f8;
text-shadow: 2px 2px 2px #003523;
}
footer a:hover {
color: #f2fdff;
}
footer p {
color: #eafcfc;
text-shadow: 2px 2px 2px #003523;
}
main img, .rand img {
max-width: 100%;
}
figure {
border: 1px solid #007f74;
margin: 0 auto;
margin-top: 15px;
margin-bottom: 15px;
background: #eafcfc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
figure img {
max-width: 100%;
margin: 5px;
width: calc(100% - 10px); // margin above
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
figcaption {
text-align: center;
color: #006052;
background: #d6f2f0;
padding: 1px 10px 2px 10px;
border-top: 1px solid #007f74;
}
.cl_nav {
background-color: rgba(0,63,44,0.95);
}
.cl_header {
margin-top: 2px;
margin-bottom: 0;
background: url("/pics/icons/omsktown_logo.jpg") center bottom;
background-size:  cover;
text-align: right;
}
.cl_btm {
position: relative;
min-height: 100px;
}
.cl_btn {
background: #006355;
border-color: #006355;
margin-bottom: 1rem;
}
.cl_btn:hover {
background: #006254;
border-color: #006254;
}
.cl_moto {
display: inline-block;
font-size: 2.2em;
font-weight: 700;
color: #eafcfc;
text-shadow: 3px 3px 3px #003523;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
pointer-events: none;
cursor: pointer;
}
.cl_moto:after {
	pointer-events: auto;
	font-size: 0.6em;
	text-shadow: none;
	margin-left: 0.7em;
	color: #00503f;
	content: "\0441\0430\0439\0442\00A0\043F\0440\043E\0434\0430\0435\0442\0441\044F";
	display: inline-block;
	-webkit-transform: rotate(-12deg);
	-moz-transform: rotate(-12deg);
	-o-transform: rotate(-12deg);
	-ms-transform: rotate(-12deg);
	transform: rotate(-12deg);
	padding: 0.1em 0.4em 0.3em 0.4em;
	border-radius: 10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	background-image: linear-gradient(#e8f8f8, #50c4bf);
}

/*------------------------------------------------------------------------------------------------
boards
------------------------------------------------------------------------------------------------*/

.board-menu {
	text-align: center;
}

.board-nav-item {
	margin-right: 1px;
//	padding: 5px 12px 3px 12px;
	border: 1px solid #006355;
	background: #8ed6d3;
	position: relative;
	display: inline-block;
}

.cl_tbl_boards {

}

.cl_tbl_boards th {
border: 1px solid #006557;
background: #74ccc9;
background: linear-gradient(#00a7a0, #99dcd7);
}

.cl_tbl_boards td {
border: 1px solid #006557;
background: #ceefec;
}

/* -------------------------------------------------------------------------------------------- */
.web_icon {
background-image: url("/pics/icons/web.png");
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
display: block;
}
.cl_smenu {
margin: 10px 0;
}
.cl_smenu li {
background: #d6f2f0;
}
.cl_smenu li:hover {
background: #e8f8f8;
}
.cl_smenu li a {
display: block;
}
.cl_shr {
margin-top: 0;
padding: 10px 10px 20px 10px;
background-color: rgba(116,204,201,0.75);
}
.cl_shr_l {
display: block;
margin-top: 0.3em;
margin-bottom: 0.3em;
}
.cl_shr_l li {
margin-right: -5px;
height: 1.9em;
}
.cl_shr_l li span {
vertical-align: text-top; // Firefox
}
.cl_vote {
margin-bottom: 1rem;
}
.cl_vote li:hover {
background: #dcf8f5;
}
.cl_vote label {
display: block;
height: 100%;
cursor: pointer;
}
.cl_vote input[type="radio"], .cl_vote input[type="checkbox"] {
margin-left: 0.3rem;
margin-right: 0.6rem;
}
form[name="poll"] ul li {
color: #006355;
display: block;
padding: 5px;
background: #d6f2f0;
border-left: 1px solid #006153;
border-top: 1px solid #006153;
border-right: 1px solid #006153;
}
form[name="poll"] ul li:last-of-type {
border-bottom: 1px solid #005c4d;
}
form[name="poll"] ul li:hover {
background: #50c4bf;
}
form[name="poll"] ul li:hover, form[name="poll"] label, .sub_list label, .cl_c2b {
cursor: pointer;
}
form[name="poll"] label {
display: block;
width: 100%;
}
form[name="poll"] ul li:last-of-type {
border-bottom: 1px solid #ffc>;
}
form[name="poll"] label {
text-align: left;
}
#poll_out label, #loc label {
text-align: left;
display: block;
}
#poll_out input[type="radio"], #loc input[type="radio"], #poll_out input[type="checkbox"], #loc input[type="checkbox"] {
margin-right: 5px;
}
.poll th {
padding: 6px;
border: 1px solid #006557;
background: #74ccc9;
background: linear-gradient(#00a7a0, #99dcd7);
}
.poll td {
padding: 6px;
border: 1px solid #006557;
background: #ceefec;
}
.fbs {
text-align: center;
margin: 10px 10px 15px 10px;
}
.news_rating {
margin-top: 20px;
}
.news_rating a {
text-decoration: none;
}
.page_bg {
margin-top: 10px;
padding: 15px;
background-color: #dcf8f5;
border: 1px solid #00a7a0;
border-radius: 0.3rem;
}
.adpt_wrap {
border: 1px solid #009892;
background-color: #d6f2f0;
background: linear-gradient(#dcf8f5, #bbe8e4);
text-align: center;
}
.more20 {
font-size: 120%;
}
.arch {
display: inline-block;
}
.arch li {
display: inline;
margin-left: 10px;
}
.okey, .nook, .warn {
margin: 10px 20% 10px 20%;
padding: 10px;
text-align: center;
border-radius: 10px 10px;
box-shadow: #515151 0px 2px 3px;
}
.okey {background-color: #cdecd2; border: #096344 2px solid}
.nook {background-color: #fffc00; border: #f00 2px solid}
.warn {background-color: #ffeb8b; border: #e96800 2px solid}
.okey p {
background: url("/pics/icons/tick.gif") no-repeat top left; padding-left: 25px
}
.warn p {
background: url("/pics/icons/exclam1.gif") no-repeat top left; padding-left: 25px
}
.nook p {
background: url("/pics/icons/stop.png") no-repeat top left; padding-left: 25px
}
.red {background-color: #f00}
.red_t, .html_tag {color: #f00}
.yellow {background-color: #ff0}
.yellow_t {color: #ff0}
.green {background-color: #093}
.green_t {color: #093}
#user_picture {
display: block;
width: 100%;
height:auto;
}
.cl_tdir th {
border: 1px solid #006557;
background: #8ed6d3;
}
.cl_tdir td {
border: 1px solid #006557;
background: #ceefec;
}
td.cl_td_span {
background: #a7e0dc;
font-weight: 700;
}
::placeholder {
color:#99dcd7;
}
/*------------------------------------------------------------------------------------------------
Polls
------------------------------------------------------------------------------------------------*/
img[src*="vc_stamp"] {
float: right;
-moz-transform: rotate(-15deg) translate(-30px, -10px); /* Для Firefox */
-ms-transform: rotate(-15deg) translate(-30px, -10px); /* Для IE */
-webkit-transform: rotate(-15deg) translate(-30px, -10px); /* Для Safari, Chrome, iOS */
-o-transform: rotate(-15deg) translate(-30px, -10px); /* Для Opera */
transform: rotate(-15deg) translate(-30px, -10px);
z-index: 10;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Ads bs4
------------------------------------------------------------------------------------------------*/
.brd {
margin-top: 15px;
margin-bottom: 15px;
border: 1px solid #009a9a;
padding: 10px 5px 15px 5px;
background: #fffef3;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px 8px;
}
.brd span {
float:left;
margin:-20px 0 -15px 5px;
}
.brd span:before {
font-size: 75%;
content: " ";
padding: 2px 5px 1px 5px;
}
.brd td:first-child span:before {
border: 1px solid #009a9a;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px 3px;
background: #e3e3e3;
font-size: 85%;
content: "\0420\0435\043A\043B\0430\043C\0430";
}
.brd td:nth-child(2), .brd td:nth-child(3) {
border-left: 1px solid #009a9a;
padding-left: 6px;
}
.brd table {
width: 100%;
}
.brd table td {
vertical-align: top;
}
.brd_header {
font-weight: 700;
margin-top: 5px;
margin-bottom: 4px;
}
.brd_text, .brd_url {
font-size: 85%;
line-height: 1.1;
margin-bottom: 7px;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Photo
------------------------------------------------------------------------------------------------*/
.photo figure {
max-width: 252px;
float: left;
margin: 0 5px 10px 0;
}
.photo figcaption {
white-space: nowrap;
overflow: hidden;
padding: 1px 5px;
text-overflow: ellipsis;
}
div.photo + p {
clear:both;
padding-top: 20px;
}
/* -------------------------------------------------------------------------------------------- */
/*------------------------------------------------------------------------------------------------
Calendar
------------------------------------------------------------------------------------------------*/
.calendar {
margin: 20px 0;
text-align: left;
border: 1px solid #006254;
}
.calendar th, .calendar td {
border: 1px solid #ccc;
padding: 0.35rem !important;
}
.calendar th {
color: #006254;
background: #99dcd7;
}
.calendar caption {
caption-side: top;
text-align: center;
font-weight: 700;
background: #007466;
color: #f2fdff;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.empt {
background: #e8f8f8;
}
.past {
background: #d6f2f0;
color: #00928d;
}
.tday {
background: #006052;
color: #eafcfc;
font-weight: 700;
}
.futu {
background: #bbe8e4;
color: #004c3a;
}
/* -------------------------------------------------------------------------------------------- */
@media only screen and (max-device-width:480px) {
/* styles for mobile browsers smaller than 480px; (iPhone) */
.cl_moto {
font-size: 1.5em;
}
}