/* general stuff */





body{

margin:0;

padding:0;

text-align: left;

font-family: Arial, Helvetica, sans-serif;

}



a {

text-decoration:  none;

font-weight: bold;

border: none;

 }

a:hover {

text-decoration:  underline; 

border: none;

 }

 

/* Layout */



#accessibility {

position: absolute;

left: -2000px;

top: -2000px;

display: none;

}



#source {

position: absolute;

left: -2000px;

top: -2000px;

display: none;

}



#pagewidth-800{

width:770px;

text-align:left;

margin-left:auto;

margin-right:auto;

background: transparent url(../images/back_all.gif) repeat-y 0px 140px;

margin-bottom: 20px;

}



#pagewidth-800{

width:970px;

text-align:left;

margin-left:auto;

margin-right:auto;

background: transparent url(../images/back_all800.gif) repeat-y ;

margin-bottom: 20px;

}



#header {

height:  116px; 

width:  100%; 

 }

 

#top-top {

height: 30px;

width: 100%;

background: transparent;

}



#top-bottom {

height: 80px;

width: 200px;

background: transparent;

float: left;

}



#search {

margin: 0px;

padding: 0px;

width: 148px;

height: 28px;

float: right;

background: url(../images/back_search.jpg) right top no-repeat;

padding-left: 10px;

padding-top: 2px;

vertical-align: top;

}



#search .inputbox{

width: 100px;

height: 18px;

font-size: 12px;

background: transparent;

border: none;

margin: 0px;

padding: 0px;

line-height: 14px;

}



#search .button{

margin: 0px;

padding: 0px;

height: 14px;

font-size: 12px;

background: transparent;

border: none;

line-height: 10px;

}



#search form {

margin: 0px;

padding: 0px;

}



#topmenu{

height: 20px;

float: right;

width: 600px;

}





#pathway{ 

width: 740px;

height: 34px;

font-size: 12px;

padding-left: 10px;

padding-top: 10px;

}



#leftcol{

 width: 152px;

 float: left;

 position: relative;

 margin-right: 5px;

 } 



#rightcol-normal{

 width: 155px;

 float: right;

 position: relative;

 margin-right: 1px;

 margin-top: -22px;

 } 

 

#rightcol-broad{

 width: 180px;

 float: right;

 position: relative;

 margin-right: 1px;

 margin-top: -22px;

 } 

 

#outer-800{

width: 770px;

padding-top: 6px;

} 



#outer-800{

width: 970px;

padding-top: 6px;

} 



#footer-800{  

height: 40px; 

width:100%; 

background: transparent url(../images/footer.jpg) bottom left no-repeat; 

font-size: 10px;

}



#footer-800{  

height: 40px; 

width: 100%; 

background: transparent url(../images/footer800.jpg) bottom left no-repeat; 

font-size: 10px;

}



#maincol-normal-800{ 

 float: left; 

 width: 450px !important;

 margin-left: 0px !important;

 margin-left: -5px;

 width: 446px;

 } 

 

#maincol-broad-800{ 

 float: left; 

 width: 539px !important;

 margin-left: 0px !important;

 margin-left: -5px;

 width: 417px;

 } 

 

 #maincol-wide-800{ 

 float: left; 

 width: 600px !important;

 width: 595px;

 margin-left: 0px !important;

 margin-left: -5px;

 padding-top: 3px !important;

padding-top: 0px;

 } 

 



#maincol-normal-800{ 

 float: left; 

 width: 650px;

 margin-left: 0px !important;

 margin-left: -5px;

 } 

 

#maincol-broad-800{ 

 float: left; 

 width: 539px;

 margin-left: 0px !important;

 margin-left: -5px;

 } 

 

 #maincol-wide-800{ 

float: left; 

width: 800px;

padding-top: 3px !important;

padding-top: 0px;

 margin-left: 0px !important;

 margin-left: -5px;

 } 

 

 #banner {

 width: 478px;

 height: 69px;

 float: right;

 padding-left: 6px;

 padding-top: 6px;

 }

 

 iframe.wrapper {

 z-index: 0;

 }

 

.clr{clear:both;}

.content {

padding: 0px 0px 0px 0px;

font-size: 12px;

line-height: 18px;

}



/* Modules */



#leftcol div.module, #rightcol-normal div.module {

width: 152px;

background: transparent url(../images/module_middle.jpg) left repeat-y;

margin-bottom: 20px;

}



#leftcol div.module div, #rightcol-normal div.module div {

width: 152px;

background: transparent url(../images/module_top.jpg) top left no-repeat;

}



#leftcol div.module div div, #rightcol-normal div.module div div {

width: 152px;

background: transparent url(../images/module_bottom.jpg)  bottom left no-repeat;

}



#leftcol div.module div div div,#rightcol-normal div.module div div div{

width: 137px;

padding-left: 5px;

padding-right: 10px;

padding-top: 10px;

background: transparent;

padding-bottom: 10px;

font-size: 12px;

}



#leftcol div.module div div div div, #rightcol-normal div.module div div div div{

padding: 0px;

margin: 0px;

}



#rightcol-broad div.module {

width: 200px;

background: transparent url(../images/module_middle_wide.jpg) left repeat-y;

margin-bottom: 20px;

}



#rightcol-broad div.module div {

width: 200px;

background: transparent url(../images/module_top_wide.jpg) top left no-repeat;

}



#rightcol-broad div.module div div {

width: 200px;

background: transparent url(../images/module_bottom_wide.jpg)  bottom left no-repeat;

}



#rightcol-broad div.module div div div{

width: 200px;

padding-left: 5px;

padding-right: 0px;

padding-top: 10px;

background: #ffffff;

padding-bottom: 10px;

font-size: 12px;

}



#rightcol-broad div.module div div div div{

padding: 0px;

margin: 0px;

}









div.module h3 {

font-size: 16px;

width: 130px;

font-weight: bold;

margin: 10px;

padding:0px;

margin-bottom: 10px;

}



#user1{

float: left;

width: 100%;

}



#user2{

float: right;

width: 100%;

}



#user3 {

width: 100%;

}



#user1 ul, #user2 ul, #user3 ul {

list-style: none;

margin: 100px;

padding: 0px;

padding-left: 0.7em;

margin-left: 0.7em;

margin-bottom: 5px;

margin-top: 2px;

}



#maincol-normal-800 div.moduletable, #maincol-wide-800 div.moduletable, #maincol-broad-800 div.moduletable, #maincol-normal-800 div.moduletable, #maincol-wide-800 div.moduletable, #maincol-broad-800 div.moduletable {

width: 100%;

margin-bottom: 10px;

border: 0px solid #F7CBCB;

background: #ffffff;

font-size: 12px;

}



#maincol-normal-800 div.moduletable h3, #maincol-wide-800 div.moduletable h3, #maincol-broad-800 div.moduletable h3, #maincol-normal-800 div.moduletable h3, #maincol-wide-800 div.moduletable h3, #maincol-broad-800 div.moduletable h3 {

font-size: 14px;

font-weight: bold;

margin: 3px;

padding: 9px;

height: 10px;

line-height: 20px;

color: #000000;

width: 100%;

border-bottom: 1px solid #F7CBCB;

text-align: left;

text-indent: 5px;

}



/* Topmenu */



 ul#mainlevel-nav

{

list-style: none;

padding: 0;

margin: 0;

float: right;

white-space: nowrap;

text-decoration: underline;

font-weight: bold;

}



ul#mainlevel-nav li{

width: auto !important;

width: 5%;

float: left;

margin: 0;

font-size: 12px;

height: 20px;

line-height: 20px;

white-space: nowrap;

margin-right: 1px;

text-decoration: underline;

font-weight: bold;

}



ul#mainlevel-nav li a{

height: 20px;

display: block;

padding-left: 5px;

padding-right: 10px;

color: #0000FF;

margin-left: 5px;

white-space: nowrap;

text-decoration: underline;

font-weight: bold;

}







/* Main Menu(s) */



a.mainlevel {

font-size: 14px;

padding-left: 25px;

width: 539px;

display: block;

line-height: 22px;

margin-bottom: 2px;

text-decoration: underline;

font-weight: normal;

border-right: 0px solid #ffffff;

voice-family:"\"}\""; /* Box Model fix */

voice-family:inherit;

width: 135px;

}







html>body a.mainlevel {width:135px;} /* Opera5-Fix-fix ;-) */





a.mainlevel:hover{

background: transparent;

text-decoration: underline;

}



a.sublevel {

padding: 0px;

margin: 0px;

font-size: 10px;

padding-left: 12px;

width: 139px;

display: block;

line-height: 20px;

margin-bottom: 2px;

text-decoration: none;

font-weight: normal;

border-right: 0px solid #CACACA;

voice-family:"\"}\""; /* Box Model fix */

voice-family:inherit;

width: 123px;

}



html>body a.sublevel {width:123px;} /* Opera5-Fix-fix ;-) */



a.sublevel:hover, a.sublevel#active_menu {

text-decoration: none;

width: 139px;

voice-family:"\"}\""; /* Box Model fix */

voice-family:inherit;

width: 123px;

}

html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */

width: 123px;

}





/* Module specific */



#leftcol div.module div div div div.syndicate {

background: transparent;

width: 137px;

margin: 0px;

padding: 0px;

}



#leftcol div.module di/* general stuff */





body{

margin:0;

padding:0;

text-align: center;

font-family: Arial, Helvetica, sans-serif;

}



a {

text-decoration:  none;

font-weight: bold;

border: none;

 }

a:hover {

text-decoration:  underline; 

border: none;

 }

 

/* Layout */



#accessibility {

position: absolute;

left: -2000px;

top: -2000px;

display: none;

}



#source {

position: absolute;

left: -2000px;

top: -2000px;

display: none;

}



#pagewidth-800{

width:770px;

text-align:left;

margin-left:auto;

margin-right:auto;

background: transparent url(../images/back_all.gif) repeat-y 0px 140px;

margin-bottom: 20px;

}



#pagewidth-800{

width:970px;

text-align:left;

margin-left:auto;

margin-right:auto;

background: transparent url(../images/back_all800.gif) repeat-y ;

margin-bottom: 20px;

}



#header {

height:  156px; 

width:  100%; 

 }

 

#top-top {

height: 30px;

padding-top: 10px;

width: 100%;

background: transparent;

}



#top-bottom {

height: 80px;

width: 200px;

background: transparent;

float: left;

}



#search {

margin: 0px;

padding: 0px;

width: 154px;

height: 33px;

float: right;

background: url(../images/back_search.jpg) right top no-repeat;

padding-left: 10px;

padding-top: 2px;

vertical-align: top;

}



#search .inputbox{

width: 100px;

height: 18px;

font-size: 12px;

background: transparent;

border: none;

margin: 0px;

padding: 0px;

line-height: 14px;

}



#search .button{

margin: 0px;

padding: 0px;

height: 14px;

font-size: 12px;

background: transparent;

border: none;

line-height: 10px;

}



#search form {

margin: 0px;

padding: 0px;

}



#topmenu{

height: 40px;

float: right;

width: 900px;

}





#pathway{ 

width: 740px;

height: 34px;

font-size: 12px;

padding-left: 10px;

padding-top: 10px;

}



#leftcol{

 width: 152px;

 float: left;

 position: relative;

 margin-right: 38px;

 } 



#rightcol-normal{

 width: 155px;

 float: right;

 position: relative;

 margin-right: 0px;

 margin-top: -22px;

 } 

 

#rightcol-broad{

 width: 200px;

 float: right;

 position: relative;

 margin-right: 0px;

 margin-top: -22px;

 } 

 

#outer-800{

width: 770px;

padding-top: 6px;

} 



#outer-800{

width: 970px;

padding-top: 6px;

} 



#footer-800{  

height: 40px; 

width:100%; 

background: transparent url(../images/footer.jpg) bottom left no-repeat; 

font-size: 10px;

}



#footer-800{  

height: 40px; 

width: 100%; 

background: transparent url(../images/footer800.jpg) bottom left no-repeat; 

font-size: 10px;

}



#maincol-normal-800{ 

 float: left; 

 width: 450px !important;

 margin-left: 0px !important;

 margin-left: -5px;

 width: 446px;

 } 

 

#maincol-broad-800{ 

 float: left; 

 width: 539px !important;

 margin-left: 0px !important;

 margin-left: -5px;

 width: 325px;

 } 

 

 #maincol-wide-800{ 

 float: left; 

 width: 600px !important;

 width: 595px;

 margin-left: 0px !important;

 margin-left: -5px;

 padding-top: 3px !important;

padding-top: 0px;

 } 

 



#maincol-normal-800{ 

 float: left; 

 width: 650px;

 margin-left: 0px !important;

 margin-left: -5px;

 } 

 

#maincol-broad-800{ 

 float: left; 

 width: 539px;

 margin-left: 0px !important;

 margin-left: -5px;

 } 

 

 #maincol-wide-800{ 

float: left; 

width: 800px;

padding-top: 3px !important;

padding-top: 0px;

 margin-left: 0px !important;

 margin-left: -5px;

 } 

 

 #banner {

 width: 728px;

 height: 109px;

 float: right;

 padding-left: 6px;

 padding-top: 6px;

 }

 

 iframe.wrapper {

 z-index: 0;

 }

 

.clr{clear:both;}

.content {

padding: 0px 0px 0px 0px;

font-size: 14px;

line-height: 22px;

}



.contentheading {

color:#e20202;

padding-top: 20px;

height: 18px;

font-size:160%;

font-weight:bold;

}



.componentheading {

color:#e20202;

text-align: center;

background: transparent url(../images/titulos_fondo_azul.jpg)  top left no-repeat;

height: 65px;

font-size:125%;

font-weight:bold;

padding-top: 21px;

}



/* Modules */



/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */

/** customize colors here */

a.mainlevel-suckerfish-vertical, a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical,

a.mainlevel-suckerfish-vertical:link, a.mainlevel_active-suckerfish-vertical:link, a.mainlevel_current-suckerfish-vertical:link,

a.mainlevel-suckerfish-vertical:visited, a.mainlevel_active-suckerfish-vertical:visited, a.mainlevel_current-suckerfish-vertical:visited {

	background-image: url("http://www.chilerecetas.cl/joomla/images/M_images/boton_azul.jpg");

	color: #0000FF;

}



a.mainlevel-suckerfish-vertical:hover, a.mainlevel_active-suckerfish-vertical:hover, a.mainlevel_current-suckerfish-vertical:hover {

	background-color: #E0E0E0; 

	color: #E10202;

}



a.sublevel-suckerfish-vertical, a.sublevel_active-suckerfish-vertical, a.sublevel_current-suckerfish-vertical,

a.sublevel-suckerfish-vertical:link, a.sublevel_active-suckerfish-vertical:link, a.sublevel_current-suckerfish-vertical:link,

a.sublevel-suckerfish-vertical:visited, a.sublevel_active-suckerfish-vertical:visited, a.sublevel_current-suckerfish-vertical:visited {

	background-color: #E9E9F7; 

	color: #0000FF;

}



a.sublevel-suckerfish-vertical:hover, a.sublevel_active-suckerfish-vertical:hover, a.sublevel_current-suckerfish-vertical:hover {

	background-color: #E9E9F7;

	color: #E10202;

}



ul.mainlevel-suckerfish-vertical ul ul a.sublevel-suckerfish-vertical, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_active-suckerfish-vertical, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_current-suckerfish-vertical,

ul.mainlevel-suckerfish-vertical ul ul a.sublevel-suckerfish-vertical:link, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_active-suckerfish-vertical:link, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_current-suckerfish-vertical:link,

ul.mainlevel-suckerfish-vertical ul ul a.sublevel-suckerfish-vertical:visited, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_active-suckerfish-vertical:visited, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_current-suckerfish-vertical:visited {

	background-color: blue;

	color: white;

}



ul.mainlevel-suckerfish-vertical ul ul a.sublevel-suckerfish-vertical:hover, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_active-suckerfish-vertical:hover, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_current-suckerfish-vertical:hover {

	background-color: #E0E0E0;

	color: blue;

}



ul.mainlevel-suckerfish-vertical .expanded {

	display: block;

	background-image: url("http://www.chilerecetas.cl/joomla/images/M_images/flechita.gif");

	background-position: right center;

	background-repeat: no-repeat;

	padding-right: 10px;

}





/** customize style / layout here */

a.mainlevel-suckerfish-vertical, a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical, span.mainlevel-suckerfish-vertical,

a.mainlevel-suckerfish-vertical:link, a.mainlevel_active-suckerfish-vertical:link, a.mainlevel_current-suckerfish-vertical:link,

a.mainlevel-suckerfish-vertical:visited, a.mainlevel_active-suckerfish-vertical:visited, a.mainlevel_current-suckerfish-vertical:visited,

a.mainlevel-suckerfish-vertical:hover, a.mainlevel_active-suckerfish-vertical:hover, a.mainlevel_current-suckerfish-vertical:hover {

	font-weight: bold;

	font-size: 110%;

	text-align: left;

	text-decoration: none;

	display: block;

	border: 0px solid silver;

	padding: 1em 0.5em 0.3em 1em;	/* top, right, bottom, left */

	height: 1.4em;

	line-height: 1em;

}



a.sublevel-suckerfish-vertical, a.sublevel_active-suckerfish-vertical, a.sublevel_current-suckerfish-vertical, span.sublevel-suckerfish-vertical,

a.sublevel-suckerfish-vertical:link, a.sublevel_active-suckerfish-vertical:link, a.sublevel_current-suckerfish-vertical:link,

a.sublevel-suckerfish-vertical:visited, a.sublevel_active-suckerfish-vertical:visited, a.sublevel_current-suckerfish-vertical:visited,

a.sublevel-suckerfish-vertical:hover, a.sublevel_active-suckerfish-vertical:hover, a.sublevel_current-suckerfish-vertical:hover {

	font-weight: bold;

	font-size: 90%;

	text-align: left;

	text-decoration: none;

	display: block;

	border: 0px solid silver;

	padding: 0.3em 1em 0.8em 1em;	/* top, right, bottom, left */

	height: 0.5em;

	line-height: 1em;

}



a.mainlevel-suckerfish-vertical, a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical, span.mainlevel-suckerfish-vertical {

}



a.sublevel-suckerfish-vertical, a.sublevel_active-suckerfish-vertical, a.sublevel_current-suckerfish-vertical, span.sublevel-suckerfish-vertical {

	font-size: 90%;

	border-top: 0px solid silver;

}



#active_menu-suckerfish-vertical,

a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical,

a.mainlevel_active-suckerfish-vertical:link, a.mainlevel_current-suckerfish-vertical:link,

a.mainlevel_active-suckerfish-vertical:visited, a.mainlevel_current-suckerfish-vertical:visited,

a.mainlevel_active-suckerfish-vertical:hover, a.mainlevel_current-suckerfish-vertical:hover,

a.sublevel_active-suckerfish-vertical, a.sublevel_current-suckerfish-vertical,

a.sublevel_active-suckerfish-vertical:link, a.sublevel_current-suckerfish-vertical:link,

a.sublevel_active-suckerfish-vertical:visited, a.sublevel_current-suckerfish-vertical:visited,

a.sublevel_active-suckerfish-vertical:hover, a.sublevel_current-suckerfish-vertical:hover {

	font-weight: bold;

}



ul.mainlevel-suckerfish-vertical, .mainlevel-suckerfish-vertical ul {

	padding: 0;

	margin: 0;

	list-style: none;

	width: 10em;

}



ul.mainlevel-suckerfish-vertical {

	z-index: 101;

}



ul.mainlevel-suckerfish-vertical ul {

	z-index: 102;

}



ul.mainlevel-suckerfish-vertical ul ul {

	z-index: 103;

}



ul.mainlevel-suckerfish-vertical li {

	padding: 0;

	margin: 0;

	background: none;

	list-style: none;

	float: left;

	clear: left;

	position: relative;

	width: 11.6em;

}



ul.mainlevel-suckerfish-vertical li li {

	position: relative;

	width: 18em;

	margin: 0;

}





ul.mainlevel-suckerfish-vertical ul {

	display: none;

	position: absolute;

	top: 0em;

	margin-left: 11.6em;

}



ul.mainlevel-suckerfish-vertical li:hover ul,

ul.mainlevel-suckerfish-vertical li.hover ul {

	display: block;

}





ul.mainlevel-suckerfish-vertical li:hover ul ul,

ul.mainlevel-suckerfish-vertical li.hover ul ul {

	display: none;

}



ul.mainlevel-suckerfish-vertical li:hover ul li:hover ul,

ul.mainlevel-suckerfish-vertical li.hover ul li.hover ul {

	display: block;

}





ul.mainlevel-suckerfish-vertical, ul.mainlevel-suckerfish-vertical li li {

	clear: left;

}



/** separator */

span.mainlevel-suckerfish-vertical, span.sublevel-suckerfish-vertical {

	border-width: 0px;

	padding: 5px;

}