@charset "utf-8";
/* CSS Document */



#footer p {
	text-align: center;
	font-size: 16px;
	color: white;
	margin-top: 0;
	margin-bottom: 0;
	padding: 20px 170px 0 170px;
}
#seccionTitulo p {
	text-align: left;
	font-size: 22px;
	color: black;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-left: 60px;
	padding-right: 0px;
	width: 450px;
}
p.subtitulos {
	font-family: "Arial";
	font-size: 18px;
	font-weight: bold;
	color: #333;
}

#bodytop h2 {
	font-family: "Arial";
	font-size: 24px;
	text-shadow: 2px 2px 5px black;
	background: url(../img/bullet.png) no-repeat;
	width: 168px;
	color: white;
	height: 73px;
	position: absolute;
	left: 30px;
	padding: 15px 20px 20px 20px;
}
h3 {
	margin: 0;
	padding-left: 70px;
	color: #FF6464;
	font-size: 18px;
}


.servicioslista li {
	margin-left: 500px;
	position: relative;
	list-style-type: none;
	color: white;
	background-image: url(../img/bullet.png);
	background-repeat: no-repeat;
	padding-left: 25px;
}
.proyectoslista li {
	position: relative;
	list-style-type: none;
	color: white;
	background-image: url(../img/bullet.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	top: 25px;
	margin: 10px 0 20px 0;

}
img.imgizquierda {
	float: left;
	margin-left: 100px;
	margin-right: 10px;
	margin-top: 7px;
	margin-bottom: 7px;
	clear: both;
	position: absolute;
	top: 300px;
	right: 40px;
	box-shadow: none;
}
img.imgderecha {
	float: right;
	margin-left: 10px;
	margin-right: 30px;
	margin-top: 7px;
	margin-bottom: 7px;
	clear: both;
	position: relative;
	border: 3px solid gray;
}
#body p.secciondiseno {
	padding-left: 80px;
	padding-right: 80px;
}
.contenido {
	background-color: transparent;
	width: 994px;
	height: 650px;
	background: url(../img/plano-contacto-bg.gif) no-repeat;
}
.contactbox {
	background-color: transparent;
	width: 540px;
	height: 60px;
	float: left;
	height: 670px;
	margin-left: 450px;
}
table#contactoForma {
	width: 200px;
	 ´
}
.title {
	font-size: 18px;
	margin-bottom:10px;
}

/****** TRULY idioma ****/

ul.idioma {
	width: 202px;
	position: absolute;
	top: 300px;
	left: 90px;
}
ul.idioma, ul.idioma li{
    margin: 0px;
    padding: 0px;
} 
ul.idioma li {
	list-style-image: none;
	height: 39px;
	display: block;
}
ul.idioma li a h1  {
	 margin:0px;
	 padding:0px;
}
ul.idioma a {
	 display:block;
	 height:39px;
}
 ul.idioma li#mnEspanol  {position:absolute; left:0px; width:101px;}
 ul.idioma li#mnEnglish {position:absolute; left:101px;  width:101px;}
  
 ul.home2 li#mnEspanol  {position:absolute; left:0px; width:101px;}
 ul.home2 li#mnEnglish {position:absolute; left:101px;  width:101px;}
  
 ul.idioma li#mnEspanol a#linkEspanol { background: url(../img/idioma/espanol.png)  0px 0px  no-repeat; }
 ul.idioma li#mnEspanol a#linkEspanol:hover,  
 ul.idioma li#mnEspanol.hover  a#linkEspanol { background: url(../img/idioma/espanol.png) 0px -39px   no-repeat; }
 
 ul.idioma li#mnEnglish a#linkEnglish { background: url(../img/idioma/english.png) 0px 0px  no-repeat; }
 ul.idioma li#mnEnglish a#linkEnglish:hover,  
 ul.idioma li#mnEnglish.hover  a#linkEnglish { background: url(../img/idioma/english.png) 0px  -39px  no-repeat; }
 
 ul.idioma li a span  { display:none;}
@charset "utf-8";
/* CSS Document */

/*******

DESC: diseño general del entorno web
AUTHOR: Gabriel Rosales*/

 * {
     margin:0px;
	padding:0px;
  }
 
 
body, table, td, tr, ul, li, span, div, input, textarea, select  {
    font-size:16px; 
    font-family: "Arial";
    color:black;
}

html {
	background: url(../img/bg-green-top_pattern.jpg) repeat-x top;
}

body {
	margin: 0;
	/*background: url(../img/bg-header.jpg) no-repeat center top;*/
}



p { margin-bottom:1em; }
p.firstline { margin:0em 0em 1em 1em; }
 

#wrapper {
	width: 994px;
	margin:auto;
	position: relative;
	background: url( ../img/bg-white.png) no-repeat 0px 101px ;
}

#footer {
	width: 994px;
	margin:auto;
}

#footerWrapper {
	 height: 82px;
	 /*background: url("../img/footer-repeat-bg.png") repeat-x ;*/
	 background-color: #6EA764;
}
/**********************************************************************/
/*TOP O HEADER Y CONTENIDO DENTRO DE ESTE HEADER*/

#header {
	width:958px;
	height: 462px;
	position: relative;
	margin: auto;
}
#textoFlow {
	background-color: #FFF;
	width: 300px;
	height:250px;
	position: absolute;
	left: 50px;
	top:160px;
}
#textoFlow p {
	/*letter-spacing: -0.8px;*/
	font-size: 17px;
	text-align: left;
}
#logo {
	width: 184px;
	height: 55px;
	margin: 0 auto;
	position: absolute;
	background: url(../img/siteTitle.png) no-repeat;
	top: 15px;
}
a#logo span {
	display: none;
}
#siteName {
	width: 384px;
	height: 33px;
	margin: 0 auto;
	position: absolute;
	background: url(../img/siteName.png) no-repeat;
	top: 20px;
	left: 215px;
}
a#siteName span {
	display: none;
}
#telefono {
	width: 245px;
	height: 27px;
	margin: 0 auto;
	position: absolute;
	background: url(../img/telefono.png) no-repeat;
	top: 25px;
	left: 633px;
}
a#telefono span {
	display: none;
}
/***********************************************************************/
/**********INICIA BODY*********************************/
#body {
	margin: auto;
    width: 994px;
    min-height: 450px;
	height: auto !important;
	height: 450px;
	position: relative;
	background: url(../img/body-bg.png) no-repeat;
}
#contentHeader {
	padding: 0px 10px;	
}
#contentsArea {
	width: 678px;
	float: left;
	left: 17px;
	position: relative;
}
#contactoLat, #ubicacionLat {
	width: 260px;
	margin: auto;
	margin-bottom: 20px;
}
#content {
	padding: 10px 20px;	
}
#contactArea {
	width: 280px;
	float: right;
	position: relative;
	right: 19px;
	border-left: 2px dotted #CCC;
}

#footer {
	height: 82px;
	/*background: url(../img/footer-repeat-bg.png) repeat-x;*/
	margin: 0 auto;
	clear: both;
}
#footerDatos {
	width: 100%;
	/*background: url(../img/footer-bg.png) no-repeat;*/
	background: url(../img/footer-nuevo.png) no-repeat;
	margin: 0 auto;
	height: 80px;
	clear: both;
	
}
#footerDatos h3{
	color: black;
	font: arial;
	font-weight: normal;
	font-size: 13px;
	padding-left: 180px;
	padding-top: 20px;
	text-align: center;
}
form#contact {
	margin-left: 30%
	
}
table#mapaUbicacion {
	width: 958px;	
}
#bodytop {
	width: 958px;
	height: 80px;
	top: 8px;
	position: relative;
}
#seccionTitulo {
	width: 224px;
	height: 45px;
	position: relative;
	top: 17px;
	left: 360px;
	background: url(../img/bullet1.jpg) no-repeat;
}
/*** FORMULARIOS ***/

/*-------HOSTING TABLE--------*/

#hostingTable {
	/*background-color: #222;*/
	/*width: 580px;
	height: 308px;*/
	border: none;
	margin: 0 auto;
	padding: 0px;
	border-radius: 3px;
	background: url(../img/table-body-bg.png) ;
	border-collapse:collapse;
}
#hostingTable img{
	box-shadow: none;
}
#hostingTable td, #hostingTable th{
	color: #FFF;
	font-size: 15px;
	padding:4px;
	font-weight:normal;
}
#hostingTable .heads {
	color: #FF9;	
	background-color: #161616;
}
#hostingTable .tfooter {
	color: #FF9;	
	background-color: #161616;
}

#hostingTable tr.even,  #hostingTable tr{
	background: #373737;
}

#hostingTable tr.odd, #hostingTable tr.even, #hostingTable tr {
	text-align: center;
	color: white;
}
#hostingTable tr.odd{
	background: none;
}

#hostingTable tr.odd:hover, #hostingTable tr.even:hover, #hostingTable tr:hover{
	background-color: black;
}
#hostingTable .verysmalltext { font-size:9pt;}


.hide {
	display:none;
}
/*--------HOSTING TABLE END--------*/

/*--------HOSTING PAQS AVATARS-----*/
#hostingDescriptArea {
	width: 630px;
	height: 167px;
	margin: auto;
	margin-bottom: 40px;	
}
ul#Hosting span{display:none; }
ul#Hosting li {
	width: 120px;
	height: 166px;
	display:block;
}
ul#Hosting li#basico {
	position: absolute;
	text-align: center;
	background: url(../img/paquetes-bgs/paquete-basico.png) no-repeat;
	cursor: pointer;
}
ul#Hosting li#basico:hover {
	background: url(../img/paquetes-bgs/paquete-basico.png) 0 -168px no-repeat;
}
ul#Hosting li#plus {
	position: absolute;
	text-align: center;
	background: url(../img/paquetes-bgs/paquete-plus.png) no-repeat;
	cursor: pointer;
}
ul#Hosting li#plus:hover {
	background: url(../img/paquetes-bgs/paquete-plus.png) 0 -168px no-repeat;
}
ul#Hosting li#oro {
	position: absolute;
	text-align: center;
	background: url(../img/paquetes-bgs/paquete-oro.png) no-repeat;
	cursor: pointer;
}
ul#Hosting li#oro:hover {
	background: url(../img/paquetes-bgs/paquete-oro.png) 0 -168px no-repeat;
}
ul#Hosting li#platino {
	position: absolute;
	text-align: center;
	background: url(../img/paquetes-bgs/paquete-platino.png) no-repeat;
	cursor: pointer;
}
ul#Hosting li#platino:hover {
	background: url(../img/paquetes-bgs/paquete-platino.png) 0 -168px no-repeat;
}
ul#Hosting li#giga {
	position: absolute;
	text-align: center;
	background: url(../img/paquetes-bgs/paquete-giga.png) no-repeat;
	cursor: pointer;
}
ul#Hosting li#giga:hover {
	background: url(../img/paquetes-bgs/paquete-giga.png) 0 -168px no-repeat;
}
.espacio {
	font-size: 12px!important;	
}
ul#Hosting li#basico p, ul#Hosting li#plus p, ul#Hosting li#oro p, ul#Hosting li#platino p, ul#Hosting li#giga p {
	font-weight: bold;
	text-shadow: 1px 1px 2px gray;
	color: black;
	font-size: 24px;
	text-align: center;
	padding-top: 15px;
}
ul#Hosting li#plus {
	position: absolute; left: 150px;
	text-align: center;
}
ul#Hosting li#oro {
	position: absolute; left: 276px;
	text-align: center;
}
ul#Hosting li#platino {
	position: absolute; left: 401px;
	text-align: center;
}
ul#Hosting li#giga {
	position: absolute; left: 528px;
	text-align: center;
}
/*------------------------------------*/
.textoPequeno, .textoPequeno *{	font-size:8pt; }

.textoPequenoLat {
	font-size: 10px;
}
.textoPequenoLat span{
	vertical-align:top;
}
.formItem {
	padding-top:1px;
	padding-bottom:1px;
	clear:both;

}

.formItem input, .formItem textarea {
   width:400px;
   padding:5px;
   /*border:1px solid #989898;*/
}

.formItem input.radio, input.checkbox{	
	width:auto;
}


submit p{
		text-align:center;
		padding:5px;
		color: black;		
}


/* Formularios de contacto */
 .forma{
	width:400px;
	background-color: #eoeoeo;
	border: 1px solid gray;
	padding: 4px;
	font-weight: bold;
}
 .formaLat{
	width:160px;
	border: 1px solid #CCC;
	border-radius: 3px;
	padding: 4px;
	font-size: 13px;
	margin-bottom: 5px;
}
.formaLat:focus {
	box-shadow: 0 0 5px #66CC66;
	border: 1px solid white!important;
	
}
.atencion{
	color:red;
	font-weight:bold;
}
table#contactoLateral tr td.label {
	font-size: 13px;
	background-color: #FFF;
	text-align: left;
}
table#contactoLateral .submit {
	text-align: right;
	top: -23px;
	position: relative;
}
.submit input {
	background-color: #418D4D;
	padding: 5px;
	border:none;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
	color:white;
	top: 10px;
}
.submit input:hover{
	background-color:#316D3A;
}
/*************FOOTER**************/
#domicilio {
	background: url(../img/domicilio.png) no-repeat;
	width: 530px;
	height: 54px;
	position: relative;
	top: 12px;
	margin: auto;
	left: 130px;
}
#domicilio span{
	display: none;
}
/***********FOOTER by clic*****************/
#aLinks a{
	font-size: 10px;
	color: white;
	font-family: verdana;
	text-decoration: none;
	float: right;
	top: 5px;
	margin: 10px 0 10px 0;
}

/******* Galeria **************/

ul#imgsGaleria {
    margin: 0 auto;
    width: 816px;
}
ul#imgsGaleria h3{
	color: #333;
	padding: 7px 7px 0px 7px;
	font-size: 14px;
	text-align:center;
}
ul#imgsGaleria p{
	color: #333;
	font-weight: bold;
	padding: 0px 7px 7px 7px;
	font-size: 12px;
	text-align:center;
}

/*ul#imgsGaleria li {
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;
    width: 203px;
    height:138px;
	list-style:none;
}
ul#imgsGaleria li {
    float: left;
}

ul#imgsGaleria li a {
    width: 199px;
    height:134px;
    margin:0px auto;
}

ul#imgsGaleria li a img {
  border:none;
}*/


.imagenGaleria {
    padding-bottom: 2px;
}

.proyectoslista { clear:left;} 

#mapaUbicacion p {
	padding: 0  10px 20px 10px;
	margin: 0px;
}
#directorio {
	width: 250px;
	height: 240px;
	position: absolute;
	margin-left: -400px;
}
#display-reel-box {
    width: 958px;
    height: 336px;
	position: relative;
	top:112px;
}

#content h2 {
	color: #0066cc;
	font-size: 19px;
	background: url(../img/subtitle-bg.png) left bottom no-repeat;
	padding-bottom: 10px;
}
#infoBox {
	float: left;
	width: 260px;
	position: relative;
	margin: 10px;
	padding: 15px;
	text-align: left;
}
#imageBoxLeft {
	float: right;
	width: 260px;
	height: 145px;
	position: relative;
	margin: 10px;
	padding: 15px;
	text-align: left;
	background-color: #CCC;
}
#infoBox p {
	text-align: left;
	padding-top: 5px;
}
#infoBox img {
	box-shadow: none;	
}

table#contacto .submit input { color:white;}
/**** general ***/
ul#siteMap {
    margin-left: 20px;
	list-style-type: none;
	background-image: none!important;
}
ul#siteMap ul {
    margin-top: 0;
}
ul#siteMap li {
	background: url(../img/bullet-mini.png)left no-repeat; 
	padding-left: 25px;
	background-position: left 4px;
	height: 35px;
}
ul#siteMap h2 {
    font-weight: normal;
	background: none;
}
ul#siteMap a {
	text-decoration:none;
}
ul#siteMap a:hover {
	text-decoration: underline;
}
/*****/
img { }
img.left {
	clear: both;
}
blockquote {
    margin-left: 30px;
    margin-right: 30px;
}
blockquote div {
    margin-left: 7px;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
a:visited {
    color: #333;
}

#content a {
	text-decoration: underline;
}

#directorio h3 { text-align:center;}
#directorio h4 { margin-top:15px; margin-bottom:5px; padding-bottom:5px; border-bottom:1px dotted #ffffff;}


h1#disenoWeb {
	background: url(../img/diseno-desarrollo-web.jpg) no-repeat;
	width: 314px;
	height: 51px;
}
h1#nosotros {
	background: url(../img/nosotros-bullet.jpg) no-repeat;
	width: 145px;
	height: 51px;
}	
h1#aspel {
	background: url(../img/asesroia-en-sistemas-aspel.jpg) no-repeat;
	width:305px;
	height: 51px;
}
h1#hospedaje-web {
	background: url(../img/hspedaje-web-bullet.jpg) no-repeat;
	width: 212px;
	height: 51px;
}
h1#portafolio {
	background: url(../img/portafolio-bullet.jpg) no-repeat;
	width: 145px;
	height: 51px;
}
h1#ubicacion {
	background: url(../img/ubicacion-bullet.png) no-repeat;
	width: 178px;
	height: 56px;
}
h1#contacto {
	background: url(../img/contacto-bullet.jpg) no-repeat;
	width: 135px;
	height: 51px;
}
h1#aplicaciones-web {
	background: url(../img/aplicaciones-web-bullet.jpg) no-repeat;
	width: 242px;
	height: 51px;
}
h1#campanas-publicitarias {
	background: url(../img/campanas-bullet.jpg) no-repeat;
	width: 299px;
	height: 51px;
}
h1#dominios-mx {
	background: url(../img/dominios-mx-bullet.png) no-repeat;
	width: 193px;
	height: 51px;
}
h1#diseno-impresion {
	background: url(../img/diseno-impresion.png) no-repeat;
	width: 250px;
	height: 51px;
}
h1#mapa-sitio {
	background: url(../img/mapa-sitio-bullet.jpg) no-repeat;
	width: 194px;
	height: 51px;
}
h1#aspel span, h1#disenoWeb span, h1#nosotros span, h1#hospedaje-web span, h1#portafolio span, h1#ubicacion span, h1#contacto span, h1#aplicaciones-web span, h1#campanas-publicitarias span, h1#mapa-sitio span, h1#dominios-mx span, h1#diseno-impresion span  {
	display:none;
}
ul#campanasList, ol#campanasList{
	padding-left: 20px;
	margin-bottom: 15px;
}
ul#campanasList li, ol#campanasList li{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
ul#campanasList li h3{
	margin:0;
	padding: 0;
	font-size: 17px;
}
/*********promocion Lista************/
div#promoHighlight {
	width: 320px;
	height: 95px;
	position: relative;
	margin: auto;
	border: none!important;
}

ul#promocionList {
	padding-left: 20px;
	margin-bottom: 15px;
	width: 270px;
}
ul#promocionList li {
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: bold;
}
ul#promocionList li.impresion {
	color: #134457;
	list-style: none;
	
}
ul#promocionList li h3{
	margin:0;
	padding: 0;
	font-size: 17px;
}

#imageImpresionBox {
	position: absolute;
	right: 50px;
	top: 210px;	
	width: 240px;
}
	
#ventajasFrame {
	position: relative;
	width: 270px;
	float: left;
	height: 517px;
	margin: 0 20px;
}
ul#ejemplosPresencia {
	margin-left: 10px;
	margin-bottom: 20px;
}
ul#ejemplosPresencia li{
	list-style-type: none;	
	margin-bottom: 5px;
}
ul#ejemplosPresencia li.se{
	background: url(../img/se-bullet.jpg) no-repeat;
	padding-left: 26px;
}
ul#ejemplosPresencia li.ep{
	background: url(../img/ep-bullet.jpg) no-repeat;
	padding-left: 26px;
}
ul#ejemplosPresencia li.sb{
	background: url(../img/sb-bullet.jpg) no-repeat;
	padding-left: 26px;
}
ul#ejemplosPresencia li.gg{
	background: url(../img/gg-bullet.jpg) no-repeat;
	padding-left: 26px;
}
ul#ejemplosPresencia li.ss{
	background: url(../img/ss-bullet.jpg) no-repeat;
	padding-left: 26px;
}
/************************************/
/*GALERIA*/
ul#imgsGaleria {
	width: 647px;
	position: relative;
	margin: auto;
	padding-top: 15px;
}
ul#imgsGaleria li {
    float: left;
	margin-top: 12px;
    margin-bottom: 20px;
	margin-left: 10px;
    padding: 0;
    width: 205px;
    height:270px;
	list-style:none;
	background: url(../img/portfolioNames-bg.png) center bottom no-repeat;	
}
ul#imgsSGaleria li {
    float: left;
    background: none;
    margin-left: 7px;
    padding: 0;
    width: 315px;
    height:170px;
	list-style:none;
}
ul#imgsGaleria li a {
    width: 199px;
    height: 134px;
    margin: 0px auto;
}
/*FIN GALERIA*/

a#linkverProyectos {
	 display:block;
	 height:56px;
	 width:130px;
	 margin:0px auto;
}

a#linkverProyectos span {
	 display:none;
}

 a#linkverProyectos { background: url(../img/buttons/ver-proyectos.png) 0px 0px  no-repeat;}
 a#linkverProyectos:hover,
 a#linkverProyectos { background: url(../img/buttons/ver-proyectos.png) 0px -56px  no-repeat; }
 
/*-- Begin Clearfix Hack Classes --*/
	.clearfix:after {
    	content:"."; 
    	display:block; 
    	height:0; 
    	clear:both; 
    	visibility:hidden;
	}
	
	.clearfix {
		display:inline-block;
	}
	
	.clearfix {
		display:block;
	}
	
	* html .clearfix {
		height:1px;
	}
	/*-- End Clearfix Hack Classes --*/
	
.ui-dialog-title { color: #ffffff;}



div#contactFormLat, div#ubicacionLat {
	width:270px;
	margin: 0px auto;
}


div#contactArea h2.title, #textoFlow h2.title {
 color:#0066CC;
 font-size:14pt;
}

/*** FORMULARIO DE CONTACTO LATERAL **/

div#contactFormLat table ,
table#tblContacto 
{
	border-collapse:collapse;
}

div#contactFormLat table  tr.sep,
table#tblContacto tr.sep
 {
    height:8px;
	background:#ffffff;
}

div#contactFormLat table  tr.tblFormItem  textarea, 
div#contactFormLat table  tr.tblFormItem  input ,
table#tblContacto  tr.tblFormItem  textarea, 
table#tblContacto  tr.tblFormItem  input 
{ 
	border:none; 
	background:none;
    font-size: 13px;
    width: 145px;
	padding:0px 5px;
	font-weight:normal;
	
}

table#tblContacto  tr.tblFormItem  textarea, 
table#tblContacto  tr.tblFormItem  input {
	width:260px;
}

div#contactFormLat table  tr.tblFormItem td,
div#contactFormLat table  tr.tblFormItem th,
table#tblContacto  tr.tblFormItem td,
table#tblContacto   tr.tblFormItem th
{ 
	padding:10px 0px 5px 0px;
	vertical-align:top;
}

table#tblContacto  tr.tblFormItem th { 
	padding:12px 5px 5px 5px;
	vertical-align:top;
}
div#contactFormLat table  tr.tblFormItem th {
	width:95px;
}

div#contactFormLat table  tr.tblFormItem th, 
table#tblContacto  tr.tblFormItem th {
    font-size: 13px;
    text-align: right;
	color: #8F8F8F;
}

div#contactFormLat table  tr.tblFormItem,
table#tblContacto   tr.tblFormItem
 {
    background: url(../img/bg-contact-form-lat.png) repeat-x #DDDDDD;
   
}

div#contactFormLat table  span.atencion, 
table#tblContacto   span.atencion{
    color:#E26E6E;
	font-weight:bold;
	font-size:14pt;
	display:block;
	float:right;
}

div#contactFormLat table .textoPequenoLat span.atencion,
table#tblContacto .textoPequeno span.atencion
 { float:none; display:inline;}
 
 div#contactFormLat table .textoPequenoLat ,
table#tblContacto .textoPequeno 
 { font-size:10px; font-weight:normal; margin-bottom:10px; }
 

 #content.contenidoTexto h2 {
	margin-top:15px;
	margin-bottom:10px;
}

#content.contenidoTexto ul {
	padding-left:40px;
}
#content.contenidoTexto ul li {
	padding-bottom:5px;
}

img.center, img.centrado {
	display:block;
	margin:20px auto;
}
/****** TRULY MENU ****/

ul.menu {
	width: 958px;
	position: absolute;
	height: 47px;
	z-index: 52;
	top: 67px;
	left: -10px;
}
ul.menu, ul.menu li{
    margin: 0px;
    padding: 0px;
    z-index: 25;	
} 
ul.menu li {
	list-style-image: none;
	height: 47px;
	display: block;
}
ul.menu li a h1  {
	 margin:0px;
	 padding:0px;
}
ul.menu a {
	 display:block;
	 height:56px;
}

 ul.menu li#mnNosotros  {position:absolute; left:0px; width:91px;}
 ul.menu li#mnHospedaje {position:absolute; left:86px; width:98px;}
 ul.menu li#mnDiseno-y-Desarrollo {position:absolute; left:184px;  width:206px;}
 ul.menu li#mnAplicaciones-Web {position:absolute; left:584px;  width:148px;}
 ul.menu li#mnCampañas-Web {position:absolute; left:390px;  width:194px;}
 ul.menu li#mnPortafolio {position:absolute; left:732px;  width:89px;}
 
 ul.menu li#mnDisenoImpresion {position:absolute; left:810px;  width:165px;}
 /*ul.menu li#mnContacto {position:absolute; left:586px; top: 0px; width:75px; } */
 /*ul.menu li#mnDominiosMx {position:absolute; left:830px;  width:144px;}*/
ul.menu li#mnSistemasAspel {position:absolute; left:821px;  width:128px;} 
 
 ul.home li#mnNosotros  {position:absolute; left:0px; width:91px;}
 ul.home li#mnHospedaje {position:absolute; left:86px;  width:98px;}
 ul.home li#mnDiseno-y-Desarrollo {position:absolute; left:184px;  width:206px;}
 ul.home li#mnAplicaciones-Web {position:absolute; left:584px;  width:148px;}
 ul.home li#mnCampañas-Web {position:absolute; left:391px;  width:194px;}
 ul.menu li#mnPortafolio {position:absolute; left:732px;  width:89px;}
 
 ul.menu li#mnDisenoImpresion {position:absolute; left:810px;  width:165px;}
 ul.menu li#mnSistemasAspel {position:absolute; left:821px;  width:128px;}
 /*ul.home li#mnContacto {position:absolute; left:-211px;  width:75px;}*/
 /*ul.menu li#mnDominiosMx {position:absolute; left:830px;  width:144px;}*/

 ul.menu li#mnverProyectos {position:absolute; left:-40px;  width:130px; top: 300px;}
  
 ul.menu li#mnNosotros a#linkNosotros { background: url(../img/menu/nosotros.png) 0px 0px  no-repeat; }
 ul.menu li#mnNosotros a#linkNosotros:hover,  
 ul.menu li#mnNosotros.hover  a#linkNosotros { background: url(../img/menu/nosotros.png) 0px -47px   no-repeat; }
 
 ul.menu li#mnHospedaje a#linkHospedaje { background: url(../img/menu/hospedaje.png) 0px 0px  no-repeat; }
 ul.menu li#mnHospedaje a#linkHospedaje:hover,  
 ul.menu li#mnHospedaje.hover  a#linkHospedaje { background: url(../img/menu/hospedaje.png) 0px  -47px  no-repeat; }
 
 ul.menu li#mnDiseno-y-Desarrollo a#linkDiseno-y-Desarrollo { background: url(../img/menu/diseno-y-desarollo-web.png) 0px 0px  no-repeat; }
 ul.menu li#mnDiseno-y-Desarrollo a#linkDiseno-y-Desarrollo:hover,  
 ul.menu li#mnDiseno-y-Desarrollo.hover  a#linkDiseno-y-Desarrollo { background: url(../img/menu/diseno-y-desarollo-web.png) 0px  -47px  no-repeat; }
 
 ul.menu li#mnAplicaciones-Web a#linkAplicaciones-Web { background: url(../img/menu/aplicaciones-web.png) 0px 0px  no-repeat; }
 ul.menu li#mnAplicaciones-Web a#linkAplicaciones-Web:hover,  
 ul.menu li#mnAplicaciones-Web.hover  a#linkAplicaciones-Web { background: url(../img/menu/aplicaciones-web.png) 0px  -47px  no-repeat; }
 
 ul.menu li#mnCampañas-Web a#linkCampañas-Web { background: url(../img/menu/campanas-web.png) 0px 0px  no-repeat; }
 ul.menu li#mnCampañas-Web a#linkCampañas-Web:hover,  
 ul.menu li#mnCampañas-Web.hover  a#linkCampañas-Web { background: url(../img/menu/campanas-web.png) 0px  -47px  no-repeat; }

 ul.menu li#mnPortafolio a#linkPortafolio { background: url(../img/menu/portafolio.png) 0px 0px  no-repeat; }
 ul.menu li#mnPortafolio a#linkPortafolio:hover,  
 ul.menu li#mnPortafolio.hover  a#linkPortafolio { background: url(../img/menu/portafolio.png) 0px  -47px  no-repeat; }
 
 ul.menu li#mnDominiosMx a#linkDominiosMx { background: url(../img/menu/dominios-mx.png) 0px 0px  no-repeat; }
 ul.menu li#mnDominiosMx a#linkDominiosMx:hover,  
 ul.menu li#mnDominiosMx.hover  a#linkDominiosMx { background: url(../img/menu/dominios-mx.png) 0px  -47px  no-repeat; } 
 
 ul.menu li#mnDisenoImpresion a#linkDisenoImpresion { background: url(../img/menu/diseno-impresion.png) 0px 0px  no-repeat; }
 ul.menu li#mnDisenoImpresion a#linkDisenoImpresion:hover,  
 ul.menu li#mnDisenoImpresion.hover  a#linkDisenoImpresion { background: url(../img/menu/diseno-impresion.png) 0px  -47px  no-repeat; } 
 
  ul.menu li#mnSistemasAspel a#linkSistemasAspel { background: url(../img/menu/asesoria-sistemas-aspel.png) 0px 0px  no-repeat; }
 ul.menu li#mnSistemasAspel a#linkSistemasAspel:hover,  
 ul.menu li#mnSistemasAspel.hover a#linkSistemasAspel { background: url(../img/menu/asesoria-sistemas-aspel.png) 0px  -47px  no-repeat; } 
 
 
 /*
 ul.menu li#mnContacto  a#linkContacto { background: url(../img/menu/contacto.png) 0px 0px  no-repeat; }
 ul.menu li#mnContacto  a#linkContacto:hover,
 ul.menu li#mnContacto.hover   a#linkContacto { background: url(../img/menu/contacto.png) 0px -49px  no-repeat; }
 */
 
 /*
 ul.menu li#mnverProyectos  a#linkverProyectos { background: url(../img/buttons/ver-proyectos.png) 0px 0px  no-repeat;}
 ul.menu li#mnverProyectos  a#linkverProyectos:hover,
 ul.menu li#mnverProyectos.hover   a#linkverProyectos { background: url(../img/buttons/ver-proyectos.png) 0px -56px  no-repeat; }
*/
 ul.menu li a span  { display:none;}
 
 
@charset "utf-8";
/* CSS Document */

/************************START QUICKLINKS************************************/
#quickLinks { 
	height: 50px;
	position: absolute;
	right: 6px;
	width: 78px;
	z-index: 99999;
}
ul#quickLinks, ul#quickLinks li { 
	margin: 0;
	padding: 0;
}
#quickLinks li {
	background: none repeat scroll 0 0 transparent;
	list-style: none outside none;/*elimino los bullets*/
}
ul#quickLinks li.home, ul#quickLinks li.contact, ul#quickLinks li.siteMap {
	position: absolute;
	height: 20px;
}
#quickLinks a {
	display: block;
	height: 31px;
	width: 25px;
}
#quickLinks a span {
	display: none;
}
#quickLinks li.home {
	left: 16px;
}
#quickLinks li.contact {
	left: 42px;
}
#quickLinks li.siteMap {
	left: 68px;
}
#quickLinks li.home a {
	background: url(../img/home.png) no-repeat scroll 50% 50% transparent;
}
/*#quickLinks li.home a:hover {
	background: url(../img/home.png) no-repeat scroll 50% 50% #DDF1BE;
}*/
#quickLinks li.contact a {
	background: url(../img/contacto.png) no-repeat scroll 50% 50% transparent;
}
/*#quickLinks li.contact a:hover {
	background: url(../img/contacto.png) no-repeat scroll 50% 50% #DDF1BE;
}*/
#quickLinks li.siteMap a {
	background: url(../img/mapa-sitio.png) no-repeat scroll 50% 50% transparent;
}/*
#quickLinks li.siteMap a:hover {
	background: url(../img/mapa-sitio.png) no-repeat scroll 50% 50% #DDF1BE;
}*/
/************************END QUICKLINKS************************************/
/*-------------------------------------------------------------------------
 Clic 2006
---------------------------------------------------------------------------
 File: error_messages.css
 Sitio: www.c2e-us.net
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------	
 CSS styles for error messages
 Estilos para mensajes de error e informacion
--------------------------------------------------------------------------*/

.error_message, .error-message{
	font-size: 10pt;
	color: #990000;
	font-weight:bold;
	text-align:left;
	padding-bottom:2px;
	padding-left:25px;
	background:url(../img/error/alert.gif) 0% 50% no-repeat;
	width:auto;
	margin:10px auto;
	font-size: 9pt;
}
.admin * .error_message, .admin * .error-message{
	margin-left:150px;
}
.info_message {
	font-size: 8pt;
	font-family: "Arial";
	color: #000000;
	
	
	padding-bottom:2px;
	padding-left:18px;
	background-image:url(../img/error/information.gif);
	background-repeat:no-repeat;
	width:auto;
}
.resultado_vacio{
	clear:both;
	width:300px;
	padding:10px;
	background:#CCDCDD;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}