@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
body{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:400}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.heading-font{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}

/* custom template */
html, body {
   height: 100%;
   font-family:'Open Sans',arial,sans-serif;
   background-color: #EEEEEE;
}
.logofondo{
	background: url(../logo.png) no-repeat left center;
	width:280px;
}

.logofondoxs{
	background: url(../logoxs.jpg) no-repeat left center; 
	margin-left:1%;
	width:210px;
}

.c1{
	background-color: #EAECEE;
}
.c2{
	background-color: #09F;
	height:auto;
}
.c3{
	width:50%; text-align:center; float:left;
}

.red{color: #F33}
.green{color: #0C9}
.navbar-bg{
	background-color:#2A2A31;
	border-color:#2A2A31
}

.marginM5{margin-top:-5px}
.marginM10{margin-top:-10px}
.marginM20{margin-top:-20px}

.margin10{
	margin-top:10px;
	min-height:550px;
	}

.margin50{
	margin-top:50px;
	min-height:550px;
	}

.publiTopXS {
	margin-top:15px;
}
.publiIzq {  
    color: #98a8b9;
	display:block;
	right:0;
	padding-top:15px;
	font-size:1.2em;
}

.publiIzqS {  
    color: #98a8b9;
	display:block;
	margin-top:15px;
	font-size:1.2em;
}

.publiDrcha {  
    color: #98a8b9;
	display:block;
	right:0;
	padding-top:15px;
	font-size:1.2em;
}


@media (max-width: 708px) {
  .home{
	font-size:4em;
	background-image:url(../IMAGENES/xs.jpg);
	padding-bottom:100px;
}

}

@media (min-width: 708px) {
	.home{
	font-size:6em;
	background-image:url(../IMAGENES/xs.jpg);
	min-height:600px;
	}
  .right20{ 
	padding-right:20px;
}
	.rightM20{
	margin-right:-64px;
}

  .right40{ 
	padding-right:40px;
}

 .textNAV{
	color: #C3C3C3;
    font-family:'Open Sans',arial,sans-serif;
    font-size:15px;
	}
.registro {
	width:auto;
	overflow:hidden;
	color:#FFF;
	background-color:#09F;
	padding:5px;
	
}
.right0 {margin-left:-15px;margin-right:-15px}
 
}
@media (max-width: 1200px) {
  .publiIzq {
    padding-right:0;
  }
  .home{margin-top:-50px;}
}
  @media (min-width: 1200px) {
  .logofondo{ 
	margin-left:1%;
  }
}

.home{
	 height:auto;
	 overflow:hidden;
	color:#FFF;
	padding-top:2.4em;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:center center;
		-webkit-background-size:cover;
		-moz-background-size:cover;
	background-size:cover;
	-o-background-size:cover;
}
.buttonsHome{
	margin-top:1em;
	margin-bottom:1em}

.centro{
    color: #98a8b9;
	height:auto;
	overflow:hidden;
	padding-top:15px;
	font-size:1.2em; 
}

.izq {
	text-align:left;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #98a8b9;
	padding-top:15px;
	font-size:13px;
}

.izq li{
  list-style-type: none;
}


.drcha{
	right:0;
	text-align:left;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #FC9;
	font-size:1.2em;
    height:auto;
	overflow:hidden;
	padding-top:15px;
}

.lou i{
  float:right;
  margin:0 25px;
  display:none;
  cursor: pointer;
}

.lou ul li:hover i{
  display:inline-block;
  background-color:#F00;
}

.has-error .form-control-feedback{
  top:0;
}


.bloque {
	cursor:pointer;
	font-size:inherit;
	display:block;
	height:auto;
	overflow:hidden;
	background-color:#FFF;
	border: 1px solid #DDDDDD;
	border-radius:5px;
	margin-bottom: 20px;
	text-align:center;
}
.content{padding:30px;}
.marginM15 {
	margin: -15px;
}
.marginM30 {
	margin: -30px;
}

.left {text-align:left;
margin-bottom:20px}
.bloqueIzq {
	cursor:pointer;
	font-size:inherit;
	display:block;
	height:auto;
	overflow:hidden;
	background-color:#FFF;
	border: 1px solid #DDDDDD;
	margin-bottom: 20px;
	margin-left: -10px;
	padding:10px;
}

.bloqueDrcha {
	cursor:pointer;
	font-size:inherit;
	display:block;
	height:auto;
	overflow:hidden;
	background-color:#FFF;
	border: 1px solid #DDDDDD;
	margin-bottom: 20px;
	padding:10px;
}
.subtotal{
    font-family:'Open Sans',arial,sans-serif;
	cursor:pointer;
	display:block;
	height:auto;
	overflow:hidden;
	background-color:#EAECEE;
	margin: -10px 15px 15px 15px;
	border-radius:5px;padding-top:10px;
	padding:10px;
	
}
.subtotaltext{
	font-size:14px;
	color: #666;
	margin-top:6px;
}
.subtotalbutton{
	width:20%;
}

 
.headALM {
	background-color:#428BCA;
	border-bottom:4px solid #8AB5D9;
	height:40px;
}
 


.bloque h2{
	margin-top:0px;
	padding-top:10px;
	color: #FFF;
	margin-bottom:8px
}
.bloque h3{
	margin-top:0px;
	padding-top:4px;
	color: #FFF;
	margin-bottom:8px
}
.bloque h4{
	margin-top:0px;
	padding-top:4px;
	color: #FFF;
	margin-bottom:8px
}
.bloque h5{
	color: #333;
}

.sumasIzq {
	font-size:13px;
	display:block;
	height:auto;
	overflow:hidden;
	margin-bottom: 8px;
	padding-bottom:3px;
	border-bottom:1px solid #EEE;
}


.bloqueTOTALi {
	display:block;
	height:auto;
	overflow:hidden;
	padding:10px; 
	background-color:#EAECEE;
	text-align:left;
	font-size:21px;
	margin-top:5px;
	padding-bottom:20px;
	border-top:1px solid #EEE;
	}
.bloque25{
		width:24%;
		margin-right:1%;
		float:left;
	}
.bloqueTOTAL {
	text-align:center;
	background-color:#3CF;
	margin-top:5px;
	border-top:1px solid #EEE;
	}

.nav-text {
	float:left;
	color: #F36;
	font-size: 14px; 
	padding-top: 16px;
	height: 50px;
}
	
.boton {
	margin-bottom: 10px;
	float:none;
	font-size:inherit;
	background-color:#D9534F;
	color: #FFF;
	margin-top:10px;
}



.btn:hover{color:#FFF}

.alimentoBloque {
	background-color:#F2F2F2;
	margin-bottom:10px}
	
.textoNum{
	font-size:12px;
	color: #333;
	margin-right:2px
}
.textoUds{
	font-size:10px;
	color:#333;
	margin-right:6px
}

.btt{padding-top:20px;}

.footer {
	position:fixed;
	bottom:0;
	width:100%;
	height:26px;
	text-align:center;
	padding-top:5px;
	background-color:#2e353d;
	color: #FFF;
	font-size:1em;
}

.sugerencias{
	cursor:pointer;
	font-size:inherit;
	display:block;
	height:auto;
	overflow:hidden;
	background-color:#FFF;
	border: 1px solid #DDDDDD;
	margin-top:15px;
	margin-bottom: 20px;
	text-align:center;}
	
.headSugerencias{
	background-color:#428BCA;
	border-bottom:4px solid #8AB5D9;
	height:55px;
	color:#FFF;
	text-align:center;
}	
.headSugerencias h2{	
	margin-top:10px;
}
.top{
	vertical-align:top;
	padding-top:10px;}

.formIMC{
	background-color:#FFF;
	border: 1px solid #EEEEEE;
	border-radius: 10px;
	display:block;
	padding:10px;}
	
.botonIMC {
	margin-top:15px;
	margin-bottom:5px;
text-align:center}
.IMCtext{
	font-size:14px}
	
.centroGuarda{
	margin-top:50px;
	display:block;
	padding:20px;
background-color:#FFF;
border:1px solid #CCC;
border-radius:10px;}


.inicio{
	cursor:pointer;
	font-size:inherit;
	display:block;
	height:auto;
	overflow:hidden;
	background-color:#FFF;
	border: 1px solid #DDDDDD;
	margin-top:72px;
	margin-bottom: 20px;
	text-align:center;
}

.inicio i{
	font-size:17px;
	margin-riht:12px;
	}
	
.contenedorSesion{
	
	background-color:#FFF
	}

.aSesion{
	color: #666;
	font-size:21px;
	font-weight:bold;
	padding:14px;
	border-width: 1px 1px 0px 1px;
	border-color: #CCC;
    border-style: solid;
	background-color: #FFF;
	height:50px;
	float:left
	}
.bSesion{
	color:#06C;
	font-size:16px;
	font-weight:bold;
	padding:12px;
	border-width: 0px 0px 1px 0px;
	border-color: #CCC;
    border-style: solid;
	background-color: #F2F2F2;
	height:50px;
	float:left
	}
	
.aSesionR{
	color:#06C;
	font-size:16px;
	font-weight:bold;
	padding:12px;
	border-width: 0px 0px 1px 0px;
	border-color: #CCC;
    border-style: solid;
	background-color: #F2F2F2;
	height:50px;
	float:left
	}
.bSesionR{
	color: #666;
	font-size:21px;
	font-weight:bold;
	padding:14px;
	border-width: 1px 1px 0px 1px;
	border-color: #CCC;
    border-style: solid;
	background-color: #FFF;
	height:50px;
	float:left
	}
	
.cSesion{
	padding-top:20px;
	padding-bottom:40px;
	border-width: 0px 1px 1px 1px;
	border-color: #CCC;
    border-style: solid;
	height:auto;
	float:left
	}
	
	
.tusDatosMenu{
	padding:10px;
	cursor:pointer;
	font-size:inherit;
	display:block;
	height:auto;
	overflow:hidden;
	background-color:#FFF;
	border-radius:10px;
	border: 1px solid #DDDDDD; 
	margin-right:8px;
	margin-top:22px;
	margin-bottom: 20px;
	text-align:center;
}
.tusDatos{
	padding:1px 20px 20px 20px;
	cursor:pointer;
	font-size:inherit;
	display:block;
	height:auto;
	overflow:hidden;
	background-color:#FFF;
	border-radius:10px;
	border: 1px solid #DDDDDD; 
	margin-right:-10px;
	margin-top:22px;
	margin-bottom: 20px;
}
.fotoUser {
	margin-top:10px;
	margin:auto;
	height:100px;
	width:100px;
	margin-bottom:20px;
	border-radius:50%;
	background-color:#666;
	background-image:url(../IMAGENES/default.jpg);
	background-position:center;
	background-size:110%}
	
	
	
	
.verDieta{
	cursor:pointer;
	font-size:inherit;
	display:block;
	height:auto;
	overflow:hidden;
	background-color:#FFF;
	border: 1px solid #DDDDDD;
	margin-top:15px;
	margin-bottom: 20px;
}
.cabeceraVER{
	font-size:14px;
	line-height:25px;
	margin-bottom:20px;
	margin-left:20px;
}
	
.contenidoVER{
	padding-bottom:20px;
	margin-left:30px;
}

.footerLG { 
bottom:0;
	height:50px;
	overflow:hidden;
	text-align:center;
	padding-top:15px;
	padding-bottom:20px;
	background-color:#2A2A31;
	color: #FFF;
	font-size:1em;
}

.navFooter{color: #666;}

.text8{font-size: 9px;}

.filter {font-size:9px;}

.botonacos{
	background-color:none;
	border:3px solid #069}
	
.botonacos:hover{
	background-color:#069;
	border:3px solid #FFF;
	color:#FFF;}
	
	.botonacos2{
	background-color:#069;
	border:3px solid none;
	color:#FFF;}
	
.botonacos2:hover{
	background-color: #F03;
	border:3px solid #FFF;
	color:#FFF;}
	


.intro-text{padding-top:100px;padding-bottom:50px}
.intro-text .intro-lead-in{font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;}
.intro-text .intro-heading{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;}