@charset "utf-8";
@import url(home.css);
@import url(company.css);
@import url(customers.css);
@import url(contact.css);
@import url(services.css);
@import url(product.css);

body, html, div, blockquote {
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #444444;
}


html{
	background-color:#222222;
}

h3 {
        font-family: mic;
        font-size: 22px;
        font-weight: bold;
}

h4 {
        font-family: mic;
        font-size: 18px;
        font-weight: bold;
        color: red;
}


div#north_center p{ font-size:14px;line-height:17px;}

div#north_center h5{ margin-bottom:-5px; margin-top:-5px;}


body{
	background-color:#222222;
}

a {
	border: none;
	outline: none;
}

a.urlPdf{
	background:url("../images/pdf.png") no-repeat scroll left top transparent;
	display:block;
	min-height:22px;
	padding:0 0 0 25px;
}

div#container{
	background-image: url(../images/container_background.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	display: block;
	margin: 0px auto 0px;
	width: 970px;
	-moz-box-shadow:0 0 20px #000000; 
	-webkit-box-shadow:0 0 20px #000000; 
	box-shadow:0 0 20px #000000;
}	

div#header,
div#content,
div#footer {
	display: block;
}

div#header {
	height: 130px;
	margin-top: 14px;
	position: relative;
}

div#header img#logo{
	position: absolute;
	top: 40px;
	left: 30px;
}

div#header ul.navigation{
	position:absolute;
	right:46px;
	top:62px;
}

div#content{
	display:block;
	padding-left: 30px;
	padding-right: 30px;
	margin: 0px auto 0px;
	padding-bottom: 45px;
	background-repeat: no-repeat;
	background-position:bottom left;	
}


div#footer div#hiddenModalContent{
	display:none;
}

#TB_ajaxContent h4{
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 20px;
}

#TB_ajaxContent strong{
	font-weight:normal;
	color:#FE0000;
}

#TB_ajaxContent ul{
	padding-left:15px;
}

#TB_ajaxContent ul,
#TB_ajaxContent .intro{
	font-size:1.2em;
	line-height:130%;
}

#TB_ajaxContent li{
	padding:10px 0;
}


ul.navigation,
ul.navigation li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.navigation li {
	float: left;
	margin-left: 30px;
}

ul.navigation li a img {
	border: none;
}

div#content div#main
{
	width: 530px;
	display:block;
	float: left;
}
div#content div#main-internal
{
	width: 530px;
	display:block;
	float: left;
}

#main-tools-internal {
display:block;
float:left;
width:530px;
}

div#content div#main-customers-internal
{
	width: 530px;
	display:block;
	float: left;
	line-height:15px;
}
div#content div#main-customers-internal a{
	color:#EC1F24;
	font-size:13px;
	line-height:1.4em;
	outline:medium none;
	text-decoration:none;
}
div#content div#main-customers-internal a:hover{
	color:#C0272D;
	font-size:13px;
	line-height:1.4em;
	outline:medium none;
	text-decoration:underline;
}
	
	
div#content div#main-customers
{
	width: 960px;
	margin-top:50px;
	display:block;
	float: left;
}
div#main-internal h2{ 
	margin:5px;
	}

urls
{
	position: absolute;
	left: 40px;
	top: 30px;
}

div#content div#side_bar
{
	float: right;
	margin-top: 55px;
	width: 275px;
	padding: 20px;
	display:block;
	background-image: url(../images/background_traslucent.png);
	border:1px solid #ddd;
}

br.clear{
	clear: both;
	}
	
a img{
	border: 0px;
	border: none;
}
small{
float: left;
}


/* RSS feed styles */
div#promos ul#newsHome{
    margin-top:-13px;
}
div#promos ul li ul#newsHome li{
    padding-bottom:8px;
}
.feedTitle{
    color:#cc0000;
    font-size:1.1em;
    text-decoration:none;
}
#newsHome .feedTitle{
    color:#333333;
}
#newsHome .feedTitle:hover{
    color:#ff0000;
}
.updated{
    color:#999999;
    font-size:x-small;
    text-decoration:none !important;
    margin-bottom:5px;
}

.calidadBox{
	color:#999999;
	font-size:11pt;
	line-height:140%;
}
.calidadBox img{
    margin-bottom:-5px;
}


.appStore{
    display:block;
    width:260px;
    height:89px;
    background:url(../images/appstore.png) no-repeat top left;
    text-indent:-9999px;
    margin-left:40px;
    margin-top:15px;
}
.appStore:hover{
    background-position:left -88px;
}

/* --------------[Listas de Proyectos] ----------------*/
.projectsContainer{
    width:550px;
    margin-top:-20px;
}

.projectsContainer.sourceProjects{
	margin-top:40px;
}

.projectsContainer h4{
    border-bottom:2px solid #CCCCCC;
    color:#333333;
    font-family:Helvetica,Arial,Serif;
    font-weight:normal;
    margin-bottom:0;
    padding-bottom:0.3em;
}
.fecha { 
	font-size:10px; 
	float:right; 
	color:#999999;
}

.listProject { 
	list-style-type: none;
	margin:0px; 
	padding:0px;
}
.urlProject{
	color:#999999;
	text-decoration:none;
}

.urlProject:hover{
	color:#CC0000;
	text-decoration:underline;
}
.listProject li {
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #FFFFFF;
	padding:1em 0;
}

/* --------------[Proceso de desarrollo] ----------------*/
.divButton {
	padding-top:20px;
	width:275px;
}
.mainButton {
	-moz-border-radius:20px; -webkit-border-radius: 20px; border-radius: 20px;
	-moz-box-shadow:0 0 5px #777777;-webkit-box-shadow:0 0 5px #777777; box-shadow:0 0 5px #777777;
	background-color:#333333;
	border:4px solid white;
	color:white;
	display:block;
	font-weight:bold;
	height:auto;
	padding:10px !important;
	text-decoration:none;
	width:175px;
	text-align:center;
	cursor:pointer;
}
.mainButtonDesign {
-moz-border-radius:20px; -webkit-border-radius: 20px; border-radius: 20px;
	-moz-box-shadow:0 0 5px #777777;-webkit-box-shadow:0 0 5px #777777; box-shadow:0 0 5px #777777;
	background-color:#333333;
	border:4px solid white;
	color:white;
	display:block;
	font-weight:bold;
	padding:10px !important;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	width:100px;
	height:6px;
	line-height:6px;
	margin-left:60px;
}

.main101 .mainButton{
	float:right;
	margin-top:0.7em;
}
.mainButton:hover,
.main101 a.mainButton:hover, 
.mainButtonDesign:hover {
    color:#dddddd;
    background-color:#222222;
}

/* --------------[Listas de Press] ----------------*/
.pressContainer{
    width:550px;
    margin-top:-110px;
}

.pressContainer.sourcePress{
	margin-top: 10px;
}

.pressContainer h4{
    border-bottom:2px solid #CCCCCC;
    color:#333333;
    font-family:Helvetica,Arial,Serif;
    font-weight:normal;
    margin-bottom:0;
    padding-bottom:0.3em;
}
.fecha { 
	font-size:10px; 
	float:right; 
	color:#999999;
}

.listPress { 
	list-style-type: none;
	margin:0px; 
	padding:0px;
}
.urlPress{
	color:#999999;
	font-size:11px;
	text-decoration:none;
}
.listPress li {
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #FFFFFF;
	padding:1em 0;
	color:#787878;
	font-size:12px;
}

div.customer ul.menu li img, div.customer ul.menu li p {
float:left;
}

.profiles{
	color:#444444;
	font-size:13px;
	outline:none;
	text-decoration:none;
	border:0;	
	display: block;
	width:205px;
	margin-top:15px;
}


.profiles:hover{
	color:#CC0000;
	text-decoration:underline;
}

ul.pressReleases{
	list-style: none;
	margin:20px 0;
	padding:0;
}

ul.pressReleases li{
	margin-bottom: 10px;
}


/* --------------[Links de Productos] ----------------*/

.north_center h5.subtitulo{
font-family:mic;
font-size:20px;
font-weight:lighter;
}

.urlProduct{
	color:#CC0000;
	display:block;
	font-size:1.3em;
	margin-top:1.2em;
	text-decoration:none;
}
.urlProduct:hover{
	color:#880000;
}


.linksProductos{
	background:url("../images/es/product/product_link.png") no-repeat scroll 0 3px transparent;
	font-size:9px;
	height:10px;
	list-style:none outside none;
	padding:0 0 5px 15px;
	width:150px;
	margin-bottom:3px;
}

#Layer1 {
	float:right;
	width:161px;
	height:72px;
	margin-right:15px;
	z-index:1;
}

#Layer1 ul li.linksProductos a{
	color:#666;
	text-decoration:none;
	outline:none;
	padding-bottom:5px;
}
#Layer1 ul li.linksProductos a:hover{
	color:#000;
	text-decoration:none;
	outline:none;
}

#Layer1 ul{
	margin:0;
	padding:0;
}

.readMoreProductos{
	background:url("../images/es/product/product_readmore.png") no-repeat scroll 0 3px transparent;
	font-size: 9px;
	height:10px;
	width:150px;
	list-style:none;
	padding:0px 0 5px 15px;
	margin-bottom:3px;
}
#Layer1 ul li.readMoreProductos a{
	color:#666;
	text-decoration:none;
	outline:none;
}
#Layer1 ul li.readMoreProductos a:hover{
	color:#000;
	text-decoration:none;
	outline:none;
}

h4.sidebarTitulos{
	 font-size:14px;
	 font-family:Helvetica,Arial,sans-serif;
	 font-weight:normal;
	 padding:0;
	 margin:10px 0;
 }

 h4.sidebarTitulos a{
	 color:#666;
	 text-decoration:none;
	 outline:none;
 }
 
 h4.sidebarTitulos a:hover{
	 color:red;
 }
 
 .imgCustomers{
 opacity:0.75;
 }
 .imgCustomers:hover{
 opacity:10;
 }
 
 /* --------------[Footer] ----------------*/
 
div#footer{
	clear: both;
	background-color: #191919;
	font-size: 11px;
	height: 120px;
	position: relative;
	margin-top:30px;
}

div#footer a{
	border-bottom:1px solid;
	color:#8C8C8E;
	text-decoration:none;
}

div#footer a:hover{
	color:white;
}

div#footer div.separator
{
	background-image:url(../images/footer_language_separator.gif);
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 20px;
}

div#footer div#language
{
	color:#999999;
	height:97px;
	line-height:40px;
	position:absolute;
	right:46px;
	top:23px;
	width:170px;
}



div#footer div#terms
{
	line-height: 40px;
	position: relative;
	left: 28px;
	top: 5px;
	width: 502px;
	color: #999999;
}

div#footer div#quality{
	color:#999999;
	left:28px;
	line-height:40px;
	position:absolute;
	top:55px;
}

div#footer div#quality a{
	text-transform:uppercase;
	font-size:xx-small;
	letter-spacing:0.15em;
}
 
 .twitterContainer{
 	height:40px;
	width:200px;
	padding-left:20px;
	padding-top:19px;
 }
 
  .twitterContainer a{
  	border:none !important;
 }
 .twitterlink,
.twitterlink-es{
    background:url(../images/twitterfollow.png) no-repeat left top;
    display:block;
    width:195px;
    height:40px;
    text-indent:-9999px;
}
.twitterlink-es{
    background:url(../images/twitterfollow-es.png) no-repeat left top;
}
.twitterlink:hover,
.twitterlink-es:hover{
    background-position:left -48px;
}

/* User Research - Design & Usability page */

div.ucd h2 { 
	margin:0;
	padding:0;
	margin:10px 0 0;
}

div.ucd #main-internal h4 { 
	margin-bottom:-14px; 
	color:#444;
}

div.ucd #main-internal h3 {
	border-bottom:1px solid #DDDDDD;
	margin-bottom:-8px;
	margin-top:2.5em;
}

ul.user-research {
	margin:0;
	padding:0;
}

ul.user-research li{
	float:left;
	list-style:none outside none;
	margin:15px 33px 0 15px;
	padding-top:100px;
	text-align:center;
	width:122px;
}
ul.user-research li{background:url("../images/usab_icos.png") no-repeat scroll left 14px transparent}
ul.user-research li.ico-pers{background-position:center 14px}
ul.user-research li.ico-escen{background-position:right 14px}
ul.user-research li.ico-etno:hover, ul.user-research li.ico-etno.selected{background-position:left -140px}
ul.user-research li.ico-pers:hover, ul.user-research li.ico-pers.selected{background-position:center -140px}
ul.user-research li.ico-escen:hover, ul.user-research li.ico-escen.selected{background-position:right -140px}

ul.user-research li h5{
	font-size:14px;
	line-height:1.2em;
	margin:8px 0 0;
	padding-bottom:15px;
}
ul.user-research li h5 a{
	color:#666666;
	font-family:Helvetica,Arial,sans-serif;
	text-decoration:none;
}
ul.user-research li:hover{
	cursor:pointer;
}
ul.user-research li:hover h5 a,
ul.user-research li.selected h5 a{
	color:#CE361D;
}
ul.user-research li.selected h5{
	background:url("../images/usab-call.png") no-repeat scroll center bottom transparent;
}
.user-research-text{
	-moz-box-shadow:0 2px 8px #DDDDDD;-webkit-box-shadow:0 2px 8px #DDDDDD;box-shadow:0 2px 8px #DDDDDD;
	background:url("../images/background_traslucent.png") repeat scroll 0 0 transparent;
	border:1px solid #DDDDDD;
	margin-top:-1px;
	padding:5px 20px;
}
.desc-pers,
.desc-escen{
	display:none;
}


.usab-img-card {
	background:url("../images/usab_icos2.png") no-repeat scroll left top transparent;
	float:left;
	height:84px;
	margin-right:25px;
	width:75px;
	margin-top:14px;
}

.usab-img-mapa {
	background:url("../images/usab_icos2.png") no-repeat scroll right -84px transparent;
	float:left;
	height:84px;
	margin-right:25px;
	width:75px;
}

.usab-img-prot {
	background:url("../images/usab_icos2.png") no-repeat scroll left -84px transparent;
	float:left;
	height:84px;
	margin-right:25px;
	width:75px;
	margin-top:14px;
}

.usab-img-wire {
	background:url("../images/usab_icos2.png") no-repeat scroll left bottom transparent;
	float:left;
	height:84px;
	margin-right:25px;
	width:75px;
	margin-top:14px;
}

.usab-img-linea {
	background:url("../images/usab_icos2.png") no-repeat scroll right top transparent;
	float:left;
	height:84px;
	margin-right:25px;
	width:75px;
}

.usab-img-heu {
	background:url("../images/usab_icos2.png") no-repeat scroll right bottom transparent;
	float:left;
	height:84px;
	margin-right:25px;
	width:75px;
}

.usab-img-test {
	background:url("../images/usab_icos2.png") no-repeat scroll left -168px transparent;
	float:left;
	height:84px;
	margin-right:25px;
	width:75px;
	margin-top:24px;
}

.usab-img-seo {
	background:url("../images/usab_icos2.png") no-repeat scroll right -168px transparent;
	float:left;
	height:84px;
	margin-right:25px;
	width:75px;
}