@charset "UTF-8";
/*
 * SARDINE V1
 * Header: estilos para la cabecera.
 */

/*
 * 
 * Top note
 * Top_info: slogan, contacto, tlf, ayuda
 * Main_header: logo, top menu, search, menu fixed
 * Auxiliar
 * Header_1: estilos para head_1
 * Header_2: estilos para head_2
 * Header_3: estilos para head_3
 * Header_4: estilos para head_4
 * Header_5: estilos para head_5
 * 
 */

/* GLOBAL FIXEDS
**********************************************************/


body.header_1 .ajax_cart_product_txt,body.header_1 .ajax_cart_product_txt_s,
body.header_2 .ajax_cart_product_txt,body.header_2 .ajax_cart_product_txt_s,
body.header_3 .ajax_cart_product_txt,body.header_3 .ajax_cart_product_txt_s,
body.header_4 .ajax_cart_product_txt,body.header_4 .ajax_cart_product_txt_s,
body.header_5 .ajax_cart_product_txt,body.header_5 .ajax_cart_product_txt_s {
	display: none !important;
}
#center_column {
  	margin-top: 30px;
    min-height: 90vh;
}
#index #center_column {
  	margin-top: 0;
}

/*.home3 .home-slider, .home4 .home-slider {
    margin-top: -40px;
}*/

/*Top note
*********************************************************/
.top-note{
	padding: 5px;
	color:#ffffff;
	background-color:#EB7F00;
	z-index: 9
}
.top-note .container{
}
.top-note p{
	padding:0;
	margin:0
}

/* Top info
*********************************************************/
.top_info{
	line-height: 32px;
	font-size: 12px
}
.slogan{
	font-size: 14px
}

.top_info .slogan{
	font-style:italic;
}
.top_info a{
	font-size: 0.90em;
}
.top_info ul.languajes li a{
	display: block
}
.help_info{
	text-transform:uppercase;
}
ul.languajes{
	margin:0 0 0 20px;
	display:block;
}
ul.languajes li.selected span{
	margin:0;
	display:block;
}
 ul.languajes li{
	padding:0 10px;
	float:left;
	text-transform:uppercase;
}


/* Main header
*********************************************************/
.main_header{
	padding-top:15px;
	padding-bottom:15px
}
.main_header .container{
	color:#333333;
	background-color:;
	border:;
}
.top-menu{
	margin: 0;
	text-align:center;
}
.top-menu .navbar-default {
   background-color: transparent;
	margin:0 auto;
}
.navbar-collapse ul{
	list-style:none;
	padding:0;
	margin:0 auto;
	display:inline;
}
.top-menu .navbar-default li a {
	display:inline-block;
	padding:12px 7px;
	margin:0 5px;
}
.top-menu .navbar-default .drop-container a {
	padding-top:5px;
	padding-bottom:5px;
}
.submenu-trevenque {
    min-width: 100% !important;
    padding: 20px 30px;
    width: 100% !important;
}
.btn-info.btn-buscador{
	border:0;
}

.btn-buscador {
    margin-left: -43px;
}

div.drop-container{
	background: #ffffff;
	background-repeat: no-repeat
}



@media (max-width: 767px) {
    .top-menu .navbar-default .navbar-toggle{
        float:left;     
    }
    .top-menu{
        margin-top: 9px;
    }
	.main_header {
	    padding-bottom: 0;
	    padding-top:0
	}
	.top_info {
	    height: 25px;
	    line-height: 25px;
	    margin: 0;
	    overflow: hidden;
	    padding: 0 15px;
	    position: absolute;
	    top: 0;
	    width: 100%;
	    z-index: 5;
		background-color:#dadada;
	}
	.top-menu {
        position: absolute;
		top: 25px;
        width: 100%;
        margin: 0px;
        z-index: 40;
		padding:10px 15px;
    }
	
	.search-box {
    	background-color: #999999;
    	margin-top: 75px;
	}
	.navbar-trevenque {
    	min-height: 0 !important
	}
	.navbar-brand {
		height:auto !important;
		float:none;
		display: inline-block
	}
	.form-buscador input.form-control {
    	height: 34px !important;
		margin:5px 0
	}
	.search-box {
    	background-color: #999999;
    	margin-top: 91px;
		padding-top: 0;
	}
	body.header_2 .search-box {
    	margin-top: 93px;
	}
	.navbar-brand img {
    max-height: 50px;
    width: auto !important
	}
	.top-menu .navbar-default .navbar-toggle {
		margin-top: 5px
	}
	.cesta-responsive, .user-responsive {
	    margin-top: 5px;
	}
}

/*Auxilar
*********************************************************/
.auxnav {
	z-index:5;
	line-height: 32px;
}
.breadcrumb{
    background-color: transparent;
    border-radius: 0px;
    overflow: hidden;
	font-weight:400;
	font-style:italic;
	font-size: 0.9em
}
.breadcrumb a:after {
    content:"\f105";
	font-family: FontAwesome;
	padding: 0 0 0 5px !important;
	margin: 0 5px 0 0!important;
	font-weight:400;
}

.breadcrumb > li {
    display: inline;
}

.breadcrumb > li:last-child a:after {
	content:none;
}

.user_cart a {
	text-transform:uppercase;
}
.user_cart .mini-cart {
	position:relative;
}
.user_cart .mini-cart-box {
    padding: 15px;
    width: 500px;
}
.user_cart ul.dropdown-menu i{
	font-size:12px;
	padding-right: 4px;
}
.user_cart a{
	font-size:10px !important;
}
.user_cart .dropdown-menu > li > a i {
    font-size: 14px
}

.cantidad-mobile {
    border-radius: 50%;
    left: -10px;
    padding: 4px 6px;
    position: absolute;
    top: -4px;
}
.user_cart #mini_cart_block a.btn-addtocart {
    font-weight: bold;
}
.user_cart #mini_cart_block a.btn-addtocart i{
    margin-right: 10px
}
.remove_link{
	padding: 4px 0 0
}
#mini-cart{
	position:relative;
}
#mini_cart_block i{
	font-size: 18px;
}
.ajax_cart_quantity{
    border: 2px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    font-size: 0.7em;
    left: -11px;
    padding: 1px 5px;
    position: absolute;
    top: -20px;
}
/*
 * **************************************
 * Header_1: estilos para la cabecera.
 * **************************************
 */

body.header_1 .top-menu{
	text-align:center;
}
body.header_1 .top-menu .navbar-default li a {
	margin:0 5px;
}

body.header_1 .input-buscador {
	width:50% !important
}

body.header_1 .search-box {
	padding-top: 22px;
}
body.header_1 .user_cart{
	padding-top:26px;
}
body.header_1 .user_cart i{
	font-size:25px
}

@media (max-width: 767px) {
	body.header_1 .top-menu{
		margin: 0;
	}
	body.header_1 .input-buscador {
	width:96% !important
	}
	body.header_1 .search-box {
	padding: 5px 0;
	}
}

/*
 * **************************************
 * Header_2: estilos para la cabecera.
 * **************************************
 */

body.header_2 .logo{
	text-align: center;
	margin:0 auto;
}

body.header_2 .logo .img-responsive{
	margin:0 auto;
	max-height: 80px;
	display:inline-block !important;
}
body.header_2 .top_info{
	border:0;
	background:transparent;
    line-height: 24px;
}
body.header_2 .slogan{
	text-align:right;
	margin-bottom:5px;
}
body.header_2 .top-menu{
	text-align:center;
}
body.header_2 .top-menu .navbar-default li ul.dropdown-menu a {
	padding:0 10px !important;
	margin:0;
	border-right:0;
}
body.header_2 .form-buscador input.form-control {
	width:99%
}
body.header_2 .search-box {
	padding-top: 22px;
}
body.header_2 .user_cart{
	padding-top:3px;
	padding-left:75px;
}
body.header_2 .user_cart i{
	font-size:25px
}
body.header_2 .ajax_cart_quantity{
    line-height: 1.42857;
}
body.header_2 .user_cart ul.dropdown-menu i{
	font-size:12px;
}


@media (max-width: 1061px) {
	body.header_2 .user_cart{
	padding-left: 25px
	}
}

@media (max-width: 886px) {
	body.header_2 .form-buscador input.form-control {
		width:90%
	}
}
@media (max-width: 767px) {

	body.header_2 .top_info {
    margin-top: 0;
	}
	body.header_2 .contac_top{
		position:absolute;
		top:0;
		left:15px
	}
	 body.header_2 .top-menu {
		top: 25px;
        margin: 0px;
    }
	body.header_2 .top-menu.fixed{
		top:0
	}
	body.header_2 .search-box {
		padding: 5px 0;
	}
	body.header_2 .input-buscador {
	width:96% !important
	}
}

/*
 * **************************************
 * Header_3: estilos para la cabecera.
 * **************************************
 */

body.header_3 .top-menu{
	 padding-top: 13px;
}
body.header_3 .top-menu.fixed .navbar{
	float:none !important
}
body.header_3 .search-box{
	padding: 22px 0 0 0;
}
body.header_3 .input-buscador{
	width:96%
}
body.header_3 .user_cart{
	padding-top:3px;
	padding-left: 75px
}
body.header_3 .user_cart i{
	font-size:20px
}
body.header_3 .ajax_cart_quantity{
    left: -9px;
    line-height: 1.42857;
    top: -17px;
}
@media (max-width: 1061px) {
	body.header_3 .user_cart{
	padding-left: 25px
	}
}
/*@media only screen and (min-width : 768px) and (max-width : 845px) {

	#header_3 #up-menu li {
	    padding: 0 2px !important;

	}
}*/
@media (max-width: 767px) {
	body.header_3 .top-menu.fixed{
		top:0
	}
	body.header_3 .navbar {
    	float: left !important;
		width:100% 
	}
	body.header_3 .search-box {
	    margin-top: 95px;
	    padding: 5px 0 !important;
	    text-align: left;
	}
}

/*
 * **************************************
 * Header_4: estilos para la cabecera.
 * **************************************
 */

body.header_4 .navbar {
    margin-bottom: 0px;
    min-height: 0;
}

body.header_4 .top-menu .navbar-default li a {
	display:block;
}
body.header_4 .top-menu .navbar-default li a:hover {
	background-color:transparent;
}

/*body.header_4 .top-menu .navbar-default li.loaded a.first:after {
	content:"\f105";
	font-family: FontAwesome;
	padding: 0 0 0 10px !important;
	margin: 0 !important;
	font-weight:400;
	float:right;
}*/

body.header_4 .top-menu .navbar-default li.havechilds a:first-child:after{
	content: "\f105";
	font-family: FontAwesome;
	padding: 0 0 0 10px !important;
	margin: 0 !important;
	font-weight: 400;
	float: right;
}

body.header_4 .top-menu .navbar-default li.havechilds .drop-container a:first-child:after{
		content: "" !important
	}
	

body.header_4 .burguer,body.header_4 .search-box,body.header_4 .user_cart{
	padding-top: 20px
}

body.header_4 .user_cart i{
	font-size:25px
}
body.header_4 .user_cart .dropdown-menu i{
	font-size:15px
}
body.header_4 .ajax_cart_quantity {
    left: -7px;
    top: -15px;
}
body.header_4  button.navbar-toggle{
	padding:0;
	float:left;
}

body.header_4 .burguer .navbar-toggle {
    display: block;
}

body.header_4  button.navbar-toggle i{
	font-size:40px;
}

body.header_4  button.navbar-toggle span{
	display:none
}

body.header_4  div.drop-container {
	-webkit-box-shadow:  10px 0 15px -12px rgba(0, 0, 0, 1) inset;
	-moz-box-shadow:  10px 0 15px -12px rgba(0, 0, 0, 1) inset;
	box-shadow: 10px 0 15px -12px rgba(0, 0, 0, 1) inset;
	padding:0 0 30px 0 !important;
}
/*body.header_4 div.drop-container .a2,
body.header_4 div.drop-container .a3, 
body.header_4 div.drop-container .a4, 
body.header_4 div.drop-container .a5, 
body.header_4 div.drop-container .a6, 
body.header_4 div.drop-container .a7, 
body.header_4 div.drop-container .a8, 
body.header_4 div.drop-container .a9, 
body.header_4 div.drop-container .a10, 
body.header_4 div.drop-container .a11, 
body.header_4 div.drop-container .a12{
    padding: 0 !important
}*/
body.header_4 .category-title{
	padding:5px 20px 0;
	font-size:1.2em
}
body.header_4 .category-item ul{
	padding:10px 20px
}
body.header_4 .category-item ul li{
}



body.header_4 .top-menu.fixed{
	background: transparent;
	border: 0;
}

/*Añadido por elías*/

body.header_4{
     padding-left:300px;
     padding-top:144px;
  -webkit-transition-timing-function: ease;
         -o-transition-timing-function: ease;
            transition-timing-function: ease;
    -webkit-transition-duration: .35s;
         -o-transition-duration: .35s;
            transition-duration: .35s;
    -webkit-transition-property: padding;
         -o-transition-property: padding;
            transition-property: padding;
}
body.header_4 .main_header{
    min-height: 110px;
}
body.header_4.menu-collapsed {
     padding-left:0px;
}
body.header_4 > header{
	position:fixed;
	z-index:1000;
	left:0px;
	right:0px;
	top:0px;
}

.menu-layout-4 .dropdown-open{
			display:block;
}
.menu-layout-4 ul.main{
    position: fixed;
    left:0px;
    top:142px;
    bottom:0px;
    width:350px;
    z-index:1002;
   	/*background-color:rgba(255, 255, 255, 1);*/
	-webkit-box-shadow: 3px 3px 8px -1px rgba(0, 0, 0, 0.55);
	-moz-box-shadow:3px 3px 8px -1px rgba(0, 0, 0, 0.55);
	box-shadow: 3px 3px 8px -1px rgba(0, 0, 0, 0.55);

  }

.menu-layout-4 ul.main.collapsed{
    width:0px;
    overflow:hidden;
  }
.menu-layout-4 ul.main > li{
    float:none;
    display: block;
    min-height: 1px;
    padding: 10px 15px;
    float: none;
  }
.menu-layout-4 ul.sub{
    z-index:1001;
    left:350px;
    top:0px;
}

body.header_4 #tmegamenu li.toggle a {
    float: right;
    color: #fff !important;
	font-size: 14px;
}
/*body.header_4 .top-menu .navbar-default ul li a {
    padding: 0 10px;
}*/
body.header_4 #tmegamenu li.toggle span {
	position: relative;
   /* padding-left: 15px;*/
}
body.header_4 #tmegamenu li.toggle span::before{
    content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    bottom: -35px;
    color: #231f47;
    font-size: 32px;
    left:0
}


/* nuevo ancho */

@media (min-width: 768px) {
	/*.menu-layout-4 ul.main {
	    width: 250px;
	}*/
	.menu-layout-4 ul.sub {
	    left: 250px;
	}
	.menu-layout-4 ul.sub {
	    max-width: 950px;
	    width: 950px;
	}
	
	.menu-layout-4 div.drop-container{
		max-width: 90% !important;
	}
	.menu-layout-4 .drop-container img{
		max-width: 90%;
		height:auto
	}
	
	.menu-layout-4 ul.main {
	    width: 250px;
	}
	body.header_4 {
    padding-left: 250px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
	.menu-layout-4 ul.sub {
	    max-width: 850px;
	    width: 850px;
	}
	.menu-layout-4 div.drop-container{
		max-width: 70% !important;
	}
	
}

/* ipad vertical todas las cabeceras*/

@media only screen and (min-width : 768px) and (max-width : 768px) {
	body.header_1 .search-box,body.header_1 .user_cart {
	    padding-top:12px
	}
	
	body.header_3 .search-box {
	    padding: 13px;
	}
	body.header_4 .navbar-header {
		display: none;
	}
	body.header_4 .search-box {
	    margin-top: 10px !important
	}
	body.header_4 button.navbar-toggle i {
	    font-size: 40px !important
	}
	body.header_4 .burguer {
	    padding-top: 20px;
	}
	body.header_5 .search-box {
	    margin-top: 0 !important
	}
	body.header_5 .search-box {
	    width: 64%;
	    padding-top: 19px !important;
	}
	body.header_5 .search-box form{
	    width: 45%;
	}
	body.header_5 .top-menu {
    	top: 0 !important;
	}
	body.header_5 .slogan {
	   display: none
	}
}

@media (max-width: 768px) {
	body.header_4{
	padding-top:0px;
	}
	body.header_4 > header{
	    position:static;
	}
	body.header_4 .navbar-toggle {
	     display: none;
	}

   .menu-layout-4 ul.main{
	top:0px;
   }
   .menu-layout-4 .offcanvas{
       display:block;
   }

  .menu-layout-4 div.drop-container .a2,
  .menu-layout-4 div.drop-container .a3, 
  .menu-layout-4 div.drop-container .a4, 
  .menu-layout-4 div.drop-container .a5, 
  .menu-layout-4 div.drop-container .a6, 
  .menu-layout-4 div.drop-container .a7, 
  .menu-layout-4 div.drop-container .a8, 
  .menu-layout-4 div.drop-container .a9, 
  .menu-layout-4 div.drop-container .a10, 
  .menu-layout-4 div.drop-container .a11, 
  .menu-layout-4 div.drop-container .a12{
      padding:5px 5px;
      float:none;
      width:100%;
  }
  .menu-layout-4 div.drop-container {
      width: 300px;
      overflow-y:auto;
      height:100%; 
  }
  .menu-layout-4 .offcanvas{
    display:block;
    
  }
  .menu-layout-4 ul.sub{
    left:50px;
  }
  .menu-layout-4 ul.main .toggle{
    display:block; 
  } 
  body.header_4  div.drop-container {
	-webkit-box-shadow:  0 inset;
	-moz-box-shadow:  0 inset;
	box-shadow:  0 inset;
	-webkit-box-shadow: -10px 0px 11px -7px rgba(0,0,0,0.75);
	-moz-box-shadow: -10px 0px 11px -7px rgba(0,0,0,0.75);
	box-shadow: -10px 0px 11px -7px rgba(0,0,0,0.75);
  }
	  body.header_4 button.navbar-toggle i {
	    font-size: 14px;
	}
	body.header_4 .navbar-toggle {
	     display: block;
	}
	body.header_4 .search-box {
    margin-top: 95px;
     padding: 5px 0;
	}
	body.header_4 .input-buscador{
	width:97%;
	}
	
	.header_4 .fixed .navbar {
	background:transparent !important
	}
	body.header_4  div.drop-container {
		padding: 10px 15px !important;
	}
	body.header_4 ul.main .toggle a  {
	   margin-bottom: 5px
	}

	body.header_4 .category-title {
	    padding: 0;
	}
	.top-menu .navbar-default li a {
	    padding: 0px 10px;
	}

}



/*
 * **************************************
 * Header_5: estilos para la cabecera.
 * **************************************
 */

body.header_5 .main_menu {
	text-align:center;
	position:relative;
}
body.header_5 .navbar {
	text-align:center !important
}

body.header_5 .slogan{
	margin-top:29px;
	font-style:italic;
	font-size:1.2em
}

body.header_5 .logo .img-responsive{
	margin:0 auto;
	max-height: 80px;
	display:inline-block !important;
}
body.header_5 .user_cart i {
    font-size: 25px;
}
/*body.header_5 #searchbox{
	float: left
}*/
body.header_5 .search-box{
	padding-top: 25px;
}
body.header_5 .btn-buscador i{
	font-size:14px
}
body.header_5 .btn-buscador i{
	margin-left: 0;
 }
body.header_5 .user_cart{
	float:right;
	margin-top:5px
}

body.header_5 .input-buscador {
    width: 40%;
}

body.header_5 .auxnav{
	text-align:center;
	border-bottom:0;
}
body.header_5 .breadcrumb{
	line-height: 4.5em;
}
body.header_5 .dropdown-menu {
    left: auto;
}
@media (max-width: 768px) {

	body.header_5 .top_info, body.header_5 .top_info .container {
		color:#ffffff;
	}
	body.header_5 .slogan {
	    position:absolute;
		top:0;
		right:15px;
		margin:0
	}
	body.header_5 .top-menu {
	    top: -119px;
		width: 94%;
	}

	body.header_5 .search-box {
    	margin-top: 91px;
		padding: 5px 0;
	}
	body.header_5 .input-buscador {
	    width: 97%;
	}
}

@media (max-width: 441px) {
	body.header_5 .top-menu {
	    top: -156px;
	}
}
@media (min-width: 253px) and (max-width: 441px){
	body.header_5 .top-menu {
	    top: -122px;
	}
}
body.header_1 .top-link-login,
body.header_2 .top-link-login,
body.header_3 .top-link-login,
body.header_4 .top-link-login,
body.header_5 .top-link-login {
    font-size: 10px;
    height: 15px;
	width: auto;
    display: inline-block;
    line-height: 12px;
}
body.header_1 .top-link-login,
body.header_4 .top-link-login,
body.header_5 .top-link-login{
	width: 108px;
	margin-left: 5px
}
body.header_1 .top-link-login:first-child,
body.header_4 .user_cart li:first-child{
	margin-left: 30px
}
body.header_4 .user_cart ul.dropdown-menu li:first-child{
	margin-left: 0
}

@media (max-width: 990px) {
	body.header_1 .top-link-login:first-child,body.header_4 .user_cart li:first-child{
		margin-left: 0
	}
}

body.header_1 .user_cart i,
body.header_2 .user_cart i,
body.header_3 .user_cart i,
body.header_4 .user_cart i,
body.header_5 .user_cart i {
    font-size: 20px;
    display: inline-block;
   /* float: left;*/
    margin-right: 5px;
}

.ajax_cart_block_remove_link i{
	margin-left: 5px;
	margin-right: 0
}

.mini-cart .ajax_cart_total{
	font-size: 14px
}
body.header_1 .ajax_cart_quantity, body.header_2 .ajax_cart_quantity,
body.header_3 .ajax_cart_quantity, body.header_4 .ajax_cart_quantity, 
body.header_5 .ajax_cart_quantity{
    /*left: -16px;*/
   left: 12px;
  /*  padding: 0px;*/
    top: -16px;
    font-size: 0.8em;
    /*height: 22px;
    width: 22px;*/
    text-align: center;
   /* line-height: 16px;*/
}


@media (max-width: 768px) { 
	/*.top-menu .navbar-default li a {
	    display:block;
	}*/
	/*body.header_1 .top-menu .navbar-default li.havechilds a:first-child:after,
	body.header_2 .top-menu .navbar-default li.havechilds a:first-child:after,
	body.header_3 .top-menu .navbar-default li.havechilds a:first-child:after,
	body.header_4 .top-menu .navbar-default li.havechilds a:first-child:after,
	body.header_5 .top-menu .navbar-default li.havechilds a:first-child:after*/
	.top-menu .navbar-default li.havechilds a:first-child:after{
		content: "\f105";
		font-family: FontAwesome;
		padding: 0 0 0 10px !important;
		margin: 0 !important;
		font-weight: 400;
		float: right;
	}
	
	.top-menu .navbar-default li.havechilds .drop-container a:first-child:after{
		content: "";
	}
	
	ul.main li.toggle {
	    padding-left: 28px;
	}
	

	.top-menu .navbar-default li a {
    display: block !important;
    }
	ul.main .toggle {
    	display: block;
	}
	#tmegamenu li.toggle span {
		position: relative;
	}
	#tmegamenu li.toggle a {
	    float: right;
	}
	.top-menu .navbar-default ul li a {
	    padding: 0 10px;
	}
	.drop-container .toggle i{
		float: right
	}
	body.header_1 #tmegamenu li.toggle span::before,
	body.header_2 #tmegamenu li.toggle span::before, 
	body.header_3 #tmegamenu li.toggle span::before, 
	body.header_4 #tmegamenu li.toggle span::before, 
	body.header_5 #tmegamenu li.toggle span::before {
	    content: "\f0d7";
	    font-family: FontAwesome;
	    position: absolute;
	    bottom: -35px;
	    color: #231f47;
	    font-size: 32px;
	    left: 0;
	}
	body.header_1 div.drop-container,
	body.header_2 div.drop-container,
	body.header_3 div.drop-container,
	body.header_4 div.drop-container,
	body.header_5 div.drop-container {
	    padding: 0 !important;
	    max-width: 90%;
	}
	div.drop-container .a2,
	div.drop-container .a3,
	div.drop-container .a4,
	div.drop-container .a5,
	div.drop-container .a6,
	div.drop-container .a7,
	div.drop-container .a8,
	div.drop-container .a9, 
	div.drop-container .a10,
	div.drop-container .a11,
	div.drop-container .a12 {
    	padding: 5px 10px !important;
	}
	
}