/* indice=4*/
/* estilos directos CSS del usuario */
/* indice=104*/
footer {padding:3vw 0;background-color:#1c1c1c;color:#fff;}
footer h3 {font-size:1.8em;}
footer a {color:#fff;text-decoration: none;}
footer a:hover {color:#9bd172;text-decoration: none;}

#toTop {display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:100%;	background:url(/imgctrl/ui.totop.png) no-repeat left top;}
#toTopHover {background:url(/imgctrl/ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}

#notalegal {font-size: 0.7em;background-color: #255401;padding:5px 0px;text-align:center;}
#notalegal a {text-decoration: none;color:#000;}
#notalegal a:hover {color:#fff;}

#piemapa {padding-bottom:3vw;}
#piemapa h4 {color: #255401;font-size: 2.1em;font-weight: 300;padding-left: 15px;text-transform: uppercase;text-decoration: none;}
#piemapa li {color:#9bd172;}

#localizacion .idarbtitle {font-size: 2.1em;}
#localizacion {padding-bottom:3vw;}

#mapalocal .idarbtitle {font-size: 2.1em;}
#mapalocal .idarbfoto {border:2px solid#666;margin-top:15px;}
#mapalocal {padding-bottom:3vw;}
/* indice=105*/
body {font-family: 'Roboto Condensed', sans-serif;, calibri, sans-serif!important;color:#000;font-size: 1.6em;font-weight: 300;}
h1, h2, h3, h4, h5, h6 {text-transform: uppercase;color:#255401;margin-top:0px!important;}
h4 {color:#000;}
a {color:#255401;}
a:hover {color:#000;}
a:focus {color:#000;text-decoration: none;}
@screen (max-width: 480px) { h1 {font-size:24px}h2 {font-size:22px}h3 {font-size:20px}h4 {font-size:16px}h5 {font-size:14px}h6 {font-size:12px} }
@media (min-width: 481px) and (max-width: 800px) {h1 {font-size:24px}h2 {font-size:22px}h3 {font-size:20px}h4 {font-size:16px}h5 {font-size:14px}h6 {font-size:12px} }

.dropdown-menu {font-size: 1.13em!important;list-style: outside none none;text-align: left;}
/* header {background-color:#9c0c0d;position:fixed;width:100%;z-index:9999;transition: height 0.3s ease 0s;top:0;} */
header.smaller {position: fixed;top: 0;left: 0;}
.smaller #bot { position: absolute;  top: 0!important;  transform: translateY(0%)!important;right: 0;}

header {background-color: #255401;text-transform: uppercase;font-weight: 400;}
#logo{height:auto!important;}
#dondeestamos p {font-size: 1.2em;font-weight: 300;margin: 1vw 0 0;text-align: right;text-transform: none;float:right;}
#dondeestamos {color:#fff;}
#dondeestamos a {color:#fff;}
#dondeestamos a:hover {color:#000;}

.img-producto {padding:5px;}

@media (max-width: 480px) {
#dondeestamos p {font-size: 1.0em;}
}
/* indice=107*/
.fondogris {background-color:#111;}
#familias a {color:#fff;font-size:0.8em;text-transform: uppercase;}
#familias a:hover {color:#fff;background-color:#333!important;}
.nav > li > a {padding: 10px;}

.navbar {margin:0px!important;}
.nav > li > a:hover, .nav > li > a:focus {background-color:#204603!important;}
.navbar-toggle .icon-bar {background-color: #000;}
.navbar-toggle {background-color:#fff;}
#bot {display:table;float:none!important;margin:0px auto!important;}
ul {list-style:none;}


/* familias superior */

@media (min-width:800px){
.navbar-nav {display:table!important;float:none!important;margin:0 auto!important;}
}

.navbar-nav > li > a {padding-bottom: 10px!important;padding-top: 10px!important;}
#listsearch50 {padding:5px 20px 5px 5px ; width:70%;background:transparent;border:1px dotted #a4613a;margin-top:30px;}
#btnsearch {margin-left:-30px;line-height:1.5em;}



/* PIEMAPA */
#piemapa h3 {padding-bottom:20px;}
#piemapa ul li {margin:0px 15px;}
#piemapa ul ul {margin:0px;padding:0px}


/* menu familias */
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot');
src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon.woff') format('woff'),
url('../fonts/icomoon.ttf') format('truetype'),
url('../fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Common styles of menus */
.demo-3 {position:absolute;top:5px;left:5px;}
#menufamilias {width:300px;}
.dl-menuwrapper {width: 100%;max-width: 300px;float: left;position: relative;-webkit-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}
.dl-menuwrapper:first-child {margin-right: 100px;}
.dl-menuwrapper button {background: #ccc;border: none;width: 48px;height: 45px;text-indent: -900em;overflow: hidden;position: relative;cursor: pointer;outline: none;}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {background: #aaa;}
.dl-menuwrapper button:after {content: '';position: absolute;width: 68%;height: 5px;background: #fff;top: 10px;left: 16%;box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;}
.dl-menuwrapper ul {padding: 0;list-style: none;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.dl-menuwrapper li {position: relative;}
.dl-menuwrapper li a {display: block;position: relative;padding: 15px 20px;font-size: 16px;line-height: 20px;font-weight: 300;color: #fff;outline: none;}
.no-touch .dl-menuwrapper li a:hover {background: rgba(255,248,213,0.1);}
.dl-menuwrapper li.dl-back > a {padding-left: 30px;background: rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {position: absolute;top: 0;line-height: 50px;font-family: 'icomoon';speak: none;-webkit-font-smoothing: antialiased;content: "\e000";}
.dl-menuwrapper li.dl-back:after {left: 10px;color: rgba(212,204,198,0.3);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.dl-menuwrapper li > a:after {right: 10px;color: rgba(0,0,0,0.15);}
.dl-menuwrapper .dl-menu {margin: 5px 0 0 0;position: absolute;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {transition: all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);transform: translateY(0px);}
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {display: none;}
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {display: none;}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display: block;}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
position: absolute;
width: 100%;
top: 50px;
left: 0;
margin: 0;
}
.dl-menu.dl-animate-out-5 {
-webkit-animation: MenuAnimOut5 0.4s ease;
animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut5 {
0% { }
100% {
-webkit-transform: translateY(40%);
opacity: 0;
}
}

@keyframes MenuAnimOut5 {
0% { }
100% {
-webkit-transform: translateY(40%);
transform: translateY(40%);
opacity: 0;
}
}

.dl-menu.dl-animate-in-5 {
-webkit-animation: MenuAnimIn5 0.4s ease;
animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn5 {
0% {
-webkit-transform: translateY(40%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}

@keyframes MenuAnimIn5 {
0% {
-webkit-transform: translateY(40%);
transform: translateY(40%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
-webkit-animation: SubMenuAnimIn5 0.4s ease;
animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn5 {
0% {
-webkit-transform: translateZ(-200px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
opacity: 1;
}
}

@keyframes SubMenuAnimIn5 {
0% {
-webkit-transform: translateZ(-200px);
transform: translateZ(-200px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
-webkit-animation: SubMenuAnimOut5 0.4s ease;
animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
opacity: 0;
}
}

@-webkit-keyframes SubMenuAnimOut2 {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
opacity: 0;
}
}

@-webkit-keyframes SubMenuAnimOut3 {
0% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
}

@-webkit-keyframes SubMenuAnimOut4 {
0% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
}

@-webkit-keyframes SubMenuAnimOut5 {
0% {
-webkit-transform: translateZ(0);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-200px);
opacity: 0;
}
}

@keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
}

@keyframes SubMenuAnimOut2 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
}

@keyframes SubMenuAnimOut3 {
0% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
}

@keyframes SubMenuAnimOut4 {
0% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
}

@keyframes SubMenuAnimOut5 {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-200px);
transform: translateZ(-200px);
opacity: 0;
}
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {position: relative;opacity: 1;-webkit-transform: none;transform: none;}
.no-js .dl-menuwrapper li .dl-submenu {display: block;}
.no-js .dl-menuwrapper li.dl-back {display: none;}
.no-js .dl-menuwrapper li > a:not(:only-child) {background: rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after {content: '';}
/* Demo 3 */
.demo-3 .dl-menuwrapper button {background: #000;}
.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {background: #000;}

#familiaShop .nav > li > a {}
@media (min-width:750px) {
#familiaShop .nav > li {float:left;font-size:0.9em;text-align:center;}
}
@media (min-width:1024px) {
#familiaShop .nav > li {font-size:1.1em;}
}
@media (min-width:1250px) {
#familiaShop .nav > li {font-size:1.1em;}
}

/* indice=106*/
aside.parallax-0 {background-image: url("/images/bodyhome.jpg");background-position: center;background-color: #111;}
#homebanner {color:#fff;padding: 5vw 0 6vw;text-align: center;}
.bannerhome {color:#fff;text-shadow: 3px 3px #000;font-size: 4.6em;text-transform: uppercase;display:table;margin:0px auto;}
.bannertexto {font-size: 2.0em;text-shadow: 1px 1px #000;text-transform: uppercase;display:table;margin:0px auto;}

#grupo {background-color:#222;}
#imghome {background: url("images/img-home2025.jpg");background-position: center;background-repeat: no-repeat;background-color:#222;float:right;padding:20px 0px;}
#textohome {color:#fff;}
#textohome h1 {color:#3b7c0a;text-shadow: 1px 1px #000;padding-top:3vw;margin: 0 3vw;}
#textohome .idarbdet {padding-bottom:3vw;margin: 0 3vw;}

aside.bodyproductos {background-color:#eee;padding:3vw 0;}
.rotuloproductos {font-size: 1.3em;padding-left:15px;text-transform: uppercase;font-weight: bold;}
#productos .groupstit {background-color:#323232;}
#famnav {}
.shpfot {border:1px dotted #ccc;}
.fileshop {margin:2vw 0;}
.fileshop .shptitle {display:block;float:left;}
.fileshop h3 {font-size:1.4em;margin-top:5px;text-transform: uppercase;color:#fff;}
.shpmas {font-size:1.0em;margin-top:15px;text-transform: uppercase;}
.shpmas a {background-color:#619539;color:#fff;text-decoration:none;padding:3px 15px;}
.shpmas a:hover {background-color:#000;}

#noticiashome {margin:40px 0px;}
.groupstit {background-color:#619539;padding:15px;color:#fff;margin-bottom:20px;}
#noticiashome a {color:#fff;text-decoration: none;}
#noticiashome .groupstit:hover {background-color:#333;}
#noticiashome h5 {font-size: 1.3em;}
#noticiashome .rotulo {font-size: 2.3em;padding:30px 15px;}

h1 {font-size:2em; }
@media (max-width: 950px) {
h1{font-size:1.5em; }
.bannerhome {font-size: 2em;}
.bannertexto {font-size: 1.5em;}
}
@media (max-width: 480px) {
.bannertexto {font-size: 1.2em;}
}