@font-face {
    font-family: "farsan";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("../../fuentes452/farsan.woff") format("woff"), 
    url("../../fuentes452/farsan.ttf") format("truetype");
}
/*aqui lo de selecionar filas*/
.filasll{background-color: #665836 !important; color: white !important;}
/*al elejir image*/
.recimgd, .recimgdc{width: 1600px; height: 100%; position: absolute; top: 0px; left: 0px;}
.recimgd{z-index: 5;}
.recimgdc{background-color: black; opacity: .70;}
.recimgdi{width: 80%; height: 80%; position: relative; margin: auto; top: 10px;}
.recimgdi img{width: 95%; height: auto !important; position: relative; top: 0px; margin: 0px auto;}
.bgtablaag{width: 1600px; height: 100%;}

/*galeria de imagenes*/
.galeriatb{width: 1600px; height: 220px; position: relative; background-color: #F9F9F9; margin: auto;}
.estilografnew{top: -70px;}
.imgtbxy{position: relative; width: 800px; height: 120px; margin: auto; text-align: center; top: 50px; z-index: 1;}
.imgtbz{position: relative; display: inline-block; width: 190px; height: 190px; margin-right: 2px; overflow: hidden; border-radius: 10px; transition: all 2s;}
.imgtbz:hover{border-radius: 50px; cursor: pointer; overflow: hidden; transition: all 1s;}
.imgtbz img{position: absolute; top: 0px; left: 0px; width: 190px; height: 190px; background-color: white;}
/*selectoridiomas*/
.selectoridi{position: absolute; right: 10px; top: 5px; float: right; width: 200px; height: 40px; padding-bottom: 5px; text-align: center; display: none;}
#idiomaselector {
	content:"\025be";
	display:table-cell;
	position: absolute; top: 20px; left: 30px;
	 display: block;
	 font-size: 16px;
	 font-family: 'Arial', sans-serif;
	 font-weight: 400;
	 color: #444;
	 line-height: 1.3;
	 padding: 2px;
	 width: 150px;
	 box-sizing: border-box;
	 margin: 0;
	 border: 1px solid #B49172;
	 box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
	 border-radius: .3em;
	 -moz-appearance: none;
	 -webkit-appearance: none;
	 appearance: none;
	 background-color: #FFFFFF;
	 background-repeat: no-repeat, repeat;
	 background-position: right .7em top 50%, 0 0;
	 background-size: .65em auto, 100%;
}
#idiomaselector:hover {
 border-color: #0081FF;
}
#idiomaselector:focus {
 border-color: #aaa;
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring;
 color: #222; 
 outline: none;
}
#idiomaselector option {
 font-weight:normal;
}
.textoidi{color: white;}
/*imagenes*/

/*generalizados*/
.posre{position: relative;} .posab{position: absolute;}
.disin{display: inline-block;} .disb{display: block;} .disn{display: none;}
.wcien{width: 1600px; max-width: 1600px;}
.hcien{height: 100%; height-width: 100%}
.imgtexturades{position: absolute; top: 0px; left: 0px; background-image: url(../../img452/texturauno.jpg); background-size: 100% 100%; mix-blend-mode: multiply;}
.texturauno{background-image: url(../../img452/texturados.png); width: 150px; height: 150px; mix-blend-mode: multiply; display: inline-block; background-repeat: no-repeat;background-size: 100% 100%;}
.ver{display: block;}
.nover{display: none;}
/*tabla*/
.cabecerat{background-color: #544C35; color: white;}
.cabecerah{padding: 10px; text-align: center; border-color: white; border-style: solid; border-width: 2px;}
.menost{background-color: #FCE84E;}
.celdast{padding: 10px; text-align: center; border-color: white; border-style: solid; border-width: 2px;}
.mastds{background-color: #F7F7F7;}
.menostds{background-color: #F1F1F1;}
#tablacvs{width: 1600px; height: auto; position: relative; padding-bottom: 100px; padding-top: 100px; background-color: #73633C; background-color: #bbb189; mix-blend-mode: multiply; margin: auto;}
/*#tablacvs{width: 1600px; height: 100%; position: relative; padding-bottom: 100px; padding-top: 100px; background-color: #14A2D2;}*/
#tablacvs table{width: 90%; position: relative; left: 5%;}
/*precios actuales*/
#actuales{position: relative; width: 450px; height: 190px; left:10%; top: -50px; display: inline-block;}
.actualesrec{position: relative; width: 320px; height: 100px; background-color: #544C35; top: 10px;}
.tituloact{position: relative; top: 10px; width: 1600px; height: auto; font-size: 20px; padding-bottom: 5px; padding-top: 5px; margin-bottom: 5px; color: white;}
.tituloactpro{position: relative; top: 10px; width: 320px; height: auto; font-size: 20px; padding-bottom: 5px; padding-top: 5px; background-color: #F2F2F2; margin-bottom: 5px; color: #917E4E;}
.tituloactpro h1, .tituloact h1{position: relative;left: 10px;}
.reclinmercados{width: 1600px; height: auto; position: relative;}
.recmercados{width: 250px; height: auto; position: relative; display: inline-block; margin-bottom: 2px; left: 20px; top: 5px;}
.recprecios{width: 50px; height: auto; position: relative; display: inline-block; margin-bottom: 2px; top: 5px;}
.mercolor1{color: white;} .mercolor2{color: white;}
/*filtros*/
.filtrosaqui{width: 1600px; height: 100px; background-color: #927b44; position: relative; margin: auto;} /*#45331B*/
#filtrosaqui2{height: 150px;}
.producto0{display: none;}
.iconoselector{
	position: relative; display: inline-block; width: 30px; height: 31px; border-radius: 5px 0px 0px 5px; 
	background: linear-gradient(#d6bf84, #9c8447, #6d5b2f); background: linear-gradient(#000000, #444444, #000000); /*linear-gradient(#B09757, #C5A860, #B09757);*/
}
.tituloproselect{
	position: absolute; display: inline-block; width: 180px; height: 30px; border-style: solid; border-width: .5px; border-bottom-width: 0px; 
	border-color: #EAEAEA; background-color: #F9F9F9; border-radius: 0px 15px 15px 0px; background: linear-gradient(#DFDFDF, white, #DFDFDF);
}
.tituloproselect h1{position: relative; left: 5px; top: 0px; font-size: 12px; width: 170px;}
.tproductosselector{position: relative; display: inline-block; width: 210px; height: 30px; top: 25px; left: 10px; margin-right: 5px; margin-bottom: 10px;}
.tproductosselector:hover{cursor: pointer;}
.mercadosselector{width: 400px; height: auto; padding: 10px; background-color: #EAEAEA; position: absolute; float: left; left: 10px; top: 60px; z-index: 2;}
.activarmercado0{width: auto; height: 20px; background-color: #F6F6F6; border-radius: 5px; display: inline-block; text-align: center; padding: 5px; margin-bottom: 5px; position: relative;}
.activarmercado0:hover{cursor: pointer; background-color: #FFFFFF; color: black;}

.productosselector{width: 400px; height: 300px; padding: 10px; background-color: #EAEAEA; position: absolute; float: left; left: 10px; top: 60px; z-index: 3; overflow-y: scroll;}
.producto0{width: auto; height: 20px; background-color: #F6F6F6; border-radius: 5px; display: block; text-align: center; padding: 5px; margin-bottom: 5px; position: relative;}
.producto0:hover{cursor: pointer; background-color: #FFFFFF; color: black;}
.titulopag{position: relative; width: 1600px; height: 150px; background-color: #73633C;}
.titulohh{position: relative; font-size: 30px; color: #EECD7B; color: black; text-align: center; top: 20px; left: 300px; display: inline-block; font-family: farsan;}
/*grafico*/
.tituloactproyect{position: relative; font-size: 25px; width: 600px; height: auto; top: -20px; left: 150px; color: black; background-color: white;
    padding: 3px;}

.mercolorselect1{background-color: ; background: linear-gradient(#065FD0, #086AE1, #065FD0);}
.mercolorselect2{background-color: #577F28;}

.nombgraf0mer{position: absolute; left: -130px; top: 130px; width: 80px; height: auto; text-align: center; font-weight: bold;}

.nombgraf1mer{color: #086AE1;}
.nombgraf2mer{color: #577F28;}
.nombgraf3mer{color: #E17800;}
.nombgraf4mer{color: #086AE1;}
.nombgraf5mer{color: #086AE1;}

.tiselect1{width: 290px; height: auto; position: absolute; left: 20px; top: 5px; font-weight: bold; color: #F2F2F2; color: black;}
.tiselect2{width: 290px; height: auto; position: absolute; left: 20px; top: 5px; font-weight: bold; color: #F2F2F2; color: black;}

/*.tiselect1{width: 290px; height: auto; position: absolute; left: 20px; top: 5px; font-weight: bold; color: #73E54D;}
.tiselect2{width: 290px; height: auto; position: absolute; left: 20px; top: 5px; font-weight: bold; color: #73E54D;}*/

.titulografico{width: 500px; height: auto; font-size: 20px; font-weight: bold; position: relative; margin: auto; top: 20px; text-align: center;}
.titulograficolin{
	position: relative; margin: auto; top: 30px; width: 50px; height: 20px; text-align: center; padding: 2px;
	background-color: #D9D9D9; border-radius: 10px;
}
.titulograficolin:hover{cursor: pointer; background-color: #B8B8B8;}

#graficoaqui{width: 1600px; height: 700px; background-color: #F9F9F9; margin: auto;}
.fullgrafico{width: 1100px; height: 800px; position: relative; left: 70px; top: 70px;}
/*--------------------GOOOGLE----------------*/
#g452grafico{width: 1600px; height: 600px; position: relative; left: 0px; top: 70px; margin: auto;}
/*relacion de tiempo*/
.lineatiempo0{position: absolute; left: 60px; top: 710px; border-bottom-style: solid; border-color: black; border-width: 3px; width: 900px;}
.mes0{position: relative; width: 50px; border-bottom-style: solid; border-width: 1px; border-color: black; display: inline-block; top: 5px; left: 40px;}
.semana0{position: absolute; display: inline-block; border-left-style: solid; border-width: 2px; height: 10px; border-color: black; top: -9px;}
.semana1{left: 10px; height: 15px; top: -15px;}
.semana2{left: 20px;}
.semana3{left: 30px;}
.semana4{left: 40px;}
.semana5{left: 50px;}
.nomes0{position: absolute; left: 15px; top: 10px;}
/*relacion mercado*/
.lineamercado0{position: relative; height: 730px; left: 80px; top: 20px; display: inline-block; border-left-style: solid; border-width: 3px; border-color: black; }
.lineapromercado0{position: relative; margin-bottom: 5px; width: 20px; height: 310px; top: 20px;}
.destacado{width: 1600px; height: 40px; position: relative; margin: auto; font-size: 30px; background-color: #736631; color: white;}
.enproceso{position: relative; left: 20px; top: 5px;}
.prec0{font-size: 12px; left: -20px; position: absolute;}
.prec1{top: -5px; left: -25px;}
.prec2{top: 25px;}
.prec3{top: 55px;}
.prec4{top: 85px;}
.prec5{top: 115px;}
.prec6{top: 145px;}
.prec7{top: 175px;}
.prec8{top: 205px;}
.prec9{top: 235px;}
.prec10{top: 265px;}
.repmercado0{position: absolute; width: 10px; height: 100%;}
.linmer0{width: 10px;height: 2; position: relative; border-bottom-style: solid; border-bottom-color:black; border-width: 1px; margin-bottom: 2px;}
.linmer100, .linmer90, .linmer80, .linmer70, .linmer60, .linmer50, .linmer40, .linmer30, .linmer20, .linmer10{width: 20px;} 
/*colores*/
.eluno{background-color: #503e24; color: white;}
.elotro{background-color: #775d39; color: white;}
/*posiciones*/
.posg0{position: absolute; width: 5px; height: 5px; border-radius: 10px; background-color: #A6E13E;}
.posg2{background-color: #086AE1;}
.posmerl0m0s0{left: 56px; top: 245px;}

/*posiciones top*/
/*-----------------------------------------/////////////////////////////////////////////*/
/*posiciones left*/
/*mes1*/
.posmerlm1s1{left: 25px;}
.posmerlm1s2{left: 36px;}
.posmerlm1s3{left: 46px;}
.posmerlm1s4{left: 56px;}
.posmerlm1s5{left: 66px;}
/*mes2*/
.posmerlm2s1{left: 80px;}
.posmerlm2s2{left: 90px;}
.posmerlm2s3{left: 100px;}
.posmerlm2s4{left: 110px;}
.posmerlm2s5{left: 120px;}


/*seleccione el producto*/
/*seleccione dos mercados*/
/*leyendas con los nom,bres de los mercados, precios actuakles del producto en los mercado