/* Table of Contents - Nanocable
_________________________________________

- Typography
- General Content
- Header & Navigation
- Images & Media
- Footer
- Media Queries
_________________________________________*/


.interactive-slider-v2 {
    padding: 100px 0 50px 0;
    margin-top: 3%;
    background: url(../../img/public/bg_header.jpg) no-repeat;
}

.interactive-slider-v2:after {
    background: rgba(0, 0, 0, 0.22);
}

.bg_nosotros {background: url(../../img/public/cab-nosotros.jpg) no-repeat;}
.bg_catalogo {background: url(../../img/public/cab-catalogo-online.jpg) no-repeat;}
.bg_dondecomprar {background: url(../../img/public/cab-donde-comprar.jpg) no-repeat;}
.bg_contacto {background: url(../../img/public/cab-contacto.jpg) no-repeat;}
.bg_soporte {background: url(../../img/public/cab-soporte.jpg) no-repeat;}
.bg_noticias {background: url(../../img/public/cab-noticias.jpg) no-repeat;}
.bg_legal {background: url(../../img/public/cab-politicaprivacidad.jpg) no-repeat;}
.bg_buscar {background: url(../../img/public/cab-buscar.jpg) no-repeat;}

.footer-v1 .link-list li {
	border:none;
}

.footer a {
    color: #FFF;
}

.footer li {
	padding-bottom: 5px;
}

.well {
	background-color: #eff6fc;
	border: 1px solid #333;
}

.news-v1 .news-v1-in {
    background: #eff6fc;
    border: 1px;
    border-style: dotted;
    border-color: #dedff5;
}

.header-v6 .navbar-nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

.header-v6 .header-inner-right {
   margin-left: 10px;
}

.lista_productos_1 {
	background: transparent;
	text-align: center;
}


/* Typography
_________________________________________*/

/*
@font-face { font-family: arialuni; src: url(../fonts/arialuni.ttf); }
@font-face { font-family: heiti; src: url(../fonts/STHeitiSC-Light.otf); }
@font-face { font-family: gothic_ttf; src: url(../fonts/gothic.ttf); }
@font-face { font-family: simsun; src: url(../fonts/simsun.ttf); }
*/

/* General Content
_________________________________________*/
ul { list-style: outside none none; margin: 0; padding: 0; }
html { min-height: 100%; }
/*body { position: relative; font-family: 'Lato', sans-serif; font-size: 1.4em; min-height: 100%; padding: 0px }*/

/*.header,*/
.navbar-default { background-color: #000000 !important; }
.container_main { background-color: #ffffff; border-radius: 20px; padding: 0px; }
.space_up { margin-top: 60px; }
.space_down { margin-bottom: 20px; }
.no_margin { padding-left: 0px; padding-right: 0px; }
.space_up30 { margin-top: 30px; }
.space_up10 { margin-top: 10px; }
.space_down30 { margin-bottom: 30px; }
.space_down10 { margin-bottom: 10px; }

/*submenu_productos*/

.dropdown-menu li:hover > ul.dropdown-menu {
  display: block;
}
.dropdown-submenu {
  position:relative;
}
.dropdown-submenu>.dropdown-menu {
  top:0;
  left:100%;
  margin-top:-20px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
  text-decoration: underline;
  transform: rotate(90deg);
} 


/*Content*/
.padding0 { padding: 0px }
.title-product { color: #686868; font-size: 11px; text-decoration: none!important; line-height: 1.3; display: block; }
.title-product:hover { color: #3498db; }
.title-product h3:hover { color: #3498db; }

.panel-p { padding-bottom: 20px!important }
.heading-p { color: #434343!important }
.product-home { 
	min-height: 250px; position: relative; margin-bottom: 40px; 
	border: 1px dotted #dedff5;
	width: 30%;
	padding: 0px;
	margin: 10px;
	text-align: center;	
}


.boton_product_home {
    border-top: 1px dotted #dedff5;
    padding: 5px;
    margin-top: 5px;

}

.img_p { height: 180px; max-height: 180px }
.img_p img { margin-left: auto; margin-right: auto; display: block; height: 100%; width: auto }

/*Buttons*/
a.button-d { border: 1px solid #334899; border-radius: 40px; padding: 2px 10px; color: #0e4969; font-size: 0.8em; text-transform: none !important }
a.button:hover { color: white; background-color: #334899; text-decoration: none }
a.button { position: absolute; bottom: 0px; margin-bottom: 5px; right: 10px }

/* Header & Navigation
_________________________________________*/

.breadcrumbs {
	font-size: 12px; 
	text-align: right;
    margin-bottom: 20px;
	/*min-height:20px;*/
	/*margin-top:95px;*/
	/*background-color:#6CF;*/
}


/*Left menu*/
.left-nav .nav ul { list-style-type: none; background-color: #FFF;  /* color menu lateral desplegado */ width: 100%; padding-bottom: 5px; padding-top: 5px; }
div.left-nav { box-shadow: none; }
ul.left-nav li { display: block; color: #434343; width: 100%; padding-left: 5px;  	/*margen del menu lateral*/ box-shadow: 1px 1px 1px 1px #fff inset; margin-bottom: 10px;		
/* jn - margen entre item raiz menu lateral */ }

/*Left Submeniu*/
ul.left-nav > li > ul,
ul.left-nav > li:hover > ul { z-index: 9999!important; display: none; position: static; width: 101%; margin-left: -3px; }
ul.left-nav > li > ul li { border: 0px; box-shadow: none; padding-left: 35px;	/* jn - espacio submenu lateral */ margin-bottom: 0px;  /* jn - espacio vertical entre item submenu */ margin-top: 0px; }
.left-nav > li > a,
.left-nav > li > a:hover .left-nav > li { }
.parent_li { color: #434343!important }
ul.left-nav > li > ul li,
ul.left-nav > li > ul li a { }
ul.left-nav > li > ul > li > a { background-image: none; text-decoration: none; padding-left: 35px;  /* jn antes 5px */ color: #434343;		/* jn */ }
ul.left-nav li:last-child { border-bottom: 0px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
ul.left-nav li a { color: #000; font-weight: 500; font-size: 12px; padding: 4px; padding-left: 25px; margin-left: -3px; }
ul.left-nav li a.drop { background-image: url("/assets/img/public/drop.png"); background-position: 4px center; background-repeat: no-repeat; }
ul.left-nav li a.drop:hover { background-image: url("/assets/img/public/drop_hover.png"); }
ul.left-nav li a.drop:hover { background-color: #3366cc !important; color: white !important; }
ul.left-nav .parent_li a:hover { color: white; }
div.left-nav .panel-body { padding: 0px; }
div.left-nav .panel-heading { padding: 5px; text-transform: uppercase; font-size: 30px; color: #3366cc !important; border: none !important; background-color: white; }
/*  submenu negrita-fondo blanco
ul.left-nav > li > ul > li > a:hover{
	color:#134665  !important  ;
	background-color:#fff !important  ;
	font-weight:bold;
}
*/

/*Red de tiendas*/
.red_t { margin-bottom: 22px; }
.red_de_tiendas { padding: 10px; margin: 0px; }
.red_de_tiendas:hover { 
	background-color: #eff6fc!important; 
    /* border: 1px dotted #ccc; */
}
.red_de_tiendas:nth-child(odd) { 
	/*background-color:#F6F6F6;		*/
	background-color: #FFF; 
}

/*Tech blog*/
.article_list { padding: 10px; margin: 0px; display: table; margin-bottom: 10px; }
.article_list h3 { border-bottom: 1px solid #999; margin-bottom: 2px; }
.article_list:hover { background-color: #e3e3e3!important; }
.article_list:nth-child(odd) { background-color: #F6F6F6; }
.ver_article { float: right; position: static!important; right: auto!important; margin-top: 10px; }
.date { font-size: 12px; color: #ffffff; background-color: #333; padding: 5px; }
.row_sep { height: 10px; }

/*Manuales y controladores*/
.productos_item {
	padding: 10px; margin: 10px; 
	width: 48%;
	border: 1px dotted #dedff5;
}
/*.productos_item:hover { background-color: #e3e3e3!important; } */
/*.productos_item:nth-child(odd) { background-color: #F6F6F6; }*/
.ver_prod { float: left; position: static!important; right: auto!important; margin-top: 10px; }

/*Pagination*/
.easyPaginateNav .page,
.easyPaginateNav .first,
.easyPaginateNav .last,
.easyPaginateNav .next,
.easyPaginateNav .prev { float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.easyPaginateNav .current { color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; }

/*Language*/
.header-right { float: right }
.header-right span { font-size: 10px; text-transform: uppercase; color: #767575; margin-right: 10px }
.header-right .log-cuenta { margin-top: 10px }
.header-right .log-cuenta a { font-size: 10px; text-transform: uppercase; color: #272727; text-decoration: none; margin: 1px 15px }
.header-right .log-cuenta a:hover { color: #0052A8 }
.header-right .lang { background: url(/assets/img/public/spain.png) no-repeat 77% 50% #ffffff; width: 100px; border: 1px solid #d7d7d7; text-transform: uppercase; font-size: 11px; color: #a8a0a8 }
.header-right .lang .es { background: url(/assets/img/public/spain.png) no-repeat 85% 50% }
/* Images & Media
_________________________________________*/
img { max-width: 100% }


/* Footer
_________________________________________*/


/* Media Queries
_________________________________________*/
.product_filters li { 
	background-image: url("/assets/img/public/tree-midle.png"); background-repeat: no-repeat; height: 15px; padding-left: 12px; 
	/*font-family: arialuni; src: url(../../fonts/arialuni.ttf);*/
}
.product_filters li:last-child { background-image: url("/assets/img/public/tree-midle-last.png"); }
.product_filters a { font-size: 10px; /*font-family: Montserrat;*/ }
.product_field { margin-bottom: 15px; margin-left: 15px; }
.product_name { /*font-size: 20px !important*/ } 

.tab-content { margin-bottom: 15px; margin-top: 15px; }
.carousel-control { background-image: none !important }
.right_info { margin-top: 45px ; font-size: 1.1em;}
#map { height: 300px }
#map_pt { height: 300px }
footer { padding-bottom: 20px !important; padding-top: 20px !important; }
.languages { float: right !important; right: 0; }
select.language { background-color: transparent; border: 0 none; margin-top: 7px; padding-right: 9px; color: white }
select::-ms-expand {
 display: none;
}
.panel { border: 0 none !important; }
.title-product:hover { background-color: white !important }
.banner .button-d { background-color: #214179; color: white; display: block; float: left; margin-top: 10px !important; }
.easyPaginateNav { padding-top: 40px !important; width: 100% !important; display: flex; }
.easyPaginateNav .current { background-color: #0E3A58 !important; border-color: #0E3A58 !important; }
.sub-footer { background-color: black; color: white; font-size: 11px; padding-bottom: 10px; padding-top: 10px; }
.legal { text-align: right; }
.legal a { color: white; }
.producto { height: 250px }
.header-right > form { margin-top: 30px; }
.banner { margin-bottom: 15px; margin-top: 15px; }
.nr_results { display: block; margin-bottom: 25px; margin-top: 25px; }


/*h3 { margin-bottom: 25px !important } */
.left-nav { margin-bottom: 5px; }

#language option { background-color: #FFFFFF; color: black !important }
.banners img { float: left; margin-left: 2px; margin-right: 3%; width: 31%; }
.banners .last_banner { margin-right: 0px }

.left-nav .active { background-color: #3366cc; color: white; }
.left-nav .opened { background-color: #3366cc !important; color: white !important; }
.left-nav .opened:hover { color: black !important }
.left-nav .opened .active { background-color: #302C2D !important; }
.active-sub { background-color: #3366cc; }
.active-sub a { color: white !important; }
ul.left-nav ul li a { color: white; display: block; padding: 3px !important; }
ul.left-nav a:hover { background-color: #3366cc !important; color: white !important; }

#navbar ul li.languages ul { width: 120px !important; }

.filtros { margin-top: 30px; }
.filtros strong { text-transform: lowercase !important; }

.logo { height: 70px; }

table.soporte th { border-top: 0 !important; color: #0e3b58; padding: 5px; }
table.soporte { border-collapse: collapse; width: 100%; border: 1px solid white; }
table.soporte th,
td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; border-left: 1px solid white; }
table.soporte tr:hover { background-color: #f5f5f5 }

/*
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { width: 100%; }
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev { margin-left: -57px; }
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next { margin-right: -57px; }
*/

@media (max-width: 628px) {
.banners img { margin-left: 0px; }
.legal,
}

@media (max-width: 767px) {
.languages { float: none !important; margin-top: 24px; }
.languages li { float: left !important; }
.languages a { float: left !important; }
.languages > a { display: none !important }
.col { height: 217px !important; }
}



#myCarousel .carousel-control.left { 
	background-image: url("/assets/img/public/left.png") !important; background-position: 8px center; background-repeat: no-repeat; background-size: 23px auto; 
}
#myCarousel .carousel-control.right { background-image: url("/assets/img/public/right.png") !important; background-position: right center; background-repeat: no-repeat;
	background-size: 23px auto;
	margin-right: 10px;
}



.centrado { display: block; margin-left: auto; margin-right: auto; }
.policy { background-color: white; bottom: 0; position: fixed; width: 100%; border-top: 2px solid #1C3648; }
.policy .row { padding: 14px; text-align: center; }
.policy .row > a { background-color: #1C3648; border-radius: 5px; color: white; margin-left: 20px; padding: 5px; }
.container_nav { padding-bottom: 430px }


.jvectormap-container { height: 100%; width: 100%; }
.well_descatalogados { display: none; }
#paginator { float: left; text-align: center; width: 100%; }
#paginator .jp-current { background-color: #0E3A58 !important; border-color: #0E3A58 !important; }

#paginator .jp-next,
#paginator .jp-previous ,
#paginator .jp-first, 
#paginator .jp-last,
#paginator a { cursor:pointer; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
#paginator .current { color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; }




/* ribbons for product sales etc. */
.ribbon {
  position: absolute;
  top: 50px;
  padding-left: 51px;
  font-weight: 500;
  letter-spacing: 0.08em;
  font-size:1rem;
}
.ribbon .ribbon-background {
  position: absolute;
  top: 0;
  right: 0;
}
.ribbon .theribbon {
  position: relative;
  width: 150px;
  padding: 6px 20px 6px 20px;
  margin: 30px 10px 10px -71px;
  color: #fff;
  background-color: #467fbf;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.ribbon .theribbon:before,
.ribbon .theribbon:after {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
}
.ribbon .theribbon:after {
  left: 0px;
  top: 100%;
  border-width: 5px 10px;
  border-style: solid;
  border-color: #000000 #000000 transparent transparent;
}
.ribbon.sale {
  top: 0;
}
.ribbon.new {
  top: -30px;
}
.ribbon.new .theribbon {
  background-color: #5bc0de;
  text-shadow: 0px 1px 2px #bbb;
}
.ribbon.new .theribbon:after {
  border-color: #2390b0 #2390b0 transparent transparent;
}
.ribbon.old {
  top: -30px;
}
.ribbon.old .theribbon {
  background-color: #ef4b5a;
  text-shadow: 0px 1px 2px #bbb;
}
.ribbon.old .theribbon:after {
  border-color: #a5222f #a5222f transparent transparent;
}

.banner_catalog{
  background-image:url(../../../images/FONDO_CAT_Nanocable.jpg) ;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  height: 280px;
}
.banner_catalog2{
  background-image:url(../../..//images/HOME_BANNERS_rrss_fondo.jpg) ;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  height: 280px;
}

.text_banner{
  position: absolute;
  top: 45%;
  left: 30%;
  opacity: 1;
  color: white;
}

.zoom {
  transition: transform 1s;
}

.zoom:hover {
  -ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05); 
}

.slide_in_banner{
	transform: translateX(-200%);
	opacity: 0;
	animation: slide_in_anim_banner_r 1.5s ease-out forwards;
}
@keyframes slide_in_anim_banner_r {
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(-0%);
  }
}



@media only screen and (min-width: 100px) and (max-width: 400px) { 

  .margin_logos{
    margin-left: 8%
  }

  .banner_logo{
    height: 50%;
    opacity: 1;
    margin-top: 5%;
  }

  .banner_catalogo{
    height: 100%;
    opacity: 1;
    margin-left: 35%;
  }

  .banner_catalog{
    background-image:url(../../../images/FONDO_CAT_Nanocable.jpg) ;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 120px;
  }
  .banner_catalog2{
    background-image:url(../../..//images/HOME_BANNERS_rrss_fondo.jpg) ;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 120px;
  }

  .text_banner{
    position: absolute;
    top: 30%;
    left: 3%;
    opacity: 1;
    color: white;
    font-size: 12px;
  }
}

@media only screen and (min-width: 400px) and (max-width: 700px) { 

  .margin_logos{
    margin-left: 8%
  }

  .banner_logo{
    height: 50%;
    opacity: 1;
    margin-top: 5%;
  }

  .banner_catalogo{
    height: 100%;
    opacity: 1;
    margin-left: 50%;
  }

  .banner_catalog{
    background-image:url(../../../images/FONDO_CAT_Nanocable.jpg) ;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 120px;
  }
  .banner_catalog2{
    background-image:url(../../..//images/HOME_BANNERS_rrss_fondo.jpg) ;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 120px;
  }

  .text_banner{
    position: absolute;
    top: 30%;
    left: 3%;
    opacity: 1;
    color: white;
    font-size: 13px;
  }
}

@media only screen and (min-width: 700px) and (max-width: 1400px) { 

  .margin_logos{
    margin-left: 10%
  }

  .banner_logo{
    height: 50%;
    opacity: 1;
    margin-top: 4%;
  }

  .banner_catalogo{
    height: 100%;
    opacity: 1;
    margin-left: 55%;
  }

  .banner_catalog{
    background-image:url(../../../images/FONDO_CAT_Nanocable.jpg) ;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 200px;
  }
  .banner_catalog2{
    background-image:url(../../..//images/HOME_BANNERS_rrss_fondo.jpg) ;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 200px;
  }

  .text_banner{
    position: absolute;
    top: 30%;
    left: 20%;
    opacity: 1;
    color: white;
    font-size: 20px;
  }
}



@media (min-width: 1400px) { 

  .margin_logos{
    margin-left: 60%
  }

  .banner_logo{
    height: 50%;
    opacity: 1;
    margin-top: 3%;
  }

  .banner_catalogo{
    height: 100%;
    width:22%;
    margin-left:55%;
    opacity: 1;
  }
  .banner_catalog{
    background-image:url(../../../images/FONDO_CAT_Nanocable.jpg) ;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 250px;
  }
  .banner_catalog2{
    background-image:url(../../..//images/HOME_BANNERS_rrss_fondo.jpg) ;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 250px;
  }
}