@charset "utf-8";
/* CSS Document */

h3{
	line-height: 200%;
}

#encontrados{
	font-size:17px;
	text-align:left;
}
a.paginacion:hover{font-family : "Century Gothic",Trebuchet, Arial;
	font-size:20px;
	text-align:left;
	float:none;
}
a.paginacion{font-family : "Century Gothic",Trebuchet, Arial;
	font-size:20px;
	text-align:left;
	float:none;
}
#paginacion{font-family : "Century Gothic",Trebuchet, Arial;
	font-size:20px;
	text-align:left;
	float:none;
}
#paginacion_inf{font-size:20px;font-family : "Century Gothic",Trebuchet, Arial;
	width:100%;
	text-align:left;
	float:none;
}
a.pagina_naranja { 	 	color : #FD9518; 	text-decoration : none; }
a.pagina_naranja:hover { 	 font-weight : bold; 	color : #35A7A7; text-decoration : none; }



#ficha_alternador{ 	min-height:260px;  	 width:1000px;  	text-align:left;  background-image:url(demo/fondo-ficha.png);/*border:1px solid #666;*/}
#textos_ficha{float:left;
	width:495px;
}

#referencia{
	font-size: 18px;
	border-bottom: #CCC 3px dotted;
	font-family: "Century GothicB", Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: none
}
#rotulo{
	margin-top: 0;
	font-size:20px;
	margin-right:20px;
	border-bottom:#CCC 3px dotted;
	text-align:left;
	font-family:"Century GothicB", Arial, Helvetica, sans-serif	;
}
#imagenes{
	width:380px;
	margin-top:10px;
	float:left;
	text-align:center;
	/*min-height:232px;
	height:180px;*/
	padding:5px;
	background-color: #FFF;
	margin-right: 15px;
	vertical-align: middle;
	text-align:center;

}
#imagenes img{
	padding:5px;
	vertical-align: middle;text-align:center;


}
#complementos{
	float:left;

}
#alternativas{  margin-left:0px;	padding:10px;}
#aplicaciones{     margin-top:10px; font-size:12px; }
#existencias {
	height: auto !important;
}

.boto-comprar,
.boto-no-comprar {
	background-color: #ffb755;
	border-radius: 1px;
	cursor: pointer;
	padding: 2px;
}

.boto-no-comprar {
	cursor: not-allowed;
	opacity: 0.5;
}

.boto-comprar:hover {
	background-color: #E2E2E2;
}

/*
.boto-comprar img,
.boto-no-comprar img {
	height: 17px;
}
*/

.boto-comprar .fa,
.boto-no-comprar .fa {
	color: black;
	font-size: 20px;
}

#existencias b {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}

#incrementos{
	background:url(demo/expvp.png) no-repeat;
	padding:12px 23px 0px 26px;
	height:120px;
	width:330px;
}
#caja_existencias{
	margin-top: 5px;
	padding: 0;
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	border-bottom: 0;
	float:left;
	text-align:center;
	width:90px;
	background-color:#FFF;
	font-family:Century Gothic;
}


#caja_dto{padding:1px; border:1px solid #444;  float:left;	 	text-align:center; 	  	width:90px;  background-color:#FFF;	  font-family:Century GothicB; }
#tit_existencias{
	color: #333;
	border-bottom:1px solid #444;
	font-weight: bold;
	padding: 2px 0 3px;
	text-align: center;
}
.si{
	border-bottom: 1px solid black;
	background: url(img_ct/si.png);
	padding: 0 0 4px 0;
	color: white;
}
.no{
	border-bottom: 1px solid black;
	background: url(img_ct/no.png);
	padding: 2px 0px;
}
#precio{
	padding: 3px;
	border-top: 1px solid #444;
	background: #fff;
	color: #333;
	font-size: 14px;
}
#dto{
	color: #F00;
}
.textos{
	margin-left:27.76%; /*27.76  108px; */
	width:72.24% ; /* 72.24 280px;*/

	font-family :  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight : normal;
	text-align:justify;
	text-decoration : none;
	border-top:#CCC 1px dotted;
	border-bottom:#CCC 1px dotted;
	padding-left:0px;
	white-space: normal;
}
.titulo{
	font-family :  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color : #3BA9AA;
	min-width:95px;
	width:29.68%; /*95px; 29.68*/
	font-weight : bold;
	color:#030;
	font-size:12px;
	float:left;
	margin-left:10px;
	text-align:left
}
/* talt_0 Td r1 ->titulo  ojo ID*/
#titulo{

	min-width:95px;
	width:63.33%; /*95px 63.33*/
	float:left;
	font-family :  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:16px;
	padding:10px 0px 10px 0px;
	text-align:center;
	font-weight:400;
}
#voltaje{font-size:12px;
	width:55px; height:54px; background: url(img_ct/voltaje.png) no-repeat; text-align:center;margin: 8px 0px 8px 0px;padding:18px 0px;
}
#watio{font-size:12px;
	width:55px; height:54px; background: url(img_ctx/w2.gif) no-repeat; text-align:center;margin: 8px 0px 8px 0px;padding:18px 0px;
}
#amperaje{  width:38px; height:54px; background: url(img_ct/amperaje.png) no-repeat; text-align:center;font-size:12px;margin: 8px 0px 8px 0px;padding:2px 0px;}
#conector{height:85px;width:78px;  float:left;	text-align:center; background: url(img_ct/tit_conector.png) no-repeat;font-size:12px;margin: 8px 0px 8px 0px;
	padding:4px 0px 4px 0px;
}
#conector img{
	max-height:4,8em;
}
#kw{
	width:36px;
	height:54px;
	background: url(img_ct/kw.png) no-repeat;
	margin: 8px 0px 8px 0px;
	text-align:center;
	font-size:12px;
	padding:18px 0px;

}
#dientes{
	width:89px;
	height:54px;
	background: url(img_ct/dientes2.png) no-repeat;
	text-align:right;
	font-size:12px;
	padding:20px 0px 10px 0px;

	margin: 8px 0px 8px 0px;
}

#dientes img{
	width:25;
}


#rpm{
	float:left; 	width:49px; height:54px; background: url(img_ct/rpm.png) no-repeat;text-align:center;font-size:12px; padding:18px 0px;margin: 8px 0px 8px 0px;
}

#giro{
	text-align:right;height:54px;width:89px;background: url(img_ct/giro.png) no-repeat;font-size:12px;padding:18px 0px;margin: 8px 0px 8px 0px;
}
#velocidad{ height:54px;width:48px;text-align:center; background: url(img_ct/velocidad.png) no-repeat;font-size:12px;padding:18px 0px;margin: 8px 0px 8px 0px;
}
#diametro{ height:54px;width:65px;text-align:center; background: url(img_ct/o.png) no-repeat;font-size:12px;padding:18px 0px;margin: 8px 0px 8px 0px;float:left;
}

#int-ext{
	position:relative;
	text-align:center;
	width:53px;
	height:54px;
	align:center;
	background: url(img_ct/int_ext.png);
	background-repeat:no-repeat;
	font-size:12px;
	margin: 8px 20px;
	float:left;
}
#largo{width:75px; height:54px;align:center; background: url(img_ct/largo.png);background-repeat:no-repeat;font-size:12px;float:left;	margin: 8px 20px;text-align:center;
}
#poly{float:left;width:35px;height:54px;align:center; background: url(img_ct/poly.png); background-repeat:no-repeat;font-size:12px;float:left;	margin: 8px 20px;text-align:center;
}
.separa{/*background: url(demo/fichas_separa.png)  repeat-x*/height:4px; width:220px;float:none;clear:both;
}

.box-tarifes-vista-pc {
	display: block;
}
.box-tarifes-vista-mobil {
	display: none;
	margin-top: 10px;
}

.box-tarifes-vista-pc > div > div {
	min-height: 20px;
	border-bottom: 1px solid black;
	padding: 0 0 4px 0;
}

.box-tarifes-vista-pc .box-banderes .lbl-precio {
	padding-left: 15px;
	padding-right: 5px;
	min-height: 24px;
	line-height: 24px;
	background: white;
	text-align: left;
	padding-bottom: 0;
}

.box-tarifes-vista-pc .box-banderes .precio-cesion-lbl {
	font-weight: bold;
	border-top: 1px solid black;
}
.box-tarifes-vista-pc .box-banderes .precio-neto-lbl {
	border-bottom: 0;
	min-height: 21px;
}

.box-tarifes-vista-pc #caja_existencias div.si span {
	float: left;
	margin-left: 40px;
	margin-top: 5px;
}
.box-tarifes-vista-pc #caja_existencias div.si .boto-comprar {
	float: right;
}

.box-tarifes-vista-pc #caja_existencias .precio {
	border-top: 0;
	background: #fff;
	color: #333;
	font-size: 14px;
	padding: 2px 0px;
}

.box-tarifes-vista-pc #caja_existencias .precio.precio-cesion {
	border-top: 1px solid #444;
}

#existencias .precio.precio-cesion,
#existencias .lbl-precio.precio-cesion-lbl {
	font-weight: bold;
}

#existencias .precio.precio-descuento,
#existencias .precio.precio-neto,
#existencias .precio.precio-casco,
#existencias .lbl-precio.precio-descuento-lbl,
#existencias .lbl-precio.precio-neto-lbl,
#existencias .lbl-precio.precio-casco-lbl {
	background: #e1e1e1;
}

#existencias .lbl-precio.precio-casco-lbl {
	border-top: 1px solid black;
	border-bottom: 0;
}

#existencias .lbl-precio.precio-descuento-lbl,
#existencias .lbl-precio.precio-neto-lbl,
#existencias .lbl-precio.precio-casco-lbl {
	font-weight: bold;
}

#existencias .lbl-precio.precio-descuento-lbl,
#existencias .precio.precio-descuento {
	color: red;
}


.fila-titol-almacen {
	background: white;
	width: 98%;
	margin-left: 1%;
	border: 1px solid grey;
	font-weight: bold;
	padding: 2px 0;
}

.fila-disponibilitat-almacen {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
}

.fila-disponibilitat-almacen .titol-tipus-disponibilitat {
	background: white;
	border: 1px solid grey;
	border-top: none;
}

.fila-disponibilitat-almacen .valor-tipus-disonibilitat {
	border: 1px solid grey;
	border-top: none;
}

.fila-disponibilitat-almacen .titol-tipus-disponibilitat,
.fila-disponibilitat-almacen .valor-tipus-disonibilitat {
	display: inline-block;
	width: 32%;
}

.fila-comprar-almacen,
.fila-comprar-almacen > div {
	display: inline-block;
	width: 100%;
	height: auto;
}

.fila-comprar-almacen .col-titol-tipus-comprar,
.fila-comprar-almacen .col-boto-comprar {
	display: inline-block;
	width: 32%;
}

.fila-comprar-almacen .col-titol-tipus-comprar {
	border-left: 1px solid grey;
	border-right: 1px solid grey;
}

.fila-comprar-almacen .col-titol-tipus-comprar,
.fila-comprar-almacen .col-boto-comprar {
	background: white;
}

.fila-comprar-almacen .col-boto-comprar {
	border: 1px solid grey;
	border-top: none;
}

.box-tarifes-vista-mobil .bandereta {
	width: 16px;
	border-radius: 50%;
	height: 16px;
	float: left;
	margin-left: 2px;
}


.box-tarifes-vista-mobil .boto-comprar {
	border-radius: 5px;
	margin: 2px 5px 3px ;
}

.box-tarifes-vista-mobil .valor-tipus-disonibilitat {
	padding: 0;
}

.box-tarifes-vista-mobil .valor-tipus-disonibilitat.no {
	vertical-align: top;
}

.box-tarifes-vista-mobil .valor-tipus-disonibilitat.no > span:first-child {
	line-height: 25px;
	display: inline-block;
}


.box-tarifes-vista-mobil #precio {
	margin-top: 5px;
}


.box-tarifes-vista-mobil * {
	box-sizing: border-box;
}

.box-tarifes-vista-mobil .fila-titol-almacen {
	margin-left: 0;
	width: 99%;
}

.box-tarifes-vista-mobil .precio {
	background: #fff;
	height: 20px;
	line-height: 20px;
	border-bottom: 1px solid black;
	color: black;
	font-weight: bold;
}

.box-tarifes-vista-mobil .precio-neto {
	border-bottom: 0;
}


.box-tarifes-vista-mobil #caja_existencias  {
	width: 33%;
	border-bottom: 1px solid #444;
	margin-top: 0;
}

.box-tarifes-vista-mobil #caja_existencias .no span {
	line-height: 41px;
}
.box-tarifes-vista-mobil #caja_existencias .si {
	padding: 0 0 1px 0;
	min-height: 46px;
}

.box-tarifes-vista-mobil #caja_existencias .precio.precio-casco {
	border-top: 1px solid black;
	display: inline-block;
	width: 100%;
	height: auto;
}

.box-tarifes-vista-mobil #caja_existencias .precio.precio-casco span {
	display: inline-block;
	width: 100%;
}



.box-banderes {
	float: left;
	width: auto;
	margin-top: 5px;
	border: 1px solid #444;
}

.box-banderes #tit_existencias {
	padding: 2px 0 3px;
	background: white;
}

.box-banderes > div:not(#tit_existencias):not(.lbl-precio) {
	text-align: left;
	background: white;
	border-bottom: 1px solid black;
	padding: 0;
	min-height: 24px;
	line-height: 24px;
}

.box-banderes > div > .bandereta {
	width: 16px;
	border-radius: 50%;
	height: 16px;
	position: relative;
	left: -8px;
	float: left;
	top: 4px;
}

.box-banderes > div > .bandereta.esp {
	top: 4px;
}

.box-banderes > div > .bandereta.por {
	left: -8px;
}

.bandereta.esp {
	background: url(/img/icons/esp.gif) no-repeat center;
}
.bandereta.por {
	background: url(/img/icons/pt.gif) no-repeat center;
}

@media only screen and (max-width : 1000px) {

	.box-tarifes-vista-pc {
		display: none;
	}
	.box-tarifes-vista-mobil {
		display: block;
	}

}