/*** 2.1 LOGO, BANNER Y USER-IDIOMA ***/
.head{float:right;width:74px;margin-top:10px;}
.languages{float:right;text-align: right;width:25%;position:relative;min-width:100px;z-index:1;}
.register-name{cursor:pointer;transition:.7s;line-height:0;width:100%;float:right;}
.register-name:hover{transition:.7s;}
.register-name p{margin:0;}
.register-name p em{font-size:24px;float:right;}
.register-name p span{float:right;margin:12px 5px 0 0;}
.no-registered{margin-top:12px;}

/*** 2.4 ALERTA PEDIDO ABIERTO ***/
.alerta-pedido{cursor:pointer;color:#fff;position:absolute;right:5px;top:0;font-size:18px !important;}
.moviment-alerta{transform:rotateZ(30deg);animation:moviment-alerta 2s infinite;animation-direction:lineal;}
.marca-pedidos-abiertos{border-radius:10px;background:#D42323;color:#fff;padding:2px 7px;position:absolute;right:6px;top:6px;font-size:10px;}
@keyframes moviment-alerta{0%{transform: rotateZ(0deg);}5%{transform: rotateZ(30deg);}10%{transform: rotateZ(0deg);}15%{transform: rotate(-30deg);}20%{transform: rotateZ(0deg);}25%{transform: rotateZ(30deg);}30%{transform: rotateZ(0deg);}35%{transform: rotateZ(-30deg);}40%{transform: rotateZ(0deg);}100%{transform: rotateZ(0deg);}}

/*** 2.5 BREADCUMBS ***/
.page-title-container {margin: 0 auto;padding: 20px 2.5%;float:left;width:100%;background: #f8f8f8;text-align: left;-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;box-shadow: 0 5px 15px 0 rgba(0,0,0,.05) inset, 0 -5px 15px 0 rgba(0,0,0,.05) inset;}
.page-title-container em {font-size: 40px;}

.breadcumbs{font-size:20px;padding:5px 0 0 12px;font-weight:700;float:left;width:80%;}
.breadcumbs a{transition:.5s;}
.breadcumbs a:hover{transition:.5s;text-decoration:underline;}

/*** BOTON DE LOGIN ***/
.login-toggle{margin-top:40px;height:44px;max-height:44px;max-width:45px;min-width:45px;border:0;cursor:pointer;transition:.5s;position:relative;float:right;bottom:0;right:0;}
.login-toggle i,.login-toggle em{font-size:30px;color:#fff;}

/*** BOTO MENU MOBIL ***/
.navbar-toggle {position:relative;cursor:pointer;float:left;padding:12px 9px;margin-top:41px;border:1px solid transparent;display:none;}
.navbar-toggle:focus {outline:0;}
.navbar-toggle .icon-bar {display:block;width:24px;height:3px;border-radius:1px;background:#fff;}
.navbar-toggle .icon-bar+.icon-bar {margin-top:4px}

.search-toggle{border:0 !important;}

/*** MENU PRINCIPAL ***/

.container,.languages{width:100%;}
.header-flags{position:absolute;top:5px;right:5px;}
#drop-flags{position:absolute;right:5px;top:5px;}
.icon-breadcumbs, .icon-breadcumbs em{float:left;}

/* .nav */
.nav {padding-left:0;margin:0 auto;width:830px;display:block;list-style:none;}
.nav .open > a { background: #e9e9e9;color: #5d5d5d; transition:.5s;}
.nav .open > a:hover, .nav .open > a:focus {color: #fff; transition:.5s;}
.nav>li {position:relative;display:block;}
.nav>li>a {position:relative;display:block;padding:10px 15px;}
.nav>li>a:focus, .nav>li>a:hover {text-decoration:none;background-color:#e9e9e9;}
.nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before{display:table;content:" ";}
.nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after{clear:both;}

/* .navbar */
.navbar {margin:0;background:#fdfdfd !important;border:0;position:fixed;float:left;width:100%;z-index:1;padding:0 2.5%;}

/* ul.navbar-nav */
ul.navbar-nav {font-size: 14px;color: #888;text-transform: uppercase;}
ul.navbar-nav li a { padding: 23px 20px; background: #fdfdfd;font-weight:bold;color: #5d5d5d;text-align:center;transition:.5s;}
ul.navbar-nav li.active a {color: #fff !important;transition:.5s; }
ul.navbar-nav li a:hover, ul.navbar-nav li a:focus {color: #fff !important; outline: 0;transition:.5s; }
ul.navbar-nav li a em { line-height: 35px;font-size:20px; }
ul.navbar-nav li a:hover em, ul.navbar-nav li a:focus em, ul.navbar-nav li.active a em, ul.navbar-nav li.active a em { color: #fff; }
ul.navbar-nav li .dropdown-menu a { padding-top: 10px; padding-bottom: 10px;position:relative;color:#5d5d5d !important;}
ul.navbar-nav li.active .dropdown-menu a { background: #fff; color: #5d5d5d;transition:.5s;}
ul.navbar-nav li.active .dropdown-menu a:hover, ul.navbar-nav li.active .dropdown-menu a:focus {color: #fff;transition:.5s;}
ul.navbar-nav li.active .dropdown-menu a:hover .moviment-alerta, ul.navbar-nav li.active .dropdown-menu a:focus .moviment-alerta{color:#fff !important;}
ul.navbar-nav li.active .dropdown-menu > .active > a { background: #f8f8f8;transition:.5s;}
ul.navbar-nav li.active .dropdown-menu > .active > a:hover, ul.navbar-nav li.active .dropdown-menu > .active > a:focus { transition:.5s;color: #fff; }



/* .dropdown-menu */
.dropdown-menu {position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;margin:0;text-align:left;list-style:none;background-color:#fff;-moz-box-shadow: 0 6px 10px rgba(0, 0, 0, .15);-webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15);box-shadow: 0 6px 10px rgba(0, 0, 0, .15);}
.dropdown-menu > .active > a { background: #fff; color: #5d5d5d;transition:.5s; }
.dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background: #f8f8f8;transition:.5s;}
.dropdown-menu>li>a {display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap;text-align:left !important;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color:#262626;text-decoration:none;background-color:#fff !important;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {color:#fff;text-decoration:none;background-color:#337ab7;outline:0;}
.open>.dropdown-menu {display:block;}
.open>a {outline:0;}

.social-icon-page-box{float:right;margin-top:3px;}
.social-icon-page-link{font-size:24px;background:none;padding:0 5px;transition:.5s;}
.social-icon-page-link em{font-size:24px;}
.social-icon-page-link:hover{transition:.5s;}


.collapse {display:none;}
.collapse.in {display:block;box-shadow: 0 3px 5px #888;}

.caret {display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent;}
.active .caret{border-top:4px dashed #fff !important;}
.open a .caret{border-top:4px dashed #fff !important;}

#google_translate_element{position:absolute;top: 50px;right: 20px;}
.pequeno #google_translate_element{top:30px;}

.navbar-header{padding-top:15px;}

.navbar-header .logo{max-height:75px;}



.search-cleaner{color:#fff;}

#drop-flags_msdd{width:65px !important;}
#drop-flags_msdd .ddlabel{display:none;}

.skiptranslate iframe{display:none;}

.welcome-customer{margin-top:20px;font-size:20px;float:left;width:100%;}

.options-catalogue{width:100%;float:left;margin-bottom:10px;position:relative;}

.select-num-prod{margin:0 5px 0 0;}
#drop-numproducts_msdd {width: 100%!important;line-height: 36px;border-radius: 0;margin-top: -9px;}
#drop-numproducts_msdd #drop-numproducts_child {margin-top: 17px;}
#drop-numproducts_msdd .ddTitle {color: #fff;background: 0 0;height:42px !important;}
#drop-numproducts_msdd .ddTitle .ddArrow {border-top: 5px solid #fff;}
#drop-numproducts_child {min-height: 215px;}



/** HEADER FIXE **/
.fixed-header{width:100%;position:fixed;top:0;height:105px;z-index:300;}
.page-title-container{margin-top:100px;}

.pequeno{height:65px !important;transition:.5s;box-shadow: 0 3px 5px #888;}
.pequeno .navbar-header{padding-top:5px;transition:.5s;}
.pequeno .navbar-header .logo{max-height:55px;transition:.5s;}
.pequeno ul.navbar-nav li a{padding:4.5px 20px;transition:.5s;}
.pequeno .welcome-customer{display:none;transition:.5s;}
.pequeno .head{margin-top:5px;transition:.5s;}
.pequeno .no-registered{margin:0;}
.pequeno .navbar-toggle, .pequeno .login-toggle{margin-top:19px;border-radius:0;}


.header-flags{margin-top:40px !important;margin-right:30px !important;}

@media screen and (max-width:1280px){
	.pequeno #drop-flags_msdd{display:none;}
	.pequeno .login-toggle{width:69px;height:69px;max-height:69px;max-width:69px;}
	.pequeno .login-toggle em{font-size:48px;}
}

@media screen and (max-width:1000px){
	.header-flags{margin-top:0 !important;margin-right:10px !important;}
}

@media screen and (max-width:979px){
	.pequeno{height: 46px !important;}
	.pequeno .navbar-header{padding:0;}
	.pequeno .navbar-header .logo{max-height:39px;width:140px !important;margin-left:calc(50% - 125px);margin-top:2px;}
	.pequeno .navbar-toggle, .pequeno .login-toggle{max-height:45px;height:45px;max-width:45px;width:45px;margin-top:0px;}
	.pequeno .login-toggle em{font-size:30px;}
	
	#google_translate_element{position:absolute;top: 10px;right: 10px;}
	
	.left-container{margin:0;height:0;}
}
/** ********** **/


@media (min-width:979px) {
    
	
	
	
	.navbar-header {float:left;}
    
	.navbar-collapse {width:calc(100% - 315px);float:left;border-top:0;-webkit-box-shadow:none;box-shadow:none;}
    .navbar-collapse.collapse {display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;}
    .navbar-collapse.in {overflow-y:visible;}
    
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {padding-right:0;padding-left:0;}
    .navbar-static-top {border-radius:0;}
    .navbar-fixed-bottom, .navbar-fixed-top {border-radius:0;}
	
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left:-15px;}
    .navbar-nav>li {float:left;}
    .navbar-nav>li>a {padding-top:15px;padding-bottom:15px;}
	
	.breadcumbs{padding:7px 0 0 12px;}
	
}


@media screen and (max-width:979px){
	
	#top-navbar-1{margin-top:100px;float: left;width: 100%;}
	
	.navbar{padding:0;}

	.navbar-toggle {display:block;}
	
	.navbar-header .logo{margin-left:calc(50% - 138.5px);width:275px !important;}
	
	.page-title-container{padding:20px 1%;}
	
	.breadcumbs{width:calc(100% - 50px);padding:7px 0 0 12px;}
	
	.left-container{margin:0;}
	
	.login-toggle{float:right;}
	
	.nav > li{float:left;width:100%;}
	ul.navbar-nav{width:100%;float:left;margin:0;}
	ul.navbar-nav li a{padding:10px !important;text-align:left !important;float:left;width:100%}
	ul.navbar-nav li a em{float:left;margin-right:15px;}
	.navbar-nav .open .dropdown-menu {position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none;}
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding:5px 15px 5px 25px;}
    .navbar-nav .open .dropdown-menu>li>a {padding-left:50px !important;line-height:20px;}
    .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover {background-image:none;}
	.clear{clear:none !important;}
	.text-main-menu{float:left;margin-top:10px;margin-right:10px;}
	.caret{float:left;margin-top:15px;}
	#drop-flags_msdd{max-width:66px;}
	
	
	.box-container{margin-top:20px;}
	.menu-mobile{margin:15px 0;}
	
	.left-container{margin:0;height:0;}
	
	.navbar-header .logo{margin:0 calc(50% - 150px) !important;width:187.5px !important;max-height:75px !important;}
	.pequeno .navbar-header .logo{margin:0 calc(50% - 101.25px) !important;width:112.5px !important;max-height:45px !important;}
	
}

@media screen and (max-width:600px){
	.breadcumbs{font-size:14px;}
	.page-title-container em{font-size:30px;}
	.page-title-container{padding:10px 1%;}
	
	.select-num-prod{margin:0 5px 0 0 !important;width:100px !important;}
	
	
	.navbar-header .logo{margin:0 calc(50% - 150px) !important;width:187.5px !important;max-height:75px !important;}
	.pequeno .navbar-header .logo{margin:0 calc(50% - 101.25px) !important;width:112.5px !important;max-height:45px !important;}
}