html, body { height: 96%;}
body { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#333; color:#999;}

#CapaPrincipal { height:500px; width:780px; position:absolute; top:50%; left:50%; margin-top:-250px; margin-left:-390px; }
#CapaContenedoraContenido { background-color:#333; text-align:center; height:470px; margin:0; padding:0 }
#CapaContenido {background-color:#333; text-align:center; margin:0; padding:0;}
#CapaMenu { text-align:center; height:30px; font-size:11px; font-weight:bold; }
.AlignCenter {text-align:center;}
.MargenSuperior{margin-top:12px;} 
.TextoOscuro{color:#666;}
.TextoMedio{color:#999;}
.TextoClaro{color:#CCC;}
.FloatRight{ float:right; }
.FloatLeft{float:left;}

/* Inicio */
#LogoInicio{ margin:auto; margin-top:162px;}

/* Sistemas Graficos */
#bSistemas #CapaContenedoraContenido { height:465px !important; /* solo firefox */
									   height:470px; /* IE */}
*:first-child+html #bSistemas #CapaContenedoraContenido { height:470px !important; /* solo IE7/ */}
#TextoSistemas{ font-size:13px; font-weight:bold; clear:both;}
#TextoSistemas p {padding:0; margin:5px;}
#TextoSistemas .MargenSuperior{margin-top:14px;} 
#ImagenSistemas{ margin-top:27px; }
#SistemasSistemas{ float:left; clear:both; margin:0 0 0 80px;}
#ImpresoresCreativosSistemas{ float:right; clear:both; margin:0; margin-top:-1px;}
#ServiciosSistemas { margin-top:30px; font-size:12px; font-weight:bold;}
#ServiciosSistemas p {padding:0; margin:14px;}
#ServiciosSistemas span { margin-left:14px; margin-right:14px;}


/* portfolio */
#ImageHolder { width:780px; height:325px; background-color:#333; background-image:url(../imagenes/cargando.gif); background-position:center; background-repeat:no-repeat;}
#ImageHolder img { left:0;}
#Texto1{ text-align:left; font-size:11px; font-weight:bold; color:#666; margin-top:8px; height:12px; width:500px;}
#Texto2{ text-align:left; font-size:9px; font-weight:bold; color:#999; margin-top:6px; height:25px; width:500px;}
#MenuPortfolio { clear:both; width:auto; text-align:center; margin-top:30px; }
#MenuPortfolio a.num { display:block; float:left; width:16px; margin-left:2px; margin-right:1px; border:1px solid #666; color:#666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; text-decoration:none;}
#MenuPortfolio a.num:hover { display:block; float:left; width:16px; margin-left:2px; margin-right:1px; border:1px solid #CCC; color:#CCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; text-decoration:none;}
.seleccionado { display:block; float:left; width:16px; margin-left:2px; margin-right:1px; border:1px solid #CCC; color:#CCC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; text-decoration:none;}
#Anterior img{ margin-right:4px; border:0; }
#Siguiente img{ margin-left:4px; border:0; }



/* Seccion Conctacto */
#LogoContacto { margin:auto; margin-top:60px;}
#TextoContacto{ font-size:11px; font-weight:bold; margin-top:85px;}
#TextoContacto p {padding:0; margin:7px;}
#TextoContacto p a { color:#CCC; text-decoration:none;}
#TextoContacto p a:hover { color:#FFF; text-decoration:none;}
#BotonesContacto { margin-top:76px; }
a.BotonContacto:link, a.BotonContacto:visited, a.BotonContacto:active { color:#333; background-color:#666; margin:0 11px; padding:4px 15px 4px 15px; font-size:9px; font-weight:bold; text-decoration:none; line-height:22px;}
a.BotonContacto:hover { color:#333; background-color:#999; margin:0 11px; padding:4px 15px 4px 15px; font-size:9px; font-weight:bold; text-decoration:none; line-height:22px;}
.CajaForm {width:350px; clear:both; display:block; background-color:#333; color:#666666; border:1px solid #666; font-size:11px; margin:5px auto 10px auto; font-family:Verdana, Arial, Helvetica, sans-serif; }
form { margin-top:40px;}
#MailContacto {margin-top:100px;}

#PlanoContacto {margin-top:20px; border:0}





/* menu */
a.menu:link, a.menu:active, a.menu:visited { color:#666; line-height:30px; text-decoration:none; margin:0 18px 0 12px; }
a.menu:hover { color:#CCC; line-height:30px; text-decoration:none; margin:0 18px 0 12px; }
#bInicio #mInicio, #bSistemas #mSistemas, #bPortfolio #mPortfolio, #bContacto #mContacto { color:#CCC;}
.divider{ border-left:1px solid #666; line-height:30px; width:1px; border-bottom:9px solid #333; border-top:10px solid #333; color:#333;}

.Oculto {text-indent:-9999px;}
a {outline: none;}
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block;}
.clearfix { display: inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}