/* =================================== */
/* === THEME NAME: PROVOLGODONSK ===== */
/* === AUTHOR: SATHERLAND ============ */
/* === E-MAIL: SATHERLAND@MAIL.RU ==== */
/* =================================== */

* {
 margin: 0;
 padding: 0;
 outline: 0;
 border: 0;
 background: transparent;
 vertical-align: baseline;
}

/* =================================== */
/* === GENERAL SETTING =============== */
/* =================================== */

html {
 overflow: auto;
}
body {
 background-color: #FFF;
}
body, a, input {
 font: 12px "Arial";
}
input  {
 color: #A7A7A7;
}
ul {
 list-style: none;
}
a {
 text-decoration: none;
 color: #1A6095;
}
a:hover {
 text-decoration: underline;
 color: #7F0000;
}
p {
 text-align: justify;
 line-height: 18px;
}
h1, h2, h3, .desc {
 margin-bottom: 10px;
 border-bottom: 3px solid #1A6095;
 font: 16px "Verdana";
 color: #1A6095;
 line-height: 33px;
}
input[type="submit"] {
 cursor: pointer;
 margin: 10px;
 padding: 5px 10px;
 background: #1A6095;
 color: #FFF;
}

/* =================================== */
/* === BASIC PARTS =================== */
/* =================================== */

#wrapper {
 overflow: hidden;
 width: 1000px;
 margin: 0 auto;
 padding: 0 10px;
}
#header {
 position: relative;
 height: 150px;
 background-image: url('../images/header.jpg');
}
#underhead {
 overflow: hidden;
 height: 37px;
 margin-bottom: 10px;
 background-image: url('../images/bg1.png');
}
#slider-container {
 position: relative;
 overflow: hidden;
 height: 350px;
 margin-bottom: 10px;
 padding: 10px;
 background-color: #E1F0FE;
}
#sidebar {
 float: left;
 width: 250px;
}
#content {
 float: right;
 overflow: hidden;
 width: 740px;
}
#footer {
 clear: both;
 position: relative;
 height: 50px;
 background-image: url('../images/footer.png');
}

/* =================================== */
/* === HEADER STYLES ================= */
/* =================================== */

a.logotype {
 position: absolute;
 left: 126px;
 top: 50px;
 width: 246px;
 padding-top: 28px;
 background: url('../images/logotype.png') top no-repeat;
 color: #FFF;
 text-align: center;
 line-height: 16px;
}
/* =================================== */
.overlinks {
 position: absolute;
 right: 0;
 top: 0;
 color: #FFF;
 line-height: 21px;
}
.overlinks a {
 margin: 0 10px;
 font-size: 11px;
 color: #FFF;
 line-height: 21px;
}
.overlinks  a:hover {
 color: #FFD300;
}
/* =================================== */
.userbox {
 max-width: 250px;
 overflow: hidden;
 position: absolute;
 top: 31px;
 right: 10px;
 padding: 0 5px 5px 5px;
 background: url('../images/userbox.png') repeat-x;
}
.userbox li {
 display: inline-block;
 width: 125px;
 float: left;
}
.userbox li a {
 line-height: 25px;
}
.userbox div {
 font: 16px "Verdana";
 color: #FFF;
 line-height: 25px; 
}
.userbox input[type="text"], .userbox input[type="password"] {
border: none;
 display: block;
 width: 204px;
 height: 24px;
 margin-bottom: 5px;
 padding: 0 10px;
 background-image: url('../images/input.png');
 line-height: 24px;
}
.userbox span {
 float: left;
}
.userbox a {
 display: block;
 font-size: 11px;
 line-height: 12px;
}
.userbox input[type="image"] {
border: none;
 float: right;
}

/* =================================== */
/* === UNDERHEAD STYLES ============== */
/* =================================== */

.mainmenu {
 overflow: hidden;
 float: left;
}
.mainmenu li {
 display: inline-block;
 float: left;
 margin-left: -3px;
 padding: 0 10px;
 background: url('../images/mm.png') 0 50% no-repeat;
}
.mainmenu a {
 padding: 4px 10px;
 font-size: 11px;
 color: #FFF;
 text-decoration: none;
 line-height: 37px;
}
.mainmenu a:hover, .mainmenu a.mm-current {
 background: url('../images/mm-current.png') 0 50% no-repeat;
}
/* =================================== */
.searchs {
 overflow: hidden;
 float: right;
 padding: 6px 10px 0 0;
}
.searchs input[type="text"] {
border: none;
 float: left;
 width: 204px;
 height: 24px;
 margin-right: 10px;
 padding: 0 10px;
 background-image: url('../images/input.png');
 line-height: 24px; 
}

/* =================================== */
/* === TOP SLIDER STYLES ============= */
/* =================================== */

#slider-container ul {
 overflow: hidden;
 position: absolute;
 top: 10px;
 right: 10px;
 width: 330px;
 border-top: 1px dotted #82A8C9;
}
#slider-container li {
 height: 63px;
 padding: 3px;
 border-bottom: 1px dotted #82A8C9;
}
#slider-container li a {
 display: table;
 color: #000;
}
#slider-container li img {
 float: left;
 margin-right: 3px; 
 border: 1px solid #FFF;
}
#slider-container span {
 display: table-cell;
 width: 100%;
 vertical-align: middle;
}
#slider-container b {
 display: block;
 color: #1A6095;
}
#slider-container li.ui-tabs-selected {
 background-color: #BCDDFC;
}
/* =================================== */
.area {
 position: relative;
 width: 650px;
 height: 350px;
}
.info { 
 position: absolute;
 bottom: 0;
 padding: 10px;
 background-color: #000;
 filter:alpha(opacity=70);
 -moz-opacity:0.7;
 -khtml-opacity:0.7;
 opacity:0.7;
}
.info p {
 color: #FFF;
}
.info strong {
 font-size: 13px;
}
.info a {
 padding: 3px 6px;
 background-color: #1A6095;
 color: #FFF;
}
.info a:hover {
 background-color: #7F0000;
}
.ui-tabs-hide {
 display:none;
}

/* =================================== */
/* === SIDEBAR STYLES ================ */
/* =================================== */

.title {
 position: relative;
 padding-left: 10px;
 font: 16px "Verdana";
 color: #FFF;
 line-height: 37px;
}
.title a {
 position: absolute;
 right: 10px;
 text-decoration: underline;
 color: #FFF;
 line-height: 37px;
}
.bg1 {
 background-image: url('../images/bg1.png');
}
.bg2 {
 background-image: url('../images/bg2.png');
}
.bg3 {
 background-color: #6AA9D9;
}
.bg4 {
 background-color: #CBE5FD;
}
.bg5 {
 background-color: #FFDE33;
}

/* =================================== */
.declaration {
 padding: 10px 0 10px 40px;
 background: #E1F0FE url('../images/bgb1.png') repeat-x;
}
.declaration a {
 line-height: 20px;
}
.sideinfo {
 margin-bottom: 10px;
 padding: 10px 0;
 background: #FFE997 url('../images/bgb2.png') repeat-x;
 text-align: center;
}
.tagscloud {
 padding: 10px;
 background: #E1F0FE url('../images/bgb1.png') repeat-x;
}
.tagscloud a {
 padding: 5px 0;
 line-height: 22px;
}
/* =================================== */
.votebox {
 margin-bottom: 10px;
 padding: 10px;
 background: #0D5083 url('../images/bgb3.png') repeat-x;
 color: #FFF;
}
.votebox b {
 line-height: 30px;
}
.votebox label {
 display: block;
 position: relative;
 padding: 3px 0 3px 30px;
 cursor: pointer;
}
.radio {
 display: inline-block;
 overflow: hidden;
 width: 16px;
 height: 16px;
 background: url('../images/radio.png');
}
.radiochecked {
 background-position: 0 -16px;
}
.radio input {
 margin-left: -16px;
}
.votebox i {
 position: absolute;
 top: 4px;
 left: 50px;
}		
.votebox input[type="image"] {
 margin: 10px 0 0 20px;
}
/* =================================== */
.botbox {
 margin-bottom: 10px;
 padding-right: 10px;
 background-image: url('../images/botbox.png');
 text-align: right;
}
.botbox a {
 text-decoration: underline;
 color: #FFF;
 line-height: 24px;
}

/* =================================== */
/* === CONTENT STYLES ================ */
/* =================================== */
.margin {
 margin-bottom: 10px;
}
.text  {
 overflow: hidden;
}
.text p {
 margin-bottom: 10px;
 color: #434343;
}
.text  a img {
 margin: 10px;
 float: left;
}
.banner img {
 margin-bottom: 10px;
}
.boxleft {
 float: left;
 width: 365px;
 margin-bottom: 10px;
}
.boxright {
 float: right;
 width: 365px;
 margin-bottom: 10px;
}
/* =================================== */
.lastphoto {
 height: 207px;
 padding: 5px 0;
 background: #E1F0FE url('../images/bgb4.png') repeat-x;
 text-align: center;
}
.lastphoto a img {
 border: 1px solid #FFF;
 margin: 5px;
}
.lastphoto a.more {
 display: block;
 text-decoration: underline;
 text-align: center;
 line-height: 20px;
}
/* =================================== */
.meteo {
 height: 207px;
 padding: 5px 0;
 background: #FFAE00 url('../images/bgb5.png') repeat-x;
 color: #FFF;
}
.meteo a {
 text-decoration: underline;
 color: #FFF;
}
.meteo table {
 margin: 0 auto 5px auto;
}
.meteo td {
 vertical-align: middle;
 padding: 0 10px;
}
.pogoda2 {
 font: 18px "Georgia";
}
.pogoda3 {
 width: 29px;
 height: 29px;
 background: url('../images/pogoda.png') center no-repeat;
}
.gis {
 display: block;
 padding: 9px 0;
 background-color: #FFBF1A;
 text-align: center;
}
.gis img {
 margin-right: 5px;
}
a.pagemeteo {
 display: block;
 text-align: center;
 line-height: 35px;
}
/* =================================== */
ul.articlebox {
 overflow: hidden;
 margin-bottom: 10px;
 background: #0D5083 url('../images/bgb3.png') repeat-x;
}
.articlebox li {
 position: relative;
 display: inline-block;
 float: left;
 width: 223px;
 padding: 10px 10px 10px 137px;
}
.articlebox p {
 color: #FFF;
 line-height: 16px;
 margin-bottom: 10px;
}
.articlebox img {
 position: absolute;
 left: 10px;
 border: 1px solid #FFF;
}
.artmore  a {
 display: block;
 font-size: 14px;
 color: #FFE400;
 line-height: 20px;
}
.articlebox span {
 position: absolute;
 width: 350px;
 left: 10px;
 bottom: 10px;
 padding: 5px;
 background-color: #3E749D;
 font-size: 11px;
 color: #FFF;
}
.articlebox span a {
 font-size: 11px;
 color: #BEF6FD;
}
.speedbar {
 margin-bottom: 10px;
 padding-left: 10px;
 color: #FFF;
 line-height: 37px;
}
.speedbar a {
 color: #BEF6FD;
 line-height: 37px;
}

.underpost {
 color: #808080;
 text-align: right;
 line-height: 30px;
}
.navigation {
 text-align: center;
}
.navigation span, .navigation a {
 padding: 3px 6px;
 display: inline-block;
 color: #FFF;
}
.navigation span {
 background-color: #1a6095;
}
.navigation a {
 background-color: #FFBF1A;
}

/* =================================== */
/* === FOOTER STYLES ================= */
/* =================================== */

.fotlinks {
 position: absolute;
 top: 5px;
 left: 380px;
 color: #FFF;
 line-height: 20px;
}
.fotlinks a {
 color: #FFF;
 line-height: 20px;
}
.fottext {
 position: absolute;
 top: 25px;
 left: 380px;
 color: #FFF;
 line-height: 20px;
}
.counter {
 position: absolute;
 top: 10px;
 right: 10px;
}

/* =================================== */
/* === DLE PAGES ===================== */
/* =================================== */

table.table  {
 width: 100%;
}
.table td {
 vertical-align: top;
}
.table img {
 margin-right: 10px;
}
.table div {
 padding: 10px 0;
 border-bottom: 1px solid #E5E5E5;
}
.table  span {
 color: #A2A2A2;
}

table.table2  {
 width: 100%;
}
.table2  tr {
 border-bottom: 1px solid #E5E5E5;
}
.table2  td {
 padding: 10px 0;
}
input[type="text"], input[type="password"], select, textarea {
 width: 200px;
 padding: 5px 10px;
 border: 1px solid #1a6095;
 background: #FFFFFF;
}



.ntitle {
	color: #888888;
	font-size: 16px;
	font-family: tahoma;
	font-weight: bold;
	padding-left: 6px;
	padding-top:  11px;
}

.ntitle a {
	color: #4b719e;
	text-decoration:none;
}
.ntitle a:hover {
	text-decoration: underline;
	}

.news222 {
	FONT: 10pt Verdana;
	text-align:justify;
    padding: 0 10px 0 10px;
}

.bk_title {
	color: #1a6095;
	font-size: 15px;
	font-family: tahoma;
	font-weight: bold;
	padding-left: 6px;
	padding-top:  11px;
}

.news img {
	border:none;
    margin-right: 10px;
    margin-bottom: 5px;
}


.brdr  td {
 border: 1px solid #888888;
}

