@charset "utf-8";

body,html { padding: 0px; margin: 0px; }

.left {float:left;}
.right {float:right;}
.clear-both {clear:both;}
.hand { cursor: pointer; }

.red {color:red;}

b {}

.alertBox,.alertMsg, .alert, .error
{
    margin: 20px;
    padding: 2px;
    padding-top: 15px;
    padding-left: 55px;
    min-height: 30px;
    border: 1px solid #DDD;
    background-color: #EEE;
    color: #069;
    background-image: url(../images/ico-info.png);
    background-repeat: no-repeat;
    max-width: 700px;
}

.col50 {float: left; width: 43%; margin-right: 7%;}

form input, textarea { margin-bottom: 18px; }

img.lineHeight { height:1em; }

/*članek novi*/
.article {padding-bottom:50px;}
.article h1 {padding-right:50px;}


.socialMessageLikes {cursor:pointer; display:inline-block; float: right; margin-top:-35px;}
.socialMessageLikes span {height:16px;}
.socialMessageLikes:after {content:""; display:block; clear:both;}
.socialMessageLikesSrcekOff { float: left; margin-right: 5px;  width:13px; height:12px; margin-top:3px;background: url("../images/sprites-cms.png") no-repeat -15px -0px;}
.socialMessageLikesNumb {float:left;margin-right:5px;}

.socialMessageLikesSrcekOn{float: left; margin-right: 5px;  width:13px; height:12px; margin-top:3px;background: url("../images/sprites-cms.png") no-repeat -0px -0px;}


.socialMessageComments {display:block; margin-top:50px; }
.socialMessageComments span {display:inline-block;}
.socialMessageComments:after {content:""; display:block; clear:both;}
.socialMessageCommentsBubble { float: left; margin-right: 5px;  width:13px; height:12px; margin-top:5px;background: url("../images/sprites-cms.png") no-repeat -56px -0px;}
.socialMessageCommentsNumb {float:left; margin-right:5px;}


.infoMessageList { }
.infoMessageList .socialMessageLikes { margin-top: 0px; float: left; color:#b0aaa3; }
.infoMessageList .socialMessageLikesOff {cursor:pointer; display:inline-block; float: left; margin-top:0; margin-left:20px;}
.infoMessageList .socialMessageLikesOff span {height:16px;}
.infoMessageList .socialMessageLikesOff:after {content:""; display:block; clear:both;}
.infoMessageList .socialMessageLikesOn:after {content:""; display:block; clear:both;}
.infoMessageList .socialMessageLikesSrcek { float: left; margin-right: 5px;  width:13px; height:12px; margin-top:5px;background: url("../images/sprites-cms.png") no-repeat -15px -0px;}
.infoMessageList .socialMessageLikesNumb {float:left;margin-right:5px;}
.infoMessageList .socialMessageLikesOn {cursor:auto; display:inline-block;float: left;margin-top:0; margin-left:20px;}
.infoMessageList .socialMessageLikesOn .socialMessageLikesSrcek{background-position: -0px -0px;}

.infoMessageList .socialMessageComments {margin-left:10px; color:#b0aaa3; float:left; display:block; margin-top:0; }
.infoMessageList .socialMessageComments span {display:inline-block;}
.infoMessageList .socialMessageComments:after {content:""; display:block; clear:both;}
.infoMessageList .socialMessageCommentsBubble { float: left; margin-right: 5px;  width:13px; height:12px; margin-top:5px;background: url("../images/sprites-cms.png") no-repeat -41px -0px;}
.infoMessageList .socialMessageComments:hover .socialMessageCommentsBubble {background-position:-56px 0;}
.infoMessageList .socialMessageLikes:hover .socialMessageLike .socialMessageLikesSrcekOff {background-position:-0px -0px;}


.socialMessageLikes:hover .socialMessageLike .socialMessageLikesSrcekOff {background-position:-0px -0px;}


.infoMessageList .socialMessageCommentsNumb {float:left; margin-right:5px;}


form {margin:20px 0 25px 0;}
form input[type="text"], form input[type="email"], form input[type="password"], form textarea {width:100%; background-color:#fff; color:#333; box-sizing:border-box; -webkit-box-sizing:border-box; font-size:18px; display:block; border:1px solid #ccc; margin-top:5px; margin-bottom:15px; padding:15px; max-width:700px; min-width:0; transition:all 0.3s; -webkit-transition:all 0.3s;}
form textarea {height:120px; min-height:120px;}
form input[type="text"]:focus, form input[type="email"]:focus, form input[type="password"]:focus, form textarea:focus { border-color:#333333; }
form input[type="submit"]{margin-top:10px; font-weight:500; font-size:18px; display:block; padding:15px 0; cursor:pointer; width:auto; padding-left:60px; padding-right:60px; text-align:center; background-color:#ccc; border:none; border-radius:0; -webkit-border-radius:0; color:#333333}
form input[type="submit"]:hover {background-color:#333333;  color:#fff;}

.comment { border-bottom:1px solid #ccc; padding:10px 0;  }
.commentHeader {margin-bottom:5px;}
.commentHeader:after {content:""; display:block; clear:both;}
.commentAuthor {font-size:16px; float:left;}
.commentDate {float:right; font-size:12px;  color:#a0a0a0;}
.commentComment {font-size:14px; line-height:normal;}



.standard-page-content {
    padding-top:30px;
}
.privzeta-slika {
    margin: 6px 20px 20px 0;
    max-width:400px;
    float: left;
    display:block;
}

.izdelek-slike a{
    display:block;
    float:left;
    margin-right:10px;
    height:90px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.izdelek-slike a:hover {
    opacity:0.7;
}

.izdelek-slike a img{
    display:block;
    float:left;
    margin-right:10px;
    max-height:100%;
}










/* #middle fixes
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 1160px) and (max-width: 1450px) {
    .gallery-box a img {
        max-height: 130px;
        max-width:280px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}



@media only screen and (min-width: 1100px) and (max-width: 1200px) {

}




/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1099px) {

}




/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .col50 {float:none; width:auto; margin: 0px; }
}



/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and  (max-width: 700px) {

    .privzeta-slika {max-width:300px; float:none; margin:0 0 15px 0;}
}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */
@media only screen and (max-width: 479px) {

    .col50 {float:none; width:auto; margin: 0px; }
    input, textarea {max-width:100%;}
}