@charset "utf-8";

/* GENERAL */
*									{ margin:0; border:0; padding:0; outline:none; text-decoration:none; word-break:break-strict; }
body, html 							{ height: 100%; }
img									{ max-width:100%; }
body								{ font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; line-height:1em; position:relative; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:hover, a:focus					{ text-decoration:none; outline:none; }
a									{ outline:none !important; }

/* ESTRUCTURA */
.ionix								{ width:100%; max-width:1920px; min-width:320px; height:auto; position:relative; margin:0 auto;}
.generalMax							{ width:100%; max-width:1920px; height:auto; position:relative; margin:0 auto;}
.general							{ width:90%; max-width:1440px; min-width:300px; height:auto; position:relative; margin:0 auto; }
.generalMin							{ width:90%; max-width:1000px; min-width:300px; height:auto; position:relative; margin:0 auto; }
.allion								{ width:100%; height:auto; position:relative; }
.minAllion							{ width:100%; height:auto; position:relative; }

.navbar-header 						{ height:120px; }
.navbar-brand 						{ padding:0 40px 0 0 ; height:auto; }
.navbar								{ margin:0; background-color:transparent; border:none; }
.navbar-nav > li > a 				{ height:120px; padding:17px 20px 0 !important; margin:0 !important;}
.navbar-nav > li > a i				{ color:#362602; font-size:60px; }
.navbar-nav > li > a span			{ color:#362602; font-size:16px; display:block; }
.navbar-nav > li > a:hover i,
.navbar-nav > li > a:hover span		{ color:#bf0411; }
.navbar-nav > .active > a			{ background-color:transparent !important; }
.navbar-nav > .active > a i,
.navbar-nav > .active > a span		{ color:#bf0411; }
.navbar-nav > li > a.btContcta		{ background-color:#bf0411; height:auto; padding:10px 20px !important; margin-top:25px !important; color:#fff !important; font-size:16px; }


.contBackieSupe 					{ position:relative; z-index:100; height:160px; }
.backieSup 							{ position:absolute; bottom:0; left:0; }
.proDestacado 						{ position:absolute; bottom:50px; right:8%; width:34%; }


#wowslider-container1 .ws-title		{ position:absolute; top:30%; left:20%; margin-right:10em; z-index:50; color:#fff; padding:0; opacity:1; }
#wowslider-container1 .ws-title div,
#wowslider-container1 .ws-title span{ display:inline-block; }
#wowslider-container1 .ws-title div { display:block; margin-top:20px; font-size: 22px; line-height: 1em; text-shadow: 2px 2px 5px #000000 !important;  color:#362602; max-width:37%; font-family: 'Montserrat', sans-serif; font-weight:400; }
#wowslider-container1 .ws-title span{ font-size: 120px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 1px 1px 8px rgb(0, 0, 0, 0.8) !important; font-weight:700; max-width:60%; line-height:0.7em; }
#wowslider-container1 .ws-title p 	{ margin-top:20px; }

#wowslider-container1 .ws_images:first-child div { color:#fff; }



.tabAll								{ width:100%; height:100%; display:table; position:relative; }
.tab								{ width:100%; display:table; position:relative; }
.tabIn								{ display:table-cell; vertical-align:middle; position:relative; }
.tab5								{ display:table-cell; width:5%; vertical-align:middle; position:relative; }
.tab20								{ display:table-cell; width:20%; vertical-align:middle; position:relative; }
.tab25								{ display:table-cell; width:25%; vertical-align:middle; position:relative; }
.tab30								{ display:table-cell; width:30%; vertical-align:middle; position:relative; }
.tab50								{ display:table-cell; width:50%; vertical-align:middle; position:relative; }
.tab70								{ display:table-cell; width:70%; vertical-align:middle; position:relative; }
.tab80								{ display:table-cell; width:80%; vertical-align:middle; position:relative; }

.tab65								{ display:table-cell; width:65%; vertical-align:middle; position:relative; }
.tab35								{ display:table-cell; width:35%; vertical-align:middle; position:relative; }



.optimizationProdDest 				{ position:relative; top:-60px; }

.optCats 							{ background:url(../../img/icons/aRight2.png) right center no-repeat; width:100%; }
.optCats:hover 						{ background-color:#df8406; color:#FFF; }
.optCats.selleis 					{ background-color:#df8406; color:#FFF; }
.bBS1 								{ border-bottom:solid 1px #fff; padding-bottom:20px;  }
.txtDest1 							{ position:absolute; top:40px; left:50px; }
.icoDest1 							{ position:absolute; top:10px; right:10px; }
.icoDest2 							{ position:absolute; bottom:10px; right:10px; }


.fibraFOrte 						{ position:absolute; max-width:90%; left:-10%; bottom:-10%; z-index:0; }

.h400R 								{ height:400px; }
.h300R 								{ height:300px; }

.hCats 								{ position:absolute; top:0; z-index:10; background:url(../../img/icons/shadow.png); opacity: 0; filter: alpha(opacity=0); /* For IE8 and earlier */ }

.production:hover .hCats 			{ opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ }


.superEsp2 							{ margin:-20% 0 auto !important; position:relative; bottom:-100px; }


.artPressOn 						{ }
.artPressOn .artPress 				{ opacity: 0; filter: alpha(opacity=0); }
.artPressOn:hover .artPress 		{ opacity: 1; filter: alpha(opacity=100); }


.navGood							{ margin:0 auto; }
.navGood .nav						{ border:0; width:100%; }
.navGood .nav-tabs					{ border:0; }
.navGood .nav-tabs li				{ border:0; width:33.33%; background-color:#eee; text-align:center; border-radius:0 !important; border:solid 1px #ccc !important; }
.navGood .nav-tabs li.active		{ border:0; border-radius:0 !important; }
.navGood .nav-tabs li.active a		{ border:0; color:#adc44d; font-weight:bold; border-radius:0 !important; }
.navGood .nav-tabs li a				{ border:0; color:#333;  border-radius:0 !important;}
.navGood .nav-tabs li a:hover		{ border:0; color:#adc44d; background-color:#eee; border-radius:0 !important; }
.navGood .nav-tabs li.active a:hover{ border:0; color:#adc44d; background-color:#fff;  border-radius:0 !important;}


/* TRANSFORM */

.navbar-nav *, .bHRojo, .optCats, .production .hCats, .artPressOn *
{
	-webkit-transition: all 350ms ease-in;
	-moz-transition: all 350ms ease-in;
	-ms-transition: all 350ms ease-in;
	-o-transition: all 350ms ease-in;
	transition: all 350ms ease-in;
}


/* .modal-fullscreen */

.modal-fullscreen {
  background: transparent;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #eee;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}


.icon-catalogo:before{
    background-image:url(../../../resources/img/icons/icon-catalogo.png);
}
.ionTestion   				{
	max-width:300px;
	position:relative;
	background-image:url(../../../resources/img/important/singular.png);
	background-size:cover;
}
.ionTestion .mod1 			{ width:30%; height:30%; top:0; left:0; position:absolute; background-color:#b20c14;  }
.ionTestion .mod2 			{ width:20%; height:20%; top:0; left:30%; position:absolute; background-color:#4da6b6;  }
.ionTestion .mod3 			{ width:20%; height:20%; top:0; left:50%; position:absolute; background-color:#744F94;  }
.ionTestion .mod4 			{ width:30%; height:30%; top:0; left:70%; position:absolute; background-color:#E4B031;  }

.ionTestion .mod5 			{ width:30%; height:30%; bottom:0; left:0; position:absolute; background-color:#E4B031;  }
.ionTestion .mod6 			{ width:20%; height:20%; bottom:0; left:30%; position:absolute; background-color:#744F94;  }
.ionTestion .mod7 			{ width:20%; height:20%; bottom:0; left:50%; position:absolute; background-color:#4da6b6;  }
.ionTestion .mod8 			{ width:30%; height:30%; bottom:0; left:70%; position:absolute; background-color:#b20c14;  }

.ionTestion .mod9 			{ width:20%; height:20%; top:30%; left:0; position:absolute; background-color:#c92682;  }
.ionTestion .mod10 			{ width:20%; height:20%; top:50%; left:0; position:absolute; background-color:#666;  }
.ionTestion .mod11 			{ width:20%; height:20%; top:30%; right:0; position:absolute; background-color:#666;  }
.ionTestion .mod12 			{ width:20%; height:20%; top:50%; right:0; position:absolute; background-color:#c92682;  }

.mod1,.mod2,.mod3,.mod4,.mod5,.mod6,.mod7,.mod8,.mod9,.mod10,.mod11,.mod12
{
	background-color:transparent !important; z-index:500 !important;
}




.formater strong 			{ font-size:16px; color:#362602; }
.formater ul 				{ margin-left:30px; }
.formater ul li				{ margin-bottom:5px; }