/* CSS Document */
/* LAYOUT */

* {
	margin:0;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:0;
}
li{
	list-style-position: outside;
	list-style-image: url(../images/blue-arrow-small.jpg);
	list-style-type: none;
}
body{
	text-align:center;
	width:100%;
	background-color: #000000;
	background-image: url(../images/main-background.jpg);
	background-repeat:  repeat-x;
	background-position: left top;
}
#layout-container, #layout-container-home{
	width: 976px;
	text-align: center;
	display: block;
	margin: 7px auto 0 auto;
}
#layout-container-home{
	margin: 54px auto 0 auto;
}
#container{
	width: 976px;
	text-align: left;
	display: block;
	margin: 7px auto 0 auto;
	background-color: #FFFFFF;
	background-image: url(../images/container-background.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float:left;
}
#container-home{
	width: 976px;
	text-align: left;
	display: block;
	margin: 7px auto 0 auto;
	background-color: #FFFFFF;
	background-image: url(../images/container-background.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float:left;
}
#container-top{
	width:976px;
	height:17px;
	background: #FFFFFF url(../images/container-top.jpg) no-repeat left top;
	float:left;
	display:block;
}
#container-left{
	width:12px;
	height:284px;
	background: #FFFFFF url(../images/container-left.jpg) no-repeat left top;
	float:left;
	display:block;
}
#container-right{
	width:13px;
	height:284px;
	background: #FFFFFF url(../images/container-right.jpg) no-repeat left top;
	float:left;
	display:block;
}
#home-container-top{
	width:976px;
	height:17px;
	background: #FFFFFF url(../images/home-container-top.jpg) no-repeat left top;
	float:left;
	display:block;
}
#home-container-left{
	width:12px;
	height:284px;
	background: #FFFFFF url(../images/home-container-left.jpg) no-repeat left top;
	float:left;
	display:block;
}
#home-container-right{
	width:13px;
	height:284px;
	background: #FFFFFF url(../images/home-container-right.jpg) no-repeat left top;
	float:left;
	display:block;
}

#container-bottom{
	width:976px;
	height:9px;
	background: #FFFFFF url(../images/container-bottom.jpg) no-repeat left top;
	float:left;
	display:block;
}
#content-wrapper, #content-wrapper-home{
	width:951px;
	float:left;
	display:block;
}
#content-wrapper-home{
	background: url(../images/home-background.gif) 1px 115px no-repeat;
	height:553px;
}
#company-header{
	width: 524px;
	height: 168px;
	float: left;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/home-logo.jpg) top left no-repeat;
	margin: -80px 0 0 210px;
}
#company-description{
	background: url(../images/heroes-screen.jpg) top left no-repeat;
	width: 497px;
	height: 401px;
	float: left;
	text-indent: -999em;
	overflow: hidden;
	margin: 7px 0 0 113px;
}
#home-links{
	width: 206px;
	height:162px;
	display:block;
	float:left;
	margin: 7px 0 0 -4px;
}
#home-links a{
	text-indent:-999em;
	overflow:hidden;
	display:block;
	float:left;
}
#home-links a, #home-links a:link, #home-links a:visited{
	width:206px;
	height:54px;
}
#home-links a.quienes-somos{
	background: url(../images/english/btn-who.jpg) no-repeat top left;
}
#home-links a.que-hacemos{
	background: url(../images/english/btn-what.jpg) no-repeat top left;
}
#home-links a.como-lo-hacemos{
	background: url(../images/english/btn-how.jpg) no-repeat top left;
}
#home-links a:hover{
	background-position: 0 -54px;
}
#company-message{
	width:524px;
	height:42px;
	text-indent:-999em;
	overflow:hidden;
	background: url(../images/english/nueva-internet.gif) no-repeat top left;
	margin: 8px 10px 0 0;
	display:block;
	float:right;
}
#header{
	width:951px;
	float:left;
	display:block;
	position:relative;
}
#logo{
	width:304px;
	height:103px;
	background: url(../images/logo.jpg) no-repeat top left;
	text-indent:-999em;
	overflow:hidden;
	float:left;
	display:block;
	padding:0 0 0 91px;
	margin:12px 0 0 26px;
}
.header-title{
	width:197px;
	height:77px;
	background: url(../images/header-title.jpg) no-repeat top left;
	text-indent:-999em;
	overflow:hidden;
	float:left;
	margin:10px 0 0 13px;
}

#languages{
	float:right;
	margin:70px 28px 0 0;
}
#content-wrapper-home #languages{
	float:right;
	margin:5px 10px 0 0;
}
#languages a{
	width:50px;
	height:17px;
	text-indent:-999em;
	overflow:hidden;
	display:block;
}
#languages a.lang-spanish{
	background:url(../images/lang-spanish.jpg) no-repeat top left;
}
#languages a.lang-english{
	background:url(../images/lang-english.jpg) no-repeat top left;
}
#languages a.selected, #languages a:hover{
	background-position:0px -17px;
}

#navbar{
	height:43px;
	background: url(../images/navbar-background.jpg) repeat-x top left;
	width:925px;
	float:left;
	text-align:center;
	margin:0 0 0 13px;
}
#navbar-left{
	height:43px;
	width:9px;
	background: url(../images/navbar-left.jpg) no-repeat top left;
	float:left;
	padding:0 0 0 165px;
}
#navbar-right{
	height:43px;
	width:9px;
	background: url(../images/navbar-right.jpg) no-repeat top left;
	float:right;
}
#navbar a{
	text-indent:-999em;
	overflow:hidden;
	height:43px;	
	float:left;
	margin:0 4px;
}
#navbar a.navbar-company{
	width:91px;
	background: url(../images/english/navbar-company.jpg) no-repeat top left;
}
#navbar a.navbar-skills{
	width:51px;
	background: url(../images/english/navbar-skills.jpg) no-repeat top left;
}
#navbar a.navbar-services{
	width:79px;
	background: url(../images/english/navbar-servicios.jpg) no-repeat top left;
}
#navbar a.navbar-outsourcing{
	width:102px;
	background: url(../images/english/navbar-outsourcing.jpg) no-repeat top left;
}
#navbar a.navbar-portfolio{
	width:81px;
	background: url(../images/english/navbar-portfolio.jpg) no-repeat top left;
}
#navbar a.navbar-career{
	width:64px;
	background: url(../images/english/navbar-career.jpg) no-repeat top left;
}
#navbar a.navbar-news-events{
	width:122px;
	background: url(../images/english/navbar-newsevents.jpg) no-repeat top left;
}
#navbar a.navbar-contact{
	width:81px;
	background: url(../images/english/navbar-contact.jpg) no-repeat top left;
}
#navbar a:hover, #navbar a.selected{
	background-position:0 -43px;
}

#sidebar{
	width:220px;
	background: url(../images/sidebar-background.jpg) repeat-y top left;
	float:right;
	margin: 0 30px 20px 0;
}
#sidebar-shadow{
	width:220px;
	height:10px;
	float:left;
	background: url(../images/sidebar-shadow.jpg) repeat-y top left;
	float:right;
}
#sidebar-bottom{
	width:220px;
	height:159px;
	float:left;
	background: url(../images/sidebar-bottom.jpg) repeat-y top left;
	float:right;
}
a.ask-quote{
	width:189px;
	height:129px;
	display:block;
	background: url(../images/english/quote.jpg) 6px 6px no-repeat #FFFFFF ;
	text-indent:-999em;
	overflow:hidden;
	float:left;
	margin: 0 0 0 9px;
	padding:6px;
	border: solid 1px #000000;
}
#useful-links{
	width:200px;
	float:left;
	margin:10px;
}
a.useful-link, a.useful-link:link, a.useful-link:visited{
	display:block;
	float:left;
	text-decoration:none;
	color: #000000;
	font-weight:bold;
	font-size: 13px;
	height: 36px;
	background: url(../images/sidebar-button.jpg) no-repeat top left;
	padding: 9px 0 0 40px;
}
a.useful-link:hover{
	background: url(../images/sidebar-button-hover.jpg) no-repeat top left;
	color: #FFFFFF;
}

#main-content{
	width:650px;
	float:left;
	margin:20px 20px 30px 30px;
}
#main-content.big{
	width: 890px;
}
#lista-proyectos{
	width: 890px;
	display:block;
	float:left;
	margin:20px 0 0 0;
}
.proyecto{
	width:890px;
	display:block;
	float:left;
	background: url(../images/project-background.jpg) repeat-x top left;
	margin: 0 0 20px 0;
}
.proyecto-left{
	width:12px;
	height:137px;
	float:left;
	display:block;
	background: url(../images/project-left.jpg) no-repeat top left;
}
.proyecto-right{
	width:12px;
	height:137px;
	float:right;
	display:block;
	background: url(../images/project-right.jpg) no-repeat top left;
}
.captura-proyecto{
	width:199px;
	height:133px;
	margin:10px 20px 10px 0;
	float:left;
	display:block;
	padding:5px 5px 5px 5px;
	border: solid 1px #000000;
	background: #FFFFFF;
}
.nombre-proyecto{
	font-size:18px;
	width:610px;
	float:left;
	display:block;
	margin: 10px 0 0 0;
}
.nombre-proyecto strong, .descripcion-proyecto strong{
	color: #09619E;
	font-size: 12px;
}
.descripcion-proyecto{
	font-size:12px;
	width:610px;
	float:left;
	display:block;
	margin: 10px 10px 10px 0;
}
/*{border:1px #FF0000 solid;}*/
.link-proyecto{
	font-size:12px;
	width:590px;
	height:27px;
	float:left;
	display:block;
	margin: 10px 0 10px 0;
	padding: 3px 0 0 32px;
	font-weight: bold;
	background: url(../images/blue-arrow-big.jpg) top left no-repeat;
}
.odd{
	background: #FFFFFF;
}
.even{
	background: #FFFFFF;
}
.info-image{
	float:left;
	margin:0 10px 10px 0;
}
.right{
	float:right;
	margin:0 0 10px 10px;
}

/* FONT STYLES */
.footer{
	width:976px;
	float:left;
	margin: 8px 0 0px 0;
	padding: 0 0 20px 0;
	font-size: 12px;
}
.footer p{
	color: #FFFFFF;
	font-size: 12px;
}
.footer p strong{
	font-weight:bold;
	font-size: 12px;
}
.footer a{
	color: #FFFFFF;
	font-size: 12px;
}
h1{
	font-size:24px;
	margin:0 0 10px 0;
}
h1 strong{
	font-size:24px;
	color: #09619E;
}
h2{
	margin:10px 0 10px 0;
	color: #09619E;
	line-height: 19px;
	text-align: justify;
	font-size:12px;
}
#main-content p{
	margin:10px 0 10px 0;
	line-height: 18px;
	text-align: justify;
	font-size:12px;
}
#main-content ul li, #main-content ul li strong{
	font-size:12px;
	line-height: 18px;
}
#main-content ul li strong{
	color: #09619E;
}
#main-content ul li a, #main-content ul li a:visited, #main-content ul li a:hover{
	color: #09619E;
	font-size:12px;
}
#main-content p strong, #main-content p a, #main-content p a:visited, 
#main-content p a:hover, #main-content p a:link{
	color: #09619E;
	font-size:12px;
}

.validator{
	float:right;
}



.formquote{
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
/* {
border: solid 1px #FF0000;
}*/
.formquote label{
	font-size: 12px;
}
.formquote input, textarea{
	border: 1px solid #09619E;
	width: 200px;
}
.formquote .submit{
	color:#FFFFFF;
	background-color:#09619E;
}
.form{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	padding: 10px 0 0 0;
}
/* {
border: solid 1px #FF0000;
}*/
.form p{
	float:left;
	display:block;
	width:100%;
	text-align: left;
}
.form label{
	font-size: 12px;
	width: 170px;
	display: block;
	float: left;
}
.form input, textarea{
	border: 1px solid #09619E;
	width: 250px;
	display: block;
	float: left;
	margin: 0 0 0 10px;
}
.form input.checkbox{
	width: 30px;
}
.form .submit{
	color:#FFFFFF;
	background-color:#09619E;
	margin: 0 0 0 180px;
}
.form #msg{
	width: 600px;
}
.error{
	font-weight:bold;
	color:#0F00FF;
}
#pros-photos *{
	/*border: solid 1px #FF0000;*/
}
#pros-photos p{
	width: 320px;
	display:block;
	float:left;
	margin:0 10px 10px 0;
}
#pros-photos p a, #pros-photos p a:link, #pros-photos p a:hover{
	font-size: 12px;
; 	font-style: italic;
}
#pros-photos p strong{
	font-size: 14px;
}
#pros-photos p img{
	border: solid 1px #000000;
	padding: 10px;
	background: #FFFFFF;
	float:left;
	margin: 0 10px 0 0;
	width:100px;
}
#pros-photos p.right{
	margin:0 0 10px 0;
}