
.categoryBox{
	background-color:#fff;
	border: 0px solid #000;
	padding-top:20px;
}

.configuratorBox{
	background-color:#ebebeb;
	border: 2px solid #000;
	padding: 0px;
	margin: 0px;
	width:100%;
	display:inline-block;
	float:left;
}

.productConfiguratorBox{
	background-color:#ebebeb;
	border: 2px solid #000;
	padding: 10px;
	margin: 0px;
	margin-bottom:10px;
}

.productPhotoConfiguratorBox{
	border: 2px solid #000;
	padding: 10px;
	margin-bottom:10px;
}

.configuratorMenu{
	background-color:#464646;
//	height:50px;
}

.productBox, .productTable{
	padding: 0px;
	margin: 0px; 
	width: 100%;
	display:inline-block;
	float:left;
}

.boxCategory{
	height:300px;
	margin-bottom:20px;
	background-color:#fff;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}

.categoryPhoto{
	width:100%;
	height:230px;
	background-color:#ccc;
	margin:0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
}

.productPhoto{
//	width:100%;
//	height:400px;
	background-color:#fff;
	margin:0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80% auto;
}

a.categoryLink{
	color:#888;
}

a.categoryLink:hover{
	opacity:0.75;
}

.boxCategory:hover{
	border: 2px solid #ccc;
}

.categoryStrap a{
	color:#888;
}

.categoryStrap{
	padding-bottom:10px;
	padding-top:10px;
}

.conBox{
	background-color:#fff;
	padding-bottom: 15px;
}

.footer{
	background-color:#e0e0e0;
	padding-bottom: 15px;
	padding-top: 15px;
    min-width: 1170px !important;
}

.footerBox{
	color:#fff;
	padding-bottom: 10px;
	padding-top:10px;
}

.topElement{
	margin-top:15px;
	margin-bottom:15px;
	width:1145px;
}

.menuElementLi{
	font-weight:bold;font-size:14px;color:#000;margin-top:4px;display:block;
}

.menuElementLi:hover{
	color:white;
}


.menuElement{
	height:62px;
	border: 1px solid #000;
	background-color: rgb(50, 50, 50);
	color: #fff;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.75);
	width:1145px;
}

.menuElement a{
	text-decoration: none;
}

.menuEle{
	color:#fff;
	padding:20px;
	padding-left:30px;
	padding-right:30px;
	border-right: 1px solid #fff;
	display: inline-block;
	background-color: #7d7d7d;
	-webkit-box-shadow: inset 5px 0px 12px 1px rgba(50, 50, 50, 0.49);
	-moz-box-shadow:    inset 5px 0px 12px 1px rgba(50, 50, 50, 0.49);
	box-shadow:         inset 5px 0px 12px 1px rgba(50, 50, 50, 0.49);
}

.menuEle.last{
	padding: 20px 35px;
	border-right: 1px solid #7d7d7d;
}

.menuEle:hover{
	-webkit-box-shadow: inset 0px -7px 0px 0px #8dc63f;
	-moz-box-shadow:    inset 0px -7px 0px 0px #8dc63f;
	box-shadow:         inset 0px -7px 0px 0px #8dc63f;
}

.configuratorMenuElement{
	color:#fff;
	padding:15px;
	padding-left:7px;
	padding-right:7px;
//	border-right: 1px solid #fff;
	display: block;
	-webkit-box-shadow: inset 5px 0px 12px 1px #555;
	-moz-box-shadow:    inset 5px 0px 12px 1px #555;
	box-shadow:         inset 5px 0px 12px 1px #555;
	text-transform: uppercase;
	cursor:pointer;
	font-size:14px;
}

.configuratorMenuElement:hover{
	-webkit-box-shadow: inset 0px -3px 0px 0px #8dc63f;
	-moz-box-shadow:    inset 0px -3px 0px 0px #8dc63f;
	box-shadow:         inset 0px -3px 0px 0px #8dc63f;
}

.configuratorMenuElement.active{
	-webkit-box-shadow: inset 0px -3px 0px 0px #f26522;
	-moz-box-shadow:    inset 0px -3px 0px 0px #f26522;
	box-shadow:         inset 0px -3px 0px 0px #f26522;
}

.configuratorMenuElementZR{
	float:right;
}

.configuratorDiv{
//	padding:10px;    padding-left: 10px;    background: #eee;    padding-right: 10px;
}
h4{    margin-top: 0px;    margin-bottom: 10px;    padding-top: 10px;}.configuratorDivElement{	padding-bottom:10px;}
.aFiltrBodyType, .aFiltrBody2Type, .aFiltrFront2Type {	cursor: pointer;    background: #eee;    padding: 5px;    margin: 3px;    border-radius: 5px;    border: 1px solid;    display: inline-block;}.aFiltrBodyType.selected,.aFiltrBody2Type.selected{	background:orange;	color:#fff;}
.menuEleActive{
	-webkit-box-shadow: inset 0px -7px 0px 0px #f26522;
	-moz-box-shadow:    inset 0px -7px 0px 0px #f26522;
	box-shadow:         inset 0px -7px 0px 0px #f26522;
}
.textFooter{
	color:#fff;
	padding:10px;
	padding-top:20px;
	font-size:16px;
}

.footerText, .footerText a{
	color:#000;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: normal;
    color: #555;
    background: none repeat scroll 0% 0% rgb(81 218 102);
    border: 1px solid rgb(85, 85, 85);
}

.tr12 tr:nth-child(odd){
	background-color:#ccc;
}

.tr12 tr:nth-child(even){
	background-color:#ddd;
}

.tr12 td{
	padding:5px;
	padding-left:10px;
	padding-right:10px;
}

.elementItem{
	background-color:#ccc;
	padding-bottom:5px;
	height:180px;
	width:25%;
	display: inline-block;
	margin-bottom:3px;
	cursor:pointer;
	border: 3px solid #ddd;
	float:left;
}

.elementItem:hover{
	border: 3px solid #8dc63f;
}

.elementItem.activ{
	border: 3px solid #f26522;
}

.elementItemBody, .elementItemBody1, .elementItemFront{
	width:16.666%;
	height:140px;
}

.top1{
	margin-top:30px;
	color:#000;
	text-shadow: 1px 0px 5px #fff;
	font-weight: 900;
	font-size:50px;
}

.top2{
	color:#000;
	text-shadow: 1px 0px 5px #fff;
	font-weight: 600;
}

.topbutton{
	color:#fff;
	border:2px solid #000;
	padding:15px;
	background-color: #f19a53;
	font-size:16px;
	font-weight:bold;
}

.topbutton:hover{
	color:#fff;
	text-decoration:none;
}

.box1{
	position:absolute;
	width: 260px;
	height: 315px;
	background: #fff url('/public/images/top_gr.jpg') no-repeat right bottom;
	border: 1px solid #a08268;
	top:25px;
	right:10px;
	padding:15px;
}

.box1 h3{
	margin:0px;
	font-weight:900;
}

.box1 p{
	margin-top:10px;
}

.box2{
	position:absolute;
	width: 435px;
	height: 220px;
	background: #0a0907 url('/public/images/top_og.jpg') no-repeat right bottom;
	top:360px;
	right:10px;
	padding:15px;
}

.box2 h3{
	margin:0px;
	font-weight:900;
	color:#0a0907;
}

.box2 p{
	margin-top:10px;
	color:#0a0907;
	width: 250px;
}

.textMain{
	margin-top:20px;
	font-size:18px;
}

.boxOffer{
	border-radius:5px;
	border:1px solid #eaeaea;
	width:300px;
	height:395px;
	display:inline-block;
	margin:10px;
	margin-top:30px;
	cursor:pointer;
}

.boxOffer h3{
	padding:20px;
	padding-left:30px;
	padding-right:30px;
}

.boxOffer p{
	padding-left:30px;
	padding-right:30px;
}

.boxOfferIcon{
	width:60px;
	height:60px;
	background-color:#ffa540;
	border:5px solid #fff;
	border-radius:40px;
	position:absolute;
	top:0px;
	left:160px;
}

#contactLeft{	
	position:fixed;
	top:100px;
	background-color:#3f3f3f;
	color:#fff;
	width:240px;
	z-index:9999;
	left:-180px;
	border-bottom: 3px solid #fff;
}

.contactLeftInfo, .contactLeftButton{
	display:inline-block;
	float:left;
}

.contactLeftInfo{
	padding:20px;
	width: 180px;
}

.contactLeftButton{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: tb-rl;
	text-align:center;
	width: 30px;
	height: 70px;
	font-size: 22px;
}

.contactLeftInfo a,.contactLeftInfo a:hover{
	color:#fff;
}







#newsletterLeft{	
	position:fixed;
	top:270px;
	background-color:green;
	color:#fff;
	width:290px;
	z-index:9999;
	left:-230px;
	border-bottom: 3px solid #fff;
}

.newsletterLeftInfo, .newsletterLeftButton{
	display:inline-block;
	float:left;
}

.newsletterLeftInfo{
	padding:20px;
	width: 230px;
}

.newsletterLeftButton{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    writing-mode: tb-rl;
	text-align:center;
	width: 45px;
	height: 70px;
	font-size: 32px;
}

.newsletterLeftInfo a,.newsletterLeftInfo a:hover{
	color:#fff;
}

.newsletterLeftInfo input{
	color:#000;
	display:inline-block;
	max-width:140px;
}




.menuTop {	padding-right: 0px; z-index: 9999 !important;}

.menuTop a{
	color: #000;
	padding-left:15px;
	padding-right:15px;
	font-weight:bold;
}

.menuTopOp{
//	background-color:#fff;
//	opacity:0.85;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;
}

.vcenter {
    padding-top:5px;
}

.formError{
	color:red;
}

.shopinfoButton{
	background-color: #a2ef95;
	color: #000;
	border-radius:0px;
	border:1px solid #8e8e8e;
	width:100%;
	
}

.shopinfoBox{	
	z-index:9999 !important;
	border:2px solid #000;
	width:100%;
	background-color: #ebebeb;
	margin: 0;
	margin-top:3px;
	border-radius:5px;
}

.shopinfoBox table{
	margin-top:4px;
	margin-bottom:4px;
}

.shopinfoList{
	position:absolute;
	width:500px;
	border:1px solid #000;
	background-color: #ffffff;
	border-radius:0px;
	z-index:9999 !important;
	right:0px;
	top:47px;
	padding:5px;
	display:none;
	max-height:300px;
	overflow-y:scroll;
	overflow-x:hidden;
}

#shopInfo{
	margin-left:10px;
}

.errorConf{
	color:red;
	font-weight:900;
	font-size:16px;
	background-color:#eee;
	border-radius:5px;
	padding:3px;
}

.priceConf, .amountConf, .addConf{
	display:inline-block;
	padding:10px;
	color:#000;
	font-weight:900;
	font-size:20px;
	background-color:#abf5a5;
	border-radius:0px;
}

.shopinfoListTable{
	width:100%; 
	padding: 15px;
}

.shopinfoListTable td{
	padding:5px;
}

.shopinfoListTable tr:nth-child(odd) {
    background: #ccc;
}

.shopinfoListTable tr:nth-child(even) {
    background: #ddd;
} 

.buttonSendOrder, .buttonSendOrder:hover{
	font-weight:900;
	font-size:20px;
	background-color:#da7227;
	border-radius:5px;
	color:#000;
	padding:20px;
	margin:20px;
	border:2px solid #000;
}

.buttonSendOrder2, .buttonSendOrder2:hover{
	font-weight:900;
	font-size:20px;
	background-color:#da7227;
	border-radius:5px;
	color:#000;
	padding:10px;
	border:2px solid #000;
}

.standardSize{
	color:#000;
	padding:5px;
	border:1px solid #ccc;    
	line-height: 2.5;
}

.marginBottomConfig{
	padding-top:10px !important;
	padding-bottom:10px !important;
}

.filtrbodytype, .filtrfronttype, .filtrfront2type, .filtrhandlestype{
	color:#000;padding:10px;margin:5px;
}

.selectFiltrBodyType{
	background-color: #9BC335;
	padding: 5px;
	margin-left: 10px;
}

.elementItemRim,.elementItemRim2{
	text-align:center;
	padding:5px;
	height: 60px;
}

.tableProduct{
	width:100%;
}
.tableProduct td{
	padding:5px;
}
.tableProduct tr{
	border-bottom:1px solid #ddd;
}

.noElement{
 border: 3px solid #eee;
}

.activElement{
 border: 3px solid #f26522;
}

.autocomplete-suggestions{
	background-color:#fff;
	border:1px solid #2AABD2;
	border-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	padding: 6px 12px;
	max-height: 230px !important;
	height:auto;
	overflow-x: auto;
	margin-top:2px;
}

.autocomplete-suggestion{
	background-color:#fff;
	border: 1px solid #000;;
	border-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	padding: 6px 12px;
	margin-bottom:3px;
	cursor:pointer;
}

.autocomplete-suggestion:hover{
	border:1px solid #2AABD2;
}

.shopProductPosition{    	position: fixed;    top: 0;	right:0px;    z-index: 1000;    background-color: #fff;    padding: 5px;    border-bottom: 2px solid #000;    border-right: 2px solid #000;    border-left: 2px solid #000;}


#nextBox{
    padding-right: 25px;
    padding-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
}

.container {
   max-width: 1200px;
   margin: 0 auto;
   clear: both;
   padding: 0 15px;
}
 
.carousel {
   padding: 10px 0;
   text-align: center;
}
 
.owl-controls {
   margin-top: 60px;
}
 
.carousel-item {
   width: 100%;
}
 
.carousel-item img {
   width: 100%;
   cursor: move;
}
    
.carousel-item:hover .carousel-hover {
   opacity: 1;
}
    
.carousel-item:hover h3 {
   transform: translateX(0%);
   transform: translateY(0%);
   transform: translateZ(0%);
}
    
.carousel-item:hover p {
   transform: translateX(0%);
   transform: translateY(0%);
   transform: translateZ(0%);
}
 
.carousel-hover {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   text-align: center;
   transition: 0.2s all;
   overflow: hidden;
   background-color: rgba(0, 155, 0, 0.7);
   opacity: 0;
}
 
.carousel-hover-inner {
   position: absolute;
   width: 100%;
   top: 50%;
   transform: translateY(-50%);
}
 
.carousel-hover-inner  h3 {
   font-size: 24px;
   color: #fff;
   transform: translateX(0%);
   transform: translateY(-400%);
   transform: translateZ(0%);
   transition: 0.4s all;
}
    
.carousel-hover-inner  p {
   color: #fff;
   margin-bottom: 20px;
   transform: translateX(0%);
   transform: translateY(-400%);
   transform: translateZ(0%);
   transition: 0.4s all;
}

a10 {
    text-decoration: none;
    display: inline-block;
    width: 330px;
    height: 228px;
    opacity: 1;
    transform: scale(1,1);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}
a10:hover {
    opacity: .7;
    transform: scale(1.05,1.07);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    -webkit-transform: scale(1.05,1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.05,1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    position: relative;
    z-index: 99;
}

img#fotografia:hover{
opacity : 0.70;
filter : alpha(opacity=70);
}
