@font-face {font-family: "Avenir";font-weight: normal;src: url("LTe50338.eot")}
@font-face {font-family: "Avenir";font-weight: normal;src:url('LTe50338.ttf') format("truetype")}
@font-face {font-family: "Avenir";font-weight: bold;src:url('LTe50340.eot')}
@font-face {font-family: "Avenir";font-weight: bold;src:url('LTe50340.ttf') format("truetype")}
body{font-size:10px}
body, a{color:#444}
body, input, a{font-family:Avenir, Arial, Helvetica, sans-serif}
html, body, div#main, div#left, div#content, div.pane, div.left, div.right, div.image, div#training, div#practice{height:950px;}
.video-background{position: absolute;top: 0;left: 0;overflow: hidden; width: 100%; height: 100%; background-position:center center!important}
.video-background video{min-height: 100%; min-width:100%; display:none}
div.ui-video-background{display:none}
div#main{display:table;min-width:855px; width:100%}
div#left, div#content{display:table-cell}
div#content{width:auto;vertical-align:middle}
div#left{width:212px}
div#left div.bg {width:100%}
div#left{vertical-align:top;position:relative;background-color:transparent}
div#menu{display:block;position:relative;width:300px;height:100%;z-index:999}
div.bg {
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 0;
    filter: alpha(opacity=80); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80)
}
div#left ul{margin:0 0 0 18px;padding-top:14px;position:relative; width:194px}
div#left h1#logo{height: 14px;position: absolute;left:20px;margin-top:-14px;width: 172px;background:url(../img/left_bg.png) no-repeat 0 -165px;display:none;z-index:9}
div#left h1 a{display:block;text-indent:-9999px;height:100%;width:100%; -webkit-text-size-adjust:none}
div#left h1#logo:hover{background-position: 0 -187px}
div#left ul li{background:url(../img/left_bg.png) no-repeat;height:20px;width:140px}
div#left ul li a{text-indent:-9999px;display:block;height:100%;width:100%;-webkit-text-size-adjust:none}
div#left ul li.works{background-position:0 -20px}
div#left ul li.training{background-position:0 -40px}
div#left ul li.press{background-position:0 -60px}
div#left ul li.ftp{background-position:0 -80px}
div#left ul li.blog{background-position:0 -100px}
div#left ul li.searchtitle{background-position:0 -120px}
div#left ul li.practice:hover, div#left ul li.practice.selected{background-position:-144px 0}
div#left ul li.works:hover, div#left ul li.works.selected{background-position:-144px -20px}
div#left ul li.training:hover, div#left ul li.training.selected{background-position:-144px -40px}
div#left ul li.press:hover, div#left ul li.press.selected{background-position:-144px -60px}
div#left ul li.ftp:hover, div#left ul li.ftp.selected{background-position:-144px -80px}
div#left ul li.blog:hover, div#left ul li.blog.selected{background-position:-144px -100px}
div#left ul li.searchtitle:hover, div#left ul li.searchtitle.selected{background-position:-144px -120px}

a:hover, div.list ul li a.selected{color:#D41A1A!important;text-decoration:none!important}
ul.tabs{height:100%;float:right;display:table; background:#000000;}
ul.tabs li.item{
	background:url(../imagenes/fondo_der.png) repeat-y 0 0;
	position:relative;
	float:left;
	width:25px;
	padding-left:8px;
	overflow:hidden;
	display:table-cell;
}
ul.tabs li h1{
	position:absolute;
	top:0;
	text-indent:-9999px;
	width:25px;
	height:100%;
	cursor:pointer;
	display:block
}
ul.tabs li h1.leadership{
	background-position:5px 15px
}
ul.tabs li h1.leadership:hover{
	background-position:-15px 15px
}
ul.tabs li h1.locations{
	background-position:-34px 15px
}
ul.tabs li h1.locations:hover{
	background-position:-53px 15px
}
ul.tabs li h1.legal{
	background-position:-72px 15px
}
ul.tabs li h1.legal:hover{
	background-position:-91px 15px
}
ul.tabs li h1.works{
	background-position:-110px 15px
}
ul.tabs li h1.works:hover{
	background-position:-129px 15px
}
ul.tabs li h1.search{
	background-position:-148px 15px
}
ul.tabs li h1.search:hover{
	background-position:-168px 15px
}
ul.tabs li h1.training{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;
}
ul.tabs li h1.training:hover{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#D41A1A;
}
ul.tabs li h1.research{
	background-position:-228px 15px
}
ul.tabs li h1.research:hover{
	background-position:-249px 15px
}
div.list ul li{
	margin-bottom:7px;
	padding-left:1px
}
div.list ul li a{
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	display:block;
	-webkit-text-size-adjust:none
}
.load{
	background:url(../img/ajax-loader.gif) no-repeat 0 center;
}
div.right.load{
	width:300px
}
div#projects ul{
	margin-bottom:20px
}
div#projects h3{
	font-weight:normal;
	text-transform:uppercase;
	font-size:9px;
	letter-spacing: 0.9px;
	border-bottom:#BBB solid 1px;
	padding:0 0 1px 1px;
	margin-bottom:10px;
	-webkit-text-size-adjust:none
}
div#alphabetical ul{
	width:140px
}
div#alphabetical ul li{
	float:left;
	margin-right:7px;
	min-width:10px
}
a.search{
	cursor:pointer
}
div#left ul li.search{
	width:auto;
	background:none;
	margin-top:5px
}
div#left ul li.search div{
	display:none
}
div#left ul li.search input, div#left ul li.search a{
	border:#444 solid 1px;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	display:inline-block;
	height:20px;
	line-height:20px	
}
div#left ul li.search input{
	border-right:none;
	font-size:9px;
	width:145px;
	padding-left:3px;
	display:inline-block;
	outline:none;
	-webkit-border-radius:0
}
div#left ul li.search a{
	border-left:none;
	font-size:16px;
	width:20px;
	text-align:center;
	cursor:pointer;
	outline:none;	
	text-indent:0;
	color:#444;
	display:inline-block
}
div#image{
	width:200px;
	vertical-align:middle;
	padding-left:20px
}
div#image div{
	text-align:right;
	overflow:hidden;
	width:100%;
	height:100%
}
div#image div img{
	height:100%
}
div.search{
	width:650px;
	max-height:500px;
}
div#credits div.table{
	width:800px;
	max-height:500px;
	margin-top:80px
}
div#credits div.left{
	vertical-align:top;
	padding-left:100px
}
div.table ul li{
	letter-spacing:1px;
	padding:3px 0;
	line-height:12px;
	width:100%;
	margin:0;
	display:table
}
div.table ul li span.category, div.table ul li div.cell{
	display:table-cell;
	vertical-align:top
}
div.table ul li:first-child, div.table ul li.top{
	border-top:#000 solid 1px;
	padding:10px 0 4px
}
div.table ul li:last-child{
	border-bottom:#000 solid 1px;
	padding-bottom:12px
}
div.table ul li span.category{
	width:170px;
	color:#D41A1A;
	text-transform:uppercase
}
div.table ul li div.cell, div.table ul li div.cell a{
	color:#444
}
div#credits div.table div.cell span{
	width:200px;
	margin-right:10px;
	float:left
}
div#credits div.table div.cell div.col{
	float:left;
	height:100%
}
div#credits div.table div.cell div.col span{
	float:none;
	display:block
}
div#credits div.table div.cell div.legal{
	display:block;
	height:70px
}
div.pane{
	display:table;
	width:100%
}
div.pane div.left, div.pane div.right{
	display:table-cell;
	vertical-align:middle
}
div.pane div.left{
	padding:0 50px 0 140px;
}
div#practice{
	position:relative;
	width:100%;
	display:inline-block
}
div#approaches{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-350px;
	margin-top:-150px;
	width:700px
}
div#approaches p{
	color:#FE0101;
	font-size:29px;
	line-height:45px;
	display:none;
	text-shadow: 0.1em 0.1em 0.2em #888
}
div#approaches p i{
	display:block;
	font-size:17px
}
div.items div.left, div.items div.right{
	vertical-align:top
}
div.items div.img{
	display:block;
	width:100%;
	height:134px;
	margin:80px 0 120px
}
div.items div.sub{
	width:100%;
	height:100%;
	display:table
}
div.items div.leader{
	margin-top:80px;
	width:630px;
	padding-right:80px
}
div.items h2{
	text-transform:uppercase;
	color:#D41A1A
}
div.items div.left, div.items div.left li a{
	width:120px
}
div.items div.left img{
	display:none
}
div.leader div.text{
	margin-top:16px
}
div.leader div.text, div.leader div.text div{
	height:476px;
	overflow:hidden
}
div.leader div.text div div{
	width:315px;
	float:left
}
div#training{
	width:100%;
	position:relative;
	display:inline-block
}
div#training div.leader div.text div div{
	width:280px;
}
div.leader div.text p{
	font-size:12px;
	line-height:19px;
	width:270px;
	text-align:justify
}
div.leader div.text p strong{
	color:#D41A1A
}
div#training div.leader div.text p{
	width:245px;
}
div.items h2, div.items h3, div.items h4, div.items span.personal{
	font-weight:normal;
	font-size:12px;
	line-height:17px;
	letter-spacing:.6px;
	-webkit-text-size-adjust:none
}
div.items h4{
	margin-top:16px
}
div.items span.personal{
	display:block
}
div#works{
	min-width:980px
}
div#works div.left, div#works div.left ul{
	width:100px
}
div.list li a{
	cursor:pointer
}
div#works div.right div#projects{
	overflow:hidden;
	max-height:500px;
	width:100%
}
div.sub li a{
	white-space:nowrap
}
div#works div.right div.list{
	display:none;
}
div#works div.sub div.list{
	padding-right:50px;
}
div#pressmedia{
	width:861px;
	overflow:hidden;
	float:right;
	height:100%;
	vertical-align:top
}
div#view{
	width:100%;
	height:100%;
	position:relative;
	background:url(../img/bg_cont.gif) repeat-y 37px 0;
	display:none
}
div#view div.item{
	position:relative;
	width:100%;
	height:146px
}
div#view div.gallery{
	right:0;
	position:absolute
}
div.gallery{
	position:relative;
	display:table
}
div.gallery h1{
	cursor:pointer
}
div.gallery h1, div.gallery div.thumbs{
	display:table-cell;
	vertical-align:top
}
div.gallery div.thumbs{
	background:url(../img/shadow.png) repeat-x left bottom;
}
div.gallery div.container, div.gallery div.container ul li, div.gallery div.container ul li div, div.gallery img{
	height:140px
}
div.gallery div.container ul li{
	position:relative;
	overflow:hidden
}
div.gallery div.container ul li div{
	position:absolute;
	width:100%;
	opacity:0;
	top:0;
	left:0;
	background-color:#E5E5E5
}
div.gallery div.container ul li div span, div.gallery div.container ul li div a, div.gallery div.container ul li div p, div.gallery div.container ul li div h2{
	white-space:normal;
	display:block;
	padding-left:11px;
	padding-right:8px
}
div.gallery div.container ul li div a, div.gallery div.container ul li div span, div.gallery div.container ul li div p{
	color:#333;
	font-size:9px;
	line-height:11px;
	letter-spacing:.3px
}
div.gallery div.container ul li div a.pdf{
	margin-left:11px
}
div.gallery div.container ul li div span.date{
	margin:8px 0 5px
}
div.gallery div.container ul li div span{
	margin:0 0 2px 0
}
div.gallery div.container ul li div h2{
	margin:0 0 1px 0
}
div.gallery div.container ul li div h2 a{
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	color:#D41A1A;
	padding:0
}
div.gallery div.container ul li div p{
	overflow:hidden;
	height:46px
}
div.gallery div.container ul li div a.main{
	position:absolute;
	bottom:5px;
	text-transform:uppercase
}
a.link{
	text-decoration:underline!important
}
div.gallery div.container ul li a img{
	vertical-align:top
}
div#pressmedia div#events{
	left:450px;
	z-index:6;
}
div.gallery h1 a{
	background:url(../img/stripes_bg.png) no-repeat
}
div#events h1 a{
	background-position:0 0;
}
div#events h1 a:hover{
	background-position:0 -149px
}
div#media h1 a{
	background-position:0 -298px;
}
div#media h1 a:hover{
	background-position:0 -447px;
}
div#press h1 a{
	background-position:0 -598px;
}
div#press h1 a:hover{
	background-position:0 -747px;
}
div#publications h1 a{
	background-position:0 -897px;
}
div#publications h1 a:hover{
	background-position:0 -1047px;
}
div#awards h1 a{
	background-position:0 -1198px;
}
div#awards h1 a:hover{
	background-position:0 -1347px;
}
div#pressmedia div#media{
	left:350px;
	top:-6px;
	z-index:5	
}
div#pressmedia div#press{
	left:480px;
	top:-12px;
	z-index:4	
}
div#pressmedia div#publications{
	left:570px;
	top:-18px;	
	z-index:3	
}
div#pressmedia div#awards{
	left:660px;
	top:-24px;
	z-index:2
}
div.gallery h1 a{
	width:42px;
	height:146px;
	text-indent:-9999px;
	display:block	
}
div.container div.left, div.container div.right, div.container div.left a, div.container div.right a{
	width:30px;
	height:140px;
	z-index:999
}
div.container div.left, div.container div.right{
	display:none;
	position:absolute;
	top:0
}
div.container div.left a, div.container div.right a{
	display:block;
	opacity:.5;
	background:#000 url(../img/arrow-slides.png) no-repeat;
	position:relative
}
div.container div.left a{
	background-position:-60px 54px
}
div.container div.left a:hover{
	background-position:-92px 54px
}
div.container div.right a{
	background-position:5px 54px
}
div.container div.right a:hover{
	background-position:-30px 54px
}
div.container div.left{
	left:0
}
div.container div.right{
	right:0
}
a.pdf{
	background:url(../img/pdf.png) no-repeat 0 0;
	padding:2px 0 0 19px!important;
	height:16px;
	display:block
}
div#description div.info{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	z-index:9
}
div#description{
	overflow:hidden
}
div#description, div#description div.bg{
	width:278px
}
div#description div.box, div.center{
	display:table;
	width:100%;
	height:100%;
	position:relative
}
div#description div.box h1.title, div#description div.box div.data{
	display:table-cell
}
h1.title, h1.title span{
	width:21px
}
div#left h1.title{
	display:none
}
h1.title{
	cursor:pointer;
	background:url(../img/proj-arrow.png) no-repeat
}
div#description h1.title, div#left h1.title.closed{
	background-position:7px 55px
}
div#left h1.title, div#description h1.title.closed{
	background-position:-8px 55px
}
h1.title:hover{
	background-color:#FFF
}
div#description div.box div.data{
	padding:51px 0 20px 13px
}
h1.title span{
    /* Safari/Chrome function */
    -webkit-transform: rotate(90deg);
	position:absolute;
    /* works in latest FX builds */
    -moz-transform: rotate(90deg);
	white-space:nowrap;
	font-size:11px;
	font-weight:normal;
	letter-spacing:1px;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
}
div#description div.data h1, div#description div.data h2, div#description div.data span{
	color:#D00101;
	letter-spacing:1px;
	font-size:10px
}
div#description div.data h2{
	font-weight:normal;
	margin-top:2px
}
div#description div.data span{
	display:block;
	margin-top:10px;
}
div#description div.data p{
	font-size:11px;
	letter-spacing:1px;
}
div#description div.data div.scroll{
	margin:16px 7px 0 0
}
div#description div.data p a{
	font-weight:normal;
	font-size:12px
}
div#upper, div#bottom{
	display:table-row
}
div#upper div{
	display:table-cell;
	text-align:center;
	vertical-align:middle
}
div#bottom, div#bottom div.container{
	height:100px
}
div#bottom div.container{
	position:relative;
	width:100%
}
div.controls{
	display:none;
	height:25px;
	width:340px;
	margin:auto;
	position:absolute;
	bottom:6px;
	left:50%;
	margin-left:-170px;
	z-index:20
}
div.controls div.index{
	position:absolute;
	right:9px;
	color:#777;
	font-size:8px;
	display:inline-block;
	top:7px
}
div.controls div.track{
	height:11px;
	width:256px;
	display:block;
	background:url(../img/dot.gif) 0 center repeat-x;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-124px;
	margin-top:-5.5px
}
div.controls div.track div.bar{
	background:#C1C1C1 url(../img/trackbar.gif) no-repeat;
	cursor:pointer;
	position:absolute;
	border:#7F7F7F solid 1px;
	height:9px
}
div.controls div.track div.bar:hover{
	border-color:#D00101
}
div.controls div.track div.pic{
	float:left;
	height:100%
}
div.controls div.track div.pic img{
	display:none
}
div.controls div.bg{
	width:100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px
}
a#control{
	background:url(../img/controls.png) no-repeat;
	width:12px;
	height:13px;
	position:absolute;
	top:6px;
	left:18px;
	cursor:pointer
}
a#control:hover{
	background-position:-15px 0
}
a#control.playing{
	background-position:-32px 0
}
a#control.playing:hover{
	background-position:-49px 0
}
div#onework div.left{
	padding:0
}
div#alpha{
	display:none
}
div#alpha div.bg{
	background-color:#000;
	z-index:9;	
	position:fixed;
	width:100%
}
div#alpha div.img{
	position:absolute;
	top:50%;
	left:50%;
	z-index:10
}
div#offices{
	padding:0 40px 0 30px
}
div.pane div#offices{
	vertical-align:top
}
div#offices ul{
	width:1010px;
	height:300px;
	margin-top:100px
}
div#offices ul li{
	float:left;
	height:265px;
	overflow:hidden;
	padding-right:24px
}
div#offices span, div#offices a{
	font-size:10px;
	letter-spacing:0.8px
}
div#offices div.region{
	margin:10px 0 0 10px;
	border-left:#444 1px solid	
}
div#offices div.region div.office{
	width:117px;
	padding:40px 0 0 7px;
	float:left;
}
div#offices div.region div.office div.item{
	position:relative
}
div#offices div.region div.office div.info{
	margin-top:20px;
	margin-left:2px;
	display:none
}
div#offices div.region div.office span{
	display:block;
	white-space:nowrap
}
div#offices div.region div.office div.info span, div#offices div.region div.office div.info a{
	display:block;
	white-space:nowrap;
	margin-bottom:2px
}
div#offices div.region div.office div.info .red{
	margin-top:12px;
	color:#D20D0D;
	font-weight:bold
}
div#offices div.region div.office h3{
	height:60px;
	overflow:hidden;
	margin:0 0 3px 25px
}
div#offices div.region div.office h3 img{
	position:relative;
	top:-60px
}
div#offices div.region div.office:hover h3 img{
	top:0
}
div#offices div.region div.office span.time{
	font-weight:bold;
	padding-left:20px;
	margin-top:5px
}
div.clock{
	position:relative;
	width:69px;
	height:69px
}
div.clock img, div.clock canvas{
	position:absolute;
	z-index:9999
}
div#view div.info{
	width:440px;
	position:absolute;
	top:80px;
	right:150px;
	z-index:999
}
div#view div.info h1{
	text-transform:uppercase;
	color:#D41A1A;
	letter-spacing:1px;
}
div#view div.info h1, div#view div.info h2, div#view div.info div.text{
	font-weight:normal;
	font-size:11px;
	margin-bottom:2px
}
div#view div.info h2, div#view div.info div.text{
	letter-spacing:0.6px;
}
div#view div.info div.text{
	margin:16px 0;
	height:450px;
	position:absolute;
	line-height:17px
}
div#view div.links{
	margin:20px 0 0
}
div#view div.links a{
	display:block;
	margin-bottom:6px
}
div#training div#message{
    left: 50%;
    margin-left: -345px;
    margin-top: -170px;
    position: absolute;
    top: 50%;
	padding-bottom:30px
}
div#training div#message, div#training div#message p{
	width:730px;
	/*height:180px*/
}
div#training div#message p{
	line-height:28px;
	font-size:14px;
	color:#777;
	float:left
}
div#training div.items div.left{
	padding-left:80px;
	padding-right:20px
}
div#training div.items div.right div.left{
	padding-left:10px;
	padding-right:40px
}
div#training div.items div.right div.left div.list{
	margin:0
}
div#training div.items div.right div.leader{
	width:560px;
	padding-right:0
}
div#curriculum h2, div#curriculum h3, div#curriculum p{
	font-size:10px;
	line-height:15px
}
div#curriculum div.right li, div#curriculum div.right div.slider{
	width:560px;
}
div#curriculum div.right li div{
	width:250px;
	margin:0 60px 30px 0;
	float:left
}
div#curriculum div.right li div:nth-child(even){
	margin-right:0
}
div#training div#curriculum p{
	margin:12px 0 8px;
	width:100%;
	padding:0
}
div#current h2, div#current h3{
	text-transform:none;
	font-size:11px
}
div#application p{
	margin:200px auto 0;
	position:relative;
	left:-50px;
	width:600px
}
div#application p a.pdf{
	margin-top:18px
}
div#images-training div.slider, div#images-research div.slider{
	margin:80px auto 0;
	width:580px
}
div#images-training div.slider ul li, div#images-research div.slider ul li{
	height:480px;
	width:580px;
	overflow:hidden
}
div#images-training div.slider h2, div#images-research div.slider h2{
	margin:20px 0 5px;
	width:580px;
	text-transform:none;
	color:#444;
	font-size:10px;
	line-height:15px
}
div.slider{
	margin-top:80px
}
div.slider ul li{
	float:left
}
div.carousel{
	position:relative;
	padding-bottom:35px;
	margin-bottom:35px
}
input.carousel-next, input.carousel-previous{
	background:none;
	border:none;
	cursor:pointer;
	font-size:10px;
	position:absolute;
	bottom:1px;
	text-transform:uppercase
}
input.carousel-next:hover, input.carousel-previous:hover{
	color:#D41A1A
}
input.carousel-next.disabled, input.carousel-previous.disabled{
	color:#AAA
}
input.carousel-next{
	right:0px
}
input.carousel-previous{
	right:50px
}
div.text input.carousel-next{
	right:40px
}
div.text input.carousel-previous{
	right:90px
}
div#current_projects div.leader, div#past_projects div.leader, div#partners div.leader{
	margin-top:200px
}