/*   
Theme Name: MIG - KARNOBAT
Theme URI: http://mig-karnobat.eu
Description: Website
Author: Stenisoft
Author URI: http://stenisoft.com
Version: 1
*/

@charset "utf-8";

/* ~~~ Resets ~~~ */

html, body, div, p, span, a:link, form, input { margin:0px; padding:0px; list-style:none; line-height: 19px; border: none; }
input { font: 14px Arial, Helvetica, sans-serif; } 
select { margin: 0; padding: 0; padding: 1px 0; font: 14px Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-weight: normal; }
iframe { margin: 0; padding: 0; }
img { border: 0; }
a img { border: none; }
a { outline: none; text-decoration: none; }
a:hover { text-decoration: underline; }
ul, li, ol, dl { padding: 0; margin: 0; list-style: none; }
table, th, tr, td { margin: 0; padding: 0; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

/* ~~~ Body ~~~ */

body { font: 14px Arial, Helvetica, sans-serif; background: url(images/tail-bg.gif); color: #333; }

/* ~~~ Header ~~~ */

#header { position: relative; width: 990px; height: 120px; margin: 0 auto; }
#header .logo { float: left; width: 100px; padding-top: 7px; }
#header .slogan { float: left; padding-top: 18px; }
#header .slogan h1 { font-size: 16px; color: #444; }
#header .slogan h2 { padding-top: 7px; font-size: 16px; color: #6B7CC2; } 
#header .flags { float: right; padding-top: 36px; }
#header #lang { position: absolute; right: 0; top: 0; }
#header #lang ul li { float: left; background: #c1cbef; }
#header #lang ul li a { display: block; }
#header #lang ul li.bg { padding: 0 0 0 4px; }
#header #lang ul li.en { padding: 0 4px 0 0; }
#header #lang ul li img { border-top-width: 6px; border-right-width: 4px; border-bottom-width: 6px; border-left-width: 4px; border-style: solid; border-color: #c1cbef; }
#header #lang ul li img:hover { border-color: #a6b6ef; }

/* ~~~ Navigation ~~~ */

#nav-wrap { height: 55px; background: url(images/tail-nav.gif) repeat-x; }
#nav { width: 990px; height: 55px; margin: 0 auto; }
#nav ul li { float: left; width: 141px; text-align: center; background: url(images/vertical.gif) no-repeat 0px 10px; }
#nav ul li a { display: block; height: 37px; padding: 18px 0 0 0; font-size: 15px; color: #444; }
#nav ul li .fb { padding: 0; }
#nav ul li a.current, #nav ul li a:hover { background: url(images/nav-over.gif) no-repeat; color: #fff; text-decoration: none; }
#nav ul li a.fb:hover { background: none; }

/* ~~~ Slideshow ~~~ */

#slideshow-wrap { position:relative; width:100%; overflow:hidden; background:#000; z-index: 100; }
#slideshow-wrap #slideshow { position: relative; width: 1600px; height: 588px; overflow: hidden; margin:0 0 0 -800px; left:50%; }
#boxes-wrap { position: relative; width: 990px; margin: 0 auto; z-index: 101; }
#boxes-wrap .box1 { position: absolute; left: -2px; top: 396px; width: 310px; height: 178px; background: url(images/box1.png) no-repeat; }
#boxes-wrap .box2 { position: absolute; left: 341px; top: 396px; width: 310px; height: 178px; background: url(images/box2.png) no-repeat; }
#boxes-wrap .box3 { position: absolute; left: 684px; top: 396px; width: 310px; height: 178px; background: url(images/box3.png) no-repeat; }
#boxes-wrap h3 a { padding: 55px 20px 0 20px; text-align: center; font-size: 30px; color: #fff; line-height: 32px; display: block; }
#boxes-wrap .box3 h3 a { padding-top: 24px; }
#boxes-wrap .box-btn1, #boxes-wrap .box-btn2, #boxes-wrap .box-btn3 { padding: 27px 0 0 89px; }
#boxes-wrap .box-btn1 a { width: 130px; height: 34px; display: block; background: url(images/more1.png) no-repeat left top; }
#boxes-wrap .box-btn1 a:hover { background: url(images/more1.png) no-repeat left bottom; }
#boxes-wrap .box-btn2 a { width: 130px; height: 34px; display: block; background: url(images/more2.png) no-repeat left top; }
#boxes-wrap .box-btn2 a:hover { background: url(images/more2.png) no-repeat left bottom; }
#boxes-wrap .box-btn3 a { width: 130px; height: 34px; display: block; background: url(images/more3.png) no-repeat left top; }
#boxes-wrap .box-btn3 a:hover { background: url(images/more3.png) no-repeat left bottom; }

/* ~~~ Wrapper ~~~ */

#wrapper { width: 990px; margin: 12px auto 8px auto; }
#wrapper .title { height: 44px; background: #C1C9E6; }
#wrapper .title p { padding: 13px 0 0 0; }
#wrapper .body { margin: 0 0 12px 0; padding: 12px; background: #fff; font-size: 12px; }
#wrapper .body ul li { padding: 3px 0 3px 15px; background: url(images/arrow.gif) no-repeat 0 8px; }
#wrapper .body ul li a { color: #333; }

/* ~~~ Content ~~~ */

#content { float: left; width: 566px; margin: 0 0 0 12px; }
#content #home .title { background-image: url(images/home.png); background-repeat: no-repeat; background-position: 12px 9px; }
#content #home .title p { padding-left: 47px; }
#content #home .pub-title { padding: 12px; background: #E2E5F3; }
#content #home .pub-title a { color: #333; font-weight: bold; }
#content #home .pub-content { padding: 12px; }
#content #home .pub-content a { color: #2E3D72; text-decoration: underline; }
#content #home .pub-content a:hover { text-decoration: none; }
#content #home .pub-content .more { padding: 6px 0 0 0; }
#content #home .pub-content .more a, #content #home #pub-cont a { color: #9D1E62; text-decoration: underline; }
#content #home .pub-content .more a:hover, #content #home #pub-cont a:hover { text-decoration: none; }
#content #home .notification { margin: 0 0 12px 0; padding: 5px 12px; background: #E2E5F3; font-weight: bold; }
#content #home .notification:hover { background: #d4d9f3; }
#content #home #accordion  a { font-size: 12px; color: #444; }
#content #home #accordion .notification a { font-size: 13px; color: #333; text-decoration: none; }
#content .pad { padding: 5px 0; }

/* ~~~ Details ~~~ */

#content #home #pub-cont p { padding: 0 0 8px 0; }
#wrapper #home #pub-cont ul li { padding: 0 0 6px 15px; background: url(images/arrow.gif) no-repeat 0 5px; }
#wrapper #home #pub-cont ul.step1 li { padding: 6px 0 2px 8px; background: none; }
#wrapper #home #pub-cont ul.step2 li { padding: 6px 0 2px 16px; background: none; }
#wrapper #home #pub-cont #normativni tr td, #wrapper #home #pub-cont .normativni tr td { padding-bottom: 16px; }
#wrapper #home #pub-cont #normativni a, #wrapper #home #pub-cont .normativni a { color: #444; }
#wrapper #home #pub-cont #normativni img, #wrapper #home #pub-cont .normativni img { padding: 0 10px 0 0; }

/* ~~~ Sidebar left ~~~ */

#sidebar-left { float: left; width: 200px; }
#sidebar-left #pages .title { background-image: url(images/pages.png); background-repeat: no-repeat; background-position: 12px 9px; }
#sidebar-left #pages .title p { padding-left: 53px; }
#sidebar-left #cmp .title { background-image: url(images/cmp.png); background-repeat: no-repeat; background-position: 12px 9px; }
#sidebar-left #cmp .title p { padding-left: 53px; }
#sidebar-left #map .title { background-image: url(images/map.png); background-repeat: no-repeat; background-position: 11px 9px; }
#sidebar-left #map .title p { padding-left: 53px; }
#sidebar-left #buyer .title { height: 63px; background-image: url(images/buyer.png); background-repeat: no-repeat; background-position: 15px 16px; }
#sidebar-left #buyer .title p { padding-left: 53px; }
#sidebar-left ul li a.active { color: #9D1E62; }

/* ~~~ Sidebar right ~~~ */

#sidebar-right { float: right; width: 200px; }
#sidebar-right #ads .ads-title { height: 44px; background: url(images/ads-bg.gif) no-repeat; }
#sidebar-right #ads .ads-title p { padding: 13px 0 0 49px; color: #fff; }
#sidebar-right #ads .body { background: url(images/ads-body.gif) repeat-y; }
#sidebar-right #ads .body ul li { padding: 3px 0 3px 15px; background: url(images/arrow-white.png) no-repeat 0 8px; }
#sidebar-right #ads .body ul li a { color: #fff; }
#sidebar-right #links .links-title { height: 44px; background: url(images/links-bg.gif) no-repeat; }
#sidebar-right #links .links-title p { padding: 13px 0 0 49px; color: #fff; }
#sidebar-right #links .body { background: url(images/links-body.gif) repeat-y; }
#sidebar-right #links .body ul li { padding: 3px 0 3px 15px; background: url(images/arrow-white.png) no-repeat 0 8px; }
#sidebar-right #links .body ul li a { color: #fff; }

/* ~~~ Footer ~~~ */

#zig-zag { width:100%; height:8px; background:url(images/border-zig-zag.gif) repeat-x 0 0; }
#footer-wrap { background: url(images/footer.gif); }
#footer { width: 990px; margin: 0 auto; padding: 26px 0 20px 0; }
#footer #f-gallery, #footer #f-pages, #footer #f-about { float: left; width: 330px; }
#footer .title { text-transform: uppercase; }
#footer .gallery-wrap { width: 200px; padding: 8px 0 0 0; }
#footer .gallery-wrap img { margin: 12px 12px 0 0; border: 3px solid #9FA7C6; }
#footer .gallery-wrap img:hover { border: 3px solid #8F98BC; }
#footer .pages-wrap ul { width: 160px; padding: 8px 0 0 0; }
#footer .pages-wrap ul li { padding: 8px 0; }
#footer .pages-wrap ul li a { color: #666; font-size: 12px; text-transform: uppercase; }
#footer .pages-wrap ul li.border { background: url(images/border.gif) repeat-x; }
#footer .about-wrap { padding: 8px 0 0 0; font-size: 12px; color: #666; }

/* ~~~ Bottom ~~~ */

#bottom-wrap { background: url(images/tail-bg-slide.gif); }
#bottom { width: 990px; margin: 0 auto; padding: 16px 0; }
#bottom p { font: 11px Tahoma, Geneva, sans-serif; line-height: 18px; }
#bottom .copy { padding-top: 10px; text-align: center; }

/* ~~~ Gallery ~~~ */

#content #gallery101 { padding-top: 10px; }
#wrapper #home #pub-cont .ngg-galleryoverview .ngg-gallery-thumbnail, #content #gallery101 .gallery101-wrap { float: left; width: 129px; height: 104px; }
#wrapper #home #pub-cont .ngg-galleryoverview .ngg-gallery-thumbnail a, #content #gallery101 .gallery101-wrap a { width: 100px; height: 75px; display: block; padding: 5px; background: #D4D9ED; }
#wrapper #home #pub-cont .ngg-galleryoverview .ngg-gallery-thumbnail a:hover, #content #gallery101 .gallery101-wrap a:hover { background: #B7BFE1; }
#wrapper #home #pub-cont .ngg-galleryoverview .ngg-clear { clear:both; height:0; font-size: 1px; line-height: 0px; }