ACC SHELL
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700&subset=latin,latin-ext);
@import url(//fonts.googleapis.com/css?family=Roboto:500,900italic,900,400italic,700italic,300,700,500italic,300italic,400&subset=latin,latin-ext);
*
{
margin:0px;
line-height:1.6em;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align:justify;
image-rendering: crisp-edges;
font-weight:300;
}
* strong
{
font-weight:400;
color: #000000;
}
* .box-770 div, * .box-770p div, * .box-770Full div
{
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}
.hidden-box
{
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.topSideH1
{
-webkit-transition:top 0.5s;
-moz-transition:top 0.5s;
-o-transition:top 0.5s;
transition:top 0.5s;
}
body
{
font-family: 'Roboto', serif;
color:#666;
font-size:15px;
cursor: default;
text-align:center;
}
img
{
border: none;
}
p
{
font-size:15px;
color:#666;
text-align:justify;
}
a
{ color: #000000; text-decoration:none; cursor:pointer; }
a:link
{ text-decoration:none; cursor:pointer;}
a:visited
{ text-decoration:none; cursor:pointer;}
a:hover
{ text-decoration:none; cursor:pointer;}
a.selected
{ color:#000000; text-decoration:none; font-weight:normal;}
a:active {
outline:none;
}
:focus {
-moz-outline-style:none;
outline:none;
}
.main-color
{
color:#F00;
}
.second-color
{
color: #F60;
}
h1
{
font-size:15px;
color:#000000;
font-family:"Roboto Slab", serif;
font-weight:400;
}
h2, h3, h4
{
font-size:18px;
color:#333 !important;
font-family:"Roboto Slab", serif;
font-weight:500 !important;
text-align:left;
line-height:1.2em !important;
padding-bottom:4%;
}
h2 a, h3 a, h4 a, h2 a:link, h3 a:link, h4 a:link
{
font-size:28px;
color:#333 !important;
font-family:"Roboto Slab", serif;
font-weight:500 !important;
line-height:1.2em !important;
}
.delicBox
{
padding:0px !important;
width:100%;
height:auto;
background:url(/img/line.png) no-repeat center center;
position:relative;
}
.delic1
{
float:left;
position:relative;
width:1px;
height:10px;
display:block;
}
.delic2
{
float:left;
position:relative;
width:2px;
height:10px;
display:block;
}
.delic-line40
{
float:left;
position:relative;
width:2px;
height:40px;
display:block;
background:url(/img/delic-line.png) repeat-y top left;
}
.delic-line40-black
{
float:left;
position:relative;
width:2px;
height:40px;
display:block;
background:url(/img/delic-black.jpg) repeat-y top left;
}
.delic-line30
{
float:left;
position:relative;
width:2px;
height:30px;
display:block;
background:url(../img/delic-line.png) no-repeat top left;
}
.delic5
{
float:left;
position:relative;
width:5px;
height:10px;
display:block;
}
.delic7
{
float:left;
position:relative;
width:7px;
height:10px;
display:block;
}
.delic6
{
float:left;
position:relative;
width:10px;
height:10px;
display:block;
}
.delic6right
{
float:right;
position:relative;
width:5px;
height:10px;
display:block;
}
.delic10
{
float:left;
position:relative;
width:10px;
height:10px;
display:block;
}
.delic10-right
{
float:right;
position:relative;
width:10px;
height:10px;
display:block;
}
.delic14
{
float:left;
position:relative;
width:14px;
height:10px;
display:block;
}
.delic15
{
float:left;
position:relative;
width:15px;
height:10px;
display:block;
}
.delic20
{
float:left;
position:relative;
width:20px;
height:10px;
display:block;
}
.delic280
{
float:left;
position:relative;
width:258px;
height:100%;
display:block;
}
.delic30
{
float:left;
position:relative;
width:30px;
height:10px;
display:block;
}
.delic5right
{
float:right;
position:relative;
width:5px;
height:10px;
display:block;
}
.delic30right
{
float:right;
position:relative;
width:30px;
height:10px;
display:block;
}
.delic40
{
float:left;
position:relative;
width:40px;
height:10px;
display:block;
}
.delic50
{
float:left;
position:relative;
width:50px;
height:10px;
display:block;
}
.delic18
{
float:left;
position:relative;
width:18px;
height:10px;
display:block;
}
.delic60
{
float:left;
position:relative;
width:60px;
height:10px;
display:block;
}
.delic50l
{
float:left;
position:relative;
width:50px;
height:300px;
display:block;
border-right: 1px solid #C6C7C8;
}
.cleaner-light-line
{
height:1px;
clear:both;
border-bottom:1px solid #CFD0D1;
}
.cleaner-line
{
height:2px;
clear:both;
background:url(/img/cleaner-line.png) repeat-x;
}
.cleaner-line-light
{
height:2px;
clear:both;
background:url(/img/cleaner-line-light.png) repeat-x;
}
.cleaner
{
clear:both;
}
.cleaner1
{
height:1px;
clear:both;
}
.cleaner2
{
height:2px;
clear:both;
}
.cleaner5
{
height:5px;
clear:both;
}
.cleaner8
{
height:8px;
clear:both;
}
.cleaner10
{
height:10px;
clear:both;
}
.cleaner12
{
height:12px;
clear:both;
}
.cleaner15
{
height:15px;
clear:both;
}
.cleaner18
{
height:18px;
clear:both;
}
.cleaner6
{
height:5px;
clear:both;
}
.cleaner20
{
clear:both;
height:20px;
}
.cleaner30
{
clear:both;
height:30px;
}
.cleaner40
{
clear:both;
height:40px;
}
.radius2 {
-moz-border-radius: 20px;
-webkit-border-radius:20px;
-khtml-border-radius: 20px;
border-radius: 20px;
}
.radius3 {
-moz-border-radius: 0;
-webkit-border-radius:0;
-khtml-border-radius: 0;
border-radius: 0;
}
.radius0-3 {
-moz-border-radius:0 0 0px 0px;
-webkit-border-radius:0 0 0px 0px;
-khtml-border-radius:0 0 0px 0px;
border-radius:0 0 0px 0px;
}
.radius4 {
-moz-border-radius: 0;
-webkit-border-radius:0;
-khtml-border-radius: 0;
border-radius: 0;
}
@-webkit-keyframes pulse {
25% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes pulse {
25% {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
75% {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
}
.hoverPulse {
display: inline-block;
transform: translateZ(0);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hoverPulse:hover, .hoverPulse:focus, .hoverPulse:active {
animation: pulse 1s linear infinite;
-webkit-animation: pulse 1s linear infinite;
}
#meerkat-wrap
{
left:0px;
top:0px;
width:100%;
}
#wraper
{
width:100%;
height:auto;
text-align:left;
position:relative;
z-index:2;
overflow:hidden;
}
.box-shadow, .shadow
{
-moz-box-shadow: 0px 1px 5px #999;
-webkit-box-shadow: 0px 1px 5px #999;
box-shadow: 0px 1px 5px #999;
/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#666666')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#666666');
*/
}
.shadow-light
{
-moz-box-shadow: 0px 1px 5px #ccc;
-webkit-box-shadow: 0px 1px 5px #ccc;
box-shadow: 0px 1px 5px #ccc;
/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#666666')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#666666');
*/
}
.shadow-black
{
-moz-box-shadow: 0px 1px 5px #000;
-webkit-box-shadow: 0px 1px 5px #000;
box-shadow: 0px 1px 5px #000;
/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#666666')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color='#666666');
*/
}
.inner-box-shadow
{
-moz-box-shadow: inset 0 1px 5px #999;
-webkit-box-shadow: inset 0 1px 5px #999;
box-shadow: inset 0 1px 5px #999;
}
.new-box-radius
{
-moz-border-radius: 1px; /* Firefox */
-webkit-border-radius: 1px; /* Safari and Chrome */
-khtml-border-radius: 1px; /* Linux browsers */
border-radius: 2px; /* Opera 10.50, IE and CSS3 */
}
.page
{
width:100%;
height:auto;
position:relative;
float:left;
margin:0 auto;
z-index:1;
margin-top:0px;
background:none;
padding:0 0;
}
.top-side
{
position:relative;
float:left;
width:100%;
height:auto;
z-index:99999999;
padding 0;
margin-bottom:0px;
}
.marginTopSide
{
padding-top:30px;
}
.top-side-cover
{
position:relative;
width:100%;
height:auto;
z-index:99999999;
margin:0 auto;
max-width:1140px;
}
.top-side-cover-margin
{
position:relative;
float:left;
width:100%;
height:auto;
margin:0%;
background: url(/img/line.png) center bottom no-repeat;
}
.topInfoPlace
{
float: right;
width:auto;
position:relative;
color:#000000;
font-weight:300 !important;
font-size:15px;
text-align:left;
}
.topInfoPlace a
{
color:#000000;
font-weight:300;
font-size:15px;
}
.infoContact
{
float: left;
width:auto;
position:relative;
color:#000000;
font-weight:300 !important;
font-size:15px;
background:#fff;
padding:5px 10px
}
.language
{
float: left;
width:auto;
position:relative;
color:#000000;
font-weight:300 !important;
font-size:15px;
background:#fff;
margin-left:3px;
padding:5px 10px;
}
.OnTop
{
margin-bottom: 4% !important;
}
.OnBottom
{
margin-top: 4% !important;
}
img.imageShadowTop
{
position:absolute;
top:-20px;
left:0px;
width:100%;
height:20px;
}
img.imageShadowTop0
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:20px;
}
img.imageShadow
{
position:absolute;
bottom:-20px;
left:0px;
width:100%;
height:20px;
}
.linkaButtonFixed
{
position: fixed;
top: 130px;
right: 0px;
overflow: hidden;
width: 140px;
height: 102px;
display: none;
z-index: 999;
}
div.linka
{
float: left;
position: relative;
width: 140px;
height: 51px;
display: block;
background: url(/img/linka-button.png) no-repeat top left;
z-index: 999999999;
}
div.linka:hover
{
float: left;
position: relative;
width: 140px;
height: 51px;
display: block;
background: url(/img/linka-button.png) no-repeat bottom left;
z-index: 999999999;
}
div.linka p
{
color: #fff !important;
padding: 10px 5px 5px 28px;
line-height: 0.8em;
}
div.linka strong
{
color: #fff !important;
}
.center-side
{
margin:0 auto;
position:relative;
width:100%;
height:auto;
}
.center-side.with-menu
{
max-width: 1140px !important;
margin-top: 30px;
}
.left-side
{
float:left;
position:relative;
width:16%;
height:auto;
margin-top:1%;
margin-right:4%;
}
.right-side
{
float:left;
position:relative;
width:100%;
height:auto;
}
.menu-width
{
float:left;
position:relative;
width:80%;
height:auto;
}
.costumer-place-desktop
{
float:right;
position:absolute;
width:auto;
height:auto;
top:75px;
right:0px;
}
.searchplace
{
float:right;
position:relative;
width:auto;
height:auto;
padding:7px 15px 0px 15px;
}
.mobile-searchplace
{
float:right;
position:relative;
width:auto;
height:auto;
padding:23px 15px 0px 15px;
}
input.search-input
{
float:left;
position:relative;
width:110px;
height:20px;
text-indent:5px;
border:1px solid #190F05;
font-size:10px;
color:#190F05;
}
input.ok-input
{
float:left;
position:relative;
width:30px;
height:20px;
border:1px solid #190F05;
background:#190F05;
font-size:10px;
color:#ffffff;
text-align:center;
cursor:pointer;
}
input.ok-input:hover
{
background:#ffffff;
color:#695F55;
}
.mobile-kosikplace
{
float:right;
position:relative;
width:auto;
height:auto;
padding:15px;
border-right: 1px dotted #695F55;
}
.kosikplace
{
float:right;
position:relative;
width:auto;
height:auto;
padding:0 15px;
border-right: 1px dotted #695F55;
}
.hiddenTopCart
{
width:282px;
height:auto;
position:absolute;
top:30px;
left:1px;
z-index:999999999999;
color:#fff;
font-family:"Roboto Slab";
text-transform:uppercase;
display:none;
}
.zobacek
{
background: url(/img/zobacek.png) no-repeat bottom left;
width:14px;
height:20px;
float:left;
position:relative;
z-index:999999999999;
margin-left:10px;
}
.hiddenTopCartCover
{
width:100%;
height:auto;
position:relative;
float:left;
z-index:999999999999;
padding:0px;
}
.hiddenTopCartItem
{
float:left;
position:relative;
width:100%;
height:auto;
padding:10px;
background: #190f05; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MGYwNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #190f05 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#190f05), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #190f05 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #190f05 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #190f05 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #190f05 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#190f05', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}
.hiddenTopCartImg, .hiddenTopCartImg img
{
float:left;
position:relative;
width:20px;
height:20px;
}
.hiddenTopCartCount
{
float:left;
position:relative;
width:40px;
height:20px;
padding:0 5px;
text-align:center;
}
.hiddenTopCartTitle
{
float:left;
position:relative;
width:120px;
height:auto;
text-align:left;
font-size:15px;
}
.hiddenTopCartTitle a
{
line-height:1em;
}
.hiddenTopCartPrice
{
float:left;
position:relative;
width:80px;
height:auto;
padding:0 5px;
text-align:right;
font-size:15px;
}
.cart-box
{
float:left;
position:relative;
width:auto;
height:auto;
font-size:12px;
line-height:1.2em;
}
.cart-counter
{
float:right;
width:auto;
height:auto;
line-height:1.4em;
color:#000000;
}
.cart-counter span
{
color:#695F55;
line-height:1.4em;
}
a.cart-icon
{
float:left;
position:relative;
width:36px;
height:36px;
margin-right:10px;
background:url(/img/cart.png) top left no-repeat;
}
a.cart-icon:hover, a.cart-icon.selected
{
background:url(/img/cart.png) bottom left no-repeat;
text-decoration:none;
}
/* LEFT LOGO */
a.alogo
{
position:relative;
float:left;
width:250px;
height:150px;
background: url(/img/logo-top.png) top left no-repeat;
text-decoration:none;
padding:0px;
display:block;
margin:0;
}
.topSideH1
{
position:relative;
float:left;
width:auto;
height:auto;
clear:left;
}
/* LEFT LOGO END*/
/* CENTER LOGO */
a.alogo-center
{
position:relative;
float:none;
width:250px;
height:150px;
background: url(/img/logo-top.png) top left no-repeat;
text-decoration:none;
padding:0px;
display:block;
margin:0px auto 0px auto;
z-index:9999999;
}
.topSideH1-center
{
position:absolute;
float:left;
width:100%;
height:auto;
text-align:center;
clear:left;
color: #666 !important;
}
/* CENTER LOGO END */
a.alogo:hover
{
background: url(/img/logo-top.png) bottom left no-repeat;
}
a.alogo-center:hover
{
background: url(/img/logo-top.png) bottom left no-repeat;
}
/* RIGHT MENU */
.horizontal-menu
{
position:relative;
float:right;
width:auto;
min-width:0px;
height:auto;
z-index:999999;
border-top:0px solid #190F05;
border-bottom:0px solid #190F05;
text-align:center;
clear:left;
}
.horizontal-menu-cover
{
position:relative;
float:left;
width:auto;
height:auto;
display:inline-block;
}
/* RIGHT MENU END*/
/* CENTER MENU */
.horizontal-menu-center
{
position:absolute;
top: 55px;
width:100%;
height:auto;
z-index:999999;
text-align:center;;
}
.horizontal-menu-center .horizontal-menu-cover
{
position:relative;
float:NONE;
width:auto;
height:auto;
display:inline-block;
margin: 0px 30px 0px 30px;
}
/* CENTER MENU END*/
a.amenuhorizont
{
position:relative;
display:inline-block;
width:auto;
height:auto;
padding:10px 14px;
color:#666;
background:none;
text-decoration:none;
font-size:20px;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:400;
text-align:center;
border-left: 0px solid #ffffff;
border-right: 0px solid #D8D8D8;
}
a.amenuhorizont:hover
{
color:#333;
border-left: 0px solid #222222;
border-right: 0px solid #222222;
}
a.amenuhorizont.selected
{
color:#000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
background:url(/img/nav-arrow.png) top center no-repeat;
}
a.amenuhorizont.first
{
border-left: 0px solid #ffffff;
}
a.amenuhorizont.last
{
border-right: 0px solid #ffffff;
}
.horizontal-menu-submenu
{
position:absolute;
left:0px;
width:265px;
height:auto;
display:none;
}
.horizontal-menu-submenu a.amenuhorizont
{
float:left;
position:relative;
width:100%;
height:auto;
padding:8px 10px;
color:#fff;
background:#000000;
text-decoration:none;
font-size:15px;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
text-transform:none;
text-align:left;
border-bottom:1px solid #000000;
border-right:none;
border-left:none;
}
.horizontal-menu-submenu a.amenuhorizont:hover, .horizontal-menu-submenu a.amenuhorizont.selected
{
color:#fff;
background:#333333;
}
.horizontal-menu-submenu a.amenuhorizont img
{
float:left;
position:relative;
margin-right:10px;
}
.horizontal-menu-submenu a.amenuhorizont span
{
padding:2px 0 0 0;
float:left;
}
.margin-right
{
margin-right: 120px;
}
.margin-left
{
margin-left: 120px;
}
.box-770
{
position:relative;
width:100%;
height:auto;
margin:0 auto;
max-width:1140px;
padding:0%;
margin: 2% auto 2% auto;
}
.box-770p
{
float:left;
position:relative;
width:100%;
height:auto;
margin:0% auto 0% auto;
padding:0%;
}
.box-770Full
{
float:left;
position:relative;
width:100%;
height:auto;
margin:0% auto 0% auto;
padding:1%;
}
.box-770Full .box-770
{
padding:0%;
}
#pageItemContent231
{
margin: 2% auto 0% auto;
}
#pageItemContent241
{
margin: 0% auto 0% auto;
}
#pageItemContent225 h3
{
margin-top: -20px !important;
}
.inner-box
{
max-width:1140px;
margin: 0 auto;
}
.box
{
float:left;
position:relative;
width:100%;
height:auto;
margin:0% 0% 0% 0%;
}
.right-side .box
{
position:relative;
float:none;
width:100%;
height:auto;
margin:0 auto;
padding:0%;
}
.SocialIcons
{
position:relative;
width:32px;
height:32px;
background-position:top center;
background-repeat:none;
display:inline-block;
cursor:pointer;
margin:0 1%;
}
.SocialIcons:hover
{
background-position:bottom center;
}
.Facebook
{
background-image:url(/img/icon-facebook.png);
}
.Gplus
{
background-image:url(/img/icon-gplus.png);
}
.Twitter
{
background-image:url(/img/icon-twitter.png);
}
a.aright
{
padding-left: 30px;
margin-left: 10px;
float: right;
width: auto;
height: auto;
color: #ff9933;
text-decoration: none;
font-size: 14px;
text-align: center;
text-transform: none;
font-family: "Roboto Slab";
z-index: 999999;
background: url(/img/read.png) left top no-repeat;
}
a.aright:hover
{
color:#ff6600;
text-decoration:none;
}
.circle {
-webkit-clip-path: circle(36% at center);
clip-path: circle(36% at center);
}
.image-half
{
float:left;
position:relative;
width:100%;
height:auto;
}
.image-half img
{
float:left;
position:relative;
width:100%;
height:auto;
}
.image-half img a
{
float:left;
position:relative;
}
.half-field.first
{
padding-right:1%;
}
.half-field.last
{
padding-left:1%;
}
.half-field
{
float:left;
position:relative;
width: 50%;
height:auto;
padding:2%;
}
.half-field h2, .half-field h2 a
{
color:#190F05;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
font-weight: 300;
text-transform: none;
}
.text-half
{
float:left;
position:relative;
width:50%;
height:auto;
padding:20px;
}
.text-5
{
float:left;
position:relative;
width:20%;
height:auto;
background:none;
}
.text-6
{
float:left;
position:relative;
width:16.66%;
height:auto;
background:#666;
padding:1%;
}
.text-6 h3, .text-5 h3
{
float:left;
position:relative;
width:100%;
height:auto;
color:#666 !important;
text-align:center;
padding:5px;
font-size: 22px !important;
}
.text-6 h3 a, .text-5 h3 a
{
color:#666 !important;
font-size: 22px !important;
}
.text-6 h3 a:hover, .text-5 h3 a:hover
{
text-decoration: none;
color: #999 !important;
}
.image-6, .image-5
{
float:left;
position:relative;
width:100%;
height:auto;
overflow:hidden;
z-index:99;
text-align: center;
}
.image-6 img
{
width:100%;
height:auto;
position:relative;
}
.image-5 img, image-5 a img
{
width: 80%;
border-radius: 100%;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
padding: 10%;
}
.image-6 a img, .image-5 a img
{
-webkit-transition: 0.2s; /* Safari */
transition: 0.2s;
}
.image-6 a img:hover, .image-5 a img:hover
{
-ms-transform: scale(0.9,0.9);
-webkit-transform: scale(0.9,0.9);
transform: scale(0.9,0.9);
}
.news-column
{
float:left;
position:relative;
width:29.3333%;
height:auto;
margin:2%;
}
.first
{
border-left:0px;
}
.second
{
border-left:0px;
}
.third
{
border-left:0px;
}
.news-column-item
{
float:left;
position:relative;
width:100%;
height:auto;
padding:10px;
background:#fff;
margin-bottom:4px;
min-height:450px;
max-height:450px;
margin-bottom: 30px;
}
.news-column-image
{
float:left;
position:relative;
width:100%;
height:auto;
max-height: 210px;
overflow: hidden;
border-radius: 20px;
}
.news-column-image img
{
width: 100%;
height: auto;
}
.news-column-text
{
float:left;
position:relative;
width:100%;
height:auto;
min-height:100px;
max-height:100px;
overflow: hidden;
}
.news-column-text p
{
text-align:left;
}
.news-date
{
position:relative;
width:auto;
height:auto;
padding:10px 0px 0px 0px;
font-family:'Roboto Slab';
font-size:14px;
text-transform: none;
}
.product-item-list-cover
{
float:left;
position:relative;
width:100%;
height:auto;
background:none;
}
.product-item-list-1
{
float:left;
position:relative;
width:24%;
height:auto;
margin:0.5%;
}
.product-item-list-1-image
{
float:left;
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.product-item-list-1-image img
{
float:left;
position:relative;
width:100%;
height:auto;
}
.product-item-list-1-text
{
float:left;
position:relative;
width:100%;
height:auto;
padding:10px;
}
.product-item-list-1-text h2
{
float:left;
position:relative;
width:100%;
height:auto;
text-align:center;
overflow:hidden;
}
.product-item-list-2
{
float:left;
position:relative;
width:15.6666%;
height:auto;
margin:0.5%;
}
.product-item-list-2-image
{
float:left;
position:relative;
width:100%;
height:150px;
overflow: hidden;
}
.product-item-list-2-image img
{
float:left;
position:relative;
width:100%;
height:auto;
}
.product-item-list-2-text
{
float:left;
position:relative;
width:100%;
height:auto;
padding:10px;
}
.product-item-list-2-text h2
{
float:left;
position:relative;
width:100%;
height:58px;
text-align:center;
overflow:hidden;
}
.product-item-list-3
{
float:left;
position:relative;
width:49%;
height:auto;
margin:0.5%;
}
.product-item-list-3-image
{
float:left;
position:relative;
top:0;
left:0;
width:32%;
height:auto;
max-height:200px;
overflow: hidden;
}
.product-item-list-3-image img
{
float:left;
position:relative;
width:100%;
height:auto;
}
.product-item-list-3-text
{
float:right;
position:relative;
width:68%;
height:auto;
padding:10px;
}
.product-item-list-3-text h2
{
float:left;
position:relative;
width:100%;
height:auto;
text-align:left;
overflow:hidden;
}
.similar-product-item-list-cover
{
float:left;
position:relative;
width:100%;
height:auto;
background:#fff;
}
.similar-product-item-list-1
{
float:left;
position:relative;
width:32.3333%;
height:auto;
margin:0.5%;
}
.similar-product-item-list-1-image
{
float:left;
position:relative;
width:35%;
height:130px;
overflow: hidden;
padding:10px;
}
.similar-product-item-list-1-image img
{
float:left;
position:relative;
width:100%;
height:auto;
}
.similar-product-item-list-1-text
{
float:left;
position:relative;
width:65%;
height:auto;
padding:10px;
}
.similar-product-item-list-1-text h2
{
float:left;
position:relative;
width:100%;
height:58px;
text-align:left;
overflow:hidden;
}
.similar-product-prize
{
float:left;
position:relative;
width: auto;
height:auto;
color:#000;
text-align:left;
font-size:20px;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
.similar-product-prize span.od
{
color:#000000;
}
.similar-product-prize span.prize
{
color:#000000;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
}
.similar-origin-product-prize
{
text-decoration:line-through;
text-align:center;
font-size:18px;
letter-spacing:-.05em;
height:10px;
font-size:15px;
font-family:"Roboto Slab";
text-align:center;
text-transform:uppercase;
position:absolute;
bottom:-12px;
left:0px;
width:auto;
height:auto;
}
.product-item-list-1 .product-prize
{
float:right;
position:relative;
width: 100%;
height:auto;
color:#000;
text-align:right;
font-size:20px;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
text-align:center;
text-transform:none !important;
}
.product-prize
{
float:right;
position:relative;
width: auto;
height:auto;
color:#000;
text-align:right;
font-size:20px;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
text-transform:none;
}
.product-prize span.od
{
color:#000000;
}
.product-prize span.prize
{
color:#000000;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
}
.product-prize-detail
{
float:left;
position:relative;
width: 100%;
height:auto;
color:#000;
text-align:left;
font-size:20px;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
.product-prize-detail span.od
{
color:#000000;
}
.product-prize-detail span.prize
{
color:#000000;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
}
.article-item-list-allArticle-date
{
position:absolute;
top:0px;
right:0px;
color: #190F05;
background:#fff;
font-family: "Oswald";
font-size: 14px;
font-weight: 300;
height: auto;
padding: 3px 4px 2px;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
text-transform: none;
width: auto;
z-index: 999999;
}
.article-item-list-cover
{
float:left;
position:relative;
width:100%;
height:auto;
overflow:hidden;
}
.article-item-list-cover-allArticle
{
float:left;
position:relative;
width:100%;
height:auto;
background:#fff;
overflow:hidden;
max-height:470px;
min-height:470px;
}
.article-item-list-allArticle
{
float:left;
position:relative;
width:24%;
height:auto;
margin:0.5%;
}
.article-item-list-allArticle-image
{
float:left;
position:relative;
top:0;
left:0;
width:100%;
height:auto;
overflow:hidden;
padding:0px;
z-index:9;
}
.article-item-list-allArticle-image img
{
float:left;
position:relative;
width:100%;
height:auto;
}
.article-item-list-allArticle-text
{
float:left;
position:relative;
width:100%;
height:auto;
padding:10px 10px 10px 10px;
z-index:1;
}
.article-item-list-allArticle-text h2
{
position:relative;
width:100%;
height:auto;
text-align:left;
overflow:hidden;
}
.article-item-list-allArticle-text h2 a
{
color:#61C250;
}
.new-article-item-1
{
width:49%;
}
.article-item-list-1
{
float:left;
position:relative;
/*width:99%;*/
height:auto;
margin:3% 0.5% 0.5% 0.5%;
border-bottom:1px solid #dadada;
/*padding:3% 20px 20px 20px;*/
}
.article-item-list-1-image
{
float:left;
position:relative;
width:25%;
height:auto;
overflow:hidden;
padding:0px;
z-index:9;
padding-right:20px;
}
.article-item-list-1-image img
{
float:left;
position:relative;
width:100%;
height:auto;
border-radius: 100%;
-webkit-border-radius: 100%;
-khtml-border-radius: 100%;
}
.article-item-list-1-text
{
float:left;
position:relative;
width:75%;
height:auto;
padding:0px;
z-index:1;
}
.article-item-list-1-text h2
{
float:left;
position:relative;
width:100%;
height:auto;
text-align:left;
overflow:hidden;
}
.article-item-list-1-text h2 a
{
color:#000000;
}
.article-item-list-2
{
float:left;
position:relative;
width:32.3333%;
height:auto;
margin:0.5%;
}
.article-item-list-2-image
{
float:left;
position:relative;
width:100%;
height:150px;
overflow:hidden;
padding:0px;
z-index:9;
}
.article-item-list-2-image img
{
float:left;
position:relative;
width:100%;
height:auto;
}
.article-item-list-2-text
{
float:left;
position:relative;
width:100%;
height:auto;
padding:10px;
z-index:1;
}
.article-item-list-2-text h2
{
float:left;
position:relative;
width:100%;
height:29px;
text-align:left;
overflow:hidden;
}
.article-item-list-2-text h2 a
{
color:#000000;
}
.article-item-list-3
{
float:left;
position:relative;
width:99%;
height:auto;
margin:0.5%;
}
.article-item-list-3-image
{
float:left;
position:absolute;
top:0;
left:0;
width:26%;
height:auto;
overflow:hidden;
padding:0px;
z-index:9;
}
.article-item-list-3-image img
{
float:left;
position:relative;
width:100%;
height:auto;
}
.article-item-list-3-text
{
float:left;
position:relative;
width:100%;
height:auto;
padding:10px 10px 10px 28%;
z-index:1;
}
.article-item-list-3-text h2
{
float:left;
position:relative;
width:100%;
height:29px;
text-align:left;
overflow:hidden;
}
.article-item-list-3-text h2 a
{
color:#000000;
}
.article-item-list-3-date
{
position:absolute;
top:0px;
right:0px;
width:auto;
height:auto;
color:#ffffff;
font-size:18px;
padding:6px 8px 4px 8px;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
text-transform:none;
background:#190F05;
}
.news-item-list-cover
{
float:left;
position:relative;
width:100%;
height:auto;
overflow:hidden;
}
.news-item-list-3
{
float:left;
position:relative;
width:99%;
height:auto;
margin:0.5%;
}
.news-item-list-3-image
{
float:left;
position:absolute;
top:0;
left:0;
width:26%;
height:auto;
overflow:hidden;
padding:0px;
z-index:9;
border-radius: 20px;
}
.news-item-list-3-image img
{
float:left;
position:relative;
width:100%;
height:auto;
}
.news-item-list-3-text
{
float:left;
position:relative;
width:100%;
height:auto;
padding:10px 10px 10px 28%;
z-index:1;
}
.news-item-list-3-text h2
{
float:left;
position:relative;
width:100%;
/*height:29px;*/
text-align:left;
overflow:hidden;
padding-bottom: 0px;
}
.news-item-list-3-text h2 a
{
color:#000000;
}
.news-item-list-3-date
{
/*position:absolute;
top:0px;
right:0px;
width:auto;
height:auto;
color:#ffffff;
font-size:18px;
padding:6px 8px 4px 8px;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
text-transform:none;
background:#190F05;*/
}
.vertical-menu
{
float:left;
position:relative;
width:100%;
height:auto;
padding:0px;
text-align:center;
}
a.amenuvertical
{
float:left;
position:relative;
width:auto;
height:auto;
color:#333;
text-decoration:none;
font-size:15px;
text-align:left;
text-transform:uppercase;
margin:10px 20px;
font-family: "Roboto Slab";
font-weight:500;
padding-right: 30px;
}
a.amenuverticalSubmenu-1
{
float:left;
position:relative;
width:auto;
height:auto;
font-size:14px;
font-family: "Roboto";
text-align:left;
white-space:nowrap;
background:#fff;
color:#666;
text-indent:10px;
margin:10px 20px;
font-weight:300;
padding-right: 30px;
}
a.amenuvertical:hover, a.amenuvertical.selected, a.amenuverticalSubmenu-1:hover, a.amenuverticalSubmenu-1.selected
{
color:#000;
background: url(/img/nav-arrow.png) right bottom no-repeat;
}
a.amenuverticalSubmenu-1:hover, a.amenuverticalSubmenu-1.selected
{
color: #333;
background: url(/img/nav-arrow-red.png) right bottom no-repeat;
}
.foot-side
{
float:left;
position:relative;
width:100%;
height:auto;
padding:0;
margin-top:0px;
color:#333;
font-family:"Roboto Slab";
z-index:1;
background: url(/img/gray-box-bg-up.png) no-repeat top center, url(/img/gray-box-bg-down.png) no-repeat bottom center #f7ece8;
padding-top:30px;
padding-bottom: 30px;
}
.foot-side p
{
font-size:14px;
}
.foot-side .orange
{
color:#cc3333;
}
.foot-side-cover
{
position:relative;
width:100%;
max-width: 1140px;
height:auto;
z-index:99999999;
margin:0 auto;
background:none;
}
.foot-column
{
float:left;
position:relative;
width:33.333%;
height:auto;
padding:20px;
overflow:hidden;
}
.foot-column.foot-column-no-fb
{
width:32.333%;
}
.foot-column h3
{
margin-bottom: 20px;
font-weight: 400 !important;
}
.foot-column a
{
font-weight: 400 !important;
color: #333;
}
.foot-column a:hover
{
color: #000;
}
#contact-form-foot
{
float:left;
position:relative;
width:100%;
height:auto;
text-transform:none;
}
div#contact-form-foot div.box-nadpis-1, div#contact-form-foot div.delic30, div#contact-form-foot div.cleaner20
{
display:none;
}
div#contact-form-foot div.login-label, div#contact-form-foot div.login-label-22
{
float:left;
position:relative;
width:49%;
height:auto;
color:#333;
margin:0.5%;
font-size:14px;
}
div#contact-form-foot div.login-label-22
{
width:100%;
}
div#contact-form-foot input.register-input, div#contact-form-foot input.register-input-22
{
float:left;
position:relative;
width:48%;
font-size:12px;
height:auto;
background: #fff;
color:#333;
border:none;
margin:1%;
padding:5px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
div#contact-form-foot textarea.textarea
{
float:left;
position:relative;
width:99%;
font-size:12px;
height:60px;
background: #fff;
color:#000;
border:none;
margin:1%;
padding:5px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
div#contact-form-foot div.form-news
{
float:left;
position:relative;
padding-left:0px;
color:#000000;
font-size: 14px;
}
div#contact-form-foot input.odeslat, .odeslat2
{
font-family: "Roboto Slab";
float:right;
position:relative;
width:100%;
height:auto;
padding:2%;
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-size:18px;
border:none;
text-align:center;
margin-top:10px;
cursor: pointer;
background: #cc3333;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
div#contact-form-foot input.odeslat:hover, .odeslat2:hover
{
color: #fff;
background: #e03838;
}
.odeslat2
{
float: left;
width:auto;
}
.last-line
{
position:relative;
width:100%;
max-width: 1140px;
height:auto;
font-size:12px;
padding:20px;
padding-top: 40px;
margin: 0 auto;
text-align:center;
text-transform:uppercase;
background:url(/img/line.png) top center no-repeat;
}
.last-line a
{
color:#333;
}
.last-line p
{
font-size:12px;
color:#333;
text-align:right;
text-transform:none;
}
a.logo321
{
position: relative;
width:auto;
height:auto;
padding-right:20px ;
opacity: 0.7;
}
a.logo321:hover
{
opacity: 1;
}
.order-place
{
float:left;
position:relative;
width:100%;
height:auto;
padding:10px;
}
.product-image-small
{
width: 33.333%;
height: auto;
max-height: 170px;
overflow: hidden;
float: left;
position: relative;
text-align: center;
padding: 20px;
margin: 0 auto;
}
.product-image-small img
{
width:100%;
height:auto;
float:left;
}
.social-field
{
float:left;
position:relative;
width:100%;
height:auto;
padding:0 20px 0 20px;
}
.product-image-field
{
float:left;
position:relative;
width:38%;
height:auto;
padding:10px 0px 10px 10px;
}
.article-detail-category a
{
position:relative;
float:left;
width:auto;
height:auto;
padding:10px;
background:#333333;
color:#fff;
}
.article-detail-category a i
{
color:#fff;
}
.text-article-detail
{
float:right;
position:relative;
width:100%;
height:auto;
padding: 20px 20px 0px 20px;
background:none;
}
.text-product-detail
{
float:right;
position:relative;
width:62%;
height:auto;
padding:0px;
background:none;
}
.text-product-detail-half
{
float:left;
position:relative;
width:50%;
height:auto;
padding:10px;
}
.detail-undertitle
{
color:#000000;
font-style: italic;
}
.product-description
{
float:left;
position:relative;
width:100%;
height:auto;
padding:10px 0;
}
.product-description p strong
{
color:#000000;
}
.product-description p
{
text-align:justify;
}
.product-description table
{
width:100%;
height:auto;
border:0px;
font-size:12px;
}
.product-description td
{
padding:5px;
border:1px solid #ccc;
}
.article-description
{
float:left;
position:relative;
width:100%;
height:auto;
}
.article-description p strong
{
color:#000000;
}
.article-description p
{
text-align:justify;
}
.article-description table
{
width:100%;
height:auto;
border:0px;
font-size:12px;
}
.article-description td
{
padding:5px;
border:1px solid #ccc;
}
.productVariationBox
{
border: solid 0px #E6E6E6;
width: 100%;
height: auto;
padding: 5px;
float: left;
position: relative;
}
.productVariationText
{
float: left;
color: #000;
background-color: #fff;
font-size: 12px;
padding:2px 4px;
height:22px;
width:auto;
}
.productVariationInput
{
float: right;
width: 30px;
height:22px;
border:1px solid #190F05;
text-align:center;
z-index:1;
}
.countNumber
{
float: right;
width: auto;
height:22px;
border:none;
text-align:center;
padding:2px 5px 0 5px;
background:#190F05;
z-index:0;
color:#ffffff;
}
.greenbuttonSubmit, a.greenbuttonSubmit, input.greenbuttonSubmit
{
float:right;
position:relative;
width:auto;
height:auto;
font-family:"Roboto Slab";
text-transform:uppercase;
font-size:20px;
color:#fff;
border:none;
text-align:center;
padding:8px 12px 6px 12px;
cursor:pointer;
line-height:1.3em;
-moz-box-shadow: 0 1px 5px #999;
-webkit-box-shadow: 0 1px 5px #999;
box-shadow: 0 1px 5px #999;
background: #87af0c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3YWYwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2OTkxMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #87af0c 0%, #69910c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87af0c), color-stop(100%,#69910c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #87af0c 0%,#69910c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #87af0c 0%,#69910c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #87af0c 0%,#69910c 100%); /* IE10+ */
background: linear-gradient(to bottom, #87af0c 0%,#69910c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87af0c', endColorstr='#69910c',GradientType=0 ); /* IE6-8 */
}
.greenbuttonSubmit:hover, a.greenbuttonSubmit:hover, input.greenbuttonSubmit:hover
{
background:#190F05;
text-decoration:none;
}
.greenbuttonSubmit-cart3
{
float:right;
position:relative;
width:auto;
height:auto;
font-family:"Roboto Slab";
text-transform:uppercase;
font-size:12px;
color:#fff;
border:none;
padding:6px 12px 6px 12px;
margin-left:10px;
cursor:pointer;
line-height:1.3em;
background: #87af0c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg3YWYwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2OTkxMGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #87af0c 0%, #69910c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87af0c), color-stop(100%,#69910c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #87af0c 0%,#69910c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #87af0c 0%,#69910c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #87af0c 0%,#69910c 100%); /* IE10+ */
background: linear-gradient(to bottom, #87af0c 0%,#69910c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87af0c', endColorstr='#69910c',GradientType=0 ); /* IE6-8 */
}
.greenbuttonSubmit-cart3:hover
{
text-decoration:none;
background: #87af0c; /* Old browsers */
}
.greenbuttonSubmitBlack, a.greenbuttonSubmitBlack, input.greenbuttonSubmitBlack
{
float:right;
position:relative;
width:auto;
height:auto;
font-family:"Roboto Slab";
text-transform:uppercase;
font-size:18px;
color:#fff;
border:none;
padding:8px 12px 6px 12px;
cursor:pointer;
line-height:1.3em;
-moz-box-shadow: 0 1px 5px #999;
-webkit-box-shadow: 0 1px 5px #999;
box-shadow: 0 1px 5px #999;
background:#190F05;
}
.greenbuttonSubmitBlack:hover, a.greenbuttonSubmitBlack:hover, input.greenbuttonSubmitBlack:hover
{
background: #FFF; /* Old browsers */
color:#190F05;
text-decoration:none;
}
.product-video
{
float:left;
position:relative;
width:100%;
height:auto;
}
.product-video iframe
{
float:left;
position:relative;
width:100%;
height:auto;
}
.box-255
{
float:left;
position:relative;
width:100%;
height:auto;
padding:15px 20px 15px 20px;
}
.topFixedMenu
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:auto;
background:#190F05;
z-index:999999999;
}
.topFixedMenu a
{
position:relative;
float:right;
font-size:12px;
color:#ffffff;
padding:2px 8px;
font-family:"Roboto Slab";
text-transform:uppercase;
border-left:1px solid #666;
}
.topFixedMenu-center
{
position:absolute;
top:0;
left:0;
width:100%;
height:auto;
z-index:999999999;
text-align:center;
}
.topFixedMenu-center a
{
position:relative;
height:32px;
float:right;
font-size:12px;
color:#ffffff;
padding:2px 8px;
font-family:"Roboto Slab";
font-weight:600;
text-transform:uppercase;
border:none;
display:inline-block;
background: url(/img/language.png) top center;
}
.topFixedMenu-center a:hover
{
background: url(/img/language.png) bottom center;
}
.diskuze-item
{
float:left;
position:relative;
width:98%;
margin:0% 1%;
padding:10px;
background:#F6F6F6;
color:#000000;
}
.diskuze-datum
{
float:right;
position:relative;
width:auto;
height:auto;
color:#000000;
font-family:"Roboto Slab";
}
.diskuze-jmeno
{
float:left;
position:relative;
width:auto;
height:auto;
color:#000000;
font-family:"Roboto Slab";
font-size:20px;
text-transform:uppercase;
}
.nadpis-bloku-100-diskuze, .nadpis-bloku-100, .nadpis-bloku-100p, .nadpis-bloku-100-4
{
float:left;
position:relative;
width:100%;
height:auto;
color:#000000;
font-size:24px;
margin:1% 2% 0% 2%;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
text-transform:none;
text-align: center;
background: url(/img/line.png) center no-repeat;
}
.nadpis-bloku-100p a, .nadpis-bloku-100-4 a, .nadpis-bloku-100 a
{
color:#666;
font-size:24px;
background: #fff;
padding: 0px 30px;
}
.nadpis-bloku-100p span, .nadpis-bloku-100-4 span, .nadpis-bloku-100 span {
color: #666;
font-size: 24px;
background: #fff;
padding: 0px 30px;
}
.gray-box .nadpis-bloku-100p span, .nadpis-bloku-100-4 span, .nadpis-bloku-100 span {
background:#f7ece8;
}
input.predmet
{
float:left;
position:relative;
width:200px;
font-size:14px;
height:30px;
background: #fff;
border:1px solid #ccc;
color:#000;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
text-indent:5px;
}
textarea.text
{
float:left;
position:relative;
width:100%;
font-size:14px;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
height:120px;
background: #fff;
color:#000;
border:1px solid #ccc;
padding:5px;
}
.floatRight
{
float:right !important;
}
.floatLeft
{
float:left !important;
}
.positionBottom
{
bottom:0 !important;
}
.positionLeft
{
left:0 !important;
}
.positionRight
{
right:0 !important;
}
.positionTop
{
top:0 !important;
}
.diskuze-send
{
}
.productListLoader
{
background: url('/img/ajax-loader.gif') no-repeat center #fff;
opacity: 0.5;
width: 100%;
height: 100%;
z-index: 10000000;
position:absolute;
display: block;
top:0px;
left:0px;
}
.filterDiv
{
float:right;
position:relative;
margin:2px 0 0 0;
font-size:18px;
}
.filterPriceTitle
{
background-color: #190F05;
color: #fff;
padding: 5px 20px;
float: left;
}
.filterPrice, .filterManufacturerDiv
{
cursor: pointer;
float: left;
background-color: #fff;
padding: 5px 20px;
}
.filterPrice:hover, .filterPrice-selected
{
background-color: #000000;
color: #fff;
}
input.filterManufacturer
{
cursor: pointer;
display: none;
}
.filterManufacturerLabel
{
cursor: pointer;
}
.serpas
{
position:absolute;
top:-4px;
left:-4px;
width:100px;
height:100px;
z-index:999999
}
.serpas-vyprodano a
{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
background:url(/img/serpa-vyprodano.png) no-repeat center center;
}
.serpas-vyprodano a:hover
{
text-decoration:none;
}
.Rebaxa-place
{
position:absolute;
padding:14px 12px 0px 12px;
width:80px;
height:80px;
z-index:999;
font-size:12px;
font-family:"Roboto Slab";
text-align:center;
text-transform:uppercase;
color:#fff;
background: url(/img/rebaxa-bg.png) no-repeat center center;
}
.origin-product-prize
{
text-decoration:line-through;
text-align:center;
font-size:18px;
letter-spacing:-.05em;
height:10px;
font-size:15px;
font-family:"Roboto Slab";
text-align:center;
text-transform:uppercase;
position:absolute;
bottom:-12px;
right:0px;
width:auto;
height:auto;
}
.rebaxa-product-prize
{
text-align:center;
font-size:32px;
letter-spacing:-.1em;
}
.rebaxa-product-prize span
{
font-size:18px;
letter-spacing:-.1em;
}
.diff-product-prize
{
text-align:center;
font-size:18px;
letter-spacing:-.05em;
}
.origin-product-prize-detail
{
font-family:"Roboto Slab";
text-transform:uppercase;
font-size:15px;
}
.rebaxa-product-prize-detail
{
font-family:"Roboto Slab";
text-transform:uppercase;
font-size:15px;
color:#000000;
}
.padding10
{
padding:10px;
}
.cart-product-item
{
float:left;
position:relative;
width:100%;
height:auto;
padding:10px;
background:#fff;
margin:2px 0;
}
.cart-product-item-image
{
float:left;
position:relative;
width:100%;
height:auto;
}
.cart-product-item-image img
{
float:left;
position:relative;
width:100%;
height:auto;
}
.cart-product-item-popis
{
float:left;
position:relative;
width:100%;
height:auto;
padding:0px 20px;
}
.cart-product-item-variation
{
float:left;
position:relative;
width:100%;
height:auto;
}
.cart-productVariationBox
{
border: solid 1px #190F05;
width: 60%;
height: 34px;
padding: 5px;
float: right;
position: relative;
margin:1px;
}
.cart-productVariationText
{
float: left;
color: #000;
font-size: 12px;
height:22px;
width:65%;
overflow:hidden;
}
.cart-productVariationText p
{
background:#fff;
padding:0px 4px;
width:auto;
float:left;
text-align:left;
}
.cart-productVariationInput
{
float: right;
width: 30px;
height:22px;
border:1px solid #190F05;
text-align:center;
z-index:1;
background:#ffffff;
font-size:12px;
}
.cart-product-item-prize-total
{
float:left;
position:relative;
width:100%;
height:auto;
text-align:center;
font-family:"Roboto Slab";
text-transform:uppercase;
font-size:24px;
}
.cart-product-item-prize-total span
{
font-size:15px;
}
.recount-button
{
float:right;
position:relative;
width:34px;
height:34px;
background:#87af0c url(/img/recount.png) no-repeat center center;
margin:1px;
}
.remove-button
{
float:right;
position:relative;
width:34px;
height:34px;
background:red url(/img/delete.png) no-repeat center center;
margin:1px;
}
.remove-button:hover, .recount-button:hover
{
background-color:#190F05;
cursor:pointer;
}
.cart-table
{
float:left;
position:relative;
width:100%;
height:auto;
margin:2px 0;
}
.white-box
{
background:none;
}
.gray-box
{
color:#333 !important;
background: url(/img/gray-box-bg-up.png) no-repeat top center, url(/img/gray-box-bg-down.png) no-repeat bottom center #f7ece8;
padding-top:30px;
padding-bottom:30px;
}
.gray-box h2, .gray-box h3, .gray-box h4, .gray-box h1, .gray-box h2 a, .gray-box h3 a, .gray-box h4 a, .gray-box h1 a, .gray-box div
{
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
text-transform: none;
color:#333 !important;
font-weight:300;
/*letter-spacing:-0.02em;*/
}
.gray-box h2, gray-box h2 a {
width: 100%;
text-align: center;
color: #666 !important;
font-size: 24px;
padding: 0px 30px;
font-weight: 300 !important;
text-transform: uppercase;
margin-bottom: 15px;
}
.gray-box p
{
color:#333 !important;
}
.gray-box span
{
color:#333 !important;
}
.gray-box a
{
color:#333;
text-decoration: none;
}
.gray-box a:hover
{
color: #000;
}
.cart-step
{
float:right;
position:relative;
width:auto;
height:auto;
font-size:20px;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
.cart-step span
{
font-size:20px;
}
.cart-step strong
{
color:#000000;
}
.searchplace-cart
{
width:220px;
height:auto;
position:relative;
margin:0 auto;
}
input.search-input-cart
{
float:left;
position:relative;
width:160px;
height:60px;
text-indent:5px;
border:1px solid #190F05;
font-size:18px;
color:#190F05;
font-family:"Roboto Slab",Arial,Helvetica,sans-serif;
text-transform:uppercase;
}
input.ok-input-cart
{
float:left;
position:relative;
width:60px;
height:60px;
border:1px solid #190F05;
background:#190F05;
font-size:18px;
color:#ffffff;
text-align:center;
cursor:pointer;
font-family:"Roboto Slab",Arial,Helvetica,sans-serif;
text-transform:uppercase;
}
input.ok-input-cart:hover
{
background:#ffffff;
color:#695F55;
}
.mail-prize-cart
{
float:left;
position:relative;
width:50%;
height:auto;
padding:10px;
font-family:"Roboto Slab";
text-transform:uppercase;
}
.mail-prize-cart span
{
font-family:"Roboto Slab";
text-transform:uppercase;
font-size:15px;
font-weight:400;
}
.cena-celkem-field-n
{
float:right;
position:relative;
width:50%;
height:auto;
}
.cena-celkem-field
{
float:left;
position:relative;
width:100%;
height:auto;
padding:10px;
}
.cena1-kosik, .cena2-kosik
{
float:left;
position:relative;
width:auto;
height:auto;
font-family:"Roboto Slab";
font-size:18px;
text-transform:uppercase;
}
.cena2-kosik
{
float:right;
}
.cena1-kosik span, .cena2-kosik span
{
font-size:20px;
}
.cart-order-field
{
float:left;
position:relative;
width:50%;
height:auto;
}
.cart-order-item
{
float:left;
position:relative;
width:50%;
height:auto;
margin-bottom:5px;
}
.cart-register-label
{
float:left;
position:relative;
width:100%;
height:auto;
font-family:"Roboto Slab";
font-size:18px;
text-transform:uppercase;
}
.cart-register-label span
{
color:#666;
}
.cart-register-input
{
float:left;
position:relative;
width:80%;
height:auto;
font-family:"Roboto Slab";
font-size:18px;
text-transform:uppercase;
border:1px solid #190F05;
height:30px;
text-indent:5px;
}
.register-check-bad
{
position:relative;
float:left;
width:100%;
height:auto;
font-size:15px;
font-family:"Roboto Slab";
color:red;
}
.register-check-good
{
position:absolute;
top:29px;
right:20%;
width:30px;
height:30px;
font-size:15px;
font-family:"Roboto Slab";
color:#fff;
background:#87AF0C;
text-align:center;
padding-top:4px;
}
.search-result-product-cover
{
float:left;
position:relative;
width:100%;
height:auto;
background:#fff;
overflow:hidden;
}
.search-result-product
{
float:left;
position:relative;
width:49%;
height:auto;
margin:0.5%;
}
.search-result-product-image
{
position:absolute;
top:0px;
left:0px;
width:20%;
height:auto;
}
.search-result-product-image img
{
float:left;
position:relative;
width:100%;
height:auto;
}
.search-result-product-text
{
float:right;
position:relative;
width:80%;
height:auto;
padding:10px;
}
.search-result-product-number
{
position:absolute;
top:0px;
left:0px;
width:auto;
height:auto;
padding:2px 5px;
background:#fff;
font-family:"Roboto Slab";
}
.search-result-article-cover
{
float:left;
position:relative;
width:100%;
height:auto;
background:#fff;
overflow:hidden;
}
.search-result-article
{
float:left;
position:relative;
width:49%;
height:auto;
margin:0.5%;
}
.search-result-article-image
{
position:absolute;
top:0px;
left:0px;
width:20%;
height:auto;
}
.search-result-article-image img
{
float:left;
position:relative;
width:100%;
height:auto;
}
.search-result-article-text
{
float:right;
position:relative;
width:80%;
height:auto;
padding:10px;
}
.search-result-article-number
{
position:absolute;
top:0px;
left:0px;
width:auto;
height:auto;
padding:2px 5px;
background:#fff;
font-family:"Roboto Slab";
}
.search-result-news-cover
{
float:left;
position:relative;
width:100%;
height:auto;
background:#fff;
overflow:hidden;
}
.search-result-news
{
float:left;
position:relative;
width:99%;
height:auto;
margin:0.5%;
}
.search-result-news-image
{
position:absolute;
top:0px;
left:0px;
width:20%;
height:auto;
}
.search-result-news-image img
{
float:left;
position:relative;
width:100%;
height:auto;
}
.search-result-news-text
{
float:right;
position:relative;
width:80%;
height:auto;
padding:10px;
}
.search-result-news-number
{
position:absolute;
top:0px;
left:0px;
width:auto;
height:auto;
padding:2px 5px;
background:#fff;
font-family:"Roboto Slab";
}
a.asubmenumenuvertical2
{
float:right;
position:relative;
width:95%;
height:auto;
padding:10px 20px 8px 20px;
color:#190F05;
text-decoration:none;
font-size:12px;
font-weight:normal;
text-align:left;
background:#fff;
margin-bottom:1px;
}
a.asubmenumenuvertical2:hover, a.asubmenumenuvertical2.selected
{
background: #190F05;
color:#000000;
}
.lightgray-box
{
background:#fff;
color:#000;
font-size:12px;
}
.lightgray-box p, .lightgray-box h2, .lightgray-box h3, .lightgray-box h4, .lightgray-box h1
{
color:#000;
}
.faq-viewmore
{
float:left;
position:relative;
width:auto;
height:auto;
color:#190f05;
text-decoration:none;
font-size:15px;
cursor:pointer;
margin-top:10px;
}
.faq-closemore
{
float:left;
position:relative;
width:auto;
height:auto;
color:#DD4524;
text-decoration:none;
font-size:15px;
cursor:pointer;
margin-top:10px;
display:none;
}
.faq-closemore i
{
color:#DD4524;
}
.faq-viewmore:hover, .faq-closemore:hover
{
color:#007DC7;
}
.hidden-box
{
float:left;
position:relative;
width:100%;
height:auto;
display:none;
padding-left:15%;
}
.hidden-box p
{
color:#000000;
}
.text-full
{
float:left;
position:relative;
width:100%;
height:auto;
padding:0%;
text-align:justify;
}
.FAQ h2
{
cursor:pointer;
}
.slide-text
{
float:left;
position:relative;
width:50%;
height:auto;
}
.text-full-foto
{
float:left;
position:relative;
width:100%;
height:auto;
text-align:justify;
padding:0%;
}
span.date
{
color: #333333;
}
.text-full-foto p
{
font-size:15px;
}
.text-full-foto a.aright
{
margin-bottom:0px;
}
.text-news-detail
{
float: left;
height: auto;
padding: 0;
position: relative;
text-align: justify;
width:40%;
}
.text-news-detail h2, .text-news-detail a, .text-news-detail h2, .text-news-detail h2 a
{
color:#190F05;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
font-weight: 300;
text-transform: none;
height:auto;
text-align:left;
}
.text-full h2, .text-full h2 a, .text-full-foto h2, .text-full-foto h2 a
{
color:#190F05;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
text-transform: none;
padding-bottom:1%;
}
.text-quarter
{
float:left;
position:relative;
width:25%;
height:auto;
padding:1%;
}
.text-quarter h2
{
width:100%;
height:auto;
line-height:1.3em;
text-align:center;
}
.text-quarter h2 a
{
color:#190F05;
line-height:1.3em;
}
.text-quarter p
{
width:100%;
height:auto;
text-align:center;
}
.text-quarter-3
{
float:left;
position:relative;
width:25%;
height:auto;
padding:2%;
}
.text-quarter-3 h2
{
width:100%;
height:auto;
color:#190F05;
text-align:left;
line-height:1.3em;
}
.text-quarter-3 h2 a
{
color:#190F05;
line-height:1.3em;
}
.text-quarter-3 p
{
width:100%;
height:auto;
font-size:12px;
}
.image-quarter
{
float:left;
position:relative;
width:100%;
height:auto;
overflow:hidden;
z-index:99;
margin-bottom:0px;
}
.image-quarter img
{
width:100%;
height:auto;
float:left;
position:relative;
z-index:2;
}
.image-quarter-2
{
float:left;
position:relative;
width:100%;
height:auto;
overflow:hidden;
z-index:99;
margin-top:20px;
}
.image-quarter-2 img
{
width:100%;
height:auto;
float:left;
position:relative;
}
.text-thirdpart
{
float:left;
position:relative;
width:30.666%;
height:auto;
margin:2%;
}
.text-thirdpart.second
{
margin: 2% 0% 2% 0% !important;
}
.margin-text
{
float:left;
position:relative;
width:100%;
}
.text-thirdpart-in
{
float:left;
position:relative;
width:100%;
padding:0;
}
.text-thirdpart h2, .text-thirdpart h2 a
{
position:relative;
width:100%;
height:auto;
color:#190F05;
text-align: center;
}
.text-thirdpart h2:hover, .text-thirdpart h2 a:hover
{
color: #666 !important;
text-decoration: none;
}
.image-thirdpart
{
float:left;
position:relative;
width:100%;
height:auto;
overflow:hidden;
}
.image-thirdpart img
{
width:100%;
height:auto;
float:left;
position:relative;
}
.photogallery-image-field
{
float: left;
position: relative;
width: 100%;
height: auto;
margin: 0;
padding: 20px 0;
}
.product-image-large
{
float:right;
position:relative;
width:100%;
height:auto;
max-height:400px;
overflow:hidden;
}
.product-image-large img
{
width:100%;
height:auto;
position:relative;
float:left;
}
.article-image-large
{
float:left;
position:relative;
width:32%;
height:auto;
padding: 0 20px 10px 0;
}
.article-image-large img
{
width:100%;
height:auto;
position:relative;
float:left;
border-radius: 100%;
-webkit-border-radius: 100%;
}
.underimagemenus
{
float:right;
position:relative;
width:100%;
height:auto;
padding:20px 0px;
color:#000;
font-size:12px;
background:url(/img/line.png) repeat-x bottom center;
}
.underimagemenus p, .underimagemenus a
{
font-size:15px;
}
.underimagemenus div, .underimagemenus .fb_iframe_widget, .underimagemenus iframe
{
float:right;
position:relative;
width:auto;
height:auto;
}
a.go-button
{
font-family: "Roboto Slab";
float:right;
position:relative;
width:auto;
height:auto;
padding:4px 10px;
color:#ffffff;
text-decoration:none;
text-transform:uppercase;
font-size:15px;
border:0px solid #8CC63F;
background: #000000;
text-align:center;
}
a.go-button:hover, a.go-button.selected
{
background: #190F05;
}
.image-470
{
float:left;
position:relative;
width:50%;
height:auto;
overflow:hidden;
padding:0 2% 0 0;
}
.image-470 img
{
float:left;
position:relative;
width:100%
}
.image-470-slideshow
{
float:right;
position:relative;
width:50%;
height:auto;
overflow:hidden;
padding:0 0 0 3%;
}
.image-470-slideshow img
{
float:left;
position:relative;
width:100%;
}
.rotate-slideshow
{
float:left;
position:relative;
width:100%;
height:auto;
}
.rotate-div
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:auto;
display:none;
}
.rotate-div img
{
position:relative;
float:left;
width:100%;
height:auto;
display:block;
}
.slidetabs
{
display:none;
}
#mainOverlay
{
display:none;
width:50%;
left:50%;
margin-left:-25%;
z-index:1000;
}
#mainOverlay .close
{
background: url(/img/a-close-2.png) no-repeat bottom left;
position: absolute;
top: -21px;
right:0;
margin-right:-21px;
cursor: pointer;
height: 42px;
width: 42px;
z-index:2000002;
}
#mainOverlay .close:hover
{
background: url(/img/a-close-2.png) no-repeat top left;
}
.formBoxCover
{
float:left;
position:relative;
width:50%;
height:auto;
}
.contactFormDiv
{
width:100%;
position:relative;
margin:0 auto;
background:url(/img/bg-foot.jpg) no-repeat center center;
padding: 20px;
}
.contactFormDiv h2
{
font-size: 24px;
font-weight:300 !important;
text-align:center;
/*color: #fff !important;*/
}
.contactFormDiv2
{
padding: 2%;
font-size: 12px;
width:100%;
position:relative;
margin:0 auto;
background:#F6F6F6;
}
.contactForm-label
{
float: left;
width: 96%;
text-align: left;
margin: 1% 2%;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform:uppercase;
}
.contactForm-label-22
{
float: left;
width: auto;
text-align: left;
margin:1% 1%;
color:#333;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform:uppercase;
}
.contactForm-input-22
{
float: left;
position:relative;
width: 50px;
height:30px;
background:url(/img/input-bg-50x30.png) no-repeat top left;
border:none;
text-indent:10px;
background:#fafafa;
border-top:1px solid #CACACA;
border-left:1px solid #CACACA;
border-right:1px solid #CACACA;
border-bottom:1px solid #ececec;
margin:1% 1%;
}
.contactForm-input
{
float: left;
position:relative;
width: 96%;
height:40px;
font-size: 14px;
color:#333;
background:#fafafa;
border-top:1px solid #CACACA;
border-left:1px solid #CACACA;
border-right:1px solid #CACACA;
border-bottom:1px solid #ececec;
text-indent:10px;
margin:1% 2%;
}
.contactForm-input-180
{
background:url(/img/input-bg-180x40.png) no-repeat top left;
}
.contactForm-input-dotaz
{
float: left;
position:relative;
width: 98%;
height:120px;
margin:0% 1%;
font-size: 14px;
color:#333;
border:0px;
background:#fafafa;
border-top:1px solid #CACACA;
border-left:1px solid #CACACA;
border-right:1px solid #CACACA;
border-bottom:1px solid #ececec;
}
.contactForm-newsletter
{
float: left;
width:98%;
margin:1%;
text-align:left;
font-family:"Roboto Slab", Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform:uppercase;
}
#contactFormSubmit
{
font-family: "Roboto Slab";
float:left;
position:relative;
width:227px;
height:auto;
/*padding:2%;*/
color:#ffffff;
text-decoration:none;
text-transform:uppercase;
font-size:23px;
border:1px solid #000000;
text-align:center;
cursor:pointer;
margin:1%;
background: #222222; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNGFhNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDNhODEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #222222 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #222222 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #222222 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #222222 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom, #222222 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}
#contactFormSubmit:hover
{
color:#fff;
/*-moz-box-shadow: inset 0 1px 5px #999;
-webkit-box-shadow: inset 0 1px 5px #999;
box-shadow: inset 0 1px 5px #999;*/
background: #000000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwM2E4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDRhYTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #000000 0%, #222222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#222222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000000 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000000 0%,#222222 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #000000 0%,#222222 100%); /* IE10+ */
background: linear-gradient(to bottom, #000000 0%,#222222 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#222222',GradientType=0 ); /* IE6-8 */
}
.stin
{
-moz-box-shadow: 0 1px 5px rgba( 0, 0 , 0 , 0.5);
-webkit-box-shadow: 0 1px 5px rgba( 0, 0 , 0 , 0.5);
box-shadow: 0 1px 5px rgba( 0, 0 , 0 , 0.5);
}
.stin20
{
-moz-box-shadow: 0 1px 5px rgba( 0, 0 , 0 , 0.2);
-webkit-box-shadow: 0 1px 5px rgba( 0, 0 , 0 , 0.2);
box-shadow: 0 1px 5px rgba( 0, 0 , 0 , 0.2);
}
.stin10
{
-moz-box-shadow: 0 1px 5px rgba( 0, 0 , 0 , 0.1);
-webkit-box-shadow: 0 1px 5px rgba( 0, 0 , 0 , 0.1);
box-shadow: 0 1px 5px rgba( 0, 0 , 0 , 0.1);
}
.stopro
{
width:100% !important;
}
.strankovani
{
background-color: #fff;
padding: 20px;
}
.numberbutton a
{
float: left;
position: relative;
margin-right: 10px;
font-size: 20px;
font-weight: 300;
color:#ff9933;
}
.numberbutton a span.numberbutton-selected
{
color:#ff9933;
font-weight: 500;
}
.article-box-1
{
float:left;
position:relative;
width:49%;
height:488px;
margin:0.5%;
}
.article-box-2
{
float:left;
position:relative;
width:24%;
height:auto;
margin:0.5%;
}
.article-box-in
{
float:left;
position:relative;
width:100%;
height:auto;
padding:10px;
}
.article-box-image, .article-box-image img
{
float:left;
position:relative;
width:100%;
height:auto;
}
.responsive-menu-slider
{
position:relative;
width:100%;
height:auto;
z-index:999999;
}
.responsive-menu
{
position:absolute;
top:0px;
left:0px;
width:0px;
height:100%;
overflow:hidden;
z-index: 1000000;
}
.responsive-menu-IN
{
display:block;
position:absolute;
top:0px;
left:0px;
width:100%;
height:auto;
background:#E8E8EB url(/img/bg-gradient-1.png) no-repeat top center fixed;
}
.mobile-menu-item
{
float:left;
position:relative;
width:100%;
height:auto;
font-family:"Roboto Slab";
text-transform:uppercase;
color:#190F05;
text-align:center;
border-bottom:1px solid #dadada;
border-top:1px solid #fcfcfc;
padding:0px;
}
.mobile-menu-item img
{
background:none;
text-align:center;
margin:0 auto;
padding:0px;
}
.mobile-menu-item a.selected
{
background:#000000;
color:#fff;
text-decoration:none;
}
.mobile-menu-item a
{
color:#190F05;
position:relative;
width:100%;
height:auto;
padding:10px;
font-size:18px;
text-align:center;
display:inline-block;
}
.mobile-menu-item-submenu
{
float:left;
position:relative;
width:100%;
height:auto;
font-size:20px;
}
.mobile-menu-item-submenu a
{
float:left;
position:relative;
width:100%;
height:auto;
font-size:15px;
padding:10px 10px;
border-bottom:1px solid #dadada;
border-top:1px solid #fcfcfc;
display:inline-block;
}
.mobile-menu-item-submenu a:first-child
{
border-bottom:1px solid #dadada;
border-top:0px solid #fcfcfc;
}
.mobile-menu-item-sub-submenu
{
float:left;
position:relative;
width:100%;
height:auto;
font-size:20px;
}
.mobile-menu-item-sub-submenu a
{
float:left;
position:relative;
width:100%;
height:auto;
font-size:15px;
padding:3px 30px;
}
.menuToggler
{
float:none;
position:relative;
width:185px;
height:66px;
font-size:30px;
color:#000000;
padding:7px 10px 10px 66px;
background:url(/img/menu-mobile-cklicker.png) no-repeat left center;
cursor:pointer;
margin:20px auto;
border: 1px solid #ccc;
font-weight:300;
cursor:pointer
}
.menuToggler:hover
{
background:url(/img/menu-mobile-cklicker.png) no-repeat left center #ccc;
}
.mobile-costumer-place
{
float:right;
position:relative;
width:300px;
height:auto;
margin:0 auto;
}
.mobile-menu
{
float:left;
position:relative;
width:100%;
height:auto;
display:none;
background: none;
}
.mobile-menu .ok-input
{
background:#fff;
color:#190F05;
}
.mobile-menu .mobile-kosikplace
{
border-color: #fff;
}
.mobile-menu .cart-counter span
{
color: #fff;
}
.one-image-slideshow, .one-image-slideshow img
{
width:100%;
height:auto;
}
.HiddenSlideControl
{
display:none;
}
.slideshowTextContent
{
position:absolute;
top:20%;
left: 20%;
width:600px;
z-index:999999;
}
.slideshowTextContent-Image
{
position: relative;
float:left;
width:140px;
height:auto;
margin-right:5px;
z-index:999999;
}
.slideshowTextContent-Text
{
position: relative;
float:left;
width:600px;
height: auto;
z-index:999999;
padding:15px;
background: url(/img/bg90.png) repeat;
}
.slideshowTextContent-Text p
{
float:left;
position:relative;
padding:10px 0px 0px 0px;
width:auto;
}
.slideshowTextContent-Text h2, .slideshowTextContent-Text h3, .slideshowTextContent-Text h4
{
font-size:28px;
font-weight:300 !important;
padding:0px;
float:left;
position:relative;
width:auto;
}
.slideshowTextContent-Text h2 a, .slideshowTextContent-Text h3 a, .slideshowTextContent-Text h4 a
{
font-size:32px;
font-weight:500 !important;
}
.contactIconBox
{
float:left;
position:relative;
width:auto;
height:auto;
padding:0px 10px 0px 0px;
font-size:15px;
font-weight:700;
text-align:left;
}
.contactIconBox img
{
float:left;
position:relative;
width:auto;
height:auto;
padding:0px 0px 0px 0px;
margin-right:5px;
}
.contactIconBox br
{
display:none;
}
.contactIconBox a
{
font-size:15px;
font-weight:700;
}
.width50
{
width:42%;
}
.width25
{
width:29%;
}
.akademieFoot
{
position: relative;
float:left;
width:40%;
height:auto;
}
.OurClients
{
position: relative;
float:left;
width:60%;
height:auto;
}
.CurrentClient
{
position: relative;
float:left;
width:auto;
height:auto;
min-height:55px;
margin:10px 0px;
}
.CurrentClient img
{
cursor: pointer;
}
img.BW
{
position: relative;
left: 0;
top: 0;
z-index: 10;
}
img.COLOR
{
position: absolute;
left: 0;
top: 0;
opacity:0;
}
a i, i
{
color:#333333;
}
a i:hover
{
color:#000000;
}
.hoverClicker
{
width:100%;
height:100%;
display:block;
background: url(/img/hoverClicker.png) no-repeat center center;
cursor:pointer;
display:none;
z-index:1;
position:absolute;
top:0px;
left:0px;
}
.prevArticle a, .nextArticle a
{
position:relative;
float:left;
width:auto;
height:auto;
padding:10px;
background:#333333;
color:#fff;
}
.nextArticle a
{
float:right;
}
.prevArticle i, .nextArticle i
{
color:#fff;
}
.centered
{
float:none !important;
position:relative !important;
width:auto !important;
margin:0 auto !important;
text-align:center !important;
}
.centered-text
{
text-align:center !important;
}
* table
{
margin: 0px;
width: 100%;
text-align: left;
border-collapse: collapse;
margin:0px 0px 20px 0px;
overflow:auto;
}
* table th
{
font-weight: normal;
padding: 12px 15px;
color: #000;
}
* table td
{
padding: 4px 8px;
color: #333333;
border: none;
}
* table td.center
{
text-align:center;
}
* table tr.head td
{
background:#333333 !important;
color:#fff;
}
* table tr
{
height:43px !important;
}
* table tr td:first-child
{
min-width: 140px;
}
* table tr td:last-child
{
min-width: 110px;
}
/** table tr:hover td
{
color: #fff;
background: #333333;
}*/
* table tr:hover td i, * table tr:hover td a
{
color: #fff;
}
.foto-2-1-f1 img, .foto-2-1-f2 img, .foto-2-1-f3 img, .foto-2-1-f1-left img, .foto-2-1-f2-left img, .foto-2-1-f3-left img
{
float:left;
position:relative;
width:100%;
}
.foto-2-1-f1, .foto-2-1-f1-left
{
float:left;
position:relative;
width:66.667%;
height:auto;
overflow:hidden;
}
.foto-2-1-f2, .foto-2-1-f3, .foto-2-1-f2-left, .foto-2-1-f3-left
{
float:right;
position:relative;
width:33.333%;
height:auto;
clear:right;
overflow:hidden;
}
.foto-2-1-f1-left
{
float:right;
width:66.666%;
}
.foto-2-1-f2-left, .foto-2-1-f3-left
{
float:left;
position:relative;
width:33.334%;
clear:left;
}
.foto-1-1-2-f1 img, .foto-1-1-2-f2 img, .foto-1-1-2-f3 img, .foto-1-1-2-f4 img, .foto-1-1-2-f1-left img, .foto-1-1-2-f2-left img, .foto-1-1-2-f3-left img, .foto-1-1-2-f4-left img
{
float:left;
position:relative;
width:100%;
}
.foto-1-1-2-f1, .foto-1-1-2-f1-left
{
float:left;
position:relative;
width:40%;
height:auto;
overflow:hidden;
}
.foto-1-1-2-f1-left
{
float:right;
}
.foto-1-1-2-f2, .foto-1-1-2-f2-left
{
float:right;
position:relative;
width:60%;
height:auto;
overflow:hidden;
}
.foto-1-1-2-f2-left
{
float:left;
}
.foto-1-1-2-f3, .foto-1-1-2-f3-left, .foto-1-1-2-f4, .foto-1-1-2-f4-left
{
float:right;
position:relative;
width:30%;
height:auto;
overflow:hidden;
}
.foto-1-1-2-f3-left, .foto-1-1-2-f4-left
{
float:left;
}
.foto-3-1-f1 img, .foto-3-1-f2 img, .foto-3-1-f3 img, .foto-3-1-f4 img, .foto-3-1-f1-left img, .foto-3-1-f2-left img, .foto-3-1-f3-left img, .foto-3-1-f4-left img
{
float:left;
position:relative;
width:100%;
}
.foto-3-1-f1, .foto-3-1-f1-left
{
float:left;
position:relative;
width:50%;
height:auto;
overflow:hidden;
}
.foto-3-1-f1-left
{
float:right;
}
.foto-3-1-f2, .foto-3-1-f2-left, .foto-3-1-f3, .foto-3-1-f3-left, .foto-3-1-f4, .foto-3-1-f4-left
{
float:right;
position:relative;
width:50%;
height:auto;
overflow:hidden;
}
.foto-3-1-f2-left, .foto-3-1-f3-left, .foto-3-1-f4-left
{
float:left;
}
.TitleBox
{
width:100%;
height:100%;
display:block;
padding:2%;
color:#fff;
position:absolute;
bottom:0%;
left:0%;
text-align:center;
}
/*.fadeInDivOnHover
{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(0,0,0, 0.8);
}
div:hover > .fadeInDivOnHover
{
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
*/
a.amore
{
font-size:1em;
font-weight:300;
font-family: 'Roboto Slab', serif;
padding:10px 20px;
background:#000000;
color:#ffffff;
display:inline-block;
}
a.amore:hover
{
background:#333333;
text-decoration:none;
color:#ffffff;
}
/* HOVER 1 */
.view-tenth-1 {
background: url(/img/imagebg.png) repeat;
}
.view-tenth-1 .TitleBox h2, .view-tenth-1 .TitleBox h2 a
{
color:#000;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-size:150%;
letter-spacing:-0.03em;
font-family:"Oswald";
font-weight:400 !important;
}
.view-tenth-1 .TitleBox h2
{
padding-top:24%;
border-bottom:1px solid rgba(0, 0, 0, 0.3);
}
.foto-3-1-f2-left.view-tenth-1 .TitleBox h2, .foto-3-1-f3-left.view-tenth-1 .TitleBox h2, .foto-3-1-f4-left.view-tenth-1 .TitleBox h2,
.foto-3-1-f2.view-tenth-1 .TitleBox h2, .foto-3-1-f3.view-tenth-1 .TitleBox h2, .foto-3-1-f4.view-tenth-1 .TitleBox h2
{
padding-top:8%;
}
.view-tenth-1 img {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.view-tenth-1 .TitleBox {
background-color: rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.view-tenth-1 h2 {
background: transparent;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.view-tenth-1 a.amore {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.view-tenth-1:hover img {
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.view-tenth-1:hover .TitleBox {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.view-tenth-1:hover h2, .view-tenth-1:hover a.amore {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
/* HOVER 1 */
/* HOVER 2 */
.view-ninth .mask, .view-ninth .contentCut {
width: 200%;
height: 200%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.view-ninth .mask-1, .view-ninth .mask-2 {
background-color: rgba(0, 0, 0, 0.5);
height: 200%;
width: 200%;
background: rgba(119, 0, 36, 0.5);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: all 0.3s ease-in-out 0.6s;
-moz-transition: all 0.3s ease-in-out 0.6s;
-o-transition: all 0.3s ease-in-out 0.6s;
transition: all 0.3s ease-in-out 0.6s;
}
.view-ninth .mask-1 {
left: auto;
right: 0;
-webkit-transform: rotate(56.5deg) translateX(-30%);
-moz-transform: rotate(56.5deg) translateX(-30%);
-o-transform: rotate(56.5deg) translateX(-30%);
-ms-transform: rotate(56.5deg) translateX(-30%);
transform: rotate(56.5deg) translateX(-30%);
-webkit-transform-origin: 100% 0%;
-moz-transform-origin: 100% 0%;
-o-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.view-ninth .mask-2 {
top: auto;
bottom: 0;
-webkit-transform: rotate(56.5deg) translateX(30%);
-moz-transform: rotate(56.5deg) translateX(30%);
-o-transform: rotate(56.5deg) translateX(30%);
-ms-transform: rotate(56.5deg) translateX(30%);
transform: rotate(56.5deg) translateX(30%);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.view-ninth .contentCut {
text-align:center;
background: transparent;
height: 0;
top:45%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
width: 120%;
overflow: hidden;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
-o-transform: rotate(-33.5deg) translate(-112px, 166px);
-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
transform: rotate(-33.5deg) translate(-112px, 166px);
-webkit-transform-origin: 0% 100%;
-moz-transform-origin: 0% 100%;
-o-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: all 0.4s ease-in-out 0.3s;
-moz-transition: all 0.4s ease-in-out 0.3s;
-o-transition: all 0.4s ease-in-out 0.3s;
transition: all 0.4s ease-in-out 0.3s;
}
.view-ninth h2, .view-ninth h2 a {
color:#ffffff !important;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-size:150%;
letter-spacing:-0.03em;
font-family:"Oswald";
font-weight:400 !important;
}
.view-ninth h2 {
padding:2%;
border-bottom:1px solid rgba(255, 255, 255, 0.3);
}
.view-ninth a.amore
{
background:#FFFFFF;
color:#000000;
display:inline-block;
}
.view-ninth a.amore:hover
{
background:#333333;
text-decoration:none;
color:#FFFFFF;
}
.view-ninth:hover .contentCut {
height:100%;
width: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: 0.9;
top: 25%;
-webkit-transform: rotate(0deg) translate(0, 0);
-moz-transform: rotate(0deg) translate(0, 0);
-o-transform: rotate(0deg) translate(0, 0);
-ms-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0);
}
.view-ninth:hover .mask-1, .view-ninth:hover .mask-2 {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.view-ninth:hover .mask-1 {
-webkit-transform: rotate(56.5deg) translateX(1px);
-moz-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px);
}
.view-ninth:hover .mask-2 {
-webkit-transform: rotate(56.5deg) translateX(-1px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px);
}
/* HOVER 2 */
/* HOVER 3 */
.view-fifth .mask {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
text-align:center;
}
.view-fifth img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
background: url(/img/imagebg.png) repeat;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.view-fifth h2, .view-fifth h2 a {
color:#000;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-size:150%;
letter-spacing:-0.03em;
font-family:"Oswald";
font-weight:400 !important;
}
.view-fifth h2
{
padding-top:24%;
border-bottom:1px solid rgba(0, 0, 0, 0.3);
}
.foto-3-1-f2-left.view-fifth h2, .foto-3-1-f3-left.view-fifth h2, .foto-3-1-f4-left.view-fifth h2,
.foto-3-1-f2.view-fifth h2, .foto-3-1-f3.view-fifth h2, .foto-3-1-f4.view-fifth h2
{
padding-top:8%;
}
.view-fifth:hover .mask {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.view-fifth:hover img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
/* HOVER 3 */
/* HOVER 4 */
.view-first .mask {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
text-align:center;
}
.view-first img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.view-first .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
background-color: rgba(219,127,8, 0.7);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.view-first h2, .view-first h2 a
{
color:#000;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-size:150%;
letter-spacing:-0.03em;
font-family:"Oswald";
font-weight:400 !important;
}
.view-first h2
{
padding-top:24%;
border-bottom:1px solid rgba(0, 0, 0, 0.3);
}
.view-first h2 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-o-transform: translateY(-100px);
-ms-transform: translateY(-100px);
transform: translateY(-100px);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.foto-3-1-f2-left.view-first h2, .foto-3-1-f3-left.view-first h2, .foto-3-1-f4-left.view-first h2,
.foto-3-1-f2.view-first h2, .foto-3-1-f3.view-first h2, .foto-3-1-f4.view-first h2
{
padding-top:8%;
}
.view-first:hover img {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
.view-first a.amore {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.view-first:hover h2,
.view-first:hover a.amore {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.view-first:hover a.amore {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
/* HOVER 4 */
/* responziv 1 */
/*@media (max-width: 1105px)*/
@media (max-width: 1170px)
{
.text-product-detail-half
{
width:100%;
}
.productVariationBox
{
width: 100%;
}
.width50
{
width:100%;
text-align:center;
}
.width25
{
width:100%;
text-align:center;
}
.contactIconBox img
{
float:none;
position:relative;
width:auto;
height:auto;
padding:0px 0px 0px 0px;
margin-right:5px;
}
.contactIconBox
{
padding:0px 0px 10px 0px;
}
.contactIconBox br
{
display:block;
}
.horizontal-menu
{
width:100%
}
.horizontal-menu-cover
{
float:none;
}
a.alogo
{
float: none;
margin:10px auto 10px auto;
}
.topSideH1
{
float:left;
text-align:center;
position:relative;
width:100%;
height:auto;
top:0px;
left:0px;
}
}
/* responziv 2 */
/* responziv 2 */
@media (max-width: 870px)
{
* p
{
font-size:18px !important;
}
h2 a, h3 a, h4 a, h2 a:link, h3 a:link, h4 a:link
{
font-size:20px;
}
body, .responsive-menu-IN
{
background-color:#fff;
background-image:none;
}
.topInfoPlace
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:auto;
}
.infoContact
{
float: left;
}
.language
{
float:right;
}
.page
{
padding:0;
}
.topFixedMenu, .horizontal-menu, .horizontal-menu-center, .searchplace, .kosikplace, .left-side, .costumer-place-desktop
{
display:none;
}
.menu-width
{
width:100%;
}
.responsive-menu-IN .topFixedMenu, .responsive-menu-IN .horizontal-menu
{
display:block;
}
.topSideH1
{
float:left;
text-align:center;
position:relative;
width:100%;
height:auto;
top:0px;
left:0px;
}
.text-6
{
width:33.33%;
padding:1%;
}
a.alogo
{
float: none;
margin:10px auto 10px auto;
}
.marginTopSide
{
padding-top:10px;
margin-bottom:0px;
}
.mobile-menu
{
display:block;
}
.article-item-list-allArticle
{
width:32.33%;
}
.new-article-item-1
{
width:99%;
}
.article-item-list-cover-allArticle
{
max-height:none;
min-height:none;
}
.slideshowTextContent
{
position:relative;
float:left;
bottom:0px;
left: 0px;
width:100%;
margin-left:0%;
z-index:999999;
}
.slideshowTextContent-Image
{
display:none;
}
.slideshowTextContent-Text
{
position: relative;
float:left;
width:100%;
height:auto;
z-index:999999;
}
.slideshowTextContent-Text h2, .slideshowTextContent-Text h3, .slideshowTextContent-Text h4
{
font-size:20px;
padding:10px;
width:100%;
}
.slideshowTextContent-Text h2 a, .slideshowTextContent-Text h3 a, .slideshowTextContent-Text h4 a
{
font-size:20px !important;
}
.slideshowTextContent-Text p
{
padding:10px;
}
.slideshowTextContent-Text p.stin, .slideshowTextContent-Text h2.stin
{
-moz-box-shadow: 0 1px 5px rgba( 0, 0 , 0 , 0);
-webkit-box-shadow: 0 1px 5px rgba( 0, 0 , 0 , 0);
box-shadow: 0 1px 5px rgba( 0, 0 , 0 , 0);
}
.text-quarter
{
width:50%;
}
.foot-column
{
width:50%;
}
}
/* responziv 3 */
/* responziv 3 */
/* responziv 3 */
@media (max-width: 600px)
{
.text-5:nth-of-type(1), .text-5:nth-of-type(2)
{
width:50%;
}
.text-5
{
width:33.333%;
}
* p
{
font-size:18px !important;
}
h2 a, h3 a, h4 a, h2 a:link, h3 a:link, h4 a:link
{
font-size:18px;
}
.akademieFoot
{
width:100%;
text-align:center;
font-size:18px;
}
.OurClients
{
display:none;
}
.text-full-foto p, .text-full-foto h2
{
text-align:center;
}
.image-half, .half-field
{
width:100%;
}
.product-item-list-3
{
width:100%;
}
.article-item-list-2
{
width:100%;
}
.article-item-list-2-image
{
height:auto;
}
.article-box-1
{
width:100%;
}
.article-box-2
{
width:50%;
}
.similar-product-item-list-1
{
width:100%;
}
.product-item-list-1-image
{
height:auto;
}
.greenbuttonSubmit, a.greenbuttonSubmit, input.greenbuttonSubmit
{
width:100%;
}
.product-item-list-1
{
width:50%;
}
.text-product-detail
{
width:100%;
}
.dontFind
{
display:none;
}
.first
{
width:100%;
border-left:0px;
}
.first p, .first h2, .first h2 a
{
text-align:center;
}
.second
{
width:46%;
}
.third
{
width:46%;
}
.news-column-4
{
width:100%;
}
.text-quarter
{
width:50%;
}
.text-6
{
width:50%
}
.news-column-item
{
padding:4%;
}
.news-image-field
{
width:100%;
padding:0;
}
.text-news-detail
{
width:100%;
}
.photogallery-image-small
{
width:20%;
}
.product-image-field
{
width:100%;
padding:0;
}
.product-text-field
{
width:100%;
}
.foot-column
{
width:50%;
}
.top-menu h1
{
top:105px;
}
#mainOverlay
{
width:90%;
margin-left:-45%;
}
.text-half
{
width:100%;
}
}
/* responziv 4 */
/* responziv 4 */
/* responziv 4 */
/* responziv 4 */
@media (max-width: 480px)
{
.product-item-list-1-image
{
height:auto;
}
* p, * h2 a, * h2
{
text-align:center;
}
.menuToggler, .mobile-costumer-place
{
float:none;
}
.image-470
{
width:100%;
padding:0 0% 4% 0;
}
.image-470-slideshow
{
width:100%;
padding:0% 0% 4% 0%;
}
.slide-text
{
width:100%;
}
.text-half
{
width:100%
}
.text-6
{
width:50%
}
.foot-column
{
width:100%;
}
.text-quarter
{
width:100%;
}
.second
{
width:98%;
border-left:0px;
}
.third
{
width:98%;
border-left:;
}
.foto-2-1-f1, .foto-2-1-f2, .foto-2-1-f3, .foto-1-1-2-f1, .foto-1-1-2-f2, .foto-1-1-2-f3, .foto-1-1-2-f4,
.foto-2-1-f1-left, .foto-2-1-f2-left, .foto-2-1-f3-left, .foto-1-1-2-f1-left, .foto-1-1-2-f2-left, .foto-1-1-2-f3-left, .foto-1-1-2-f4-left,
.foto-3-1-f1, .foto-3-1-f2, .foto-3-1-f3, .foto-3-1-f4, .foto-3-1-f1-left, .foto-3-1-f2-left, .foto-3-1-f3-left, .foto-3-1-f4-left
{
width:100%;
}
}
.responsiveMenuCloser
{
float: none !important;
font-family: "Roboto Slab" !important;
font-size: 70px !important;
height: 50px !important;
line-height: 0.45em;
margin: 10px auto !important;
padding: 5px !important;
position: relative !important;
text-align: center !important;
width: 50px !important;
color:#000000 !important;
background-color:none !important;
cursor:pointer;
border:1px solid #ccc;
margin: 20px auto;
background-image:url(/img/menu-mobile-closer.png);
background-repeat: no-repeat;
background-position: center center;
}
/* ----- Logo slider ----- */
#flexiselDemo3 {
display:none;
}
.nbs-flexisel-container {
position:relative;
max-width:100%;
margin-top:20px;
}
.nbs-flexisel-ul {
position:relative;
width:9999px;
margin:0px;
padding:0px;
list-style-type:none !important;
text-align:center;
}
.nbs-flexisel-ul li {
list-style-type:none !important;
text-align: center !important;
}
.nbs-flexisel-inner {
overflow:hidden;
width:80%;
margin: 0 auto;
}
.nbs-flexisel-item {
float:left;
margin:0px;
padding:0px;
position:relative;
line-height:0px;
}
.nbs-flexisel-item img {
width: 100%;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
max-width:166px;
max-height:72px;
}
/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
width: 50px;
height: 80px;
position: absolute;
cursor: pointer;
z-index: 100;
-webkit-transition: all 0s !important;
-moz-transition: all 0s !important;
-o-transition: all 0s !important;
transition: all 0s !important;
}
.nbs-flexisel-nav-left {
left: 0px;
background:url(/img/arrow.png) no-repeat left top;
-webkit-transition: all 0s !important;
-moz-transition: all 0s !important;
-o-transition: all 0s !important;
transition: all 0s !important;
}
.nbs-flexisel-nav-left:hover {
background:url(/img/arrow.png) no-repeat left bottom;
-webkit-transition: all 0s !important;
-moz-transition: all 0s !important;
-o-transition: all 0s !important;
transition: all 0s !important;
}
.nbs-flexisel-nav-right {
right: 0px;
background:url(/img/arrow.png) no-repeat right top;
-webkit-transition: all 0s !important;
-moz-transition: all 0s !important;
-o-transition: all 0s !important;
transition: all 0s !important;
}
.nbs-flexisel-nav-right:hover {
background:url(/img/arrow.png) no-repeat right bottom;
-webkit-transition: all 0s !important;
-moz-transition: all 0s !important;
-o-transition: all 0s !important;
transition: all 0s !important;
}
ACC SHELL 2018