@CHARSET "UTF-8";
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
text-decoration: none;
}
html{height:100%;}
body {
line-height: 1;margin:0;padding:0;
font-family: Verdana, Arial, sans-serif;
font-size: 14px; 
color: #002942;
background-color: #fff;
width:100%;
height:100%;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal; 
}
ol, ul {
list-style: none;
margin:0;
padding:0;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
} table {
border-collapse: collapse;
border-spacing: 0;
}
a img {
border: none;
}
a:hover{
text-decoration:none;
}
.fix{clear:both;}
*:focus {
outline: 0;
} a{color: #3284a2;}
a:hover{color: #91bad0;}
.title_blue{color: #3284a2;}
img.aligncenter {display:block;margin:20px auto;}
h1{
border-bottom: dotted 1px rgb(145,186,208);
font-size: 24px;
line-height: 26px;
}
h1.box{
border: solid 1px rgb(145,186,208);
font-size: 24px;
font-weight:bold;
line-height: 35px;
text-align:center;
margin-bottom:20px;
}
h2{border-bottom: dashed 1px rgb(145,186,208);padding-bottom:10px;}
h2.box, div.boxed_title{
background-color: rgb(232, 241, 244);
border: solid 1px rgb(145,186,208); 
font-size:18px;
line-height: 30px;
text-align:center;
padding-bottom:0;
}
h3{border-bottom: dashed 1px rgb(145,186,208);padding-bottom:10px;}
a.link_inherit{color:inherit;text-decoration:none;}
a.link_inherit:hover{color:inherit;text-decoration:underline;} #contenedor_web{
width:960px;
margin:0 auto;
padding: 10px 0;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
min-height:95%;
position:relative;
}
#header{
position:relative;
z-index:100;
background-color: rgb(232, 241, 244);
border: solid 1px rgb(145,186,208); 
}
#header_wrap{
display:table;
width:100%;
height:100%;
}
#header_wrap > div{display:table-cell;}
#logo_imdea_wrap, #logo_group_wrap{width:20%;padding: 5px;text-align:center;}
#fractal_wrap{width:60%;background:url(//www.materials.imdea.org/groups/hppn/wp-content/themes/imdea_groups/img/fractal.jpg) no-repeat 0 0;vertical-align:top;padding: 5px;color:#fff;font-size:12px;}
#main-menu{border-top: solid 1px rgb(145,186,208);}	
#main-menu a{color: inherit;font-size:12px;line-height:15px;}
#main-menu ul.menu{display:table;width:100%;}
#main-menu ul.menu > li {position:relative;display:table-cell;border-left: solid 1px rgb(145,186,208);width:auto;}
#main-menu ul.menu > li.menu-item-has-children > a{background: url(//www.materials.imdea.org/groups/hppn/wp-content/themes/imdea_groups/img/submenu.png) no-repeat right center;}
#main-menu ul.menu > li > a{display:inline-block;width:100%;height:35px;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#main-menu ul.menu > li > a:hover{background-color:rgb(145,186,208);}
#main-menu ul.menu > li:first-child{border-left: none;}
#main-menu ul.sub-menu{
display:none;
position:absolute;
top:35px;
left:-1px;
border-left: solid 1px rgb(145,186,208); 
border-right: solid 1px rgb(145,186,208); 
border-bottom: solid 1px rgb(145,186,208); 
}
#main-menu ul.sub-menu > li {border-top: solid 1px rgb(145,186,208);background-color: rgb(232, 241, 244);}
#main-menu ul.sub-menu > li > a{display:inline-block;padding: 10px 20px 10px 10px;}
#main-menu ul.sub-menu > li:hover{background-color:rgb(145,186,208);}
.columns-2{display:table;width:100%;margin:40px 0 20px;}
.columns-2 > div {display:table-cell;width:50%;}
.columns-2 > div:nth-child(1) {padding-right:25px;}
.columns-2 > div:nth-child(2) {padding-left:25px;}
#footer{position:absolute;background-color: rgb(232, 241, 244);border: solid 1px rgb(145,186,208); height: 80px;width:100%;margin-top:40px; padding: 10px;position:absolute;bottom:10px;left:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#footer img{position:absolute;right:10px;top:8px;}
#footer ul {margin-bottom:15px;}
#footer ul li{display:inline-block;border-left: solid 1px rgb(145,186,208); padding: 0 10px;}
#footer ul li:first-child{border-left: none; padding: 0 10px 0 0;}
#footer a.icon{display:inline-block;width:32px;height:32px;background: url(//www.materials.imdea.org/groups/hppn/wp-content/themes/imdea_groups/img/sprite.png) no-repeat 0 0;margin-right:5px;}
#footer a.facebook{background-position:0 0;}
#footer a.rss{background-position:-32px 0;}
#footer a.youtube{background-position:-64px 0;}
#footer a.linkedin{background-position:-96px 0;}
#footer p.copyright{font: italic 10px/14px Verdana;position:absolute;top:80px;right:0;} #contenido{margin:20px 0;padding-bottom:80px; }
#contenido p {margin-bottom:10px;font-size:14px;line-height:16px;text-align:justify;}
#contenido span.date{display:block;color: #747474;font: italic 12px/14px Verdana, Arial, sans-serif;margin:10px 0 20px;}
#contenido ul{ list-style-type:none;list-style-position: outside;list-style-image: url(//www.materials.imdea.org/groups/hppn/wp-content/themes/imdea_groups/img/bullet.png);margin:20px 40px;color:#rgb(145,186,208)}
#sidebar{width:300px;margin:20px 0 ;float:left;padding-right:50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#sidebar + #contenido{width:660px;float:left;}
div.cat-item {position:relative;margin-top: 20px;min-height:110px;border-bottom: dashed 1px rgb(145,186,208); }
div.cat-item > .th { float:left;width:130px;margin-right: 10px;text-align:center;}
div.cat-item > .th > img{ max-width:130px;max-height:90px;}
div.cat-item > img.people {width:100px;height:130px;margin-right: 10px;margin-bottom:30px;float:left;}
div.cat-item > a.title {display:block;color: #3284a2;font: bold 13px/14px Verdana, Arial, sans-serif;margin-bottom:5px;text-align:justify;}
div.cat-item > span.date {display:block;color: #747474;font: italic 12px/12px Verdana, Arial, sans-serif;margin-bottom:10px;}
div.cat-item > p{text-align:justify;font: 12px/12px Verdana, Arial, sans-serif;padding-left: 140px;}
div.cat-item > a.more{position:absolute;right:0;bottom:5px;color:#3284a2;font: bold 10px/10px Verdana, Arial, sans-serif;}
div.cat-item > a:hover {color:#91bad0;}
div.cat-item.people{float:left;width:455px;min-height: 150px;font-size:12px;line-height:14px;border-bottom:none;}
div.cat-item.people.left{margin-right:25px;}
div.cat-item.people.right{margin-left:25px;}
div.cat-item.people span{display:block;padding-bottom:2px;}
div.cat-item.people span i{margin-right: 10px;font-size:14px;}
div.cat-item.people span.name{color: #3284a2; font: bold 16px/16px Verdana, Arial, sans-serif;padding-bottom:5px;}
div.cat-item.project{margin-bottom:40px;border-bottom:none;height:auto;}
div.cat-item.project div.th{float:left;width: 200px;text-align:center;padding-right:20px;border}
div.cat-item.project  > .th > img{ max-width:none;max-height:none;}
div.cat-item.project div.project_wrap{float:left;width:730px;}
div.cat-item.project h2{border-bottom: dotted 1px rgb(145,186,208);font-size: 20px;line-height: 24px;margin-bottom:20px;}
div.cat-item.publication{margin-bottom:40px;border-bottom:none;height:auto;}
div.cat-item.publication div.th {float:left;width: 90px;height:130px;text-align:center;padding-right:20px;}
div.cat-item.publication div.th  img{max-width:90px;max-height:130px;}
div.cat-item.publication div.publication_wrap{float:left;width:840px;}
div.cat-item.publication h3{border-bottom: dotted 1px rgb(145,186,208);font-size: 16px;line-height: 18px;margin-bottom:20px;color:#3284a2;}
div.cat-item.conference{margin-bottom:40px;height:auto;border-bottom:none;}
div.cat-item.conference div.th{float:left;width: 200px;text-align:center;padding-right:20px;border}
div.cat-item.conference div.th  img{max-width:200px;}
div.cat-item.conference div.conference_wrap{float:left;width:730px;}
div.cat-item.conference h2{border-bottom: dotted 1px rgb(145,186,208);font-size: 20px;line-height: 24px;margin-bottom:20px;color:#3284a2;}
#contenido table.cat-item.collaborator{display:table;float:left;width:440px;border:none;border: solid 1px rgb(145,186,208);margin: 0 20px 20px 10px;}
#contenido table.cat-item.collaborator.left{display:table;float:left;width:450px;border:none;border: solid 1px rgb(145,186,208);margin: 0 10px 20px 20px;}
#contenido table.cat-item.collaborator h2{font-size: 16px;line-height: 20px;margin-bottom:0px;color:#3284a2;border-bottom:none;}
#contenido table.cat-item.collaborator .th{display:table-cell;width:150px;vertical-align:middle;text-align:center;height:100px;}
#contenido table.cat-item.collaborator .th img{ max-width:130px;max-height:90px;}
#contenido table.cat-item.collaborator .collaborator_wrap{display:table-cell;width:290px;vertical-align:middle;text-align:center;background-color: rgb(232, 241, 244);max-height:100px;} 
div.cat-item.infrastructure {margin: 10px;height: 110px;width:200px;height:250px;display:inline-block;vertical-align:top;border:none;}
#research-lines{margin-top:20px;}
#research-lines > a  > div {float:left; width:300px; margin-left:27px;margin-bottom:20px; height: 270px;border: solid 1px rgb(145,186,208); }
#research-lines > a:first-child  > div,
#research-lines > a:nth-child(4)  > div,
#research-lines > a:nth-child(7)  > div,
#research-lines > a:nth-child(10)  > div{margin-left:0;}
#research-lines h2{font-size:18px;text-align:center;padding: 10px;height:40px;}
#research-lines .th{display:table;height:170px;width:260px;margin: 0 20px;}
#research-lines .th > div{display:table-cell;height:170px;padding:10px;background-color: rgb(232, 241, 244);vertical-align:middle;text-align:center;}
#research-lines .th > div img{max-width: 240px;max-height:170px;} .navigation{margin: 40px 0 20px; text-align:center;} .box h2{
background-color: rgb(232, 241, 244);
border: solid 1px rgb(145,186,208); 
font-size:22px;
line-height: 35px;
text-align:center;
padding-bottom:0;
}
.box > div {position:relative;margin-top: 20px;min-height:120px;border-bottom: dashed 1px rgb(145,186,208); }
.box > div > img { float:left;width:130px;height:90px;margin-right: 10px;margin-bottom:30px;}
.box > div > a.title {display:block;color: #3284a2;font: bold 13px/14px Verdana, Arial, sans-serif;margin-bottom:5px;text-align:justify;}
.box > div > span.date, .box time, #contenido .box > div > span.date{display:block;color: #747474;font: italic 12px/12px Verdana, Arial, sans-serif;margin-bottom:10px;}
#contenido .box > div > p, .box > div > p{text-align:justify;font: 12px/12px Verdana, Arial, sans-serif;}
.box > div > div.wrap a.more{position:absolute;right:0;bottom:5px;color:#3284a2;font: bold 10px/10px Verdana, Arial, sans-serif;}
.box > div > a:hover {color:#91bad0;}
.box.widget{margin-bottom:20px;}
.box.widget > div {margin-top: 0px;height: auto;border: none;}
.box.widget ul{margin-top:10px;}
.box.widget a{font-size: 12px; line-height: 12px;}
.box.widget span.post-date {display:block;color: #747474;font: italic 10px/10px Verdana, Arial, sans-serif;margin-bottom:10px;}
.box.widget.widget-archive{}
.box.widget.widget-archive ul {margin: 0;}
.box.widget.widget-archive li {margin: 0; padding: 0;border-bottom: solid 1px rgb(145,186,208);}
.box.widget.widget-archive li a{ border-left: 1px solid #d6d7d7; padding: 5px 0 3px 10px; margin: 0 0 0 55px; display: block;line-height:24px;}
.box.widget.widget-archive li.archive-year{float: left; font-family: Verdana, Arial, san-serif; padding: 5px 0 3px 10px; color:#002942;}
.box.widget.widget-archive li.archive-year a{color:#002942; margin: 0; border: 0px; padding: 0;line-height:24px;}
.box-right{float:right;width:300px;margin-left:27px;}
.box.box-right > div{margin-top: 10px;min-height: 100px;}
.box.box-right > div > div.th {float:left;width:80px;margin-right: 10px;text-align:center;}
.box.box-right > div > div.th img { max-width:80px;max-height: 90px;}
.box.box-right > div > div.wrap{width:210px;float:left;}
.box.box-right > div > div.wrap a.title {font: bold 10px/12px Verdana, Arial, sans-serif}
.box.box-right > div > div.wrap span.date, .box time, #contenido .box > div >  div.wrap span.date{font: italic 9px/11px Verdana, Arial, sans-serif;margin-bottom:5px;margin-top:5px;}
#contenido .box.box-right > div > div.wrap  p{font: 10px/10px Verdana, Arial, sans-serif;margin-bottom:20px;}
#contenido table tr td{vertical-align: top;padding-left:20px;}
#contenido table tr td:first-child{padding-left:0px;} .flexslider{border:none;margin-bottom:60px;}
#contenido ul.slides{margin:0}
#fancybox-title{font-size:14px;font-weight:bold;font-family:Verdana;}