@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);
@font-face {
	font-family: 'social';
	src:url('fonts/social.eot?epsm5');
	src:url('fonts/social.eot?epsm5#iefix') format('embedded-opentype'),
		url('fonts/social.ttf?epsm5') format('truetype'),
		url('fonts/social.woff?epsm5') format('woff'),
		url('fonts/social.svg?epsm5#social') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { margin:0; padding:0; width:100%; height:100%; background: #F9F9F9; font-family: Roboto, sans-serif; font-size: 12px;  }
div#wrapper{
	margin:0 auto;
	width:1010px;
	background-color:#FFFFFF;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(171,171,171,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(171,171,171,0.1);
	box-shadow: 0px 0px 10px 0px rgba(171,171,171,0.1);
}
/*table{ margin-left:auto; margin-right:auto;}*/
.titulo_indice{font-size: 20px; color: #000; padding-right:33px }
.titulo{font-size: 18px; color: #747475; font-weight: bold; }
.indice{font-size: 30px; color: #FFFFFF; font-weight: bold; }
#titulos {font-size: 20px; color: #000; font-weight: bold; background-color:#F3F3F4; width:990px; padding-left:20px;}
.naranja{  font-size: 16px; color: #ff6601; font-weight: bold;  }
.naranjagr{  font-size: 30px; color: #ff6601; font-weight: bold;  }
a:link, a:visited {  color: #000000; font-size: 12px;}
a:hover {  color: #ff6601; font-size: 12px; text-decoration: none; }
#Layer1 {position:absolute; left:578px; top:23px; width:224px; height:25px; z-index:1; }
.busctittabla { color: #FFFFFF; font-size: 12px; font-weight: bold; }
.buscbold { color: #000000; font-size: 13px; font-weight: bold; padding:0 2px;}
.buscword { color: #ff6601; font-size: 13px; font-weight: bold; }
.busctext { color: #000000; font-size: 12px; font-weight:normal; padding-left:10px; }
a.p:link, a.p:visited, a.p:active {color: #ff6601; text-decoration: none; font-size: 13px; font-weight: bold;  padding: 0 2px;}
a.p:hover {color: #ff6600; text-decoration: none; font-size: 13px; font-weight: bold;}
a.m:link, a.m:visited, a.m:active {color: #4d4d4d; text-decoration: none; font-size: 13px; }
a.m:hover {color: #ff6600; text-decoration: none; font-size: 13px; }
.txtbox { width:123px; color: #333333; font-size: 11px; border: none; background-color: #FFFFFF; height:20px;}
.sombra {-webkit-box-shadow: 2px 2px 5px #999;
		 -moz-box-shadow: 2px 2px 5px #999;
		 filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=5); 	}
.send{ width:23px; height:20px; display:block; text-indent:-9999px; background:url(img/btn_buscar.png) 0 0; margin-right:40px; float:right;}
.send:hover{ background:url(img/btn_buscar.png) 0 -20px;}
.letraIndice {font-size: 14px; font-weight: bold; }
#nota_precios { position:relative; margin: 0 0 0 0; height: 10px; width: 1010px; padding: 8px 0; text-align: center; font-size: 11px; font-weight:normal;}
#footer { margin: 0 0 0 0; height: 30px; border-top: 1px solid #e8eaeb; width: 1010px; padding: 8px 0; position:relative; }
#footer #firma { float:left; width: 100%; color: #000000; text-align: center; font-size: 11px; font-weight: bold; }
#footer #logoFB { float:right; width: 170px; }
#botones { margin-top:2px;}
#botones .izquierda { float:left;}
#botones .derecha { float:right;}

/* = Indice =
------------------------------------------------------------------------------ */
div.container{
	width:1010px;
	min-height:600px;
}
div.container ul{
	list-style:none;
	padding:0;
	display:block;
}
div.filtro span{
	font-size:12px;
	font-weight:bold;
}
div.filtro ul.index{
	text-align:center;		
}
div.filtro ul.index li, div.filtro ul.marca li{
	display:inline-block;	
}
div.filtro ul.index li a{
	font-weight:bold;
}
div.filtro ul.index li a, div.filtro ul.marca li a{
	display:block;
	width:28px;
	height:28px;
	background:#CCC;
	line-height:28px;
	text-align:center;
	text-decoration:none !important;
	color:#000 !important;
	font-size:12px !important;
}
div.filtro ul li a:hover{
	background:#FFF1EA;
	color: #FF6600 !important;
}
div.filtro ul.marca{
	margin: 10px 0 0;
	text-align:center;
}
div.filtro ul.marca li a{
	padding:0 10px;
	width:auto;
}
div.filtro ul.marca li a.truper{ text-indent:-99999px; background:#EAEAEA url(img/sprite-brands.png) center 0 no-repeat; width:70px;}
div.filtro ul.marca li a.pretul{ text-indent:-99999px; background:#EAEAEA url(img/sprite-brands.png) center -30px no-repeat; width:70px;}
div.filtro ul.marca li a.foset{ text-indent:-99999px; background:#EAEAEA url(img/sprite-brands.png) center -60px no-repeat; width:70px;}
div.filtro ul.marca li a.voltech{ text-indent:-99999px; background:#EAEAEA url(img/sprite-brands.png) center -90px no-repeat; width:70px;}
div.filtro ul.marca li a.fiero{ text-indent:-99999px; background:#EAEAEA url(img/sprite-brands.png) center -120px no-repeat; width:70px;}
div.filtro ul.marca li a.hermex{ text-indent:-99999px; background:#EAEAEA url(img/sprite-brands.png) center -150px no-repeat; width:70px;}
div.filtro ul.marca li a.klintek{ text-indent:-99999px; background:#EAEAEA url(img/sprite-brands.png) center -180px no-repeat; width:70px;}
div.filtro ul.marca li a.voltechlait{ text-indent:-99999px; background:#EAEAEA url(img/sprite-brands.png) center -210px no-repeat; width:70px;}
div.filtro ul.marca li a.truper:hover, div.filtro ul.marca li a.truper.check,
div.filtro ul.marca li a.hermex:hover, div.filtro ul.marca li a.hermex.check,
div.filtro ul.marca li a.foset:hover, div.filtro ul.marca li a.foset.check,
div.filtro ul.marca li a.fiero:hover, div.filtro ul.marca li a.fiero.check,
div.filtro ul.marca li a.voltech:hover, div.filtro ul.marca li a.voltech.check,
div.filtro ul.marca li a.pretul:hover, div.filtro ul.marca li a.pretul.check,
div.filtro ul.marca li a.klintek:hover, div.filtro ul.marca li a.klintek.check,
div.filtro ul.marca li a.voltechlait:hover, div.filtro ul.marca li a.voltechlait.check{ background-color:#CCC;}
div.prods{
	margin-top:30px;
}
div.prods h2{
	display:block;
	background-color:#F3F3F4;
	text-align:right;
	padding-right:20px;
	height:40px;
	line-height:40px;
	margin:0;
}
div.prods ul{
	display:block;
	float:left;
	width: 31%;
	padding-left: 20px;
}
div.prods ul li{
	border-bottom:1px solid #999;	
}
div.prods ul li a{
	text-decoration:none;
	display:block;
	padding:5px 65px 5px 0;
	color:#666;	
}
div.prods ul li a:first-letter{
	font-weight:bold;
	color:#000;
}
div.prods ul li a:hover{
	color:#FF6600;
}
div.prods div.clr{
	clear:both;
}
div.prods ul li.foset{background:url(img/logo_foset.gif) right center no-repeat;}
div.prods ul li.hermex{background:url(img/logo_hermex.gif) right center no-repeat;}
div.prods ul li.voltech{background:url(img/logo_voltech.gif) right center no-repeat;}
div.prods ul li.truper{background:url(img/logo_truper.gif) right center no-repeat;}
div.prods ul li.fiero{background:url(img/logo_fiero.gif) right center no-repeat;}
div.prods ul li.pretul{background:url(img/logo_pretul.gif) right center no-repeat;}
div.prods ul li.truper.pretul{background:url(img/logo_tp.gif) right center no-repeat;}
div.prods ul li.foset.pretul{background:url(img/logo_fp.gif) right center no-repeat;}
div.prods ul li.voltech.pretul{background:url(img/logo_vp.gif) right center no-repeat;}
div.prods ul li.klintek{background:url(img/logo_klintek.gif) right center no-repeat;}
div.prods ul li.voltechlait{background:url(img/logo_volait.gif) right center no-repeat;}

td.header{
	padding-bottom:5px;
}
td.indice{
	padding-bottom:5px;
}
td.indice.T{
	background-color:rgba(255,102,0,1.00);
}
td.indice.FS{
	background-color:rgba(0,107,175,1.00);
}
td.indice.FR{
	background-color:rgba(216,1,66,1.00);
}
td.indice.H{
	background-color:rgba(203,1,64,1.00);
}
td.indice.K{
	background-color:rgba(0,197,182,1.00);
}
td.indice.V{
	background-color:rgba(1,104,146,1.00);
}
td.indice.VL{
	background-color:rgba(99,190,231,1.00);
}
td.T a:hover{
	color:rgba(255,102,0,1.00);
}
td.FS a:hover{
	color:rgba(0,107,175,1.00);
}
td.FR a:hover{
	color:rgba(216,1,66,1.00);
}
td.H a:hover{
	color:rgba(203,1,64,1.00);
}
td.K a:hover{
	color:rgba(0,197,182,1.00);
}
td.V a:hover{
	color:rgba(1,104,146,1.00);
}
td.VL a:hover{
	color:rgba(99,190,231,1.00);
}
table.modulos{
	margin-top:30px;
	width:1010px;
}
table.modulos.no{
	margin-top:0;
}
table.modulos td{
	padding:0 0 0 15px;
}
table.modulos td.img{
	text-align:center;
	padding-bottom:20px;
	padding-left:0;
}
table.modulos td.img img{
	max-width:100%;
}
table.modulos div#botones{
	margin:2px 10px 20px 0;
}
table.modulos div#botones:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
table.modulos td:after{
	clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
td.title div{
	float:left;
	font-size:20px;
	line-height:100%;
	padding:7px 0 2px;
	margin:0 0 30px;	
}
td div.title{
	width:870px;
	border-bottom:5px solid #e3e4e7;
	text-align:right;
	padding-right:40px;
}
td div.letra{
	background-color:rgba(255,102,0,1.00);
	width:70px;
	border-bottom:5px solid rgba(255,102,0,1.00);
	color:rgba(255,255,255,1.00);
	padding-left:10px;
}
td div.letra.fr{
	background-color:rgba(216,1,66,1.00);
	border-bottom:5px solid rgba(216,1,66,1.00);
}
td div.letra.fs{
	background-color:rgba(0,107,175,1.00);
	border-bottom:5px solid rgba(0,107,175,1.00);
}
td div.letra.h{
	background-color:rgba(203,1,64,1.00);
	border-bottom:5px solid rgba(203,1,64,1.00);
}
td div.letra.k{
	background-color:rgba(0,197,182,1.00);
	border-bottom:5px solid rgba(0,197,182,1.00);
}
td div.letra.vol{
	background-color:rgba(1,104,146,1.00);
	border-bottom:5px solid rgba(1,104,146,1.00);
}
td div.letra.vlait{
	background-color:rgba(99,190,231,1.00);
	border-bottom:5px solid rgba(99,190,231,1.00);
}

div#ZoomBox{
	background:#FFFFFF;
}
div#ZoomBox img{
	padding:10px;
}


[class^="social-"], [class*=" social-"] {
	font-family: 'social';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

nav.social{
	position:absolute;
	right:10px;
	top:5px;
}
nav.social ul{
	display:block;
	height:30px;
	float:right;
	list-style:none;
	margin:0;
}
nav.social ul li{
	float:left;
	margin-left:5px;
}
nav.social ul.icons{
	margin-left:30px;	
}
nav.social ul.icons a{
	width:30px;
	height:30px;
	display:block;
	font-size:30px;
	text-decoration:none;
}
a.face{
	color:#3B5998;
}
a.twitter{
	color:#00aced;
}
a.gplus{
	color:#d34836;
}
a.linkin{
	color:#007bb6;
}
a.youtube{
	color:#e52d27;
}
a.face:hover{
	color:#526aac;
}
a.twitter:hover{
	color:#7eb9e5;
}
a.gplus:hover{
	color:#cb5b48;
}
a.linkin:hover{
	color:#467dad;
}
a.youtube:hover{
	color:#d12b38;
}

.social-google:before {
	content: "\e600";
}
.social-linkedin:before {
	content: "\e601";
}
.social-youtube:before {
	content: "\e602";
}
.social-twitter:before {
	content: "\e603";
}
.social-facebook:before {
	content: "\e604";
}

/*Predictivo*/

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #545454;
}

.tt-menu {
	text-align:left;
  width: 300px;
  margin: 13px 0 0;
  padding: 10px 0 ;
  background-color: #fff;
  border: 1px solid #e9ebec;
  -webkit-border-radius: 0 0 3px 3px;
     -moz-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
	padding:5px 10px;
	padding: 5px 10px;
	color: #545454;
	font-size: 12px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #ff6600;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #ff6600;

}

.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 12px;
}