@charset "utf-8";
/* CSS Document */

#content_header {
	background: url(../images/tops/recipes.jpg) right top no-repeat;
}


/*------------------------------------------------------------------------------*/
.whatinfood58 #content_header {
	background-image: url(../images/articles/ginger_banner.jpg);
}
.whatinfood68 #content_header {
	background-image: url(../images/articles/banner.jpg);
}
.whatinfood #content_header h2
{
	background-image: url(../images/articles/gingerlogo_en.jpg);
}
.lgesp .whatinfood #content_header h2
{
	background-image: url(../images/articles/gingerlogo_es.jpg);
}
.parent60 #content_header {
	background-image: url(../images/articles/parents1.jpg);
}
.parent60 #content_header h2
{
    background-image: url(../images/articles/parentlogo_en.jpg);
}
.lgesp .parent60 #content_header h2
{
    background-image: url(../images/articles/parentlogo_es.jpg);
}
.parent61 #content_header {
	background-image: url(../images/articles/parents3.jpg);
}
.parent61 #content_header h2
{
    background-image: url(../images/articles/parentlogo_en.jpg);
}
.lgesp .parent61 #content_header h2
{
    background-image: url(../images/articles/parentlogo_es.jpg);
}
.parent59 #content_header {
	background-image: url(../images/articles/parents2.jpg);
}
.parent59 #content_header h2
{
    background-image: url(../images/articles/parentlogo_en.jpg);
}
.lgesp .parent59 #content_header h2
{
    background-image: url(../images/articles/parentlogo_es.jpg);
}
.introhighfive #content_header h2 {
	top: 0px;
	height: 91px;
	background: url(../images/hi_five/logo_hi5ingles.jpg) top left no-repeat;
}

.lgesp .introhighfive #content_header h2 {
	background-image: url(../images/hi_five/logo_hi5esp.jpg);
}

#content_header h2 {
	background: url(../images/hi_five/titles/1.jpg) top left no-repeat;
	width: 293px;
	height: 86px;
	text-indent: -9999px;
}
	
	.check_health #content_header h2 {
		background-image: url(../images/hi_five/titles/4.jpg);
	}
	
	.be_active #content_header h2 {
		background-image: url(../images/hi_five/titles/3.jpg);
	}
	
	.be_happy #content_header h2 {
		background-image: url(../images/hi_five/titles/5.jpg);
	}
	
	.control_portions #content_header h2 {
		background-image: url(../images/hi_five/titles/2.jpg);
	}

.lgesp #content_header h2 {
	background-image: url(../images/hi_five/titles/esp/1.jpg);
}

	.lgesp .check_health #content_header h2 {
		background-image: url(../images/hi_five/titles/esp/4.jpg);
	}
	
	.lgesp .be_active #content_header h2 {
		background-image: url(../images/hi_five/titles/esp/3.jpg);
	}
	
	.lgesp .be_happy #content_header h2 {
		background-image: url(../images/hi_five/titles/esp/5.jpg);
	}
	
	.lgesp .control_portions #content_header h2 {
		background-image: url(../images/hi_five/titles/esp/2.jpg);
	}


/*------------------------------------------------------------------------------*/

#content_text  .content {
	float: left;
	border-bottom: 1px dashed #CCC;
	padding: 0 20px 20px  0;
	width: 720px;
	height: 350px;
	overflow: auto;
	 
}
.heightimc
{
    height:450px !important; 
}
#content_text .content img {
	float: right;
	margin-left: 20px;
}


#other_articles {
	float: left;
	width: 690px;
	margin: 30px 0 30px 0;
	padding-left: 50px;
}

#other_articles .article {
	float: left;
	width: 160px;
	margin-right: 15px;
}

.introhighfive #other_articles .article {
	width: 100px;
}

.article img {
	border: 1px solid rgb(212, 231, 246) !important;
}

.introhighfive .article img {
	border: 0 !important;
}


#other_articles .article a:hover img {
	/*border-color: rgb(50, 143, 210);*/
}

#other_articles .article h4 {
	margin: 0;
	text-align: center;
	font-size: 80%;
}

#other_articles .article h4 a {
	color: rgb(50, 143, 210);
	text-decoration: none;
	display: block;
}

#other_articles .article h4 a:hover {
	text-decoration: underline;
}

#other_articles p {
	font-size: 80%;
}

#other_articles p .exclamation {
	font-style: normal;
	color: rgb(50, 143, 210);
}



/*----------------------------------------*/

.columna4 {
	width: 150px;
	float: right;
}

.paginacion a {
	color: #328FD2;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

.paginacion a[disabled] {
	color: #999;
}

.paginacion .botones a {
	font-size: 11px;
}

#ctl00_ContentPlaceHolder1_lbtnFirst {
	clear: both;
}


#content_text table tr, #content_text table td {
	margin: 0;
	padding: 0;
}


/*---------------------------------*/

.high5guide {
	float: left;
	width: 490px;
	background: #f4f9fd;
	margin: 0;
	padding: 0;
}

.high5guide h3 {
	margin: 0;
	text-indent: -9999px;
	width: 100%;
	height: 91px;
}

.lgesp .high5guide h3 {
	background-image: url(../images/hi_five/logo_hi5esp.jpg);
}

.high5guide p {
	padding: 0 10px;
}


#footer {
	font-size: 12px;
}

.displays
{display:none;
}

/*---------------------------------------*/

.eat_healthy #content_header {
	background-image: url(../images/tops/eat_healthy.jpg);
}

.control_portions #content_header {
	background-image: url(../images/tops/control_portions.jpg);
}

.be_active #content_header {
	background-image: url(../images/tops/be_active.jpg);
}

.check_health #content_header {
	background-image: url(../images/tops/check_health.jpg);
}

.be_happy #content_header {
	background-image: url(../images/tops/be_happy.jpg);
}
.hifive_intro #content_header {
	background-image: url(../images/tops/hi5_general.jpg);
}

/*---------------------------------------*/

.imc
{
 background: url(../images/imc/imc-calculator_ING.gif) no-repeat;  
 width:700px;
 height:420px;
 margin-left:30px;
 display:none;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #cccccc;
}
.lgesp .imc
{
background: url(../images/imc/imc-calculator.gif) no-repeat;  
}
#results
{
    background: url(../images/imc/imc-result.gif) no-repeat; 
    width:270px; 
    height:165px;
    float:right;
    margin-top:210px;
    padding-left:140px;
      display: none;

}
#cuadro
{
    background: url(../images/imc/punta.gif) no-repeat; 
    width:50px; 
    height:50px;
    position:absolute;
    margin-left:21px; 
    margin-top:10px;
}
#calculal
{
 position:absolute;
 padding-left:295px;
 padding-top:75px;
 font-family:Arial;
 font-size:12px;   
}
#calculal select
{
    margin-left:2px;
    font-weight:bold;
    height:15px;
    font-size:11px;
    
}
#calculal input
{
   height:12px;
}

#pesoinput
{
   padding-top:10px;
   display:none;
   
}
#pesoinput input
{
  width:130px;
  margin-left:15px;   
  font-size:11px;
}
#alturainput
{
   padding-top:10px;
      display:none;
}
#alturainput input
{
   margin-left:5px;
   width:46px;
   font-size:11px;
}
#results_text
{
   width:300px; 
   height:165px;
   position:absolute;
   margin-left:300px;
   margin-top:218px;
     display: none;
}
#imc5
{
  overflow:auto;   
  height:110px;
  width:315px;
  margin-top:5px;
  display: none;
}
#imc5 p
{
margin-top:10px;
font-family:Arial;
font-size:7pt;
font-weight:bold;
}
#results_text label
{
    padding-left:25px;
    font-weight:bold;
    font-size:12px;
    font-family:Arial;
}
#results_text #imcnumero
{
    padding-left:5px;
}

#imc1
{
  overflow:auto;   
  height:110px;
  width:315px;
  margin-top:5px;
 display: none;
  
}
#imc1 p
{
margin-top:10px;
font-family:Arial;
font-size:7pt;
font-weight:bold;
}
#imc2
{
  overflow:auto;   
  height:110px;
  width:315px;
  margin-top:5px;
  display: none;
}
#imc2 p
{
margin-top:10px;
font-family:Arial;
font-size:7pt;
font-weight:bold;
}
#imc3
{
  overflow:auto;   
  height:110px;
  width:315px;
  margin-top:5px;
  display: none;
}
#imc3 p
{
margin-top:10px;
font-family:Arial;
font-size:7pt;
font-weight:bold;
}
#imc4
{
  overflow:auto;   
  height:110px;
  width:315px;
  margin-top:5px;
display: none;
}
#imc4 p
{
margin-top:10px;
font-family:Arial;
font-size:7pt;
font-weight:bold;
}
#alturainputmetrico
{
   padding-top:10px;
}
#alturainputmetrico input
{
   margin-left:13px;
   width:130px;
   font-size:11px;
}
#pesoinputmetrico
{
   padding-top:10px;
   
}
#pesoinputmetrico input
{
  width:130px;
  margin-left:14px;
  font-size:11px;
  
}
#button
{
 float:right;
 margin-top:110px;
 padding-left:540px;
 position:absolute;
}
#button input
{
font-family: Arial, Helvetica, sans-serif;
background: #328FD2;
color: #FFF;
font-size: 12px;
border:none; 
}
.imcboton
{
position:absolute;
margin-top:260px;
margin-left:8px;

}
.imcboton img
{
   border:none; 
}
#imctext
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11.05px;
 width:750px;
 height:45px;
 padding:0px;
 margin-left:30px;
 display:none;
}
.testoright
{
 float:left;
 background-color:#eaf3fb;
 width:283px;
 height:270px;
 margin:91px 0 0 0;
 
}
#content_text .testoright p
{
 color:#3d261f;
 font-size:11.5px;
 padding:10px 14px 0 11px;
 line-height:16px;
 margin:0;

}
#content_text .testoright h3
{
 color:#3d261f;
 font-size:12px;
 font-weight:bold;
 padding:11px 0 0 11px;
}
.parentfondo
{
position:absolute;
padding:40px 0 0 270px;
}