@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body {
	text-align:left;
	font:normal 62.5% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color:#e3041e; /*background-image:url(../img/layout/bg-hojas.gif); background-position:bottom; background-repeat:repeat-x;*/
}
a{color:#000; text-decoration:underline;}
a:hover{text-decoration:none;}
img{border:none;}
h1{	visibility:hidden; 
	line-height:0px; font-size:0%; position:absolute; top:0px;}
h2, h3{
	font-family:tahoma,arial,helvetica,sans-serif; font-weight:normal;
	font-size:1.2em; }
h2 a, h3 a{text-decoration:none;}
h3{
	padding:20px 0 0 0;
	font-weight:700;
	/*border-bottom:1px solid #fff;*/}
blockquote{
	/*font:normal 100% Georgia, "Times New Roman", Times, serif;*/
	clear:both; color:#333;
}
cite{
	color:#333;
	font-style:normal; font-size:1.2em;
}
ul{
	list-style-type:none;}
li{
	padding:3px 0 3px 10px;
	background-image:url(../img/layout/li-simple.gif); background-position:3px 0.8em; background-repeat:no-repeat;
	color:#fff; line-height:150%;font-size:1.2em;
	/*padding:3px 10px;background-image:url(../img/layout/li.gif); background-position:left; background-repeat:no-repeat;*/}
ul.primero{
	padding-top:10px;}
ul.segundo{
	padding-top:24px;}
p{	padding:0 0 10px 0;
	line-height:150%;
	font-size:1.2em;}
#global-highlights{
	padding:20px 0; background-color:#252525;}
#head{
	margin:0 auto; 
	width:920px;
	background-color:#e3041e;
	text-align:left;
	overflow:hidden;}
#company{
	padding:20px; 
	float:left;
	text-align:left; color:#fff;
	clear:both;
	overflow:hidden;}
#company a{
	color:#fff;}
#social-media{
	padding:30px 20px 0 20px;
	float:right;}
#social-media ul{list-style-type:none;}
#social-media ul li{
	float:right;
	list-style-type:none;
	background-image:none;}
#projects{
	margin:0 auto; padding:10px 0;
	background-color:#fff;
	width:960px;
	text-align:left;
	clear:both;
	overflow:hidden; }
#clients{
	margin:0 auto; padding:20px 0; 
	width:920px;
	text-align:left; color:#fff;
	clear:both;
	overflow:hidden; }
#clients a{color:#fff;text-decoration:none; }
#clients a:hover{text-decoration:underline;}
.module{
	width:260px;
	float:left;}
.right{
	padding:10px;
	text-align:right;}
.centro{
	padding:10px;
	text-align:center;}
.left{
	margin:20px;
	}	
.com{
	padding-top:80px;
	background-image:url(../img/layout/icono-comunicacion.gif); background-repeat:no-repeat; background-position:250px 25px;}
.service{
	padding-top:80px;
	background-image:url(../img/layout/icono-approach.gif); background-repeat:no-repeat; background-position:250px 30px;
	}
#footer{
	padding:20px 10px; margin:0 auto; 
	width:960px;
	clear:both;
	color:#fff;
	overflow:hidden;}
#footer a{
	color:#fff;
	 text-decoration:none;
	}
#webstudio{
	padding:0 0 40px 50px;
	/*width:300px;*/
	float:left;
	background-image:url(../img/layout/icono-contact.gif); background-repeat:no-repeat; background-position:0 0;}
#firefox{
	width:310px; float:left;
	overflow:hidden;}
#firefox a{
	padding:10px 110px 20px 0;
	display:block;font-size:90%; line-height:110%;color:#f56d3d;
	background-image:url(../img/layout/firefox.gif); background-position:right top; background-repeat:no-repeat;}
.highlight{
	color:#f56d3d}
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:152px;
	color: #000;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 20px 0 0 0;
    background: url(../img/layout/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	background: url(../img/layout/bubble-filler.gif) repeat-y; 
}
a.tt:hover span.bottom{
	padding:0 10px 10px 10px;
	font-weight:normal; line-height:100%;
	display: block;
    background: url(../img/layout/bubble-bottom.gif) no-repeat bottom;
}
#navidad{
	clear:both;
	padding:20px 0 20px 520px;
	 background: url(../img/layout/bg-nadal.gif) no-repeat top left;}
/*SLIDER*/
#slideshow {
	width:960px;
	height:418px;
	background:transparent url(../img/bg_slideshow.png) no-repeat top center;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:860px;
  height:418px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:840px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:418px;
}
#slideshow #slidesContainer .slide-left{
	width:325px;
	float:left;
	overflow:hidden;
	padding: 20px 0 20px 20px;
}
#slideshow #slidesContainer .slide-right{
	padding:20px 10px;
	 float:right;
	 overflow:hidden;}
/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:418px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../img/control_right.jpg) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */

#pageContainer {
  margin:0 auto;
  width:960px;
}
#pageContainer h1 {
  display:block;
  width:960px;
  height:114px;
  /*background:transparent url(img/bg_pagecontainer_h1.jpg) no-repeat top left;*/
  text-indent: -10000px;
}
.slide h2, .slide p {
  margin:15px 0; padding:0;
}
.slide h2 {
  font: 24px Georgia, "Times New Roman", Times, serif;
}
.slide img {
  float:right;
  border:4px solid #e8e8e8;
}
.slide img.no {
  border:4px solid #fff;
}
#footer {
  height:100px;
}
#footer p {
  margin:30px auto 0 auto;
  display:block;
  width:860px;
  height:40px;
}