@charset "UTF-8";

* { margin: 0;	padding: 0;}

html { 	height: 100%;}

body { 	background: #FFFFFF; height: 100%; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; color: #58585a; text-decoration: none;}

a { color: #58585a; text-decoration:none; }

b { color: #5a6b7a;}

.clearBoth {clear: both;}

#header { position: relative; width: 100%; z-index: 1;}

#headerSpacer { height: 170px; }

#headerCenter { background: url(image/header.png) no-repeat top center; height: 100px; margin: 0 auto 0 auto; position: relative; width: 750px;}

#FlashMenuLabs, #FlashProducciones, #FlashPHP{ clear: both; float: right; }

#mainObjectContainer { height: 120px; width: 535px; margin: 0 auto 0 auto; position: relative; }

#mainObjectContainerProducciones, #FlashProducciones { clear: both; width: 187px; height: 450;	margin: 0 auto 0 auto; position: relative;}

#mainObjectContainerPhp, #FlashPHP { clear: both; height: 187px; width: 187px; margin: 0 auto 0 auto; position: relative; }

#Spacer {height: 20px;}

#Spacerfooter {	height:50px; }

#navContainer { margin: 0 auto 0 auto; position: relative; width: 750px; height: 20px; padding: 0px 8px 0px 8px; }

#mainContent #footer { font-size: 7pt; clear: both; height: 75px; width: 100%;	text-decoration:none;}

#footerCenter, #footerCenter2 { font-size: 7pt; height: 25px; width: 750px; text-align:center; text-decoration:none; }

#centerColumn { margin: -170px auto -75px auto; min-height: 100%; width: 750px; font-size: 8pt; }

#content {padding: 8px 8px 0px 8px;}

#mainLeftBar { 	float: left;	width: 190px; font-size: 8pt;}

#mainLeftBar #imagenProducciones{ width: 190px; height: 23px;background: url(image/titulo_producciones_micorp.png) left no-repeat;}

#mainContent { float: right; margin-top: 0px; width: 535px; text-align: left;font-size: 8pt;}

div#mainContentContent { text-align: left; margin-left: 35px; margin-top: 20px; text-align: justify; margin-right: 10px;margin-bottom: 5px; font-size: 8pt;}

a#mainContentContent, div.menuBox a { text-decoration: none; font-size: 8pt;}

#mainContent #productos {font-size:8pt; text-align: left; float: left; width: 346px; height:270px; }

#soluciones #imagenTituloLenguaje{ width: 180px;height: 23px;background: url(image/titulo_tecnologia.png) top right no-repeat; }

#mainContent #soluciones { font-size:8pt; text-align: right; float: right; width: 180px; height:270px;}



#aws{ background: url(image/awsamazon.png) no-repeat center center; float:top; height: 80px; width: 180px; }

#mainContent #imagen_php { background: url(image/logo_php.png) no-repeat center center; float: left; width: 90px; height: 65px;}

#mainContent #imagen_elefante {	background: url(image/logo_elefante.png) no-repeat center center; float: right; width: 90px;	height: 65px; }

#mainContent #imagen_mysql { background: url(image/logo_mysql.png) no-repeat center center; float: left; width: 90px;height: 65px; }

#mainContent #imagen_debian { background: url(image/logo_debian.png) no-repeat center center; float: right; width: 90px; height: 65px;}


div.menuBox ul { background: transparent; list-style: none; text-align: left; }

div.menuBox li { background: url(image/lin_div_menu.png) top no-repeat;	padding: 6px 4px 4px 4px;}

div.menuBox li.activo,  div.menuBox a.activo { 	font-weight: bold; color: #5a6b7a; }

div.menuBox a:focus, div.menuBox a:hover {color:#5a6b7a; display:block; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:8pt; font-weight: bold;}


