body {font: 1.4em/1.6 "verdana", "arial" ,sans-serif;}
.terminator {background-color: #ff6600;height: 2px;}
a {color: #d2d2d2; display: inline;}
p {margin-bottom: 1em;}
.post h2.entry-title {background: transparent;font-size: 2.5em;font-weight: 100;letter-spacing: -0.05em;line-height: 1.2em;margin: 0.5em 0 0.25em;padding: 0;}
.post .entry-content {color: #888;font-size: 1.2em;float: left;padding: 0 10px 0 0;margin: 0;width: 800px;position: relative;z-index: 10;min-height: 200px;}

.page .entry-title {font-size: 1.2em;line-height: 1.2em;width: 800px;font-weight: 100;margin: 1.5em 0 0.5em 10px;padding: 0;color: #878787;font-weight: 600;}

.page .entry-content {margin-top: 35px}
.page .entry-content table {width:100%;}
.page .entry-content .table-head {background-color: #878787;color:#fff;font-weight:800;height:50px}
.page .entry-content table td {vertical-align:middle;text-align:center}
.page .entry-content table ul {vertical-align:middle;text-align:left;list-style-type:disc;margin: 0 0 0 22px;}

#header {
    position: relative;
    margin: 25px 0 5px;
    height:136px;
    width: 800px;
    clear: none;
    background-size: 100%;
}
#header div {position: absolute ;}
#header #logo-placer {width: 100%}
#wrapper {padding: 0;margin: 0 auto;width: 800px;position: relative;display: block;}
#access {display: table;vertical-align: middle;margin: 1px;width: 100%;}

#socialfollow {
    position: relative;
    z-index: 2;
    left: 680px;
    top: 110px
}
#socialfollow span {font-size: 0.85em;font-weight: 800;text-transform: uppercase;vertical-align: middle;color: #ff6600;}
#socialfollow img {display: inline-block;margin: 2px;vertical-align: middle; height: 18px; width: 18px}

#access #menu a {text-transform: uppercase;}
#access #menu ul {
    text-align: justify;
    margin: 3px 0;
}
#access #menu ul:after {
    content: '';
    display: inline-block;
    width: 100%;
}
#access #menu ul:before {
    content: '';
    display: block;
}
#access #menu li {
    display: inline-block;
    position: relative;
    line-height: 1em;
    font-size: 1.5em;
    margin: 0 5px;
}
#access #menu a {
    padding: 3px 8px;
}

#container {margin-top:1em}
#container #nav-above {display: block;position: fixed;}
#container #nav-above .nav-previous {position: absolute;display: block;width: 100px;top: 50%;left: -100px;text-align: right;line-height: 4em;font-size: 5em;}
#container #nav-above .nav-next {position: absolute;display: block;width: 100px;top: 50%;right: -900px;text-align: left;line-height: 4em;font-size: 5em;}
.nav-previous {background: transparent;float: left;font-size: 1.2em;;min-height: 60px;padding: 0;position: relative;margin: 0;width: 50%;color: #ff6600;}
.nav-next {background: transparent;float: right;font-size: 1.2em;min-height: 60px;padding: 0;position: relative;margin: 0;width: 50%;color: #ff6600;}
#container #nav-above .nav-previous a, #container #nav-above .nav-next a {display: block;color: #cccccc;padding: 0 20px;}
.nav-excerpt {color: #888;display: block;padding: 0 20px 0 0;position: relative;font-size: 0.8em;}

#nav-below {clear: both;float: right;margin: 3em 0 0 0;padding: 0px;width: 100%;color: #888;}
#nav-below a {font-weight: 800;}

.featured.post {background: transparent url('img/loading.gif') center center no-repeat;display: inline;float: left;height: 300px;margin: 0;overflow: hidden;position: relative}
.post-content-title {position: absolute;top: 0;display: block;line-height: 1em;margin: 0;padding: 0;width: 100%;height: 100%;z-index: 99;}
.post-content-title a {display: block;height: 100%;}
.post-content-title a span {visibility: hidden;}
.post-content {background: #878787;bottom: 0;left: 0;font-weight: 200;padding: 10px;position: absolute;visibility: hidden;-moz-opacity: 0;filter: alpha(opacity=0);opacity: 0;}
.post-content h4 {color: #fff;}
.post-content p {padding: 0;margin: 0;color: #fff;}

.gallery-thumbnail {background-color: #FFFFFF;border: 1px solid #A9A9A9;display: block;margin: 4px 4px 4px 4px;padding: 4px;position: relative;}

.simfoart-gallery { display: inline-block; width: calc(50% - 8px) ;  margin: 4px;  overflow: hidden; position: relative;  height: 300px}
.simfoart-gallery.width {width: 100%}
.simfoart-gallery .gallery-title {width:100% ; height: 46px; background: rgba(44,44,44,0.9); color:white; z-index: 99; position: absolute; bottom: 0; left: 0}
.gallery-title {font-size: 30px; text-align: center; vertical-align: middle; line-height: 50px;}
.simfoart-gallery a {display: block; width: 100% ; height: 100%}
.simfoart-gallery img {display: block; width: 100% ;}

.main-page-wrapper {width: 100%}
.main-page-wrapper div.featured.post:nth-child(7n+1) {border-bottom:5px solid #000;width:545px;}
.main-page-wrapper div.featured.post:nth-child(7n+2)  {border-left:5px solid #000;border-bottom:5px solid #000;width:250px;}
.main-page-wrapper div.featured.post:nth-child(7n+3) {border-bottom:5px solid #000;width:450px;}
.main-page-wrapper div.featured.post:nth-child(7n+4)  {border-left:5px solid #000;border-bottom:5px solid #000;width:345px;}
.main-page-wrapper div.featured.post:nth-child(7n+5) {border-bottom:5px solid #000;width:300px;}
.main-page-wrapper div.featured.post:nth-child(7n+6) {border-left:5px solid #000;border-bottom:5px solid #000;width:295px;}
.main-page-wrapper div.featured.post:nth-child(7n+7)  {border-left:5px solid #000;border-bottom:5px solid #000;width:195px;}

.post-preview-content {
    bottom: 0;
    left: 0;
    font-weight: 200;
    padding: 10px;
    position: absolute;
    visibility: hidden;
    background: rgba(44,44,44,0.9);
    color: white;
    width: 100%;
}
.hentry:hover .post-preview-content{opacity: 0.7;  visibility: visible;}
.post-preview-content p {margin-bottom: 0}

#footer {clear: both;float: left;font-size: 1em;margin: 40px 0 0 0;padding: 4px 0 36px;width: 800px;color: #888;}
#footer #footer-contacts {float: left;font-size: 0.8em;color: #f4f4f4;}
#footer #copyright {float: right;text-align: right;}
#footer .terminator {margin: 0 0 5px;}

div.share-buttons {clear: left}

.small-post-preview {display: inline-block ; width: calc(100% / 3) ; height: 200px; margin: 8px 0 0 0 }
.small-post-preview a {display: block; overflow: hidden; height: 100%; }
.small-post-preview:nth-child(3n+1) a {width: calc(100% - 4px); }
.small-post-preview:nth-child(3n+2) a {width: calc(100% - 8px); margin: 0 4px 0 4px}
.small-post-preview:nth-child(3n+3) a {width: calc(100% - 4px); margin: 0 0 0 4px}

.float{
	position:fixed;
	width:90px;
	height:90px;
	bottom:40px;
	right:40px;
	background-image: url(/static/img/whatsapp-logo.png);
	text-align:center;
    background-size: cover;
}

.my-float{
	margin-top:22px;
}

#wrapper > a {
    text-decoration: none;
    display: block;
}

.header-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

#logo-placer {
    position: relative;
    z-index: 2;
}