/*Colores
	Azul: 1867aa
	Naranja:ff7200
	Gris claro:bebebe
	Gris clarotexto:929292
	Gris oscuro:5a4949
	gris oscuro2:1e1e1e
	gris clarito:fcfcfc
*/
	* {
		box-sizing: border-box;
	}
	html, body {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
		font-family: Arial;
		color: #666;
		font-size: 1.2em;
    }
	input[type=submit]{
		color: #fff;
		border: 0px;
		padding: 18px 50px;
		background: #1867aa;
		margin:15px 0 25px;
		font-size: 1.1em;
    }
	.naranja{background: #ff7200; color: #fff;}
	.naranja.boton{
        padding: 47px 10px 0;
    text-align: right;
    overflow: hidden;
    height: 91px;
    font-size: 2.1em;}
	.naranja.boton2{
        padding: 10px 10px 0;
    text-align: right;
    overflow: hidden;
    font-size: 2.1em;}
	.naranja.depto{
        padding: 10px 10px 0;
    text-align: right;
    overflow: hidden;
    height: 91px;
    font-size: 1.4em;}
	.azul{background: #1867aa; color: #fff;}
	.azul.itemsmenu{
        padding: 10px;
		text-align: center;
		overflow: hidden;
		font-size: 0.8em;
		margin: 0 5px;
	}
	:input-placeholder { color: #55a4949; } /* WebKit */
	:-webkit-input-placeholder { color: #55a4949; } /* WebKit */
	:-moz-placeholder { color: #55a4949; } /* Firefox 18- */
	:-moz-placeholder { color: #55a4949; } /* Firefox 19+ */
	:-ms-input-placeholder { color: #55a4949; } /* IE 10+ */

	input[type="text"],input[type="date"],input[type="file"],input[type="password"],input[type="email"],input[type="number"],select{
		padding: 10px 6px;
		margin: 5px 0;
		border: 1px solid #999;
		width: 90%;
		background: #fff;
		font-size: 1.3em;
	}
	select{

	}

	.center{ text-align: center;}


	h1{
		font-weight: normal;
		font-size: 2rem;
	}

	a{
		color: #3d6887;
	}

	table{
		width: 100%;
		border-spacing: 0px;
	}

	th{
		padding: 10px;
		font-size:0.8em;
		color: #aaa;
		height: 10px;
		border-bottom: 1px solid #ddd;
		font-weight: normal;
		text-align: left;
	}

	.thnogrande th{
		padding: 10px;
		font-size:1em;
	}
	th img{
		vertical-align: middle;
	}

	th a{
		text-decoration: none;
	}

	th a:hover{
		text-decoration: underline;
	}

	td{
		padding: 5px;
		border-bottom: 1px solid #ddd;
	}

	td a{
		text-decoration: none;
		color: #333;
		background: #ddd;
		padding: 3px;
		border-radius: 5px;
	}
	td a:hover{
		text-decoration: none;
		color: #111;
		background: #aaa;
		padding: 3px;
		border-radius: 5px;
	}

	/*td:nth-child(even){
		background: #f9f9f9;
	}*/

	.pequenosea td{
		font-size: 0.9em;
		padding: 1px;
	}
	.pequenosea{
		max-width: 600px;
	}

	#headerlogued{
		background-color: #fff;
    height: 150px;
    position: relative;
    background-image: url(../recursos/header.jpg);
    background-size: 100%;
    background-position: center center;
	}

	.moneda{
		background: #fbfbfb;
		border: 1px solid #cecece;
		padding: 10px !important;	}

	.moneda .compra{

		border-right: 1px solid #cecece;
			}
	.moneda .venta{

		border-right: 1px solid #cecece;
			}

	.moneda h3{
		margin: 0px !important;
	}

	.moneda img{
		vertical-align: middle;
	}

	#dataform span{
		border-top: 1px dotted #999;
		padding: 5px 0 0px 0px;
		display: block;
		margin-top: 10px;
	}

	#logo{
		background-image: url(../recursos/logo.png);
		background-repeat: no-repeat;
		width: 500px;
		height: 150px;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 100;
	}

	#contacto{
		background-image: url(../recursos/contacto.png);
		background-repeat: no-repeat;
		width: 400px;
		height: 150px;
		position: absolute;
		top: 0px;
		right: -55px;
		z-index: 100;
	}

	#header{
		background-color: #1867aa;
		position: relative;
		    padding: 173px 0 0;
	}

	#header #iniciosesion{
		background-image: url(../recursos/iniciosesion.png);
		background-repeat: no-repeat;
		background-position: bottom center;
		background-color: #1867aa;
		background-size: 100%;
		height: 56px;
		max-width: 525px;
		margin: auto;
	}

	#logo3{
		background-image: url(../recursos/logo.png);
		background-color: #fff;
		background-repeat: no-repeat;
		width: 164px;
		margin: auto;
		height: 46px;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	#logo2{
		background-image: url(../recursos/logo2.png);
		background-color: #fff;
		background-repeat: no-repeat;
		width: 346px;
		margin: auto;
		height: 124px;
		position: absolute;
		top: 85px;
		left: 52px;
	}

	#resultadopeso{
		font-size: 2em;
		padding: 61px;
	}

	#contenidoblanco{
		background: #fff;
		margin: auto;
		max-width: 100%;
	}

	#contenidoblanco2{
		background: #fff;
		margin: auto;
		max-width: 811px;
		position: relative;
	}

	#contenidoblanco3{
		background: #fff;
		padding: 40px 15px 15px;
		margin: auto;
		max-width: 640px;
		position: relative;
	}

	#contenidoblanco p{
		font-size: 0.9rem;
		text-align: justify;
	}
	#errorlogin{
		display: none;
	}

	#loginventana{
		max-width: 700px;
		margin: auto;
		padding-left: 20px;
		text-align: center;
		margin-top: 20px;
	}

	#loginventana input[type=password],#loginventana input[type=text]{
			max-width: 90% !important;
			border: 0;
			border-bottom: 4px solid #bebebe;
			color: 5a4949;
			padding: 10px 20px;
			font-size: 1em;
	}



	#pie{
		max-width: 841px;
		margin:auto;
		padding: 5px 0;
	}

	#pie .item{
		float: left;
		margin: 0 10px 0 0;
		text-align: center;
		padding: 5px;
		color:  #333;
		border-radius: 5px;
		background: #fff;
		font-size: 0.8rem;
		opacity:0.5;

	}

	#pie .item a{
		text-decoration: none;
		color: #000;
	}

	#pie .item:hover{
		background: #f6f6f6;
		color: #000;
		opacity:1;
	}
	#loginm .item{
		float: right;
		margin: 3px;
		text-align: center;
		padding: 5px;
		border-right: 1px solid #aaa;
		color:  #333;
		cursor: pointer;
	}
	#menu{
		position: absolute;
		top: 46px;
		left: 0px;
		width: 212px;
		z-index: 90;
		background: #fff;
	}
	#tapa-contenido{
		position: fixed;
		top: 0;
		left:0;
		display: none;
		z-index:50;
		width: 100%;
		height: 100%;
		background: #000;
		/* IE 8 */
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

		  /* IE 5-7 */
		  filter: alpha(opacity=50);

		  /* Netscape */
		  -moz-opacity: 0.5;

		  /* Safari 1.x */
		  -khtml-opacity: 0.5;

		  /* Good browsers */
		  opacity: 0.5;
	}

	#menu img{
		/*vertical-align: middle;*/
	}

	#menu .item{
		    text-align: left;
			padding: 10px 0 10px 30px;
			border-bottom: 1px solid #ddd;
			color: #333;
			cursor: pointer;
			background: #fff;
			font-size: 0.8em;
	}
	#menu .item:hover{
			background: #f2f2f2;
	}
	#menu .item:first-child{
		border-left: 0;
	}
	#menu .item a{
		text-decoration: none;
		color: #333;
	}

	#ocultoregistrar{
		display: none;
	}

	#tomadedatos{
		max-width: 285px;
		background: #fff;
		padding: 10px;
		border: 1px solid #ddd;
		position: absolute;
		top: 111px;
		display: none;
	}
	#consumo{
		max-width: 434px;
	}
	#consumo .info{
		position: relative;
		float: left;
		padding: 2%;
		margin-left: 1%;
		border-bottom: 4px solid #aaa;
		text-align: right;
		cursor: pointer;
		width: 28.33%;
	}

	#consumo .info .actualizarinfo{
		position: absolute;
		top: 10px;
		left: 10px;
		background: #fff;
		padding: 5px;
		border: 1px solid #f3f3f3;
		width: 192px;
		z-index: 200;
		display: none;
	}

	#consumo .info .titulo{
		margin-bottom: 8px;
		font-size: 1.3em;
	}

	#consumo #water{
		background: url("../recursos/water.png") no-repeat 0px 10px;
	}

	#consumo #kcal{
		background: url("../recursos/kcal.png") no-repeat 0px 10px;
	}

	#consumo #ejercicio{
		background: url("../recursos/exercise.png") no-repeat 0px 10px;
	}

	#ingredientes{
		position: relative;

	}

	#ingredientes #resultados{
		max-width: 600px;
		border: 1px solid #ddd;
		display: none;
		position: absolute;
		top: 32px;
		background: #fff;
		z-index: 10;
	}
	#ingredientes #resultados .ingrediente{
		cursor: pointer;
	}
	#ingredientes #resultados .ingrediente:hover{
		background: #f3f3f3;
	}
	#ingredientes input{
		margin: 0;
	}

	.registro{
		border-right: 1px solid #ddd;
		margin: 0 20px 0 0;
		padding: 0 20px;
	}

	.chicos{
		border-bottom: 1px dotted #ddd;
		padding: 10px 0 16px;
	}

	#addchild{
		padding: 20px;
	}
	#dieta{
		display: none;
	}
	/*clases geberales*/
	.optiona{
		display: inline-block;
		padding: 5px;
		color: #333;
		text-decoration: none;
		font-size: 0.8em;
		background: #f3f3f3;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-radius: 6px;
		margin: 10px;
	}

	.optiona img{
		vertical-align: middle;
	}

	.gran{
		font-size: 2em;
		color: #ff6000;
	}

	.calculapeso{
		width: 65px !important;
		font-size: 2em;
	}
	.fichas{
		display:none;
	}
	.data{
		border: 1px;
		font-weight: bold;
	}

	.cincuenta{
		width: 50%;
	}

	.data.bien{
		border-color: #22672b;
		background: #e6ffe9;
		color: #22672b;
	}

	.data.critico{
		border-color: #8e2323;
		background: #ffa7a7;
		color: #8e2323;
	}

	.data.alarmante{
		border-color: #bd5a04;
		background: #ff8c15;
		color: #bd5a04;
	}

	.data.mediano{
		border-color: #656700;
		background: #fffca7;
		color: #656700;
	}

	.clear{
		clear: both;
	}

	.mensajesx{
		color: #fdfdfe;
		font-size: 0.8rem !important;
		margin: 0 10px;
	}

	.menor{
		font-size: 0.8rem !important;
		color: #999;
		font-weight: normal;
	}
	.error{
	padding: 5px;
    background: #f9cbcb;
    color: #d01c1c;
    font-weight: bold;
    font-size: 0.8rem;
	}
	.amarillo{
		background: #fdff51;
	}

	.rojo{
		background: #fb3030;
		color: #fff;
	}

	.verde{
		background: #3d6887;
		color: #fff;
	}
	.loading{
		background: url(../recursos/loading.gif) center -17px no-repeat;
		width: 82px;
		height: 24px;
		margin: auto;
		margin-bottom: 10px;
		background-size: 68px;
	}
	.left{ float: left; }
	.right{ float: right; }
	.text-right{ text-align: right; }
	.ok{color: #359c33;   padding: 5px;    background: #ddffe0;}
	.nok{    color: #9c3333;    padding: 5px;    background: #ffdddd;}
	.mensajeemergente{position: absolute;z-index: 4000;background: #fff;padding: 7px;border-radius: 6px;  font-size: 0.8em;   color: #666; display: none;}
	.eliminarpautascompare{cursor: pointer;font-size: 0.75rem;background: #333;padding: 3px;border-radius: 5px;color: #fff;display: inline-block;margin: 5px;}
	.link{    font-size: 0.7rem;padding: 0 9px 0 0;color: #999;text-decoration: underline;}
	.large-input-bot{        margin: 5px 0 0; width: 277px;}
	.min-input{ width: 50px !important; }
	[class*="col-"] {
		float: left;
		padding: 10px;
	}
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
	.itemproducto{
		border-bottom: 1px solid #333;
		font-size: 1.2em;
		color: #333;
	}
	.itemproducto .descripcion{
		color: #999;
		font-size: 0.6em;
	}

	.itemproducto .componente{
		background: #f3f3f3;
		border: 1px solid #333;
		color: #333;
		padding: 10px;
		margin: 1px 0 0 15px;
		cursor: pointer;
	}
	.itemproducto .componente:hover{
		background: #333;
		color: #f3f3f3;
	}

	.itemproducto .componente.seleccionado{
		background: #333;
		color: #f3f3f3;
	}


	#noticias{
		position: absolute;
		bottom: 0px;
		padding: 10px;
		color: #fff;
		background: #333;
		border: 1px solid #000;
		}

	@media screen and (max-width: 1000px) {
		.col-4 {width: 50%;}
		#header {
			padding: 123px 0 0;
		}
		#logo{
			background-size:100%;
			width: 130px;
		}
	}

	@media screen and (max-width: 800px) {
		.col-4 {width: 100%;}
		#logo{
			background-size:100%;
			width: 90px;
		}
		#header {
			padding: 73px 0 0;
		}
	}