@charset "UTF-8";
/* Design by Orestes Mora, Markup and programming - Jorge Alberto Gutierrez 
	for Spark* where media becomes art - Jun 2010 */

body {
	font: 100% Helvetica, Arial;
	background: url(../../imagenes/site/fondo.jpg);
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #505050;
}
/*=========================*/
.spark .mainBlock {
	width: 63.75em;  
	margin: 0 auto; 
	text-align: left;
}

/*=========================*/
.spark #header {
	height: 10.625em;
	background: url(../../imagenes/site/header.png) no-repeat top #ffffff;
	margin-bottom: 1.25em;
}

.spark #header #logo {
	width: 15.125em;
	padding-top: 1em;
	height: 6.25em;
}

.spark #header #logo a img {
	border: none;
} 
.spark #header a:link {
	border: none;
}
.spark #wheremedia {
	background: url(../../imagenes/site/titulos/_wheremediabecomesart.png) no-repeat;
	height: 2.5em;
	width: 20.5em;
}

.spark #header #Mainmenu {
	background: url(../../imagenes/site/fondoMainmenu.jpg) repeat-x bottom #d10011;
	height: 2.5em;
	margin-top: .9em;
	border: 1px solid #d10011;
}

.spark #header #BotonesMenu {
	padding-right: 0.625em;
}
/*** MENU ***/

.menu {
	margin: 0;
	padding: 0;
	width: 29.1875em;
	list-style: none;
	display: inline;
}

.menu li {
	padding: 0;
	margin: 0;
	height: 2.4375em;
	list-style: none;
	background-repeat: no-repeat;
	position: relative;
	float: right;
}

.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -62.5em;
	height: 2.4375em;
	background-repeat: no-repeat;
}

.portafolio {background-image: url(../../imagenes/site/MainMenu/sparkwebHomePortafolio.png); width: 9em;}
.portafolio a:hover, .portafolioa {background-image: url(../../imagenes/site/MainMenu/sparkwebHomePortafolio_active.png);}

.servicios {background-image: url(../../imagenes/site/MainMenu/sparkwebHomeServicios.png); width: 7.375em;}
.servicios a:hover, .serviciosa {background-image: url(../../imagenes/site/MainMenu/sparkwebHomeServicios_active.png);}

.merch {background-image: url(../../imagenes/site/MainMenu/sparkwebHomeMerch.png); width: 5.4375em;}
.merch a:hover, .mercha {background-image: url(../../imagenes/site/MainMenu/sparkwebHomeMerch_active.png);}

.contacto {background-image: url(../../imagenes/site/MainMenu/sparkwebHomeContacto.png); width: 7.375em;}
.contacto a:hover, .contactoa {background-image: url(../../imagenes/site/MainMenu/sparkwebHomeContacto_active.png);}


/** //MENU **/


/*=========================*/
.spark #container {
	height: 35.625em;
	background: #FFFFFF;
}

/*=========================*/
.spark #mainContent {
	padding: 10px 8px 0 10px; 	
}

/*==========================*/

.spark #footer {
	height: 2.5em;
	background: url(../../imagenes/site/barrainferiorFondo.jpg) repeat-x top #e7c900;
}


.spark #follow {
	height: 2.5em;
	width: 11em;
	background:url(../../imagenes/site/titulos/_follow.png) no-repeat; 
	padding-left: 8.75em;
}

/*==========================*/

.fltrt {
	float: right;
}

.fltlt {
	float: left;
}

.clearfloat {
	clear: both;
	height:0;
	font-size:1px;
	line-height:0px;
}

.bordernone {
	border: none;
}

.spark a, a:link, a:hover {
	text-decoration: none;
	color: #505050;
}


/****** COLORES ****/

.spark span {
		color: #0467b5;	
}


/****** SECCIONES ******/ 

.spark #barraIZQ {
	width: 11.875em;
}

.spark .lineassidebar {
	background: url(../../imagenes/site/lineassidebar.png) no-repeat;
	height: 1.25em;
	width: 100%;
}

.spark #sidebarIZQ {
	font-size: smaller;
	line-height: 1.3em;
}

/* HOME */

	.spark #HomeNews {
		background: url(../../imagenes/site/titulos/HomeBarras_news.jpg) no-repeat;
		width: 190px;
		height: 30px;
	}
	
	.spark #NEWS {
		height: 270px;
	}

	.spark .HOMEADDS {
		padding-top: 8px;
	}

	.spark .HOMEADDS a img  {
		border: none;
	}

	.spark #BarraCentral {
		margin-left: 11px;
		width: 450px;
		font-size: small;
		padding:0;
		margin-top: 0;
		margin-bottom: 0;
		line-height: 1.5em;
	}
	
	.spark #HomeWelcome {
		background: url(../../imagenes/site/titulos/HomeBarras_welcome.jpg) no-repeat;
		width: 450px;
		height: 30px;	
	}
	
	.spark #CENTRALADD {
		width: 450px; 
		height: 310px;
		overflow: hidden;
		border-bottom: 1px solid #0467b5;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
	.spark .lineasHome {
		background: url(../../imagenes/site/lineas.jpg) no-repeat;
		width: 100%;
		height: 10px;	
	}

	.spark #textCentral {
		text-align: right;
		font-weight: bold;
		font-size: 1em;		
	}
	
	.spark #textCentral ul {
		list-style:none;
	}
	
.spark #BarraDerecha {
	width: 340px;
}

.spark #HomeWork {
	background: url(../../imagenes/site/titulos/HomeBarras_work.jpg) no-repeat;
	width: 340px;
	height: 30px;
}

.spark #HomeWork a { 
	border: none;
}

.spark #RECENTWORK {
	width: 340px;
	margin-top: 5px;
	width: 340px;
}

.spark #RECENTWORK ul{
	margin: 0;
	padding: 0;
	list-style:none;
	
}

.spark #RECENTWORK ul li {
	height: 170px;
	width: 337px;
	margin-bottom: 5px;
	overflow: hidden;
}

/****** //HOME ****/




/**** ICONOS *****/

.spark #iconoContacto {
	height: 17em;
}

.spark #iconoPortafolio {
	height: 16em;
}

.spark #iconoMerch {
	height: 7em;
}

.spark #iconoServicios {
	height: 16.25em;
}


/* CONTACTO */

.spark #BarraContacto3 {
	width: 25.3125em;
	margin-left: 10px;
}

.spark #BarraContacto2 {
	width: 23.5em;
}

.spark #BarraContacto2 p {
	font-size: smaller;
	padding: 16px 0;
}

.spark #contacto label {
	color: #0366b3;
	font-weight: bold;
	font-size: 12px;
}

.spark #contacto .caja {
	width: 20em;
	border-color: #0366b3;
	font-size: 14px;
}


/******** PORTAFOLIO ******/

/*** PORTAFOLIO MENU ***/

.PortafolioMenu {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

.PortafolioMenu ul {
	margin: 0;
	padding: 0;	
}

.PortafolioMenu li {
	padding: 0;
	margin: 0;
	height: 6em;
	list-style: none;
	background-repeat: no-repeat;
	position: relative;

}

.PortafolioMenu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -62.5em;
	height: 4em;
	background-repeat: no-repeat;
}

.PortafolioMenu #Portafoliografico {background-image: url(../../imagenes/site/portafolio/portafolio_GraficoOff.png);}
.PortafolioMenu #Portafoliografico a:hover, #PortafoliograficoOn {background-image: url(../../imagenes/site/portafolio/portafolio_GraficoOn.png);}

.PortafolioMenu #Portafolioweb {background-image: url(../../imagenes/site/portafolio/portafolio_WebOff.png);}
.PortafolioMenu #Portafolioweb a:hover, #PortafoliowebOn {background-image: url(../../imagenes/site/portafolio/portafolio_WebOn.jpg);}

.PortafolioMenu #Portafoliologos {background-image: url(../../imagenes/site/portafolio/portafolio_LogosIdOFF.png); }
.PortafolioMenu #Portafoliologos a:hover, #PortafoliologosOn {background-image: url(../../imagenes/site/portafolio/portafolio_LogosIdOn.jpg);}

#PORTOFOLIO {}

#PFBOX {
	margin-left: 300px;
	width: 37.5em;
	height: 28.125em;
}


/***** MERCH ***/

.spark #logosDistribucion {
	text-align: center;
	margin-left: 3.2em;
	}

#MERCH {}

#MCBOX {
	margin: 40px 300px;
	width: 38em;
	height: 28.125em;

}

/***** SERVICIOS ******/

.spark #SERVICIOS {
	font-size: smaller;
}

.spark #SVBOX {
	margin-top: 40px;
	margin-left: 26em;
	width: 327px;
}

.spark #SVBOX h3 {
	height: 40px;
}
.spark .SWEB { 
	background: url(../../imagenes/site/servicios/servicios_web.jpg) no-repeat;
}
.spark .SID { 
	background: url(../../imagenes/site/servicios/servicios_id.jpg) no-repeat;
}
.spark .SMERCA { 
	background: url(../../imagenes/site/servicios/servicios_mercadotecnia.jpg) no-repeat;
}
.spark .SPUBLICIDAD { 
	background: url(../../imagenes/site/servicios/servicios_publicidad.jpg) no-repeat;
}
.spark .SVIDEO { 
	background: url(../../imagenes/site/servicios/servicios_videodigital.jpg) no-repeat;
}
.spark .SMERCH { 
	background: url(../../imagenes/site/servicios/servicios_merch.jpg) no-repeat;
}

/* Accordion
----------------------------------*/
.spark .ui-accordion .ui-accordion-header { 
	cursor: pointer; 
	position: relative; 
	margin-top: 1px;
	margin-bottom: 8px;
}
.spark .ui-accordion .ui-accordion-li-fix { 
	display: inline; 
}
.spark .ui-accordion .ui-accordion-header-active { 
	border-bottom: 0 !important; 
}
.spark .ui-accordion .ui-accordion-header a { 
	height: 2.5em; 
	display: block; 
}

.spark .ui-accordion-icons .ui-accordion-header a { 
	padding-left: 2.2em; 
}
.spark .ui-accordion .ui-accordion-header .ui-icon { 
	position: absolute; 
	left: .5em; 
	top: 50%; 
	margin-top: -8px; 
}
.spark .ui-accordion .ui-accordion-content { 
	padding: 1em 1.2em; 
	border-top: 0; 
	margin-top: -2px; 
	position: relative; 
	top: 1px; 
	margin-bottom: 2px; 
	overflow: auto; 
	display: none;
	background: url(../../imagenes/site/servicios/servicios_fondo.jpg) repeat-x;
}
.spark .ui-accordion .ui-accordion-content-active { 
	display: block; 
}
/******* EXTRAS ******/

#miTwitpic {
  -moz-border-radius: 10px;
  background-color: #222;
  border: 2px solid #444;
  margin: 0 auto;
  padding: 10px;
  width: 200px;
}