/*--------------------- Fonts ---------------------*/ @font-face { font-family: Corporate; src: url("/Font/CorporateACon-Reg.eot"); src: url("/Font/CorporateACon-Reg.eot?#iefix") format("embedded-opentype"), url("/Font/CorporateACon-Reg.woff") format("woff"), url("/Font/CorporateACon-Reg.ttf") format("truetype"); } /*--------------------- General ---------------------*/ A {font-weight:normal; color:#333; text-decoration:underline;} A:hover {text-decoration:none;} h1, h2, h3 {font:14px 'Corporate', Arial, Sans-serif; color:#000; } h1 {font-size:30px; padding:0; margin:0 0 10px 0; } h2 {font-size:25px; padding:0; margin:25px 0 5px 0;} h3 {font-size:22px; padding:0; margin:25px 0 5px 0;} h4 {padding:0; margin:25px 0 5px 0; font-weight:bold; line-height:1.5;} p {margin:0 0 10px 0;} ::selection {background:#d0e8ff;} ::-moz-selection {background:#d0e8ff;} table, table tr, table tr td {font:normal 12px/1.5 Arial, Verdana, Sans-serif;} img, table {border:0;} html {margin:0; padding:0;} body {margin:0 0 20px 0; padding:0; COLOR:#4f4f4f; font:normal 12px/1.5 Arial, Verdana, "Lucida Sans", "Lucida Grande", Sans-serif; text-align:center; /*background-color:#999;*/ background:#000 url(/gfx/bg.png) top center;} /*--------------------- Body layout ---------------------*/ #wrapper {width:100%; margin:0 auto; text-align:left;} #head {width:100%; height:93px; margin:0; padding:0;} #head .inner {width:980px; height:93px; margin:0 auto; text-align:left; position:relative;} #head #logo {position:absolute; left:0; top:25px;} #head #logo img {height:56px; width:221px; border:0;} #head #contact {position:absolute; right:20px; top:10px;} #head #search {position:absolute; right:0; bottom:20px; color:#fff; font-family:Symbol, Sans-Serif; z-index:99; cursor:pointer;} #head #search img {height:26px; width:26px; border:0; cursor:pointer;} #head .inner #shopping-cart {padding:10px 10px 10px 45px; background:#fff url(/gfx/webbedit/shopping-cart-logo.png) top left no-repeat; background-position:12px 12px; position:absolute; top:0; right:0; font-size:10px;} #head .inner #shopping-cart h5 {padding:0; margin:0; display:none;} #head .inner #shopping-cart p {padding:0; margin:0;} #head .inner #shopping-cart a {padding:0; margin:5px 0 0 0; display:block; text-decoration:none; font-weight:bold;} #head #nav {position:absolute; right:0; bottom:0px; height:26px; width:980px; margin:0; padding:0; overflow:hidden;} #head #nav ul {list-style:none; margin:0; padding:0; width:auto; height:26px; overflow:hidden; float:right; display:block;} #head #nav ul li {float:left; padding:0 35px 0 0; display:inline; height:26px; overflow:hidden;} #head #nav ul li:last-child {padding: 0;} #head #nav ul li a {font:14px Arial, Verdana, Sans-serif; color:#FFF; text-decoration:none; padding:5px 0 5px 0; margin:0; display:block;} #head #nav ul li.on a { color:#00adef;} #head #nav ul li a:hover {cursor:pointer; text-decoration:none;} #head #nav ul li a.haschild {display:none;} #head #nav ul li ul {display:none;} #head #pressinfo {position: absolute; right: 0; top: 20px;} #head .searchbar {width:160px; height:29px; float:right; margin-top:40px; margin-right:10px; overflow:hidden; position:relative; display:none;} #head .searchbar img {position:absolute; z-index:0; top:0; left:0; width:160px; height:29px;} #head .tbxon {width:125px; font:normal 12px arial, verdana, sans-serif; padding:4px 0; color:#333; float:right; overflow:hidden; position:absolute; z-index:10; top:2px; left:27px; border:0; outline-style:none; outline-width:0pt; background-color:transparent;} #head .tbxoff {width:125px; font:normal 12px arial, verdana, sans-serif; padding:4px 0; color:#888; float:right; overflow:hidden; position:absolute; z-index:10; top:2px; left:27px; border:0; outline-style:none; outline-width:0pt; background-color:transparent;} #head .btn {display:none;} #overlay-search {height:100%; width:60%; overflow:auto; overflow-x:hidden; position:fixed; left:0; top:0; z-index:999 !important; padding:0 20%; text-align:left; background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF,endColorstr=#BBFFFFFF); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BBFFFFFF,endColorstr=#BBFFFFFF); zoom:1; background:rgba(255,255,255,.90); display:none;} .overlay-search-close {text-decoration:none; font-size:40px; line-height:40px; position:fixed; top:4%; right:2%; color:#999; padding:0 5px; margin:0; cursor:pointer; display:block;} .overlay-search-close:hover {color:#000;} .overlay-search-title {font:bold 60px/60px Arial, Sans-serif; color:#000; margin:0; padding:5% 0 2% 0; display:block; width:100%; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .overlay-search-tbx {font-size:40px; padding:1% 2%; margin:0; border:2px solid #ccc; width:100%; outline-style:none; outline-width:0pt; background-color:#f7f7f7; color:#bbb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none;} .overlay-search-tbx:focus {background-color:#fff; color:#000; border:2px solid #2980b9;} .overlay-search-result {padding:3% 0 5% 0; margin:0; list-style:none; width:100%;} .overlay-search-result li {padding:0 0 2% 0; margin:0 0 2% 0; border-bottom:1px solid #ccc;} .overlay-search-result li:last-child {padding:0; margin:0; border:0;} .overlay-search-result li p.title {padding:0; margin:0; font-size:20px; font-weight:bold; color:#000;} .overlay-search-result li p.hits {padding:2px 0 0 0; margin:0; font-size:10px;} .overlay-search-result li a {font-size:14px; text-decoration:none;} .overlay-search-result li a:hover {text-decoration:underline;} .overlay-search-info {font:normal 20px/20px Arial, Sans-serif; color:#60add0; margin:2% 0 0 0; padding:1% 2%; border:2px solid #8ccfef; background-color:#cbeeff;} .overlay-search-alert {font:normal 20px/20px Arial, Sans-serif; color:#c3454a; margin:2% 0 0 0; padding:1% 2%; border:2px solid #df6c70; background-color:#fbcfd1;} .overlay-search-preloader {width:100px; height:100px; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px;} /*--------------------- Page layout ---------------------*/ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} * html .clearfix {height: 1%;} #content {width:100%; margin:0; padding:20px 0;} #content .inner {width:980px; margin:0 auto; padding:0 0 0px 0; min-height:450px; overflow:hidden; background: #fff;} .contentleft {width:248px; margin:0; padding:0; float:left; overflow:hidden; /*background:url(/gfx/left-menu-bg.gif) top left repeat-x;*/} .contentright {width:732px; margin:0; padding:0; float:right; overflow:hidden;} .contentrightfull {width: 100%; } .contentright #textContent {width: 95%; margin: auto; padding: 10px 0;} /*--------------------- Start page ---------------------*/ #start-slideshow {width:980px; margin:0 auto -30px auto; min-height:320px;} #start-content {width:980px; height:225px; margin:10px auto 0 auto; padding:0;} #start-puffs {width:627px; height:225px; margin:0; padding:0; overflow:hidden; float:left;} #start-puffs .puffitem {width:48.5%; height:100%; margin:0 3% 0 0; padding:0; float:left; text-align:left; overflow:hidden; position:relative;} #start-puffs .puffitem.last {margin-right:0;} #start-puffs .puffitem a {display:block; width:100%; height:100%; text-decoration:none;} #start-puffs .puffitem .rub, #start-puffs .puffitem a .rub {transition-duration:0.2s; -webkit-transition-duration:0.2s; width:100%; display:block; margin:0 0 1% 0; padding:0; font-size:14px; font-weight:bold; color:#333; text-align:left;} #start-puffs .puffitem .image, #start-puffs .puffitem a .image {width:100%; height:145px; display:block; margin:0 0 2.5% 0; text-align:center; background-color:#fff; overflow:hidden;} #start-puffs .puffitem .image img, #start-puffs .puffitem a .image img {transition-duration:0.2s; -webkit-transition-duration:0.2s; width:100%; display:block; opacity:1.0; filter:alpha(opacity=100);} #start-puffs .puffitem .content, #start-puffs .puffitem a .content {transition-duration:0.2s; -webkit-transition-duration:0.2s; width:100%; /*background:rgba(0,0,0,.6); color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,.3);*/} #start-puffs .puffitem .content p, #start-puffs .puffitem a .content p {transition-duration:0.2s; -webkit-transition-duration:0.2s; /*padding:0; margin:0;*/ line-height:16px; font-size:12px; color:#444;} #start-puffs .puffitem:hover .rub {transition-duration:0.2s; -webkit-transition-duration:0.2s; color:#000;} #start-puffs .puffitem:hover .content, #start-puffs .puffitem:hover .content p {transition-duration:0.2s; -webkit-transition-duration:0.2s; color:#222;} #start-puffs .puffitem:hover img, #start-puffs .puffitem a:hover img {transition-duration:0.2s; -webkit-transition-duration:0.2s; opacity:0.8; filter:alpha(opacity=80);} #start-news {width:32.5%; height:225px; margin:0; padding:0; float:right; text-align:left; overflow:hidden;} #start-news h3 {padding:0 0 2.6% 0; margin:0; display:block; font-size:16px; line-height:18px;} #start-news ul {list-style:none; margin:0; padding:0; width:100%; overflow:hidden;} #start-news ul li {width:100%; padding:0; margin:0 0 3% 0;} #start-news ul li a {transition-duration:0.2s; -webkit-transition-duration:0.2s; display:block; text-decoration:none; padding:1.5% 1.5% 1.5% 3%; margin:0; border-left:2px solid #ccc;} #start-news ul li a .date {display:block; font-size:10px; color:#888;} #start-news ul li a .title {display:block; color:#444; width:100%; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} #start-news ul li a:hover {transition-duration:0.2s; -webkit-transition-duration:0.2s; border-left:2px solid #2980b9; background-color:#f5f5f5;} #start-news ul li a:hover .date {color:#666;} #start-news ul li a:hover .title {color:#000;} /*--------------------- Left menu ---------------------*/ #leftmenu {background: #2b2d31; min-height: 450px; background: url(/gfx/leftMenuBg.png) no-repeat #2f3034;} #leftmenu h2 {height: 40px; color: #fff; margin: 0;} #leftmenu h2 span {position: relative; top: 7px; left: 15px;} #leftmenu ul.menu {width:100%; margin:0; padding:0 0 0px 0; list-style:none; float:left; overflow:hidden; } #leftmenu ul.menu li {width:100%; min-height: 27px; height: auto; margin:0; padding:0; background: url(/gfx/leftMenuBorder.png) no-repeat top center; } #leftmenu ul.menu li:last-child {} #leftmenu ul.menu li a {color: #fff; text-decoration: none; margin: 0px 0 0 15px; position: relative; top: 0px; width: 210px; height: 27px; display: block; background: url(/gfx/subnavArrrow.png) no-repeat right center;} #leftmenu ul.menu li a span {position: relative; top: 5px;} #leftmenu ul.menu li a:hover {color:#00adef;} #leftmenu ul.menu li.on a {color:#00adef; background: url(/gfx/subnavArrrow-selected-vert.png) no-repeat right center; } #leftmenu ul.menu li.on-childs {height: auto; display: inline-block;} #leftmenu ul.menu li.on-childs a {color:#00adef; background: url(/gfx/subnavArrrow-selected.png) no-repeat right center;} #leftmenu ul.menu li.on-childs ul {margin:0 0 0 0px !important; display: block !important; background: url(/gfx/leftMenuBg2.png) no-repeat #565759; } #leftmenu ul.menu li.on-childs ul li {border:0;} #leftmenu ul.menu li.on-childs ul li a {font-weight:normal !important; line-height:24px !important; font-size:11px; color:#fff; background: url(/gfx/subnavArrrow.png) no-repeat right center;} #leftmenu ul.menu li.on-childs ul li a:hover {color:#00adef;} #leftmenu ul.menu li.on-childs ul li.on a {color:#00adef; } #leftmenu ul.menu li.on-childs ul li.on-childs a {color:#00adef !important; background: url(/gfx/subnavArrrow-selected.png) no-repeat right center;} #leftmenu ul.menu li.on-childs ul li.on-childs ul { background: url(/gfx/leftMenuBg3.png) no-repeat #5b5c5f;} #leftmenu ul.menu li.on-childs ul li.on-childs ul li { background: none !important;} #leftmenu ul.menu li.on-childs ul li.on-childs ul li a { color: #fff !important; background: none !important;} #leftmenu ul.menu li.on-childs ul li.on-childs ul li.on a {color:#00adef !important;} #lastestImages {} #lastestImages ul {list-style: none; padding: 0 15px; overflow: hidden;} #lastestImages ul li {float: left; width: 50%; height: 72px; overflow: hidden;} #lastestImages ul li img {width: 100%;} #lastestImages a.seeMoreLink {color: #fff; position: relative; left: 15px; } #facebookFeed {padding: 0 15px 15px 15px; margin: 20px 0 0 0;} #facebookFeed .fb-date {} #facebookFeed .fb-news {margin: 0 0 10px 0;} #facebookFeed .fb-news a {color: #fff;} /*--------------------- Footer layout ---------------------*/ #footer {width:100%; min-height:40px; _height:40px; margin:0 0 20px 0; padding:40px 0 0 0; clear:left; position:relative; font-size:11px; line-height:16px; color:#fff; } #footer .inner {width:980px; min-height:40px; _height:40px; margin:0 auto;} #footer a {font-weight:normal; color:#fff; text-decoration:none;} #footer a:hover {text-decoration:underline;} #footer .left {float:left; padding:0; margin:0; text-align:left;} #footer .right {float:right; padding:0; margin:0; text-align:right; display:none;} #footer .right .rss img, #footer .right .facebook img, #footer .right .twitter img {margin:0 0 3px 2px; padding:0; border:0;} #footer .links {margin-bottom:10px; width:980px;} #footer .links .left {float:left; width:16%; display:block; overflow:hidden; margin:0 0.6% 1% 0; text-align:left; clear:right;} #footer .links .left li {list-style-type:none; margin-left:0; padding-left:0;} #footer .links .left.first {padding-left:0px;} #footer .links .left p a {color:#fff; display:block; line-height:20px; font-size:10px; font-family:Arial, Verdana, sans-serif;} #footer .links .left p a strong {color:#fff; font-size:12px;} .filesTable {border-collapse:collapse; width: 80%;} .filesTable tr td {border-top: 1px dotted #000; padding: 5px 0;} .clear {clear: both;} .portalHeader {text-align: center; font-size: 40px; margin: 0;} .portalDiv {width: 350px; float: left; margin: 0 90px 0 20px; padding: 0 0 20px 0; } .portalDiv:last-child {margin: 0 20px 0 0;} .portalDiv h2 a { display: block; text-decoration: none; padding: 10px; text-align: center; color: #000; font-size: 30px; }