@font-face {
    font-family: 'century_gothic';
    src: url('font/42933-webfont.eot');
    src: url('font/42933-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('font/42933-webfont.woff') format('woff'),
         url('font/42933-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

body{padding: 0; margin: 0; background: #fff; color: #4c4c4c; font-family: 'roboto', Arial, sans-serif; font-size: 14px;}

.fs_14{font-size: 14px;}
.fs_20{font-size: 20px;}
.fs_22{font-size: 22px;}
.fs_24{font-size: 24px;}
.fs_26{font-size: 26px;}
.fs_28{font-size: 28px;}

img{border: none;}

.align_left{text-align: left;}
.align_right{text-align: right;}
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}

body{background: #dbdbdb url('../img/bg-content.png') repeat-y center top; padding: 0; margin: 0; font-family: 'century_gothic', sans-serif; font-size: 13px;}

.wrapper{width: 100%; background: url('../img/bg-header.png') repeat-x left top; overflow: auto;}
.container{width: 1024px; position: relative; margin: 0 auto;}

.header{height: 140px; margin-top: 10px;}
.header h1{margin: 25px 0 0 0; padding: 0; float: left; width: 230px;}
.header h1 a{display: block; width: 230px; height: 89px; background: url('../img/arpot-logo-new-trans.png') no-repeat; }
.header h1 a span{margin-left: -999em;}

.content-right{width: 755px; float: right; position: relative;}

.header .contact{font-size: 12px; border: 2px solid #739b04; padding: 4px 15px 2px 15px; background: #fafafa; position: absolute; top: -6px; right: 0; border-bottom: none; border-radius: 30px 0 0 0; height: 16px; line-height: 16px;}
.header .contact img{vertical-align: middle;}
.header .contact a{text-decoration: none; color: #739b04;}
.header .contact a:hover{text-decoration: underline;}
.header h2{margin: 0; padding: 0; position: absolute; top: 38px; left: 0; font-size: 16px; color: #10186f; text-transform: uppercase;}
.header .nav{position: absolute; left: 0; top: 73px; width: 100%; text-transform: uppercase;}
.header .nav ul{list-style: none; padding: 0; margin: 0;}
.header .nav ul li{float: left; margin-left: 20px;}
.header .nav ul li:first-child{margin-left: 0px;}
.header .nav ul li a{background: #739b04; border-radius: 3px; color: #fff; display: block; padding: 8px 20px; text-decoration: none; transition: all 0.3s linear 0s;}
.header .nav ul li a.active, .header .nav ul li a:hover {background: #83ab14;}


.main.left-content{min-height: 410px; margin-top: 20px;}
.left-content{float: left; width: 231px;}
.left-content .tags{padding: 4px 0 8px 0;}

.slider-wrapper{background: #f4f4f4;}
.content-wrapper{background: #f4f4f4; padding: 10px 20px; margin-top: 20px;}

.nbox{font-family: 'Arial', sans-serif; padding: 10px 0;}
.nbox .nimg{float: left; width: 150px; margin-right: 10px;}
.nbox .ncontent{overflow: hidden;}
.nbox .ncontent .date{padding: 0; margin: 0; color: #666; font-weight: bold; font-size: 13px;}
.nbox .ncontent .title{padding: 5px 0 0 0; margin: 0; font-weight: bold; font-size: 14px;}
.nbox .ncontent .title a{text-decoration: none; color: #235781;}
.nbox .ncontent .desc p:last-child{margin-bottom: 0; padding-bottom: 0;}
.nbox .ncontent .more{padding: 0; margin: 0; text-align: right;}
.nbox .ncontent .more a{font-size: 12px; color: #b2b2b2; text-decoration: none;}
.nbox .ncontent a:hover{text-decoration: underline;}

.article.news h1, .article.page h1, .article.gal h1 {color: #1f2b77; text-align: center; text-transform: uppercase; margin-top: 20px;}

.npage {padding: 10px 0;}
.npage .date{display: block; font-family: 'Arial', sans-serif; font-size: 12px; font-weight: bold;}
.npage h2{margin-top: 0; padding-top: 5px;}

.pager ul{list-style: none; padding: 0; margin: 20px 0;}
.pager ul li {float: left;}
.pager ul li a{margin: 2px; padding: 0 6px; text-decoration: none; color: #808080; border: 1px solid #f4f4f4;}
.pager ul li a.active, .pager ul li a:hover {border-color: #66aa66; border-radius: 3px; }

.nimages a{display: block; float: left; width: 154px; min-height: 117px; margin: 0 20px 20px 0;}
.nimages a img{border: 1px solid #f4f4f4; display: block; opacity: 0.8; padding: 1px;}
.nimages a:hover img{border-color: #739b04; opacity: 1;}

.article iframe{border: 0;}

.gmenu{padding: 15px;}
.gmenu ul{list-style: none; padding: 0; margin: 0;}
.gmenu li{margin-bottom: 5px;}
.gmenu li a{display: block; background: #242b7c; border-radius: 3px; color: #fff; padding: 8px 15px; text-align: center; text-decoration: none; transition: all 0.3s linear 0s; text-transform: lowercase; font-size: 12px;}
.gmenu li a.active, .gmenu li a:hover{background: #0b1157;}

.gbox{font-family: 'Arial', sans-serif; padding: 10px 0; border-bottom: 2px solid #ccc;}
.gbox .date{padding: 0; margin: 0; color: #666; font-weight: bold; font-size: 13px;}
.gbox .title{padding: 5px 0 0 0; margin: 0 0 20px 0; font-weight: bold; font-size: 14px;}
.gbox .title a{text-decoration: none; color: #235781;}

.footer-nav{background: #fffdfe; margin-top: 15px;}
.footer-nav ul{list-style: none; padding: 0; margin: 0;}
.footer-nav ul li{float: left;}
.footer-nav ul li a{display: block; padding: 8px 29px; color: #969495; margin-left: 13px; text-decoration: none; text-transform: lowercase;}
.footer-nav ul li a.active, .footer-nav ul li a:hover {background: #f6f6f6;}
.footer-nav ul li:first-child a{margin-left: 0px;}