/* COMMON STYLE
--------------------------------------------------------- */
body {
color: #333;
font-family: Helvetica, Arial, sans-serif;
}
body#bd { background: #fff; color: #000;line-height: 1.4; }
/* Normal links ---*/
a { color: #069; text-decoration: underline; }
a:hover, a:focus {
}
a:hover, a:active, a:focus { text-decoration: none;color: #00ADEF; }
/* Readon links ---*/
a.readon { text-transform: uppercase; }
.contentheading, .componentheading, h1, h2, h3, h4, h5 {
}
h1.componentheading, .componentheading {
font-weight: normal;
}
h2.contentheading, .contentheading {
font-weight: normal;
}
.contentheading { font-size: 200%; }
.blog-featured .contentheading { font-size: 150%; }
.jitem-title { font-size: 110%; font-weight: bold; }
/* Others ---*/
hr { border-top: 1px solid #ccc; }
/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
padding: 2px;
font-family: Helvetica, Arial, sans-serif;
}
.inputbox { border: 1px solid #ccc; background: #fff; }
.inputbox:hover, .inputbox:focus { background: #ffffcc; }
/* Search ---*/
form#searchForm { border-top: 1px solid #ccc; }
.searchintro { border-bottom: 1px solid #ccc; }
.results h4 { text-transform: none; font-size: 110%; }
/* Contact ---*/
#component-contact #emailForm { border-top: 1px solid #ccc;}
/* Joomla STYLE
--------------------------------------------------------- */
/* Meta ---*/
dl.article-info { color: #999; text-transform: uppercase; }
.contentdescription { border-bottom: 1px solid #ccc; }
/*Inline images ---*/
p.img_caption { color: #999; text-transform: uppercase; }
/* Tables ---*/
thead tr th {
background: #333;
color: #fff;
padding: 5px;
}
thead tr th a,
thead tr th a:hover,
thead tr th a:focus,
thead tr th a:active { color: #fff; }
.cat-list-row1,
.cat-list-row12,
tr.cat-list-row1 td,
tr.cat-list-row2 td { border-bottom: 1px solid #ccc; padding: 5px; }
.cat-list-row1:hover,
.cat-list-row2:hover { background: #ffffcc; }
.cat-list-row2,
tr.cat-list-row2 td { background-color: #f6f6f6; }
/* Content Toc */
table.contenttoc { border: 1px solid #ccc; }
table.contenttoc td { border-bottom: 1px dotted #ccc; }
table.contenttoc th {
background: #f6f6f6;
border-bottom: 1px solid #ccc;
text-transform: uppercase;
}
/* Poll */
form#poll {
border-bottom: 1px dotted #ccc;
font-weight: bold;
}
dl.poll { border-bottom: 1px dotted #ccc; }
table.pollstableborder td {
background: #f6f6f6;
border-bottom: 1px solid #ccc;
font-weight: bold;
padding: 5px !important;
}
table.pollstableborder tr.sectiontableentry0 td,
table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }
/* Pagination ---*/
.pagination li span,
.pagination li strong { line-height: 20px; }
.items-more { border-bottom: 1px solid #ccc; }
.items-more h3 { font-size: 125%; }
/* MODULE STYLES
--------------------------------------------------------- */
div.joo-moduletable h3, div.moduletable h3 {
font-size: 100%;
text-transform: uppercase;
font-family: Helvetica, Arial, sans-serif;
border-bottom: 1px solid #ccc;
}
/* Advertisement ---*/
div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; }
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#joo-container .main { padding: 40px 0 0; }
.main .main-inner1 { margin-left: 0; margin-right: 0; }
/* HEADER
--------------------------------------------------------- */
h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 10px;}
/* Logo Image ---*/
h1.logo {
height: 93px;
}
h1.logo {
float: left;
height: 85px;
padding: 0.5em 0 0;
width: 21%;
}
h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
width: 175px;
height: 85px;
}
/* Logo Text ---*/
div.logo-text h1 {
font-size: 200%;
font-family: Arial, sans-serif;
font-weight: bold;
}
div.logo-text h1 a {
text-decoration: none;
}
p.site-slogan {
color: #ccc;
display: block;
font-size: 85%;
margin: 3px 0 0;
padding: 0 10px;
text-transform: uppercase;
}
#joo-top-header {
margin-top:-5px;
position:absolute;
right:180px;
text-align:right;
width:50%;
}
/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#joo-mainnav .main { border-bottom: 1px solid #ccc; }
/* Breadcrumbs ---*/
#joo-navhelper .main {
text-transform: uppercase;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.joo-breadcrums {
text-indent: 10px;
}
/* Extras ---*/
.joo-links { padding-right: 10px; }
.joo-links li { padding: 0 10px; }
/* Default Joomla! Menu ---*/
#joo-container ul.menu li { border-bottom: 0; }
#joo-container ul.menu li li { border-bottom: 1px dotted #ccc; border-top: 0; }
/* SPOTLIGHT
--------------------------------------------------------- */
#joo-topsl .joo-box, #joo-botsl .joo-box {
background: url(../images/dot-1.gif) repeat-y right;
}
#joo-topsl .joo-box-right, #joo-botsl .joo-box-right {
background: 0;
}
#joo-topsl .joo-moduletable, #joo-botsl .joo-moduletable {
margin-top: 10px;
margin-bottom: 10px;
}
#joo-topsl div.joo-moduletable h3,
#joo-botsl div.joo-moduletable h3 { border-bottom: 0; padding-bottom: 0; }
/* Top spotlight ---*/
#joo-topsl .main { padding: 0; }
#joo-topsl .main-inner1 { padding: 10px 0; border-bottom: 1px solid #ccc; }
/* Bot spotlight ---*/
#joo-botsl .main { padding: 0; }
#joo-botsl .main-inner1 { padding: 10px 0; border-top: 1px solid #ccc; }
/* MISCELLANOUS
----------------------------------------------------------- */
/* Others ---*/
#joo-top-panel .main-inner1 {
border: 2px dotted #e2e2b5;
padding: 5px 10px;
text-align: center;
margin-top: 15px;
background: #ffffcc;
position: relative;
}
#joo-banner { border-top: 1px solid #ccc; }
div.joo-innerdiv { border-bottom: 1px dotted #ccc; }
div.joo-innerdiv h4 {
font-family: Helvetica, Arial, sans-serif;
font-size: 92%;
font-weight: normal;
text-transform: uppercase;
}
a.joo-icon-video {
background: url(../images/icon-youtube.gif) no-repeat 5px 8px #fff;
border: 1px solid #ccc;
color: #666;
display: block;
font-weight: bold;
position: absolute;
padding: 5px 5px 5px 43px;
right: 10px;
top: 8px;
text-decoration: none;
width: 35px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0 0 3px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
a.joo-icon-video span { color: #666; }
a.joo-icon-video:hover,
a.joo-icon-video:focus,
a.joo-icon-video:active { border-color: #ddd; text-decoration: none; }
a.joo-icon-video:hover span { color: #0F85D8; }
#joo-absolute .main {
position: fixed;
width: auto;
height: auto;
z-index: 99999;
top: 1px;
left: 1px;
}
#joo-absolute .main a {
width: 91px;
height: 99px;
overflow: hidden;
display: block;
background: url(../images/joomla16.png) no-repeat left top;
text-indent: -9999px;
}
#joo-absolute .main a:hover,
#joo-absolute .main a:focus {
background-position: left bottom;
}
/* BASE */
html, body {
height:100%;
}
/* BACKGROUND */
.joo-back {
height: 100%;
position: absolute;
width: 100%;
}
.joo-back-left {
background: url("../images/page_background.png") repeat-y scroll -140px top transparent;
height: 100%;
left: 0;
position: absolute;
width: 140px;
}
.joo-back-right {
background: url("../images/page_background.png") repeat-y scroll left top transparent;
height: 100%;
left: -140px;
margin-left: 100%;
position: absolute;
width: 140px;
}
.joo-back-bottom {
background: url("../images/page_background_footer.png") repeat-x scroll left top transparent;
bottom: 0;
height: 150px;
left: 0;
position: absolute;
width: 100%;
}
.joo-back-bottom-left {
background: url("../images/page_background_footer.png") repeat-x scroll left -350px transparent;
bottom: 0;
height: 150px;
left: 0;
position: absolute;
width: 140px;
}
.joo-back-bottom-right {
background: url("../images/page_background_footer.png") repeat-x scroll -140px -350px transparent;
bottom: 0;
height: 150px;
left: -140px;
margin-left: 100%;
position: absolute;
width: 140px;
}
#joo-wrapper {
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -6em;
}
#footer, #push {
height:6em;
}
#outer, #cont {
min-height: 100%;
overflow: hidden;
position: relative;
}
#footer {
border-top: 1px solid #A6A6A6;
overflow: hidden;
position: relative;
}
#footer {
font-size: 1em;
height: 5.9375em;
margin-top: -6em;
position: relative;
z-index: 15;
}
#page {
left: 2%;
position: relative;
width: 96%;
}
#header {
position: relative;
z-index: 16;
}
/* HEADER */
/* SEARCH AND FIRST LINE */
#main_switcher {
font-size: 0.7em;
left: 0;
position: absolute;
top: 0.8em;
width: 100%;
z-index: 1 !important;
}
.search_form {
margin-top: 0;
}
.search_form, .sitemap {
float: right;
margin-left: 2em;
margin-top: 3px;
}
.search_form input {
font-size: 1em;
vertical-align: middle;
}
#main_switcher li {float:left; margin-left: 2em; margin-top: 3px;}
#main_switcher a {
color: #000000;
text-decoration: underline;
}
#main_switcher a:hover {text-decoration:none;}
form input[type=submit] {
width: 5em;
padding:0;
}
/* MAIN NAVIGATION */
#main_navigation {
font-size: 0.9em;
margin: 0 0 0 21%;
padding: 3.3em 0 0;
}
#main_navigation ul {
left: -1em;
line-height: 1.8;
margin: 0 0 2em;
position: relative;
top: 0.35em;
width: 97%;
}
#main_navigation li, x:-moz-any-link, x:default {
height: auto;
}
#main_navigation li {
display: block;
float: left;
margin: 0 0 0 1em;
padding:0;
}
#main_navigation li a {
color: #363636;
white-space: nowrap;
text-decoration:underline;
}
#main_navigation li a:hover, #main_navigation li a:focus {text-decoration: underline; color:#00ADEF; }
#main_navigation li.active {
background-color: #007AC2;
margin: 0 -0.5em 0 0.5em;
padding: 0 0.5em;
}
#main_navigation li.active a {color:#DDEBF3;}
/* IMPORTANT NEWS */
#important_news {
border-top: 3px solid #D5D5D5;
height: 178px;
}
#important_news {
margin-top: 1em;
}
#important_news {
height: 180px;
position: relative;
}
#important_news .picture {
max-width: 2000px;
}
#important_news .picture {
background-color: #FFFFFF;
height: 179px;
}
#important_news .picture {
height: 180px;
}
#important_news .picture {
height: 179px;
margin-left: -2%;
overflow: hidden;
position: relative;
text-align: center;
width: 104%;
z-index: 10;
}
#important_news div.container {
margin: 0;
position: relative;
top: 0;
width: 100%;
}
#important_news .container {
margin: 0;
min-height: inherit;
width: auto;
}
div.container {
margin-bottom: 2em;
position: relative;
top: 1em;
width: 76%;
}
important_news .picture a.mega_img_link {
float: none;
left: auto;
}
#important_news .picture a.mega_img_link {
float: right;
left: 0;
margin: 0;
position: static;
}
#important_news .picture a {
color: #007AC2;
text-decoration:underline;
}
#important_news .picture a:hover {text-decoration:none;}
#important_news .picture a.mega_img_link {
margin-left: -500px;
}
#important_news .picture a.mega_img_link {
display: block;
left: 50%;
margin-left: -550px;
position: absolute;
z-index: 11;
}
#important_news .picture a {
display: inline;
position: relative;
}
#important_news .picture .mega_description {
left: -210px;
top: 1.3em;
width: 32%;
}
#important_news .picture .mega_description {
margin-left: -318px;
padding: 0;
top: 0;
width: 270px;
}
#important_news .picture .mega_description {
margin-left: -315px;
width: 13em;
}
#important_news .picture .mega_description {
background: none repeat scroll 0 0 transparent;
left: 0;
margin: 0;
padding: 0;
position: static;
top: 0;
width: 100px;
}
#important_news .picture .mega_description {
margin-left: -387px;
padding-bottom: 1.3em;
top: 33px;
width: 17em;
}
#important_news .picture .mega_description {
font-size: 1.375em;
left: 50%;
margin-left: -640px;
overflow: hidden;
padding: 0.2em 0.5em;
position: absolute;
text-align: left;
top: 23px;
width: 18em;
z-index: 20;
}
#important_news h1, #important_news h2 {
font-size: 1.5em;
margin: 0;
padding: 0;
position: static;
top: 0;
width: 100%;
}
#important_news h1, #important_news h2 {
color: #FFFFFF;
margin-bottom: 0.5em;
margin-left: 0;
padding: 0.2em 0 0.2em 0.7em;
font-weight:400;
}
#important_news h1, #important_news h2 {
margin-left: 1em;
line-height:1.3em;
}
#important_news .picture a {
color: #007AC2;
}
#important_news .picture a {
display: inline;
position: relative;
}
#joo-important_news .main {height:179px;}
#important_news .picture a.mega_img_link img {
left: 30%;
}
#important_news .picture a.mega_img_link img {
position: relative;
top: auto;
}
#important_news div.container img {
margin: 0;
}
/* INFORMSRS */
#joo-informers {
background: none repeat scroll 0 0 #F1F1F1;
border-top: 6px solid #D5D5D5;
margin-left: -2.1%;
position: relative;
width: 104.2%;
}
#joo-informers .main {
margin-left: 2%;
padding: 0.6em 0;
width: 98%;
}
#joo-projects {
background: url("../images/projects_map_bg.jpg") repeat scroll center top #F6F6F6;
border-color: #D5D5D5;
border-style: solid;
border-width: 3px 0;
height: 2em;
margin-left: -2.1%;
overflow: hidden;
position: relative;
width: 104.2%;
}
#joo-projects .proj_container {
font-size: 0.825em;
font-weight: bold;
height: 2em;
line-height: 1.9;
margin-left: 2%;
margin-top: 0.3em;
width: 98%;
}
#joo-projects .world {
float: left;
margin-right: 2em;
}
#joo-projects a {
font-weight: normal;
margin: 0 2em;
}
#joo-projects .world a {
font-weight: 700;
margin: 0;
}
/* FRONT */
.date {
float: left;
font-size: 0.8em;
position: relative;
width: 11%;
padding-top:10px;
}
.date span {
position: relative;
top: 0.3em;
}
.news_content {
margin: 0 0 0 11%;
padding-left: 100px;
position: relative;
}
.news_content h2 {
font-size: 1em;
font-weight: normal ;
}
.article-content img {border: 0 none;}
.article-content img:{border: 0 none;}
/* FOOTER */
.footer_content {
color: #636363;
font-size: 0.7em;
left: 2%;
padding: 0.95em 0 0;
position: relative;
width: 96%;
}
/* AVTOR */
#miller_column {
position: relative;
margin-top: 70px;
}
.miller_head {
background-color: #007AC2;
padding: 0.5em 0.5em 0.5em 1em;
position: relative;
}
.miller_head img.miller {
bottom: 0;
left: 0;
position: absolute;
z-index: 10;
}
.miller_head a {
color: white;
display: block;
font-family: Georgia,serif;
font-size: 1em;
font-style: italic;
font-weight: bold;
padding-left: 115px;
position: relative;
z-index: 20;
}
.miller_cite {
background-color: #F1F1F1;
}
.blockComment, .blockComment2 {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid;
padding: 0.5em;
position: relative;
width: 75%;
}
.blockCommentBlue, .blockComment2Blue {
border-color: #007AC2;
}
#miller_column .blockComment, .miller_cite .blockComment {
border-right-width: 0;
}
#miller_column .blockComment, .miller_cite .blockComment {
border-right-width: 0;
}
#analiticComments .blockComment, .miller_cite .blockComment {
margin-left: 0;
padding: 0.5em 0 0.8em;
width: 100%;
}
.blockComment .arrow, .blockComment2 .arrow {
height: 30px;
left: 50px;
position: absolute;
top: -30px;
width: 30px;
z-index: 10;
}
.blockComment .arrow, .blockCommentOrangeDown .arrow, .blockComment2 .arrow {
background: url("../images/icons_24.png") no-repeat scroll 0 0 transparent;
}
.blockCommentBlue .arrow {
background-position: 0 -141px;
height: 22px;
left: 90px;
top: -22px;
width: 21px;
}
#analiticComments .blockComment p, .miller_cite .blockComment p {
margin: 0 1em;
}
.blockComment p {
margin-right: 1em;
}
.miller_cite a {
display: block;
text-decoration:underline;
font-size: 140%;
}
.miller_cite a:hover {
text-decoration: none;
}
.miller_bg {
height: 15px;
overflow: hidden;
position: absolute;
right: 0;
top: 100%;
width: 100%;
}
.miller_bg .bg_stripe {
background: url("../images/miller_bg.png") repeat-x scroll left top transparent;
height: 15px;
left: 200px;
position: absolute;
width: 100%;
}
.miller_bg .corner {
background: url("../images/miller_bg_corner.png") no-repeat scroll left top transparent;
height: 15px;
left: 0;
position: absolute;
width: 200px;
}
/* RIGHT */
#joo-right {right: -2.1%;position: relative;}
#joo-right .joo-moduletable {margin-left:0 !important; margin-right:0 !important;}
/* ANONSI */
.right_announces {
margin-right: 20px;
margin-top: 40px;
}
.right_announces div {
height: 4em;
}
.right_announces a {
text-decoration: none;
}
.right_announces a img {
z-index: -1;
}
.right_announces a span {
display: block;
margin: -27px 0 0 45px;
text-decoration: underline;
}
.right_announces .rostrum {
height: 4.3em;
}
.right_announces .rostrum span {
margin-top: -34px;
}
.right_announces .piechart span {
margin-top: -41px;
}
.right_announces .marker img {
margin: 0 0 0 -14px;
position: relative;
}
.right_announces .marker span {
margin: -30px 0 0 48px;
}
#joo-right .joo-moduletable h3 {
color: #666666;
font-size: 1.1em;
font-weight: normal;
line-height: 1.3;
margin: 0 0 0.3em;
border:0;
text-transform:none;
}
#joo-right .joo-box-ct { color: #828282;
font-size: 0.75em;
line-height: 1.5;}
#joo-right .moduletable-padding {padding-right:25px;}
/* ARTICLE */
h1.articlin {
font-size: 2.375em;
margin-bottom: 0.5em;
}
h2 {
font-size: 1.625em;
margin-bottom: 0.8em;
margin-top: 1em;
}
h1, h2, h3 {
line-height: 1.2;
}
h1, h2 {
font-weight: normal;
}
.articlin p {
font-size: 0.875em;
}
.articlin em {
color: #336699;
display: block;
font-size: 1em;
line-height: 1.7;
margin: 1em 25% 1em 5%;
}
.articlin ul li {
font-size: 0.875em;
}
.articlin ul li {
line-height: 1.7;
margin: 0 0 0.8em;
background:none;
}
.articlin ul > li {
text-indent: -1.3em;
}
.articlin ul > li:before {
color: #FF8846;
content: "— ";
}
#joo-container ul.menu li a {padding:0; font-size: 0.825em;}
#joo-container ul.menu li a:hover {text-decoration: underline;}
#joo-container ul.menu li { line-height: 1.4;
margin: 0 0 0.7em;
position: relative;
border:none;}
/* COMMENTS */
.moduletable-comment .mhead {
background-color: #007AC2;
padding: 0.5em 0.5em 0.5em 1em;
position: relative;
}
.moduletable-comment .mhead h3 {
font-size: 1em !important;
font-style: italic;
margin-bottom:0 !important;
color: #FFFFFF !important;
font-family: Georgia,serif;
font-weight:700 !important;
padding:0 !important;
}
.miller_cite .blockComment {
margin-left: 0;
padding: 0.5em 0 0.8em;
width: 100%;
margin-bottom: 0.5em;
border-right-width: 0;
}
.blockCommentOrangeDown .arrow {
background-position: -24px -165px;
bottom: -18px;
height: 18px;
left: 15px !important;
top: auto;
width: 15px;
}
.miller_cite .blockComment p {
margin: 0 1em;
font-size: 0.8em;
}
.miller_cite a {
display: inline;
}
.miller_cite .personComment {
padding-bottom: 1em;
width: 100%;
}
.miller_cite .personComment .description {
margin-left: 36px;
color: #898989 !important;
display: block;
}
.miller_cite .personComment .description strong {
color: #636363;
}
.simpleBlock {
padding: 0.5em 0.5em 0.5em 1em;
}
h3.simpleBlocks {
font-size: 1.1em;
font-weight: bold;
}
.blockCommentOrange, .blockCommentOrangeDown, .blockComment2Orange {
border-color: #FF8846;
}
#analiticComments {
position: relative;
}
.slovo td {border:2px solid #0079c6;}