/*
Theme Name: Loyt
Theme URI: http://www.sd-bo.com
Author: SD Soluciones Digitales - EFC
Author URI: http://www.sd-bo.com
Description: Es un tema creado para la empresa Loyt, se ajusta a sus requerimientos y de diseño responsive
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: loyt
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Loyt is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
  --------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
  margin-top: 0 !important;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}
#wpadminbar {
  display: none;
}
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
  color: #FFFFFF;
  font-weight: bold;
}
.button-home {
  background: #FFFFFF;
  color: #2BA547 !important;
}
button[disabled],
html input[disabled] {
	cursor: default;
}

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

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/* Author's custom styles */
body{
  background: #000!important;
}
.logo{
  padding: 15px;
  display: block;
  width: 50%;
}
header{
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
}
.navHeader{
  background: #fff;
  opacity: 0.8;
}
.navigation{
  overflow: hidden;
}
.navigation ul{
  padding: 0px!important;
}
.contenedor{
  margin-left: auto!important;
  margin-right: auto!important;
}
.navigation ul{
  float: right;
  overflow: hidden;
}
.navigation ul li{
  float: left; 
  list-style: none;
}
.navigation ul li a{
  padding: 15px;
  color: #000;
  display: block;
}
.navigation .active{
  color: #2ba547;
}
.banner-res{
  width: 100%;
  display: block;
}
.banner-paginas {
  position: relative;
  overflow: hidden;
}
.banner-paginas .body-list {
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.banner-paginas .body-list li {
  display: none;
  position: absolute;
  width: 100%;
}
.banner-paginas .body-list li img {
  vertical-align: top;
  width: 100%;
}
.banner-paginas .body-list li figure {
  position: relative;
}
.banner-paginas .body-list li figure figcaption {
  color: #ffffff;
  font-size: 12px;
  padding: 20px 15px 0;
  position: absolute;
  left: 0;
  background: rgba(124, 26, 23, 0.5);
  max-width: 29.5%;
  top: 0;
  bottom: 0;
}
.banner-paginas .body-list li figure figcaption p strong{
  font-size: 14px;
  padding: 15px 0;
}
.banner-paginas .body-list li.active {
  display: block;
  position: relative;
  filter: Alpha(Opacity=100);
  opacity: 1;
}
.banner-paginas .body-list li.next-active {
  display: block;
  filter: Alpha(Opacity=0);
  opacity: 0;
  z-index: 19;
  bottom: 0;
}
.cont-box{
  margin-left: auto!important;
  margin-right: auto!important;
}
.cua{
  padding: 0px!important  ;
  text-align: center!important;
  background: #2a2a2a;
}
.cua img{
  width: 100%;
  display: block;
}
.cua a{
  font-size: 10px;
  color: #fff;
}
.internoCua{
  margin: 0px!important;
}
.cajatexto{
  font-size: 14px;
  width: 80%;
  padding-left: 55px;
}
/*ASIDE*/
.imgaside{
  width:65%!important;
  display: block;
  padding: 10px;
}
.contenedorbol{
  border-right: 3px solid #fff;
 /* border-bottom: 3px solid #fff;*/
  padding: 90px 0px 85px 0px!important;
}
.contenedordinero{
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  padding: 80px 0px 97px 0px!important;
}
.dinero{
  padding-bottom: 11px!important;
}
.contenedorinter{
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
  padding: 100px 0px 60px 0px!important;
}
.contenedorinter img {
  margin-top: -25px;
  margin-bottom: 25px;
}
.contenedortruck{
  border-left: 3px solid #fff;
  border-top: 3px solid #fff;
  padding: 80px 0px 60px 0px!important;
}
.contenedorAside{
  padding: 25px 0px 20px 0px;
  display: inline-table;
}
.centroaside{
  position: absolute;
  z-index: 20;
  top: 43%;
  left: 37%;
  width: 25%!important;
  display: block;
}
/* Form
==================================== */

.formulario{
  background: #2ba547;
}
.contacto {
  background: #fff;
  padding-bottom: 20px;
}
.cont-box-contacto section{
  background: #fff;
  display: block;
}
.wpcf7-form ul {
  margin-bottom: 1em;
  list-style: none;
  padding-left: 0;
}

.wpcf7-form li {
  border-bottom: 0;
  margin-bottom: 0px;
  position: relative;
  border-bottom: 1px solid #000;
}

.wpcf7-form li:first-child {
  border-top: 0;
}

label, input, textarea {
  display: block;
  border: 0;
  background: #2ba547;
}


input, textarea {
  width: 100%;
  height: 100%;
  padding: 1.25em 1em 1em;
  outline: 0;
  color: #000;
}

textarea {
  height: 4em;
  resize: none;
}

label {
  font-size: .8125em; /* 13/16 */
  position: absolute;
  top: 0.23em;
  left: 1.23em;
  color: #fff;
  opacity: 1;
}

label {
  -webkit-transition: .333s ease top, .333s ease opacity;
  transition: .333s ease top, .333s ease opacity;
}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #fff;
 opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #fff;
 opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #fff;
}

.js-hide-label label {
  opacity: 0;
  top: 1.5em;
}

.js-unhighlight-label label {
  color: #000;
}

.nonEffect {
  font-size: 1em;
  margin: 10px 0 10px 100px;
  opacity: 1;
  position: inherit;
}

/*QUIENES SOMOS */
.quienes{
  margin-left: auto!important;
  margin-right: auto!important;
  right: 5px;
  background: #FFFFFF;
  display: block;
}
.logoQ{
 padding: 150px 0px 0px 50px;    
}
.logoC{
  padding: 54px;
}
.quienesText{
  padding:    80px;
}
.quienesText p{
  padding:    50px;
}
.contenedores{
  line-height: 1.8em;
  text-align: justify;
}
.contenedores section{

  padding: 0px!important;
}
.objcont h4{
  background: #2ba547;
  padding: 10px;
}

h1{
  padding-left: 20px;
}
.contenedores p{

}
.contenedores img{
 padding: 10px 10px !important;
}
h2{
 padding: 10px 20px !important;
 background: #2ba547;
 display:   block;
 color: #FFFFFF !important;
}
.contenedores ul{
  padding-left: 80px;
  padding-right: 80px;
  list-style: inside;
}
.contenedores h3,.contenedores h4,.contenedores p,.contenedores strong{
  padding-left: 60px;
  padding-right: 60px;
}

/*NOTICIAS */
.feed{
  margin-left: auto!important;
  margin-right: auto!important;
  border-top: 3px solid #000;
  max-height: 520px;
  overflow:scroll;
  overflow-x:hidden;
}
.feed > div {
  background: #FFFFFF;
}
.feed > div ul {
  list-style: none;
  display: block;
  margin: 0 !important;
}
.feed > div ul li {
  display: block;
}
.rss-date {
  float: right;
  padding: 5px 30px;
}
.feed > div ul li .rssSummary {
  margin: 0px!important   ;
  display:    inline-block;  
  padding: 25px 20px;
}
.feed > div ul li a {
 background: #2ba547;
 float:   left;   
 padding-left:    25px;
 padding-right:   50px;
 display: block;
 text-decoration: none;
 color: #000000;
 font-size: 20px;
 margin-top: 10px;
}
article h2{
  background: #2ba547;
  margin: 0px!important;
  float:   left;   
  padding-left:    75px;
  padding-right:   50px;
}
article p{
  margin: 0px!important   ;
  display:    inline-block;  
  padding-top:    15px;
  padding-bottom:     15px;  
  padding-left:   75px;
  padding-right: 50px;    
}
.rsswidget {
  display: none;
}
/* FOOTER*/
.footer-loyt{
  margin-left: auto!important;
  margin-right: auto!important;

}
.footer-loyt div{
  background: #2ba547;
  overflow: hidden;
}
.mapa img{
  width: 100%;
  display: block;
  padding-bottom: 50px;
}
.info ul{
  padding-top: 50px;
}
.info li{
  list-style: none;
}
.social {
  padding-top: 20px;
  list-style: none;
}
.social li{
  display: block;
}
.social a{
  color: #ffF;
}
.facebook a {
  background: url(images/fb.png) no-repeat top left;
  text-indent: -9999px;
  width: 67px;
  height: 67px;
  display: block;
}
.twitter a {
  background: url(images/tweet.png) no-repeat top left;
  text-indent: -9999px;
  width: 67px;
  height: 67px;
  display: block;
}
.google a {
  background: url(images/google.png) no-repeat top left;
  text-indent: -9999px;
  width: 67px;
  height: 67px;
  display: block;
}
.linked a {
  background: url(images/in.png) no-repeat top left;
  text-indent: -9999px;
  width: 67px;
  height: 67px;
  display: block;
}

/* EMPRESA----------------- */
.VMempresa section{
  padding: 40px 40px 40px 40px !important;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
   @media (max-width: 990px) {
    .logoQ {
      display: block;
      margin: 0px auto;
      padding: 90px 0 0 !important;
    }
  }
  @media (max-width:767px){
    .navigation ul li{
      float: none!important;
    }
    .navigation ul{
      float: none!important;
      text-align: center!important;
    }
    .navbar-default {
      min-height: 55px !important;
    }
    .navbar-brand {
      position: absolute;
      top: 0px;
      max-width: 190px;
    }
    .logo {
      padding: 0 !important;
      width: 70%;
    }
    .quienesText {
      padding: 0 !important;
    }
  }
  @media (min-width:768px) and (max-width: 1200px){
    .navigation ul li a{
      padding: 10px 4px !important;
    }
  }

/* ==========================================================================
   Helper classes
   ========================================================================== */
   .ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
  }

  .ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
  }

  .hidden {
    display: none !important;
    visibility: hidden;
  }

  .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .visuallyhidden.focusable:active,
  .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }

  .invisible {
    visibility: hidden;
  }

  .clearfix:before,
  .clearfix:after {
    content: " ";
    display: table;
  }

  .clearfix:after {
    clear: both;
  }

  .clearfix {
    *zoom: 1;
  }

/* ==========================================================================
   Print styles
   ========================================================================== */
   @media print {
    * {
      background: transparent !important;
      color: #000 !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }

    a,
    a:visited {
      text-decoration: underline;
    }

    a[href]:after {
      content: " (" attr(href) ")";
    }

    abbr[title]:after {
      content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
      content: "";
    }

    pre,
    blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
    }

    thead {
      display: table-header-group;
    }

    tr,
    img {
      page-break-inside: avoid;
    }

    img {
      max-width: 100% !important;
    }

    @page {
      margin: 0.5cm;
    }

    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3;
    }

    h2,
    h3 {
      page-break-after: avoid;
    }
  }