/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
 unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
 unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
 unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
 unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/ZLqKeelYbATG60EpZBSDyxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&subset=latin);
*/
html {
height: 100%;
}
body {
/*
font-family: 'Roboto Condensed', 'Roboto', Arial, Helvetica, Verdana, Tahoma, 'Lucida Sans Unicode', 'Trebuchet MS', 'Times New Roman', Times, sans-serif;
font-family: 'Roboto', 'Roboto Condensed', Arial, Helvetica, Verdana, Tahoma, 'Lucida Sans Unicode', 'Trebuchet MS', 'Times New Roman', Times, sans-serif;
font-family: 'Open Sans', Arial, Helvetica, Verdana, Tahoma, 'Lucida Sans Unicode', 'Trebuchet MS', 'Times New Roman', Times, sans-serif, 'Roboto', 'Roboto Condensed';
*/
font-family: Arial, Helvetica, Verdana, Tahoma, 'Lucida Sans Unicode', 'Trebuchet MS', 'Times New Roman', Times, sans-serif;
line-height: 150%;
color: #333333;
font-size: 16px;
margin: 0px;
background-color: #000000;
background-size: cover;
height: 100%;
}
.wrapper {
background-color: #FFFFFF;
margin-right: auto;
margin-left: auto;/*
max-width: 1500px;
*/
}
/*
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -400px;
}
.push {
height: 400px;
overflow: hidden;
}
.footer {
height: 400px;
}
*/
.dist {
height: 4em;
height: 4em;
overflow: hidden;
background-color: #FFF;
clear: both;
}
.dist.small {
height: 2em;
}
.vcenter {
position: absolute;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
}
a,
a:link,
a:visited,
a:active,
a:focus {
text-decoration: none;
color: #996633;
border: 0px;
outline: 0px;
cursor: pointer;
}
a:hover {
text-decoration: none;
color: #0066FF;
border: 0px;
outline: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.title,
.subtitle {
/*
font-family: 'Roboto Slab', 'Roboto', 'Roboto Condensed', Arial, Helvetica, Verdana, Tahoma, 'Lucida Sans Unicode', 'Trebuchet MS', 'Times New Roman', Times, sans-serif;
*/
font-family: Arial, Helvetica, Verdana, Tahoma, 'Lucida Sans Unicode', 'Trebuchet MS', 'Times New Roman', Times, sans-serif, 'Roboto', 'Roboto Condensed';
font-family: 'Roboto', 'Times New Roman', Times, Arial, Helvetica, Verdana, Tahoma, 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif;
font-size: 350%;
color: #000000;
color: #333333;
color: #333333;
font-style: normal;
line-height: 115%;
margin: 0px;
padding: 0px;
font-weight: 300;
display: block;
}
h1,
h2,
.h1,
.h2 {
word-wrap: break-word;
padding-bottom: 0.5em;
}
h3 {
font-size: 250%;
padding-bottom: 0.5em;
}
h4 {
font-size: 175%;
padding-bottom: 0.75em;
font-weight: 300;
color: #666666;
}
h5 {
font-size: 155%;
padding-bottom: 0.75em;
}
ul,
ol {
text-align: left;
list-style-type: none;
margin: 0px;
padding: 0px;
line-height: 150%;
}
li {
text-align: left;
margin: 0px;
padding: 0px;
}
.text ul,
.text ol {
list-style-type: disc;
margin: 0px;
padding-bottom: 1.5em;
padding-left: 3em;
}
.text ol {
list-style-type: decimal;
}
.text li {
margin: 0px;
padding: 0px;
}
.text ul ul {
list-style-type: circle;
list-style-type: disc;
margin: 0px;
padding-bottom: 0em;
padding-left: 3em;
}
table {
border-collapse: collapse;
margin: 0px;
padding: 0px;
}
td,
td {
vertical-align: middle;
margin: 0px;
padding: 0px;
}
.table {
width: 100%;
margin-bottom: 1.5em;
}
.table tr {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
.table th {
font-weight: normal;
text-align: left;
text-align: center;
color: #000000;
padding: 0.5em;
}
.table td {
text-align: center;
padding: 0.2em;
}
p {
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 1.5em;
padding-left: 0px;
vertical-align: top;
line-height: 150%;
}
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}
/*********************************************************************************************************/
/*********************************************************************************************************/

.width {
margin-right: auto;
margin-left: auto;
position: relative;
max-width: 1400px;
}
.margin {
max-width: 1400px;
margin-right: auto;
margin-left: auto;
position: relative;
padding-right: 5%;
padding-left: 5%;
display: block;
}
.text {
padding-bottom: 2em;
}
.right {
float: right;
}
.left {
float: left;
}
/* foto */

.foto,
.foto .holder {
display: block;
position: relative;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-size: cover;
text-align: center;
}
.foto:after {
display: block;
content: '';
overflow: hidden;
padding-top: 66.66666666666667%;
padding-top: 100%;
padding-top: 56.25%;
}
.foto .holder {
display: block;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
.foto img {
display: block;
width: 100%;
}
/* video */

.video .foto {
display: block;
position: relative;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-size: cover;
}
.video .foto:after {
display: block;
content: '';
overflow: hidden;
padding-top: 66.66666666666667%;
padding-top: 100%;
padding-top: 56.25%;
}
.video .foto iframe {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
}
/* tilt */

.tilt {
overflow: hidden;
display: none;
display: block;
height: 120px;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.tilt.show {
display: block;
height: 70px;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
/************************** header ***************************/

.header {
position: relative;
position: fixed;
left: 0px;
top: 0px;
right: 0px;
height: 120px;
z-index: 1000;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
background-color:#E6E6E6;;
}
.header.fixed {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
height: 70px;
-webkit-transition: height 0.5s, background 0.5s;
transition: height 0.5s, background 0.5s;
box-shadow: 0px 10px 20px rgba(0,0,0,0.2);
}
.header .holder {
margin-right: auto;
margin-left: auto;
height: 100%;
}
.header .margin,
.header .width {
height: 100%;
position: relative;
}
.holder {
position: relative;
}
/****** logo *****/

.logo {
height: 100%;
/*
max-height: 90px;
*/
width: auto;
float: left;
display: block;
z-index: 1000;
position: absolute;
left: 0px;
bottom: 0px;
padding-left: 0%;
}
.logo a {
display: block;
height: 100%;
}
.logo .img {
height: 100%;
display: block;
float: left;
}
.logo img {
display: block;
height: 100%;
width: auto;
padding-top: 20px;
padding-bottom: 20px;
box-sizing: border-box;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.fixed .logo img {
padding-top: 10px;
padding-bottom: 10px;
}
.mainmenu {
height: 45px;
position: absolute;
z-index: 999;
font-size: 105%;
bottom: 15px;
right: 0px;
width: 100%;
box-sizing: border-box;
float: left;
font-family: 'Roboto', 'Times New Roman', Times, Arial, Helvetica, Verdana, Tahoma, 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif;
font-weight: 400;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.fixed .mainmenu {
bottom: 12px;
}
/*******************  icomobile     *******************/

.icomobile {
display: block;
display: none;
z-index: 1000;
float: right;
padding-right: 0%;
position: absolute;
right: 0px;
bottom: 0px;
height: 100%;
}
.icomobile a {
display: block;
box-sizing: border-box;
width: 60px;
height: 60px;
background-image: url(icomobile.png);
background-size: 100% auto;
background-position: 0px 0px;
}
.icomobile a:hover {
background-color: #FFFFFF;
background-color: #9EC2E6;
background-color: transparent;
background-position: 0px 60px;
}
/* lang */

.lang {
display: block;
font-size: 90%;
text-transform: uppercase;
font-weight: 300;
float: right;
padding-top: 15px;
height: 100px;
height: auto;/*
border-right-width: 1px;
border-right-style: solid;
border-right-color: #999999;
*/
margin-top: 0px;
}
.lang ul {
display: block;
margin: 0px;
padding: 0px;
}
.lang ul li {
margin: 0px;
padding: 0px;
float: left;
}
.lang ul li a {
display: block;
box-sizing: border-box;
height: 36px;
width: 36px;
color: #999999;
overflow: hidden;
border-radius: 5px;
margin-left: 8px;
text-align: center;
margin-bottom: 0px;
padding-top: 8px;
background-image: url(../sr.html);
background-repeat: no-repeat;
background-position: center top;
background-size: 36px auto;
}
.lang ul li.en a {
background-image: url(../en.html);
}
.lang ul li.de a {
background-image: url(../de.html);
}
.lang ul li a:hover,
.lang ul li.current a {
color: #000000;
/*
background-color: rgba(240,240,240,1);
*/
background-position: center bottom;
}
.lang ul li a:hover {
color: #FFFFFF;
/*
background-color: rgba(0,153,255,1);
*/
background-position: center bottom;
}
/*******************    carousel     *******************/


.carousel,
.caroufredsel_wrapper,
#carousel,
.carousel .nav #prev,
.carousel .nav #next {
height: 540px !important;
}
.carousel.small,
.small .caroufredsel_wrapper,
.small #carousel,
.carousel.small .nav #prev,
.carousel.small .nav #next {
height: 340px !important;
}
.carousel {
width: 100%;
margin-right: auto;
margin-left: auto;
display: block;
position: relative;
overflow: hidden;
background-color: #FFFFFF;
}
#carousel {
display: block;
height: 100%;
}
#carousel a {
display: block;
height: 100%;
}
#carousel .slide {
height: 100%;
width: 100%;
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
float: left;
}
#carousel .holder {
display: block;
height: 100%;
padding-top: 2.5em;
max-width: 500px;
text-shadow: 1px 1px 10px rgba(0,0,0,0.25);/*
background-color: rgba(0,0,0,0.7);
*/
position: relative;
}
#carousel .margin {
display: block;
height: 100%;
}
.small #carousel .holder {
padding-top: 0em;
max-width: inherit;
}
#carousel .title {
display: block;
color: #FFFFFF;
font-size: 350%;
font-weight: 700;
position: relative;
line-height: 90%;
}
.small #carousel .title {
font-size: 525%;
font-weight: 300;
position: absolute;
left: 0px;
bottom: 0.6em;
}
#carousel .subtitle {
display: block;
color: #FFFFFF;
font-size: 275%;
font-weight: 300;
}
.pager {
width: 100%;
text-align: center;
position: absolute;
bottom: 90px;
z-index: 20;
display: none;
}
.small .pager {
bottom: 10px;
}
.pager a {
text-decoration: none;
height: 50px;
width: 50px;
margin: 0px;
display: inline-block;
line-height: 200px;
overflow: hidden;
background-image: url(pager.png);
background-repeat: no-repeat;
background-position: center 0px;
background-size: 100% auto;
}
.pager a.selected {
background-position: center -100px;
}
.pager a:hover {
background-position: center -50px;
}
/**/
.carousel .nav {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 0px;
z-index: 10;
}
.carousel .nav #prev,
.carousel .nav #next {
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 10;
height: 580px;
width: 100px;
width: 5%;
}
.carousel .nav #next {
top: 0;
right: 0;
left: auto;
}
.carousel .nav a {
height: 100%;
display: block;
}
.carousel .nav a span {
height: 100%;
height: 190px;
display: block;
background-image: url(prev.png);
background-repeat: no-repeat;
background-position: center center;
width: 100%;
background-size: 60% auto;
-moz-transition: 0.3s;
-ms-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.carousel .nav #next a span {
background-image: url(next.png);
}
.carousel .nav a:hover span {
/*
background-color: rgba(0,0,0,0.5);
*/
background-size: 90% auto;
}
/****************** blocks ******************/


.block {
display: block;
position: relative;
/*
width: 50%;
margin-left: 2%;
*/
padding-bottom: 2%;
float: left;
width: 100%;
}
.block a {
display: block;
}
.block .holder {
display: block;
padding-top: 1.25em;
padding-right: 0%;
padding-bottom: 1.25em;
padding-left: 0%;
}
.text .block a {
display: block;
}
/**/
.x1 .block {
width: 100% !important;
margin-left: 0% !important;
padding-bottom: 2%;
clear: left;
}
/**/













/**/
.x2 .block {
width: 48.5%;
margin-left: 3%;
padding-bottom: 2%;
padding-bottom: 0%;
}
.x2 .block:nth-of-type(2n-1) {
margin-left: 0%;
clear: left;
}
/**/
.x3 .block {
width: 31.33333333333333%;
margin-left: 3%;
padding-bottom: 3%;
}
.x3 .block:nth-of-type(3n-2) {
margin-left: 0%;
clear: left;
}
/**/
.x4 .block {
width: 22.75%;
margin-left: 3%;
padding-bottom: 2em;
}
.x4 .block:nth-of-type(4n-3) {
margin-left: 0%;
clear: left;
}
/**/
.x5 .block {
width: 17.6%;
margin-left: 3%;
padding-bottom: 3%;
}
.x5 .block:nth-of-type(5n-4) {
margin-left: 0%;
clear: left;
}
/**/
.x6 .block {
width: 15%;
margin-left: 2%;
padding-bottom: 2%;
}
.x6 .block:nth-of-type(6n-5) {
margin-left: 0%;
clear: left;
}
/**/
.x7 .block {
width: 12.57142857142857%;
margin-left: 2%;
padding-bottom: 2%;
}
.x7 .block:nth-of-type(7n-6) {
margin-left: 0%;
clear: left;
}
/*********************       form        *****************************/

form {
margin: 0px;
padding: 0px;
}
.fieldholder {
display: block;
position: relative;
padding-bottom: 1.5em;
}
input[type=text],
input[type=password],
input[type=file],
select,
textarea {
color: #000000;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
font-size: 100%;
border: 1px solid #999999;
display: list-item;
text-align: left;
float: none;
border-radius: 0px;
width: 100%;
line-height: normal;
box-sizing: border-box;
height: 40px;
padding-right: 6px;
padding-left: 6px;
padding-top: 0px;
padding-bottom: 0px;
float: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0em;
margin-left: 0px;
background-color: #F0F0F0;
}
input[type=file] {
padding: 0px;
vertical-align: middle;
}
input[type=radio] {
vertical-align: top;
margin-right: 0.5em;
margin-left: 0.5em;
margin-bottom: 0.5em;
float: left;
}
input[type=checkbox] {
margin-right: 0.75em;/*
vertical-align: top;
margin-left: 0.5em;
margin-bottom: 0.5em;
float: left;
*/
float: left;
}
textarea {
height: 5em;
resize: vertical;
min-height: 32px;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
label {
/*
cursor: pointer;
*/
margin: 0px;
display: block;
position: relative;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0.5em;
padding-left: 0px;
line-height: normal;
}
/* forma */

.forma {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
margin-bottom: 3em;
}
.obavezno {
display: block;
clear: both;
font-style: italic;
padding-bottom: 0.5em;
color: #999999;
}
.star {
color: #CC0000;
font-size: 150%;
line-height: 0%;
}
/* button */

.button {
width: 100%;
width: auto;
display: block;
float: left;
margin-right: auto;
margin-left: auto;
}
.button a {
font-size: 125%;
text-align: center;
padding-top: 0.35em;
padding-right: 1.5em;
padding-bottom: 0.2em;
padding-left: 1.5em;
border-radius: 0px;
box-sizing: border-box;
font-style: normal;
display: block;
height: 40px;
color: #FFFFFF;
background-color: #333399;
border: 1px solid #333399;
/**/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1971c4+0,000033+100 */
background: #1971c4; /* Old browsers */
background: -moz-linear-gradient(top, #1971c4 0%, #000033 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1971c4 0%, #000033 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1971c4 0%, #000033 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1971c4', endColorstr='#000033', GradientType=0 ); /* IE6-9 */
}
.button a:hover {
color: #FFFFFF;
/**/
background-color: #FF6600;
border: 1px solid #FF6600;
/*
background: #ff9900;
background: -moz-linear-gradient(top, #ff9900 0%, #ff6600 100%);
background: -webkit-linear-gradient(top, #ff9900 0%, #ff6600 100%);
background: linear-gradient(to bottom, #ff9900 0%, #ff6600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ff6600', GradientType=0 );
*/
/**/
background-color: #996633;
border: 1px solid #6b4724;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#996633+0,6b4724+100 */
background: #996633; /* Old browsers */
background: -moz-linear-gradient(top, #996633 0%, #6b4724 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #996633 0%, #6b4724 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #996633 0%, #6b4724 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#996633', endColorstr='#6b4724', GradientType=0 ); /* IE6-9 */
}
.slide .button a {
color: #FFFFFF;
height: auto;
padding-top: 0.5em;
padding-right: 2.5em;
padding-bottom: 0.5em;
padding-left: 2.5em;
margin-top: 2em;
background-color: rgba(204,204,204,0.3);
background: rgba(204,204,204,0.3);
border: none;
border: 1px solid #CCCCCC;
text-transform: uppercase;
}
.slide .button a:hover {
color: #FFFFFF;
background-color: #000000;
background: #000000;
border: none;
border: 1px solid #000000;
}
/* asortiman */

.asortiman {
padding-top: 3em;
padding-bottom: 3em;
overflow: hidden;
}
.lccont .asortiman {
padding-top: 0em;
padding-bottom: 3em;
}
.asortiman .block {
margin-left: 0px;
padding-bottom: 2em;
}
.asortiman .x6 .block {
width: 16.66666666666667%;
}
.asortiman .x2 .block {
width: 50%;
}
.asortiman .x3 .block {
width: 33.33333333333333%;
}
.asortiman .x4 .block {
width: 25%;
}
.asortiman h1,
.asortiman h2 {
padding-bottom: 0.5em;
}
.asortiman .foto:after {
content: normal;
overflow: auto;
padding-top: 0%;
}
.asortiman .txt {
display: block;
padding-top: 0.5em;
color: #333333;
padding-right: 0em;
padding-left: 0em;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
padding-bottom: 0em;
}
.asortiman a:hover .txt {
color: #000000;
}
.asortiman .title {
display: block;
padding-bottom: 0.5em;
font-size: 150%;
font-weight: 300;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
color: #996633;
padding-right: 1em;
}
.asortiman a:hover .title {
color: #003366;
}
/* logos */

.logos {
padding-top: 2em;
padding-bottom: 1em;
}
.lccont .logos {
padding-top: 0em;
padding-bottom: 1em;
}
.logos .foto:after {
content: normal;
overflow: auto;
padding-top: 0%;
}
.logos .foto img {
padding: 6%;
box-sizing: border-box;
/*
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
*/
-webkit-filter: grayscale(100%) contrast(60%) brightness(130%);  /* Chrome, Safari, Opera */
filter: grayscale(100%) contrast(60%) brightness(130%);
}
.logos .foto a:hover img {
-webkit-filter: none;
filter: none;
}
/* footer */

.footer {
background-color: #000000;
position: relative;
display: block;
overflow: visible;
color: #FFFFFF;
font-size: 100%;
text-shadow: 1px 1px 1px rgba(0,0,0,1);
line-height: 150%;
text-align: center;
padding-top: 4em;
padding-bottom: 4em;
border: none !important;

}
.footer .margin {
height: 100%;
}
.footer.bgblue .block .title {
display: block;
padding-bottom: 0.5em;
font-size: 180%;
font-weight: 300;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
color: #FFFFFF;
}
.footer a {
color: #CCCCCC;
display: block;
text-align: center;
}
.footer a:hover {
color: #FFFFFF;
}
.footer .button {
width: 100%;
}
.footer .button a {
text-shadow: none;

}
.footer input {
border-color: #333;
}
/** facebook **/
.icons {
display: block;
overflow: hidden;
}
.icons ul {
display: inline;
}
.icons li {
display: inline-block;
}
.icons a {
display: block;
height: 50px;
width: 50px;
overflow: hidden;
margin-right: 6px;
margin-left: 6px;
margin-bottom: 12px;
background-position: center center;
background-size: 100% 100%;
background-color: rgba(255,255,255,0.2);
}
.icons a:hover {
background-color: transparent;
background-color: rgba(255,255,255,0.6);
}
/**/
.icons a.facebook {
background-image: url(facebook.png);
}
.icons a.twitter {
background-image: url(twitter.png);
}
.icons a.google {
background-image: url(google.png);
}
.icons a.pinterest {
background-image: url(pinterest.png);
}
.icons a.youtube {
background-image: url(youtube.png);
}
.icons a.vimeo {
background-image: url(vimeo.png);
}
.icons a.linkedin {
background-image: url(linkedin.png);
}
/* nordnet */
.copy {
display: block;
margin-right: auto;
margin-left: auto;
}
.nordnet {
font-size: 75%;
text-align: center;
float: none;
display: block;
font-weight: normal;
}
.nordnet a {
display: inline-block;
padding: 1em;
color: #999a9b;
}
.nordnet a:hover {
color: #FFFFFF;
}
.nordnet .dizajn {
font-weight: bold;
}
/* hot */
.news {
overflow: hidden;
}
.bgblue {
background-image: url(bg-blue.jpg);
background-color: #000000;
background-repeat: no-repeat;
background-position: center top;
background-size: auto auto;
padding-top: 3em;
padding-bottom: 3em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #333;
margin-bottom: 0px;
}
.bgblue .x4,
.bgblue .x3 {
margin-bottom: 2%;
overflow: hidden;
}
.bgblue .x3 {
margin-right: auto;
margin-left: auto;
max-width: 1200px;
}
.footer .x3 {
max-width: none;
max-width: 1200px;
}
.news .block {
padding-bottom: 2em;
}
.bgblue h1,
.bgblue h2,
.bgblue h3 {
padding-bottom: 0.75em;
color: #FFFFFF;
}
.news .foto:after {
content: normal;
overflow: auto;
padding-top: 0%;
}
.news .txt {
display: block;
padding-top: 0.5em;
color: #666666;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.bgblue .news .txt {
padding-bottom: 500px;
margin-bottom: -500px;
padding-top: 1em;
padding-right: 1.2em;
padding-left: 1.2em;
background-color: #FFFFFF;
}
.news a:hover .txt {
color: #000000;
}
.bgblue a:hover .txt {
color: #FFFFFF;
background-color: #666666;
}
.news .block .title {
display: block;
padding-bottom: 0.25em;
font-size: 180%;
font-weight: 300;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
color: #996633;
}
.bgblue .block .title {
display: block;
padding-bottom: 0.5em;
font-size: 180%;
font-weight: 300;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.news a:hover .title {
color: #0066FF;
}
.bgblue a:hover .title {
color: #FFFFFF;
}
.bgblue a:hover .price {
color: #FFFFFF;
}
/* foto .shadow */

.foto .shadow {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
background-image: url(black-grad1.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% 500%;/*
box-shadow: inset 0px 0px 100px rgba(0,0,0,0);
*/
}
a:hover .foto .shadow {
box-shadow: inset 0px 0px 100px rgba(0,0,0,0.3);/*
*/
}
a.iframe .foto .shadow {
background-image: url(play.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 20% auto;
}
a.iframe:hover .foto .shadow {
background-image: url(play1.png);
}
.date {
display: block;
font-weight: 300;
color: #666666;
font-size: 100%;
padding-bottom: 0.1em;
float: none;
padding-left: 0em;
}
/**********/


.fcont {
display: block;
float: none;
padding-top: 2em;
width: 100%;
}
.lccont {
display: block;
float: left;
padding-top: 2em;
width: 78%;
}
.crcont {
display: block;
float: left;
padding-top: 2em;
width: 78%;
margin-left: 2%;
}
.rcont {
display: block;
float: right;
width: 20%;
clear: right;
}
.ccont {
display: block;
float: left;
margin-left: 2%;
width: 56%;
padding-top: 2em;
}
.lcont {
display: block;
float: left;
width: 20%;
padding-top: 2em;
}
/*********************************************/

/**/
.leftmenu {
display: block;
text-align: left;
padding-bottom: 0em;
}
.leftmenu ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.leftmenu li {
padding-bottom: 0px;
}
.leftmenu a {
font-weight: normal;
display: block;
text-decoration: none;
text-transform: none;
-webkit-transition: 0.25s;
transition: 0.25s;
background-color: #F5F5F5;
background-color: #FFFFFF;
margin: 0px;
padding: 0.6em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
font-variant: small-caps;
font-size: 110%;
color: #808080;
color: #999999;
}
.leftmenu a:hover {
color: #FFFFFF;
text-decoration: none;
-webkit-transition: 0.25s;
transition: 0.25s;
background-color: #CCCCCC;
}
.leftmenu a strong {
color: #000000;
font-weight: normal;
}
.leftmenu a:hover strong {
color: #FFFFFF;
font-weight: normal;
}
/*
.text .leftmenu ul ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.leftmenu ul ul a {
font-variant: small-caps;
margin: 0px;
padding: 0.2em;
padding-left: 2.2em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
border: none;
}
*/
/** menum **/

.menum {
text-align: center;
display: block;
display: none;
}
.menum ul {
display: none;
}
.menum ul ul {
display: block;
}
.menum a {
display: block;
}
.menum .menumbutton {
padding-bottom: 0px;
}
.menum .menumbutton a {
background-image: url(drop.png);
background-repeat: no-repeat;
background-position: 98% 3px;
background-size: 40px auto;
-webkit-transition: background-image 0s;
transition: background-image 0s;
}
.menum .menumbutton a:hover {
background-position: 98% -77px;
}
/***********************************************/

/* pretraga */

.pretraga {
top: -80px;
margin-bottom: -20px;
display: block;
height: auto;
position: relative;
}
.pretraga .bg {
background-color: rgba(0,0,0,0.2);
position: relative;
z-index: 10;
background-image: url(bg-pretraga.png);
background-repeat: repeat-x;
background-position: center top;
left: 0px;
right: 0px;
}
.pretraga .title {
display: block;
position: relative;
top: 0px;
margin-bottom: 0px;
height: 80px;
overflow: hidden;
font-size: 250%;
color: #FFFFFF;
line-height: 90%;
font-weight: 400;
float: left;
padding-left: 0.5em;
padding-top: 0.2em;
box-sizing: border-box;
}
.pretraga .title .kategorija {
display: block;
font-size: 50%;
font-weight: 300;
}
.pretraga input[type=text],
.pretraga input[type=password],
.pretraga input[type=file],
.pretraga select,
.pretraga textarea {
color: #FFFFFF;
background-color: #000000;
border: 1px solid #999999;
}
.pretraga .form {
padding-top: 1em;
padding-bottom: 0.5em;
max-width: 1200px;
}
.pretraga .block {
padding-bottom: 1em;
}
.pretraga .button {
width: 100%;
}
.tabs_holder {
display: block;
background-image: url(tabs_hline.png);
background-repeat: no-repeat;
background-position: right top;
background-size: 100% 1px;
width: 100%;
float: none;
}
.tabs {
display: block;
background-image: url(tabs_vline.png);
background-repeat: no-repeat;
background-position: right top;
background-size: 2px 100%;
padding-right: 2px;
max-width: 540px;
width: 100%;
float: right;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;
box-sizing: border-box;
}
.tabs li {
box-sizing: border-box;
display: block;
float: left;
height: 79px;
width: 16.6667%;
background-image: url(tabs_vline.png);
background-repeat: no-repeat;
background-position: left top;
background-size: 2px 100%;
}
.tabs li:first-of-type {
background-position: -1px top;
}
.tabs li:nth-of-type(6n-5) {
background-position: -1px top;
}
.tabs a {
display: block;
height: 100%;
margin-left: 1px;
}
.tabs a:hover,
.tabs .active a {
background-image: url(tabs1.png);
background-repeat: no-repeat;
background-position: center -20px;
background-size: 100% 100%;/*
background-color: #F60;
*/
}
.tabs a span {
background-image: url(ico_putnicka.png);
background-repeat: no-repeat;
background-position: center 0px;
background-size: auto 160px;
display: block;
height: 100%;
width: 100%;
}
.tabs a:hover span,
.tabs .active a span {
background-position: center -80px;
}
/**/
.tabs .putnicka a span {
background-image: url(ico_putnicka.png);
}
.tabs .kombi a span {
background-image: url(ico_kombi.png);
}
.tabs .terenska a span {
background-image: url(ico_terenska.png);
}
.tabs .kamioni a span {
background-image: url(ico_kamioni.png);
}
.tabs .traktori a span {
background-image: url(ico_traktori.png);
}
.tabs .motori a span {
background-image: url(ico_motori.png);
}
/* rcont pretraga */

.rcont .pretraga .title {
font-size: 195%;
line-height: 110%;
font-weight: 400;
height: 80px;
padding-left: 0.5em;
padding-top: 0.2em;
}
.rcont .pretraga.felne .title {
padding-top: 0.75em;
}
.pretraga .title .kategorija {
display: block;
font-size: 65%;
font-weight: 300;
}
.rcont .pretraga .block,
.rcont .pretraga .x4 .block {
width: 100%;
margin-left: 0%;
padding-bottom: 0.5em;
}
/**/
.rcont .pretraga .tabs {
clear: both;
border: none;
padding-right: 0px;
float: none;
background-image: none;
background-color: rgba(0,0,0,0.2);
background-color: #CCCCCC;
background-image: url(bg-pretraga-b.png);
background-position: center top;
background-repeat: repeat;
background-size: 100% 100%;
}
.rcont .pretraga .tabs li {
height: 60px;
width: 33.333333%;
border-top-width: 0px;
border-top-style: solid;
border-top-color: #FFFFFF;
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
.rcont .pretraga .tabs li {
background-image: url(tabs_vline-b.png);
background-repeat: no-repeat;
background-position: left top;
background-size: 2px 100%;
}
.rcont .pretraga .tabs li:nth-of-type(3n-2) {
background-position: -2px top;
}
.rcont .pretraga .tabs li:nth-of-type(3n-2) a {
margin-left: 0px;
}
.rcont .pretraga .tabs a span {
background-position: center -10px;
}
.rcont .pretraga .tabs a:hover span,
.rcont .pretraga .tabs .active a span {
background-position: center -90px;
}
.rcont .pretraga .form {
background-image: url(../bg-pretragaxxx.html);
background-repeat: repeat-x;
background-position: center -80px;
}
.rcont .pretraga input[type=text],
.rcont .pretraga input[type=password],
.rcont .pretraga input[type=file],
.rcont .pretraga select,
.rcont .pretraga textarea {
color: #333333;
background-color: #FFFFFF;
border: 1px solid #999999;
}
.rcont .pretraga .button {
padding-bottom: 0.5em;
}
.text {
display: block;
padding-bottom: 4em;
}
.text img {
display: block;
width: auto;
max-width: 100%;
margin-right: auto;
margin-left: auto;
padding-bottom: 2em;
}
.text img.right {
padding-left: 1.5em;
}
.text img.left {
padding-right: 1.5em;
}
.text iframe {
display: block;
float: none;
width: 100% !important;
height: 18em !important;
max-width: 32em;
margin-right: auto;
margin-left: auto;
position: relative !important;
}
/*
.text iframe:after {
display: block !important;
content: '' !important;
overflow: hidden !important;
padding-top: 56.25% !important;
padding-top: 100% !important;
position: relative !important;
}
.text iframe html {
position: absolute !important;
display: block !important;
left: 0px !important;
right: 0px !important;
top: 0px !important;
bottom: 0px !important;
}
*/
.text h1,
.text h2,
.text .h1,
.text .h2 {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
margin-bottom: 0.6em;
padding-bottom: 0.1em;
font-weight: 300;
}
/* gume */

.gume .block .title {
display: block;
padding-bottom: 0.05em;
font-size: 125%;
font-weight: 400;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
color: #996633;
}
.gume .txt {
background-image: url(black-grad1.png);
background-repeat: no-repeat;
background-position: center -34em;
background-size: 100% 40em;
padding: 0.5em;
text-align: center;
}
.gume .foto .shadow {
box-shadow: none;
background-image: url(black-grad2.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 100% 1000%;
background-image: none;/*
*/
}
.gume a:hover .foto .shadow {
box-shadow: none;
background-image: url(black-grad2.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 100% 400%;
}
.gume .price {
font-weight: normal;
color: #333;
display: block;
font-size: 120%;
}
/* sort */

.sort {
display: block;
padding-top: 1em;
padding-right: 1.5em;
padding-bottom: 1.5em;
padding-left: 1.5em;
background-image: url(black-grad1.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% 300%;
}
.sort .total {
display: block;
float: left;
font-size: 200%;
padding-top: 0.1em;
padding-right: 0.5em;
font-weight: 300;
}
.label {
display: block;
float: left;
padding-top: 0.65em;
padding-right: 0em;
padding-bottom: 0.5em;
padding-left: 0px;
margin: 0px;
line-height: normal;
position: relative;
color: #000000;
}
.sort form {
display: block;
float: right;
padding-top: 0em;
padding-bottom: 0px;
width: auto;
}
.sort .fieldholder {
display: block;
float: right;
padding-top: 0.5em;
padding-bottom: 0px;
overflow: visible;
padding-left: 1em;
}
/*x5*/
.sort form.x5 {
float: none;
width: 100%;
}
.sort .x5 .fieldholder {
float: left;
}
.sort .x5 .fieldholder {
padding-left: 0em;
}
/**/
.sort .x5 input[type=text],
.sort .x5 input[type=password],
.sort .x5 input[type=file],
.sort .x5 select,
.sort .x5 textarea {
width: 100%;
margin-left: 0px;
}
.sort input[type=text],
.sort input[type=password],
.sort input[type=file],
.sort select,
.sort textarea {
color: #000000;
font-family: Arial, Helvetica, Verdana, Tahoma, "Lucida Sans Unicode", "Trebuchet MS", "Times New Roman", Times, serif, sans-serif;
font-size: 100%;
border: 1px solid #999999;
display: list-item;
text-align: left;
float: none;
width: auto;
line-height: normal;
box-sizing: border-box;
height: 40px;
padding-right: 6px;
padding-left: 6px;
padding-top: 0px;
padding-bottom: 0px;
float: left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0em;
margin-left: 0.5em;
background-color: #FFFFFF;
}
.sort .button {
width: 100%;
}
/*prikaz*/
.prikaz {
display: block;
float: left;
height: 40px;
width: 40px;
overflow: hidden;
padding-left: 0.5em;
}
.prikaz a {
display: block;
height: 100%;
width: 100%;
overflow: hidden;
background-image: url(prikaz.png);
background-repeat: no-repeat;
background-position: center 0px;
background-size: 100% auto;
}
.prikaz.lista a {
background-position: center 0px;
}
.prikaz.grid a {
background-position: center -40px;
}
/* product */

.product {
position: relative;
display: block;
margin-bottom: 1.5em;
}
h1 .brand,
h2 .brand {
display: block;
}
h1 .name,
h2 .name {
font-size: 75%;
display: inline-block;
line-height: 100%;
font-weight: 700;
padding-right: 0.25em;
}
h1 .size,
h2 .size {
font-size: 65%;
display: inline-block;
line-height: 100%;
font-weight: 300;
color: #666666;
}
h1 .size::before,
h2 .size::before {
content: "- ";
}
.product .image {
display: block;
width: 49%;
width: 48.5%;
width: 45%;
float: left;
position: relative;
padding-bottom: 6em;
}
.product .foto {
background-size: contain;
}
.product .foto:after {
padding-top: 0%;
}
.product .foto img {
display: block;
width: 100%;
max-width: 24em;
margin-right: auto;
margin-left: auto;
}
/**/
.product .ths {
display: block;
float: left;
height: 1px;
overflow: visible;
position: absolute;
position: relative;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0%;
left: 0px;
right: 0px;
bottom: 0px;
width: 100%;
margin-left: 0%;
width: 48.5%;
margin-left: 51.5%;
margin-left: 0%;
height: auto;
clear: left;
}
.product .ths .holder {
display: block;
position: absolute;
position: relative;
right: 0px;
bottom: 1px;
width: 100%;
padding-bottom: 2em;
}
.product .ths .th {
width: 10%;
width: 21.25%;
margin-left: 5%;
float: left;
margin-bottom: 0%;
margin-top: 5%;
}
.product .ths .th:nth-of-type(4n-3) {
margin-left: 0%;
clear: left;
}
.product .ths a {
display: block;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
box-sizing: border-box;
border: 1px solid #F2F3F4;
border: 1px solid #FFFFFF;
}
.product .ths a:hover {
border: 1px solid #33485E;
}
.product .ths img {
width: 100%;
display: block;/*
box-shadow: 5px 5px 15px rgba(0,0,0,0.25);
*/
}
/**/
.product .naslov {
box-sizing: border-box;
width: 48.5%;
float: right;
clear: right;
}
.product .description {
display: block;
width: 30%;
width: 51%;
width: 52%;
float: left;
padding-left: 3%;
}
.product .sifra {
display: block;
color: #999999;
font-size: 100%;
padding-bottom: 1.25em;
}
.product .description .no_mattress {
font-size: 95%;
display: block;
color: #33485E;
padding-bottom: 0.15em;
font-weight: normal;
text-transform: uppercase;
}
.product .description .vrsta_cene {
display: block;
padding-bottom: 0.25em;
}
.product .description .price {
display: block;
color: #996633;
font-size: 200%;
padding-bottom: 1em;
clear: both;
font-weight: 700;
}
.product .description .fieldholder.with_mattress .price {
font-size: 120%;
clear: none;
float: none;
display: inline-block;
margin: 0px;
padding-bottom: 0.5em;
}
.product .description .fieldholder.with_mattress label {
display: inline-block;
margin: 0px;
padding-top: 0px;
padding-right: 0.5em;
padding-bottom: 0px;
padding-left: 0px;
}
/* icons */

.product .icons {
display: block;
padding-bottom: 1.25em;
margin: 0px;
padding-left: 0px;
list-style-type: none;
position: absolute;
top: 0px;
right: 0px;
padding-top: 0.2em;
}
.product .icons li {
display: block;
height: 40px;
width: 40px;
background-color: #33485e;
padding: 0px;
list-style-type: none;
float: left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 5px;
}
.product .icons li a {
display: block;
height: 40px;
width: 40px;
height: 100%;
width: 100%;
background-color: #33485e;
border: 1px solid #33485e;
box-sizing: border-box;
background-image: url(../ico-cert1.html);
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 100% auto;
}
.product .icons li a:hover {
background-color: #FFFFFF;
background-position: 0px -38px;
background-size: 100% auto;
}
.product .icons li.cert1 a {
background-image: url(../ico-cert1.html);
}
.product .icons li.cert2 a {
background-image: url(../ico-cert2.html);
}
.product .icons li.dostava a {
background-image: url(../ico-dostava.html);
}
.product .icons li.garancija a {
background-image: url(../ico-garancija.html);
}
.product .icons li.placanje a {
background-image: url(../ico-placanje.html);
}
.product .icons li.pitajte a {
background-image: url(../ico-pitajte.html);
}
/**/


.product .description .kolicina {
float: left;
}
.product .description .fieldholder {
padding-bottom: 0em;
}
.kolicina input[type=text] {
float: left;
width: 72px;
height: 40px;
text-align: center;
color: #000000;
background-color: #F2F2F2;
border-color: #CCCCCC;
}
.plusminus {
display: block;
float: left;
position: relative;
margin-bottom: 0em;
padding-top: 0px;
}
.plusminus.minus {
margin-right: 1.5em;
}
.plusminus a {
font-size: 200%;
line-height: 150%;
display: block;
height: 40px;
width: 40px;
text-align: center;
box-sizing: border-box;
color: #FFFFFF;
background-color: #333399;
border: 1px solid #333399;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1971c4+0,000033+100 */
background: #1971c4; /* Old browsers */
background: -moz-linear-gradient(top, #1971c4 0%, #000033 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1971c4 0%, #000033 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1971c4 0%, #000033 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1971c4', endColorstr='#000033', GradientType=0 ); /* IE6-9 */
font-weight: normal;
}
.plusminus a:hover {
color: #FFFFFF;
background-color: #FF6600;
border: 1px solid #FF6600;
/**/
background-color: #996633;
border: 1px solid #6b4724;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#996633+0,6b4724+100 */
background: #996633; /* Old browsers */
background: -moz-linear-gradient(top, #996633 0%, #6b4724 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #996633 0%, #6b4724 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #996633 0%, #6b4724 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#996633', endColorstr='#6b4724', GradientType=0 ); /* IE6-9 */
}
.plusminus a span {
font-size: 10%;
display: block;
height: 100%;
width: 100%;
background-image: url(plus-minus.png);
background-repeat: no-repeat;
background-position: 0% 0%;
background-size: 300% 200%;
overflow: hidden;
}
.minus a span {
background-position: 50% 0%;
}
/*
.minus a {
background-position: 50% 0%;
background-size: 300% 200%;
}
.minus a:hover {
background-position: 50% 100%;
}
*/
/**/
.product .plusminus {
margin-bottom: 1.5em;
}
.product .button {
padding-bottom: 1.5em;
}
/* red */






.datas {
display: block;
padding-bottom: 1em;
}
.red {
display: block;
padding-bottom: 0em;
}
.item {
display: block;
font-weight: bold;
float: left;
width: 38%;
text-align: right;
padding-right: 2%;
}
.data {
display: block;
float: left;
width: 60%;
text-align: left;
}
/* social */

.social {
display: block;
position: absolute;
padding-bottom: 1.5em;
margin: 0px;
padding-top: 0.5em;
padding-right: 0px;
padding-left: 0px;
bottom: 0px;
left: 0px;
}
.social ul,
.social ol {
list-style-type: none;
margin: 0px;
padding: 0px;
line-height: 150%;
}
.social li {
margin: 0px;
display: block;
float: left;
padding-top: 0px;
padding-right: 6px;
padding-bottom: 0px;
padding-left: 0px;
}
.social li img {
height: 20px;
width: 20px;
display: block;
}
.social li a {
margin-top: 4px;
background-color: #435eac;
display: block;
}
.social li a:hover {
background-color: #5270c3;
}
/**********************/
.bgblue .news.slicni .txt {
margin-bottom: 0px;
padding: 0.5em;
height: 7em;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.name {
display: block;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.size {
display: block;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.price {
display: block;
-moz-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
-webkit-transition: 0.2s;
transition: 0.2s;
}
/* b2b */


/*******************/
li.b2b {
display: block;
height: 45px;
position: relative;
bottom: auto;
right: auto;
box-sizing: border-box;
float: none;
display: block;
padding-left: 0.75em !important;
}
li.b2b a {
background-image: url(b2b.png);
background-repeat: no-repeat;
background-position: center top;
background-size: auto 90px;
display: block;
text-transform: none;
height: 45px;
background-color: #FFFFFF;
padding: 0px;
width: 100%;
border: 1px solid #CCCCCC !important;
width: 45px !important;
}
li.b2b a:hover {
color: #000000;
background-color: #CCCCCC !important;
background-position: center -45px;
}
/* korpa */
.cartico {
height: 40px;
position: absolute;
z-index: 999;
font-size: 105%;
bottom: 70px;
right: 0px;
box-sizing: border-box;
float: left;
font-family: 'Roboto', 'Times New Roman', Times, Arial, Helvetica, Verdana, Tahoma, 'Lucida Sans Unicode', 'Trebuchet MS', sans-serif;
font-weight: 400;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
display: none;
}
.cartico a {
background-image: url(cart.png);
background-repeat: no-repeat;
background-position: 4px center;
background-size: 40px auto;
display: block;
padding-left: 45px;
text-transform: none;
height: 40px;
padding-top: 8px;
box-sizing: border-box;
color: #808080;
font-size: 90%;
}
/*******************/
div.cartico2 {
display: block;
display: none;
z-index: 1000;
float: right;
padding-right: 0%;
right: 0px;
bottom: 0px;
height: 100%;
position: relative;
margin-right: 65px;
}
div.cartico2 a {
display: block;
box-sizing: border-box;
width: 60px;
height: 60px;
background-image: url(cart2.png);
background-size: 100% auto;
background-position: 0px 0px;
}
div.cartico2 a:hover {
background-color: transparent;
background-position: 0px -60px;
background-image: url(cart2.png);
}
/*******************/
li.cartico {
display: block;
height: 45px;
position: relative;
bottom: auto;
right: auto;
box-sizing: border-box;
float: none;
display: block;
width: 45px !important;
}
li.cartico a {
background-image: url(cart.png);
background-repeat: no-repeat;
background-position: center top;
background-size: auto 90px;
display: block;
text-transform: none;
height: 45px;
background-color: #FFFFFF;
padding: 0px;
width: 100%;
border: 1px solid #CCCCCC !important;
}
li.cartico a:hover {
color: #000000;
background-color: #CCCCCC !important;
background-position: center -45px;
}
.korpa {
display: block;
background-color: rgba(255,255,255,0.7);
z-index: 9999999;
}
.korpa.drop {
position: absolute;
position: fixed;
display: block;
display: none;
z-index: 9999;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(0,0,0,0.7);
}
.korpa .scroll {
display: block;
box-sizing: border-box;
height: 100%;
overflow: auto;
}
.korpa .holder {
padding-top: 2em;
padding-bottom: 2em;
background-color: #FFFFFF;
box-shadow: 0px 0px 60px rgba(0,27,54,0.75);
}
.korpa .h1,
.korpa .h2 {
margin: 0px;
border: none;
}
.korpa .red {
float: none;
padding: 0px;
margin: 0px;
display: table;
width: 100%;
height: auto;
height: 73px;
min-height: 73px;
/*
min-height: 100px;
*/
box-sizing: border-box;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
position: relative;
}
.korpa .foto,
.korpa .title,
.korpa .kolicina,
.korpa .price,
.korpa .pdv,
.korpa .removeholder {
display: table-cell;
height: 100%;
vertical-align: middle;
float: none;
box-sizing: border-box;
}
.korpa .foto {
width: 120px;
min-width: 120px;
vertical-align: top;
text-align: left;
}
.korpa .foto:after {
padding-top: 0%;
}
.korpa .foto img {
display: block;
width: 100%;
padding-bottom: 0em;
}
.korpa .title {
font-family: Arial, Helvetica, Verdana, Tahoma, 'Lucida Sans Unicode', 'Trebuchet MS', 'Times New Roman', Times, sans-serif, 'Roboto', 'Roboto Condensed';
font-size: 100%;
margin: 0px;
text-align: left;
padding: 0px;
color: #333333;
width: auto;
min-width: 100px;
}
/**/
.korpa .kolicina {
padding: 0px;
width: 170px;
min-width: 170px;
white-space: nowrap;
text-align: center;
word-spacing: -4px;
}
.korpa .kolicina .bgkol {
width: 72px;
height: 40px;
padding-top: 0.5em;
text-align: center;
word-spacing: normal;
background-color: #f2f2f2;
display: inline-block;
box-sizing: border-box;
border: 1px solid #CCCCCC;
}
.korpa input[type=text],
.korpa .kolicina input[type=text] {
margin: 0px;
padding: 0px;
float: left;
display: inline;
width: 72px;
}
.korpa .plusminus {
float: left;
display: inline-block;
margin: 0px;
}
/**/
.korpa .price,
.korpa .pdv {
font-family: Arial, Helvetica, Verdana, Tahoma, 'Lucida Sans Unicode', 'Trebuchet MS', 'Times New Roman', Times, sans-serif, 'Roboto', 'Roboto Condensed';
font-size: 100%;
text-align: right;
width: 12%;
min-width: 100px;
white-space: nowrap;
}
.korpa .price.total {
font-weight: bold;
}
.removeholder {
width: 8%;
min-width: 64px;
text-align: right;
}
a.remove {
display: block;
float: right;
position: relative;
font-size: 200%;
line-height: 150%;
display: block;
height: 40px;
width: 40px;
text-align: center;
box-sizing: border-box;
color: #FFFFFF;
background-color: #333399;
border: 1px solid #333399;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1971c4+0,000033+100 */
background: #1971c4; /* Old browsers */
background: -moz-linear-gradient(top, #1971c4 0%, #000033 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1971c4 0%, #000033 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1971c4 0%, #000033 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1971c4', endColorstr='#000033', GradientType=0 ); /* IE6-9 */
font-weight: normal;
}
a.remove:hover {
color: #FFFFFF;
background-color: #FF6600;
border: 1px solid #FF6600;
/**/
background-color: #996633;
border: 1px solid #6b4724;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#996633+0,6b4724+100 */
background: #996633; /* Old browsers */
background: -moz-linear-gradient(top, #996633 0%, #6b4724 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #996633 0%, #6b4724 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #996633 0%, #6b4724 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#996633', endColorstr='#6b4724', GradientType=0 ); /* IE6-9 */
}
a.remove span {
font-size: 10%;
display: block;
height: 100%;
width: 100%;
background-image: url(plus-minus.png);
background-repeat: no-repeat;
background-position: 100% 0%;
background-size: 300% 200%;
overflow: hidden;
}
.korpa .fieldholder.right {
min-width: 12em;
}
/**/

.korpa .red.first {
height: 50px;
min-height: 50px;
text-transform: uppercase;
}
.red.sum {
border: none;
height: 50px;
min-height: 50px;
margin-bottom: 1.5em;
}
.red.btns {
border: none;
padding-top: 0em;
padding-bottom: 2em;
clear: both;
}
.btns .fieldholder {
float: left;
width: auto;
min-width: inherit;
}
.btns .fieldholder:last-of-type {
float: right;
}
/**/
.cartclose {
display: block;
float: right;
position: relative;/*
box-shadow: 5px 5px 15px rgba(0,0,0,0.25);
*/
padding-top: 15px;
}
.cartclose a {
font-size: 200%;
line-height: 100%;
color: #FFFFFF;
display: block;
height: 44px;
width: 44px;
text-align: center;
background-color: #FFFFFF;
background-image: url(close.png);
background-repeat: no-repeat;
background-position: 100% 0%;
background-size: 100% 200%;
box-sizing: border-box;/*border: 1px solid #CCCCCC;
*/
}
.cartclose a:hover {
color: #001B36;
background-color: #FFFFFF;
background-position: 100% 100%;
border-color: #33485E;
}
/********************************************** buttons ****************************************************/

/* big */

.big {
font-size: 100%;
}
.big input[type=checkbox] {
margin-right: 0.75em;/*
vertical-align: top;
margin-left: 0.5em;
margin-bottom: 0.5em;
float: left;
-ms-transform: scale(1.5);
-moz-transform: scale(1.5);
-webkit-transform: scale(1.5);
-o-transform: scale(1.5);
padding: 10px;
*/
}
.mark {
background-color: #F2F2F2;
margin-bottom: 2.5em;
padding-top: 1.5em;
padding-right: 1.5em;
padding-bottom: 0em;
padding-left: 1.5em;
}
.mark select {
background-color: #FFFFFF;/*
border: 1px solid #CCCCCC;
box-sizing: border-box;
height: 44px;
*/
}
.mark .right .fieldholder {
float: left;
margin-left: 1.5em;
}
/* cenovnik */

.cenovnik {
margin-bottom: 1.5em;
width: 100%;
}
.cenovnik tr {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
}
.cenovnik td {
padding: 0.5em;
}
.cenovnik tr:first-of-type {
background-color: #CCCCCC;
font-weight: bold;
color: #000000;
}
.cenovnik tr td:last-of-type {
text-align: right;
}
.cenovnik.dodatni tr td:nth-of-type(3) {
text-align: right;
}
.cenovnik.dodatni .button {
float: right;
}
.cenovnik.dodatni .button a {
height: auto;
min-height: 40px;
}
.cenovnik.dodatni tr td:nth-of-type(4) {
padding-right: 0px;
}
.text .cenovnik img {
display: block;
padding-bottom: 0em;
width: 24px;
height: 24px;
margin: 0px;
float: right;
}
/* kontakt */

.kontakt .block {
padding-bottom: 2em;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
margin-bottom: 1.25em;
float: none;
}
.kontakt .red {
display: block;
padding-bottom: 0em;
}
.kontakt .item {
display: block;
font-weight: bold;
float: left;
width: 38%;
text-align: right;
padding-right: 2%;
}
.kontakt .data {
display: block;
float: left;
width: 60%;
text-align: left;
}
.mapa {
display: block;
}
.mapa iframe {
display: block;
width: 100%;
height: 100%;
}
.clear {
background-color: #FF0000;
clear: both;
height: 10px;
display: block;
}
/* popup */
.popup {
background-color: #FFFFFF;
}
.popup .kontakt,
.popup .content {
padding: 5%;
}
/* saradnja */

.saradnja .x3 {
padding-bottom: 2em;
}
.saradnja .x3 .block {
padding-bottom: 1.5em;
}
.saradnja .x3 .bg {
display: block;
background-color: #F0F0F0;
border: 1px solid #999;
height: 40px;
padding-top: 0px;
box-sizing: border-box;
padding-left: 10px;
}
.saradnja .x3 .bg label {
/*
cursor: pointer;
*/
margin: 0px;
display: block;
position: relative;
line-height: normal;
float: none;
height: 40px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
box-sizing: border-box;
cursor: pointer;
}
.saradnja input[type=checkbox] {
margin-top: 12px;
/*
vertical-align: top;
margin-left: 0.5em;
margin-bottom: 0.5em;
float: left;
*/
float: left;
margin-right: 0.75em;
/*
vertical-align: top;
margin-left: 0.5em;
margin-bottom: 0.5em;
float: left;
*/
-ms-transform: scale(1.25); /* IE */
-moz-transform: scale(1.25); /* FF */
-webkit-transform: scale(1.25); /* Safari and Chrome */
-o-transform: scale(1.25);
}
/** page **/

.page {
color: #000000;
text-align: center;
position: relative;
padding-bottom: 3em;
padding-top: 2em;
margin-top: 2em;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #999999;
font-size: 120%;
}
.page a,
.page .current {
color: #996633;
box-sizing: border-box;
display: inline-block;
width: 50px;
height: 50px;
padding-top: 12px;
margin-bottom: 4px;
border: 1px solid #FFFFFF;
}
.page .prev,
.page .next,
.page .pages {
display: block;
float: left;
}
.page .next {
float: right;
}
.page .prev a,
.page .next a {
color: #666666;
overflow: hidden;
text-align: center;
background-color: #FFFFFF;
background-color: #FFFFFF;
background-image: url(prev-next-page.png);
background-repeat: no-repeat;
background-position: left 0px;
background-size: 50px auto;
border: 1px solid #CCCCCC;
}
.page .next a {
background-position: left -100px;
}
.page a:hover,
.page .current {
color: #FFFFFF;
background-position: left -50px;
background-color: #CCCCCC;
border: 1px solid #CCCCCC;
}
.page .prev a:hover,
.page .next a:hover {
background-color: #CCCCCC;
}
.page .next a:hover {
background-position: left -150px;
}
.page .current {
color: #000000;
background-color: #FFFFFF;
margin-right: 2px;
margin-left: 2px;
border: 1px solid #CCCCCC;
}
.page .pages {
display: block;
width: 100%;
margin-right: auto;
margin-left: auto;
float: none;
}
.page .pages a {
margin-right: 2px;
margin-left: 2px;
}
/**/


















/*****************************************************************************************************************/

.jqibox {
z-index: 10000 !important;
}