/* CSS Document */

/*--------------------------------------------------------------------------------------------
	General 
  --------------------------------------------------------------------------------------------*/
html, body {
	margin:0;
	padding:0;
	height:100%;
	text-align:center; /* For IE < 6 centring */
	background-color: #FFFFFF;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background-color: #FFFFFF;

}

/* Comportamiento de los divs */
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
	line-height:0px;
	height:0px;
}
/* NB: Debe estar el archivo ie.css si usas esto*/
.clearfix:after {
    content:"."; 
    display:block;
	height:0;
    clear:both; 
    visibility:hidden;
}

a img {
	border:0;
}


/*--------------------------------------------------------------------------------------------
	Estructura de la pagina 
  --------------------------------------------------------------------------------------------*/
div#container { /* Static width */
	width:940px;
	margin-left:auto;
	margin-right:auto;
	min-height:100%;	
	text-align:left; /* Revert IE < 6 centring */
}

/* Cabecera */
div#header {
	width:940px;
	height:70px;
}
div#nav {

}
div#sidebar {

}
div#contentWrapper {
	padding-bottom:10px;
}
div#contentHeader {
	position:relative;
	height:330px;
	width:940px;
}

div#contentBodyLiner {
	padding:0px 20px;
}


/*--------------------------------------------------------------------------------------------
	Layout 
  --------------------------------------------------------------------------------------------*/ 
div.headerComponent {
	position:absolute;
	top:0px;
	left:0px;
	width:940px;
}
img#simplify {
	margin:80px 0px 0px 145px;
}

div#columnsWrapper {
	background:transparent url(../images/separator.jpg) 675px 0px repeat-y;
	width:100%;
	padding-bottom:20px;
}
div#mainColumn {
	float:left;
	width:655px;
}
div#sidebar {
	float:right;
	width:195px;
}

/* About page */
div.aboutColumn {
	float:left;
	width:228px;
	padding-top:10px;
}
div.aboutColumnLast {
	float:left;
	width:198px;
	padding-top:10px;
}
div.aboutColumn p {
	margin-right:30px;
}
div.aboutColumnLast p {
	margin-right:0px;
}
a.seeOurWork {
	position:absolute;
	top:0px;
	right:0px;
}
a.seeOurWork img {
	vertical-align:text-bottom;
}

/* Pagina de Contacto */
div.contactColumn {
	float:left;
	width:229px;
	padding-top:10px;
}
div#careersForm div.formColumnL {
	background:transparent url(../images/separator.jpg) right 0px no-repeat;
}


/*--------------------------------------------------------------------------------------------
	Navigation 
  --------------------------------------------------------------------------------------------*/  
/* Main nav */
ul#navbar {
	float:right;
	list-style:none;
	padding:0;
	margin:43px 5px 0px 0px;	
}  
ul#navbar li {
	float:left;
	padding:0px 5px;
} 
ul#navbar a {
	color:#94B6C6;
	font-size:14px;
	text-decoration:none;
	padding:5px 10px;
} 
ul#navbar a:hover {
	color:#fc7f23;
} 
ul#navbar li#selected a {
	/* Selected menu item */
	color:#fc7f23;	
}  

  
/*--------------------------------------------------------------------------------------------
	Typography
  --------------------------------------------------------------------------------------------*/
/* Headings */
h1 {
	font-size:1.45em;
	color:#fc7f23;
	font-weight:normal;
	margin:40px 0px 15px 0px;
}
div#header h1 {
	float:left;
	margin:0px;
	padding:30px 20px 0px 20px;
}
h2 {
	color:#94B6C6;
	font-size:1.0em;
	margin:0px;
}
h3 {
}
h4 {
}
/* Type */
p {
	color:#94B6C6;
	line-height:1.5em;
}
p.intro {
	font-size:1.2em;
	margin-top:5px;
	text-align:center;
}
p.leadin {
	margin-top:0px;
}
div#sidebar p {
	margin:5px 0px 20px 0px;
}

a {
	color:#94B6C6;
	text-decoration:none;

}
a:hover {
	color:#666;
}

ul {
	margin:0 0 0 15px;
	padding:0px;
}

div#sidebar ul {
	margin:10px 0 0 15px;
	padding:0px;
}

li {
	color:#999;
}
div#contentBody ul li {
	line-height:1.8em;
}

div#contentBody div.jobs ul li {
	line-height:1.4em;
}

.attn {
	color:#ed7c44;
}
div.jobs h1 {
	margin-top:5px;
	margin-bottom:0px;
	display:none;
}
div.jobs p {
}
div#JobTabsContainer {
	position:relative;
	left:-10px;
}
div#JobTabsContainer ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background:url(../images/tab-bottom.jpg) left top repeat-x;
	height:21px;
}
div#JobTabsContainer li {
	float:left;
	background:url(../images/tab-l.jpg) left top no-repeat;
	margin-right:10px;
}
div#JobTabsContainer a {
	float:left;
	height:21px;
	line-height:21px;
	text-align:center;
	color:#999999;
	padding:0 10px;
	background:url(../images/tab-r.jpg) right top no-repeat;
	cursor:pointer;
}
div#JobTabsContainer li img {
	float:left;
}

div#JobTabsContainer li.selected {
	background-color:#ededed;
	background:url(../images/tab-l-sel.jpg) left top no-repeat;
}
div#JobTabsContainer li.selected a {
	background:url(../images/tab-r-sel.jpg) right top no-repeat;
	color: #FC7F23;
}
#careersForm h2 {
	margin-top:14px;
	padding-top:0px;
}

/*--------------------------------------------------------------------------------------------
	Forms - form, input, label etc
  --------------------------------------------------------------------------------------------*/
form {
	padding:0;
	margin:0;
	color: #94B6C6;
}


/*--------------------------------------------------------------------------------------------
	Projects Panel 
  --------------------------------------------------------------------------------------------*/
div.projectPagination {
	position:absolute;
	top:290px;
	right:20px;
	width:130px;
	z-index:100;
}

div.projectThumbWrapper {
	padding-left:20px;
	height:65px; /* 48px H + 17px reflection */
}
div.projectThumb {
	float:left;
	margin-right:10px;
}

div.projectPanelLiner {
	width:940px;
	height:330px;
	position:relative;
}
div.projectPanelDetailsWrapper {
	position:relative;
	height:330px;
}
div.projectPanelDetails {
	position:absolute;
	left:0px;
	bottom:43px; /* 60px to base of thumbnails - 17px thumb reflection */
	width:349px;
}

div.projectPanelDetails h1,
div.projectPanelDetails p {
	margin-left:20px;
	margin-right:40px;
}
div.projectPanelImageHolder {
	position:absolute;
	top:0px;
	left:340px;
	width:580px;
}
div.projectPanelImageHolder div {
	position:absolute;
	top:0px;
	left:0px;
}
a.viewWebsite {
	position:absolute;
	left:20px;
	bottom:20px;
	z-index:100;
}

div#otherProjects {
	position:absolute;
	left:340px;
	bottom:53px;
	width:580px;
}
ul.otherProjects {
	float:left;
	width:190px;
	background: transparent url(../images/separator.jpg) left top no-repeat;
	margin:0;
	padding:0;
}
ul.otherProjects li {
	margin-left:30px;
	color:#CCC;
	padding:0px;
	line-height:1.8em;
}
ul.otherProjects li a {
	color:#999;
}
ul.otherProjects li a:visited {
	color:#CCC;
}


/*--------------------------------------------------------------------------------------------
	Projects Menu 
  --------------------------------------------------------------------------------------------*/ 
div#projectsMenuWrapper {
	position:absolute;
	top:20px;
	left:5px;
	width:930px;
}
div#projectsMenu {
	overflow:hidden;
	width:100%;
}
table.projects {
	border-collapse:collapse;
}
table.projects td {
	margin:0px;
	padding:0px 15px;
	text-align:center;
}
table.projects td p {
	margin:0px;
}
table.projects td span {
	display:block;
	padding-top:90px;
}
table.projects a {
	display:block;
	width:135px;
	height:135px;
	color:#999;
	text-decoration:none;
}

div.projectsMenuMask {
	position:absolute;
	top:20px;
	width:27px;
	height:120px;
}
div#projectsMenuMaskL {
	left:0px;
	background:transparent url(../images/projects-menu-mask-l.png) left top no-repeat;
}
div#projectsMenuMaskR {
	right:0px;
	background:transparent url(../images/projects-menu-mask-r.png) left top no-repeat;
}
 

table#projectsMenuSlider {
	border-collapse:collapse;
}
table#projectsMenuSlider td {
	margin:0px;
	padding:0px;
}

div#sliderTrackWrapper {
	background:transparent url(../images/projects_menu_track.png) left top repeat-x;
}
a.sliderTrackBttn {
	text-decoration:none;
	position:absolute;
	top:0px;
	width:20px;
	height:15px;
}
a#sliderTrackBttnLeft {
	left:0px;
}
a#sliderTrackBttnRight {
	right:0px;
}
div#sliderTrack,
img.sliderTrackEnd,
div#sliderTrackHandle {
	cursor:pointer;
} 
div#sliderTrackHandle img {
	margin-top:1px;
} 


/*--------------------------------------------------------------------------------------------
	Contact Forms 
  --------------------------------------------------------------------------------------------*/ 
div.formPanel {
	border:solid 1px #c3c3c4;
	margin:0px 10px 10px 0px;
	width:100%;
}
div.formPanelLiner {
	padding:0px 20px;
}
div.formPanel a.panelTrigger {
	color:#808080;
	font-weight:bold;
	display:block;
	text-decoration:none;
	padding:20px 20px 10px 20px;
}
div.formPanel a.panelTrigger:hover {
	background-color:#ededed;
}
p.formLeadin {
	margin-top:0px;
}
div.formColumnL {
	float:left;
	width:300px;
}
div.formColumnR {
	float:right;
	width:290px;
}
div.formColumnL p {
	margin-right:20px;
}

form {
	margin:0px;
	padding:0px;
}

label,
input {
}
label {
	color:#808080;
	display:block;
	line-height:15px;
}
input,
textarea {
	border:solid 1px #d5d5d5;
}
input,
textarea {
	font-size:1.0em;
	border:solid 1px #d5d5d5;
	margin-bottom:10px;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
}
input {
	width:235px;
	height:18px;
}
input.inputFile {
	height:22px;
}
textarea {
	width:289px;
	height:113px;
}
p.success {
	margin-top:0px;
	color:#6dbe16;
}
.error,
div.error label {
	color:#b32017;
}
p.error {
	margin-top:0px;
}
div.error input,
div.error textarea {
	border:solid 1px #b32017;
}

button.formSubmit {
	float:right;
	margin:0px 0px 10px 0px;
	padding:0px;
	background:none;
	border:none;
	cursor:pointer;
	color: #94B6C6;
}
button.formSubmit img {
	margin:0px;
	padding:0px;
}




/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar {
	position: relative;
	display: block;
}
.prototip .content { clear: both; }

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
  padding: 0;
  background: none;
}

/* Tooltip styles */
.prototip .default { 
	width:150px;
	height:50px;
	background:transparent url(../images/bg-tooltip.png) left top no-repeat;
}
.prototip .default .content { padding:5px 0px;  }
.prototip .default .content p { margin:0px; }
.prototip .default .content p span { font-weight:bold; }


/* ++++++++++++++++.
Contact us - Icons
++++++++++++++++++*/

div#CallUs	{
	width:65px;
	height:44px;
	background:transparent url(../images/icon-call_us-transparent.png) left top no-repeat;
}
div#VisitUs	a	{
	width:83px;
	height:61px;
	background:transparent url(../images/icon-map5.png) left top no-repeat;
	display:block;
}
	div#VisitUs	a:hover	{
		background-position:left -61px;
	}


div#SendUsALetter	{
	width:55px;
	height:44px;
	background:transparent url(../images/icon-send_us_a_letter-transparent.png) left top no-repeat;
}

div#map_canvas	{
	height:300px;
	background:transparent url(../images/ajax-loader.gif) center no-repeat;
}
.parte_superior {
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: bottom;
}
.parte_inferior {
	background-color: #DAE9EF;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #C8E0EB;
}
.pie {
	background-color: #517B8F;
	width: 100%;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -100px;
border: 1px dashed gray;
visibility: hidden;
color: #94B6C6;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -10;
left: -275px; /*position where enlarged image should offset horizontally */

}