/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #5a5a5a;
	background:#E6E9F0;
}
.body_bg{background:#fff;}
#header{
	background:url("headsf.gif") repeat-x;
	position:relative;
}
.avanzata:hover,.vendere a:hover{
	color:#ED9C28;
}

.carousel-inner .right{text-align:right;}
.carousel-inner .left{text-align: left;}
.glyphicon-chevron-right:before,
.glyphicon-chevron-left:before{content:""}
.icon-right-car{background:url("carousel-arrow-right.png") no-repeat right;}
.icon-left-car{background:url("carousel-arrow-left.png") no-repeat left; height:66px; width:20px}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{
	 height:66px; width:20px
}
.footer_a{
	background:#D3D9E5;
	border-top:3px solid #ECECEC;
}
.row_dettaglio{width:100%; float:left; font-size:12px;}
.row_dettaglio span{font-weight:bold;}
.footer_a h4{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
.footer_a li a{
	color:#5a5a5a;
	font-size:12px;
	
}
.footer_a .center_row{
	text-align:center !important;
	font-size:12px;
	padding:10px;
	color:#5a5a5a;
}
.footer_a .center_row a{
	color:#5a5a5a;
	font-size:12px;
	font-weight:bold;
}
.footer_a .center_row a:hover{
	color:#cc3300;
}
.footer_a ul{
	color:#FFF;
}
.footer_a li a:hover{
	color:#cc3300;
}
.footer_a li .premium{
	font-weight:bold;
}
.avanzata,.vendere a{
	color:#f0ad4e;
}
.butt{margin:10px 0;}
.avanzata_lnk{text-align:right;}
.image_link{
	width:100%;
	float:left;
	height:100px;
	overflow:hidden;
}
#header #lna{
	border-bottom:1px solid #c3c3c3;
	padding-bottom:5px;
}
#logo{
	margin-top:-10px;
}
.social-icon {
	margin-top:5px;
	margin-left:1px;
	margin-right:px;
	float:right; 
    height: 18px;
    width: 17px;
    background-image: url(http://www.vendiauto.com/images/icone-social.png);
}
.fb-icon { background-position: -3px 0px;}
.fb-icon:hover {background-position: -3px -17px;}
.g-icon { background-position: 37px 0px;}
.g-icon:hover {background-position: 37px -17px;}
.t-icon { background-position: 53px 0px;}
.t-icon:hover {background-position: 53px -17px;}
.v-icon{background-position:20px 0px;}
.v-icon:hover{background-position:20px -17px;}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.latest-post{ position:relative;margin:20px;}
.latest-post h2{font-size:16px; }
.latest-post .latest_carousel{position:relative;}
.latest-post .mod_name{width:100%; float:left;font-weight:bold; color:#222;}
.latest-post .mod_name:hover{color:#cc3300;}
.latest-post .my_price{width:100%; float:left; }
.latest-post .section_title{color:#222; font-weight:bold;}
.ads_image{
	width:100%;
	background:#f0f0f0;
	border:1px solid #f0f0f0;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: auto;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}
.carousel-indicators {bottom:-30px ; width:100%; position:absolute;left:0; margin:0;}
.carousel-indicators li{border:1px solid #cc3300; }
.body_bg{
	box-shadow:0 0 6px #dcdcdc;
	-moz-box-shadow:0 0 6px #dcdcdc;
	-webkit-box-shadow:0 0 6px #dcdcdc;
	padding:0;
}
.carousel-indicators .active{background:#cc3300;}
/* Declare heights because of positioning of img element */
.carousel .item {
  height: auto;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}
.carousel-control{width:2%;}
.carousel-control.right{background:none;}
.carousel-control.left{background:none;}

/* MARKETING CONTENT
-------------------------------------------------- */

@media (min-width: 990px) {
	.container{
		width:990px;
	}
}
.col-xs-6,.col-sm-2{
	padding:5px;
}
.col-xs-6:hover,
.col-sm-2:hover{
	background:#f0f0f0;
}
.car_itm:hover img{
}
.r_name{font-weight:bold; margin:0;}
.r_addr {margin:0;}
.r_addr span{font-weight:bold; margin:0;}
.r_tel{ margin:0;}
.r_fax{ margin:0;}
.r_email{font-size:12px; margin:0;}
.car_itm:hover{
    -moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.elenchi h3{font-size:20px;}
.list-divider{margin:5px 0;}
.car_itm{
    -moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/* Pad the edges of the mobile views a bit */

.marketing {
  padding-right: 15px;
  padding-left: 15px;
	background: url("../boxformsf.jpg") no-repeat;
	background-size:100% 100%;
	 padding-bottom:20px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;  

}
 p {
 margin-left:10px;
   margin-right:10px;

}

.marketing h2 {
  font-size:22px;
  color:#FFF;
}
.marketing h1 {
  font-size:26px;
  margin-bottom:-10px;
}

.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
 
}

#fnct{display:none;}
#login{float:right; margin:5px 20px 5px 0; font-size:12px; color:#222;}
.row{margin:0 !important;}
.newtork{float:right;}
/* Featurettes
------------------------- */

.featurette-divider {
  margin: 30px 0 0px 0; /* Space out the Bootstrap <hr> more */
}
.mymenu{padding:0 !important;background:url("http://www.vendiauto.com/images/fnct.gif") repeat-x}
.navbar-inverse{background:url("http://www.vendiauto.com/images/fnct.gif") repeat-x}
.navbar{min-height:35px; height:35px; margin-bottom:0;}
.navbar-toggle{margin:4px 10px 0 0; padding-top:6px; padding-bottom:6px; background:#333;}
.navbar-nav .open .dropdown-menu{background:#fff; z-index:999; padding:0;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{color:#0066FF}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
	color:#0066FF;
	background:none;
}
.navbar-nav{margin-top:8px;}
.navbar-nav > li > a{padding:0 10px; font-size:14px;}
.navbar-inverse .navbar-nav > li{border-right:2px solid #CFCFCF}
.navbar-inverse .navbar-nav > li > a{color:#959595; font-weight:bold;}
.navbar-inverse .navbar-nav > li > a:hover{color:#0066FF}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{background:none; color:#0066FF}
.navbar-brand{padding:7px 10px; height:35px;}
.navbar-brand:hover{color:#0066FF !important;}
.padded_a{padding:0 20px}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
.padded_a .button_cerca{text-align:right; margin:10px 0;}
.intro{color:#fff;}
.marketing label{color:#fff;}
.marketing h1{color:#fff;}
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 990px) {
.link_into_header{
		padding-top:15px;
		background-color:#BEC8DC;
	}
.marketing {
	background: none;
}
	.intro{color:#222;}
}
@media (max-width: 768px) {
	.navbar-collapse{background:#f0f0f0;}
	.navbar-nav{background:#f0f0f0}	
}
@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-right: 0;
    padding-left: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 0px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left:  15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left:  0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 0px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 750px) {
	.image_link{
		height:100px;
	}
}
@media (max-width: 749px) {
	.image_link{
		height:190px;
	}
}
@media (max-width: 700px) {
	.image_link{
		height:170px;
	}
}
@media (max-width: 600px) {
	.image_link{
		height:150px;
	}
	.mod_name{
		overflow:hidden;
		height:25px;
	}
}
@media (max-width: 500px) {
	.image_link{
		height:130px;
	}
	.mod_name{
		overflow:hidden;
		height:25px;
	}
}
@media (max-width: 380px) {
	
	
	.image_link{
		height:100px;
	}
	.mod_name{
		overflow:hidden;
		height:25px;
	}
}
@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}