/*!
 * Start Bootstrap - Heroic Features (https://startbootstrap.com/template-overviews/heroic-features)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-heroic-features/blob/master/LICENSE)
 */
@import url('/css/fonts/montserrat.css');

body {
  padding-top: 108px; font-family: 'Montserrat', sans-serif;
}

@media (min-width: 992px) {
  body {
    padding-top: 108px;
  }
}
.page{ min-height: 65vh; }
.card {
  height: 100%;
}
.bg-primary{ background-color: #4C8B2B !important}
.text-primary{ color: #4C8B2B !important}
.bg-secondary{ background-color: /*#61b237*/#4C8B2B!important}
.text-secondary{ color: /*#61b237*/#4C8B2B!important}

.navbar-brand img{ height: 65px}
.navbar-nav { font-weight: 500; font-size: 1em;}

.navbar-nav.top{  position: absolute; top:-10px; right: 12px; font-size: 0.8em; color: #9d9d9c }
.navbar-nav.top a{ color: #9d9d9c !important; line-height: 2.3em !important;  } 
.navbar-nav.top a.fa{ font-size: 1.7em !important; line-height:1.4em !important } 
.navbar-nav.top h6{ line-height: 1.7em !important; font-weight: 300  } 


.navbar-nav.menu a:before { content: '|'; display: inline-block; position: relative; vertical-align: middle; margin-right:10px; font-weight: 700; font-size: 1em; top: -2px}
.navbar-nav.menu a:after{content: none}


.navbar-nav a:hover{color:#61b237!important}
.navbar-nav a:hover:after{color:#4C8B2B!important}

.navbar-nav li:first-child a:before { content:none; }
.navbar-nav li:first-child a.dropdown-item:before { content: '|'; display: inline-block; position: relative; vertical-align: middle; margin-right:10px; font-weight: 700; font-size: 1em; top: -2px}

.navbar-nav.menu{ position: relative; bottom: -10px}

.navbar-nav.menu a.acceso:before { content: none;}
.navbar-nav a.acceso:hover, .navbar-nav a.acceso:active{background-color:#61b237!important; color:#fff !important}
.cont_acceso:hover .acceso, .cont_acceso:hover .acceso:hover{background-color:#61b237!important; color:#fff !important}

@media (min-width: 992px){
.navbar-nav.menu a:before { content:none;}
}
	
@media (min-width: 1200px){

.navbar-nav.menu a:before { content: '|'; }
	
}	


@media (max-width: 991.98px) {

.navbar-nav.top{  position:relative !important; top:0px; right:0%; }
.navbar-nav.menu a:before { content: none !important;}
.navbar-nav.menu{ position: relative; bottom: 0px}
	.navbar-nav.top a.fa{ font-size: 2.3em !important; line-height:auto !important } 

	
}
.navbar-light .navbar-toggler {
    border-color: rgba(0, 0, 0, 0); border: none
}
.dropdown-menu .dropdown-item{ font-size: 0.9em; font-weight: 500}
.dropdown-menu h6.dropdown-item{ font-weight: 700}

.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.secciones .card-text{font-size: 0.9em !important}
.carousel.principal .carousel-caption {
  position: relative;
  right: 0%;
  bottom: 0px;
  left:0%;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #fff;
  text-align:left;
}

.carousel-item {
  height: 60vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



hr.linea{ width: 15%;  border: 0px; border-top: 5px solid #fff; text-align: left; margin-left: 0px}
.titulo hr.linea{ width: 10%;  border: 0px; border-top: 3px solid #4C8B2B; text-align:center; margin-left:auto; min-width: 100px}
.carousel.principal .carousel-caption .info { width: 35%; margin-left: 0px !important  }
.carousel.principal .carousel-item:before{content: ''; position: absolute; top: 0px ; left: 0px; width: 100%; height: 100%; z-index: 8;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+26,0+56 */
}

.carousel.principal .carousel-item:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 8;
    background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 26%,rgba(0,0,0,0) 56%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}

@media (max-width: 991.98px) {
.carousel.principal .carousel-item:before{background-color: rgba(0,0,0,0.5)}
	.secciones .card-img-top{ width:120px !important}

.carousel.principal .carousel-caption .info {
width: 100%; left: 0%
}
	
}

.carousel.noticias .carousel-caption {
  position: relative;
  right: 0%;
  bottom: 0px;
  left:0%;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #fff;
  text-align:left; width: 80%
}


.carousel.noticias .carousel-control-prev-icon {
  background-image:none;
}
.carousel.noticias .carousel-control-prev-icon:before {
 content:'\f060'; color: #4C8B2B;  font-family: FontAwesome; font-size: 30px}

.carousel.noticias .carousel-control-next-icon {
  background-image:none;
}
.carousel.noticias .carousel-control-next-icon:before {
 content:'\f061'; color: #4C8B2B;  font-family: FontAwesome; font-size: 30px}

.carousel.noticias .carousel-indicators li {
  width: 10px;
  height:10px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color:#4C8B2B;
	border-radius: 100%;	
}
.carousel.noticias .carousel-item {
  height:auto;
  min-height: 450px;
}

.carousel.noticias p{ font-weight: 500}




.dropdown-submenu {
  position: relative; 
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem; border:none
}
.dropdown-submenu a{ color:#4C8B2B !important}


.menu .dropdown-item.active, .menu .dropdown-item:active {
  color: #61b237!important;
  text-decoration: none !important;
  background-color:#fff !important;
}
/*.dropdown:hover > .dropdown-menu {
    display: block;
}
.dropdown > .dropdown-toggle:active {
    pointer-events: none;
}*/

.menu-footer{ background-color: #797979}
.menu-footer a{ font-size: 0.8em}
.menu-footer a.fa{ font-size: 1.8em}


/* INTERIOR*/
.interior .carousel-item {
  height: 40vh;
  min-height: 350px;
}
.carousel.principal.interior .carousel-caption .info  { width: 45%;  }
.carousel.principal.interior .carousel-caption .info h3 { font-weight: 500 }
.info_interior h6{ line-height: 1.5em}

@media (max-width: 991.98px) {
	.carousel.principal.interior .carousel-caption .info  { width: 100%;  }

	.carousel.principal.interior .carousel-caption .info h3 { font-size: 2.4em !important; line-height: 1em }

	img.rounded-circle{ max-width: 200px; margin-bottom: 10px !important}
	.info_interior h4, .info_interior h6{ /*text-align: center !important*/}
	
}

ul.lista{ list-style: none}
ul.lista li{ position: relative; padding-left: 25px}
ul.lista li:before{ font-family: "FontAwesome"; content: "\f061"; position: absolute; top: 0px; left: 0px; color:#4C8B2B; font-size: 0.7em}
ul.lista hr{ border: none; border-top: 1px dashed; color:#4C8B2B; margin:7px 0 }

.productos .tit span{ position: relative}
.productos .tit span:before{ content: ''; position: absolute; width: 100%; height: 2px; bottom: -3px; background-color: #4C8B2B}
.productos .pic{ height: 100px}
.productos .pic img{ margin: auto  !important; max-height: 80%; max-width: 70%}