#container { padding:0em; }
.container { background-color: white;}

footer { clear:both; font-size: 0.9em;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
. { display: block; } /* close commented backslash hack */

.clr {
	clear: both; font-size: 0px; visibility: hidden; overflow: hidden; height: 0px
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 300;
}

body {
	margin:0px; 
	padding:0em;
	background-image: url('../images/pozadi.png'); 
	background-repeat: repeat-x;
/*	background-attachment: fixed; */
	background-color: #243c71 !Important;
	font-family: 'Fira Sans', sans-serif !Important;
	font-weight: 400;

}


img	{border: 0px; margin:0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;  vertical-align: middle;
 }



h1 {
	padding: 0em 0.5em 0em 0em;
	font-family: 'Fira Sans', sans-serif;
	font-size: 2em;
	font-weight: bold;
	color:black;
	width: 100%;
	text-decoration: none
}




.title {
	text-decoration: none;
	font-size: 30px;
	line-height: 42px;
	font-weight: 400;
	color: black;
/*	margin-left: 15px; */
}

h2 {
	font-size: 28px !Important;
	font-weight: 400 !Important;
	color: black !Important;
}

h3 {
	font-size: 26px !Important;
	font-weight: 400 !Important;
	color: black !Important;
}


a { 
	text-decoration: none; color: green
}
a:hover { 
	text-decoration: underline
}


img a { 
	text-decoration: none
}

p.bigger{
	font-family: 'Fira Sans', sans-serif;
	font-size: 1.2em;
}

hr	{

	height: 0px;
	color: #b8b8b8;
	padding: 0em 0em 0em 0em;
	margin-left: 15px;
	margin-right: 15px;
}



/* Footer-------------------------------------------------------------------------*/
.socmed {
    background-color: #1668a4; 
	height: 55px;
	padding-top: 10px;

}
.socwrap {
	padding-left: 30px;
}

.socwrap2 {
	padding-top: 10px;
	padding-left: 30px;
	padding-bottom: 0px;
}

.ejoy { 
	font-size: 0.9em;
}

	


 
/* Menu, logo-------------------------------------------------------------------------*/
.navbar {
	position:relative;
	z-index:999;
}


#basket-top {
    margin-top: 35px;
}

#moto {
    margin-top: 15px;
}


/* Colour Bootsstrap Overly Start-------------------------------------------------------------------------*/

div#nav55 { 
/*	clear: both;
	background: black;  
	color: #FFF; 
	height: 55px; */
	text-transform: uppercase;
	
}

.noborder {
	border: 0px solid !Important;
}



.navbar-header {
    background-color: #243c71; 
}

.navbar-header img {
    padding-left: 1px !Important;
}

.wave {		
	padding: 0;
	margin: 0;
	background-image: url("../images/wave.png");
}

.navbar {
    margin-bottom: 0px !Important;
}

.navbar-inverse .navbar-toggle {
    border: 0px !Important;
	margin-top: 2px !Important;
	border-radius: 50% !Important;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #fff !Important;
}

.navbar-toggle .icon-bar {

    width: 15px !Important;
}

.navbar-inverse .navbar-toggle:hover > .icon-bar, .navbar-inverse .navbar-toggle:focus > .icon-bar   {
    background-color: #243c71 !Important;
}

.navbar-collapse {
	text-align: center !Important;
	border: 0px !Important;
	-webkit-box-shadow: inset 0 0 0 rgba(255,255,255,.1)!Important;

}





.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    
}


.navbar-nav {
	display: inline-table !Important;
    float: none !Important;

}


.navbar-inverse {
    background-color: #1668a4 !Important;  
	border-top: 0px solid !Important;
	border-top-color: #9d9d9d !Important;
	border-right-color: #1668a4 !Important;
	border-bottom-color: #1668a4 !Important;
	border-left-color: #1668a4 !Important;
	font-family: 'Fira Sans', sans-serif !Important;
}


.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:focus, 
.navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #1668a4 !Important; 
	color: #92d4d6 !Important;
	text-decoration: underline;
}

.navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
	color: #fffff !Important;
}

.navbar {
    border-radius: 0px !Important;
	border: 0px !Important;
}

.navbar-inverse .navbar-nav > li > a {
	color: #fff !Important; 
}

.navbar-inverse .navbar-nav > li > a:hover {
	color: #92d4d6 !Important;

}




.btn-primary {
/*    background-color: #049966 !Important;
    border-color: #049966 !Important; */
	
	background-color: #243c71 !Important;
    border-color: #243c71 !Important; 
	
	color: #fff !Important;
	padding: .5em 1em .4em 1em !Important;
	text-transform: uppercase;
	border-radius: .15em !Important;
}

.btn-primary:hover {
 /*   background-color: #047d54 !Important;
    border-color: #047d54 !Important; */
	
	background-color: #1a2b51 !Important;
    border-color: #1a2b51 !Important;  
	
	color: #fff !Important;
	padding: .5em 1em .4em 1em !Important;
	text-transform: uppercase;
	border-radius: .15em !Important;
}

.btn-info { 
    background-color: #218daa !Important;
    border-color: #218daa !Important;
	
	color: #fff !Important;
	padding: .5em .4em .4em .4em !Important;
	text-transform: uppercase;
	border-radius: .15em !Important;
}

.btn-info:hover {
    background-color: #1c7992 !Important;
    border-color: #1c7992 !Important;
	
	color: #fff !Important;
	padding: .5em .4em .4em .4em !Important;
	text-transform: uppercase;
	border-radius: .15em !Important;
}

.btn-default { 
    background-color: #ffffff !Important;
    border-color: #dcdcdc !Important;
	
	color: #000000 !Important;
	padding: .5em .4em .4em .4em !Important;
	text-transform: uppercase;
	border-radius: .15em !Important;
}

.btn-default:hover {
    background-color: #dcdcdc !Important;
    border-color: #dcdcdc !Important;
	
	color: #000000 !Important;
	padding: .5em .4em .4em .4em !Important;
	text-transform: uppercase;
	border-radius: .15em !Important;
}

.btn-success { 
    background-color: #2ab183 !Important;
    border-color: #2ab183 !Important;
	
	color: #ffffff !Important;
	padding: .5em .4em .4em .4em !Important;
	text-transform: uppercase;
	border-radius: .15em !Important;
}

.btn-success:hover {
    background-color: #2aa67c!Important;
    border-color: #2ab183 !Important;
	
	color: #ffffff !Important;
	padding: .5em .4em .4em .4em !Important;
	text-transform: uppercase;
	border-radius: .15em !Important;
}			   

#logo2 .btn {
    font-size: 12px!Important;
}

.rsline .actions .input-lg {
    height: 33px !Important;
	font-size: 14px !Important;
}

.input-lg {
    height: 48px !Important;
	font-size: 18px !Important;
}

.label-warning {background-color: #f2c60c !Important;}

.alert {
	border-radius: 2px !Important;
}

.alert-warning {
    background-color: #faecd9 !Important;
	color: #b4855a !Important;
	border-color: #faecd9 !Important;
}

.alert-info {
    background-color: #d3eeef !Important;
	color: #218daa !Important;
	border-color: #d3eeef !Important;
}

.alert-success {
	color: #13a472 !Important;
    background-color: #e5f9f1 !Important;
    border-color: #d7ede4 !Important;
}

.alert-danger {
    color: #ed8364!Important;
    background-color: #fbe4dd!Important;
    border-color: #fbe4dd!Important;
}

.list-group-item-warning {
    background-color: #f2f3bf !Important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #2ab183 !Important;
}

.label {
	padding: 8px 6px 7px 6px !Important;  
	font-size: 12px !Important;
	text-transform: uppercase;
	border-radius: .15em !Important;
	
/*	font-family: Roboto,Arial,sans-serif!Important;  */
    font-weight: 400!Important; 
}

.well {
    border-radius: 2px!Important; 
}

.pay {
	padding-right: 5px!important;
    padding-left:  5px!important;
}


    


.prcbox .label {
    line-height: 2!Important; 
	margin-right: 1em !Important; 
}

.label-success {
	color: #fff !Important;
    background-color: #2ab183 !Important;

}

.label-warning {
	color: #fff !Important;
    background-color: #db9746 !Important;
	
}
.label-danger {
    color: #fff !Important;
    background-color: #d95832 !Important;
}

.text-success {
    color: #2ab183 !Important;
}

.notrans {
	text-transform: none !Important;
}


.img-rounded {
    border-radius: 3px !Important;
}

.catpic-wrap img {
    -webkit-filter: grayscale(100%) opacity(80%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) opacity(80%);
}

.catpic-wrap img:hover {
    -webkit-filter: grayscale(0%) opacity(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%) opacity(100%);
}


.fbmenu {
	width: 36px;
    height: 36px;
	position: relative;
	display: inline-block;
/*	margin-left: 100px; */
	margin-top: 5px; 
}
.fbmenu .img-top {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
.fbmenu:hover .img-top {
	display: inline;
}


.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 3px !Important;
}

.thumbnail {
	border-radius: 2px !Important;
}

.dropdown-menu {
	border-radius: 2px !Important;
}

.pagination {
	text-transform: uppercase !Important;
}

.upp {
	text-transform: uppercase;
}

.pd10 {
	padding-top: 10px;
}




/* Colour Bootsstrap Overly End--------------------------------------------------------------------------*/



.navbar-nav {
	-webkit-backface-visibility: hidden;
}

.carousel {
	position:relative;
	z-index:1;
	margin-top: 15px;
}

.price {	
	white-space: nowrap !Important;
}

.brandpad {	
	padding-top: 0px !Important;
	padding-bottom: 10px !Important;
}





.root0 { 
 /*	max-width: 120px; */
/*	height: 55px; */
	vertical-align: middle;
/*	font-weight: bold; */
}

div#logo {
	float: left;
	padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;
	margin: 0px;
	background-color: Xpink
}

div#logo a {border: 0px; margin:0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;  }

.logoright {
	float: right;
	text-align: right;
	padding-top: 0em; padding-right: 0.5em; padding-bottom: 0em; padding-left: 0em;
	margin: 0px 0px 0px 2em;
	font-size: 0.85em;
	background-color: white;
	width: 100%

}



#active {
		padding: 1.25em 0em 1.2em 0em;
		background-color: rgba(0, 153, 51, 0.89);
		color: white;
}


#active2 {
		padding: 0.5em 0em 0.5em 0em;
		background-color: #007527;
		color: white;
}

/* Text formating-------------------------------------------------------------------------*/

.tucny
{
font-weight: bold;
}

.upper{ 
    text-transform: uppercase;
}


.bigest {		
	font-size: 1.9em;
	font-weight: bold;
}

.bigger {		
	font-size: 1.1em;
	font-weight: bold;
}
p.small{
	font-family: 'Fira Sans', sans-serif;
	font-size: 0.8em;
	padding: 0.2em 0.2em 0.2em 0.0em;
	margin: 0;
}
.small{	
	font-size: 0.75em;
	color: gray;
	font-weight: normal;

	font-family: 'Fira Sans', sans-serif;
	font-size: 1.0em;
	padding: 0.2em 0.2em 0.2em 0.5em;
	margin: 0;
}
.message{
	font-family: 'Fira Sans', sans-serif;
	font-size: 1em;
	padding: 0.2em 0.2em 0.2em 0.2em;
	color: red;
	margin: 0;
}

.errors {
	list-style-type: none; 
	color: red;
 }

.txt_red{
	color: red;
}

.txt_green{
	color: green;
	
}




/* Paginator-------------------------------------------------------------------------*/

div .visualPaginator { 
	float: right;
	padding: 0em 0.2em 0.2em 0.2em;
}

.visualPaginator li { 
	display: inline;

}

.visualPaginator .active {
		color: black;
}

.visualPaginator .disabled {
visibility:hidden;
}

/*----form----------------------------------------------------------------------*/

textarea, select, input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="image"]):not([type="range"]) {
		border: 1px solid #1668a4 !Important;  
	/*	border: 1px solid #1e8d04 !Important; 
		padding: 0.1em 0.1em 0.1em 0.2em !Important; */
		padding: 8px 5px 6px 5px !Important;
		border-radius: 2px !Important;
	}
	

input[type="radio"] {
    margin-right: 5px !Important;
}


.required label { color: maroon }


.filt{
min-width: 150px;
}

.filt2{
min-width: 100px;
}

.list-group-item {
padding: 0px 15px !Important;
}

.w30 {
width: 30px !Important;
}

	

/*-Floats-------------------------------------------------------------------------*/


.fltleft {
	float: left;
}

.fltright {
	float: right;
/*	height: 110px; */
}



.lft  {
text-align: left
}






/*- Carousel-------------------------------------------------------------------------*/

.carousel-control.left{
background-image: none !Important;
background-repeat: none !Important;
width:50px !Important;
margin:0 !Important;
}

.carousel-control.right{
background-image: none !Important;
background-repeat: none !Important;
width:50px !Important;
margin:0 !Important;
}


/*-???---*/

.prev{
  content: "\e091";
}

.next {
  content: "\e092";
}





/*- Table formating-------------------------------------------------------------------------*/

.mgt td  {
padding-top: 1px !Important;
padding-bottom: 1px !Important;
vertical-align: middle !Important;
}

.mgt th  {
vertical-align: middle !Important;
font-weight: bold !Important;
text-align: center!Important;
}

.mgt .h35{
 height:35px;
}

.mgt tr:hover {
background-color: #d3eeef
}

.mgt .lastid{
background-color: #e3fccb
}

.lastid{
background-color: #e3fccb
}

.th_none{
border-right: 0px solid #e2e1e1 !Important;
}


.cent {	
	text-align: center;
	white-space: nowrap !Important;
}

.cent2 {	
	text-align: center;
}


.bg_wht {
background: white;
}

.even {
background: #f8f8f8 !Important;
}





/*- Breadcrumbs-------------------------------------------------------------------------*/

.path {		
	width: 100%; 
	float: left;
	font-size: 1em;
	color: gray; 
	padding: 0.6em 0.2em 0.8em 0em;	
}

.path  a{		
	color: gray;
	text-decoration: underline
}

.path a:hover { 
	text-decoration: none
}




.rating {	
	border: solid 1px #c9ed95;	
	font-weight: bold;
	font-size: 0.9em;
	padding: 0em 0.2em 0em 0.2em;
	margin: 0;
	width: 30px
}



.hproduct {		
	width: 100%; 
	float: left;
	padding: 0em 0em 0em 0em;
	margin: 0;
	background-color: Xbrown

}

.review {		
	width: 100%; 
	float: left;
	padding: 0em 0em 0em 0em;
	margin: 0;
	background-color: Xgreen

}







/*--Product------------------------------------------*/

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}


.prd {
    height: 435px;
    margin: 15px 0px;
    position: relative;
    overflow: hidden;
    text-align: center;
 /*   background: #F6F7F8 none repeat scroll 0% 0%; */
 /*   outline: 2px solid #EDEFF0; */
}

.prd .picture {
    display: block;
    background: #FFF none repeat scroll 0% 0%;
    position: relative;
    min-height: 215.3px;
}

.prd .status {
	margin-top: 5px;
 /*   font-family: Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 13px; 
    line-height: 3; */
}

.status.green, .status.red {
    color: #73B84D;
}

.prd .h3 {
    display: block;
    text-align: center;
    padding: 0px 5px;
    line-height: 1;
    margin-top: 15px;
    height: 48px;
    overflow: hidden;
}

.product:hover .prd .h3 a {
    text-decoration: underline;
}
.prd .h3 a {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    font-family: Fira Sans,sans-serif;
    line-height: 1;
}

.prd .var {
    display: block;
    text-align: center;
    padding: 0px 5px;
    line-height: 1;
    margin-top: 5px;
    height: 30px;
    overflow: hidden;
}

.prd .var a {
    text-decoration: none;
}


.prd_rel {
    height: 280px;
    margin: 10px 0px;
    position: relative;
    overflow: hidden;
    text-align: center;
 /*   background: #F6F7F8 none repeat scroll 0% 0%; */
 /*   outline: 2px solid #EDEFF0; */
}


.prd_rel .picture {
    display: block;
    background: #FFF none repeat scroll 0% 0%;
    position: relative;
    min-height: 120px;
}

.prd_rel .status {
	margin-top: 5px;
 /*   font-family: Roboto,Arial,sans-serif;
    font-weight: 500;
    font-size: 13px; 
    line-height: 3; */
}


.prd_rel .h3 {
    display: block;
    text-align: center;
    padding: 0px 5px;
    line-height: 1;
    margin-top: 5px;
    height: 48px;
    overflow: hidden;
}

.product:hover .prd_rel .h3 a {
    text-decoration: underline;
}
.prd_rel .h3 a {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    font-family: Fira Sans,sans-serif;
    line-height: 1;
}

.prd_rel .var {
    display: block;
    text-align: center;
    padding: 0px 5px;
    line-height: 1;
    margin-top: 5px;
    height: 30px;
    overflow: hidden;
}

.prd_rel .var a {
    text-decoration: none;
}
.var .img-thumbnail {

    padding: 3px!important;
	border-radius: 2px!important;
}

.var span {
    margin-right: 5px;
}


.prd .bruttoprice {
    font-weight: bold;
    font-size: 20px;
    font-family: Fira Sans,sans-serif;
	margin-top: 5px;
}

.prd .rsline {
	min-height: 29px;
}

.prd .actions {
	position: absolute;
	bottom: -60px;
	left: 0;
	background: #FFF;
	width: 100%;
	padding-top: 15px;
}

.product:hover .prd {
	z-index: 1;
	overflow: visible;
	border-bottom: 0 none;
	outline: 1px solid #b8b8b8;
	background: #FFF;
}

.product:hover .prd .actions {
	outline: 1px solid #b8b8b8;
}

.product:hover .prd:after {
	content: "";
	width: 100%;
	height: 6px;
	position: absolute;
	bottom: -6px;
	left: 0;
	background: #FFF;
}


.productstats-wrapper1 {
    position: absolute;
    top: 10px;
    left: 0px;
}

.productstats-item {
    display: block;
    width: 45px;
    float: left;
    margin-right: 10px;
}


.productstats-wrapper2 {
    position: absolute;
    top: 65px;
    left: 0px;
}


.productstats-wrapper3 {
    position: absolute;
    top: 120px;
    left: 0px;
}


.productstats-wrapper4 {
    position: absolute;
    top: 175px;
    left: 0px;
}

.productstats-wrapper5 {
    position: absolute;
    top: 230px;
    left: 0px;
}

.productstats-wrapper6 {
    position: absolute;
    top: 285px;
    left: 0px;
}


.notaval{
	text-decoration: line-through;
	color: gray;
}

#disco-state {
  /*  	 position: absolute; 
		top: 10px;
		z-index: 1;
		left: 0;
*/
    -ms-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(1, 1);
	
}
#disco-state .discount {
/*    margin-bottom: 10px; */
}
#disco-state .producstats-item {
    display: block;
  /*  margin-bottom: 10px;  */
}

.discount-item {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    color: #ed8364;
    border: 2px solid;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;  
    text-align: center;
    padding-top: 14px;
    font-size: 10px;
    background: #FFF;
	margin-right: 4px;
}

.discount-item .discount-name {
    display: block;
	color: black;
}

.discount-value, .discount-unit {
    font-size: 13px;
	color: black;
}

.prd .discount-item.hasvariants {
    padding-top: 5px;
}

.discount-item.sleva {
    padding-top: 7px;
}


.one-item{

    color: #7C23CF!important;
    padding-top: 17px!important;
    font-size: 8px!important;
	margin-right: 4px!important;
}

.two-item{

    color: #06ddf6!important;
    padding-top: 11px!important;
    font-size: 9px!important;
	margin-right: 4px!important;
}





.badge-important {
  background-color: #b94a48 !Important;
}

.badge-warning {
  background-color: #f89406 !Important;
}

.badge-success {
  background-color: #468847 !Important;
}

.badge-info {
  background-color: #3a87ad !Important;
}


.badge-inverse {
  background-color: #333333 !Important;
  }
 
 
 .pieces{
width: 80px;
 
}

.panel {
	border-radius: 0px !Important;
/*	border: 0px solid transparent!Important; */
}


.panel-success > .panel-heading {
    color: #218daa !Important;
	background-color: #d3eeef !Important;
	border-color: #d3eeef!Important;
}


.panel-warning > .panel-heading {
    color: #b4855a !Important;
	background-color: #faecd9 !Important;
	border-color: #faecd9 !Important;
}


/*--Sub-Categories------------------------------------------*/

#subcatwrap {
    margin: 0 -4px;
}

.list-inline, .list-unstyled {
    list-style: none;
}

#subcatlist .scat-wrap {
    padding: 0px;
    background: #FFF;
    position: relative;
    float: left;
    width: 85px;
    margin: 0 4px 22px 4px;
}


#subcatlist > li:hover .scat-wrap {
    filter: drop-shadow(0px 4px 6px rgba(149, 149, 149, 0.54)); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    -webkit-filter: drop-shadow(0px 4px 6px rgba(149, 149, 149, 0.54));
    z-index: 1;
}


.cat-title {
    min-height: 50px;
    padding: 5px;
    color: #000;
/*  font-family: Roboto, Arial, sans-serif;
    font-weight: 500; */
    overflow: hidden;
    background: #eeeff1;
}

#subcatlist .s-wrap {
    width: 400px;
    text-align: left;
    background: #FFF;
    padding: 30px;
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
}

#subcatlist .s-wrap h3 {
    margin-top: 0;
    font-size: 30px;
}

#subcatlist .scat-wrap img {
    max-height: 100px;
}


.shipp-pay-ico {
	min-width: 80px;
	height: 28px;
	display: inline-block;
/* 	text-indent: 1.5em;  */
}

.pay_lbl {
	margin-top: 8px!important; 
    margin-left: -5px!important;
}

.pay_br {
    margin-top: 0px!important; 
    margin-bottom: 0px!important;
    margin-left: -5px!important;
    margin-right: 0px!important;
	border-top: 1px solid #e9e9e9;
}



#subcatlist_pikto .scat-wrap {
    padding: 0px;
    background: #FFF;
    position: relative;
    float: left;
    width: 103px;
    margin: 0 4px 22px 4px;
}


#subcatlist_pikto > li:hover .scat-wrap {
    filter: drop-shadow(0px 4px 6px rgba(149, 149, 149, 0.54));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    -webkit-filter: drop-shadow(0px 4px 6px rgba(149, 149, 149, 0.54));
    z-index: 1;
}

#subcatlist_pikto .scat-wrap-100 {
    padding: 0px;
    background: #FFF;
    position: relative;
    float: left;
    width: 165px;
    margin: 0 4px 22px 4px;
}

#subcatlist_pikto > li:hover .scat-wrap-100 {
    filter: drop-shadow(0px 4px 6px rgba(149, 149, 149, 0.54));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    -webkit-filter: drop-shadow(0px 4px 6px rgba(149, 149, 149, 0.54));
    z-index: 1;
}


#subcatlist_pikto .s-wrap {
    width: 400px;
    text-align: left;
    background: #FFF;
    padding: 30px;
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
}

#subcatlist_pikto .s-wrap h3 {
    margin-top: 0;
    font-size: 30px;
}

#subcatlist_pikto .scat-wrap img {
    max-height: 50px;
}

#subcatlist_pikto a.scat-wrap { display: block; }
#subcatlist_pikto a.scat-wrap .xxcatpic-wrap,
#subcatlist_pikto a.scat-wrap .cat-title { display: block; }
#subcatlist_pikto a.scat-wrap-100 { display: block; }
#subcatlist_pikto a.scat-wrap-100 .xxcatpic-wrap,
#subcatlist_pikto a.scat-wrap-100 .cat-title { display: block; }

/* Per-language header logo (soutez microsite) */
.header-logo { padding: 15px 0; }
.header-logo img { max-height: 90px; width: auto; }
.header-logo-text { display: inline-block; padding: 10px 0; font-size: 32px; font-weight: 700; color: #16a0a0; }