/*
We highly recommend you use SASS and write your custom styles in sass/_custom.scss.
However, this blank file is available if you prefer
*/

/*
 * 00-LAYOUT
 * 01-HEADER
 * 02-CONSTANTES
 * 03-SLIDER HOME
 * 04-NUESTRA EMPRESA
 * 05-FOOTER
 * 06-PRODUCTOS
 * 07-CONTACTO
 */






/*
 * LAYOUT
 */

.inicio .main-viewport {
  height:100%;
  /*height:100vh;*/
  padding:0!important;
  overflow: hidden;
}

.main-section {
  padding:150px 0 20px 0;
}

.to-scroll {
  position: relative;
  z-index:1000;
  overflow: hidden;
  margin-top: -40px;
  height:40px; /* la mitad de to-scroll-btn */
  width:100%;
  text-align: center;
}

.to-scroll-btn {
  display: inline-block;
  text-align: center;
  width:80px;
  height:80px;
  border-radius: 80px;
  vertical-align: middle;
  font-size:16px;
  font-size:1rem;
  text-align: center;
}

.to-scroll-btn span {
  line-height: 50px;
  font-family: georgia, serif;
  font-style: italic;
}





/*
 * LAYOUT
 */







/*
 * HEADER
 */

#header {
  position:relative;
  z-index:100;
  height:20%;  /* ver height del slider */
  height:20vh; /* ver height del slider*/
  min-height:150px;
  overflow: visible;
  color:white;
}

.header-bkg {
  position:absolute;
  bottom:-45px;
  width:100%;
  height:45px;
  background-position: 0 0;
  background-image: url("../img/bkg-header.png");
  background-repeat: repeat-x;
}


#social-nav {
  position:absolute;
  top:0;
  right:0;
  z-index:1000;
}

#social-nav li {
  text-align: center;
  padding:12px 24px 12px 0;
}

#social-nav a {
  color:inherit;
  font-size:32px;
  font-size:2rem;
}

#social-nav ul {
  display: table;
}

#social-nav ul li {
  display:table-cell;
}

#main-nav {
  position:relative;
  z-index:100;
}

#main-nav, #main-nav ul {
  height:100%;
}

#main-nav ul {
  display: table;
  width:100%;
}

#main-nav ul li {
  display: table-cell;
  min-width:100px;
  width:170px;
  vertical-align: bottom;
  text-align: center;
  position: relative;
}

#main-nav a {
  color:inherit;
}

#main-nav ul li#logo {
  width:300px;
  position: relative;
  overflow: visible;
}

#logo h1, #logo a, #logo img {
  margin:0;
  padding:0;
}

#logo-inner {
  position:absolute;
  top:0;
  left:0;
  right:0;
  width:100%;
}

#logo-inner img {
  max-width: 100%;
  height: auto;
}




 /*
 * HEADER
 */






/*
 * CONSTANTES
 */

.warning {
  background-color: #ffff73!important;
}

.firma {
  font-style: italic;
  font-family: georgia, serif;
  text-transform: uppercase;
}

h2, h3 {
  font-family: georgia, serif;
  font-weight: 600;
}

.bkg-main-color {
  background-color:#00538e;
  color:white;
}

.main-color {
  color:#00538e;
}

.border-main-color {
  border:1px solid #00538e;
}

.bkg-sec-color {
  background-color: #e8e4d5;
}

.sec-color {
  color:#dacec0;
}

.bkg-extra-color {
  background-color:#1f3249;
}

.extra-color {
  color:#1f3249;
}

.main-link {
  display: inline-block;
  color:#fff;
  border:4px solid white;
  padding:8px 16px;
  padding:0.5rem 1rem;
}

.main-link:hover {
  background-color: #ffffff;
  color:#00538e;
}

.sec-link {
  display: inline-block;
  color:#fff;
  padding:8px 16px;
  padding:0.5rem 1rem;
  background-color:#00538e;
}

.sec-link:hover {
  color:#fff;
  background-color:#2f6fa4;
}

 /*
 * CONSTANTES
 */






/*
 * SLIDER HOME
 */

#main-slider {
 height:80%; /* ver altura header */
 /*height:80vh;*/ /* ver altura header */
 position: relative; 
 z-index:0;
}

#main-slider .bxslider, #main-slider .bxslider li, #main-slider .slider-content, #main-slider .bx-wrapper, #main-slider .bx-wrapper .bx-viewport, .slider-content .slider-figure {
   height:100%;
}

.slider-content {
  position:relative;
  width:100%;
  height:100%;
}

.slider-description {
  position: absolute;
  top:25%;
  left:5%;
}


.slider-description h2 {
  color:white;
    text-shadow: 0 0 6px #4A4A4A;
}

.slider-description p {
  background-color: rgba(255,255,255,0.8);
  padding: 20px;
  max-width: 550px;
  font-size: 0.9em;
}



.slider-description p.presentacion , .slider-description p.presentacion i {
  line-height: 32px;
  vertical-align: middle;  
}

.slider-description p.presentacion {
  font-weight:900;
  text-transform: uppercase;
  font-size: 1.1em; 
}  

.slider-description p i {
  font-size: 2em;
}

.slider-content .slider-figure {

}

/*
 * SLIDER HOME
 */






/*
 * NUESTRA EMPRESA
 */

body.empresa {
  background-color: #e8e4d5!important;
  background-image: url("../img/bkg-empresa.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

#nuestra-empresa {
  padding:20px 0;
  max-width:700px;
}

#nuestra-empresa p {
  /*max-width:600px;*/
  margin:0 auto 30px auto;
}
 
.inicio #nuestra-empresa {
  text-align: center;
}

#nuestra-empresa article {
  background-color: rgba(255,255,255,0.9);
  padding:30px;
  margin-bottom:30px;
}

 /*
 * NUESTRA EMPRESA
 */






 /*
 * FOOTER
 */

#footer {
  padding:40px 0;
  background-color: #5a7c84;
  position: relative;
}

#footer .info-empresa {
  text-align: center;
  color:#fff;
  padding:0 16px 16px 16px;
}

#footer .info-empresa h3, #footer .info-empresa p {
  color:inherit;
}

#footer .info-empresa h3 {
  font-size: 1em;
}

#footer .info-empresa p {
  font-size: 0.8em;
}

/*
 * FOOTER
 */





/*
 * PRODUCTOS
 */

.prod-list {
  overflow: auto;
}

.prod-thumb {
  width:20%;
  padding:6px;
  float:left;
}

.prod-thumb a {
display:block;
opacity: 1;
}

.prod-thumb a:hover {
display:block;
opacity: 0.7;
}

.prod-thumb-inner {
  border:5px solid #00538e;
}

.prod-thumb img {
  display:block;
  max-width: 100%;
}

/*
 * PRODUCTOS
 */





/*
 * CONTACTO
 */

#maps {
  max-width: 100%;
}

.maps-wrapper {
  padding:12px;
}

.maps-wrapper iframe {
  width:100%;
}

.validate-msj {
  display:inline-block;
  position: relative;
  background-color: #ffff73!important; /* referido de .warning */
  color:#666666;
  height: 36px;
  vertical-align: middle;
  border-radius: 4px;
  margin-top: 8px;
}


.validate-msj .arrow {
  position: absolute;
  top:-8px;
  left:12px;
  border-top:none;
  border-bottom: 8px solid #ffff73; /* referido a .validate-msj */
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  height:0; 
  width:0;
}

.validate-msj p {
  font-size: 0.9em;
  font-weight: 100;
  font-style: italic;
  margin:0 12px;
  padding:0; 
  line-height: 36px; /* referido al height de .validateMsj */
  color:inherit;
}



/*
 * CONTACTO
 */


 .table {
  display:table;
  width:100%;
 }

 .children {
  display: table-cell;
  vertical-align: middle;
 }

 .input:focus {
background-color: #e5e5e5;
 }

 .firma {
  position: absolute;
  bottom:10px;
  right:20px;
 }


 #recaptcha_widget_div {
  padding-bottom:30px;
 }