/** BASIC **/


input, textarea, select,table {
	color: #494949;
}
cite{
	font-size: 12px;
	padding-bottom: 1.2em;
}

/** TEXT **/

.title{
	margin: 28px 0 5px 0;
	padding: 0 0 5px 0;
	font-size: 10px;
	text-transform: uppercase;
	border-bottom: solid 1px #d7d8d8;
	letter-spacing: 1px;
	
}
.subtitle{
	margin: 28px 0 15px 0;
	padding: 0 0 8px 0;
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: solid 0px #d7d8d8;
	letter-spacing: 1px;
	color: #000000;
}
.newtext{
	color: #EE8907;
}
.subtext{
	font-size: 10px;
	color: #000;
	margin-bottom: 6px;
}
.emph{
	color:#000000;
}
.message{
	font-size: 11px;
	color: #ff0000;
}
.sitemap{
	font-size: 11px;
	color: #454545;
}
.forms{
	font-size: 10px;
	color: #454545;
}

/** LINKS **/

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}


a.outlink{
	color: #000000;
	text-decoration:underline;
}
a.outlink:hover{
	color: #000000;
	text-decoration:none;
}

a.title{
	margin: 28px 0 5px 0;
	padding: 0 0 5px 0;
	font-size: 10px;
	text-transform: uppercase;
	border-bottom: solid 1px #d7d8d8;
	letter-spacing: 1px;
	text-decoration:none;
	
}
a.title:hover{
	text-decoration:underline;
}

a.subtitle{
	margin: 28px 0 15px 0;
	padding: 0 0 8px 0;
	font-size: 14px;
	text-transform: uppercase;
	border-bottom: solid 0px #d7d8d8;
	letter-spacing: 1px;
	color: #000000;
	text-decoration:none;
}
a.subtitle:hover{
	text-decoration:underline;
}

a.newtext{
	color: #333;
	text-decoration:none;
}
a.newtext:hover{
	text-decoration:underline;
}

a.subtext{
	font-size: 10px;
	color: #000;
	margin-bottom: 6px;	
	text-decoration:none;	
}
a.subtext:hover{
	text-decoration:underline;
}

a.emph{
	color:#000000;
	text-decoration:none;
}
a.emph:hover{
	text-decoration:underline;
}

a.sitemap{
	color: #454545;
	text-decoration: none;	
	font-size:11px;
}
a.sitemap:hover{
	text-decoration:underline;
	color: #454545;

}

/** LISTS **/

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

li.foro{
	padding:5px 5px 5px 5px; 
	margin:0px 0px 0px 0px;
	list-style:none;
	background:url(images/cats3.gif) left bottom repeat-x;	
}

.list0 {
	padding: 0px;
	padding-left: 0px;
}

.list1 {
	list-style: url(images/li.png);
	margin-left: 50px;	
	padding-left: 0px;

}

.list2 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

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


/** FORMS **/

.input0{
	width: 120px;
	border: 1px solid #DDD;
	height:20px;
}

.input_pseudo{
	font-size: 10px;
	border: 1px solid #000;	
	color:#000;	
	background: #fff;
}
.input_pseudo:hover{
	font-size: 10px;
	background: #EEEEEE;
	color: #000;
}

.input1{
	width: 300px;
	border: 1px solid #DDDDDD;
}
.input1_button{
	font-size:11px;
	font-family:Verdana,sans-serif;
	color:#000;
	width:100px;
	background-color:#ffffff;
	border-style:solid;
	border-color:#000;
	border-width:1px;
}
.input1_button:hover{
	background: #EEEEEE;
	color:#000;
}

.input2{
	width: 820px;
	border: 1px solid #DDDDDD;
}

.search {
	border: 1px solid #DDD;
	padding: 4px;
}
.search_button {
	background: url(images/search.gif) no-repeat left bottom;
	border: none;
	height: 27px;
	width: 27px;
}

/** MESSAGE BOX **/

.message-gray{
	border:solid 1px #DEDEDE; 
	background:#EFEFEF;
	color:#222222;
	padding:4px;
	text-align:center;
}
.message-alert{
	border:solid 1px #DEDEDE; 
	background:#FFFFCC;
	color:#222222;
	padding:4px;
	text-align:center;
}
.message-ok{
	border:solid 1px #349534; 
	background:#C9FFCA;
	color:#008000;
	font-weight:bold;
	padding:4px;
	text-align:center;
}
.message-error{
	border:solid 1px #CC0000; 
	background:#F7CBCA;
	color:#CC0000;
	font-weight:bold;
	padding:4px;
	text-align:center;
}

/** IMAGES **/

.img1{
	float: left;
	margin-right: 15px;
}
img.left{
	float: left;
	margin: 3px 10px 10px 0px;
	border: 0px;
}
img.right{
	float: right;
	margin: 0px 10px 10px 3px;
}
img.border{
	float: left;
	margin-right: 15px;
}

/** TABLES **/

table#foro{
	background-color:#fcfcf6;
	padding: 0.2em;
}

table#recursos{
	background-color:#fcfcf6;
	padding: 10;
}

table#docs{
	background-color:#fcfcf6;
	padding: 10;
}
table#blog{
	background-color:#fcfcf6;
	padding: 10;
}
table#code{
	background: url(images/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #000000;
	margin-left: 10px;
	color: #555;
	padding: 10px;
	font: normal .9em "Lucida Sans Unicode",serif;	
}
table#item {
	padding: 0px;
	border: 0px solid #EEE;
	background: #FFF;
	margin-bottom: 8px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
table#item_blog {
	padding: 20px;
	border: 0px solid #EEE;
	background: #FFF;
	margin-bottom: 8px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

table#news {
background:url(images/menu_dashed.gif) left bottom repeat-x;
font-weight:400
}

table#bookmark tr {
background:url(images/menu_dashed.gif) left top repeat-x
}

table#printable .subtext {
text-transform:none;
color:#adaca4;
font-size:11px;
font-family:helvetica,arial,sans-serif;
font-weight:700
}
	

/** MISC **/


.message-gray {
border:solid 1px #DEDEDE;
background:#EFEFEF;
color:#222;
text-align:center;
padding:4px
}

.message-alert {
border:solid 1px #DEDEDE;
background:#FFC;
color:#222;
text-align:center;
padding:4px
}

.message-ok {
border:solid 1px #349534;
background:#C9FFCA;
color:green;
font-weight:700;
text-align:center;
padding:4px
}

.message-error {
border:solid 1px #C00;
background:#F7CBCA;
color:#C00;
font-weight:700;
text-align:center;
padding:4px
}

.hr {
	height: 1px;
}

cite {
	background: url(images/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}

.ttip {
cursor:help
}
/***********  TEMPLATE  ******************/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

:focus {
	outline: none;
}

body {
	position: relative;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background: url(images/back.jpg) repeat;	
}

.outlink {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.outlink:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}


h3 {
	margin: 28px 0 15px 0;
	padding: 0 0 8px 0;
	font-size: 10px;
	text-transform: uppercase;
	border-bottom: solid 1px #d7d8d8;
	letter-spacing: 1px;
}

h4 {
	margin: 28px 0 15px 0;
	padding: 0 0 8px 0;
	font-size: 10px;
	text-transform: uppercase;
	border-bottom: solid 1px #d7d8d8;
	letter-spacing: 1px;
	color: #C0C0C0;
}

p {
	font-size: 12px;
	margin: 0 0 15px 0;
	line-height: 18px;
}

.highlight {
	color: #000000;
	font-weight: bold;
}

.highlight a {
	color: #000000;
	font-style: italic;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

#wrapper {
	position: relative;
	overflow: auto;
	width: 968px;
	margin: 0px auto 0 auto;
	padding-bottom: 500px;
	background: url(images/bg2.jpg) top left;
	background-repeat:repeat-y;		
}


#toplink {
	position: absolute;
	right: 3px;
	top: 35px;
z-index: 100;	
}

#toplink a {
	display: block;
	width: 28px;
	height: 134px;
	background: url(images/backtotop.gif) top left no-repeat;
}

.section {
	width: 870px;
	padding: 20px 0 0 70px;
	background: url(images/bg-middle.jpg);

}

#menu {
	position: absolute;
	top: 18px;
	left: 505px;
	width: 395px;
}

#menu ul li {
	float: left;
	width: 76px;
	height: 75px;
	text-align: center;
	line-height: 16px;
	font-size:12px;
}


#menu ul li a {
	display: block;
	width: 76px;
	height: 75px;
	color: #fff;
	text-decoration: none;
	background: url(images/bg-menu.gif) top left no-repeat; 
}

#menu ul li a:hover {
	background-position: -76px 0;
}

#menu ul li a.selected {
	background-position: -76px 0;
}

#menu-intro a, #menu-research a, #menu-about a {
	height: 47px;
	padding: 28px 0 0 0;
}

#menu-contact a, #menu-cv a {
	height: 47px;
	padding: 28px 0 0 0;
}

.intro {
	position: relative;
	padding-top: 43px;
	height: 360px;
}

.intro p {
	color: #4D5350;
}


.header {
	position: relative;
	padding-top: 43px;
	height: 110px;
}

.intro p {
	color: #4D5350;
}



.logo {
	margin: 1px 0 0 0;
	width: 400px;
	height: 150px;
	background: url(images/logo.png) top left no-repeat;
	text-indent: -9999px;
}

.all {
	background-position: 1px 0;
width: 828px;

}

.all .col1 {

	width: 828px;
	border-bottom: solid 2px #4d5350;
}

.all .col1 p {
	color: #2a2e2c;
	line-height: 14px;
	margin: 0 0 0px 0;
}

.all .col1 img{
	float: left;
	margin: 3px 10px 10px 0px;
	border: 0px;
}

.all .col1 p span.highlight {
	font-size: 12px;
	text-transform: none;
}

.all .col-span {
	float: left;
	width: 828px;
	height: 288px;
	border-bottom: solid 2px #4d5350;
	margin: 28px 0 0 0;
}


.intro .col2 h3 {
	margin-top: 178px;
}


.intro .col1, .intro .col2 {
	height: 360px;
	border-bottom: solid 2px #4d5350;
}

.intro .col1 a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.intro .col2 a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.intro .col2 a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}

.intro .col2 h3 {
	margin-top: 178px;
}

.col1 {
	float: left;
	width: 400px;
}

.col2 {
	float: left;
	margin: 0 0 0 38px;
	width: 395px;
}

#research-title {
	background: url(images/research.gif) top left;
	width: 273px;
	height: 45px;
	text-indent: -9999px;
	margin: 0 0 12px 0;
}

.research {
	padding: 0px 0 0 70px;
	height: 240px;
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.research img{
	margin-left:-10px;
}


.research p {
	color: #4d5350;
}

.research h4 {
	margin-top: 15px;
	padding: 0 0 0 10px;
}

.research h3 {
	margin-top: 15px;
}


.research a {
	text-decoration: none;
	font-weight: bold;
}

.research a:hover {
	text-decoration: underline;
}



#publications-title {
	background: url(images/publications.png) top left;
	width: 273px;
	height: 45px;
	text-indent: -9999px;
	margin: 0 0 12px 0;
}

.publications {
	padding: 0px 0 0 70px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.publications p {
	color: #4d5350;
	
}

.publications h4 {
	margin-top: 15px;
	padding: 0 0 0 10px;
}

.publications h3 {
	margin-top: 15px;
}


.publications p a {
	color: #4d5350;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}

p.project-title {
	font-size: 21px;
	color: #000000;
}

.publications .col1, .publications .col2 {
	border-top: solid 2px #4d5350;
	border-bottom: solid 2px #4d5350;
}

.publications .col1 {
	width: 828px;
	padding-bottom:40px;
}

.more{
	padding-left:5px;
	font-weight: bold;
	text-decoration:none;
	font-size:11px;
	text-transform: uppercase;
	color: #454545;
}

.more:hover{
	text-decoration:underline;
	color: #454545;
}


.publications .col2 {
	margin: 0 0 0 38px;
	width: 395px;
	height: 600px;
}

.publications li{
	padding:5px;
	color: #4d5350;
}

.publications li a{
	color:#000;
	font-weight: bold;
	text-decoration: none;
}

.publications li a:hover{
	text-decoration: underline;
}

.note{
	color: #000000;
	background-color:#E9E9E9; 
	float: right;
	margin: 0px 10px 10px 3px;
	padding:5px;
}

.note_media{
	color: #000000;
	background-color:#E9E9E9; 
	float: right;
	margin: 0px 10px 10px 3px;
	padding:5px;
	
}


.box_media{
	color: #000000;
	background-color:#E9E9E9; 
	margin: -65px 10px 10px 700px;
	padding:5px;
	position: absolute;
	width:100px;
	height:85px;
}


.cloud{
	color: #000000;
	float:right;
	font-size:9px;
	padding-top:10px;
	padding-right:10px;
}

#sponsors-title {
	background: url(images/sponsors.png) top left;
	width: 273px;
	height: 45px;
	text-indent: -9999px;
	margin: 0 0 12px 0;
}

.sponsors {
	padding: 0px 0 0 70px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.sponsors p {
	color: #4d5350;
	
}

.sponsors h4 {
	margin-top: 15px;
	padding: 0 0 0 10px;
}

.sponsors h3 {
	margin-top: 15px;
}


.sponsors p a {
	color: #4d5350;
	text-decoration: none;
	font-style: italic;
	font-weight: bold;
}

p.project-title {
	font-size: 21px;
	color: #000000;
}

.sponsors .col1, .sponsors .col2 {
}

.sponsors .col1 {
	width: 828px;
}

.sponsors .col2 {
	margin: 0 0 0 38px;
	width: 395px;
	height: 600px;
}

.sponsors li{
	padding:5px;
	color: #4d5350;
}

.sponsors li a{
	color:#000;
	font-weight: bold;
	text-decoration: none;
}

.sponsors li a:hover{
	text-decoration: underline;
}


#section-gallery h3 {
	margin: 15px 0 15px 0;
}

#section-gallery img {
	padding: 0 2px 0 0;
	text-indent: -9999px;
}

#about-title {
	background: url(images/about.gif) top left;
	width: 191px;
	height: 45px;
	text-indent: -9999px;
	margin: 0 0 12px 0;
}

.about {
	height: 200px;
	background-position: 1px 0;
}


.about a{
	font-weight:bold;
}

.about .col1 {

	width: 828px;
	height: 251px;
	border-bottom: solid 2px #4d5350;
}
.about .col1 h3 {
	width: 180px;
}

.about .col1 p {
	color: #2a2e2c;
	line-height: 14px;
	margin: 0 0 10px 0;
}

.about .col1 img{
	float: left;
	margin: 3px 10px 10px 0px;
	border: 0px;
}

.about .col1 p span.highlight {
	font-size: 12px;
	text-transform: none;
}

.about .col-span {
	float: left;
	width: 828px;
	height: 288px;
	border-bottom: solid 2px #4d5350;
	margin: 28px 0 0 0;
}
.contact {
	width: 898px;
	padding: 20px 0 0 70px;
	height: 380px;
}

.contact .col1 {
	position: relative;
	width: 400px;
	height: 300px;
	border-bottom: solid 0px #4d5350;
}

.contact .col2 {
	width: 395px;
	height: 300px;
	border-bottom: solid 0px #4d5350;
}

.contact .second {
	position: relative;
	margin-top: 30px;
}

.adr {
	font-size: 11px;
}


#contact-title {
	background: url(images/contact.gif) top left no-repeat;
	width: 348px;
	height: 45px;
	text-indent: -9999px;
	margin: 0 0 12px 0;
}

.contact-info {
	height: 125px;
	width: 165px;
	float: left;
	font-size: 11px;
	margin: 0 8px 0 0;
}

.contact-info li {
	float: left;
	width: 217px;
	padding: 3px 0 0 40px;
	margin: 5px 0 15px 0;
	color: #4d5350;
	line-height: 16px;
}

.list2 {
	width: 175px;
	margin: 0;
}

.list2 li {
	margin: 0 0 8px 0;
}

.contact-info li a {
	color: #4d5350;;
	text-decoration: none;
}

.contact-info li span.cufon {
	color: #000000;
	text-transform: uppercase;
}

.contact-info .type, .contact-info .fn, li#name {
	display: none;
}

li#address {
	background: url(images/icon-address.png) top left no-repeat;
}

li#email {
	background: url(images/icon-email.png) top left no-repeat;
}
li#phone {
	background: url(images/icon-mobile.png) top left no-repeat;
}

#contact-form .form-row {
	float: left;
	clear: both;
	width: 400px;
	margin: 0 0 8px 0;
}

#contact-form .form-row *{
	vertical-align: middle;
}

.contact .response {
	color: #3395af;
	font-size: 12px;
	margin-bottom: 10px;
}

#contact-form .form-row img.loader {
	float: left;
	width: 16px;
}

#contact-form input {
	float: left;
	border: solid 1px #e4e4e4;
	width: 290px;
	padding: 3px;
	font-size: 11px;
	color: #2a2e2c;
}

#contact-form textarea {
	float: left;
	border: solid 1px #e4e4e4;
	width: 290px;
	height: 74px;
	padding: 3px;
	font-size: 11px;
	color: #2a2e2c;
	resize: none;
}

#contact-form label {
	float: left;
	width: 93px;
	font-size: 11px;
	display: block;
	line-height: 20px;
}

#contact-form input#verification {
	width: 100px;
}

#contact-form #submit  {
	display: inline-block;
	float: right;
	width: 66px;
	height: 20px;
	border: none;
	cursor: pointer;
	text-decoration: none;
	background: url(images/send_on.gif) top left no-repeat; 	
}

#contact-form #submit:hover{
	background-position: 0 -20px;
	text-decoration: undrline;
	
}
.portfolio {
	padding-bottom:20px;
}

.menu_portfolio{
	background-color:#E9E9E9; 	
	margin-top:20px;
	padding:20px 10px 0px 10px;
	height:50px;
	width:368px;
}



.highlight_box{
	margin-top:5px;
	background-color:#E9E9E9; 	
	padding:10px 10px 10px 10px;
		font-size: 11px;
	color: #000;
}



.portfolio li {
	font-size: 16px;
}

.portfolio li a {
	color: #4d5350;
	text-decoration: none;
	padding: 0 0 0 10px;
	line-height: 20px;
	display: block;
	cursor: pointer;
}

.portfolio li a:hover, .portfolio li a.selected {
	background-position: 0 -30px;
	color: #000000;
}

.footer {
	text-align: center;
	font-size: 11px;
	color: #607183;	
	margin: 0 0 10px 0;
}