@import url(common.css);

#btnRedondo
{
	height: 500px;
}

#noPresionado, #Presionado
{
	margin-top: 130px;
	margin-left: 40px;
}

#noPresionado img, #Presionado img
{
	cursor: pointer;
}

#Presionado
{
	display: none;
	margin-top: 150px;
}

#AccionBoton
{
	margin-top: 76px;
    border-width: 3px;
    border-style: dashed;
    display: none;
    height: 350px;
}

#Presionado img:last-child{
	width: 250px;
  	position: relative;
    left: 123px;
    bottom: 15px;
}

#cajaMetabolismo{
	margin:0 410px;	
	padding: 0;
	border-radius: 10px;
}

#cajaMetabolismo p{
	text-align: center;
	margin-top: 5px;
}

.cajasZoom{
	position: absolute;
}

.cajasZoom p{
	text-align: center;
	margin-bottom: 0;
}
/*
#cz1{left: 430px;top: 30px;width: 320px;}


#cz4{top: 270px;left: 10px;height: 80px; width: 390px;}

#cz6{top: 506px;left: 310px;width: 170px;}
#cz7{top: 506px;left: 540px;width: 170px;}
#cz8{top: 290px;left: 600px;width: 160px;height: 100px;}
#cz9{top: 290px;left: 826px;width: 169px;height: 88px;}
#cz10{top: 275px;left: 1050px;height: 110px;width: 176px;}
*/
#cz2{top: 150px;left: 140px;height: 34px;width: 200px;}
#cz3{top: 154px;left: 784px;height: 33px;width: 130px;}
#cz5{top: 407px;left: 406px;height: 37px;width: 190px;}

#z_cz1{left: 430px;top: 0px;width: 320px;height: 80px; text-align: center; padding-top: 10px;}
#z_cz2{top: 250px;left: 10px;height: 80px; width: 390px;}
#z_cz3{top: 486px;left: 310px;width: 170px;height: 60px; text-align: center; padding-top: 10px;}
#z_cz4{top: 486px;left: 540px;width: 170px;height: 60px; text-align: center; padding-top: 10px;}
#z_cz5{top: 270px;left: 600px;width: 160px;height: 100px;}
#z_cz6{top: 270px;left: 826px;width: 169px;height: 88px;}
#z_cz7{top: 255px;left: 1050px;height: 110px;width: 176px;}

#cz8 p, #cz9 p, #cz10 p{font-size: 22px;}
#cz8 input {width: 140px}
#cz8 input:first-child{width: 100px}

#cz9 input {width: 130px;}
#cz10 input {font-size: 18px;width: 170px;}

.tablaInfoNutricional
{
	width: 1190px;
	background: #bbe0e3;
	font-size: 36px;
	font-weight: bold;
}

.tablaInfoNutricional td
{
	border:2px solid white;
	margin-left: 10px;
}

.tablaInfoNutricional tr td:first-child {
    width: 440px;
}

.tablaInfoNutricional input
{
	width: 100%;
}

#btnSolucion{
	left: 487px;
	top: 10px;
	margin-bottom:20px; 
}

#videoInicial video{
	width:1230px;
	height: 500px;
}

p input{
	color:#333b3e;
}

.lupa
{
	position: absolute;
}

