.preview-content::before {
    content:"Local: "
}
div.preview-content h2::before {
    content:"Tel. "
}
div.preview-content h2 {font-size:28px
}
.preview-title {font-size:38px !important}
.preview-title, .preview-sub-title {
    font-family: trebuchet ms, "Oswald", sans-serif !important;
}
.preview-content {
    color: #666;
    font-size: 22px !important;
    font-weight: 300;
    font-style: normal;
  font-family: trebuchet ms, "Oswald", sans-serif !important;
}

.site-header {
    position: relative;
    height: 594px;
}
 .preview-header .preview-sub-title {
    display: none;
}
#wrap-pr {
    min-height: 200px !important;
}
.btn-caption span i {
    display: none;
}
.btn-close:hover i {
	color: #fff;	background: #e82e2e;
}
.btn-close i {
    cursor: pointer;
    background: #333;
}
.btn-close {
    top: 8px;
    right: 18%; }
.btn-caption {
    top: 0px;
    width: 100%;
    height: 100%;
background:none;
}
.preview-header {
    text-align:left;
}
.btn-preview {
    border-radius: 0px;
}
.btn-more {
    display: none; }
.btn-caption span {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin-left: 0px;
background-color:rgba(254,254,254,0.1);
}
.admin-bar [class^="preview-overlay"] {
    margin-top: 22px;
    max-width: 1280px;
}
.post-image {
    background-size: 100%;
}
.grid li {
    padding: 0px 11px;
}
[class^="preview-overlay"] {
    top: 0px;
    left: 30%;
    width: 70%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    background-color: #FFF;
    visibility: hidden;
    overflow: auto;
border-left: #ccc solid 4px; 
}
.preview-wrap-content {
    width: 100%;
    margin: 30px 0px auto;
}
 div.preview-image {  background-size: 80%; max-width:827px
}
.preview-overlay-1 .preview-image {
    width: 100%;
    height: 100% !important;
    margin-bottom: 10px;
    min-height: 295px;
}

.post-image {
    background-size: 100%;
}
 div.preview-image {  background-size: 80%; max-width:827px
}
.preview-overlay-1 .preview-image {
    width: 100%;
    height: 100% !important;
    margin-bottom: 10px;
    min-height: 295px;
}
.archive-header, .page-header {
    margin-top: 50px;
}
.site-footer {
    background-color: #fff; }

h4 {
    font-size: 20px;
    margin: 17px 0px;
}
.site-header .search-form {
    background: #fff;
    z-index: 99999;
}
.nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus {
    background-color: #fff;
    color: #666;
}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
    color: #E3022E;
    font-style: normal;
}
.site-footer {
    border-top: 1px #ccc solid;
}
.entry-content a, a { color:#E3022E }
.entry-content a:hover,
.comment-content a:hover {
	color: #c61e4d;text-decoration:none:
}
.derred { font-size:23px;font-style:italic;margin-top:-5px;margin-bottom:20px}
html, button, input, select, textarea {
    font-family: trebuchet ms, "Source Sans Pro",Helvetica,sans-serif;
}
h1, h2, h3, h4, h5 { font-family: trebuchet ms; }
.su-column-size-1-4 {
    width: 21% !important;
-ms-word-break: break-all;
     word-break:none;
-webkit-hyphens:  none;
   -moz-hyphens: none;
        hyphens:  none; 
}
.drcuarto {    font-size: 13px;     text-align: justify;}
.nav-menu li {
    margin-right: 2%; border-right:1px solid #ccc;margin-left: 2%;z-index:99999;padding-right:20px;
}
.entry-content {
    margin: 40px auto 0px auto;
}
.nav-menu li a {
    color: #141412;
    display: block;
    font-size: 15px;
    line-height: 1;
    padding: 15px 8px;
    text-decoration: none;
}
.homy-logo { margin-top:6px;margin-left:10px}
.derreblock { width:100%; background: rgba(0,0,0,0.5) ;margin:0px auto 0px auto;max-height:220px;min-height:70px;z-index:99; position:absolute;bottom:0;}
.derreblock h5 {text-align:right;max-width:1180px;padding:12px;color:#fff;font-size:36px}
.entry-header, .entry-content, .entry-summary, .entry-meta {
    max-width: 1098px;
    width: 100%;
}
#navbar {  margin-top:324px;z-index:9999; background-color: #fff !important;   display: block;
    position: absolute;
}
.site {
    max-width: 1378px;
    width: 100%;
border:1px solid #ccc;
}
@media (max-width: 1024px) {
.entry-header, .entry-content, .entry-summary, .entry-meta {
    max-width: 894px;
    width: 100%;
}
ul.nav-menu {
    padding: 0px 0px 0px 0px;
}
.btn-caption {
    cursor: pointer;
    top: 0px;
}
preview-overlay-1 .preview-image {
    min-height: 205px;
}
.btn-caption span {
    width: 96%;
    height: 50%;
    padding: 0px;
    margin-left: 0px;
}

#navbar {  z-index:9999; margin-top:392px }
.homy-logo { max-width:200px}
.derreblock { width:100%;  max-height:190px;min-height:30px; }
.derreblock h5 {font-size:35px}
}
@media (max-width: 800px) {
.entry-header, .entry-content, .entry-summary, .entry-meta {
    max-width: 764px;
    width: 100%;
}
[class^="preview-overlay"] {
    top: 0px;
    left: 1%;
    width: 90%;
}
.derreblock h5 {font-size:34px}
#navbar {  z-index:9999; margin-top:400px }
.homy-logo { max-width:190px}
}
@media (max-width: 768px) {
			#navbar {  z-index:9999;margin-top:168px;}
.entry-header, .entry-content, .entry-summary, .entry-meta {
    max-width: 704px;
    width: 100%;
}
.nav-menu li a {
font-size: 11px;
    line-height: 1;
    padding: 15px 0px;

}
preview-overlay-1 .preview-image {
    min-height: 195px;
}
.homy-logo { max-width:180px}
.site-header {
    height: 338px;
}
.derreblock { width:100%;  max-height:140px;min-height:30px; }
.derreblock h5 {font-size:32px}
		}

@media (max-width: 767px) {
			#navbar {  z-index:9999;margin-top:180px;}
.entry-header, .entry-content, .entry-summary, .entry-meta {
    max-width: 620px;
    width: 100%;
}
.derreblock { width:100%;  max-height:100px;min-height:30px; }
.derreblock h5 {font-size:31px}
.homy-logo { max-width:160px}

		}

@media (max-width: 640px) {
			#navbar {  z-index:9999;margin-top:170px
}
.derred {
    font-size: 19px; }
.entry-header, .entry-content, .entry-summary, .entry-meta {
    max-width: 424px;
    width: 100%;
}
.preview-centre {
    width: auto;
    margin: -22px 19px 7px 19px !important;
}
.preview-header .preview-title {
    color: #222;
 font-size:26px;
    font-weight: 200;
    font-style: normal;
}
preview-overlay-1 .preview-image {
    min-height: 145px;
}
.homy-logo { max-width:164px}
.derreblock { width:100%;  max-height:120px;min-height:30px; }
.derreblock h5 {font-size:28px}
}
		@media (max-width: 359px) {
			#navbar {  z-index:99999;margin-top:100px
}
.derreblock { width:100%;  max-height:120px;min-height:30px; }
.derreblock h5 {font-size:22px}
.site-header {
    height: 198px;
}
.derred {
    font-size: 16px; }
.entry-header, .entry-content, .entry-summary, .entry-meta {
    max-width: 300px;
    width: 100%;
}
.preview-centre {
    width: auto;
    margin: -56px 10px 5px 10px !important;

}
.preview-header .preview-title {
 font-size:31px !important;
    font-weight: 200;
    font-style: normal;
}
preview-overlay-1 .preview-image {
    min-height: 95px
}
.preview-wrap-content {
    margin: 0px 0px auto;
}
.derreblock { width:100%;  max-height:120px;min-height:20px;  }
.derreblock h5 {font-size:18px}
.homy-logo { max-width:80px}
}
