/***********************************************/ 
/*             CSS SW 2010                     */
/* CSS2 style sheet  ++++  XHTML tag styles    */
/*          Edited with HTML Kit               */
/*    Hugo Enrique Flores González             */
/*           lenox21@gmail.com                 */
/***********************************************/ 
/*       Antonio Calderon Jeronimo             */
/***********************************************/ 
/*       Hector Hernandez                      */
/***********************************************/ 
/* HTML tag styles                             */
/***********************************************/
/***********************************************/ 
/**************** Segment 1*********************/
/***********************************************/
#segment1 {
  clear:both;
	width:950px;
	height:145px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	overflow:hidden;
	float:left;
	position:relative;
}
#logo{
  width:263px;
	height:106px;
	float:left;
	overflow:hidden;
	padding:2px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	position:relative;
}

/**********************************/
/*Estilos del Listado general_menu*/
/**********************************/

#general_menu{
  width:672px;
	height:112px;
	float:left;
	overflow:hidden;
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 0px;
	position:relative;
}
ul#listado {
	margin:0;
	padding:0px;
	list-style:none;
	width: 687px;
	height:112px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	position:relative;
	float:left;
}
ul#listado li {
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type: none;
	width:188px;
	float:left;
	display:inline;
	height:112px;
	float:left;
}		
ul#listado li a,ul#listado li a:link, ul#listado li a:visited {
  text-decoration: none;
	width:188px;					
	height:112px;
	display:block;
	padding:0px 0px 0px 0px;
	color: #FFF;
	display:block;
  background: url(../images/menu-portafolio-blog-paquetes-contacto.jpg) no-repeat left top;		
	font:normal 10pt/1.2em Helvetica, Verdana, sans-serif;						
}
ul#listado li a:hover {
  text-decoration: none;
  background: url(../images/menu-portafolio-blog-paquetes-contacto.jpg) no-repeat left bottom;		
}

/******************* PORTAFOLIO ***************/
ul#listado li#li_home {
	width:188px;
}
ul#listado li#li_home a,ul#listado li#li_home a:link, ul#listado li#li_home a:visited {
	width:188px;
  background: url(../images/menu-portafolio-blog-paquetes-contacto.jpg) no-repeat left top;							
}
ul#listado li#li_home a:hover {
  background: url(../images/menu-portafolio-blog-paquetes-contacto.jpg) no-repeat left -130px;		
}

/********************** BLOG *****************/
ul#listado li#li_blog{
	width:135px;																					
}
ul#listado li#li_blog a,ul#listado li#li_blog a:link, ul#listado li#li_blog a:visited {
	width:135px;
  background: url(../images/menu-portafolio-blog-paquetes-contacto.jpg) no-repeat -190px top;							
}
ul#listado li#li_blog a:hover {
  background: url(../images/menu-portafolio-blog-paquetes-contacto.jpg) no-repeat -190px -130px;		
}

/********************** PAQUETES *****************/
ul#listado li#li_paquetes {
	width:175px;																					
}
ul#listado li#li_paquetes a,ul#listado li#li_paquetes a:link, ul#listado li#li_paquetes a:visited {
	width:175px;
  background: url(../images/menu-portafolio-blog-paquetes-contacto.jpg) no-repeat -320px top;							
}
ul#listado li#li_paquetes a:hover {
  background: url(../images/menu-portafolio-blog-paquetes-contacto.jpg) no-repeat -320px -130px;		
}

/********************** CONTACTO *****************/
ul#listado li#li_contacto {
	width:189px;																					
}
ul#listado li#li_contacto a,ul#listado li#li_contacto a:link, ul#listado li#li_contacto a:visited {
	width:189px;
  background: url(../images/menu-portafolio-blog-paquetes-contacto.jpg) no-repeat -495px top;		
}
ul#listado li#li_contacto a:hover {
  background: url(../images/menu-portafolio-blog-paquetes-contacto.jpg) no-repeat -495px -130px;				
}


ul#listado li a span{
  visibility:hidden;
}
/***********************************************/
/* Fin de los estilos del listado general_menu */
/***********************************************/

/***********************/
/* Estilos del submenu */
/***********************/
#cont_submenu{
  width:950px;
	height:33px;
  float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background: url(../images/fondo-submenu.jpg) repeat-x left top;
}
#submenudiv{
  width:300px;
	height:17px;
  float:left;
	clear:both;	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	background:#F1B32A;
	position:relative;
}

ul#submenu {
			margin:0;
			padding:0px;
			list-style:none;
			width: 300px;
			height:17px;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			position:relative;
			float:left;
		}
			ul#submenu li {
				margin: 0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				list-style-type: none;
				width:65px;
				float:left;
				display:inline;
				height:15px;
				float:left;
		}
		
ul#submenu li a,ul#submenu li a:link, ul#submenu li a:visited, ul#submenu li a:hover {
				  text-decoration: none;
					width:65px;					
					height:15px;
					display:block;
					color: #000;
					display:block;				  		
  				font:normal 7pt/1.2em Helvetica, Verdana, sans-serif;						
}

/******************* DISEÑO WEB ***************/
ul#submenu li#li_diseno,
ul#submenu li#li_diseno a,
ul#submenu li#li_diseno a:link, 
ul#submenu li#li_diseno a:visited, 
ul#submenu li#li_diseno a:hover {
					width:65px;
					text-decoration:none;
				  background: url(../images/diseno-web.jpg) no-repeat left top;							
}

/******************* DESARROLLO WEB ***************/
ul#submenu li#li_desarrollo,
ul#submenu li#li_desarrollo a,
ul#submenu li#li_desarrollo a:link, 
ul#submenu li#li_desarrollo a:visited, 
ul#submenu li#li_desarrollo a:hover {
					width:83px;
					text-decoration:none;
				  background: url(../images/desarrollo-web.jpg) no-repeat left top;							
}

/******************* WEB MARKETING ***************/
ul#submenu li#li_webmarketing,
ul#submenu li#li_webmarketing a,
ul#submenu li#li_webmarketing a:link, 
ul#submenu li#li_webmarketing a:visited, 
ul#submenu li#li_webmarketing a:hover {
					width:87px;
					text-decoration:none;
				  background: url(../images/web-marketing.jpg) no-repeat left top;							
}

/******************* NOSOTROS ***************/
ul#submenu li#li_nosotros,
ul#submenu li#li_nosotros a,
ul#submenu li#li_nosotros a:link, 
ul#submenu li#li_nosotros a:visited, 
ul#submenu li#li_nosotros a:hover {
					width:63px;
					text-decoration:none;
				  background: url(../images/nosotros.jpg) no-repeat left top;							
}


ul#submenu li a span{
  visibility:hidden;
}
/************************************/
/** Fin de los Estilos del submenu **/
/************************************/