/* !RESET */

body,html {
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,blockquote,th,td,a,span,form,fieldset,input,textarea {
/*	margin: 0;
	padding: 0;
	font-family: 'Grotesque MT W01', Helvetica, Arial, Verdana, serif;/*  Gothic 720 W03 Rom
	font-size: 13px;
	line-height: 17px;	
	color: #000000;
	font-weight: normal;
	font-style: normal;
/* 	letter-spacing: 0.02em; 
	word-spacing: normal;
	-webkit-font-smoothing: subpixel-antialiased; */
}

img,embed,object,iframe {
	border: 0;
	margin: 0;
	padding: 0;
	outline: none;
}

::-moz-selection,
::selection {
	background: #767676;
	color: #eaeaea;
}

div {
	float: left;
}

input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

a {text-decoration: none;outline: 0;}
a:hover {text-decoration: none;color:#aaaaaa;}

ul, ol {list-style: none;}


/* !COMMON CLASSES */

.pointer {cursor: pointer;}

.h	{width: 100%;}
.i	{font-style: italic;}
.b	{font-weight: bold;}

.dn,.hidden {display: none;}
.db {display: block;}

.fn {float: none;}
.fr {float: right;}
.fl {float: left;}
.oh {overflow: hidden;}

.mbm {margin-bottom: 5px;}
.mbs {margin-bottom: 20px;}
.mbd {margin-bottom: 40px;}
.mbt {margin-bottom: 60px;}


.mtm {margin-top: 5px;}
.mth {margin-top: 7px;}
.mtst {margin-top: 11px;}
.mts {margin-top: 14px;}
.mtd {margin-top: 28px;}
.mtt {margin-top: 42px;}

.mls {margin-left: 10px;}
.mld {margin-left: 20px;}
.mlindent {margin-left: 25px;}
.mlq {margin-left: 40px;}
.mlss {margin-left: 47px;}
.mldate {margin-left: 100px;}
.mrs {margin-right: 10px;}
.mrss {margin-right: 47px;}
.mrd {margin-right: 20px;}

.pbs {padding-bottom: 17px;}
.pbd {padding-bottom: 34px;}

.ptm {padding-top: 3px;}
.pth {padding-top: 7px;}
.pts {padding-top: 14px;}
.ptd {padding-top: 28px;}
.ptt {padding-top: 42px;}

.spacer {height: 1000px;width:100%;}
.newsspacer {height: 1000px;width:100%;}

.ml {margin-left:20px;}
.mr {margin-right:20px;}


.indent p {
	text-indent: 25px;
}

.indent p:first-child {
	text-indent: 0;
}

@media print {    
    .noprint, .noprint *, #overlay {
        display: none !important;
    }
}

/* !THIS SITE */
body {
	background: #ffffff;
}

#tinymce {
	background: #ffffff;
}

a.expand {
	color: #000000;
}

a.expand span {
	color: #aaaaaa;
}

a.expand:hover span {
	color: #000000;
}

.grey {color:#aaaaaa;}

.small, .small p, .small a, .small span {
	color: #aaaaaa !important;
	font-size: 12px;
	line-height: 15px;
}


#site {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin-top: 60px;
}

#site2 {
	width: 100%;
	overflow: hidden;
	margin-top: 60px;
}

.dw, .expanded .dw.hs2 , .expanded .dw.hs3 {width: 80px;}
.tw1 {width: 460px;}
.tw2 {width: 560px;}


.dw.hs2 {width: 130px;}
.dw.hs3 {width: 158px;}
/*
.tw1.hs2 {width: 124px;}
.tw2.hs3 {width: 145px;}
*/


.hs2 {
	margin-top: -6px;
	font-size: 22px;
	line-height: 22px;
}

.expanded .hs2 {
	margin-top: 0px;
	font-size: 13px;
	line-height: 17px;
}

.hs2 a {
	font-size: 22px;
	line-height: 22px;
}

.expanded .hs2 a {
	font-size: 13px;
	line-height: 17px;
}

.hs3 {
	margin-top: -10px;
	font-size: 27px;
	line-height: 27px;
}

.expanded .hs3 {
	margin-top: 0px;
	font-size: 13px;
	line-height: 17px;
}

.hs3 a {
	font-size: 27px;
	line-height: 27px;
}
.expanded .hs3 a {
	font-size: 13px;
	line-height: 17px;
}

#footer .tw1 .expand {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.imgcap {
	float: right;
	margin-right: 20px;
}


/* INFO */
#infocont, #peoplecont, #newscont, #bibliocont {
	margin: 0 0 40px 20px;
	width: 100%;
	width: calc(100% - 40px);
}

.inforow {
	width: 100%;	
	padding: 2px 0 2px 0;
}

.bt {
	border-top: 1px solid #000000;
}

.bb {
	border-bottom: 1px solid #000000;
}

.infoleft {
	width: 50%;
/* 	background: #cfece7; */
}

.infoleft p {
	width: 460px;
}

.inforight {
	float: right;
	width: 50%;
	text-align: center;
	position: relative;
/* 	background: #e4eacd; */
}
.inforight .slide:first-child {
	display: block;
}

.inforight img {
	margin-top: 3px;
}

ul.ppllist {
	margin-top: 6px;
}

ul.ppllist li {
	margin-bottom: 6px;
}

#bgimage {
	width: 1024px;
	height: 500px;
	margin-top: 60px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
}

#bgimage .slide, .inforight .slide {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 4;
}

#bgimage .slide p {
	margin: 20px;
	font-size: 39px;
	line-height: 50px;
	width: 840px;
}

#bgimage .slide iframe {
	display: block;
	width: 100%;
	height: 100%;
	z-index:9999;
}

#bgimage .proj.active .slide:first-child {
	display: block;
}

#bgimage.news .slide:first-child, #bgimage.contact .slide:first-child {
	display: block;
}

.headline {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	opacity: 1;
	text-align: center;
	z-index: 5;
}

.headline p {
	margin-top: 400px;
}

.proj {
	width: 100%;
	height: 100%;
}

#bsnavi {
	width:100%;
	position:fixed;
	background:white;
	padding-bottom:4px;
	z-index: 10;
}

#bsnavi ul.subsub {
	display: block;
	padding-bottom: 2px;
}

.nptop {
	padding-top: 24px;
}

.bptop 
	{padding-top: 60px;
}

.bex {
	cursor: pointer;
}

.bexable {
	margin-top: 14px;
	width: 100%;
}

.bthumbs {
	width: 100%;
	margin-bottom: 0px;
}

.bthumbs img {
	display: inline-block;
	margin-right: 14px;
	margin-bottom: 14px;
}

.bdesc {
	width: 480px;
	padding-bottom: 14px;
}

#header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
	padding: 22px 0 0 0;
	z-index: 10;
	height: 38px;
	background: #ffffff;
	min-width: 1024px;
}

#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	min-width: 1024px;
	height: 43px;
	padding: 27px 0 0 0;
	background: #ffffff;	
	z-index: 10;
	overflow: hidden;
}

#belowfooter {
	position: fixed;
	top: 100%;
	left: 0;
	width: 100%;
	min-width: 1024px;
	padding: 0 0 32px 0;
	z-index: 10;
}

#content {
	width: 1000px;
	margin-left: 20px;
	margin-top: 46px;
}

.profileslideshow {
}

.profile {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 540px;
	z-index: 999;
	background: white;
	max-height: 500px;
	overflow: hidden;
}
.profiletitle {
	padding: 7px 20px 7px 20px;
	display: none;
}

.profiletext {
	max-height: 500px;
	width: 500px;
	padding: 7px 20px 7px 20px;
}

.profiletextwrap {
	width: 100%;
	padding-bottom: 50px;
}

.profiletoggle {
	position: absolute;
	left: 0;
	top: 0;
	height: 31px;
	width: 100%;
	cursor: pointer;
}

#navi {float: left;margin-left:60px;
}

#subnavi {float: left;margin-left:47px;
}

#navi li, #subnavi li, .subsub li {
	display: inline;
	margin-right: 13px;
}

#navi li a, #subnavi li a{
	color: #aaaaaa;
}

#navi li a.selected, #subnavi li a.selected{
	color: #000000;
}

#navi li a:hover, #subnavi li a:hover{
	color: #000000;
}

#navi li a.selected:hover, #subnavi li a.selected:hover{
	color: #000000;
}

ul.links, ul.cvlinks {
	margin-top: 5px;
}

ul.links li {
	display: inline;
	margin-right: 19px;
}

ul.cvlinks li {
	display: inline;
	margin-right: 10px;
}
ul.links li, ul.links a, ul.cvlinks li, ul.cvlinks a {
	font-size: 12px;
	line-height: 16px;
	color: #aaaaaa;
}

ul.links a:hover, ul.cvlinks a:hover {
	color: #000000;
}

span.imgnum {
	display: inline-block;
	margin-left: 40px;
}

.subsub {display: inline;}
.subsub.dn {display: none;}
.subsub.blk a {color: #000000;}
.subsub.blk:hover a {color: #aaaaaa;}
.subsub.blk:hover a:hover {color: #000000;}

a.role {color: #aaaaaa;display:block;}
a.role:hover {color: #000000;}
.allpeople.notsel a.role {color: #000000;}
.allpeople.notsel:hover a.role {color: #aaaaaa;}
.allpeople.notsel:hover a.role:hover {color: #000000;}
a.role.selected {color: #000000 !important;}

a.ptitle {color: #aaaaaa;display:block;}
a.ptitle:hover {color: #000000;}
.rowcont.notsel a.ptitle {color: #000000;}
.rowcont.notsel:hover a.ptitle {color: #aaaaaa;}
.rowcont.notsel:hover a.ptitle:hover {color: #000000;}
a.ptitle.selected {color: #000000 !important;}

.ndate {
	color: inherit;
	float: left;
	display: block;
	width: 76px;
}

.ntitle {
	color: inherit;
	float: left;
	display: block;
	width: 414px;
}

.midrcol {
	width: 698px;	
}

.pwrap {
	width: 698px;
}

.pwrap.pbs {
	width: 698px;
	padding-bottom: 17px;
}

.leftcol {
	width: 248px;
}

.midcol {
	width: 362px;
}

.midcol.ntml {
	width: 286px;
}

.midcolex {
	width: 514px;
}

.midcolex.ntml {
	width: 458px;
}

.rcol {
	margin-left: 56px;
	width: 280px;
}

.rcol img {
	width: 280px;
}

ul.subsub a {
	color: #aaaaaa;
}

ul.subsub a.selected {
	color: #000000;
}

ul.subsub a:hover {
	color: #000000;
}

.loc {
	position: relative;
	width: 370px;
	height: 254px;
	margin-bottom: 17px;
	margin-right: 20px;
	cursor: pointer;
}

.loc img {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.loc p {
	line-height: 19px;
}

#overlay {
	display: none;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.8;
	z-index: 1000;
	position: absolute;
	left: 0;
	top: 0;
}

/* !READER */
#reader {
	display: none;
	width: 611px;
	position: absolute;
	background: #ffffff;
	left: 50%;
	margin-left: -305px;
	min-height: 300px;
	height: 100%;
	z-index: 1001;
	overflow: hidden;
}

#reader .awards div, #reader .awards p, #reader .awards a, #reader .awards span,
#reader .projinfo div, #reader .projinfo p, #reader .projinfo a, #reader .projinfo span {
	font-size: 11px;
	line-height: 15px;
}

#reader h2 {
	margin-bottom: 68px; 
}

.readerwrap {
	margin: 22px 0 0 36px;
	padding-bottom: 28px;
	width: 500px;
}

#reader .awards,#reader .projinfo {
	margin-top: 51px;
	width: 354px;
	border-top: 1px solid #aaaaaa;
	padding-top: 3px;
}

.awards .row {
	padding-bottom: 10px;
	width: 354px;
}

.projinfo .row {
	width: 354px;
}

.row .date {
	width: 40px;
}

.row .title {
	width: 314px;
}

.row .label {
	width: 154px;
}

.row .value {
	width: 200px;
}

.cw_title {width: 30.0813008130081%;margin-right: 1.21951219512195%;}
.cw_source {width: 21.9512195121951%;margin-right: 1.21951219512195%;}
.cw_author {width: 17.2764227642276%;margin-right: 1.21951219512195%;}
.cw_date {width: 12.1951219512195%;margin-right: 1.21951219512195%;}
.cw_topic {width: 12.3983739837398%;margin-right: 1.21951219512195%;}

.cw_author2 {width: 32.7235772357724%;margin-right: 1.21951219512195%;}
.cw_source2 {width: 27.4390243902439%;margin-right: 1.21951219512195%;}
.cw_date2 {width: 4.8780487804878%;margin-right: 1.21951219512195%;}

h2.biblio {
	margin: 72px 0 36px;
}

.ptitle.gg {color:#000000;}
.allsec:hover .inforow .gg, .allsec:hover .inforow .ptitle {color: #aaaaaa;}
.allsec:hover .inforow:hover .gg, .allsec:hover .inforow.selected .gg,.allsec:hover .inforow:hover .ptitle, .allsec:hover .inforow.selected .ptitle {color: #000000;}


/* !TABLE */

#projtable {
	padding: 0 0 40px 0;
}

#projtablehead {
	width:100%;
	position:fixed;
	background:white;
	padding-bottom:4px;
}

#projtable table {
	width: 100%;
	border-top: 1px solid #000000;
}

#projtable:hover a {
	color: #aaaaaa;
}

#projtable table tr:hover a {
	color: #000000;
}

#projtable #projtablehead table tr:hover a {
	color: #aaaaaa;
}

#projtable #projtablehead table tr:hover a:hover {
	color: #000000;
}

td, th {
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #000000;
	padding: 2px 0 2px 0;
}

th.t_project, td.t_project {width: 33%;}

th.t_location, td.t_location {width: 24%;}
th.t_country, td.t_country {width: 20%;}
th.t_year, td.t_year {width: 14%;}
th.t_type, td.t_type {width: 9%;}



/* TOP RIGHT IMG NAVI */

#imgnavi {
	float: right;
	margin-right: 20px;
}

#imgnavi li {
	display: inline;
	list-style: none;
	margin-left: 20px;
	float: left;
}

#imgnavi li a.disabled {
	opacity: 0;
	cursor: default;
}


/* !BUTTONS */




a.smlarrw, .close {
	background-image: url(artwork/buttons.png);
	width: 12px;
	height: 12px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	margin-top: 2px;
	background-size: 60px 24px;
}

.close {
	background-position: -48px 0;
	position: absolute;
	left: 525px;
	top: 22px;
	cursor: pointer;
}

.close:hover {background-position: -48px -12px;}

a.smlarrw.u {background-position: 0 0;}
a.smlarrw.u.sel,a.smlarrw.u:hover {background-position: 0 -12px;}
a.smlarrw.d {background-position: -12px 0;}
a.smlarrw.d.sel,a.smlarrw.d:hover {background-position: -12px -12px;}
a.smlarrw.r {background-position: -24px 0;}
a.smlarrw.r.sel,a.smlarrw.r:hover {background-position: -24px -12px;}
a.smlarrw.l {background-position: -36px 0;}
a.smlarrw.l.sel,a.smlarrw.l:hover {background-position: -36px -12px;}

.arrw {
	display: block;
	opacity: 0;
	position: absolute;
	z-index: 10;
	background-image: url(artwork/t.png);
}

.arrw.dn {
	display: none;
}

a.arrw.fxd {
	position:fixed;
	z-index: 10;
}

/*
.arrw {opacity: 0.3;}
.arrw:hover {opacity: 0.4;}
*/


.arrw.l {
/* 	background: red; */
	width: 150px;
	height: 100%;
	left: 0;
	top: 0;
}

.arrw.r {
/* 	background: red; */
	width: 150px;
	height: 100%;
	right: 0;
	top: 0;
}

.arrw.u {
/* 	background: yellow; */
	width: 100%;
	height: 120px;
	left: 0;
	top: 0;
}

.arrw.d {
/* 	background: yellow; */
	width: 100%;
	height: 120px;
	left: 0;
	bottom: 0;
}

a.arrw.l:hover {
	cursor: url('artwork/arrw_l.png'),url('artwork/arrw_l.cur'), pointer;
}

a.arrw.r:hover {
	cursor: url('artwork/arrw_r.png'),url('artwork/arrw_r.cur'), pointer;
}

a.arrw.u:hover {
	cursor: url('artwork/arrw_u.png'),url('artwork/arrw_u.cur'), pointer;
}

a.arrw.d:hover {
	cursor: url('artwork/arrw_d.png'),url('artwork/arrw_d.cur'), pointer;
}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	a:hover {text-decoration: none;}
	
	a.smlarrw, span.close {
		background-image: url(artwork/buttons_x2.png);
		background-size: 60px 24px;
	}
}



/* NEWS OVERLAY IMAGE */

#fs_overlay {
	top: 0;
	left: 0;
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: #ffffff;
	z-index: 150;
}

#fs_overlay img {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

#fs_overlay .ssnavi{
	position: absolute;
	top: 0px;
	width: 50%;
	height: 100%;
	
}
#fs_overlay .ssnavi.prev {
	left: 0px;
}

#fs_overlay .ssnavi.next {
	right: 0px;
}

#fs_overlay .closewrap {
	position: absolute;
	right:0px;top:0px;
	width:56px;
	height:56px;
	display: block
}

#fs_overlay .close {right: 21px;top:25px;left:auto;}

#fs_overlay .ssnavi.prev:hover {cursor: url('artwork/arrw_l.png'),url('artwork/arrw_l.cur'), pointer;}
#fs_overlay .ssnavi.next:hover {cursor: url('artwork/arrw_r.png'),url('artwork/arrw_r.cur'), pointer;}


/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 10px;
	width: 5px;
	height: 100%;
}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
}

.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}

.jspCapTop {
	width: 5px;
	height: 10px;
}
.jspCapBottom {
	width: 5px;
	height: 29px
}


.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	position: relative;
}

.jspDrag {
	background: #aaaaaa;
	position: relative;
	top: 0;
	left: 0;
	width: 5px;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow {
	background: #ffffff;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled {
	cursor: default;
}

.jspVerticalBar .jspArrow {
	height: 12px;
}
.jspVerticalBar .jspArrowDown {
	background: #00ff00
}

.jspHorizontalBar .jspArrow {
	width: 5px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus {
	outline: none;
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}


/* CÓDIGO NUEVO */


/* Banner cookies */

.cc_banner-wrapper{z-index:9001;position:relative}.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:0.6em;transition:font-size 200ms;line-height:1em}.cc_container .cc_message{font-size:0.6em;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}.cc_container .cc_logo{display:none;text-indent:-1000px;overflow:hidden;width:100px;height:22px;background-size:cover;background:none !important;opacity:0.9;transition:opacity 200ms}.cc_container .cc_logo:hover,.cc_container .cc_logo:active{opacity:1}@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{font-size:0.8em}}@media screen and (min-width: 768px){.cc_container .cc_btn{font-size:1em}.cc_container .cc_message{font-size:1em;line-height:1em}}@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_container{position:fixed;/*left:0;*/right:0;bottom:0;overflow:hidden;padding:10px 15px 50px}.cc_container .cc_btn{padding:8px 16px;background-color:#e7e7e7 !important;position:absolute;bottom:10px;left:15px;right:15px;text-align:center}@media screen and (min-width: 500px){.cc_container{left:initial;right:20px;bottom:20px;width:300px;padding-bottom:77px}.cc_container .cc_btn{right:15px;bottom:37px}.cc_container .cc_logo{display:block;position:absolute;bottom:8px;left:calc(50% - 50px)}}@media screen and (min-width: 768px){.cc_container{padding-bottom:87px}.cc_container .cc_message{font-size:1em}}.cc_container{background:#222;color:#fff;font-size:17px;font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;box-sizing:border-box}.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#000;background-color:#f1d600;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px}.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#fff;color:#000}.cc_container a,.cc_container a:visited{text-decoration:none;color:#31a8f0;transition:200ms color}.cc_container a:hover,.cc_container a:active{color:#b2f7ff}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.cc_container{-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInRight;animation-name:fadeInRight}

.columnaizquierda-cookies {
    max-width: 610px;
    text-align: justify;
    margin-left: 24px;
    margin-right: 5%;
}

.cc_container a, .cc_container a:visited {
color:#989797;
}

/* Fin banner cookies */

/*#logo {
	display: block;
	float: left;
	z-index: 100;
    position: fixed;
}*/
/* PORTADA */





/* !PROYECTOS */

#proyectos {
	padding-bottom:0px;
}

#projects {
/* 	height: 100%; 
	margin-top: 60px;*/
	position: absolute;
	top: 0;
	/*left: 0;*/
	overflow: hidden;
	z-index: 1;
	/*max-width:1100px;*/
}

.site {
	/*max-width: 1610px;*/
	height: 100%;
	margin-top: 31px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 2;
}

.thumbswrap {
	width: 100%;
	padding:0 0 20px 30px
}

#contenedor {
	margin-top: 75px !important;
	position: absolute;
	top: 0;
	/*left: 0;*/
	height:92%;
	z-index: 1;
	max-width:1150px;
	margin:auto;
	left: 0;
	right: 0;
}
	

.miniaturaproyecto {
	position: relative;
	width: 230px;
	height: 175px;
	margin: 0 40px 30px 0px;
	cursor: pointer;
	float:left;
}

.miniaturaproyecto img {
	position: absolute;
	top: 0;
	/*left: 0;*/
}
.miniaturaproyecto2 {
	position: relative;
	width: 101px;
	height: 175px;
	margin: 0 40px 30px 0px;
	cursor: pointer;
	float:left;
}
.miniaturaproyecto2 img {
	position: absolute;
	top: 0;
	/*left: 0;*/
}

.projtxt {
	position: absolute;
	display: none;
	width: 220px;
	font-size: 11px;
	line-height: 15px;
}

.projtxt a {
	font-size: 11px;
	line-height: 15px;
	color: #000000 !important;
}

.projtxt a:hover {
	color: #737373 !important;
}

#navegacion li {
    display: inline-block;
  /*  margin-right: 28px;
    color: #a1a1a1;*/
}

a.botonera div{
	-webkit-transition: color 0.5s ease;
	-moz-transition: 	color 0.5s ease;
    -ms-transition: 	color 0.5s ease;
    -o-transition: 		color 0.5s ease;
	transition: 		color 0.5s ease;
}

a.botonera div:hover{
	color:#000 !important;
	-webkit-transition: color 0.5s ease;
	-moz-transition: 	color 0.5s ease;
    -ms-transition: 	color 0.5s ease;
    -o-transition: 		color 0.5s ease;
	transition: 		color 0.5s ease;
}

#navegacion {
	padding:5px;
    padding-bottom: 25px;
	/*left: 625px;
    width: 1060px;
	margin-top:10px;
	position:absolute;*/
	/**/
	z-index: 9999;
	bottom:0px;
	width:685px;
	margin:0 auto;
	right:0;
	left:2px;
    overflow: visible;
    font-size: 16px;
    color: #000000;
	background:#fff;
}

#sinfade {
    padding: 0 20px;
}

#fade0 {
	font-size: 16px !important;
}

#fade1, #sinfade {
	font-size: 16px !important;
}

#pie {
	display:inline-flex;
	/* background:#fcf9f8;
	bottom:0px;
	position:fixed;
	height:30px; */
	width:100%;
}

/*
input[type=button] {
   /* padding-right: 5px;
}

input[type=button]:hover {
    color:#000 !important;
	
}
input[type=button]:active {
    color:#000 !important;
}
*/


.botonera {
    /* padding: 2px 6px 3px; */
     font-size:16px;
	 cursor:pointer; 
	 background:none; 
	 border:none; 
	 color:#a1a1a1;	
}

sinfade {
     font-size:14px;
}

#fade0 {
     padding: 2px 20px 3px; 
     font-size:16px;
	 cursor:pointer; 
	 background:none; 
	 border:none; 
	 color:#a1a1a1;	
}

#fade1 {
     padding: 2px 20px 3px; 
     font-size:16px;
	 cursor:pointer; 
	 background:none; 
	 border:none; 
	 color:#a1a1a1;	
}

#fade2 {
     padding: 2px 20px 3px; 
     font-size:16px;
	 cursor:pointer; 
	 background:none; 
	 border:none; 
	 /*color:#a1a1a1;	*/
}

#fade3 {
     padding: 2px 20px 3px; 
     font-size:16px;
	 cursor:pointer; 
	 background:none; 
	 border:none; 
	 /*color:#a1a1a1;	*/
}

#fade4 {
     padding: 2px 20px 3px; 
     font-size:16px;
	 cursor:pointer; 
	 background:none; 
	 border:none; 
	 color:#a1a1a1;	
}

#fade5 {
     padding: 2px 20px 3px; 
     font-size:16px;
	 cursor:pointer; 
	 background:none; 
	 border:none; 
	 color:#a1a1a1;	
}

a:hover {
	color:#000 !important;
}

.hover {
	color:#000 !important;
}


.seleccionada {
    color:#000 !important;	
}

.botonactivo {
	color:#000 !important;
}

#contenidovisible {
	width:100%;
}

.estudio {
   width:100% !important;
   max-width:100% !important;
}

#seccionestudio {
   width: 90% !important;
	font-size: 16px;
}

#seccioncontacto {
   width: 90%;
}
.navbar-header{
	    margin-top: -50px;
}

.navbar-default{
    height: 50px !important;	
}

.navbar-collapse{
	margin-top: -47px;
    border-top: none !important;
}

.columnaizquierda { 
	/* margin-top:3%;
	height: 85% !important;
	max-height: 801px;*/
    overflow-y: auto;
	/*max-width:450px; *//*/**/
	text-align:justify; 
	margin-left:24px; 
	/*margin-left:5%;*/
	margin-right:5%;
	width: 45%;
	padding-right: 30px;
	font-size: 13px;
}

.jspContainer{
	width: 100% !important;
}

.jspPane{
		width: 100% !important;
}

.columnaderecha {  
	overflow-y: auto;
	overflow-x:hidden;
    padding-right: 30px;
	/*max-width:610px;*//* /**/
	text-align:justify; 
	float:left; 
	margin-right:0%;
	width: 45%;
	font-size: 13px;
	  /*  height: 87% !important;*/
}

.columnaizquierda.respo{width:100% !important;
    margin-left: 0;
    margin-right: 0;
    padding: 0px 37px !important;
	}
	
.imagensuperior {
	padding-bottom:20px;	
}

#datosdecontacto {
	margin-bottom:15px;
	margin-top:10px;
}



/* Boostrap */

.navbar-collapse {
width:100%;
}

/* Responsive contacto y estudio */

@media (min-width:600px){
	.navbar{
		display:none;
		}
	header {
		left: 24px;
		}
	/*#logo {padding-left:0px; margin-top:25px;}*/
}
	
	#seccioncontacto {
		width:100% !important;
		height: 100%;
		}
	
	#seccionestudio {
		width:100% !important;
		height: 100%;
		}
	
	/*.columnaizquierda { margin-right:4% !important;  }*/
	
	.columnaderecha {/* max-width:440px; margin-right:4%; margin-left:24px; float:left !important; */}

/* estilos para internet explorer 8 */

@media \0screen { 
#logo{
font-size:20px !important;	
}

.cc_container {
max-width:250px !important;
right:20px !important;
left:auto !important;
}

.navbar {
display:none !important;
}
}