html,body{margin:0;padding:0;}
body{
font:75% Arial;
text-align:left;
background: url(skin.jpg) repeat-y top center;
}


/* popup */
#fade {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 10;
}
#hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.popup_block {
	background: #e5e5e5;
	padding: 10px 20px;
	border: 5px solid #fff;
	float: left;
	width: 480px;
	position: fixed;
	top: 20%;
	left: 50%;
	margin: 0 0 0 -250px;
	z-index: 100;
}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}





.popup h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 0px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup img.cntrl {
	position: absolute;
	right: -20px;
	top: -20px;
}
/*--Making IE6 Understand Fixed Positioning--*/


*html #fade {
	position: absolute;

	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	: document.body.scrollTop);
}

*html .popup_block {
	position: absolute;

	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));

	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft
	+ (document.body.clientWidth /2 )
	: document.body.scrollLeft
	+ (document.body.offsetWidth /2 ));
}

/*--IE 6 PNG Fix--*/

img{ behavior: url(iepngfix.thc) }


/* end-popup */











p{margin-top:10px;margin-bottom:10px;line-height:1.4;}


a {color:#fff;}
a{outline:none;}
a:hover {text-decoration:none;}
a:visited {color:#fff;}
a img {
border: none;
text-decoration: none;
}

a:link img, a:visited img, a:hover img {
border: none;
text-decoration: none;
}

p.no_dot {margin-left:15px;}
.offset {margin-left:15px;}

/* for browsers that understand */

p.no_dot a {outline:0;}
p.no_dot a:focus, p.no_dot a:active {background:#000;}

#logo{width:200px;height:40px;position:relative;
	float:left;display:inline;margin-top:15px;}
#minitabs{list-style: none;
  font:120% Arial;font-weight: bold;
  text-align:right;white-space: nowrap;width:500px;height:38px;position:relative;
	float:right;}
#minitabs li{display: inline;margin: 0 2px}
#minitabs a{text-decoration: none;padding: 0 0 3px;
  border-bottom: 5px solid #FFF;color: #fff}
#minitabs a#current{border-color: #e00020;color:#dadada;}
#minitabs a:hover{border-color: #2a2a2a;color: #dadada} 


#idiomas{list-style: none;
  font:120% Arial;font-weight: bold;
  text-align:right;white-space: nowrap;width:100px;height:38px;position:relative;
	float:right;}
#idiomas li{display: inline;margin: 0 0px}
#idiomas a{text-decoration: none;padding: 0 0 3px;
  border-bottom: 5px solid #FFF;color: #fff}
#idiomas a#current{border-color: #e00020;color:#dadada;}
#idiomas a:hover{border-color: #2a2a2a;color: #dadada} 


#container{margin:0 auto;width:980px;text-align:left;background:#FFF;}
#container_header{margin:0 auto;width:1022px;text-align:left;background:#2a2a2a;}
#header{width:980px;background:#FFF;}
#top_header{width:980px;height:85px;background:#FFF;}
#top_header2{width:980px;height:38px;background:#2a2a2a;}


#sidebar{width:50%;
	position:relative;
	float:left;
	text-align:justify;
	display: inline;
	margin-top:20px;
	}
	
#texto_sidebar{
width:92%;
}
#content{width:50%;
	position:relative;
	float:right;
	display: inline;
	margin-top:20px;
	}

#subcontent1{width:100%;
	position:relative;
	float:left;
	display: inline;
	text-align:justify;
	}
#subcontent1_home{width:98%;
	position:relative;
	float:left;
	display: inline;
	text-align:justify;
	padding-left:9px;
	}
	
#subcontent2_home{width:481px;
	position:relative;
	float:right;
	display: inline;
	margin-top:3px;
	padding-left:4px;
	}
	
#subcontent2{width:100%;
	position:relative;
	float:right;
	display: inline;
	margin-top:3px;
	}
	
	
#iconos{
	width:100%;
	position:relative;
	float:left;
	display: inline;
	margin-top:20px;
	}

.barra{height:26px; margin-top:0px;background: transparent url(img/barra.jpg) no-repeat bottom left;}
#sobre_footer {clear:both;display:block;color:#000;
  padding-top:0px;width:980px;background-color:#FFFFFF;position:relative;height:100px;
  }
  
#sobre_footer a {
  
	color:#c10000;
	font-weight:bold;
	text-decoration:none;
	
	}

#sobre_footer h3 {
	margin-bottom:8px;
	
	}
  
#contacto {
  	width:980px;
	float:left;
	overflow:hidden;
	padding-top:10px;
	
	}
  
#contacto .sobre_footer {
	width:90px;
	height:13px;
	
	}
	
#contacto .lugar {
	width:177px;
	float:left;
	margin-bottom:15px;
	color:#333;
	
	}
	
#contacto strong {
	display:block;
	}

.clear {
	clear:both;
}


.titulos{
width:80%;
font:200% Helvetica;color:#000;background-color:#fff;
text-indent:0px;
}

.subtitulos{
width:100%;
font:100% Helvetica;color:#fff;background-color:#2a2a2a;
text-indent:0px;
}

.enlaces{
font-size:100%;color:#fff;text-decoration:none; background-color:#c10000; font-weight:bold;
}

/*navegación páginas*/
#navegacion{
font-weight:bold;
color:#c10000;
font-size:11px;
height:22px;
}
#navegacion a{
color:#000;
text-decoration:none;
font-weight:bold;
outline:none;
}

#navegacion a:hover{
color:#c10000;
text-decoration:none;
}

#nav_bar{
width:745px;
position:relative;
height:50px;
}

.subcontent_ideas{width:40%;
	position:relative;
	float:left;
	display: inline;
	text-align:justify;
	margin-top:0px;
	padding-left:40px;
	}
	
#subcontent3{width:44%;
	position:relative;
	float:left;
	display: inline;
	text-align:justify;
	padding-right:20px;
	margin-top:10px;
	padding-left:60px;
	}

/*estilos para apart. soluciones*/

#content_soluciones{width:100%;
	position:relative;
	float:left;
	display: inline;
	margin-top:20px;
	}

.titulo_subsoluciones{
width:105%;
font:100% Helvetica;color:#fff;background-color:#2a2a2a;
text-indent:0px;
}
.bloque_soluciones1{
width:20%;
	position:relative;
	float:left;
	display:inline;
	margin-top:0px;
	background:#fff;
	padding-left:0px;
}
.bloque_soluciones2{
	width:20%;
	position:relative;
	float:left;
	display:inline;
	margin-top:0px;
	background:#e6e6e6;
	padding-left:60px;
	background-color: #fff;
}
.bloque_soluciones3{
	width:20%;
	position:relative;
	float:left;
	display:inline;
	margin-top:0px;
	background:#e6e6e6;
	padding-left:60px;
	background-color: #fff;
}
.bloque_soluciones4{
	width:20%;
	position:relative;
	float:left;
	display:inline;
	margin-top:0px;
	background:#e6e6e6;
	padding-left:60px;
	background-color: #fff;
}
.texto_bloque_soluciones{
width:100%;
text-align:left;

}
/*estilos para apart. marketing y casos*/

.sidebar_marketing{width:23%;
	position:relative;
	float:left;
	text-align:justify;
	display: inline;
	margin-top:20px;
	}

.bloque_marketing{
width:77%;
position:relative;
float:left;
display:inline;
margin-top:20px;
}


.titulo_submarketing{
width:42%;
font:100% Helvetica;color:#fff;background-color:#2a2a2a;
text-indent:0px;
}
.sidebarmarketing{width:45%;
	position:relative;
	float:left;
	text-align:justify;
	display: inline;
	margin-top:10px;}
.texto_marketing{width:50%;
	position:relative;
	float:left;
	text-align:justify;
	display: inline;
	margin-top:0px;}


.bloquemarketing{
width:50%;
position:relative;
float:left;
display:inline;
margin-top:10px;
}

/*estilos para apart. proximidad*/
.sidebar_proximidad{width:40%;
	position:relative;
	float:left;
	text-align:justify;
	display: inline;
	margin-top:20px;}
	
.bloque_proximidad{
width:52%;
position:relative;
float:right;
display:inline;
margin-top:20px;
}
.subcontent_proximidad{width:40%;
	position:relative;
	float:left;
	display: inline;
	text-align:justify;
	}
.subcontent_proximidad2{width:40%;
	position:relative;
	float:right;
	display: inline;
	text-align:justify;
	margin-top:40px;
	}
/*estilos para apart. mobivista*/
.subcontent_mobivista{width:55%;
	position:relative;
	float:left;
	display: inline;
	text-align:justify;
	}
#flashcontent{
width:35%;
	position:relative;
	float:left;
	display: inline;
	margin-top:36px;
}	

#mobilecontent{
width:25%;
	position:relative;
	float:left;
	display: inline;
	margin-top:80px;
}	

#flashcontentdos{
width:25%;
	position:relative;
	float:left;
	display: inline;
	margin-top:144px;
}	

#flashcontenttres{
width:25%;
	position:relative;
	float:left;
	display: inline;
	margin-top:118px;
}


#subtitulo_mobivista{
width:50%;
font:130% Helvetica;color:#000;background-color:#fff; font-style:italic;font-weight:bold;
text-indent:0px;}

.casos_mobivista{
text-decoration:underline;
}

.casos_mobivista a {color:#000;}
.casos_mobivista a{outline:none;}
.casos_mobivista a:hover {text-decoration:none;}
.casos_mobivista a:visited {color:#000;}



/*estilos para apart. OPIs*/
#video_OPIs{
width:40%;
	position:relative;
	float:right;
	display: inline;
	margin-top:0px;
}	

/*estilos para apart. contenidos*/
.sidebar_contenidos{width:90%;
	position:relative;
	float:left;
	text-align:justify;
	display: inline;
	margin-top:20px;}

/*estilos para apart. clientes*/
#bloque_logos{
width:80%;
margin-left:110px;
margin-top:20px;
}

.unidad_logo{
margin-left:5px;
display:inline;
position:relative;
float:left;
}

/*estilos para apart. casos*/

.sidebar_casos{width:23%;
	position:relative;
	float:left;
	text-align:justify;
	display: inline;
	margin-top:147px;
	}

.bloque_casos{
width:52%;
position:relative;
float:left;
display:inline;
margin-top:20px;
}

#fecha_casos{
width:45%;
color:#000;font-size:12px;
}
#titulo_casos{
color:#000;font-size:24px;font-weight:bold;
}
#datos_casos{
color:#000;font-size:14px; font-weight:bold;
}
#entradilla_casos{
width:95%;
color:#000;font-size:13px; font-weight:bold; font-style:italic;
}

#galeria_casos{
width:100%; background-color:#fff;
}

#texto_casos{
width:95%;}

.subtitulo_casos{
color:#000;font-size:18px; padding-top:10px;
}


#page-wrap { width: 500px; margin-top:20px; position: relative; height: 250px;
			}
/*SLIDER*/

.slider-wrap								{ width: 490px; position: relative;}			
.stripViewer								{ position: relative; overflow: hidden; width: 481px; height: 181px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 481px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid white; margin-right: 5px; }
#movers-row									{ margin: -43px 0 0 0px; }
#movers-row div								{ width: 14.2%; float: left; }
#movers-row div a.cross-link 				{ float: left; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: inline; width: 62px; margin-top: 50px; 
											  position: relative; padding-top: 0px;}
.active-thumb 								{ }







/* ================================================================ 
This copyright notice must be untouched at all times.
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.
=================================================================== */

#nav {padding:0; margin:0; font-family:arial; background:#fff;position:absolute;}
#nav a:hover {text-decoration:underline;}
#nav dt b, #nav dt a {display:block; font-weight:bold; font-size:16px; color:#000; height:20px; line-height:20px; padding-left:20px; cursor:pointer; width:200px;}
#nav dt b {background:url(cross.jpg) no-repeat left center;}
#nav dt a {color:#000; text-decoration:none;}
#nav dd {padding:0; margin:0;}
#nav dd ul {padding:0; margin:0; list-style:none;}
#nav dd ul li {padding-left:20px;}
#nav dd ul li a {font-size:13px; color:#000; text-decoration:none;}


/* estilos para lista \*/
.pipewrap{
   text-align: left;
   width: 980px;
   background:#FFF;
   }

.pipelist {
   /*margin: 0 auto 1em;*/
   overflow: hidden;
   width: 980px;
   background:#FFF;
  }
   
.pipelist a span{
  color:#000;
  font-weight:bold;
  font-size:88%;
  
  }

.pipelist ul {
   list-style: none;
   color:#000;
   margin: 0;
   padding:20px 60px 20px 0px;
   
   }

.pipelist li {
   border-left: 1px solid #000;
   float: left;
   line-height: 1.2em;
   margin: 0 .5em .5em -.5em;
   padding: 0 .5em 0 .5em;
   white-space: nowrap;
   color:#999999;
   
   }