/*
Theme Name: SEE ICT
Theme URI: #
Author: the #
Author URI: #
Description: SEE ICT running Pegatron theme
Version: 1.0
Text Domain: seeict
*/

root { 
    display: block;
}
/*
* Reset
*/
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td
{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var
{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
a{
	text-decoration: none;
}

/*
* end of reset
*/

/*
* This is where the funs starts :)
*/

/*
* Many faces of font
*/
@font-face {
    font-family: 'proxima_bold';
    src: url('font/proximanova-bold-webfont.eot');
    src: url('font/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/proximanova-bold-webfont.woff') format('woff'),
         url('font/proximanova-bold-webfont.ttf') format('truetype'),
         url('font/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'proxima';
    src: url('font/proximanova-regular-webfont.eot');
    src: url('font/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/proximanova-regular-webfont.woff') format('woff'),
         url('font/proximanova-regular-webfont.ttf') format('truetype'),
         url('font/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_light';
    src: url('font/proximanova-light-webfont.eot');
    src: url('font/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/proximanova-light-webfont.woff') format('woff'),
         url('font/proximanova-light-webfont.ttf') format('truetype'),
         url('font/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lobster';
    src: url('font/lobster_1.4-webfont.eot');
    src: url('font/lobster_1.4-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/lobster_1.4-webfont.woff') format('woff'),
         url('font/lobster_1.4-webfont.ttf') format('truetype'),
         url('font/lobster_1.4-webfont.svg#lobster_1.4regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
* end of font
*/

/*for testing, remove when done*/
#cmp-image {
	position: absolute;
	width: 1200px;
	overflow: hidden;
	left: 0px;
	top: 0px;
	display: none;
	z-index: 1000;
}

/* end testing */

.split-60 {
    width: 100%;
    height: 60px;
}

.split-30 {
    width: 100%;
    height: 30px;
}

body {
	font-size: 15px;
	font-family: proxima;
	color: #333;
	background-color: #fff;
	width: 100%;
	height: 100%;
}

h2 {
    color: #000000;
    font-family: proxima_light;
    font-size: 54px;
    height: 60px;
    padding: 36px 0 0;
    text-align: center;
}


h2 span, 
h3 span, 
h4 span {
	font-family: proxima_bold;
}

p{	
	font-size: 15px;
	font-family: proxima;
	color: #444;
	line-height: 27px;
}

#page-wrap {
	width: 100%;
	height: 100%;
	position: relative;
}

.b-wrap {
	width: 100%;
	height: auto;
	position: relative;
}

.f-wrap {	
	width: 100%;
	height: auto;
	position: relative;
	background-color: #0d0d0d;
}

.b-width {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.b-width p {
	padding: 13px 190px 11px;
	opacity: 0.8;
}

.sub-block {
	overflow: hidden;
}

#header {
	height: 96px;	
	position: relative;
}

#logo-holder {
	float: left;
    height: 79px;
    padding: 17px 12px 0 0;
    text-align: right;
    width: 268px;
}

#main-menu {
	float: right;
	height: 96px;
	width: 920px;
}

#main-menu ul {
	float: right;
	margin-right: 120px;
}

#main-menu ul li {
	display: block;
	padding: 42px 27px 0;
	float: left;
	text-align: center;
}

#main-menu ul li:last-child {
	padding-right: 0px;
}

#main-menu ul li a {
	font-family: proxima;
	font-size: 13px;
	color: #444;
	text-transform: uppercase;
}

#main-menu ul li.current-menu-item a {
	font-family: proxima_light;
	font-weight: bold;
}

.g-bar {
	background: url("img/g_bar.png") repeat-x scroll 50% -7px transparent;
    bottom: 0;
    height: 9px;
    width: 100%;
}

.g-bar-thin {
    background: url("img/g_bar.png") repeat-x scroll 50% -7px transparent;
    bottom: 0;
    height: 1px;
    width: 100%;
}

#main-slider {
	height: 303px;
	background: none repeat scroll 0 0 #000;
	position: relative
}

#slider-container {
	height: 303px;
	overflow: hidden;
	position: relative;
}

#slider-controls {
	background-color: transparent;
    height: 21px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 257px;
}

#slider-controls span img {
	padding: 0;
	margin: 0px 6px;
	cursor: pointer;
}

.slide {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: transparent;	
}

.st-key {
	overflow: hidden;
	padding: 25px 0 36px 0;
}

.st-key-wrap {
	width: 962px;
	overflow: hidden;
	margin: 0 auto;
}

.st-key-single {
	float: left;
    margin: 0 0 0 67px;
    overflow: hidden;
    position: relative;
    width: 190px;
}

.st-key-single:first-child {
	margin-left: 0px;
}

.st-key-icon { 
    height: 69px;
    left: 60px;
    position: absolute;
    top: 103px;
    width: 69px;
    z-index: 10;
}

.st-key-title {
	width: 190px;
	font-family: proxima_bold;
	font-size: 23px;
	color: #000;
	margin: 14px 0 0 0;
	text-align: center;
}

.st-key-text {
	font-family: arial;
	font-size: 12px;
	opacity: 0.6;
	margin: 7px 0 0 0;
	line-height: 21px;
	width: 190px;
	overflow: hidden;
}


.st-key-edu {
	background: url(img/key_ikonika_edu.png) no-repeat scroll 0 0 transparent;
}
.st-key-connect {
	background: url(img/key_ikonika_connect.png) no-repeat scroll 0 0 transparent;
}
.st-key-advocacy {
	background: url(img/key_ikonika_advocacy.png) no-repeat scroll 0 0 transparent;
}
.st-key-movement {
	background: url(img/key_ikonika_movement.png) no-repeat scroll 0 0 transparent;
}

#bt-about-org {
	background: url("img/bt_about_org.png") no-repeat scroll 50% 0 transparent;
    height: 40px;
	margin: 0 auto 34px;
    padding: 15px 0 0;
    width: 330px;
}

#bt-about-org a {	
    color: #FFFFFF;
    font-size: 17px;
	padding: 10px;
}

#bt-about-org a span {
	font-family: proxima_bold;
}

.bg-gray {
	background: url(img/bg_gray_grad.png) repeat-x scroll 0 0 transparent;
}

.project-list-wrap{
    text-align: center;
}

span.link-more {
	display: block;
	padding: 20px 0;
}

a.link-more {
	border-bottom: 1px solid #F1795B;
    color: #007CBE;
    font-family: proxima;
    font-size: 15px;
    padding: 0 0 5px;
}

#project-list {
	height: 200px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 1200px;
}

.project-single {
	height: 200px;
	position: relative;
	float: left;
}

.project-single a img {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.project-1 {
	width: 70px;
	z-index: 1;
}

.project-2 {
	width: 149px;
	z-index: 2;
}

.project-3 {
	width: 123px;
	z-index: 3;
}

/*.project-3 {
    width: 155px;
    z-index: 4;
}*/

.project-4 {
    width: 155px;
    z-index: 5;
}

.project-5 {
	width: 198px;
	z-index: 6;
}

.project-6 {
    width: 152px;
    z-index: 5;
}

.project-7 {
	width: 145px;
	z-index: 3;
}

.project-8 {
	width: 131px;
	z-index: 2;
}

.project-9 {
	width: 77px;
	z-index: 1;
}

.separator-top {
	border-top: 1px solid #e5e5e5;
	margin-top: 15px;
	padding: 40px 0 0;
}

.two-column {
	margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding-bottom: 36px;
    width: 960px;
}

.two-column .two-column-one {
	float: left;
	width: 468px;
	text-align: left;
}

.two-column .two-column-one:first-child {
	margin-right: 22px;
}

.two-column .two-column-one .column-title {
	font-family: proxima_light;
	font-size: 18px;
	color: #444;
	text-transform: uppercase;
	width: 400px;
	padding-left: 68px;
	height: 20px;
	margin-bottom: 10px;
}

.two-column .two-column-one .column-circle {
	width: 68px;
	height: 55px;
	float: left;
	padding-top: 5px;
}

.two-column .two-column-one h3 {
	font-family: proxima_bold;
	font-size: 33px;
	color: #000;
	width: 400px;
	float: left;
	line-height: 36px;
}

.two-column .two-column-one .date-author {
	width: 400px;
	float: right;
	margin-top: 5px;
	color: #444;
}

.two-column .two-column-one .date-author a,
.two-column .two-column-one .date-author a:visited {
	font-family: proxima_bold;
	color: #1777b1;
	margin-left: 8px;
	padding-left: 8px;
	background: url(img/dot_separator.png) no-repeat scroll 0 50% transparent;
}

.two-column .two-column-one .date-place {
	width: 400px;
	float: right;
	margin-top: 5px;
	color: #444;
}

.two-column .two-column-one .date-place a,
.two-column .two-column-one .date-place a:visited {
	font-family: proxima_bold;
	color: #1777b1;
	margin-right: 8px;
	padding-right: 8px;
	background: url(img/dot_separator.png) no-repeat scroll 100% 50% transparent;
}

.two-column .two-column-one .column-content {
	width: 400px;
	padding-left: 68px;
	padding-top: 25px;
	float: left;
	font-size: 14px;
	color: #444;
	line-height: 27px;
}

.two-column .two-column-one .event-date {
	background: url(img/post_date_c.png) no-repeat scroll 50% 0 transparent;
}

.two-column .two-column-one .num-big {
	color: #FFFFFF;
    display: block;
    font-family: proxima_bold;
    font-size: 30px;
    line-height: 30px;
    padding-top: 3px;
    text-align: center;
    text-transform: uppercase;
}

.two-column .two-column-one .num-small {
	display: block;
	font-size: 10px;
	text-align: center;
	font-family: proxima_bold;
	text-transform: uppercase;
	color: #fff;
	line-height: 12px;
}

.link-join-s {
	background: url("img/bt_join_event_s.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: proxima_light;
    font-size: 10px;
    font-weight: bold;
    height: 30px;
    margin-right: 15px;
    padding-top: 1px;
    text-align: center;
    text-transform: uppercase;
    width: 160px;
}

.to-top {
	position: relative;
	top: -20px;
}

.f-wrap #main-menu {
	float: none;
    height: 103px;
    margin: 0 auto;
    padding-top: 10px;
    width: 725px;
}

.f-wrap #main-menu ul {
	float: none;
	margin-right: 0px;
}

.f-wrap #main-menu ul li:first-child {
	padding-left: 0px;
}

.zbun-bar {	
	background: url("img/bg_zbun.png") repeat-x scroll 50% 0px transparent;
    bottom: 0;
    height: 24px;
    width: 100%;
}

.f-wrap h3 {
	color: #555555;
    font-family: proxima_light;
    font-size: 22px;
    height: 46px;
    padding: 32px 0 0;
    text-align: center;
}

.b-width p.w-half {
	color: #555555;
    font-size: 14px;
    line-height: 27px;
    padding-top: 25px;
    width: 360px;
}

.b-width p.f-left {
	float: left;
	padding-right: 0px;
	padding-left: 130px;
	text-align: right;
}

.b-width p.f-right {
	float: right;
	padding-right: 130px;
	padding-left: 0px;
	text-align: left;
}

#f-projects {
	height: 100px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}

#f-projects a {
	margin: 0 12px;
    padding: 10px 0;	
	opacity: 0.25;
}

#f-projects a:hover {
	opacity: 1;
}

#f-projects a.pr-1 {
	background: url(img/projects/link_startit_h.png) no-repeat scroll 0 0 transparent;
}

#f-projects a.pr-2 {
	background: url(img/projects/link_hakaton_h.png) no-repeat scroll 0 0 transparent;
}

#f-projects a.pr-3 {
	background: url(img/projects/link_meetup_h.png) no-repeat scroll 0 0 transparent;
}

#f-projects a.pr-4 {
	background: url(img/projects/link_startupstandup_h.png) no-repeat scroll 0 0 transparent;
}

#f-projects a.pr-5 {
	background: url(img/projects/link_itd_h.png) no-repeat scroll 0 0 transparent;
}

#f-projects a.pr-6 {
	background: url(img/projects/link_momo_h.png) no-repeat scroll 0 0 transparent;
}

#f-projects a.pr-7 {
	background: url(img/projects/link_radionice_h.png) no-repeat scroll 0 0 transparent;
}

#b-social {
	background: url(img/bg_ilustration.png) no-repeat scroll 50% 455px transparent;
}

.b-social-block {
	height: 800px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 1200px;
}

.fb-like-box iframe html body .pluginBoxDivider {
	border-top: none;
}

#copyright {
	color: #555555;
    font-family: proxima_light;
    font-size: 11px;
    left: 0;
    line-height: 25px;
    padding: 0 285px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 720px;
    width: 630px;
}

.fb-coverup {
	position: absolute;
	width: 1200px;
	height: 5px;
	left: 0px;
	background-color: #0d0d0d;
}

.fb-coverup-1 {
	top: 219px;
}

.fb-coverup-2 {
	top: 414px;
}

#slider-small-con {
    height: 217px;
}

.st-about-single {
    width: 275px;
    text-align: center;
    margin-left: 68px;
    float: left;
}

.st-about-single:first-child {
    margin-left: 0;
}

.st-about-title {
    width: 275px;
    float: left;
    font-size: 28px;
    font-family: proxima_light;
}

.st-about-title span {
    font-family: proxima_bold;
}

.st-about-text {
    width: 275px;
    float: left; 
    font-family: arial;
    font-size: 12px;
    line-height: 26px;
    margin: 7px 0 0;
    overflow: hidden;   
    color: #747474;
}

.st-about-link {
    width: 275px;
    float: left; 
    font-family: arial;
    font-size: 12px;
    text-align: center;
    color: #007cbe;
    margin-top: 20px;
}

#bt-about-proj {
    background: url("img/bt_o_nama_projects.png") no-repeat scroll 50% 0 transparent;
    height: 38px;
    margin: 0 auto 48px;
    padding: 14px 0 0;
    width: 320px;
}

#bt-about-proj a {
    color: #fff;
    font-size: 17px;
    padding: 10px;
}
#bt-about-proj a span {
    font-weight: bold;
}

#bt-about-tim {
    background: url("img/bt_tim.png") no-repeat scroll 50% 0 transparent;
    height: 38px;
    margin: 0 auto 48px;
    padding: 20px 0 0;
    width: 360px;
}

#bt-about-tim a {
    color: #fff;
    font-size: 17px;
    font-family: proxima;
}

#bt-about-tim span {
    font-family: proxima_bold;
}

#seeict-tim {
    background: #323031 url("img/bg_seeict_tim.jpg") no-repeat scroll center 0;
    color: #FFFFFF;
    height: auto;
    text-align: center;
    padding-bottom: 40px;
}

#seeict-tim h2, 
#seeict-tim p,
#seeict-tim span,
#seeict-tim a {
    color: #fff;
}

#tim-shelve {
    background: url("img/bg_shelve.png") no-repeat scroll 0 150px transparent;
    height: 225px;
    margin: 40px auto 0;
    padding: 0 80px;
    width: 824px;
}

.tim-person-link {
    width: 132px;
    height: 149px;
    float: left;
    overflow: hidden;
    border: 7px solid #fff;
    margin: 0 0 0 23px;
}

.tim-person-link:first-child {
    margin-left: 0px;
}

.tim-person-link img {
    width: 132px;
    height: 149px;
}

#tim-info {
    width: 740px;
    margin: 15px auto 50px;     
}

.tim-info-block {
    width: 320px;
    margin-left: 100px;
    float: left;
}

.tim-info-block:first-child {
    margin-left: 0px;
}

.tim-info-icon {
    width: 100%;
    height: 90px;
    text-align: center;
}

.tim-info-block:hover .tim-info-icon {
    background: url("img/tim-info-arrow.png") no-repeat scroll 10px 5px transparent;
}

.tim-info-block p {
    color: #FFFFFF;
    font-family: proxima;
    font-size: 14px;
    line-height: 25px;
    margin-top: 20px;
    opacity: 0.75;
    padding: 0;
}

.tim-info-block h3 {
    font-family: proxima_light;
    font-size: 30px;
    color: #fff;
    width: 100%;
    text-align: center;
}

.tim-info-block .link {
    font-family: proxima;
    font-size: 14px;
    color: #07e0fa;
    width: 100%;
    text-align: center;
    opacity: 0.75;
    margin-top: 10px;
}

.tim-info-block span {
    font-family: proxima_bold;
}

#seeict-partners {
    width: 100%;
    background: url("img/bg_tree.png") repeat-x scroll 0 0 #fff;
}

#partner-tree {
    background: url("img/tree.png") no-repeat scroll 78px 0 transparent;
    height: 596px;
    margin: 30px auto 0;
    padding-left: 0;
    width: 780px;
}

#partner-list {
    width:1070px;   
    margin: 20px auto 0;
}

#partner-list td {
    font-family: proxima;
    line-height: 26px;
    padding-right: 60px;
    text-align: left;
}

#partner-list tr td:first-child {
    padding-left: 60px;
}

#partner-list td a {
    color: #007cbe;
    font-size: 14px;
}

#partner-list td.compact-td {
    line-height: 17px;
}

#contact-head {
    height: 308px;
    text-align: center;
    background: url("img/bg_contact_head.jpg") no-repeat scroll 50% 0 #000;
}

#contact-head h2, 
#contact-head p {
    color: #fff;
}

#contact-phone {
    width: 160px;
    height: 30px;
}

.contact-oval {    
    padding-top: 20px;
    font-size: 14px;
    font-family: proxima;
    line-height: 13px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.85);
    border-radius: 30px;
    position: relative;
    float: left;
    margin-left: 40px;
}

.contact-oval:first-child {
    margin-left: 0px;
}

#phone-icon {
    left: 63px;
    position: absolute;
    top: -22px;
}

#contact-info-box {
    margin: 50px auto 0;
    width: 765px;
}

#contact-address {
    width: 355px;
    height: 30px;    
}

#address-icon {    
    left: 165px;
    position: absolute;
    top: -22px;
}

#contact-linkin {
    width: 160px;
    height: 30px;
}

#contact-linkin a {
    padding: 0 3px;
}

#linkin-icon {
    left: 63px;
    position: absolute;
    top: -22px;    
}

#message-box {
    width: 677px;
    height: 414px;
    background: url("img/bg_letter.jpg") no-repeat scroll 0 0 #fff;
    margin: 40px auto 100px;
    font-family: proxima_light;
    font-size: 13px;    
    position: relative;
    text-align: left;
}

#message-box span {
    font-family: proxima_bold;
}

#message-box input[type=text],
#message-box textarea {
    display: none;
    border: none;
    background-color: transparent;
    font-family: proxima;
}

#input-name {
    position: absolute;
    top: 58px;
    left: 70px;
}

#input-email {    
    position: absolute;
    top: 58px;
    left: 255px;
}

#input-website { 
    position: absolute;
    top: 58px;
    left: 435px;    
}

#input-message {
    width: 525px;
    height: 210px;
    position: absolute;    
    top: 100px;
    left: 70px;
    overflow: hidden;
}

#input-message textarea {
    line-height: 35px;
    background: url("img/divider_big.png") repeat-y scroll 0 29px transparent;
    min-height: 205px;
    width: 545px;
    padding-right: 20px;
    overflow-x: hidden;
    overflow-y: auto;
        
}

#head-wrap {
    background-color: #000;
    margin-bottom: 20px;
}


.text-wrap {
    background: url("img/divider_small.png") no-repeat scroll 0 20px transparent;
    height: 30px;
    width: 160px;
    display: block;
}

.text {
    
}

.text-area {
    background: url("img/divider_big.png") repeat-y scroll 0 29px transparent;
    height: 205px;
    width: 520px;
    line-height: 35px;
}

#send-letter {
    background: url("img/bt_message_send.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 36px;
    left: 443px;
    position: absolute;
    text-indent: -9999px;
    top: 332px;
    width: 181px;
}

.bt-sm {
    color: #1777B1;
    display: inline-block;
    font-family: proxima;
    font-size: 11px;
    height: 20px;
    margin: 20px 7px 38px;
    padding-top: 9px;
    text-align: center;
    text-transform: uppercase;
}

.bt-sm a {
    font-family: proxima;
    font-size: 11px;
    color: #1777b1;
}

.bt-sm.bt-sm-dk,
.bt-sm.bt-sm-dk a {
    color: #fff;
}

#bt-sm-misija {
    width: 108px;
    background: url("img/bt_sm_misijavizija.png") no-repeat scroll 0 0 transparent;
}


#bt-sm-vrednosti {
    width: 120px;
    background: url("img/bt_sm_vrednosti.png") no-repeat scroll 0 50% transparent;
}

#bt-sm-ciljevi {
    width: 147px;
    background: url("img/bt_sm_ciljevi.png") no-repeat scroll 0 50% transparent;
}

#icon-mv {
    width: 181px;
    height: 101px;
    margin: 35px auto 0px;
    background: url("img/icon_misijavizija.png") no-repeat scroll 50% 50% transparent;
}

.mvg-columns {
    width: 1200px;
    text-align: center;
    margin: 55px auto 0;
}

.mvg-column {
    width: 430px;
    display: inline-block;
    margin-left: 100px;
    vertical-align: top;
}

.mvg-column:first-child {
    margin-left: 0px;
}

.mvg-column p {
    padding: 0 0 0 5px;
    text-align: left;
    margin-bottom: 32px;
}

.mvg-column p:first-child {
    font-size: 18px;
    color: #666;
    padding-left: 35px;
    background: url("img/vg_bar_blue.png") no-repeat scroll 10px 5px transparent;
    line-height: 31px;
}


.mvg-column:first-child p:first-child {
    background: url("img/vg_bar_red.png") no-repeat scroll 10px 5px transparent;
}

.mvg-column span.red {
    color: #eb274e;
    font-weight: bold;
    text-transform: uppercase;
}

.mvg-column span.blue {
    color: #9e2d8d;
    font-weight: bold;
    text-transform: uppercase;
}

.icon-ci {
    width: 960px;
    margin: 40px auto 0;
    text-align: center;
    padding: 50px 0 0;
    border-top: 1px solid #e5e5e5;
}

h2.smaller {
    font-size: 39px;
    padding: 25px 0 10px;
}

.bt-sm-aktivnosti {
    background: url("img/bt_sm_aktivnosti.png") no-repeat scroll 0 0 transparent;
    color: #007DBF;
    display: inline-block;
    font-family: proxima_bold;
    font-size: 14px;
    height: 24px;
    margin: 16px 10px 26px;
    padding-top: 8px;
    text-align: center;
    width: 124px;
}

.bt-sm-aktivnosti a {
    font-family: proxima_bold;
    font-size: 14px;
    color: #007dbf;
}

.icon-aktivnosti {
    width: 100%;
    height: 190px;
    text-align: center;
    margin: 32px 0 0;
}

h2.h-aktivnosti {
    padding: 30px 0 10px;
}

.tim-person-block {
	padding: 58px 0 0 115px;
	text-align: left;
	overflow: hidden;
}

.tim-person-pic {
	float: left;
	padding: 15px 17px;
	margin: 0 26px 20px 0;
	background: url('img/bg_person_frame.png') no-repeat scroll 0 0 transparent;
	overflow: hidden;
}

.tim-person-info {
	width: 550px;
	float: left;
	margin: 0px;
	padding: 0px;
}

.tim-person-info h2 {
	font-size: 31px;
	color: #000;
	float: left;
	width: 100%;
	margin: 0 0 8px;	
	padding: 0px;
	text-align: left;
	line-height: 31px;
	height: auto;
}

.tim-person-info h3 {
	font-family: proxima;
	font-size: 11px;
	color: #df2647;
	float: left;
	width: 100%;
	margin: 0 0 20px;
	padding: 0px;
	line-height: 11px;
	height: auto;
	text-transform: uppercase;
}

.tim-person-info p {
	font-size: 14px;
	line-height: 25px;
	color: #444;
	margin-bottom: 25px;
	padding: 0px;
}

.tim-person-contact {
	float: left;
	width: 320px;
	background: url(img/bg_timinfo_border.png) no-repeat scroll 0 0 transparent;
}

.tim-info-lin {
	height: 33px;
	padding-left: 52px;
	padding-top: 2px;
	overflow: hidden;
	list-style: none;
}

.tm {
	background: url(img/icon_tm.png) no-repeat scroll 18px 0 transparent;
}

.tt {
	background: url(img/icon_tt.png) no-repeat scroll 18px 0 transparent;
}

.ti {
	background: url(img/icon_ti.png) no-repeat scroll 18px 0 transparent;
}

.tb {
	background: url(img/icon_tb.png) no-repeat scroll 18px 0 transparent;
}

.board-box {
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 50px;
    padding-left: 45px;
    padding-top: 50px;
    width: 975px;
}

.board-block {
	width: 280px;
	height: 170px;
	padding: 0px 45px 0px 0px;
	overflow: hidden;
	float: left;	
}

.board-img {
	float: left;
	width: 71px;
	min-height: 71px;
	overflow: hidden;
	margin: 0 14px 0 0;
}

.board-content {
	width: 195px;
	height: auto;
	float: left;
}

.board-content h2 {
	font-family: proxima_bold;
	font-size: 22px;
	line-height: 22px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0px;
	text-align: left;
	width: 100%;
}

.board-content p {
	margin: 0 0 10px 0;
	font-size: 13px;
	line-height: 22px;
	text-align: left;
	padding: 0px;
	float: left;
	color: #797979;
	width: 100%;
}

.board-content a {
	text-align: left;
	font-family: proxima_bold;
	font-size: 13px;
	color: #1777b1;
	float: left;
	
}

/* News template page style */

/* Namesta sirinu wrapera za postove */
.p-width {
    width: 820px;
    margin: 50px auto 0;
    text-align: center;
}

.page-template-template-news article {
	text-align: left;
	margin-bottom: 50px;
}

.page-template-template-news article img {
	width: 820px;
	height: auto;
}

.page-template-template-news article h3 {
    font-family: proxima_bold;
    font-size: 23px;
    color: #000;
    margin: 14px 0 0 0;
}

/* HACK by Petar */

.b-wrap,
.f-wrap {
	min-width: 1200px;
}

.fix-paragraph p {
	padding: 13px 190px 11px;
	opacity: 0.8;
}

.st-key-text {
	/* text-align: justify; */
}

.boldovano {
	font-weight: bold;
}