/* -------------------------------------------
project:  Arfido
date:    2009/11/04
------------------------------------------- */
/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.3em;}
html {height: 100.1%; background: #fff;}
body { background: url(../images/background.jpg) top repeat-x; font-size: .75em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #2768A4; text-decoration: none;}
a:hover {text-decoration: none;}
a span {cursor: pointer;}
img {border: none;}

/* basic text elements */
h1 {margin-bottom: .7em; padding: 15px 0; background: url(../images/dots.gif) bottom repeat-x; color: #000; font-size: 2.167em; font-weight: 400;}
h2 {margin: 1em 0; color: #000; font-size: 1.5em; font-weight: 400;}
h3 {margin: 1em 0; color: #000; font-size: 1.083em;}
h4 {margin: 1em 0; font-size: 1.2em;}
p {margin: 1em 0;}
ul, ol {margin: 1em 0;}
ul li {margin: 0 0 0 20px;}
ol li {margin: 0 0 0 20px;}


/* basic form elements */
form, form div {text-align: left;}
fieldset {border: none;}
legend {border: none; font-weight: bold;}
label {display: block; float: left; clear: left; width: 150px; margin: 5px 0; text-align: left;}
input, textarea, select {width: 275px; margin: 0; padding: 2px; border: 1px solid #ccc; background: #fff;}
	input.chk, input.radio {width: auto; border: none;}
textarea {height: 100px;}
button {cursor: pointer;}

/* layout
------------------------------------------- */
body.home {background: #fff url(../images/background-home.jpg) top repeat-x;}
.header {position: relative; z-index: 5; width: 960px; height: 321px; margin: 0 auto; background: url(../images/header.jpg) no-repeat;}
.home .header {height: 451px; background: url(../images/header-home.jpg) no-repeat;}
.header * {margin: 0; padding: 0;}
.logo {  overflow: hidden; width: 425px; height: 80px; }
.header h1 a.logo, .header a.logo-other{ position: absolute; left: 210px; color: #868f96; font-family: Arial}
.header h1 a.logo{ font-size: 16pt; top: 30px;}
.header a.logo-other{ font-size: 10pt; top: 55px;}


.lang {position: absolute; right: 10px; top: 30px; float: right; color: #ccc; font-size: .917em;}
.lang span {color: #888;}
.lang img {margin: 0 2px; vertical-align: middle;}

.utils {position: absolute; right: 10px; top: 110px; color: #ccc; font-size: .917em; float: right; }
.utils a {padding: 0 5px;}
.utils a.protected {padding-left: 23px; background: url(../images/key.gif) 5px center no-repeat;}
.utils a:hover {color: #13C7F4;}
	
.header .mainmenu {position: absolute; left: 10px; z-index: 50; top: 133px; width: 940px; height: 40px; list-style: none;}
.header .mainmenu li {list-style: none; position: relative; overflow: hidden; float: left; margin: 0; padding: 0;}
.header .mainmenu li:hover, .header .mainmenu li.hover {list-style: none; overflow: visible;}
.header .mainmenu li a, .header .mainmenu li a:visited {display: block; float: left; height: 40px; padding: 0 20px; border-right: 1px solid #217ABE; color: #fff; font-weight: 700; line-height: 40px;}
.header .mainmenu li a:hover, .header .mainmenu>li:hover>a, .header .mainmenu>li:hover>a:visited {background: url(../images/mainmenu-over.jpg) top repeat-x;} 

.header .mainmenu ul {position: absolute; left: -1px; top: 40px; list-style: none; width: 210px;}
.header .mainmenu ul li {float: none; background: #6AA2CC;}
.header .mainmenu ul li a, .header .mainmenu ul li a:visited {float: none; padding: 0 20px; border-top: 1px solid #79ABD1; border-right: none; background: url(../images/submenu-arrow.gif) 195px center no-repeat; font-weight: 400; line-height: 39px;}
.header .mainmenu ul li a:hover {background: #8BBBDF url(../images/submenu-arrow.gif) 195px center no-repeat;}

.header .mainmenu ul ul {left: 210px; top: 0;}

.slogan {position: absolute; left: 460px; top: 215px; color: #fff; font-weight: 700; font-size: 1.25em; font-family: Helvetica, Arial, sans-serif; line-height: 1.2em; text-shadow: 2px 2px 2px #2F6FA9;}
.home .slogan {top: 255px;}
.slogan strong {color: #fff; font-weight: 400; font-size: 2.133em;}
.slogan span {color: #C2F0FD;}
.slogan a, .slogan a:visited {display: block; position: absolute; left: 0; top: 68px; width: 135px; height: 28px; padding-left: 40px; color: #fff; line-height: 28px; text-shadow: 1px 1px 2px #0D6918;}
.slogan a:hover {color: #E6EF95;}

.content {overflow: hidden; width: 940px; margin: 0 auto; padding: 30px 0;}
.main {float: right; width: 674px; padding-left: 25px; border-left: 1px solid #F1F0EB;}
.sidebar {float: left; width: 220px;}

.sidemenu {margin: 0 0 5px 0; list-style: none;}
.sidemenu li {margin: 0; padding: 0;}
.sidemenu ul {margin: 0;}
.sidemenu a, .sidemenu a:visited {display: block; padding: 0 15px; border-top: 1px solid #1C62A4; background: #02519C url(../images/sidemenu-arrow.gif) 205px center no-repeat; color: #fff; line-height: 26px;}
.sidemenu a:hover {background: #1770BF url(../images/sidemenu-arrow.gif) 205px center no-repeat;}
.sidemenu a.active, .sidemenu a.active:visited {color: #fff; background: #1770BF url(../images/sidemenu-arrow.gif) 205px center no-repeat; font-weight: 700;}
.sidemenu li.expanded>a, .sidemenu li.expanded>a:visited {background: #02519C url(../images/sidemenu-arrow-down.gif) 203px center no-repeat; font-weight: 700;}
.sidemenu li.active-trail>a, .sidemenu li.active-trail>a:visited {font-weight: 700;}

.sidemenu ul a, .sidemenu ul a:visited, .sidemenu li.expanded ul a, .sidemenu li.expanded ul a:visited {border-top: 1px solid #CFE1EF; background: #E1ECF5; color: #2768A4;}
.sidemenu ul a:hover {background: #C2DBEF;}
.sidemenu ul a.active, .sidemenu ul a.active:visited {background: #E1ECF5; color: #2768A4; font-weight: 700;}

	
.footer-wrapper {border-top: 1px solid #EEEFEF;}
.footer {overflow: hidden; width: 910px; margin: -1px auto 0 auto; padding: 15px 25px;  border-top: 1px solid #EEEFEF;}
.footer p {margin: 0; padding: 0; font-size: .917em;}
.footer p a:hover {text-decoration: underline;}
.footer p.footer-menu {float: left; color: #ccc;}
.footer p.footer-menu a {padding: 0 3px;}
.footer p.footer-menu span { padding-right: 10px; color: #888;}
.footer p.credits {float: right;}

/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}

img.l {float: left; margin: 0 20px 20px 0;}
img.r {float: right; margin: 0 0 20px 20px;}

h3 a:hover {text-decoration: underline;}

table {clear: left; margin: 20px auto; border: none; background: #fff; }
th, thead td {padding: 5px 10px; border-color: #026CBA; border-bottom: 2px solid #ccc; background: #026CBA; color: #fff;}
th *, thead td * {border: none; color: #fff;}
th a:hover {color: #80C5EC;}
td {padding: 5px 10px; border: 1px solid #ccc;}
td.active {background: transparent;}
.even td {background: #DFF4FF;}
.odd td {background: #fff;}
td a:hover {color: #000; text-decoration: underline;}

table.noborder, table.noborder td {border: none;}

.attachments {width: 400px; margin: 30px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #F1F0EB; line-height: 22px;}
.attachments em {color: #888; font-style: italic;}
.attachments a, .attachments a:visited {text-decoration: underline;}
.attachments a.pdf {padding-left: 30px; background: url(../images/pdf.gif) left center no-repeat;}
.attachments a:hover {text-decoration: none;}

.main ul {list-style: none;}
.main ul li {margin: .6em 0; padding-left: 25px; background: url(../images/bullet.gif) 5px 6px no-repeat;}
.item-list ul li {list-style: none;}
.main ul li a:hover {text-decoration: underline;}
.main h3 {margin-top: 2em;}

.more a, .more a:visited{color: #13C7F4;}
.more a:hover {color: #000;}

/* special sections and elements
------------------------------------------- */
.intro {width: 100%; background: #F9F8F4;}
.intro .content {padding: 20px 10px 30px 10px; background: #F9F8F4;}
.intro h2 {margin: 0 0 .5em 0;}
.intro h3 {margin: 0;}
.intro h3 a:hover {text-decoration: underline;}
.intro p {margin: 0.5em 0;}
.intro p.news-date {margin-top: 0; color: #888; font-size:	.917em;}
.intro .content div {float: left; width: 280px; margin: 0; padding: 0 20px;}
.intro .content div.animation {width: 299px; padding: 0;}
.intro .content div.news {width: 278px; border-left: 1px solid #EDEBE4; border-right: 1px solid #EDEBE4; }
.intro .content div.news .item-list {}
.intro .content div.news div.view-display-id-block_1 li {margin: 0; }
.intro .content div.news div.view-display-id-block_1 {padding:0px; }
.intro .content div.news div.view-display-id-block_1 div{padding:0px; }
.intro .content div.news div.view-display-id-block_1 .views-field-title {font-size:	13px; font-weight:bold; }
.intro .content div.news div.view-display-id-block_1 .views-field-created {margin-top: 0; color: #888; font-size:	.917em; padding-bottom:5px;}

a.more-button, a.more-button:visited {display: block; float: left; height: 21px; margin-top: 1.5em; padding-left: 25px; background: url(../images/button-more.jpg) left center no-repeat; color: #8A8574; font-size: .917em; line-height: 21px;}
.intro .content div.news div.view-display-id-block_1 .views-field-view-node span {display: block; float: left; height: 21px; margin-top: 1.5em; padding-left: 25px; background: url(../images/button-more.jpg) left center no-repeat; color: #8A8574; font-size: .917em; line-height: 21px;}
.intro .content div.news div.view-display-id-block_1 .views-field-view-node span a,
.intro .content div.news div.view-display-id-block_1 .views-field-view-node span a:visited {display: block; float: left; height: 21px; padding-right: 16px; background: url(../images/button-more.jpg) right center no-repeat; color: #8A8574; line-height: 21px;}
a.more-button span, a.more-button:visited span {display: block; float: left; height: 21px; padding-right: 16px; background: url(../images/button-more.jpg) right center no-repeat; color: #8A8574; line-height: 21px;}
a.more-button:hover span,
.intro .content div.news div.view-display-id-block_1 .views-field-view-node span a:hover {color: #000;}


.teaser {float: left; width: 278px; padding: 5px 20px; background: url(../images/teaser-separator.jpg) left center no-repeat;}
.teaser.element-0 {width: 278px; background: none;}
.teaser.element-2 {width: 263px;}
.teaser h3 {margin: 0 0 -0.3em 0;}
.teaser h3 a:hover {text-decoration: underline;}
.teaser p {margin: .5em 0; font-size: .917em;}
.teaser p a, .teaser p a:visited {color: #13C7F4;}
.teaser p a:hover {color: #000;}
.teaser img {float: left; margin: 0 10px 20px 0; padding: 8px 9px 11px 9px; background: url(../images/teaser-img-frame.gif) center no-repeat;}

.breadcrumb {margin: 0; color: #ccc; font-size: .917em;}
.breadcrumb span {padding: 0 3px; color: #888;}
.breadcrumb a, .breadcrumb a:visited {padding: 0 3px;}
.breadcrumb a:hover {text-decoration: underline;}

.sidebox {padding: 20px 0; background: url(../images/dots.gif) bottom repeat-x;}
.sidebox h3 {margin: 0 0 -0.5em 0;}
.sidebox p {font-size: .917em;}
.sidebox p.more {margin-bottom: 0;}
.sidebox .contact {padding-left: 65px; background: url(../images/mail.jpg) 0 0 no-repeat;}

.sitemap-box {padding: 0;}
.sitemap-box .content {width: 670px; padding: 0;}
.sitemap-box .title {display: none;}
.sitemap-box ul {list-style: disc; margin: 0; width: auto;}
.sitemap-box ul li, .sitemap-box ul.mainmenu li.expanded {list-style: disc; background: none; margin: 5px 0 5px 25px; padding: 0; line-height: 1.5em;}

.form-item {padding: 0; text-align: left;}
input.form-submit {width: auto; margin-left: 150px; padding: 2px 5px; background: #efefef; font-weight: 700;}
form div.item-list {display: none;}

form#blockqueue-view-queue {margin: 20px 0;}
form#blockqueue-view-queue input.form-submit {margin-left: 0;}

.main ul.pictures {list-style: none; overflow: hidden;}
.main ul.pictures li {list-style: none; float: left; margin: 0 10px 5px 0; padding: 0; width: 130px; height: 130px;}
.main ul.pictures li img {padding: 2px; border: 1px solid #ccc;}

body.ru .header .slogan strong{
	font-size: 25px;
} 
body.ru .header .slogan a{
	font-size: 10px;
} 

/* edit blocks table and forms */
.header .image-advertisement{
	float: right;
    margin-right: 10px;
    margin-top: 62px;
}