/*
Theme Name: Default
Theme URI: http://
Description: Screen presentation
Version: 1.0
Author: Darko Loncar
*/
@charset "UTF-8";

html{}
body{font:14px/18px Arial,sans-serif;margin:0;color:#4d4d4d;background:#f2f2f2 url('gfx/background.png') repeat-x}
a{text-decoration:none;color:#4d4d4d;text-decoration:underline}
a:hover{text-decoration:underline;color:#666}
a:focus{outline:none}
a:active{}
a:visited{}
a img{border:0}
p{margin:16px 0;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;text-align:justify}
.meta{float:left;display:block;width:100%;color:#666;margin:5px 0 5px 0;padding-bottom:5px;text-transform:uppercase;font-size:10px;border-bottom:2px dashed #f4f4f4;text-transform:uppercase;text-shadow:1px 1px #fff}

hr {border-bottom:1px solid #f3f3f3;border-top:1px solid #d9d9d9;background-color:#e6e6e6;color:#d8d8d8;height:0px;border-width: 1px 0 1px 0}
.attachment-post-thumbnail, img.alignleft{float:left; margin: 4px 12px 2px 0px}

/*Main Heading*/
h1{display:block;width:787px;height:138px;margin:0;padding:0}
h1 a{display:block;width:787px;height:138px;color:#fff;text-indent:-9999px;line-height:0.1em;font-size:0;background:transparent url('gfx/logo.png') 50% 26px no-repeat}

/*Subheadings*/
h2{font:normal 16px/20px Arial,sans-serif;display:block;margin:14px 0 0 0;color:#111;text-transform:uppercase;text-shadow:1px 1px 1px #bbb}
h2 a{color:#111}
h2 a:hover{text-decoration:none;color:#666}
h3{font:normal 18px/24px Arial,sans-serif;display:block;margin:0;color:#4d4d4d}
h3 a{text-decoration:none}

/*Header*/
#header-wrap{float:left;width:100%;height:176px}
#header-wrap:after{display:block;clear:both;content:".";line-height:0.1;font-size:0}
#header{position:relative;width:787px;margin:0 auto}

/*Lang-bar*/
#lang-bar{position:absolute;z-index:100;right:30px;top:0;width:104px;height:35px;background:transparent url('gfx/lang-bar.png') 0 0 no-repeat;padding:0 5px 0 6px}
#lang-bar a{background:transparent;float:left;display:block;width:20px;height:19px;text-indent:-9999px;line-height:0.1em;margin:8px 3px}
#lang-bar #hr{background-position: 0 0}
#lang-bar #en{background-position: 0 0}
#lang-bar #de{background-position: 0 0}
#lang-bar #fr{background-position: 0 0}

/*Nivo Slider - 764 x 266*/
#nivo-slider{width:765px;height:266px;display:block;clear:both;margin:0 auto 30px auto;background:transparent /*url('gfx/slider-back.png') 0 0 no-repeat*/;padding: 11px 11px 11px 11px;margin-bottom:10px;background:#e5e5e5;border-radius:15px!important;behavior: url('pie/PIE.htc')}
#nivo-slider img{border-radius:10px!important;border:0px solid #fff!important}

/*Main menu*/
#menu{float:left;position:relative;width:776px;list-style:none;margin:10px 0 0 16px;padding:0}
#menu li{float:left;margin:0;padding:0;background:#e3e3e3;margin:0 7px;border-radius:14px 14px 0 0;behavior: url('pie/PIE.htc');background: transparent url('gfx/menu-bg.png') }
#menu a{font-size:13px;float:left;color:#000;font-weight:bold;padding:0px 20px 0px 20px;border-radius:14px 14px 0 0;behavior: url('pie/PIE.htc');background:transparent url('gfx/menu-arrow.png') 10px 50% no-repeat;height:27px;line-height:27px;text-align:center;text-decoration:none}
#menu li:hover{background: transparent url('gfx/menu-bg-hover.png') 0 0 repeat-x;color:#fff;text-decoration:none}
#menu a:hover{color:#fff;text-decoration:none;background:transparent url('gfx/menu-arrow-hover.png') 10px 50% no-repeat}
#menu li.current_page_item a{color:#0071bc}
#menu li.current_page_item a:hover{color:#fff;}
#menu.condensed li{margin:3px!important}
#menu.condensed-heavy li{margin:3px!important}
#menu.condensed-heavy li a{padding:0px 18px!important}

/*Content*/
#content{width:787px;clear:both;margin:30px auto 20px auto}
#content.double{background:transparent url('gfx/vertiline.png') 50% 0 repeat-y}
#content:after{display:block;clear:both;content:".";line-height:0.1;font-size:0}

#left{float:left;width:372px}
#left:after{display:block;clear:both;content:".";line-height:0.1;font-size:0}
#right{float:right;width:372px}
#right:after{display:block;clear:both;content:".";line-height:0.1;font-size:0}

#right.front p{font-size:13px;line-height:17px;margin:12px 0 0 0}

#left-news{float:left;width:372px;color:#3a6a7e;font-size:13px;line-height:17px;clear:both}
#right-news{float:right;width:372px;color:#3a6a7e;font-size:13px;line-height:17px}

.front{min-height:200px}
.front-bottom{min-height:auto}

.column{float:left;width:176px;font-size:12px;padding:20px 10px 10px 10px}
.column p{text-align:left}
/*Credits*/
#credits-wrap{float:left;width:100%;background:#e6e6e6 url('gfx/stripe.png') 100% 100% no-repeat;margin-top:0px}
#credits-wrap:after{display:block;clear:both;content:".";line-height:0.1;font-size:0}
#credits{width:787px;margin:0 auto;padding-bottom:53px }
#credits p{color:#868686;text-align:center;font-size:12px;text-align:center}

#credits a#facebook-small{display:inline-block;width:18px;height:18px;background:transparent url('gfx/facebook-small.png') 0 0 no-repeat;text-indent:-9999px;line-height:18px;margin-left:10px}
#credits a#twitter-small{display:inline-block;width:18px;height:18px;background:transparent url('gfx/twitter-small.png') 0 0 no-repeat;text-indent:-9999px;line-height:18px}
#credits a#linkedin-small{display:inline-block;width:18px;height:18px;background:transparent url('gfx/linkedin.png') 0 0 no-repeat;text-indent:-9999px;line-height:18px}
#credits a#design{display:inline-block;width:62px;height:18px;background:transparent url('gfx/design.png') 0 0 no-repeat;text-indent:-9999px;line-height:18px}

/*Forms*/
fieldset{border:1px solid #666;padding:10px}
label{font-weight:bold}
input[type="text"],input[type="email"],input[type="password"],textarea{font:inherit;border:1px solid #ccc;padding:4px 2px;background:#fff}
input[type="submit"]{font:inherit; padding: 5px 8px}
select{font:inherit;border:1px solid #ccc;padding:4px 2px;background:#fff;width:90%}

#accordion, #accordion-right, #accordion-obrasci {padding-top:20px}
#accordion h3, #accordion-right h3, #accordion-obrasci h3{font-size:12px;text-transform:uppercase;border-bottom:1px solid #ccc;margin-bottom:0}
#accordion p, #accordion-right p, #accordion-obrasci p{font-size:12px}
h3.ui-state-active, h3.ui-accordion-header,h3.ui-state-default{border:none;outline:none}
h3.ui-state-active{font-weight:bold;padding-bottom:none!important}

/**/
blockquote { border: 2px solid #ccc; margin: 1.5em 0px; padding: 29px 20px; quotes: "\201C""\201D""\2018""\2019"; font-style: italic; color: #333;background:#ddd }
blockquote:before { font-size:4em; line-height:.1em; margin-right:.25em; vertical-align:-.4em }
blockquote p { display:inline; font-style: italic!important;font-size:16px;line-height:22px;text-shadow:1px 1px 1px #fff }


/*Nivo slider*/
#slider {background:url("gfx/loading.gif") no-repeat scroll 50% 50% #202834;width:764px;height:266px}
#slider img {position:absolute;top:0px;left:0px;display:none}
#slider a {border:0 none;display:block}
.nivoSlider {position:relative}
.nivoSlider img {position:absolute;top:0px;left:0px;border-radius:10px!important}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none}
.nivo-slice {display:block;position:absolute;z-index:50;height:100%}
.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8;width:100%;z-index:89}
.nivo-caption p {padding:5px;margin:0}
.nivo-caption a {display:inline !important}
.nivo-html-caption {display:none}
.nivo-directionNav a {position:absolute;top:38%;z-index:99;cursor:pointer}
.nivo-directionNav a:hover{opacity: 0.7}
.nivo-prevNav {left:0px}
.nivo-nextNav {right:0px}
.nivo-controlNav {bottom:10px;right:20px;position:absolute;z-index:150}
.nivo-controlNav a {background:url("gfx/bullets.png") no-repeat scroll -13px 0 transparent;border:0 none;display:block;float:left;height:13px;margin-right:3px;text-indent:-9999px;width:13px}
.nivo-controlNav a.active {background-position:0 0}
.nivo-controlNav a {cursor:pointer;position:relative;z-index:99}
.nivo-controlNav a.active {font-weight:bold}
.nivo-directionNav a {background:url("gfx/arrows.png") no-repeat scroll 0 0 transparent;border:0 none;display:block;height:59px;text-indent:-9999px;width:29px}
a.nivo-nextNav {right:0px}
a.nivo-prevNav {background-position:-29px 0;left:0px}