@import url("main.css");

/*\*//*/
@import url("macIE/main.css");
/**/

#homeContainer { width: 760px; height: 450px; margin: 0; margin-left: auto; margin-right: auto; text-align: left; padding: 0 0 2px 0; border: 1px solid #7B7C7E; border-top: none; border-bottom: none; background: #FFF; }
#homeContainer img.mainBanner { margin: 0 8px 0 6px; }
#homeContainer img.rightBanner { width: 170px; display: block; float: left; margin: 1px 0 0 0; padding: 0; }

#homeContainer DIV.browserActions { position: absolute; margin: 2px 0 0 120px; z-index: 500; }

/* FFox hack >> Aplica en mozilla no en Opera, IE */
:root #homeContainer DIV.browserActions { margin: -2px 0 0 120px; }

#homeContainer DIV.browserActions h2 { font-size: 10px; font-weight: normal; height: 13px; display: inline; padding: 0 9px 0 0; margin: 0 0 0 4px; background: url(../../images/browserActions_bg.gif) no-repeat right top; }
*html #homeContainer DIV.browserActions h2 { margin: 0 0 0 9px; }
#homeContainer DIV.browserActions h2.last { background: none; }
#homeContainer DIV.browserActions a { display: inline; color: #3566A2; text-decoration: none; padding: 0 0 0 14px; }
#homeContainer DIV.browserActions a:hover { text-decoration: underline; }
#homeContainer DIV.browserActions a.first { background: url(../../images/browserActions_item01.gif) no-repeat left 3px; }
#homeContainer DIV.browserActions a.second { background: url(../../images/browserActions_item02.gif) no-repeat left top; }
#homeContainer DIV.browserActions a.third { background: url(../../images/browserActions_item03.gif) no-repeat left 2px; }


#recetasBox { width: 442px; height: 190px; position: absolute; margin: 9px 0 0 6px; padding: 0; z-index: 1; background: url(../../images/recetasBox_bg.gif) no-repeat left top; }
#recetasBox DIV.recetasContainer { width: 242px; float: left; }
#recetasBox DIV.chefContainer { width: 192px; height: 163px; float: right; margin: 25px 0 0 0; padding: 0 0 0 8px; }
#recetasBox DIV.chefContainer img { margin-top: 3px; }
#recetasBox DIV.chefContainer ul { float:left; margin:8px 0 0 0; list-style: none; color:Black; font-size:9px; }
#recetasBox DIV.chefContainer li { padding:0 0 10px 10px; background: url(../../images/generalListBullet.gif) no-repeat left 4px; }
#recetasBox DIV.chefContainer a { display:inline; color:#3566A2; font-weight:normal; }
#recetasBox DIV.chefContainer a.verMas { padding-left:20px; }
#recetasBox DIV.chefContainer span { margin:10px 0 0 0; padding-right:5px; }
#recetasBox img.chef { float: right; margin: 15px 2px 0 0; width: 95px; }
#recetasBox .videoImage { float: right; margin-right:2px; padding:0 3px 0 2px; }
#recetasBox DIV.item, #recetasBox DIV.lastItem { width: 216px; margin: 8px 0 0 16px; padding: 0 0 2px 0; border-bottom: 1px solid #BBB; }
#recetasBox DIV.lastItem { margin: 5px 0 0 16px; padding: 0; border: none; }
#recetasBox h1 { font-size: 9px; color: #68696B; font-weight: normal; margin: 5px 0 0 17px; padding: 0 0 0 9px; background: url(../../images/recetasBox_titleBG.gif) no-repeat left 2px; }
#recetasBox h2 { font-size: 10px; color: #C1A972; margin: 0 0 2px 0; text-transform: uppercase; }
#recetasBox h3 { font-size: 10px; color: #C1A972; margin: 16px 0 2px 0; text-transform: uppercase; }
#recetasBox h4 { font-size: 10px; color: #5A5A5A; margin: 0 0 2px 0; }
#recetasBox img { float: left; margin: 0 4px 0 0; }
#recetasBox span { display: block; font-size: 9px; font-weight:normal; color: #444; }
#recetasBox a { display: block; font-size: 10px; color: #3566A2; text-decoration: none; font-weight: bold; margin: 1px 0 0 0; }
#recetasBox a:hover { text-decoration: underline; }
#recetasBox a.sin { display: block; font-size: 10px; color: #3566A2; text-decoration: none; font-weight: bold; margin: 1px 0 0 0; }
#recetasBox a.sin:hover { text-decoration: none; color: #009BEA;}


#leftContent { float: left; }
#rightContent { float: left; }
#rightContent down { height: 5px; margin: 0; padding: 0; clear: both; font-size: 1px; background-color: #FFFFFF; }

#video { margin: 10px 0 0 0; font-size: 12px; }
#video DIV.close { margin: 30px 20px 0 0; float:right; }
#video DIV.replay { margin: 30px 0 0 20px; float:left; }
#video DIV.close a, DIV.replay a { color: #394B8A; text-decoration: none; }
#video DIV.close a:hover, DIV.replay a:hover { color: #009BEA; text-decoration: underline; }