table, th, tr{
border: 1px solid black;
border-collapse: collapse;

}
td{
border: 1px solid black;
padding-left:5px;
}
button:hover{
	border-color:red;
	border-width:2px;
	border-style:solyd;
}
btn_vista:hover{
	border-color:red;
	border-width:2px;
	border-style:solyd;
}
.btn_vista{
	border-width:1px; 
	border-style:dotted; 
	position:absolute; 
	background-color: Transparent; 
	z-index:10px; 
	width:200px; 
	height:200px;
}
button{
border-radius:4px;
}
.btn_juego{
	width:20vw;
}
.d_user
{
	color:red;
	font-size:12px;
}
h1{
    padding-top:0px;
    margin-top:0px;
}
a:visited{
color:black;
}
a:hover{
color:white;
background-color:red;
}
a{
color:black;
}
._con_borde{
border-top:0px  white;
border-bottom:0px  white;
border-left:0px  red;
border-right:1px  red;
}
._b_izq{
border-top:0px  white;
border-bottom:0px  white;
border-left:1px  red;
border-right:0px  white;
}
._b_der{
border-top:0px  white;
border-bottom:0px  white;
border-left:0px  red;
border-right:1px  white;
}
ul.menu{
padding-left:0;
color:black;
}
li.menu_item{
list-style: none;
display: inline;
padding-right: 10px;
text-color:000;
}
li.menu_item:hover{
background:red;
}
li.menu_item a{
color:black;
}
li.menu_item a:hover{
color:white;
}
li.menu_item_v{
list-style: none;
/*display: inline;*/
padding-right: 10px;
text-color:000;
}
li.menu_item_v:hover{
background:red;
}
li.menu_item_v a{
color:black;
}
li.menu_item_v a:hover{
color:white;
}
input {
text-align:right
}
body > header{
background: #f6f6f6;
border-style:solid;
border-width:1px;
border-color:red;
border-radius:5px;
padding:10px;
}
.demo1 {
width:90;
height:65;
margin:0 0 0 0px; 
}
.molinos {
display:block; 
text-indent:-9999px;
width:40px;
height:49px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.molinos:hover{
background:url(../planta/molienda.png) no-repeat;
width:40px;
height:49px; 
position:absolute;
margin: 0px 0px;
z-index:100;
} 
.tamizado {
display:block; 
text-indent:-9999px;
width:43px;
height:19px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.tamizado:hover{
background:url(../planta/tamizado.png) no-repeat;
width:43px;
height:19px; 
position:absolute;
margin: 0px 0px;
z-index:100;
} 
.envasado {
display:block; 
text-indent:-9999px;
width:74px;
height:39px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.envasado:hover{
background:url(../planta/envasado.png) no-repeat;
width:74px;
height:39px; 
position:absolute;
margin: 0px 0px;
z-index:100;
} 
.entrega {
display:block; 
text-indent:-9999px;
width:94px;
height:98px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.entrega:hover{
background:url(../planta/bodega_entrega.png) no-repeat;
width:94px;
height:128px; 
position:absolute;
margin: -30px 0px 0px ;
z-index:100;
} 
.despacho {
display:block; 
text-indent:-9999px;
width:77px;
height:58px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.despacho:hover{
background:url(../planta/bodega_despacho.png) no-repeat;
width:79px;
height:106px; 
position:absolute;
margin: 0px 0px;
z-index:100;
} 
.no_alergenos {
    display: block;
    text-indent: -9999px;
    width: 155px;
    height: 25px;
    outline: none;
    background: url(../images/pc.gif) no-repeat;
    cursor: pointer;
} 
.no_alergenos:hover{
    background: url(../planta/libre_alergenos.png) no-repeat;
    width: 160px;
    height: 167px;
    position: absolute;
    margin-top: -56px;
    margin-right: 0px;
    margin-left: -1px;
    margin-bottom: 0px;
    z-index: 100;
} 
.dosificado {
display:block; 
text-indent:-9999px;
width:40px;
height:155px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.dosificado:hover{
background:url(../planta/dosif_oleoresina.png) no-repeat;
width:61px;
height:158px; 
position:absolute;
margin: -1px -20px;
z-index:100;
} 
.pocillos { 
display:block; 
text-indent:-9999px;
width:40px;
height:93px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.pocillos:hover{
background:url(../planta/pocillos.png) no-repeat;
width:40px;
height:93px; 
position:absolute;
margin: 0px 0px;
z-index:100;
} 
.liquidos {
display:block; 
text-indent:-9999px;
width:38px;
height:92px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.liquidos:hover{
background:url(../planta/liquidos.png) no-repeat;
width:38px;
height:92px; 
position:absolute;
margin: 0px 0px;
z-index:100;
} 
.produccion {
display:block; 
text-indent:-9999px;
width:66px;
height:174px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.produccion:hover{
background:url(../planta/produccion.png) no-repeat;
width:81px;
height:174px; 
position:absolute;
margin: 0 0 0 -15px;
z-index:100;
} 
.caldera {
display:block; 
text-indent:-9999px;
width:34px;
height:38px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.caldera:hover{
background:url(../planta/calderas.png) no-repeat;
width:34px;
height:38px; 
position:absolute;
margin: 0px 0px;
z-index:100;
} 
.calidad {
display:block; 
text-indent:-9999px;
width:40px;
height:43px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.calidad:hover{
background:url(../planta/calidad.png) no-repeat;
width:40px;
height:43px; 
position:absolute;
margin: 0px 0px;
z-index:100;
} 
.banos {
display:block; 
text-indent:-9999px;
width:38px;
height:44px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.banos:hover{
background:url(../planta/banos.png) no-repeat;
width:38px;
height:44px; 
position:absolute;
margin: 0px 0px;
z-index:100;
} 
.reefer {
display:block; 
text-indent:-9999px;
width:21px;
height:54px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.reefer:hover{
background:url(../planta/reefer.png) no-repeat;
width:21px;
height:54px; 
position:absolute;
margin: 0px 0px;
z-index:100;
} 
.camfrio {
display:block; 
text-indent:-9999px;
width:27px;
height:40px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.camfrio:hover{
background:url(../planta/camara_frio.png) no-repeat;
width:27px;
height:40px; 
position:absolute;
margin: 0px 0px;
z-index:100;
} 
.casino {
display:block; 
text-indent:-9999px;
width:88px;
height:71px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.casino:hover{
background:url(../planta/casino.png) no-repeat;
width:88px;
height:71px; 
position:absolute;
margin: 0px 0px;
z-index:100;
} 
.oficinas {
display:block; 
text-indent:-9999px;
width:88px;
height:170px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.oficinas:hover{
background:url(../planta/oficinas.png) no-repeat;
width:88px;
height:170px; 
position:absolute;
margin: 0px 0px;
z-index:100;
} 
.demos {
display:block; 
text-indent:-9999px;
width:47px;
height:52px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.demos:hover{
background:url(../planta/demos.png) no-repeat;
width:47px;
height:52px; 
position:absolute;
margin: 0px 0px;
z-index:100;
} 
.dosificaaler {
display:block; 
text-indent:-9999px;
width:26px;
height:20px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.dosificaaler:hover{
background:url("../planta/dosif_librealer.png") no-repeat;
width:26px;
height:20px; 
position:absolute;
margin: 0px 0px;
z-index:100;
} 
.desarrollo {
display:block; 
text-indent:-9999px;
width:104px;
height:79px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.desarrollo:hover{
background:url("../planta/desarrollo.png") no-repeat;
width:104px;
height:79px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
/*Salas de Renca */
.r_molienda{
display:block; 
text-indent:-9999px;
width:51px;
height:45px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_molienda:hover{
background:url(../planta/molienda_no_aler.png) no-repeat;
width:51px;
height:45px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_tamizado{
display:block; 
text-indent:-9999px;
width:53px;
height:21px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_tamizado:hover{
background:url(../planta/tamizado_no_aler.png) no-repeat;
width:53px;
height:21px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_bgptnoaler{
display:block; 
text-indent:-9999px;
width:77px;
height:104px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_bgptnoaler:hover{
background:url(../planta/bg_pt_no_aler.png) no-repeat;
width:101px;
height:104px; 
position:absolute;
margin: 0px 0px 0px -50px;
z-index:100;
}
.r_bgmpnoaler{
display:block; 
text-indent:-9999px;
width:146px;
height:138px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_bgmpnoaler:hover{
background:url(../planta/bg_mp_no_aler.png) no-repeat;
width:146px;
height:138px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_bgmpaler{
display:block; 
text-indent:-9999px;
width:51px;
height:88px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_bgmpaler:hover{
background:url(../planta/bg_mp_aler.png) no-repeat;
width:51px;
height:88px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_bameg{
display:block; 
text-indent:-9999px;
width:61px;
height:30px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_bameg:hover{
background:url(../planta/bameg.png) no-repeat;
width:61px;
height:30px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_oleo{
display:block; 
text-indent:-9999px;
width:54px;
height:20px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_oleo:hover{
background:url(../planta/oleoresina.png) no-repeat;
width:54px;
height:20px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_dosif_no_aler{
display:block; 
text-indent:-9999px;
width:91px;
height:40px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_dosif_no_aler:hover{
background:url(../planta/dosif_no_aler.png) no-repeat;
width:91px;
height:40px; 
position:absolute;
margin: 0px 0px;
z-index:100;
 }
.r_env_mzc_no_aler{
display:block; 
text-indent:-9999px;
width:123px;
height:23px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_env_mzc_no_aler:hover{
background:url(../planta/env_mzc_no_aler.png) no-repeat;
width:123px;
height:72px; 
position:absolute;
margin: -49px 0px 0px 0px;
z-index:100;
}
.r_gate345{
display:block; 
text-indent:-9999px;
width:178px;
height:38px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_gate345:hover{
background:url(../planta/gate345.png) no-repeat;
width:178px;
height:38px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_prep{
display:block; 
text-indent:-9999px;
width:33px;
height:132px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_prep:hover{
background:url(../planta/preparacion.png) no-repeat;
width:59px;
height:161px; 
position:absolute;
margin: -29px 0px 0px -26px;
z-index:100;
}
.r_mzc_liquidos{
display:block; 
text-indent:-9999px;
width:71px;
height:77px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_mzc_liquidos:hover{
background:url(../planta/mzc_liquidos.png) no-repeat;
width:71px;
height:77px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_transf_plv{
display:block; 
text-indent:-9999px;
width:26px;
height:57px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_transf_plv:hover{
background:url(../planta/tranf_polvos.png) no-repeat;
width:26px;
height:57px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_transf_lqd{
display:block; 
text-indent:-9999px;
width:27px;
height:43px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_transf_lqd:hover{
background:url(../planta/tranf_liquidos.png) no-repeat;
width:27px;
height:43px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_dosif_fino{
display:block; 
text-indent:-9999px;
width:28px;
height:29px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_dosif_fino:hover{
background:url(../planta/dosif_fino.png) no-repeat;
width:28px;
height:29px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_sel_spcs{
display:block; 
text-indent:-9999px;
width:25px;
height:19px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_sel_spcs:hover{
background:url(../planta/sel_especias.png) no-repeat;
width:25px;
height:19px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_mzc_polvos{
display:block; 
text-indent:-9999px;
width:96px;
height:77px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_mzc_polvos:hover{
background:url(../planta/mzc_polvos.png) no-repeat;
width:96px;
height:77px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_env_liquidos{
display:block; 
text-indent:-9999px;
width:124px;
height:78px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_env_liquidos:hover{
background:url(../planta/env_liquidos.png) no-repeat;
width:124px;
height:78px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_env_polvos{
display:block; 
text-indent:-9999px;
width:103px;
height:73px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
} 
.r_env_polvos:hover{
background:url(../planta/env_polvos.png) no-repeat;
width:102px;
height:73px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_bodega_pt{
display:block; 
text-indent:-9999px;
width:98px;
height:146px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
}
.r_bodega_pt:hover{
background:url(../planta/bg_pt.png) no-repeat;
width:134px;
height:186px; 
position:absolute;
margin: 0px -36px 0px 0px;
z-index:100;
}
.r_cooler{
display:block; 
text-indent:-9999px;
width:37px;
height:51px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
}
.r_cooler:hover{
background:url(../planta/cooler.png) no-repeat;
width:37px;
height:51px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_cooler_na{
display:block; 
text-indent:-9999px;
width:37px;
height:51px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
}
.r_cooler_na:hover{
background:url(../planta/cooler_na.png) no-repeat;
width:37px;
height:51px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_tecnica{
display:block; 
text-indent:-9999px;
width:256px;
height:17px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
}
.r_tecnica:hover{
background:url(../planta/area_tecnica.png) no-repeat;
width:256px;
height:17px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_ppiloto{
display:block; 
text-indent:-9999px;
width:49px;
height:45px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
}
.r_ppiloto:hover{
background:url(../planta/planta_piloto.png) no-repeat;
width:49px;
height:45px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_desarrollo{
display:block; 
text-indent:-9999px;
width:58px;
height:34px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
}
.r_desarrollo:hover{
background:url(../planta/desarrollo_r.png) no-repeat;
width:58px;
height:34px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_calidad{
display:block; 
text-indent:-9999px;
width:45px;
height:35px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
}
.r_calidad:hover{
background:url(../planta/calidad_r.png) no-repeat;
width:45px;
height:35px; 
position:absolute;
margin: 0px 0px;
z-index:100;
}
.r_gate126{
display:block; 
text-indent:-9999px;
width:15px;
height:63px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
}
.r_gate126:hover{
background:url(../planta/gate126.png) no-repeat;
width:32px;
height:63px; 
position:absolute;
margin: 0px -17px 0px 0px;
z-index:100;
}
.r_boc{
display:block; 
text-indent:-9999px;
width:800px;
height:306px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
}
.r_boc:hover{
background:url(../planta/boc.png) no-repeat;
width:800px;
height:306px; 
position:absolute;
margin: 0px 0px 0px 0px;
z-index:100;
}
.r_segundo{
display:block; 
text-indent:-9999px;
width:501px;
height:195px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
}
.r_segundo:hover{
background:url(../planta/segundo_piso.png) no-repeat;
width:501px;
height:195px; 
position:absolute;
margin: 0px 0px 0px 0px;
z-index:100;
}

/* Visor de maquinas */

.vista1{
display:block; 
text-indent:-9999px;
width:200px;
height:200px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
}
.vista1:hover{
background:url(../images/maquinas/vista.png) no-repeat;
width:200px;
height:200px;
position:absolute;
margin: 0px 0px 0px 0px;
z-index:100;
}
.vista2{
display:block; 
text-indent:-9999px;
width:200px;
height:200px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
}
.vista2:hover{
background:url(../images/maquinas/vista.png) no-repeat;
width:200px;
height:200px;
position:absolute;
margin: 0px 0px 0px 0px;
z-index:100;
}
.vista3{
display:block; 
text-indent:-9999px;
width:200px;
height:200px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
}
.vista3:hover{
background:url(../images/maquinas/vista.png) no-repeat;
width:200px;
height:200px;
position:absolute;
margin: 0px 0px 0px 0px;
z-index:100;
}
.vista4{
display:block; 
text-indent:-9999px;
width:200px;
height:200px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
}
.vista4:hover{
background:url(../images/maquinas/vista.png) no-repeat;
width:200px;
height:200px;
position:absolute;
margin: 0px 0px 0px 0px;
z-index:100;
}
.vista5{
display:block; 
text-indent:-9999px;
width:200px;
height:200px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
}
.vista5:hover{
background:url(../images/maquinas/vista.png) no-repeat;
width:200px;
height:200px;
position:absolute;
margin: 0px 0px 0px 0px;
z-index:100;
}
.vista6{
display:block; 
text-indent:-9999px;
width:200px;
height:200px;
outline:none;
background:url(../images/pc.gif) no-repeat; 
cursor:pointer;
}
.vista6:hover{
background:url(../images/maquinas/vista.png) no-repeat;
width:200px;
height:200px;
position:absolute;
margin: 0px 0px 0px 0px;
z-index:100;
}

/* cuadro de js */
.popup {
position:absolute; left:1200px; top:200px; 
background: #fff;
   font-size:10pt;
   padding:8px;
   color:#434949;
   width:350px; 
} 
.popup h3 {
margin:0;
margin-bottom:10px;
font-family: 'Cabin Condensed', sans-serif;
font-weight:bold;
font-size:20px;
border-bottom: 1px solid #FF9900;
}
/* coloca la "x" para que se cierre el cuadro */
.popup .close {
display:block;
text-indent:-9999px;
position:absolute;
top:4px;
right:4px;
width:16px;
height:16px;
outline:none;
background:url(../images/close.gif) no-repeat;
cursor:pointer;
}
.popup p {
	line-height: 16px;
	margin: 0px 10px;}
.popup strong{
	margin: 0px;
		line-height: 40px;
		border-bottom: 1px solid #FF9900;
}
/*.popup a{
	   color:#434949;
}
.popup a:visited{
	   color:#434949;
}
.popup a:hover{
	   font-weight: bold;
}
*/