/* info -------------------------------------------------------- Start: 18.11.2011. Name: ICOM Author: BozooArt, www.bozooart.com Theme Name: ICOM */ /* Colors ----------------------------------------------- #262626 = black #1e305f = blue #b4b4b4 = gray #e4e4e4 = light gray radius -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; /* Normalize ----------------------------------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; font-weight: normal; } ol, ul { list-style: none; } address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; padding: 0; margin: 0; } caption, th { text-align: left; } q:before, q:after { content:''; } hr { display: none; } legend { display: none; } input, textarea, select { font-family: Arial, Helvetica, sans-serif; color: #444444; } img { margin: 0; padding: 0; } a { text-decoration: none; color: #1e305f } a:hover { border: none; text-decoration: underline } a:focus { outline: none; } .clr { clear: both; } /* General ----------------------------------------------- */ html, body { height: 100%; } body { font: 13px/1.6em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; color: #272727;background: url(img/bg.gif) repeat-y center 0 ; } #container { width: 965px; margin: 0 auto; } #bg { background: url(img/ring.png) center 0 no-repeat;} #blue-line { background: url(img/nav-bg.gif) no-repeat center 0 } #left-part { float: left; width:665px; } #header { height: 203px; position: relative } #header h1 a { display: block; text-indent: -9999em; width: 550px; height: 120px; background: url(img/logo.png) no-repeat; background-size: cover; position: absolute; margin-top: 45px; } #header-right { } #mission { color: #1e305f; font: 14px "Georgia", serif; font-style: italic; line-height: 1.6em; margin-right: 30px; clear: both; text-shadow: 1px 1px 0 #fff; } #lang { float: right; margin-top: 10px; } #lang a { margin-left: 5px; display: block; width: 70px; text-align: center; padding: 2px 0 2px 0; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 11px } #lang a.current { background: #fff; } #lang a:hover { background: #1e305f; color: #fff; text-decoration: none } #nav { background: #1e305f; height: 45px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } #nav li { float: left; display: inline } #nav li a { color: #e4e4e4; text-transform: uppercase; font-size: 11px; display: block; padding: 12px 9px; text-decoration: none } #nav li a:hover, #nav li.current_page_item a, #nav li.current a { background: #374a7a; color: #fff; } #nav ul { position: absolute; z-index: 10; -moz-box-shadow:10px 20px 30px #444; -webkit-box-shadow: 10px 20px 30px #444; box-shadow: 10px 20px 30px #444; display: none; } #nav ul li { display: block; float: none; padding: 0; margin: 0; } #nav ul li a { padding: 0; background: #1e305f !important; text-transform: none; padding: 5px 25px 5px 10px; border-top: 1px solid #374a7a; font-size: 12px } #nav ul li a:hover, #nav ul li.current_page_item a { background: #374a7a !important; color: #fff; } #nav li:hover { background: #374a7a; color: #fff; } #nav li:hover ul { display: block; } #content-section { padding: 0 30px 80px 0; } .post { background: url(img/separator.gif) repeat-x; padding: 20px 40px 20px 0; } .post-date { font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; text-shadow: 1px 1px 0 #fff; } .post h2 { margin: 5px 0 } .post h2 a { font: 26px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #1e305f; font-weight: bold; text-shadow: 1px 1px 0 #fff; } .post h2 a:hover { text-decoration: underline } .post-img { width: 208px; height: 142px; background: url(img/img-bg.png) no-repeat; padding: 5px; float: left; margin: 0 12px 0 -5px } .post-img img { margin: 5px; padding: 0 !important; border: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !Important } .post a.more { color: #1e305f; background: url(img/arrow.png) 0 4px no-repeat; padding: 0 0 0 13px; font-weight: normal; } .post a.more:hover { text-decoration: underline; } .post:first-child { background: none; } .post a { font-weight: bold; } .post a:hover { text-decoration: underline; } #category h2 {font: 26px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #262626; font-weight: bold; text-shadow: 1px 1px 0 #fff; margin-top: 20px; padding-bottom: 10px; text-transform: uppercase; } #category h3 { font: 26px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #1e305f; font-weight: bold; text-shadow: 1px 1px 0 #fff; } #footer { font-size: 11px; text-shadow: 1px 1px 0 #fff; margin-top: 30px; clear: both; position: relative; } #footer-sep { background: url(img/separator.gif) repeat-x; width: 665px; padding: 10px 0 30px; float: left; } #footer a { margin-right: 20px } #footer .web { border-top: 1px solid #e4e4e4; float: left; width: 280px; display: block; margin-left: 20px; padding: 10px 0 30px; } #footer .web a { float: right; margin: 0; padding: 0 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 11px; color: #ccc; } #footer a:hover { color: #1e305f; text-decoration: underline; } #footer .web a:hover { background: #fff; text-decoration: none } /* sidebar */ #sidebar { float: left; width: 285px; padding: 15px 0 0 15px; } #search p { border: 1px solid #e4e4e4; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; height: 31px } #search .input-text { border: none; color: #b4b4b4; padding: 8px 5px 5px; width: 179px; background: none; } #search .search-btn { width: 89px; background: #b4b4b4; text-transform: uppercase; font-size: 11px; height: 29px; float: right; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; cursor: pointer; margin: 1px 1px 0 0; color: #fff; } #search .search-btn:hover { background: #1e305f; } #search .input-text:focus { color: #262626; } #main-details { line-height: 1.5em; color: #262626; margin-top: 25px; font-size: 12px; } #main-details dl { width: 178px; float: left; } #main-details dt { color: #1e305f; } #main-details img { border: 1px solid #b4b4b4; width: 105px; height: 75px; } .eng #main-details dl { font-size: 11px; width: 200px; } .eng #main-details img { border: 1px solid #b4b4b4; width: 80px; height:60px; margin-top: 15px } .eng #main-details { margin: 15px 0 10px; } #main-details ul { background: url(img/lines.gif) 0 9px no-repeat; padding: 7px 0 0 58px; margin-top: 8px; line-height: 1.2em; height: 80px; } #main-details li.first { margin-bottom: 11px; } #main-details li strong { display: block; margin-bottom: 3px; font-weight: normal; color: #262626 } #main-details li a { display: block; padding: 0 0 0 25px; background: url(img/mail.gif) 0 3px no-repeat; } .eng #main-details ul { padding: 7px 0 0 58px; margin-top: 25px; line-height: 1.2em; height: 80px; } .side-list { margin-bottom: 20px; } .side-list h3 { background: #b4b4b4; color: #fff; height: 20px; padding: 6px 0 4px 18px; font: 14px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold; text-transform: uppercase; text-shadow: 0 1px 5px #666; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .side-list li { line-height: 1.3em; border-top: 1px solid #e4e4e4; font-size: 12px; padding: 7px 5px; } .side-list small { display: block; font-size: 11px; color: #262626; margin-bottom: 2px } .side-list li a:hover { font-size: } .side-list h3 a { font: 10px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; text-shadow: none; color: #262626; margin: 0 0 0 60px; } .side-list li.pdf, .side-list li.word { padding: 0; } .side-list li.pdf a { background: url(img/icons.gif) no-repeat 0 6px; padding: 5px 5px 7px 25px; display: block } .side-list li.pdf a:hover { background-position: 0 -60px } .side-list li.word a { background: url(img/icons.gif) no-repeat 0 -126px; padding: 5px 5px 7px 25px; display: block } .side-list li.word a:hover { background-position: 0 -192px } #thumbs { margin-top: 10px; } #sidebar .ngg-galleryoverview a { margin: 3px; width: 88px !important; height: 66px !important; float: left; } #sidebar .ngg-galleryoverview a img { width: 88px !important; height: 66px !important; } /* single page */ .text-content { padding: 15px 0 75px; } .text-content .text-date { font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; text-shadow: 1px 1px 0 #fff; } .text-content h2 { margin: 7px 0; font: 26px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #1e305f; font-weight: bold; text-shadow: 1px 1px 0 #fff; } .text-content h3 { margin: 15px 0; font-size: 14px; font-weight: bold; text-shadow: 1px 1px 0 #fff; background: url(img/separator.gif) repeat-x 0 bottom; padding-bottom: 6px } .text-content .text-img { width: 208px; height: 142px; background: url(img/img-bg.png) no-repeat; padding: 5px; float: left; margin: 0 12px 0 -5px; display: block; } .text-content .text-img img { margin: 5px; width: 208px; height: 142px; } .text-content .text img { border: 1px solid #b4b4b4; padding: 4px; background: #fff; -webkit-box-shadow: 0 0 2px #444; box-shadow: 0 0 2px #444; } .text-content .text p { margin-bottom: 20px; } .text-content .text a { font-weight: bold; } .text-content .text li a { font-weight: normal; } .text-content .post-img { width: 208px; height: 142px; background: url(img/img-bg.png) no-repeat; padding: 5px; float: left; margin: 0 30px 0 -5px } .text-content table { margin-bottom: 40px; } .text-content table td { padding: 5px; border: 1px solid #e4e4e4; background: #fff; font-size: 12px } .text-content table td a { font-weight: normal !important; } .text-content ul { margin: 0 20px 20px; padding: 0 } .text-content ul li { list-style-type: circle; padding-left: 10px; margin-bottom: 5px; } .text-content ol { margin: 0 20px 20px; padding: 0 } .text-content ol li { list-style-type: decimal; font-size: 12px; } #corner { background: url(img/corner.gif) no-repeat; width: 5px; height: 50px; position: absolute; right: -5px; top: 204px } #submenu { background: #b4b4b4; width: 200px; float: right; margin-left: 30px; padding: 0; -moz-box-shadow: -5px 10px 10px #444; -webkit-box-shadow: 0px 0px 0px #444; box-shadow: 1px 0px 1px #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } #submenu ul { padding: 0; margin: 0; } #submenu li { list-style-type: none; padding: 0; margin: 0; border-top: 1px dotted #fff; } #submenu li a { padding: 2px 10px; display: block; color: #fff; font-weight: normal; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } #submenu li a:hover, #submenu li.current_page_item a { background: #1e305f; text-decoration: none; } #submenu li:first-child { border: none; } .text-content .ngg-galleryoverview { margin: 20px 0 70px 0; } .text-content .ngg-galleryoverview a { float: left; margin: 0 4px 10px; height: 110px; width: 146px; -webkit-box-shadow: 0 0 2px #444; box-shadow: 0 0 0 #444; border: 2px solid #fff !important } .text-content .ngg-galleryoverview a:hover { -webkit-box-shadow: 0 0 2px #000; box-shadow: 0 0 7px #000; } .text-content .ngg-galleryoverview img { padding: 0 !important; background: none; height: 110px; width: 146px; -webkit-box-shadow: none; box-shadow: none; border: none !important } /* pretty photo */ div.facebook .pp_top .pp_left { background: url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; margin: 7px 10px 0 0 !important } /* Close button */ div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_nav .pp_arrow_previous { background: url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_nav .pp_arrow_next { background: url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 14px; padding: 0 3px 0 4px; } div.facebook .pp_next:hover { background: url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.facebook .pp_nav { width: 110px; position: absolute; margin: 10px !important; font-family: arial, helvetica, sans-serif !important } div.facebook .pp_description { font-size: 1.6em; position: absolute; margin: 10px 0 0 120px; font-weight: bold; color: #1E1A19; } div.ppt { display: none !Important; } div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; } .pp_content .ppt { left: auto; margin-bottom: 5px; position: relative; top: auto; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0 0 5px 0; } .pp_nav { clear: left; float: left; margin: 3px 0 0 0; } .pp_nav p { float: left; margin: 2px 4px; } .pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } a.pp_next { background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { display: block; float: right; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: none; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; left: 0; position: absolute; top: 0; z-index: 9999; } /* ------------------------------------------------------------------------ Miscellaneous ------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* ------------------------------------------------------------------------ galerija ------------------------------------------------------------------------- */ #contact-details dl { margin-bottom: 20px; } #contact-details ul { margin: 0 0 20px 0 } #contact-details li { list-style-type: none; padding: 0; margin: 0 0 8px; line-height: 1.2em } #contact-details li strong { display: block; } #contact-details li a { font-weight: normal; } h1.page-title { font: 30px "Palatino Linotype", "Book Antiqua", Palatino, serif; color: #1e305f; font-weight: bold; text-shadow: 1px 1px 0 #fff; margin: 20px 0; } h1.page-title span { color: #262626 } .brand img { width: 515px; margin-top: 45px; } #nav-below { padding: 50px 0 !Important; } #nav-above { display: none } .pagination { padding: 5px 20px !important; clear: both; background: #b4b4b4; margin: 20px 0; font-size: 14px; } .pagination span { margin: 0 5px } .pagination a { padding: 2px 6px; background: #1e305f; color: #fff; margin: 0 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .pagination a:hover { text-decoration: none; background: #fff; color: #1e305f } #search-results .post h2.entry-title a { font: 18px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif !important; font-weight: bold; } .ngg-clear { clear: both; }