@charset "utf-8";
@font-face {
    font-family: 'gothamRoundedBold';
    src: url('gotham-rounded-bold.eot');
    src: url('gotham-rounded-bold.eot') format('embedded-opentype'),
         url('gotham-rounded-bold.woff') format('woff'),
         url('gotham-rounded-bold.ttf') format('truetype'),
         url('gotham-rounded-bold.svg#gothamRoundedBold') format('svg');
	font-weight: 900;
}
@font-face {
    font-family: 'gothamRoundedBook';
    src: url('gotham-rounded-book.eot');
    src: url('gotham-rounded-book.eot?#iefix') format('embedded-opentype'),
         url('gotham-rounded-book.woff') format('woff'),
         url('gotham-rounded-book.ttf') format('truetype'),
         url('gotham-rounded-book.svg#gothamRoundedBook') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{background-color:rgb(254, 252, 250); text-align:left; overflow-x:hidden;margin:0;padding:0;}
a{text-decoration:none; color:rgb(12,12,12);}
img{border:none;}
#caja{border:7px solid #1a161b; width:210px; height:290px; margin:0px auto; margin-top:15px;}
.box{margin-left:9px; float:left; text-align:center;}
.box p{margin-bottom:35px; margin-top:-5px;}
.box h2{margin-top:12px; margin-bottom:7px; font-weight:500;letter-spacing: -.5px;}
.item{text-align:center; float:left; margin-top:25px; margin-left:-25px; line-height:1.4;}
.item h2{margin-bottom:-5px;}
#gif{position:absolute; left:325px; display:none; top:45px;}
#infscr-loading{width:90%; position:fixed; height:50px; bottom:0px; z-index:999;}
#datos{width:100%; position:fixed; height:100%; overflow:auto; padding-right:20px;}
#manta{width:100%; position:fixed; height:100%; overflow:hidden;}
#wrapper {
	border: 1px solid #CCCCCC;
    overflow: hidden;
    width: 335px;height: 120px;
}
#infscr-loading img{margin-left:40%; margin-top:10px; font-weight:bold;}
#infscr-loading p{margin-left:35%; font-size:15px;}
h1{font-size:12px; color:rgb(12,12,12);}
h2{font-size:12px; margin-bottom:13px; color:rgb(12,12,12); line-height:1;}
p{font-size:12px; color:rgb(82,80,68); line-height:1.4;}
#nav{width:263px; position:fixed; left:29px; top:0px; bottom:0px; background-color:rgb(254, 252, 250); z-index:99; height:668px; text-align:center;}
#navcontacto{width:263px; position:fixed; left:29px; top:0px; bottom:0px; background-color:transparent; z-index:99; height:668px; text-align:center;}
#navcontacto h1{margin-bottom:-5px;}
.mise3{z-index:99999;}
#navDos{z-index:999999; position:relative;}
#navDos ul{list-style:none; font-size:44px; color:rgb(12,12,12);}
#navDos ul li a:hover{text-decoration:underline;}
/*#navDos{height:43px; position:fixed; top:0px; left:125px; z-index:999;}
#navDos h1{font-size:13.67px; float:left; margin-top:12px;}
#navDos ul{list-style:none; font-size:13.67px; float:left; width:360px; margin-left:135px; margin-top:12px; font-family:gothamRoundedBold; color:rgb(12,12,12);}
#navDos ul li{float:left; cursor:pointer;}
#works{margin-left:25px;}
#works ul{display:none; position:fixed; margin-top:0px; width:212px; background-color:rgb(254, 252, 250); padding:0; list-style-type:none; margin-left:0px; margin-left:-1px;}
#works ul li{float:none; margin-top:18px;}
#works ul li:hover{text-decoration:underline;}
#journal{margin-left:52px;}
#contact{margin-left:45px;}
#content{margin:0px auto; padding:0px;}*/
#content{margin-top:-35px;}
#works{position:fixed; width:100%; height:0px; top:14px; margin:0px auto; text-align:center;}
#journal{position:fixed; width:100%; height:0px; bottom:97px; margin:0px auto; text-align:center;}
#contact{position:fixed; top:14px; right:39px;}
#container{margin-top:43px; background-color:transparent; padding-left:20px; position:relative; padding-right:20px;}
#about{position:relative; margin-top:25px; margin-bottom:45px; overflow:hidden;}
#about a{color:rgb(82,80,68);}
#twitter{margin-top:25px;}
#twitter a{color:rgb(82,80,68);}
.logo{position:absolute; z-index:99999; top:22px; margin-left:49px; transition-duration:1s;}
#separador{width:223px; height:7px; background-color:rgb(12,12,12); margin:0px auto; margin-top:-17px;}
#about p{margin-bottom:20px;}
#redes{margin:0px auto; width:56px; margin-top:40px;}
#barra{height:20px; width:301px; background-color:rgb(254, 252, 250); position:relative; margin-bottom:-30px;}
#jstwitter {width:263px; font-size: 12px; margin-bottom:-20px; min-height:100px;}
#jstwitter .tweet {font-size:12px; margin-top:-7px; color:rgb(12,12,12);}
#jstwitter .tweet a {text-decoration: none; color: black;}
#jstwitter .tweet a:hover {text-decoration:underline;}
#jstwitter .tweet .time {font-size: 12px; font-weight:bold;}
.over{transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; -ms-transition-duration:0.5s; opacity:0; filter:alpha(opacity=0); zoom:1;}
.over:hover{opacity:1; filter:alpha(opacity=100); zoom:1;}
#page-nav{color:white;}
/*
@media only screen and (max-width : 700px),
only screen and (max-device-width : 700px){
    #navDos ul{
        margin-left:0px;
    }
	#navDos ul{margin-left:85px; margin-top:11px;}
	#navDos ul li{margin-left:20px;}
	#works ul{margin-top:0px; margin-left:0px;}
	#works ul li{float:none;}
}
@media only screen and (max-width : 600px),
only screen and (max-device-width : 600px){
    #navDos ul{
        margin-left:0px;
    }
	#navDos ul{margin-left:85px; margin-top:-27px;}
	#navDos ul li{margin-left:5px;}
	#works ul{margin-top:0px; margin-left:0px;}
	#works ul li{float:none;}
}*/

header,
header a {
    mix-blend-mode: difference;
    color: #ffffff;
}

.box:first-of-type {
    margin-left: 180px;
}
@media(max-width:680px) {
    .box:first-of-type {
        margin-left: 0;
    }
}

.uk-lightbox-toolbar {
    background: transparent !important;
}
.uk-lightbox-items > * > :not(iframe) {
    max-height: 90vh;
}

.uk-lightbox-button.uk-slidenav-next,
.uk-lightbox-button.uk-slidenav-previous {
    background: transparent;
    margin: 0;
}

@media(max-width:680px) {
    .uk-lightbox-button.uk-slidenav-next,
    .uk-lightbox-button.uk-slidenav-previous {
        display: none;
    }
}