@import url(overlay.css);

/* general, grid */

body { background:url(./images/background20080405.gif) repeat center top; }

#container { overflow:visible; }
#fondobase { position:relative; overflow:visible; background:#f0f1f2 url(./images/content_bg20070905.gif) repeat-x bottom;} 
#contenido {background:url(./images/content_separacion.gif) repeat-y left bottom; }


.grid2colc .column.first { width:232px; }
.grid2colc .column.last { width:700px; }
.grid2colc .grid2col .column { width:340px; }
.grid2colc .grid3col .column { width:200px; margin-right:26px; }

/* header, top elements */
#main #productheader { border-color: #999; }
#main #productheader h1 a { width: 69px;  }
#main #productheader h1, #main #productheader a { position: relative; z-index: 50; }
#main #productheader ul#productnav li a { color: #666; }

/* left sidebar */
#main #subnav { position:relative; background: #f8f8f8 url(./images/subnav_bg20080405.gif) repeat-y left; z-index:10; margin:13px 0 1.6em; }
#main #subnav h2 { position:relative; top:-8px; margin:0 0 -8px; padding:9px 15px 0; font-size:15px; height:23px; color:#CCCCFF; background:url(./images/subnav_header_20080405.gif) no-repeat left top; }
#main #subnav h2 a { color:#303030; text-decoration:none; }
#main #subnav h2 a:hover { text-decoration:underline; }

#main #subnav ul { margin:0; padding:0 1px 8px; background:url(./images/subnav_bgbottom20080405.gif) no-repeat left bottom; position:relative; }
#main #subnav ul li { display:block; margin:0; padding:0 10px; position:relative; _margin-bottom:-2px; }
#main #subnav ul li a { display:block; margin-bottom:-1px; height:4.17em; border-bottom:1px solid #dcdcdc; line-height:50px; color:#595959; text-decoration:none; position:relative; outline:none; }
#main #subnav ul li a:hover { text-decoration:none; color:#D2c; background-image:url(./images/arrow_blueright20080405.gif);}
#main #subnav ul li a { background:url(./images/subnav_arrow20080405.gif) no-repeat right center;}
#main #subnav ul li a img { float:left; margin-right:13px; }
#main #subnav ul li.bottom a { border:0 }



/* on-line sidebar */
#main #subnavsoporte { position:relative; background: #f8f8f8 url(./images/subnav_bg20080405.gif) repeat-y bottom; z-index:10; margin:13px 0 1.6em; }
#main #subnavsoporte h2 { position:relative; top:-8px; margin:0 0 -8px; padding:9px 15px 0; font-size:15px; height:23px; color:#CCCCFF; background:url(./images/subnav_header_20080405.gif) no-repeat left top; }
#main #subnavsoporte h2 a { color:#303030; text-decoration:none; }
#main #subnavsoporte h2 a:hover { text-decoration:underline; }

#main #subnavsoporte ul { margin:0; padding:0 1px 8px; background:url(./images/subnav_bgbottom20080405.gif) no-repeat left bottom; position:relative; }
#main #subnavsoporte ul li { display:block; margin:0; padding:0 10px; position:relative; _margin-bottom:-2px; }
#main #subnavsoporte ul li a { display:block; margin-bottom:-1px; height:6.17em; border-bottom:1px solid #dcdcdc; line-height:50px; color:#595959; text-decoration:none; position:relative; outline:none; }
#main #subnavsoporte ul li a:hover { text-decoration:none; color:#D2c; }
#main #subnavsoporte ul li a img { float:left; margin-right:13px; }
#main #subnavsoporte ul li.bottom a { border:0 }

/* partners */
#main #partners { position:relative; margin:13px 0 1.6em; }
#main #partners h2 { position:relative; top:-8px; margin: 40 0 -8px; padding:9px 15px 0; font-size:15px; height:23px; color:#323232; }
#main #partners h2 a { color:#303030; text-decoration:none; }
#main #partners h2 a:hover { text-decoration:underline; }

#main #partners ul { margin:0; padding:0 1px 8px; position:relative; }
#main #partners ul li { display:block; margin:0; padding:20px; position:relative; _margin-bottom:-2px; }
#main #partners ul li a { display:block; margin-bottom:-1px; height:4.17em; border-bottom:1px solid #dcdcdc; line-height:50px; color:#595959; text-decoration:none; position:relative; outline:none; }
#main #partners ul li a:hover { text-decoration:none; color:#D2c; }
#main #partners ul li a img { float:left; margin-right:13px; }
#main #partners ul li.bottom a { border:0 }


body#webgallery #main #subnav ul li#sn-webgallery,
body#backtomymac #main #subnav ul li#sn-backtomymac,
body#iweb #main #subnav ul li#sn-iweb,
body#mail #main #subnav ul li#sn-mail,
body#groups #main #subnav ul li#sn-groups,
body#sync #main #subnav ul li#sn-sync,
body#idisk #main #subnav ul li#sn-idisk,
body#backup #main #subnav ul li#sn-backup,
body#storage #main #subnav ul li#sn-storage
	{ background:#efefef url(http://images.apple.com/dotmac/images/subnav_active_bg20070807.gif) repeat-x; font-weight:bold; }
	
body#webgallery #main #subnav ul li#sn-webgallery a,
body#backtomymac #main #subnav ul li#sn-backtomymac a,
body#iweb #main #subnav ul li#sn-iweb a,
body#mail #main #subnav ul li#sn-mail a,
body#groups #main #subnav ul li#sn-groups a,
body#sync #main #subnav ul li#sn-sync a,
body#idisk #main #subnav ul li#sn-idisk a,
body#backup #main #subnav ul li#sn-backup a,
body#storage #main #subnav ul li#sn-storage a
	{ color:#000; text-decoration:none; cursor:default; background-image:url(http://images.apple.com/dotmac/images/arrow_on.gif); }
	
body#storage #main #subnav ul li#sn-storage,
body#leamy #main #subnav ul li#sn-leamy
	{ background:#efefef url(http://images.apple.com/dotmac/images/subnav_bottomactive_bg20070807.gif) no-repeat top left; padding-bottom:8px; margin-bottom:-8px; _padding-bottom:7px; _margin_bottom:7px; }

#main .sidebox { font-size:11px; line-height:1.4em; background:#f8f8f8 url(http://images.apple.com/dotmac/images/subnav_bg20070807.gif) repeat-y left;  }
#main .sidebox h2 { margin:0 -18px; padding:1.4em 18px .6em; font-size:12px; line-height:1.4em; background:url(http://images.apple.com/dotmac/images/sidebox_bgtop20071113.gif) no-repeat left top; }
#main .sidebox .padder { padding:0 18px 1px; background:url(http://images.apple.com/dotmac/images/subnav_bgbottom20070807.gif) no-repeat left bottom; }

#main .sidebox#sb-backtomymac { display:none; }

 
/* headers, text */
body, #main #content { color:#666; }
#main h1 { font-weight:normal; color:#333; margin-bottom:.6em; position: relative; z-index: 10;}
#main h1 span { color:#666; }
#main h3 { font-size:14px; margin-bottom:.2em; }
#main h2,
#main h3,
#main h4,
#main p.intro,
#main strong { color:#404040; }
#main p.intro {margin-bottom: 2.7em;}


/* links */
#main a { text-decoration:none; }
#main a:hover { text-decoration:underline; }
#main a.arrow, a.arrow { padding-right:10px; color:#2d70a5; text-decoration:none; background:url(http://images.apple.com/dotmac/images/arrow20070807.gif) no-repeat right .32em; position: relative;}
#main a.arrow:hover, a.arrow:hover { text-decoration:underline; }

/* images */
img.glow { margin-top:0; margin-bottom:14px; }
img.inline { margin-top:12px; }
img.shadow { margin-bottom:5px; }
div.center { text-align:center; }

/* callout boxes */
#main .callout { padding:0 20px 1px; color:#595959; background:#f2f2f2 url(http://images.apple.com/macosx/leopard/images/callout_bgbottom20070611.gif) no-repeat 0 100%; }
#main .callout h2 { padding:1.2em 20px 0; margin:0 -20px; font-size:12px; color:#333; background:url(http://images.apple.com/macosx/leopard/images/callout_bgtop20070611.gif) no-repeat 0 0; }
#main .callout img.left, #main .callout img.right { margin-top:1.5em; }

#main .callout.gallery  { padding:0 26px .4em; }
#main .callout.gallery  h2 { padding:1.6em 26px 0; margin:0 -26px .6em; }
#main .callout.gallery  h2 b.gallery { display:block; padding:0 30px; margin:-1em -17px 0; font-size:11px; color:#7f7f7f; background:url(http://images.apple.com/macosx/leopard/images/gallery_icon20070611.gif) no-repeat 0 .2em; }
#main .callout.gallery  ul { margin:0 -14px 0 0; }
#main .callout.gallery  ul li { display:inline; }
#main .callout.gallery  ul li a { float:left; display:block; width:80px; height:50px; margin:0 14px 1em 0; outline:none; border:2px solid #ddd; }

#main .galleryitem.demo { margin-bottom:1em; }
#main .galleryitem.demo .description { display:none; }



/**** popups ****/

/* video nav */


/* movie elements */
#main .overlaydescription { display:none; }
#main .overlayposter { display:none; }

/* popups */
.overlay .overlaymovie { padding-top:14px; _padding-top:10px; margin-left:242px; }
#ACOverlayMovie.overlay .overlaymovie,
#ACOverlayMovieGallery.overlay .overlaymovie { height:400px; }
#ACOverlayMovie.overlay .overlaycontroller,
#ACOverlayMovieGallery.overlay .overlaycontroller { margin-top:10px; margin-left:242px; }



/**** footers, bottom elements ****/

/* next/previous links */
#main #pagenav { clear:both; font-size:11px; _zoom:1; margin: 2em 0 2.5em; padding-top: 2em;}
#main #pagenav div.previous { text-align:left; }
#main #pagenav div.next { text-align:right; }
#main #pagenav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#main #pagenav div.button { width:13em; height:1%; }
#main #pagenav div.button div { background:url(http://images.apple.com/macosx/leopard/images/button20070611.gif) no-repeat top left; position:relative; }
#main #pagenav div.button div.topright { background-position:top right; margin-left:9px; padding-top:10px; position:relative; }
#main #pagenav div.button div.bottomright { background-position:bottom right; }
#main #pagenav div.button div.bottomleft { background-position:bottom left; margin:0 9px 0 -9px; padding:1px 0 7px 9px; }
#main #pagenav div.button div.bottomleft a { display:block; margin:-10px -4px -7px -1px; padding:0 15px 2px 2px; color:#424242; text-decoration:none; background:url(http://images.apple.com/macosx/leopard/images/pagenav_arrowright20070611.gif) no-repeat right center; position:relative; }
#main #pagenav div.button div.bottomleft a:hover { text-decoration:underline; }
#main #pagenav div.button div.bottomleft div { padding:0; margin:0; background:none; }
#main #pagenav div.previous div.bottomleft a { margin:-10px -1px -7px -4px; padding:0 2px 2px 15px; text-align:right; background:url(http://images.apple.com/macosx/leopard/images/pagenav_arrowleft20070611.gif) no-repeat left center; }
#main #pagenav div.next div.bottomleft a { text-align:left; }
#main #pagenav a { font-size:12px; color:#D2c; }
#main #pagenav .pagenav.next { padding-right:18px; width:15em; text-align:right; background:url(http://images.apple.com/dotmac/images/arrow_blueright20070807.gif) no-repeat right center; }
#main #pagenav .pagenav.previous { padding-left:18px; width:15em; background:url(http://images.apple.com/dotmac/images/arrow_blueleft20070807.gif) no-repeat left center; }

/* footer */
#main .sosumi { line-height:1.4em; }

#main #footerlinks {text-align: center; font-size: 10px; margin: 2em 0 0; color: #a1a5a9}
#main #footerlinks a {color: #76797c}

/* content footer */
#main #contentfooter { position:relative; z-index:10; line-height:1.4em; background:url(http://images.apple.com/dotmac/images/contentfooter_bg20070807.gif) repeat-y center center; }
#main #contentfooter .wrapper { padding-top:7px; background:url(http://images.apple.com/dotmac/images/contentfooter_bgtop20070807.gif) no-repeat center top; }
#main #contentfooter .padder { padding:13px 26px 1em 26px; background:url(http://images.apple.com/dotmac/images/contentfooter_bgbottom20070807.gif) no-repeat center bottom; }
#main #contentfooter .grid3col .column { width:270px; margin-left:60px; }
#main #contentfooter .column.first img.right { margin-top:-18px; margin-right:-29px; }
#main #contentfooter .column img.right { margin-top:-19px; margin-right:-26px; position:relative; z-index:20; }
#main #contentfooter .column.last img.right { margin-top:-19px; margin-right:-25px; }
#main #contentfooter img.right { margin:0; padding:0; margin-top:-19px; margin-right:-24px; }
#main #contentfooter h3 { margin-bottom:.4em; font-weight:normal; font-size:16px; }
#main #contentfooter h3 a { color:#404040; }
#main #contentfooter p { margin-bottom:1em; }
#main #contentfooter a.signup { display:block; width:132px; height:25px; text-indent:-9999px; background:url(http://images.apple.com/dotmac/images/contentfooter_signup_btn20070807.gif) no-repeat left top; outline:none; position: relative;}
#main #contentfooter a.signup:hover { background-position:left bottom; }
#main #contentfooter #printservices-first, 
#main #contentfooter #printservices-last { display:none; }
body#webgallery #main #contentfooter #printservices-first { display:block; }
body#webgallery #main #contentfooter #webgallery { display:none; }
body#pricing #main #contentfooter #trial { display:none; }
body#pricing #main #contentfooter #printservices-last { display:block; }



/**** page/section specific ****/

/* landing pages */
body#features #main div#hero img { margin-bottom:-148px; margin-left:242px; position:relative; z-index:2; }

#main #hero h3, #main #hero p { position:relative; top:-145px; width:215px; z-index:10; line-height:1.36em; }
#main #hero p a { position:relative; }

#main .item h3 a { color:#404040; text-decoration:none; }
#main .item h3 a:hover { text-decoration:underline; }

#main .featured { clear:both; margin-bottom:.8em; line-height:1.36em; }
#main .featured .item { margin-bottom:.6em; position:relative; z-index:10; }
#main .featured .item img.across { display:block; margin:0 0 -10px; }

#main .list { clear:both; line-height:1.36em; position:relative; z-index:10; }
#main .list .item h3 { margin-top:.6em; }
#main .list .item h3, #main .list .item p { margin-left:80px; }

/* noticias */
/*#main #noticiasul ul li { display: inline; margin: 0; list-style: none;}
#main #noticias { position:relative; background: #F4fff4  repeat-y left; z-index:10; margin:13px 0 1.6em; }
#main #noticias h3 { font-style: underline; }*/


#main #noticiasul h3 { position:relative; top:-8px; margin:-3px 0 0px; padding:9px 15px 0; font-size:15px; height:23px; color:#323232; background:url(./images/caja_left.gif) no-repeat left top; background:url(./images/caja_center.gif) left top; }
#main #noticiasul h3 a { color:#303030; text-decoration:none; }
#main #noticiasul h3 a:hover { text-decoration:underline; }

#main #noticias li { margin:0; padding:0 1px 8px; background:url(./images/subnav_bgbottom20080405.gif) no-repeat left bottom; position:relative; }
#main #noticias li { display:block; margin:0; padding:0 10px; position:relative; _margin-bottom:-2px; }
#main #noticias li a { display:block; margin-bottom:-1px; height:4.17em; border-bottom:1px solid #dcdcdc; line-height:50px; color:#595959; text-decoration:none; position:relative; outline:none; }
#main #noticias li a img { float:left; margin-right:63px; }
#main #noticias li.bottom a { border:0 }

/* Programas */
#main #programas table { position:relative; padding:9px 0px 0; font-size:14px; height:10px; width: 100%; }
#main #programas tr { height: 40px; background:url(./images/fondo_programas.gif) }
#main #programas tr#programastitulo { background:url(./images/caja_center.gif) left top;  font-weight:bold;}

/* BOXES */
#main .box {  overflow: hidden; }
#main .sidebar .box { background: url(,./images/box_184bg.png) 0 100% no-repeat; }
#main .stretch .box { background: url(,./images/boxw_980bg.png) 0 100% no-repeat; overflow: hidden; }
#main .box h2 { height: 21px; overflow: hidden; position: relative; margin-bottom: 0; padding: 4px 10px 0 10px; color:white; font-weight:normal; font-size:12px; }
#main .box h2 a { display: block; position: absolute; height: 25px; width: 100%; background: url(./images/box_linkarrow.png) 95% 50% no-repeat; }
#main .padder { padding: 0 15px; }

/* FEATURED SUPPORT */
#featuredsupport.box h2 { height:4px; }
#featuredsupport h1 { font-size:22px; line-height:1.2em; color:black; font-weight:normal; _font-weight:bold; margin:5px 0; }
#featuredsupport li { margin-bottom:1px;}
#featuredsupport h3 { color:#7d8ca5; font-weight:bold; font-size:15px; }
#featuredsupport h4 { color:#7d8ca5; font-weight:bold; font-size:13px; }
#featuredsupport.box { background: url(,./images/box_580bg.png) 0 100% no-repeat; overflow: hidden; }
#featuredsupport .blurb { font-size:11px; color:#666; }
#resourcelinkshome ul { background:url(./images/fondo_programas.gif)  0 100% no-repeat; }
#resourcelinkshome li { float: left; margin-right:23px; padding-right:23px; font-size: 100%;  }
#resourcelinkshome li.last { padding-right:1px; }

body#features #main p.leopardsosumi,
body#technology #main p.leopardsosumi,
body#developer #main p.leopardsosumi { margin-top:3em; margin-bottom:0; }