/*
 * Theme Name: Solo Por Hoy
 * Description: Diseño creado para Solo Por Hoy, Inc.
 * Author: Nivaxel
 * Author URI: https://www.nivaxel.com
 * Version: 1.0
 */

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Poppins');

body {color: #3E3E3E; font-family: 'Poppins', sans-serif; overflow-x: hidden}

h1 {font-size: 30px;}
p {line-height: 150%; font-size: 120%; text-align: justify;}
img {max-width: 100%; height: auto}

section {padding: 20px 0}

/* Header */
.banner {border-bottom: 3px solid #4f5a40; background: url('https://soloporhoy.org/wp-content/themes/soloporhoy/img/header.jpg') center no-repeat; background-size: cover;}

.wpfront-message {font-size: 17px; max-width: 100%; margin: 10px ; text-align: center;}
.llo {display: none}
.logo {text-align: center; height: 210px; line-height: 210px;}
.logo img {max-width: 250px;}
.logos-new  {display: block; text-align: center; height: 210px; line-height: 210px;}
.logos-new img {margin: 10px; max-width: 100px;}
.logos-new2  {position:absolute; display: block; margin-top: -150px; right: 25%}

.casitas {display: block; text-align: center;}
.derecho-cont {display: inline-block; width: 250px; height: 164px; background: url(img/derecho-a-techo-boton.png) no-repeat; padding: 20px; margin: 25px 10px; text-align: center;}
.derecho-cont strong {display:block; margin-top: 15px; font-size: 140%; text-transform: uppercase}
.derecho-cont .btn-green {display: inline-block; margin: 5px 0; font-size: 120%}
.derecho-cont .num-tel a {font-size: 140%; color: #333;}
.derecho-cont .num-tel a:hover , .num-tel a:focus {text-decoration: none; color: #98C045}

.det2 {position: absolute; display: block; margin-top: 5px; left: 25%}
.navbar {border-bottom: 3px solid #4f5a40; margin: 0; text-align: center;}
.navbar-brand {padding: 0;}
.navbar-nav {display: inline-block; float: none;}
.navbar-nav > li > a {color: #000; font-weight: 700; font-size: 150%; margin: 0 15px; border-bottom: 5px solid transparent; padding: 20px 0;}
.navbar-nav > li > a:hover {border-bottom-color: #85AB00}
.nav > li > a:focus, .nav > li > a:hover {background-color: transparent}
.navbar .wpml-ls-statics-shortcode_actions {margin: 18px}


/* Inicio */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {width:100%; margin:auto}
.carousel-indicators {display: none}
.carousel-control {width: 5%}
.carousel-caption p {background: rgba(0,0,0, 0.6); max-width: 100%; padding: 20px; margin-bottom: 0; font-size: 150%; font-weight: 700}
.carousel-caption {text-align: left; display: inline-table; padding-bottom: 0; bottom: 5px}

.contacts h2{text-align: center; font-size: 200%; margin-bottom: 30px}
.home-about h1 {margin-bottom: 20px}

.home-programas {background: url(img/paralax.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.help-sign {margin-top: 245px}
.grass {position: absolute; z-index: 1; left: 0; margin-top: -245px;}
.grass img {width: 2000px; height: 245px}
.prog-vert {position: absolute; z-index: 10; left: -350px; top: 20px}
.prog-vert pre {
  background: transparent; border: 0; display: inline-block; margin: 0; padding: 0;
  line-height: 1.2; font-size: 300%; text-shadow: 0 0 3px #fff; font-weight: 700;
}

.prog-h h3 {
  background: transparent; border: 0; display: inline-block; margin: 0; padding: 0;
  line-height: 1.2; letter-spacing: 5px; font-size: 300%; text-shadow: 0 0 3px #fff; font-weight: 700;
}
.cuadros {text-align: center; background: rgba(124, 180, 55, 0.8); padding: 25px; position:relative; z-index: 10}
.cuadros a {display: inline-table; margin: 5px; color: #fff}
.cuadros a:hover {text-decoration: none}
.cuadros span {display: block; border: 2px solid; padding: 40px;}
.cuadros span:hover {background: #3E3E3E}
.cuadros strong {display: block; margin: 2px 0; font-size: 150%}
.modal-footer .btn-green {border: 0}

.llave-casa img {background: #3DB22E; border-radius: 50%}
.derecho {margin-top: 50px}
.derecho p {font-size: 200%; margin-left: 15px}
.derecho a {font-size: 200%; margin-top: 20px}

.btn-blk {display: inline-block; background: #3E3E3E; color: #3DB22E; padding: 10px 20px; border-radius: 30px}
.btn-blk:hover, .btn-blk:focus {text-decoration: none; background: #3DB22E; color: #3E3E3E;}
.btn-green {display: inline-block; background: #98C045; color: #fff; padding: 10px 20px; border-radius: 30px}
.btn-green:hover, .btn-green:focus {text-decoration: none; color: #ffffff; background-color: #3e3e3e}
.btn-paypal {background: linear-gradient(#FFFEFF, #FA8F23); padding: 10px 20px; border-radius: 25px; color: #031D50; font-weight: 700; display: inline-block}
.btn-paypal:hover, .btn-paypal:focus {background: linear-gradient(#FA8F23, #FFFEFF); text-decoration: none}

/* Pop Up */

#adModal img {max-width:100%;margin-bottom: 20px}
#adModal .modal-dialog {text-align: center}
#adModal .modal-body strong {display: block;color: #000; font-size:20px;}
#adModal .modal-body p {text-align: left; padding:10px 0px}

#adModal .modal-title {display: block;color: #f57b38; font-size:30px;  }
#adModal .modal-header {border-bottom:0;}
#adModal .modal-footer {border-top:0;padding:10px; text-align: center}
#adModal a {font-size: 20px}

/* Derecho a Techo */
.top-bar {position: absolute; z-index: 100; left: 20px; top: 188px;}

.dat-num {margin-bottom: 30px;}
.dat-num a {display: inline-block; padding: 10px 20px; background: #3E3E3E; border-radius: 30px; color: #fff; font-size: 150%}
.dat-num a:hover {text-decoration: none}

.regresar a {background: #00A652; padding: 10px 20px; border-radius: 20px; font-size: 120%; color: #fff;}
.regresar a:hover, .regresar a:focus {text-decoration: none; background: #70B14B}

.secon {padding: 20px 0;}

.bg {max-width: 100%; height: 500px; background: url(img/derechoatecho/image-top.jpg) center no-repeat; background-size: cover; position: relative}
.bg span {max-width: 100%; background: rgba(0,0,0,0.5); color: #fff; padding: 10px; display: inline-block; margin-top: 150px; font-size: 230%; text-align: center}

.camino {margin: 45px auto; padding: 20px; color: #333; text-align: center;}
.camino p {text-align: center; font-weight: bold;}
.camino a {display: inline-block; padding: 10px 20px; background: #495a3d; border-radius: 30px; color: white; font-size: 120%}
.camino a:hover {text-decoration: none; background: #acbe7e; color: black;}

.pic-tech {
  background: url(img/derechoatecho/background-1.svg) top no-repeat;
  background-size: cover;height:120px; position: relative; margin-top: -65px; max-width: 100%;
}
.techo-us {max-width: 100%; text-align: center; height: auto; background: #B5D15A}
.techo-us h1 {font-weight: 600; color: #413D3C; margin: 0 0 10px 0}
.techo-us h2 {margin: 0 0 20px 0}

.techo-us strong {
  background:#00A652; max-width: 100%; padding: 12px; display: block;
  border-radius: 20px; color: #fff; text-transform: uppercase; margin-top: 25px; font-size: 125%
}
.techo-us strong:hover {background: #22614E}
.techo-us a:hover, .techo-us a:focus {text-decoration: none;}
.techo-us p {margin: 10px; color: #3D3C42; font-weight: 600; padding-bottom: 80px}

.pic-tech-2 {
  background: url(img/derechoatecho/background-2.svg) top no-repeat;
  background-size: cover; height:120px; position: relative; margin-top: -85px; max-width: 100%;
}
.inf-system {max-width: 100%; height: auto; background: #649C39; padding-bottom: 40px}
.inf-system h3 {color: #fff; text-align: center; margin: 20px 0 20px 0}
.inf-system p {text-align: justify; color: #fff}

.map {max-width: 100%; text-align: center; padding-bottom: 40px}
.movil {display: none}
.map h1 {color: #424242; font-weight: 600}
.maps img {max-width: 1000px}
.maps .punto {position:absolute;font-size:25px;z-index: 10; color: black}
.maps {max-width: 1000px; position: relative; z-index: 0;text-align: center;margin: auto;}
.maps .punto:focus {text-decoration: none; outline: 0}
.mp1 {margin-top:240px;margin-left:562px;}
.mp2 {margin-top:90px;margin-left:335px}
.mp3 {margin-top:70px;margin-left:400px}
.mp4 {margin-top:200px;margin-left:538px}
.mp5 {margin-top:120px;margin-left:616px}
.mp6 {margin-top:85px;margin-left:232px}
.mp7 {margin-top:105px;margin-left:733px}
.mp8 {margin-top:65px;margin-left:628px}
.mp9 {margin-top:150px;margin-left:423px}
.mp10 {margin-top:190px;margin-left:588px}
.mp11 {margin-top:143px;margin-left:530px}
.mp12 {margin-top:75px;margin-left:555px}
.mp13 {margin-top:107px;margin-left:403px}
.mp14 {margin-top:120px;margin-left:650px}
.mp15 {margin-top:160px;margin-left:226px}
.mp16 {margin-top:140px;margin-left:480px}
.mp17 {margin-top:150px;margin-left:570px}
.mp18 {margin-top:195px;margin-left:470px}
.mp19 {margin-top:100px;margin-left:680px}
.mp20 {margin-top:115px;margin-left:575px}
.mp21 {margin-top:77px;margin-left:585px}
.mp22 {margin-top:167px;margin-left:335px}
.mp23 {margin-top:90px;margin-left:523px}
.mp24 {margin-top:80px;margin-left:486px}

.modal-header i {color: #649C39}

.maps img {position: relative; z-index:1}
.circle {display: inline-block; width: 300px; height: auto;margin:20px 0}
.circle:hover {cursor: pointer}
.circle span {display:inline-block; width:150px; height: 150px; border-radius: 100%; border: 5px solid #98C659;}
.circle span:hover {background: #D1E5AB}
.circle strong {display: block; text-align: center; max-width: 100%; margin-top: 20px; font-size: 150%}
.circle p {margin-top: 30px; font-size: 350%;text-align: center;}
#proyectos .modal-lg {width: 1200px;}
.modal-header h4 {font-size: 22px; font-weight: 700}
.modal-content ol, .modal-content ul {padding-left: 15px; font-size: 120%}
.modal-content ol strong {display: block; margin-bottom: 5px; font-size: 16px; text-transform: uppercase; text-align: center; color: #fff; background: #42894D; padding: 5px; border-radius: 2px; margin-left: -20px}
.modal-content ol li {margin-bottom: 5px}

#galeria {max-width: 100%; text-align: center; border-top: 7px solid #9CCA50; border-bottom: 7px solid #9CCA50; padding-bottom: 30px}
#galeria .item {display: inline-block; max-width: 300px; margin: 10px;}
#galeria .item img {max-width: 100%; border-radius: 0%; border: 3px solid transparent}
#galeria .item img:hover {border-color: #9CCA50}

.pt-80 {padding-top: 80px;}
.pb-80 {padding-bottom: 80px;}

#conoce .btn-blk {
    font-size: 150%;
    margin: 20px 0;
}

#proveedores table {margin: 20px 0; font-size: 120%;}
#proveedores th {
    text-align: center;
    font-size: 110%;
    color: #fff;
    background-color: #69a541;
}

/* Violencia Domestica */

.recuadro {border: 1px solid #bcbcbc; margin: 30px auto;}
.recuadro h4 {background-color: #69a541; color: white; margin: 0; padding: 10px;}
.recuadro hr {border-top-color: #bcbcbc;}
.recuadro p {margin: 10px 20px;}

/* Boton chat form - bottom of page */
.open-button {
background-color: #723171 ;
color: white;
padding: 16px 20px;
border: none;
cursor: pointer;
opacity: 0.8;
position: fixed;
bottom: 23px;
right: 28px;
width: 280px;
z-index: 99;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 80;
}

.closePopUp{
display: block;
position: fixed;
bottom: 360px;
right: 50px;
border: 3px solid #f1f1f1;
z-index: 99;
width:30px;
height:30px;
background-color: transparent;
color:#f1f1f1;
}
/* popup chat - hidden by default */
.chat-popup {
display: none;
position: fixed;
bottom: 0;
right: 15px;
border: 3px solid #f1f1f1;
z-index: 100;
height:400px;
background-color: rgb(255, 255, 255);	
}


/* Post */
.post-title h1 {font-weight: 600; margin-top: 50px;color: #70B14B; }
.content {text-align: left}
.content p{font-size: 120%}
.all-posts {text-align: left;}
.the-post {margin:20px 0; border-bottom: 1px solid #BDBEC0; padding-bottom: 20px}
.the-post strong {font-size:150%}
.fb-post{text-align: center}

.contact-tech {max-width: 100%; background: #BCBCBC; padding-bottom: 100px}
.contact-tech ul {list-style: none; font-weight: 600; color: #393939; font-size: 150%;}
.contact-tech a {color: #393939}
.i {position: absolute; margin-left: -15px;}
.move {margin-left: 20px; margin-top: 120px}

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse-grow:before {
  content: "\f041";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}


/* Footer */
footer {background: url(img/footer.jpg); border-top: 10px solid #3E3E3E; padding-top: 10px;}
footer a {color: #3E3E3E}
footer a:hover {color: #3E3E3E}
footer strong:before {content: ''; display:block; background: url(img/casita.png) no-repeat center; width: 100px; height:25px; background-size: 100px}

footer .derecho-cont strong:before {display: none}
footer .derecho-cont {display: block; width: 200px; height: 130px; background-size: 200px 130px; padding: 10px; margin: 5px auto;}
footer .derecho-cont strong {font-size: 16px;}
footer .derecho-cont .num-tel {font-size: 12px;}
footer .derecho-cont .btn-green {font-size: 14px;}

.flogo {margin-top: -86px}
.secundary {margin-top: -102px; margin-left: -50px}
.fmenu strong, .fcont strong {font-size: 130%;}
.fmenu a {display: table; margin-bottom: 2px; font-size: 120%}
.fcont p {font-size: 120%; margin-bottom: 2px}
.donar {margin: 10px 0; text-align: center}
.donar img {max-width: 170px;}
.fsocial {text-align: center}
.fsocial i {font-size: 50px; color: #365595;}
.fsocial i:hover {color: #5f7cb6;}
.fsocial img {display: inline-block; width: 70px; margin: 5px; transition: all 0.5s ease}
.fsocial img:hover {transform: scale(0.9)}

.nivaxel {text-align: center; padding: 20px 0}

.scrollup {
  display:none; position:fixed; z-index: 100; bottom:20px; left:20px;
  background:#555; color:#fff; font-size:36px; width:50px; height:50px;
  border-radius:25px; text-align:center; line-height:50px; cursor:pointer; opacity:0.8
}

/* Footer - Derecho a techo */
.secundary {margin-top: -102px; margin-left: -40px}
.btn-back {background: #fff; padding: 13px;border-radius: 25px; text-decoration: none; display: inline-block; font-weight: 600; font-size: 120%}
.imprt {display: table; margin: 20px 0; text-decoration: none}
.imprt p {margin: 10px 0}

/* Paginas */
.page-title {padding: 20px 0; background: #69A541; text-align: center}
.page-title strong {font-size: 300%; text-transform: uppercase; color: #fff}

/* Sobre Nosotros */
.about .text-center .btn-green {font-size: 150%}
.green-bg {background: #69A541}
.green-bg .derecho, .green-bg .derecho .btn-blk {color: #fff}
.green-bg .derecho .btn-blk:hover {background: #3E3E3E; color: #69A541}
.white-circle img {background: #fff}
.about b {display: block; font-size: 120%; margin-bottom: 5px}

/* Contacto */
.info {padding-left: 0; list-style: none; font-size: 120%}
.info li {margin-bottom: 5px}
.dir {padding-left: 20px; list-style: none; font-size: 120%}
.dir li:first-child:before {position: absolute; content: '\f041'; left: 20px; font-family: FontAwesome}
.cmap {margin: 20px 20px 50px 20px}
.cfrm {margin-bottom: 100px;}
.cfrm iframe {min-height: 870px;}

/* Programas */
.programas2 h3 {text-align: center; margin-bottom: 20px}
.programas2 .cuadros {background: none; padding: 0;}
.programas2 .nav-tabs > li {float: none; display: inline-block}
.programas2 .cuadros img {max-width: 100px}
.programas2 .cuadros a {color: #3E3E3E; margin: auto; border: 2px solid transparent;}
.programas2 .nav-tabs > li.active > a, .programas2 .nav-tabs > li.active > a:focus, .programas2 .nav-tabs > li.active > a:hover {border: 2px solid #ddd; border-bottom-color: transparent}
.programas2 .cuadros span {background: #3E3E3E}
.programas2 .cuadros span:hover {background: #69A541}
.programas2 .tab-pane {padding-top: 10px}

.pico {display: block; position: relative; background: #69A541; width: 200px; height: 200px; line-height: 200px; border-radius: 100px; margin-top: -120px; margin-bottom: 20px; text-align: center}

.mas-inf {margin: 20px 0 70px 0; text-align: center}
.mas-inf p {display: inline-block; font-weight: 700}
.mas-inf a {display: inline-block; margin: 0 20px; font-size: 120%}

/* Colaboradores */
.colab {margin-bottom: 100px;}
.colab-ls img {display: inline-block; width: 300px; margin: 10px}
.colab-ls ul li {margin-bottom: 5px; font-size: 20px}
.colab .donar {margin: 20px 0; font-size: 200%}
.colab .donar img {display: block; margin: 5px auto}


/* Calendario */
#multicalendar {background: transparent !important; border-color: transparent !important;}
#multicalendar .gridcontainercover {border-color: #D8D8D8 !important}
#multicalendar .st-bg-today {background-color: #98c045 !important;}
#multicalendar .fbutton {border-color: #98c045 !important; background-color: #98c045 !important;}


/* Responsive */

@media screen and (max-width: 1376px) {
  .derecho-cont {margin: 15px 0px;}
}

@media screen and (max-width: 1366px) {
  .det2 img {max-width: 110px}
  .logos-new2 img {max-width: 110px}
  .secon .logo {max-width: 250px}

}

@media screen and (max-width: 1280px) {
  .casitas {text-align: right;}
  .derecho-cont {width: 200px; height: 150px; background-size: 200px 150px; margin: 25px 0;}
  .derecho-cont strong {margin-top: 10px; font-size: 16px;}
  .derecho-cont .btn-green {font-size: 14px; margin-top: 15px;}
  .derecho-cont .num-tel a {font-size: 16px;}
}

@media screen and (max-width: 1199px){
  .top-bar {left: 10px; top: 210px;}
  .navbar-nav > li > a {color: #000; font-weight: 700; font-size: 120%; margin: 0 10px; border-bottom: 5px solid transparent; padding: 20px 0}
  .help-sign {display: none}
  .maps img {max-width: 900px;}
  .maps .punto {position:absolute;font-size:22px;z-index: 10; color: black}
  .maps {max-width: 100%; position: relative; z-index: 0;text-align: center;}
  .mp1 {margin-top:215px;margin-left:505px}
  .mp2 {margin-top:70px;margin-left:300px}
  .mp3 {margin-top:60px;margin-left:365px}
  .mp4 {margin-top:180px;margin-left:488px}
  .mp5 {margin-top:90px;margin-left:560px}
  .mp6 {margin-top:65px;margin-left:210px}
  .mp7 {margin-top:85px;margin-left:660px}
  .mp8 {margin-top:60px;margin-left:565px}
  .mp9 {margin-top:130px;margin-left:380px}
  .mp10 {margin-top:170px;margin-left:530px}
  .mp11 {margin-top:120px;margin-left:490px}
  .mp12 {margin-top:70px;margin-left:498px}
  .mp13 {margin-top:95px;margin-left:375px}
  .mp14 {margin-top:120px;margin-left:585px}
  .mp15 {margin-top:150px;margin-left:210px}
  .mp16 {margin-top:120px;margin-left:445px}
  .mp17 {margin-top:140px;margin-left:520px}
  .mp18 {margin-top:175px;margin-left:430px}
  .mp19 {margin-top:90px;margin-left:610px}
  .mp20 {margin-top:105px;margin-left:525px}
  .mp21 {margin-top:70px;margin-left:530px}
  .mp22 {margin-top:150px;margin-left:300px}
  .mp23 {margin-top:80px;margin-left:475px}
  .mp24 {margin-top:70px;margin-left:440px}
  .donar img {max-width: 140px;}
}

@media screen and (max-width: 1198px){

  .logo {text-align: center; height: 235px; line-height: 235px;}
  .logos-new  {text-align: center; height: 235px; line-height: 235px;}

}

@media screen and (max-width: 1040px) {
  .logo img {width: 200px;}
  .derecho-cont {width: 155px; height: 160px; background-size: 155px 160px;}
  .derecho-cont strong {margin-top: 5px; font-size: 14px;}
  .derecho-cont .btn-green {font-size: 12px; margin-top: 5px;}
  .derecho-cont .num-tel a {font-size: 12px;}
}


@media screen and (max-width: 999px){
  .llo  {position: absolute; margin-top: 20px; left: 40%;display: block!important; }
  .llo img {max-width: 110px}
  .det2 {display: none!important;}

  .donar img {max-width: 100%}
  .navbar-nav {margin-left: 100px;}
  .logo {margin: 10px 5px;}
  .logo img {width: 180px;}
  .dat-logo img {width: 200px;}
  .dat-logos {margin-top: 15px;}
  .logos-new img {width: 80px;}
  .programas2 .panel-heading {background: #3E3E3E; color: #fff; text-align: center; padding: 0;}
  .programas2 .panel-heading img {width: 50px;}
  .programas2 .panel-heading strong {font-size: 18px; margin-left: 10px; line-height: 50px; vertical-align: middle}
  .programas2 .panel-heading a:hover, .programas2 .panelheading a:focus, .programas2 .panelheading a:active {text-decoration: none}
  .programas2 .panel-heading .accordion-toggle {display: block; padding: 10px  15px;}
  .programas2 .panel-heading .accordion-toggle:hover {background: #69A541}
  .circle { width: 200px; display: inline-table}

  .flogo {margin-top: -58px;}
  footer .fmenu a {font-size: 110%;}
  .fcont p {font-size: 110%; margin: 0 10px}
  .btn-back {font-size: 100%}

  .maps {position: relative; left: 50%; margin-left: -450px}
}

@media screen and (max-width: 824px) {
  .derecho-cont {margin: 0;}
}

  @media screen and (max-width: 768px) {
    
    
    .llo { margin-top: 10px; position: relative; left:auto; text-align: center;}
  .llo img {max-width: 75px}
    .donar img {max-width: 100px}
 .home-programas .col-sm-6 {width: 100%;}
  .ocl {display: none}
  .prog-vert {display: none}
  .maps .punto {display: none}
   h1 {font-size: 24px}
  .movil  {max-width: 100%; position: relative; z-index: 0;text-align: center;display: block}
  .maps {display: none}
  header {height: auto; background-repeat: repeat}
  .logo {padding: 0; margin-top: 20px;}
    
   
  .secon .logo { margin-top: 0px; position: relative; margin:10px auto}
    
  .navbar {text-align: center}
  .navbar-toggle {font-size: 18px; border: 2px solid #3E3E3E;}
  .navbar-toggle:before {content:'MENÚ'}
  .navbar-toggle:hover, .navbar-toggle:focus {border-color: #85AB00; color: #85AB00}
  .navbar-nav > li > a {font-size: 104%; padding: 10px 0}

  /* Inicio */
  .carousel-caption {text-align: center; position: relative; left: 0; right: 0; width: 100%; bottom: 0; padding: 0}
  .carousel-caption p {font-size: 120%; padding: 10px 5px; margin: 0; font-weight: 400}
  .carousel-control {width: 10%}
  .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {top: 30%;}
  .carousel-control.left, .carousel-control.right {background-image: none}

  .home-about h1 {margin-bottom: 20px}

  .home-programas {height: auto}
  .grass {display: none}

  .derecho {text-align: center; margin-top: 50px;}
  .derecho .btn-blk {margin: 0;}

  /* Derecho a Techo */
  .top-bar {position: relative; top: 0; left: 0; background: #BCBCBC; padding: 10px; text-align: center;}
  .regresar, .dat-num {display: inline-block; margin: 10px;}
    
  .camino {position: relative; width: 100%; right: 0; top: 0;}
  .bg {height: 200px}
  .bg span {font-size: 200%; margin-top:105px}
  .techo-us p {padding-bottom: 0}
  .pic-tech, .pic-tech-2 {display: none}
  .maps img {max-width: 100%}
  .circle {max-width: 100%; margin: 10px 0}
  .circle strong {margin-top: 5px}
  .move {margin-top: 0}
  .contact-tech {padding-bottom: 20px}
  .contact-tech ul {padding-left: 0; font-size: 125%}
  #proyectos .modal-lg {width: auto;}

  /* Footer */
  .fmenu, .fcont {margin: 20px 0}
  .fmenu strong, .fcont strong {font-size: 150%}
  .flogo {display: none}
  .donar {text-align: center}

  .fsocial {margin: 20px 0}

  /* Programas */
  .pico {display: none}

  .mas-inf {margin: 0}
  .llave-casa img {max-width: 250px}
  footer .derecho-cont{margin-top:50px}
  
}

@media screen and (max-width: 767px){
  .dat-num a {font-size: 18px}
  .logos-new  {position: absolute; margin-top: 50px; right: 20px; display: block !important; line-height: 1; height: auto; text-align: right;}
  .logos-new img {max-width: 110px;margin: 0 7px;}
  .logo {text-align: left; line-height: 1; height: auto}
  .casitas {margin: 10px 0;}
  .header-der {display: block; margin: 5px 0; background: #fff; width: auto; height: auto; padding: 5px; border: 2px solid #78B54D}
  .header-der strong {display: block; margin-top: 0; font-size: 18px}
  .header-der .num-tel a {font-size: 16px;}
  .header-der .btn-green {font-size: 16px;}
  
  
    footer .derecho-cont{margin-top:20px}
    footer .fmenu a {font-size: 115%;}
  .fcont p {font-size: 115%; margin: 0 10px}
  #adModal .modal-dialog {max-width:100%; text-align: center;margin:40px auto; padding: 0 15px}
  .home-about iframe {max-width: 100%; padding: 10px}
    
}
@media screen and (max-width:403px) {
    .regresar, .dat-num {margin: 1px;}
}
@media screen and (max-width:400px){
  .logo {text-align: center; margin: 10px;}
  .logos-new  {position: relative; margin: 10px; right: 0; left: 0; text-align: center;}
}
@media screen and (max-width:367px) {
    .regresar, .dat-num {margin: 10px;}
}