/*----------------------------------------------Estilos de la pagina---------------------------------------*/
@media (min-width: 1200px)
{
	/*default so you don't need this*/
	#hambreContent #mente{
		padding-left: 80px;
	}

	#hambreContent #figuraIdeal{
		padding-left: 80px;
	}

	#inicioContent #textos p{
		font-size: 70px;
	}


}

@media only screen and (min-width : 768px) {

	#eficaznatural{
		margin-top: 40px;
	}

	#inicioContent #textos p{
		font-size: 40px;
	}
}

@media only screen and (min-width : 992px) {
	#header{
		margin-top: 30px;
	}

	#inicioContent #textos p{
		font-size: 60px;
	}
}




*{
	font-family: 'Lato', sans-serif;
}

body{
	font-family: 'Lato', sans-serif;
	color: #474242;
}

h2{
	font-size: 60px;
	margin-bottom: 20px;
	font-weight: 100;
}

h2 strong{
	font-weight: 100;
}

h3{
	font-size: 25px;
	margin-bottom: 20px;
	font-weight: 400;
}

h4{
	font-size: 16px;
	text-align: center;
	border-bottom: 1px solid black;
	margin-bottom: 20px;
}

p{
	font-size: 22px;
	margin-bottom: 20px;
	font-weight: 300;
}

a{
	color: #00bd9d;
}

strong{
	color: #219e8e;
}

.portrait{
	float: left;
	margin-right: 10px;
	height: 180px;
}

nav{
}

nav ul{
	text-align: center;
}

nav ul li{
	list-style: none;
}

nav li.menu:hover{
	background: rgba(85,168,157,0.80);
}

nav li a{
	color: #474242;
	font-size: 14px;
	text-decoration: none;
}

nav li.menu:hover > a{
	color: white;
}

nav li.noticias{
	margin-right: 0px;
	padding-right: 35px;
}

nav li ul.submenu{
	position: absolute;
	top: 47px;
}

nav li ul.submenu li{
	display: block;
	float: left;
	background: rgba(255,255,255,0.80);
	text-align: center;
	margin-right: 3px;
	padding: 10px 0px;
	width: 189px;
}

nav ul.submenu li:hover{
    color: white;
    background: rgba(85,168,157,0.80);
}

.menuButton{
	padding-top: 5px;
	padding-bottom: 5px;
}

.menuButton a{
	color: #333333;
	font-size: 14px;
}

.menuButton:hover{
	color: white;
	background: rgba(85,168,157,0.80);
}

.menuButton:hover a{
	color: white;
	text-decoration: none;
}

.modal-body ul.menu {
	margin-top: 20px;
}

.modal-body ul.menu li{
	text-align: center;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 20px;
	list-style: none;
}

.modal-body ul.menu li a{
	color: #333333;
}

input{
	border: none;
	box-shadow: inset 0px 0px 5px rgba(71,66,66,0.35);
	padding: 10px;
	width: 260px;
	font-size: 14px;
}

textarea{
	border: none;
	box-shadow: inset 0px 0px 5px rgba(71,66,66,0.35);
	padding: 10px;
	width: 260px;
	font-size: 14px;
	height: 100px;
}

input.bt{
	background: #00bd9d;
	color: white;
	border-bottom: 3px solid #00947d;
	width: 100px;
	text-align: center;
	box-shadow: none;
}

#datos{
	color: #219e8e;
	font-size: 20px;
	padding-top: 5px;
	z-index: 10;
	background: rgba(255,255,255,0.80);
}

#datos span{
	font-size: 28px;
	margin-right: 10px;
}

#datos span a{
	color: #219e8e;
}

#inicio{
	background: url(../images/inicio-bg.gif);
	text-align: center;
	position: relative;
	z-index: 1;
}

#inicioContent{
	background: url(../images/inicio-content.jpg) left top no-repeat;
	height: 620px;
	z-index: 1;
}

#inicioContent #textos{
	position: relative;
}

#inicioContent #textos h1{
	padding-top: 125px;
	font-size: 50px;
	color: white;
	font-weight: bold;
}

#inicioContent #textos p{
	color: #474242;
	font-weight: 300;
	line-height: normal;
}

#inicioContent #textos p#loadMore{
	text-align: center;
	font-size: 24px;
	color: #474242;
	font-weight: 300;
}

.banner{
	background: white;
}
.banner header{
	color: white;
	background: #219e8e;
	font-size: 22px;
	padding: 8px 0px;
}
.banner header strong{
	color: white;

}

#ley{
	background: url(../images/leycalorias-bg.gif) repeat-x #c7e7e3;
	padding-top: 20px;
	padding-bottom: 20px;
}

#leycaloriasContent h2{
	text-align: left;
	/* margin-top: 85px; */
}

#leycaloriasContent p{
	text-align: left;
}

#leycaloriasContent article{
	margin-top: 20px;
	margin-bottom: 100px;
}

#leycaloriasContent article p{
	text-align: center;
}

#leycaloriasContent article footer{
	border-bottom: 15px solid #85cac1;	
	padding: 0px;
}

#leycaloriasContent #engordamos{
	border-right: 1px solid white;
	margin-right: 0px;
	padding-right: 9px;
}

#leycaloriasContent #mantenemos{
	border-left: 1px solid white;
	margin-left: 0px;
	padding-left: 9px;
}

#hambre{
	background: url(../images/elhambre-bg.gif);
	text-align: center;
}

#hambreContent{
	background: url(../images/elhambre-content.jpg) center top no-repeat;
	height: 620px;
	position:relative;
	padding-top: 95px;
}

#hambreContent #cerebro{
	padding-top: 20px;
	padding-left: 60px;
}

#hambreContent #cerebro p{
	font-size: 22px;
	font-weight: 900;
	color: #474242;
	text-transform: uppercase;
}

#hambreContent #cerebro strong{
	color: #219e8e;
}

#hambreContent #mente {

}

#hambreContent #mente p{
	font-size: 22px;
	font-weight: 900;
	color: #474242;
	text-transform: uppercase;
}


#hambreContent #mente strong{
	color: #219e8e;
}

#hambreContent #figuraIdeal{
	padding-top: 20px;
}

#hambreContent #figuraIdeal h2{
	font-size:50px;
}
#intro{
	background: url(../images/intro-bg.gif);
	text-align: center;
}

#introContent{
	background: url(../images/intro-content.jpg) center top no-repeat;
	height: 620px;
}

#bgv{
	background: url(../images/bgv-bg.gif) repeat-x #c7e7e4;
	text-align: left;
}

#bgvData{
	padding-top: 20px;
}

#bgvContent{
}

#bgvContent h2.first{
	font-size: 55px;
	font-weight: 100;
	text-align: left;
	margin-top: 60px;
	color: #474242;
	margin-bottom: 0px;
}

#bgvContent h2{
	font-size: 55px;
	font-weight: 100;
	text-align: left;
	margin-top: 0px;
	color: #474242;
	margin-bottom: 0px;
}

#bgvContent h2.first{
	margin-top: 15px;
}

#bgvContent p{
	font-size: 22px;
	font-weight: 100;
	text-align: left;
	margin-top: 30px;
	color: #474242;
}

.green{
	color: #219e8e;
}

#bgvContent strong.green{
	color: #219e8e;
	font-size: 20px;
}

#bgvContent .slash{
	margin-left: 20px;
}

#bgvContent .arrowGreen{
	margin-left: 120px;
}

#completar{
	background: url(../images/completar-bg.gif) repeat-x;
	padding-top: 40px;
	padding-bottom: 40px;
}

#completar h2{
	font-size: 40px;
}

#completar article p{
	font-size: 24px;
	font-weight: 900;
	text-transform: uppercase;
	color: #474242;
}

#quienesSomos{
	margin: 0px auto;
	text-align: center;
}

#armando{
	margin-top: 80px;
	color: #474242;
}

#testimonios{
	margin: 0px auto;
	text-align: center;
	color: #474242;
	padding-bottom: 50px;
}

#testimonios table{
	width: 100%;
}

#testimonios td{
	text-align: center;
}

#contacto{
	background: url(../images/contacto-bg.jpg) center top;
	padding-top: 70px;
}

#contacto h3{
	text-align: center;
	font-weight: 300;
	margin: 15px;
}

#consultanos{
	background: rgba(255,255,255,0.90);
	padding: 10px;
	margin-bottom: 20px;
}

#consultanos input{
	width: 100%;
	margin-bottom: 5px;
}

#consultanos textarea{
	width: 100%;
}

#contactanos{
	background: rgba(255,255,255,0.90);
	padding: 10px;
}

#contactanos table{
	width: 100%;
}

#contactanos td{
	width: 50%;
	text-align: center;
}

.note{
	font-size: 12px;
}

#noticias{
	text-align: center;
	padding: 70px 0px;
}

footer{
	padding: 30px;
}

footer p{
	font-size: 12px;
}

footer p#trigger{
	text-align: center;
}

#sendOK{
	
	width: 450px;
	margin: 0px auto;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(74, 25, 168, 0.9);
	z-index: 99999;
	padding: 30px;
}

#sendOK h2{
	font-size: 32px;
	color: white;
}

#sendOK p{
	color: white;
}


#inner{
    //background: url(../images/inicio-bg.gif);
    position: relative;
    margin-top: 100px;
    z-index: 1;
}

#inner h1{
	font-size: 50px;
	font-weight: 100;
}

#inner h1 strong{
	font-weight: 100;
	color: #000000;
}

#innerContent{
    //background: url(../images/inicio-content.jpg) center top no-repeat;
    z-index: 1;
}

#innerContent #textos{
    position: relative;
}



#innerContent h2 {
	font-size: 30px;
	font-weight: normal;
	text-align: left;
	color: #219e8e;
}
#innerContent #textos p{
    color: #474242;
}

button{
    background: rgba(85,168,157,0.80);
    padding: 20px;
    font-size: 50px;
    margin: 20px;
    color: white;
    border: none;
    box-shadow:0px 0px 10px rgba(0, 94, 54, 0.40);
    cursor: pointer;
}

#innerContent button:hover{
    background: rgba(73, 145, 134, 0.80);
}

#innerContent ul{
	margin-bottom: 20px;
}

#innerContent ul li{
	text-align: left;
	list-style: circle;
	margin-left: 30px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 100;
}


#innerContent #textos p.q{
	font-size: 20px;
	color: #219e8e;
	margin-top: 30px;
	font-weight: normal;
}

.clearfix{
	clear: both;
	display: block;
}

.terapeutas{
	text-align: left;
}



/*--------------------------------------------------------Mobile----------------------------------------------------*/

#datos-xs .row{
	padding-top: 10px;
	height: 50px;
	font-size: 25px;
}

.nopadding{
	padding: 0px;
}

#inicioMobile{
	background: url("../images/inicioBGMobile.jpg") bottom left;
	background-size: cover;
	height: 100vh;
}



#inicioMobileContent h1{
	color: #ffffff;
	background: rgba(92, 178, 167, 0.51);
	font-size: 40px;
	padding: 10px 0px;
}

#hambreMobile{
	background: url("../images/elhambre-contentXS.png") top left;
	background-size: cover;
	height: 346px;
	padding-top: 130px;
	padding-left: 35px;
}

.modal-backdrop{
	background: #ffffff;
	opacity: 0.8;
}

.modal-backdrop.in {
	filter: alpha(opacity=90);
	opacity: .9;
}

.modal-content {
	position: relative;
	background-color: transparent;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: none;
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

button.glyphicon{
	background: transparent;
	padding: 0px;
	font-size: 24px;
	margin: 0px;
	color: black;
	border: none;
	box-shadow: none;
	cursor: pointer;
}


.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }

.dotted{
	border: dotted 2px rgba(92, 178, 167, 0.51);
	padding: 20px;
}

#bascula{
	background: url("../images/fondoBascula.jpg") top left;
	background-size: cover;
	padding: 20px 0px;
}

#puntoFuerte{
	background-color: #ecf6f5;
}

#header{
	text-align: center;
	position: relative;
	margin-top: 100px;
	z-index: 1;
}

#header h1{
	color: #219e8e;
}

#ventajas{
	background: url("../images/fondoPierdePeso.jpg") top left;
	background-size: cover;
	padding: 20px 0px;

	font-size: xx-large;
}

#ventajas ul{
	margin: 0px;
	padding: 0px;
}

#ventajas ul li{
	list-style: none;
	background: url("../images/check.png") left center no-repeat;
	padding-left: 75px;
	font-family: 'lato';
	font-weight: 300;
	min-height: 62px;
}

#palidGreenBg{
	background: url("../images/fondoPierdePeso.jpg") top left;
	background-size: cover;
	padding: 20px 0px;
}

#palidGreenBgBrain{
	background: url("../images/bandacerebro.jpg.html") top left;
	background-size: cover;
	padding: 20px 0px;
}

#strongGreen{
	 background: url(../images/elhambre-bg.gif);
	padding-top: 15px;
 }

.strongGreen{
	background: url(../images/elhambre-bg.gif);
	padding-top: 15px;
}

.medium{
	font-size: medium;
}

.big{
	font-size: large;
}

.bigger{
	font-size: xx-large;
}

.epic{
	font-size: 50px;
}


.CallForAction{
	margin: 15px 0px;
	background: rgb(0%, 73%, 70%);;
	padding: 20px;
	border-radius: 10px;
	color: white;
}

.buttonYellow{
	background: rgb(255, 233, 7);;
	padding: 10px;
	border-radius: 10px;
	color: black;
	-webkit-box-shadow: 5px 5px 6px 1px rgba(0,0,0,0.23);
	-moz-box-shadow: 5px 5px 6px 1px rgba(0,0,0,0.23);
	box-shadow: 5px 5px 6px 1px rgba(0,0,0,0.23);
}

.buttonYellow a{
	color: black;
}

.buttonYellow a:hover{
	text-decoration: none;
}


.CallForAction strong{
	color: white;
	font-weight: 300;
}

.CallForAction a{
	color: white;
	font-weight: 300;
}


#noLoConsigues{
	background: url("../images/sonrisa.png") right center no-repeat;
}

#noLoConsigues h1{
	margin-bottom: 40px;
	font-weight: 100;
	font-size: 75px;
}

.text-white{
	color: white;
}

.bold{
	font-weight: 300;
}

.lightGreen {
	background: url(../images/leycalorias-bg.gif) repeat-x #c7e7e3;
	padding-top: 21px;
}

.header-inner{
	background-color: #219e8e;
	color: white;
}

.a{
	padding-left: 20px;
}

.a p{
	font-size: medium;
}

.modal-header{
	border-bottom: 0px;
}

.modal-header button.close{
		background: none;
		padding: 0px;
		margin:0px;
		box-shadow: none;
		cursor: pointer;
		color: #000000;
		font-size: xx-large;
}

@media(max-width:767px){

	#noLoConsigues{
		background: none;
	}

	#noLoConsigues h1{
		font-size: 35px;
	}

	#inner{
		margin-top: 0px;
	}

}

@media(min-width:768px){
	#noLoConsigues h1{
		font-size: 50px;
	}
}

@media(min-width:992px){
	#noLoConsigues{
		background: url("../images/sonrisa.png") right center no-repeat;
	}
}

#innerContent #textos .CallForAction p{
	color: white;
}

.padding10{
	padding: 10px;
}

.countdown{
	font-size: 28px;
	line-height: 60px;
}