/* RESET CSS */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* FONTFACE */

@font-face {
    font-family: 'museo_slab500';
    src: url('../fonts/museoslab-500-webfont.eot');
    src: url('../fonts/museoslab-500-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/museoslab-500-webfont.woff') format('woff'),
        url('../fonts/museoslab-500-webfont.ttf') format('truetype'),
        url('../fonts/museoslab-500-webfont.svg#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'museo_slab700';
    src: url('../fonts/museoslab-700-webfont.eot');
    src: url('../fonts/museoslab-700-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/museoslab-700-webfont.woff') format('woff'),
        url('../fonts/museoslab-700-webfont.ttf') format('truetype'),
        url('../fonts/museoslab-700-webfont.svg#museo_slab700') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* spotDEFAULT */

.fl { float: left; }
.fr { float: right; }

body {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 12px;
    background-image: url('../images/background-main.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    color: #f0d7bf;
}
h1, h2, h3, h4, h5 {
    color: #ddba92;
    font-family: 'museo_slab500';
    font-weight: normal;
    font-style: normal;
}
a {
    color: #f0d7bf;
    text-decoration: none;
}
.animation {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* SCREEN */

.container {
    overflow: hidden;
    margin: 0px auto;
}
header {
    padding: 5% 0px 5% 0px;
    text-align: center;
    background: url('../images/background-header.png') repeat;
}
header a.logo {
    opacity: 0.8;
}
header a.logo:hover {
    opacity: 1;
}
nav {
    text-align: center;
    height: 50px;
    background: url('../images/background-nav.png') repeat;
    overflow: hidden;
    font-family: 'museo_slab500';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    font-size: 16px;
}
nav a {
    display: inline-block;
    padding: 17px 35px;
    margin: 0px 10px;
}
nav a:hover, nav a.active {
    background: url('../images/background-nav-hover.png') repeat;
}
blockquote {
    font-size: 22px;
    text-transform: uppercase;
    color: #f2f2f2;
    text-shadow: 3px 1px 9px #400d01;
    font-family: 'museo_slab700';
    text-align: center;
    line-height: 36px;
    padding: 40px 0px 60px 0px;
    letter-spacing: 0.1em;
}
blockquote span {
    display: block;
    font-size: 36px;
}
ul, p {
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: 22px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
    margin-bottom: 30px;
}
.single {
	padding: 0px 300px;
	margin: 10px 0px 10px 0px;
}
.single strong {
	cursor: help;
}
.gallery {
	padding: 0px 250px;
	margin-bottom: 70px;
}
a.fancybox  img {
	box-shadow: 0px 0px 10px #000;
	opacity: 0.7;
	padding: 5px;
	background-color: #fff;
	margin: 15px 6px 0px 6px;
}
a.fancybox  img:hover {
	opacity: 1;
}
ul.list li {
    margin-bottom: 3px;
    background: url('../images/check.png') no-repeat 0px 3px;
    padding-left: 32px;
}
h2 {
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
    font-size: 22px;
    margin-bottom: 5px;
}
#proizvodi {
    text-align: center;
    margin: 0px auto;
}
.bx-wrapper {
    margin: 0px auto 20px!important;
}
.bx-viewport {
    width: auto!important;
    padding: 15px!important;
    background-color: #fff!important;
    box-shadow: 0px 0px 10px #000!important;
    -webkit-transform: rotate(0.4deg);
    -moz-transform: rotate(0.4deg);
    -o-transform: rotate(0.4deg);
    -ms-transform: rotate(0.4deg);
    transform: rotate(0.4deg);
}
.bx-viewport img {
    height: auto;
    -webkit-transform: rotate(0.1deg);
    -moz-transform: rotate(0.1deg);
    -o-transform: rotate(0.1deg);
    -ms-transform: rotate(0.1deg);
    transform: rotate(0.1deg);
}
.visinaimg {
    height: 630px!important;
}
#bx-pager a {
    pointer-events: none;
    display: inline-block;
    margin: 0px 15px;
    padding: 27px 0px 0px 0px;
    background-position: top center;
    background-repeat: no-repeat;
    text-align: center;
}
#bx-pager a.active {
    background-image: url('../images/slider/slider-activer.png');
}
#bx-pager a.active img {
    opacity: 1;
}
#bx-pager a img {
    pointer-events: all;
    opacity: 0.5;
    cursor: pointer;
    -moz-box-shadow: 2px 2px 2px rgba(64, 13, 1, 0.5);
    -webkit-box-shadow: 2px 2px 2px rgba(64, 13, 1, 0.5);
    box-shadow: 2px 2px 2px rgba(64, 13, 1, 0.5);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#bx-pager a img:hover {
    opacity: 1;
}
#bx-pager a span {
    display: block;
    margin-top: 12px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(64, 13, 1, 0.5);
    letter-spacing: 0.1em;
}
#kontakt #map-back {
    background-repeat: no-repeat;
    background-position: 370px 170px;
    background-image: url('../images/karta.png');
}
.kontaktpodaci {
	text-align: left;
    background-color: rgba(33, 33, 33, 0.21);
    padding: 50px 0px 40px 0px;
    box-shadow: 0px 0px 6px #000;
}
#forma input, #forma textarea {
    border: 1px solid #c39c78;
    background-color: rgba(122, 73, 39, 0.6);
    background-position: right center;
    background-repeat: no-repeat;
    width: 90%;
    display: block;
    padding: 3% 5%;
    resize: none;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 14px;
    margin-bottom: 25px;
}
#forma textarea {
    height: 180px;
    color: #eed6bd;
}
#forma input[type="submit"][disabled="disabled"] {
    pointer-events: none;
    background: rgba(153, 153, 153, 0.25);
    color: #ccc;
}
#forma input[type="submit"] {
    width: auto;
    float: right;
    padding: 2% 3%;
    border: none;
    border-radius: 7px;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    background: url('../images/submit.png') repeat-x top left #431707;
}
#forma input[type="submit"]:hover {
    background: url('../images/submit-hover.png') repeat-x top left #441807;
}
#forma input.oblique {
    font-style: oblique;
    color: #eed6bd;
}
input.LV_invalid_field {
    color: #e03737!important;
    border: 1px solid #e03737!important;
    background-image: url('../images/input-error.png');
}
input.LV_valid_field {
    color: #fff;
    border: 1px solid #65b43b!important;
    background-image: url('../images/input-ok.png');
}
.line {
    clear: both;
    margin: 40px 0px 0px 0px;
}
.kontakt p {
    margin-bottom: 15px;
    padding: 0px 25px;
    line-height: 28px;
}
.LV_validation_message {
    display: none;
}

/* Large desktop */
@media (min-width: 1200px) {
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
#bx-pager a.active {
    background-image: none;
}
.single {
	padding: 0px 100px;
}
.gallery {
	padding: 0px 150px;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.container {
    padding: 0% 5%;
}
body {
    padding-left: 0px!important;
    padding-right: 0px!important;
}
header {
    padding: 7% 0px 7% 0px;
}
nav {
    height: auto;
    overflow: visible;
}
nav a {
    display: block;
    margin: 0px;
}
#bx-pager a.active {
    background-image: none;
}
#kontakt #map-back {
    background-image: none;
}
#forma input[type="submit"] {
    width: 100%;
    float: none;
    padding: 3% 3%;
}
.single {
	padding: 0px 100px;
}
.gallery {
	padding: 0px 40px;
}
}

/* Landscape phones and down */
@media (max-width: 480px) {
body {
    background-attachment: fixed;
}
header a.logo img {
    width:80%;
}
#bx-pager {
    display: none;
}
.single {
	padding: 0px 50px;
}
.gallery {
	padding: 0px 0px;
}
}