/*generalizados*/
.ver{display: block;}
.nover{display: none;}
/*tabla*/
.cabecerat{background-color: #97D83D; 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: 100%; height: 100%; position: relative; padding-bottom: 100px; padding-top: 100px; background-color: #66C9F9;}
/*#tablacvs{width: 100%; 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;}
.actualesrec{position: relative; width: 100%; height: 100px; background-color: #87D42F; top: 10px;}
.tituloact{position: relative; top: 10px; width: 100%; height: auto; font-size: 20px; padding-bottom: 5px; padding-top: 5px; margin-bottom: 5px; color: white;}
.tituloactpro{position: relative; top: 10px; width: 100%; height: auto; font-size: 20px; padding-bottom: 5px; padding-top: 5px; background-color: #FCFCFC; margin-bottom: 5px; color: #828282;}
.tituloactpro h1, .tituloact h1{position: relative;left: 10px;}
.reclinmercados{width: 100%; 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: 100%; height: 70px; background-color: white; position: relative;}
.producto0{display: none;}
.iconoselector{position: relative; display: inline-block; width: 30px; height: 30px; background-color: #D9D9D9;}
.tituloproselect{position: absolute; display: inline-block; width: 160px; height: 30px; border-style: solid; border-width: .5px; border-bottom-width: 0px; border-color: #EAEAEA; background-color: #F9F9F9;}
.tituloproselect h1{position: relative; left: 5px; top: 7px; font-size: 15px;}
.tproductosselector{position: relative; display: inline-block; width: 190px; height: 30px; top: 25px; left: 10px; background-color: red;}
.tproductosselector:hover{cursor: pointer;}
.mercadosselector{width: 400px; height: auto; padding: 10px; background-color: #EAEAEA; position: absolute; float: left; left: 10px; top: 60px; z-index: 1;}
.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: 900px; height: auto; padding: 10px; background-color: #EAEAEA; position: absolute; float: left; left: 10px; top: 60px; z-index: 1;}
.producto0{width: auto; height: 20px; background-color: #F6F6F6; border-radius: 5px; display: inline-block; text-align: center; padding: 5px; margin-bottom: 5px; position: relative;}
.producto0:hover{cursor: pointer; background-color: #FFFFFF; color: black;}
.titulopag{position: relative; width: 100%; height: 100px; background-color: #447701;}
.titulopag h1{position: relative; font-size: 20px; color: white; text-align: center; top: 20px;}
/*grafico*/
.tituloactproyect{position: relative; font-size: 25px; width: 600px; height: auto; top: -20px; left: 150px; color: white;}

.mercolorselect1{background-color: #086AE1;}
.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: #6BC9F8;}
.tiselect2{width: 290px; height: auto; position: absolute; left: 20px; top: 5px; font-weight: bold; color: #6BC9F8;}

/*.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; left: 320px; top: 50px; text-align: center;}
.titulograficolin{position: relative; left: 550px; top: 60px; width: 50px; height: 10px; background-color: #D9D9D9;}
#graficoaqui{width: 100%; height: 700px; background-color: #FAFAFA;}
.fullgrafico{width: 1100px; height: 800px; position: relative; left: 70px; top: 70px;}
/*--------------------GOOOGLE----------------*/
#g452grafico{width: 100%; height: 600px; position: relative; left: 70px; top: 70px;}
/*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;}
.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: #1B5D2E; color: white;}
.elotro{background-color: #4482E4; 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