@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
#informatica {
	left:0px;
	top:0px;
	width:1004px;
}

#home-01 {
	left:0px;
	top:0px;
	width:1004px;
	height:5px;
	background-color:#ff7f05;
	font-size:5px;
}

#home-02 {
	left:0px;
	top:5px;
	width:1004px;
	height:64px;
}

#home-03 {
	left:0px;
	top:69px;
	width:1004px;
	height:36px;
}

#home-04 {
	left:0px;
	top:105px;
	width:1004px;
	height:286px;
}

#home-05 {
	left:0px;
	top:391px;
	width:1004px;
	height:6px;
	font-size:0px;
}

#home-06 {
	left:0px;
	top:397px;
	width:1004px;
}

#home-07 {
	position:relative;
	left:0px;
	width:100%;
	height:127px;
	background-image:url(images/fondo-foot.gif);
}
body {
	background-image: url(images/fondo1.gif);
	background-repeat: repeat-x;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, 	Arial, Verdana, sans-serif; background-color: transparent; color: 	#333; -webkit-font-smoothing: antialiased;
}
.footmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.textverde {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B0D44E;
}
.textnaranja {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF7E06;
	font-weight: bold;
}
.texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.textbordo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #962625;
	font-weight: bold;
}
.texto2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}
a:link {
	color: #962625;
	text-decoration: none;
}
a:visited {
	color: #872121;
	text-decoration: none;
}
a:hover {
	color:#006699;
	text-decoration: none;
}
a:active {
	color: #FF3300;
	text-decoration: none;
}
.topmenu {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; }
a#menu:link, a#menu:active, a#menu:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #fff;
	text-decoration: none;
}
a#menu:hover {
	color:#FFF;
}
a#menu1:link, a#menu1:active, a#menu1:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
a#menu1:hover {
	color:#FFF;
	text-decoration:underline;
}
#whatnav { margin-left: 2px; width: 980px; position: relative; border-bottom: 1px solid #ddd; background: #fff url(http://images.apple.com/macosx/images/whatnav_grad_20090824.gif) repeat-x 0 100%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 2px; -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 1px; text-align:left;}
#whatnav h2 img { margin: -24px auto 0px; display: block; position: relative; z-index: 2; }
#whatnav h2 { margin-bottom:-4px; }

#whatnav ul { margin: 0 auto; width: 705px; line-height: 16px; }
#whatnav ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#whatnav li, 
#whatnav li img, 
#whatnav li strong { display: block; }
#whatnav li { float: left; width: 175px; padding-left: 1px; background: url(images/whatnav_divider_20090824.png) 0 100%; }
#whatnav li.last { padding-right: 1px; }
#whatnav li a { position: relative; display: block; padding: 14px 10px 20px 30px; color: #333; word-spacing: -2px; }
#whatnav li a img { padding: 4px; margin-bottom: 6px; border: 1px solid #ccc; background-color: #fff; }
#whatnav li a h4 { line-height:1.4; word-spacing: -1px; color: inherit; }
#whatnav li a p { margin: 0; }
#whatnav li a:hover { color: #08c; background: url(http://images.apple.com/macosx/images/whatnav_hover_20090824.jpg) no-repeat 0 100%; text-decoration: none; }

#refinements      #whatnav li#sn-refinements a,
#technology       #whatnav li#sn-technology a,
#universal-access #whatnav li#sn-universal-access a,
#exchange         #whatnav li#sn-exchange a { background: url(images/whatnav_on_20090824.jpg) no-repeat 0 100% !important; color: #666 !important; text-shadow: #fff 0 1px 0; cursor: default; }

#refinements      #whatnav li#sn-refinements a:active,
#technology       #whatnav li#sn-technology a:active,
#universal-access #whatnav li#sn-universal-access a:active,
#exchange         #whatnav li#sn-exchange a:active { background: url(images/whatnav_on_20090824.jpg) no-repeat 0 100% !important; color: #666 !important; text-shadow: #fff 0 1px 0; cursor: default; }

#refinements      #whatnav li#sn-refinements a:hover,
#technology       #whatnav li#sn-technology a:hover,
#universal-access #whatnav li#sn-universal-access a:hover,
#exchange         #whatnav li#sn-exchange a:hover { background: none; }
h4{font-size: 1em;margin:0;}
h1,h2,h3,h4{font-weight:bold;font-style:normal;}
ul{list-style:none outside}
#content { padding:42px 52px 46px; position: relative; color: #333; _overflow:hidden; }
#content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; }
#content img.padtop { padding-top:5px; }
#content img.reflection { margin-bottom:0 !important; }
#content img.center { display:block; margin-right:auto; margin-left:auto; }
#content img.full { margin-left:-10px !important; }

#content img.left,
#content img.flushleft { float: left; margin: 2px 20px 16px 0; }
#content img.right,
#content img.flushright { float:right; margin: 2px 0 16px 20px; }
#content img.flushleft { padding-right:40px; margin-left: -50px; margin-right:0; position: relative; }
#content img.flushright { padding-left:30px; margin-right:-50px; margin-left:0; position: relative; }
.stroke #content img.flushleft { margin-left:-35px; }
.stroke #content img.flushright { margin-right:-35px; }

#content img.shadowtop { position:relative; margin-top:-10px; }
#content img.stretch { position:relative; margin:0 -50px 0 -50px;}
#main #hero { position:relative; zoom:1; }
#main #hero:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#main { padding-top:0; }
#main .section { clear: both; = }
#content h3 { line-height: 18px; margin-bottom: 9px; position:relative; zoom:1; }
#content .piped a { margin: 0 0.75em 0 0; padding: 0 0.75em 0 0; border-left: none; border-right: 1px solid #797c80; }
#content .piped a.last { margin: 0; padding: 0; border: none; _float: none !important; }
#content p.seemore { text-align: center; }
#content #hero p.intro { margin: 0; text-align: center; font-size: 16px; color: #666; }
.maincap.bottom { *bottom:-2px; }
#refinements #main .section { position: relative; clear: both; margin: 40px 0; }
#refinements #content .callout.performance img.badge { position: absolute; top: 10px; right: -46px; }
#refinements #content .callout.performance ul { margin-top: 1em; }
#refinements #content .callout.performance li { position: relative; display: block; height: 26px; padding-left: 6px; margin: 0 0 10px 0; line-height: 26px; float: none; font-size: 11px; color: #fff; -webkit-box-shadow: none; }
#refinements #content .callout.performance h4 { padding-bottom: 0.3em; margin-bottom: 0.5em; font-size: 15px; font-weight: normal; border-bottom: 1px solid #e4e3e4; }
#refinements #content .callout.performance span { font-size: 12px; color: #666; }
#refinements #content .callout.performance li span { position: absolute; _top: -2px; _right: 0; right: 6px; font-size: 11px; color: #fff; }
#refinements #content .callout.performance li.one { background: #a23990 url(http://images.apple.com/macosx/refinements/images/bar1_20090608.gif) repeat-x; }
#refinements #content .callout.performance li.two { background: #82bde1 url(http://images.apple.com/macosx/refinements/images/bar2_20090608.gif) repeat-x left bottom; }
#refinements #content .callout.performance li.three { background: #7d98b5 url(http://images.apple.com/macosx/refinements/images/bar3_20090608.gif) repeat-x left bottom; }
#refinements #content #hero h1 { text-align: center; margin-bottom: 9px; }
#refinements #content .section { zoom: 1; }
#refinements #content .section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#refinements #content .section p { position: relative; }
#refinements #content .section#intro { padding-top: 40px; border-top: 1px solid #e8e8e8; text-align:left;}
#refinements #content .section#intro img.flushright { margin-left: -55px; }
#refinements #content .section#intro img.reflection { margin-bottom: -15px !important; position: relative; }
#refinements #content .section#intro .callout { width: 295px; }		
#refinements #content .section.stacks { clear: both; width: 395px; height: 370px; padding: 25px 22px 0 463px; margin-top: 40px; background: url(images/PosExpressPagueporNecesidad.jpg) no-repeat 0 0; }
#refinements #content .section.sqlserver { clear: both; width: 395px; height: 370px; padding: 25px 22px 0 463px; margin-top: 40px; background: url(images/PosExpressSQLServer2008r2.jpg) no-repeat 0 0; }
#refinements #content .section.stacks img.left { margin-right: 30px; }		
#refinements #content .section.timecapsule { margin: 60px 0 -10px; }
#refinements #content .section.timecapsule img { margin-right: -90px; margin-bottom: 0; _padding-right:0; _margin-right:-40px; }
#refinements #content .section.timecapsule h3 { padding-top: 50px; }
#refinements #content .section.faster { margin-top: 90px; }
#refinements #content .section.faster .callout { width: 303px; }
#refinements #content .section.faster img.flushright { margin-left: -30px; margin-top: -60px; }		
#refinements #content .section.installation { margin-top: 80px; }
#refinements #content .section.installation img.flushright { margin-top: -40px; padding-left: 0; }		
#refinements #content .section.quicktime { _height:443px; padding-top: 50px; }
#refinements #content .section.quicktime img.flushleft { margin-top: -50px; margin-right: -90px; _padding-right:0; _margin-right:-40px; }
#refinements #content .section.quicktime p.caption { display: block; position: absolute; bottom: -5px; left: -20px; font-size: 11px; color: #999; }
#refinements #content .section.characters { _height:333px; }
#refinements #content .section.characters h3 { padding-top: 30px; }	
#refinements #content .section.characters img { _padding-left:0; margin-left:30px; }
#refinements #content .section.ichat { margin-top: 30px; }
#refinements #content .section.ichat img.left { margin-left:-16px; }
#refinements #content .section.ichat h3 { padding-top:25px; }
#refinements #content .section.services { _height:429px; margin-top: -15px; }
#refinements #content .section.services h3 { padding-top: 18px; }
#refinements #content .section.services img.flushright { margin-left: 50px; _padding-left:0; }
#refinements #content .section.automatic { _height:347px; }
#refinements #content .section.automatic .column.first { margin-top: -70px; _position: relative; _zoom: 1; }
#refinements #content .section.automatic .column.last h3 { padding-top: 50px; }
#refinements #content .section.pdf { _height:497px; }
#refinements #content .section.pdf img.stretch { margin-bottom: 8px; }
#refinements #content .section.pdf .column.last { padding-top: 2em; }
#refinements #content .section.safari { _height:472px; }
#refinements #content .section.safari .callout { width: 369px; }
#refinements #content .section.refinements { width: 838px; height: 260px; padding: 20px 20px 0; border: 1px solid #e3e3e3; border-top-width: 2px; background: #f3f6f7 url(http://images.apple.com/macosx/refinements/images/refinementsbg_20090608.gif) repeat-x 0 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -khtml-border-radius: 6px; }
#refinements #content .section.refinements .column { width: 47.5%; margin-left: 2.5%; }
#refinements #content .section.refinements img.eject { margin: 4px 4px 0 20px; }
#refinements #content .section.refinements img.faster { margin: -8px 0 0 20px; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }



