/* CSS Document */
body { background-color:#be151b; margin:0; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#000000;}

/* BASE STYLES*/
a {color:#BE151B; text-decoration:underline;}
#base_space{ width:100%; margin:0; height:300px; background-image:url(../../images/base_bg.gif); background-position:top; background-repeat:repeat-x; text-align:center}
#site_base {width:765px; margin:auto;}
#content_wspace {background-color:#FFFFFF; width:725px; float:left;}
#head_space {width:725px; height:79px; margin:0; background-image:url(../../images/head_bg.gif); background-position:top; background-repeat:repeat-x; text-align:left;}
#logo { margin-left:26px; position:relative; top:14px; background-image:url(../../images/logo.gif); background-repeat:no-repeat; width:246px; height:54px;}
#base_content_area {background-image:url(../../images/content_bg.jpg); background-repeat:repeat-x; background-position:top; width:725px;}
p {margin:0;}

/* FOTO STYLES*/
.foto_area { height:470px; width:725px;}
#foto_bienestar {background-image:url(../../images/img_bienestar.jpg); background-repeat:no-repeat;}
#foto_consejo_estudio {background-image:url(../../images/img_consejos_estudio.jpg); background-repeat:no-repeat;}
#foto_rol_padres {background-image:url(../../images/img_rol_padres.jpg); background-repeat:no-repeat;}
#foto_recursos {background-image:url(../../images/img_recursos.jpg); background-repeat:no-repeat;}
#foto_home {background-image:url(../../images/img_home.jpg); background-repeat:no-repeat;}
#foto_acerca_lfe {background-image:url(../../images/img_acerca_lfe.jpg); background-repeat:no-repeat;}
#foto_marcas_participantes {background-image:url(../../images/img_marcas_participantes.jpg); background-repeat:no-repeat;}
#foto_como_participar {background-image:url(../../images/img_como_participar.jpg); background-repeat:no-repeat;}
#foto_cocina_creatividad {background-image:url(../../images/img_cocina_creatividad.jpg); background-repeat:no-repeat;}

/* SHADOW STYLES*/
#left_shadow { float:left; background-image:url(../../images/bg_shadow.gif); background-repeat:repeat-y; width:19px; height:605px;}
#left_menu_shadow {background-image:url(../../images/bg_menu_shadow.gif); background-repeat:no-repeat; width:19px; height:605px;}

/* MENU AREA STYLES*/
#menu_area {width:725px; display:inline; height:50px;}
#menu1 {margin-left:30px; height:42px; width:110px; border-bottom:solid #d4b048 1px; background-image:url(../../images/wbtn_bg.jpg); background-repeat:repeat-x;  background-color:#FFFFFF; float:left; padding:0 1px 1px 1px; display:inline;}
#menu2 {height:42px; margin-left:70px; width:110px; border-style:solid; border-color:#d4b048; border-width:0 1px 1px 1px; background-image:url(../../images/wbtn_bg.jpg); background-repeat:repeat-x; background-color:#FFFFFF; float:left; padding:0 1px 1px 1px; display:inline}
#menu3 {height:42px; margin-left:70px; width:110px; border-style:solid; border-color:#d4b048; border-width:0 1px 1px 1px; background-image:url(../../images/wbtn_bg.jpg); background-repeat:repeat-x; background-color:#FFFFFF; float:left; padding:0 1px 1px 1px; display:inline}
#menu4 {height:42px; margin-left:70px; width:110px; border-style:solid; border-color:#d4b048; border-width:0 1px 1px 1px; background-image:url(../../images/wbtn_bg.jpg); background-repeat:repeat-x; background-color:#FFFFFF; float:left; padding:0 1px 1px 1px; display:inline}
.menu_into {text-align:center; font-family:Arial, Helvetica, Verdana, sans-serif; }
.menu_into a {color:#FFFFFF; text-decoration:none; background:url(../../images/button_bg.jpg) repeat-x #c1151b; display:block; padding:4px 0 4px 1px; border:solid #d4b048 1px; width:107px; height:31px;}
.menu_into a:hover { background:none; color:#000000; text-decoration:none; }

.menu_into_activ a {color:#000000; text-decoration:none; display:block; padding:4px 0 4px 1px; border:solid #d4b048 1px; width:107px; height:31px; text-decoration:none; }
.menu_text {font-family:Arial, Helvetica, Verdana, sans-serif; color:#FFFFFF;}
.menu_text a{color:#FFFFFF; text-decoration:none;}

/*menu styles for rollover layers*/

.submenu {position:absolute; background-color:#be151b; opacity:0.90; filter: alpha(opacity=90); width:112px; text-align:center; border-bottom:1px solid #d4b048; display:none;}
.link_submenu {width:111px; margin:0px; color:#CCCCCC; font-size:9px; text-align:center; padding:8px 0 8px 0; line-height:18px}
.link_submenu a {color:#CCCCCC; text-decoration:none;}
.link_submenu a:hover {color:#FFFFFF; text-decoration:none;}
.link_submenu a:active {color:#858585; text-decoration:none;}
.link_submenu_biline {width:111px; margin:0px; color:#CCCCCC; font-size:9px; text-align:center; padding:4px 0 4px 0; line-height:12px}
.link_submenu_biline a {color:#CCCCCC; text-decoration:none;}
.link_submenu_biline a:hover {color:#FFFFFF; text-decoration:none;}
.link_actived {color:#FFFFFF}
.slicer { height:4px; background-image:url(../../images/slicer.gif); background-repeat:repeat-x;width:100px; margin:auto}

.menu_active {height:36px; width:107px; border:1px solid #d4b048; background-color:#FFFFFF; padding:4px 0 4px 1px; text-align:center; display:block; color:#990000; margin:auto auto 2px auto}

/* CONTENT STYLES*/
#text_right_area {width:360px; float:right; height:400px; position:relative; margin-top:20px; text-align:left}
#text_right_marcas {width:327px; float:right; height:400px; position:relative; margin-top:20px; text-align:left}
.space_area { width:100px; display:inline}
.space_height { height:30px; }
.title_area { margin-top:17px; margin-bottom:14px; } *+html .title_area {margin-top:14px;} *html .title_area {margin-top:20px;}
.title_area_como { margin-left:22px; margin-top:20px; margin-bottom:18px; }
#scrolled_area { width:330px; height:330px; overflow:auto; text-align:left;}
/*scrolled_area 2 is used when there is a 2 lines title*/
#scrolled_area2 { width:330px; margin-left:4px; height:305px; overflow:auto; text-align:left;}
#scrolled_area3 { width:330px; height:305px; overflow:auto; text-align:left;}
#whole_page_content {width:650px; height:380px; text-align:left; display:block; overflow:auto; float:left; margin-top:20px; margin-left:35px; display:inline}
.text_area_big {width:620px;}

.text_big_area { width:340px; text-align:left;}
.text_area { width:300px; text-align:left;  margin-left:4px;}
.text_area3 { width:300px; text-align:left; }

.list_area { width:300px; }
.list_icon { width:22px; float:left;}
.list_content { width:215px; margin-left:22px;  }
.text_area_marcas { margin-left:9px; margin-top:32px; width:300px; text-align:left;}
.logo_area { margin:20px 0 0 45px; }
.text_second {font:italic bold 12px Arial, Helvetica, sans-serif;}
.step1 { width:270px; height:60px; background-image:url(../../images/icon_sopa.jpg); background-repeat:no-repeat; padding:22px 0 0 66px; }
.step2 { width:270px; height:54px; background-image:url(../../images/icon_water.jpg); background-repeat:no-repeat; padding:28px 0 0 66px; }
.step3 { width:270px; height:60px; background-image:url(../../images/icon_lemon.jpg); background-repeat:no-repeat; padding:15px 0 0 66px; }
.step4 { width:270px; height:70px; background-image:url(../../images/icon_splash.jpg); background-repeat:no-repeat; padding:34px 0 0 66px; }

/* Como Participar*/
#como-participar {width:650px;}
#como-participar #coll {float:left; width:324px; margin-top:32px; text-align:left;}
#como-participar #colr {float:left; text-align:left; margin-top:10px;}
#como-participar #colr img {margin-top:6px;}
#como-participar #colr img.first {margin-top:0;}
#como-participar img {display:block;}
#como-participar img#step1 {margin-bottom:36px;}

/* Recursos Educacionales */
ul.recursos {
	list-style-type:disc;
}
ul.recursos li 
{
	list-style-type:square;
	margin-bottom:1em;
	margin-left:15px;
}

/* FOOTER STYLES*/
#footer { clear:right; height:41px; background-image:url(../../images/footer_bg.jpg); background-position:top; background-repeat:repeat-x; text-align:center; padding-top:14px; color:#ababab; }
.footer_text {color:#ababab; font-family:Arial, Helvetica, Verdana, sans-serif; font-weight:bold; font-size:11px;}
.footer_text a{color:#ababab; text-decoration:none;}
.footer_text a:hover{color:#990000; text-decoration:none;}

/* TEXT STYLES*/
.txt_red {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#c0151b; font-weight:bold}
.txt_red_14 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#c0151b; font-weight:bold}
.txt_normal {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }
div#sitemap {margin:10px;}
div#sitemap a {	display: block;}
div#sitemap li a {display:inline;}
div#sitemap ul {margin:0 0 0 30px;}
.text_sitemap{color:#be151b;font-family:Arial, Helvetica, Verdana, sans-serif; font-size:12px;}


div.contact-form {}
	div.contact-form p {
		margin-bottom: 15px;
		} 
input.submit { 
	border: 2px solid #CC933F;
	background-color: #BE151B;
	color: #ffffff;
	padding: 0 10px;
	font-weight: bold;
	letter-spacing: 1px;
}
.contactType {
		margin-right: 10px;
		}
.row {
	width:100%;
	}
.column {
	float:left;
	}
.column-1-2 {
	float:left;
	width:45%;
	}
.column-2-2 {
	float:right;
	width:45%;
	}
.column-1-3 {
	float:left;
	width:35%;
	}
.column-2-3 {
	float:left;
	width:34%;
	}
.column-3-3 {
	float:right;
	width:30%;
	}
select {
	font-size:1em;
	}
fieldset {
	display:block;
	margin:20px 0pt 0pt;
	width:100%;
	}
fieldset h2 {
	color:#BE151B;
	margin:1em 0 .5em 0;
	}
fieldset fieldset {
	margin:15px 0pt 0pt;
	width:auto;
	}
fieldset ol {
	width:100%;
	}
	fieldset ol li {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0pt 0pt 10px;
		width:100%;
		}
		fieldset ol li label {
			float:left;
			font-size:90%;
			font-weight:bold;
			margin:0pt 10px 0pt 0pt;
			text-align:right;
			width:120px;
			}
		fieldset ol li label.checkbox {
			float:none;
			font-size:90%;
			font-weight:bold;
			margin-left:5px;
			text-align:left;
			width:200px;
			}
		fieldset ol li label.state {
			float:none;
			font-size:90%;
			font-weight:bold;
			margin:0pt 10px 0pt 20px;
			text-align:right;
			}
		* html fieldset ol li label.state {
			float:none;
			font-size:90%;
			font-weight:bold;
			margin:0pt 10px 0pt 20px;
			text-align:right;
			}
		* + html fieldset ol li label.state {
			float:none;
			font-size:90%;
			font-weight:bold;
			margin:0pt 10px 0pt 20px;
			text-align:right;
			}
		fieldset ol li label em {
			font-style:normal;
			margin:0pt;
			}
		fieldset ol li span.note {
			display:block;
			font-size:90%;
			font-style:normal;
			margin:0pt 0pt 0pt 130px;
			}
select {
	font-size:90%;
	padding:0pt;
	}
fieldset.controls {
	margin:15px 0pt;
	}
fieldset.controls ul {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
fieldset.controls li {
	display:inline;
	}
	fieldset.controls li a {
		font-size:0.95em;
		margin:0pt 0pt 0pt 10px;
		}
fieldset fieldset.controls {
	margin:10px 0pt 15px;
	}
.contactUs li { clear: both; }
td input { margin-right: 5px; }
td label { 
	float: none !important; 
	margin-left: 10px;
	}