/***********

NAV

***********/

.navbar-fixed-top {
    position:fixed !important;
}
.navbar {
   margin-bottom: 0px !important;
   border: 0px solid transparent !important;
   border-radius: 0px !important;
}
.menuactive{
   background-color: #000000 !important;
   opacity: 0.8 !important;
}

select {
	margin-bottom: 0px !important;
  height: auto;
  border: #dc2d13 1px solid;
  padding: 14px;
}
select option{  border: #dc2d13 1px solid;
  padding: 14px;
}

h1{color: #000000; font-size: 3.5em; margin-top: 50px}
h2 {margin: 20px}
h3{color: #000000; font-size: 2em}

/*************************

carrousel

*****************************/

.carousel-inner { width: 100%}
.carousel-inner .item { width: 100%}
.carousel-caption{
}

.carousel-caption h2{
  font-size: 4em;
  font-style: oblique;
	font-weight: bolder;
	position: relative;
	text-shadow: 5px 5px 5px #000;
}

.carousel-caption h4{
  font-size: 2em;
  font-style: oblique;
	font-weight: normal;
	position: relative;
	text-shadow: 3px 3px 3px #000;
}



.block-title{
	margin-bottom: 40px !important;
}

.block-title__inner{
	padding-top: 60px !important;
	margin-bottom: 0px !important;
}

.bg-inner{
	padding-bottom:10px !important;
}

.woocommerce-breadcrumb{
	font-size: 18px;
	color: #FFF;
}

.woocommerce-breadcrumb a{
	font-size: 18px;
	color: #FFF;
}

.title_filter{
	font-size: 24px;
}

.element-logo{
	float: left !important;
	margin-left: 10px;
	padding: 5px;
	width: auto;
}



/****************

agencias marcas y unidades

******************/


.dealer-logo{
  height: 200px;
  overflow: hidden;
}

.dealer-logo img{
  margin:10px;
  width: 100%;
  box-shadow: 2px 2px 5px #999;
}

.section-line{
	border-bottom: 1px solid #CCC;
}

.category-img{
	width: 100%;
}



.category-legend{
	color: #FFF;
	font-size: 22px;
	top: -50px;
	font-style: oblique;
	font-weight: bolder;
	position: relative;
	padding: 20px;
	text-shadow: 5px 5px 5px #000;
}


.agency-box{
  overflow: hidden;
  height: 140px;
  margin-bottom: 20px;
}

.agency-img{
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 20px;
  padding: 0px;
  box-shadow: 2px 2px 5px #999;
  overflow:hidden;
}
.agency-img img{
  width: 100%;
  -webkit-filter: grayscale(30%); /* Safari 6.0 - 9.0 */
  filter: grayscale(30%);
}

.agency-img img:hover{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.agency-legend{
  color: #FFF;
	font-size: 18px;
	bottom: 0%;
  margin-bottom: 20px;
  margin-left: 20px;
  width: 100%;
	text-align: left;
	font-style: oblique;
	font-weight: bolder;
	position: absolute;
	text-shadow: 5px 5px 5px #000;
}

.used-box{
  overflow: hidden;
  height: 140px;
  margin-bottom: 20px;
}

.used-img{
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 20px;
  padding: 0px;
  box-shadow: 2px 2px 5px #999;
  overflow:hidden;
}
.used-img img{
  width: 100%;
  -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
  filter: grayscale(50%);
}
.used-img img:hover{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.used-legend{
	color: #FFF;
	font-size: 18px;
	bottom: 0%;
  margin-bottom: 20px;
  margin-left: 20px;
  width: 100%;
	text-align: left;
	font-style: oblique;
	font-weight: bolder;
	position: absolute;
	text-shadow: 5px 5px 5px #000;
}

.used-legend:hover{
  text-shadow: 5px 5px 5px #AAA;
}

.list-descriptions dt:before{ list-style:georgian !important; content: '>' !important; font-size: 16px !important;}
.block-title:before, .block-title:after{ height: 0vw !important; }
.block-title__inner{ padding-bottom: 0px !important;}
.header{ padding: 0px !important;}
.header-navibox-1{ padding: 20px !important;}
.dropdown-menu{ background-color: none !important;}
.titulo{ margin-top: 80px !important;}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px){
  .used-box{height: 200px;}
  .agency-box{height: 200px;}
  .header{background-color: #000}
  #portadaSlides {margin-top: 80px; height: 400px}
  #portadaSlides .carousel-inner .item img{
    height: 400px;
    width: auto;
    max-width: inherit;
  }
  #portadaSlides .carousel-inner .carousel-caption h2{
    font-size: 3em;
    font-style: oblique;
  	font-weight: bolder;
  	position: relative;
  	text-shadow: 5px 5px 5px #000;
  }

  #portadaSlides .carousel-caption h4{
    font-size: 2em;
    font-style: oblique;
  	font-weight: normal;
  	position: relative;
  	text-shadow: 3px 3px 3px #000;
  }


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}