/* Start Basic */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    margin: 0;
    padding: 0;
}

body {
    background: none repeat scroll 0 0 #FFFFFF;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 14px;
    line-height: 1.5em;
}

a {
    text-decoration: none;
}

img {
    border: 0px;
}

li {
    list-style: none outside none;
}

.wrapper {
    position: relative;
}

h1 {
    font-family: 'PT Sans Bold', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #414142;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px #fff, 1px 2px 0px #adadad;
}

h2 {
    font-family: 'PT Sans Narrow Bold', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #414142;
    text-transform: uppercase;
}

h3 {
    font-size: 14px;
    font-weight: 700;
    color: #a7a7a7;
    text-transform: uppercase;
    padding-bottom: 10px;
}

h4 {
    font-family: 'PT Sans Bold', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #414142;
    text-transform: uppercase;
}
/* End Basic */





/* Start common CSS*/

/* Start Header */

.topBar {
    background-color: #b8e765; 
    padding-top: 5px;
    padding-bottom: 5px;
}

.row {
    margin: 0 auto;
    width: 940px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
}

.row .contactTop{
    width: 47%;
}

.contactTop{
    float: left;
}

.chooseLanguage{
    float: right;
    margin: 0 auto;
}

.chooseLanguage a{
    margin-left: 10px;
}

.header{
    border-top: solid 5px #537012;
    padding: 20px 0px;
    position: relative;
}

.row .logo{
    width: 35%;
}

.logo{
    float: left;
}

.row .mainMenu{
    width: 65%;
    float: left;
}

.main-nav {
    padding-top: 10px;
    float: right;
    position: relative;
    z-index: 2;
}

.main-nav li {
    display: block;
    float: left;
    list-style-image: none;
    list-style-type: none;
    margin-left: 60px;
}

.main-nav li a {
    display: block;
    margin: 0;
    padding: 10px 0px;
    text-decoration: none;
    position: relative;
}

.main-nav li a.pocetna .nav-icon {
    background: url("slike/pocetna-dugme.png") no-repeat 0 -30px transparent;
    width: 20px;
    height: 22px;
    left: -25px;
    top: 7px;
    position: absolute;
    -webkit-transition: background-position 0.3s ease 0s;     /* Safari & Chrome */
    -moz-transition: background-position 0.3s ease 0s;        /* Firefox */
    -o-transition: background-position 0.3s ease 0s;      /* Opera */
}

.main-nav li  a:hover.pocetna .nav-icon {
    background: url("slike/pocetna-dugme.png") no-repeat 0 0 transparent;
}

.main-nav li a.oNama .nav-icon {
    background: url("slike/onama-dugme.png") no-repeat 0 -30px transparent;
    width: 20px;
    height: 22px;
    left: -25px;
    top: 7px;
    position: absolute;
    -webkit-transition: background-position 0.3s ease 0s;     /* Safari & Chrome */
    -moz-transition: background-position 0.3s ease 0s;        /* Firefox */
    -o-transition: background-position 0.3s ease 0s;      /* Opera */
}

.main-nav li  a:hover.oNama .nav-icon {
    background: url("slike/onama-dugme.png")  no-repeat 0 0 transparent;
}

.main-nav li a.programRada .nav-icon {
    background: url("slike/program-rada-dugme.png") no-repeat 0 -30px transparent;
    width: 20px;
    height: 22px;
    left: -25px;
    top: 7px;
    position: absolute;
    -webkit-transition: background-position 0.3s ease 0s;     /* Safari & Chrome */
    -moz-transition: background-position 0.3s ease 0s;        /* Firefox */
    -o-transition: background-position 0.3s ease 0s;      /* Opera */
}

.main-nav li  a:hover.programRada .nav-icon {
    background: url("slike/program-rada-dugme.png")  no-repeat 0 0 transparent;
}


.main-nav li a.kontakt .nav-icon {
    background: url("slike/kontakt-dugme.png") no-repeat 0 -30px transparent;
    width: 20px;
    height: 22px;
    left: -25px;
    top: 7px;
    position: absolute;
    -webkit-transition: background-position 0.3s ease 0s;     /* Safari & Chrome */
    -moz-transition: background-position 0.3s ease 0s;        /* Firefox */
    -o-transition: background-position 0.3s ease 0s;      /* Opera */
}

.main-nav li  a:hover.kontakt .nav-icon {
    background: url("slike/kontakt-dugme.png") no-repeat 0 0 transparent; 
}

.main-nav li a .nav-title{
    font-family: 'PT Sans Bold', sans-serif;
    font-weight: 700;
    color: #414142;
    text-transform: uppercase;
    right: 0;
}

.main-nav li  a:hover .nav-title {
    color: #537012;
}

.main-nav li a .nav-descript{
    display: block;
    color: #A7A7A7;
    text-align: right;
}

.main-nav li  a:hover .nav-descript {
    color: #B8E765;
}

.main-nav ul {
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    border-top: 5px solid #B8E765;
    visibility: hidden;
    position: absolute;
    top: 75px;
    z-index: 10000;    
    background: #FFFFFF;   
    -webkit-box-shadow:  0px 1px 2px 1px rgba(0, 0, 0, 0.5);
    box-shadow:  0px 1px 2px 1px rgba(0, 0, 0, 0.5);    
    border-radius: 3px;
    transition: all .2s ease-in-out;
}

.main-nav ul li {
    margin: 10px;
}

.main-nav li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}

.main-nav ul li {
    float: none;
    display: block;
    _line-height: 0;
}

.main-nav ul li:hover {
    background-color: #B8E765;
}

.main-nav ul a {
    padding: 3px;
    width: 100%;
    color: #414142;
    _height: 10px;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: uppercase;
}

.main-nav ul a:hover {
    color: #537012;
}

.main-nav ul li.arrow_top {
    background: url(slike/pointer.png) no-repeat scroll left top transparent;
    border: medium none;
    display: block;
    width: 19px;
    height: 15px;
    left: 10px;
    top: -30px;
    position: absolute;
}

.main-nav ul li.arrow_top a {
    left: -60px;
    position: absolute;
}

/* End Header */

/* Start Slider */

.slider .bkgImage {
    width: 932px;
    height: 462px;
    border: 5px solid #B8E765;
    position: relative;
    z-index: 1;
}

.slider .bkgImage img {
    border: 1px solid #537012;
}

.shadow {
    background: url("slike/senka.png") no-repeat 0 0 transparent;
    width: 930px;
    height: 7px;
    position: absolute;
    z-index: 2;
}

.rowHeader, .rowSlider, .rowGmap, .rowTitle {
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 940px;
}

.container.slider, .container.googleMapBig, .container.humanTitle,
.container.pageTitle, .container.youthTitle, #contentSlider,
.container.reformTitle, .container.socialTitle {
    margin-top: 72px;
    position: relative;
    z-index: 1;
}

/* End Slider */

/* Start Carousel */

.image_carousel {
    width: 940px;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
}

.image_carousel img {
    margin: 60px 25px;
    display: block;
    float: left;
}

.image_carousel #foo1 a {
    display: block;
    float: left;
}

a.prev, a.next {
    background: url("slike/strelice.png") no-repeat transparent;
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    top: 80px;
}

a.prev {
    left: 0;
    background-position: 0 -25px; 
}

a.prev:hover {
    background-position: 0 0;
}

a.next {
    right: 30px;
    background-position: -24px -25px;
}

a.next:hover {
    background-position: -24px 0;
}

a.prev span, a.next span {
    display: none;
}

.clearfix {
    float: none;
    clear: both;
}

/* End Carousel */

/* Start Footer */

.footer {
    border-top: 5px solid #B8E765;
    border-bottom: 1px solid #B8E765;
    background-color: #414142;
    padding: 30px 0;
    font-family: 'PT Sans Bold', sans-serif;
    font-size: 14px;
    color: #a7a7a7;
}

.footer h3 {
    text-align: left;
}


.footer a:link {
    color: #a7a7a7;
}

.footer a:visited {
    color: #ff7f1e;
}

.footer a:hover {
    color: #b8e765;
}

.column {
    width: 300px;
    float: left;
}

.one li {
    padding-bottom: 5px;
}

li.adress {
    background: url("slike/home-icon.png") no-repeat scroll 0 1px transparent;
    padding-left: 25px;
}

li.phone {
    background: url("slike/phone-icon.png") no-repeat scroll 0 0 transparent;
    padding-left: 25px;
}

li.email {
    background: url("slike/email-icon.png") no-repeat scroll 0 5px transparent;
    padding-left: 25px;
}

.column.two {
    padding: 0 20px;
}

.bottom-nav {
    font-size: 11px;
    color: #a7a7a7;
    text-transform: uppercase;
    padding: 80px 0 3px 0;
}

.column.three {
    padding: 0;
    right: 0;
}

.social {
    padding-bottom: 20px;
}
.social img {
    padding-right: 20px;
}

.column.three form input[type=text] {
    border: 1px solid #B8E765;
    width: 210px;
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 3px;
    background: rgba(255,255,255,0.5);
    margin: 0 0 10px 0;
}

.column.three form input[type=submit] {
    border: 0;
    padding: 3px;
    color: #537012;
    background-color: #B8E765;
    margin: 0 0 10px 0;
}

/* End Footer */

/* End common CSS */




/* Start Content */

/* Start HOME PAGE */

/* Start Categories */

.categories {
    width: 100%;
    background-color: #f6f6f6;
    position: relative;
}

.categories .Box a {
    display: block;
    width: 100%;
    height: 100%;
}
.Box {
    width: 25%;
    float: left;
    position: relative;
    padding: 70px 0px;
    display: block;
}

.background.icon {
    width: 110px;
    height: 110px;
    background-color: #b8e765;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0 0 0 10px #cbff70;
    position: relative;
    text-align: center;
    -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s;     /* Safari & Chrome */
    -moz-transition: background 0.3s ease 0s, color 0.3s ease 0s;        /* Firefox */
    -o-transition: background 0.3s ease 0s, color 0.3s ease 0s;      /* Opera */
}

a:hover .background.icon {
    background-color: #ff7f1e;
    box-shadow: 0 0 0 10px #ffab6c;
    -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s;     /* Safari & Chrome */
    -moz-transition: background 0.3s ease 0s, color 0.3s ease 0s;        /* Firefox */
    -o-transition: background 0.3s ease 0s, color 0.3s ease 0s;      /* Opera */
}

.icon img {
    padding-top: 22px;
    transition: all 0.2s linear 0s;
}

.icon:hover img {
    -webkit-animation: 350ms ease 0s normal none 1 moveFromTop;
    animation: 350ms ease 0s normal none 1 moveFromTop;
}

.categories h1 {
    padding-top: 35px;
}

.categories h1 {
    font-family: 'PT Sans Bold', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #414142;
    text-transform: uppercase;
    text-shadow: 0px 1px 0px #fff, 1px 2px 0px #adadad;
    text-align: center;
    -webkit-transition: all 0.12s ease-out;     /* Safari & Chrome */
    -moz-transition: all 0.12s ease-out;        /* Firefox */
    -o-transition: all 0.12s ease-out;      /* Opera */
}

.categories h1:hover {
    /* CSS3 Transform Effect */
    -webkit-transform: scale(1.2);     /* Safari & Chrome */
    -moz-transform: scale(1.2);        /* Firefox */
    -o-transform: scale(1.2);          /* Opera */
}

/* End Categories */

/* Start PromoBox */

.promoBox {
    position: relative;
}

.treningCentar {
    width: 460px;
    margin-right: 20px;
    float: left;
    position: relative;
    overflow: hidden;
}

.view img {
    display: block;
    position: relative;
}

.promo-title {
    display: block;
    width: 100%;
    background: none repeat scroll 0 0 #B8E765;
    padding: 10px 0px;
    text-align: center;
}
.promo-title h2 {
    font-family: 'PT Sans Narrow Bold', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #414142;
    text-transform: uppercase;
}

.publikacije {
    width: 220px;
    margin-right: 20px;
    float: left;
    position: relative;
    overflow: hidden;
}

.projekti {
    width: 220px;
    float: left;
    position: relative;
    overflow: hidden;
}

.promoBox .view .hover { 
    -webkit-transition: top 0.25s; 
    -moz-transition: top 0.25s; 
    -o-transition: top 0.25s; 
    transition: top 0.25s; 
    text-align: center; 
    position: absolute; 
    top: 100%; 
    bottom: 30px; 
    width: 100%; 
    background: rgba(184, 231, 101, 0.3); 
}
.promoBox .view .hover:before { 
    content: ''; 
    display: inline-block; 
    height: 100%; 
    vertical-align: middle; 
}
.promoBox .view .hover a.info { 
    display: block; 
    text-align: center; 
    width: 40px; 
    line-height: 40px; 
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -moz-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.5); 
    -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.5); 
    box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.5); 
    background-color: #537012; 
    vertical-align: middle; 
    display: inline-block; 
    margin: 0;
    color: #FFF !important; 
}
.promoBox .view:hover .hover { 
    top: 0; 
}

a.info:before { 
    content: "";
    display: block;
    width: 31px;
    height: 31px;
    background: url("slike/link.png") no-repeat 0 0 transparent;
    margin: 5px;
}

/* End PromoBox */

/* End HOME PAGE */



/* Start PROJECTS PAGE */

.projects {
    padding-top: 60px;
}

.accordion {
    padding-top: 30px;
}

.accordion h4 {
    text-align: left;
}

.accordion .tab {
    background: url(slike/acc-closed.jpg) no-repeat 15px 15px transparent;
    background-color: #f8fdef;
    border-top: 1px solid #B8E765;
    display: block;
    padding: 10px 10px 10px 50px;
}

.accordion .tab p {
    color: #414142;
    padding-left: 18px;
}

.accordion .tab:hover,
.accordion div:target .tab {
    background: url(slike/acc-open.jpg) no-repeat 15px 15px transparent;
    background-color: #fff2e8;
    border-top: 1px solid #FF7F1E;
}

.accordion div .content {
    display: none;
    margin: 10px 10px 10px 70px;
}

.accordion div:target .content {
    display: block;
}

.accordion > div {
    height: 60px;
    overflow: hidden;

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.accordion > div:target {
    height: auto;
}

.accordion .content ul li {
    background: url(slike/list-arrow.png) no-repeat 0 12px transparent;
    padding: 5px 10px 5px 20px;
}

/* End PROJECTS PAGE */

/* Start ABOUT US PAGE */

.pageTitle {
    background-color: #f6f6f6; 
    border-top: 1px solid #B8E765;
    border-bottom: 1px solid #B8E765;
    height: 125px;
    width: 100%;
}

.rowTitle h1 {
    padding-top: 56px;
    text-align: center;
}

.o_nama {
    padding-top: 60px;
}

.o_nama img {
    padding: 5px;
    background-color: #f6f6f6;
    border: 1px solid #B8E765;
    float: left;
    margin:  0 30px 10px 0;
}

.o_nama p {
    text-align: justify;
}

.nivoi {
    padding-top: 60px;
}

.nivoi h2 {
    text-align: center;
}
.nivoi p {
    padding: 30px 10px 60px;
    text-align: justify;
}

/* End ABOUT US PAGE */

/* Start YOUTH POLICY PAGE */

.youthTitle {
    background: url(slike/omladinska-politika-bkg.png) repeat-x 0 0 transparent;
    background-color: #f6f6f6; 
    border-top: 1px solid #B8E765;
    border-bottom: 1px solid #B8E765;
    height: 125px;
    width: 100%;

}

.youthPolicy {
    padding-top: 60px;
}

.youthPolicy p {
    text-align: justify;
}

.youthPolicy img {
    padding: 5px;
    background-color: #f6f6f6;
    border: 1px solid #B8E765;
    float: left;
    margin:  0 30px 10px 0;
}


/* End YOUTH POLICY PAGE */

/* Start HUMAN RIGHTS PAGE */

.humanTitle {
    background: url(slike/ljudska-i-manjinska-prava-bkg.png) repeat-x 0 0 transparent;
    background-color: #f6f6f6; 
    border-top: 1px solid #B8E765;
    border-bottom: 1px solid #B8E765;
    height: 125px;
    width: 100%;

}

.humanRights {
    padding-top: 60px;
}

.humanRights p {
    text-align: justify;
}

.humanRights img {
    padding: 5px;
    background-color: #f6f6f6;
    border: 1px solid #B8E765;
    float: left;
    margin:  0 30px 10px 0;
}

.humanRights img {
    text-align: justify;
}

/* End HUMAN RIGHTS PAGE */

/* Start SOCIAL POLICY PAGE */

.socialTitle {
    background: url(slike/socijalna-politika-bkg.png) repeat-x 0 0 transparent;
    background-color: #f6f6f6; 
    border-top: 1px solid #B8E765;
    border-bottom: 1px solid #B8E765;
    height: 125px;
    width: 100%;

}

.socialPolicy {
    padding-top: 60px;
}

.socialPolicy img {
    padding: 5px;
    background-color: #f6f6f6;
    border: 1px solid #B8E765;
    float: left;
    margin:  0 30px 10px 0;
}

.socialPolicy p {
    text-align: justify;
}

/* End SOCIAL POLICY PAGE */

/* Start REFORM POLICY PAGE */

.reformTitle {
    background: url(slike/reforme-rada-uprava-bkg.png) repeat-x 0 0 transparent;
    background-color: #f6f6f6; 
    border-top: 1px solid #B8E765;
    border-bottom: 1px solid #B8E765;
    height: 125px;
    width: 100%;
}


.reformPolicy {
    padding-top: 60px;
}

.reformPolicy img {
    padding: 5px;
    background-color: #f6f6f6;
    border: 1px solid #B8E765;
    float: left;
    margin:  0 30px 10px 0;
}

.reformPolicy p {
    text-align: justify;
}

/* End SOCIAL POLICY PAGE */

/* Start TRENING CENTER PAGE */

#slider-wrapper {
    width: 932px;
    height: 462px;
    border: 5px solid #B8E765;
    position: relative;
    z-index: 1;
}

#slider-wrapper img {
    border: 1px solid #537012;
}

#slider {
    background: url(slike/loading.gif) no-repeat 50% 50%;
    width: 930px;
    height: 460px;
    position: relative;
    z-index: 1;
}

.columnHalf {
    width: 450px;
    padding-top: 60px;
    float: left;
}

.aboutCenter .columnHalf {
    margin-right: 40px;
}

.columnHalf p {
    padding-top: 30px;
    text-align: justify;
}

.googleMap iframe {
    padding-top: 30px;
}

/* End TRENING CENTER PAGE */

/* Start KONTAKT PAGE */

.googleMapBig iframe {
    border-top: 1px solid #B8E765;
    border-bottom: 1px solid #B8E765;
    margin-bottom: 60px;
}

.podatci .one h1 {
    background: url(slike/adress-icon.png) no-repeat 0 0 transparent;
    padding: 10px 0 30px 40px;
}

.podatci span {
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 700;
    color: #414142;
    text-transform: uppercase;
    padding-left: 40px;
}

.podatci .one p {
    padding: 30px 0 0 40px;
}

.podatci p a {
    color: #414142;
}
.podatci .two h1 {
    background: url(slike/kontakt-icon.png) no-repeat 0 0 transparent;
    padding: 10px 0 30px 40px;
}
.podatci .two {
    text-align: left;
}

.podatci .two p {
    padding: 0 0 20px 40px;
}

.podatci .three h1 {
    background: url(slike/id-icon.png) no-repeat 0 0 transparent;
    padding: 10px 0 30px 40px;
}

.podatci .three p {
    padding: 0 0 20px 40px;
}

form, fieldset {
    border-style:  none;
    padding: 0;
}

.kontaktForm {
    margin-top: 30px;
}

#comment-input {
    margin-bottom: 13px;
    overflow: hidden;
}

input#s, #comment-input input, #comment-textarea textarea {
    border-color: #D2D2D2 !important;
}

input#s, input#s, .placeholder, #comment-input input, 
#comment-textarea textarea, #comment-input .placeholder, 
#comment-textarea .placeholder {
    color: #AAA9A9 !important;
}

input#s, #comment-input input, #comment-textarea textarea {
    background-color: #FFFFFF !important;
}

#comment-input input {
    border: 1px solid #D2D2D2;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    color: #747474;
    float: left;
    font-size: 13px;
    margin-right: 1%;
    padding: 8px 2%;
    width: 28%;
}

input, textarea, select {
    color: #000000;
    font: 100% 'PT Sans', sans-serif;
    vertical-align: middle;
}

#comment-input input:last-child {
    margin-right: 0;
}

#comment-textarea textarea {
    border: 1px solid #D2D2D2;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    color: #747474;
    font-size: 13px;
    height: 150px;
    padding: 8px 11px;
    width: 96%;
}

.button {
    display: inline-block;
    margin-top: 13px;
}
.button.small {
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
    font: 12px/32px 'PT Sans Bold', sans-serif;
    font-weight: 900;
    height: 32px;
    padding: 0 20px;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
    text-transform: uppercase;
}
.button.green {
    background-image: -moz-linear-gradient(center top , #D1E990 0%, #AAD75D 100%);
    background-image: -webkit-gradient(center top , #D1E990 0%, #AAD75D 100%);
    background-image: -webkit-linear-gradient(center top , #D1E990 0%, #AAD75D 100%);
    background-image: -ms-linear-gradient(center top , #D1E990 0%, #AAD75D 100%);
    background-image: -o-linear-gradient(center top , #D1E990 0%, #AAD75D 100%);
    border: 1px solid #9DBA60;
    color: #54770F !important;
}
.button.green:hover {
    background-image: -moz-linear-gradient(center top , #AAD75D 0%, #D1E990 100%);
    background-image: -webkit-gradient(center top , #AAD75D 0%, #D1E990 100%);
    background-image: -webkit-linear-gradient(center top , #AAD75D 0%, #D1E990 100%);
    background-image: -ms-linear-gradient(center top , #AAD75D 0%, #D1E990 100%);
    background-image: -o-linear-gradient(center top , #AAD75D 0%, #D1E990 100%);
    border: 1px solid #9DBA60;
    color: #54770F !important;
}
.no-cssgradients .button.green {
    background-color: #D1E990;
}
.no-cssgradients .button.green:hover {
    background-color: #AAD75D;
}

.submitButton {
    padding-right: 13px;
    text-align: right;
}

/* End KONTAKT PAGE */

/* Start PUBLICATIONS PAGE */

.pubTitle div.pub {
    width: 80%;
}

.pubTitle div.watch, div.download {
    width: 10%;
    text-align: center;
}
.pubTitle div {
    float: left;
    margin: 30px 0;
}

.publications div {
    float: left;
    padding-bottom: 10px;
}

.columnPubIcon {
    width: 5%;
}

.columnPublications {
    width: 75%;
}

.columnPreviewIcon {
    width: 10%;
    text-align: center;
}

.columnDownloadIcon {
    width: 10%;
    text-align: center;
}


/* End PUBLICATIONS PAGE */
/* End Content */