@import url(https://fonts.googleapis.com/css?family=Open+Sans);

* {
	font-family: 'Open Sans';
}

@media (max-width: 767px) { 
  body{
    font-size: 13px;
  }
}

@media (min-width: 768px) and (max-width: 991px) { 
  body{
    font-size: 14px; 
  }
}

@media (min-width: 992px) { 

  body{
    font-size: 14px;
  }
}

.form-control,button,input{
	border-radius: 0 !important;
}

.contaniner-fluid a{
	color: #fff;
}

#header{
	padding:0;
	/*height:550px;*/
	position: relative;
  /*background-repeat:no-repeat;*/
  background: url("../images/fondoheader_2.jpg") no-repeat center center;
  background-size: cover;
}

#header_cont{
	padding:0;
	/*height:550px;*/
	position: relative;
  /*background-repeat:no-repeat;*/
  background: url("../images/instalaciones-fachada.jpg") no-repeat center bottom;
  background-size: cover;

}

/*#header img.fondo-img{
	position: absolute;
	display: block;
	max-width: 100%;
	max-height: auto;
	overflow: hidden;
}*/

#header-index{
	padding:0;
	/*height:550px;*/
	position: relative;
  background-repeat:no-repeat;


}

#header-index img.fondo-img{
	position: absolute;
	display: block;
	max-width: 100%;
	max-height: auto;
	overflow: hidden;
}

/*Menu*/
	.navbar-inverse{
		background-color:rgba(0,0,0,.75);
		border-radius:0;
		z-index:99;
	}

	nav.navbar {
		border-bottom:0;
	}

	#bs-example-navbar-collapse-2 > .navbar-nav > li > a{
		padding: 10px !important;
	}

	.menu-principal{
		margin-top:-40px;
		padding-left: 0px;
	}

	/*LOGO*/
		.navbar-brand{
			max-width:100%;
			padding:0;
			margin-left: -15px !important;
			height: inherit !important;
		}

		.navbar-brand > img{
			max-height: 80px; 
			max-width: 300px;
			margin-top:5px;
		}

	/*Barra de idiomas*/
		nav ul:first-child{
			float:right;
		}

	/*Coche Guardado o Favorito*/
		#addCar{
			padding-top:14.5px;
			font-size: 16px;
			color:#EE4444;
			vertical-align: middle;
		}

		.navbar-header button{
			margin-right:0;
		}

	/* Dropdown del Menu */
		#drop{
			background-color: rgba(0,0,0,.8);
		}
		#drop a{
			color:#fff;
		}
		#drop a:hover{
			background-color: transparent;
		}


/*Breakpoint del menu responsive*/
	@media (max-width: 1023px) {
	  .menu-principal .navbar-header {
	    float: none;
	  }
	  .menu-principal .navbar-toggle {
	    display: block;
	  }
	  .menu-principal .navbar-collapse {
	    border-top: 1px solid transparent;
	    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	  }
	  .menu-principal .navbar-collapse.collapse {
	    display: none!important;
	  }
	  .menu-principal .navbar-nav {
	    float: none!important;
	    margin: 7.5px -15px;
	  }
	  .menu-principal .navbar-nav>li {
	    float: none;
	  }
	  .menu-principal .navbar-nav>li>a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	  }
	  .menu-principal .navbar-text {
	    float: none;
	    margin: 15px 0;
	  }
	  /* since 3.1.0 */
	  .menu-principal .navbar-collapse.collapse.in { 
	    display: block!important;
	  }
	  .menu-principal .collapsing {
	    overflow: hidden!important;
	  }
	}
/* /menu */

/*nav-footer*/

	#nav-foot{
		background-color:#2F2F2F;
		padding:30px 0;
		z-index:1
	}

	.nav-foote{
		vertical-align: middle;
	}

	.nav-footer li{
		color: #fff;
		border-right:1px solid #fff;
	}
	.nav-footer li:last-child{
		border: none;
	}
	.nav-footer a{
		color: #fff;
	}
	.nav-footer li:hover{
		background-color: transparent;
	}

	/*Estilo CENTRADO para el menu nav-footer */
		.centered-pills {  
		  text-align: center
		}
		.centered-pills ul.nav-pills {
		    display: inline-block
		}
		.centered-pills li {
		    display: inline
		}
		.centered-pills a {
		    float: left
		}
		* html .centered-pills ul.nav-pills, *+html .centered-pills ul.nav-pills {
		    display: inline
		}

/* /.nav-footer*/

/* body */
	/*#seccion1{
		background-color:#E2E7E8;
		padding-top:50px;
	}*/


	#of-semana{
		padding:0;
		border-radius:0;
		border-bottom:4px solid #8F9CB4;
	}

	.caption{
		padding:9px 25px;
	}






/*Owl Carousel*/
	.owl-carousel .show-slide{
		text-align: center;
	}
	#showroom, #showroom2{
		position:relative;
	}
	.show-slide{
		margin: 0 10px;
		height: 200px;
		text-align: center;
	}
	.img-container{
		position: relative;
		height: 150px;
		width: 100%;
		margin: 0 auto 10px auto;
		overflow: hidden;
	}
	.img-container > a > img{
		display: block;
		max-width: 100%;
		max-height: 100%;
		margin-right: auto;
		margin-left: auto;
	}

	.customNavigation > a{
		position: absolute;
		top:0;
		bottom: 50px;
		padding: 10px;
		font-size: 32px;
		cursor: pointer;
		color: #828282;
		background-color: rgba(0,0,0,.7)
	}
	.customNavigation > a:hover{

	}
	.customNavigation > .next{
		right: 5px;
	}
	.customNavigation > .prev{
		left: 5px;
	}
	.customNavigation > a > .glyphicon{
		top:55px;
	}
/* /Owl Carousel*/

/* MultiFile Uploader-Preview 
div.MultiFile-label{
	float:left;
	width: 150px;
}*/


/*Logos de Marcas*/
	.logotipo{
		width: 90px;
		height: auto;
	}






/******************************POR MODULOS*************************/

	.fondo-titulo{
		/*height:120px;*/
		background-color:rgba(202,202,202,.8);
		padding:25px 0;
	}

	/*-------index.php---------*/

		@media (min-width: 1200px) {
			.brands:first-child{
				margin-left: 16%;				
			}
		}

		@media (min-width: 768px) and (max-width: 1200px) {
			.brands:nth-child(7){
				margin-left: 33.5%;				
			}
		}

		.brands{

		}

/*----------nosotros.php---------*/

.nosotros{
	margin-top: 85px;
	margin-bottom: 50px;
}

.nosotros p {
	font-size: 15px;
	margin-bottom: 30px;
	margin-top: 30px;
}



.nosotros p:not(:first-child){
	/*text-indent: 30px;*/
}




/*--------catalogo.php---------*/

/*THUMBNAILS*/
      .lib-panel {
          margin-bottom: 20px;
      }
      .lib-panel img {
          width: 100%;
          background-color: transparent;
      }

      .lib-panel .row,
      .lib-panel .col-md-6 {
          padding: 0;
          background-color: #FFFFFF;
      }


      .lib-panel .lib-row {
          padding: 0px;

      }

      .lib-panel .lib-row.lib-header {
          background-color: #FFFFFF;
          font-size: 20px;
          padding: 5px 0 0 0;
          max-height: 38px;
          margin-bottom: 4px;
          overflow: hidden;
          border-bottom: solid 2px #D3D3D3;
      }

      .lib-panel .lib-row.lib-header .lib-header-seperator {
          height: 2px;
          width: 26px;
          background-color: #d9d9d9;
          margin: 7px 0 7px 0;
      }

      .lib-panel .lib-row.lib-desc {
          position: relative;
          height: 100%;
          display: block;
          font-size: 13px;
      }
      /*.lib-panel .lib-row.lib-desc a{
          position: absolute;
          width: 100%;
          bottom: 10px;
          left: 20px;
      }*/

      .row-margin-bottom {
          margin-bottom: 20px;
      }

      .box-shadow {
          -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
          box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
          border-bottom: 3px solid #B2B7BA;
          border-radius: 0px 0px 3px 3px;
      }

      .no-padding {
          padding: 0;
      }

      nav.navbar{
        margin-bottom: 0;

      }
      /* centered columns styles */


	.row-centered {
	    text-align:center;
	}
	.col-centered {
	    display:inline-block;
	    float:none;
	    /* reset the text-align */
	    /*text-align:left;*/
	    /* inline-block space fix */
	    margin-right:-4px;
	}

	.coche{

	 /*min-height:250px;*/
	 /*max-height:500px;*/

	}

	.gris{
		background-color: #EFF3F5;
	}

	#buscador-catalogo{
		background-color: #FFFFFF;
	}

	#select-marcas{

		height: 50px;
		
		padding: 10px 100px;
		margin: 25px 0;
		background-color: #EFF3F5;
		font-size: 18px;
	}

	#buscador-catalogo label{
		margin: 35px 0;
		font-size: 20px;
		/*font-family: "Nimbus Sans L Regular";*/
	}

	.pag-centrada{
		margin-top:30px !important;
		margin-bottom: 10px !important;
	}

	.pag2{
		margin-top:0px !important;
		margin-bottom: 30px !important;
	}

	@media (max-width: 480px){
		#select-catalogo{
			margin-left:5% !important;
		}
		.pag-centrada{
			margin-left:30% !important;
		}
	}

	@media (min-width: 480px) and (max-width: 767px) { 
	  #select-catalogo{
			margin-left:10% !important;
		}
		.pag-centrada{
			margin-left:35% !important;
		}
	}

	@media (max-width: 767px) { 
	 	#select-marcas{
			font-size: 14px;
			margin: 10px 0 20px 0;
			padding: 10px 40px;
		}
		#buscador-catalogo label{
			margin: 20px 0 10px 0;
			font-size: 20px;
			/*font-family: "Nimbus Sans L Regular";*/
		}
	}

	@media (min-width: 768px) and (max-width: 991px) { 
		#select-marcas{
			font-size: 16px;
		}
		.pag-centrada{
			margin-left:40% !important;
		}

	}

	@media (min-width: 992px){ 
		
		.pag-centrada{
			margin-left:45% !important;
		}
		.info-catalogo{

		}

	}



.col-no-padding{
	padding-left: 0px;
}

.precio{
	color:#F26016;
	font-size: 22px;
	font-weight: bold;
}




	/****************catalogo.php*************/



	@media (max-width: 479px) { 
	  .lib-panel{
	  	width: 250px;
	  	margin: 20px auto;
	  	/*height: 450px;*/
		}
		.lib-img-show{
			max-height: 250px;
			border-bottom:solid 4px #F26016; 
		}
		.col-no-padding{
			padding-right: 0px;
		}

			.lib-row{
				padding-left: 15px !important;
				padding-right: 15px !important;
			}

			.info-catalogo{
			  height: 160px !important;
			}

			.lib-hidden{
				overflow: hidden !important;
				max-height: 55px !important;
			}

			.precio{
				font-size: 18px !important;
			}

			.lib-precio{
				position: absolute !important;
				/*bottom: 0px !important;*/
				right: 0px !important;
				background-color: white !important;
				width: 100% !important;
				height: 40px !important;
				padding-right: 15px !important;
			}

			.lib-precio > hr{
				margin-top: 10px !important;
				margin-bottom: 10px !important;
			}

			#buscador-catalogo .div-label{
				text-align: center !important;
			}


		select.estilo{
			width: 200px !important;
			background: #F0F3F5 url(../images/arrow5.png) !important;
			background-position: 215px center !important;
		  background-repeat: no-repeat !important;
		  padding: 10px !important;
		  font-size: 16px !important;
		  border: 0 !important;

		 	-webkit-appearance: none !important;
		 	-moz-appearance:none !important;
		 	appearance:none !important;

		  -webkit-transition: all 0.4s !important;  
		  -moz-transition: all 0.4s !important;
		  transition: all 0.4s !important;
		  /*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
		  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
		  box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;*/
		}
	}

	@media (min-width: 480px) and (max-width: 767px) { 
	  .lib-panel{
	  	width: 300px;
	  	margin: 20px auto;
	  	/*height: 550px;*/
		}
		.lib-img-show{
			max-height: 400px;
			border-bottom:solid 4px #F26016; 
		}
		.col-no-padding{
			padding-right: 0px;
		}

			.lib-row{
				padding-left: 15px !important;
				padding-right: 15px !important;
			}

			.info-catalogo{
			  height: 180px !important;
			}

			.lib-hidden{
				overflow: hidden !important;
				max-height: 55px !important;
			}

			.lib-precio{
				position: absolute !important;
				/*bottom: 0px !important;*/
				right: 0px !important;
				background-color: white !important;
				width: 100% !important;
				height: 70px !important;
				padding-right: 15px !important;
			}

			#buscador-catalogo .div-label{
				text-align: center !important;
			}

	}


	@media (min-width: 768px) and (max-width: 991px) { 
	  .lib-panel{
	  	width: 700px;
	  	margin: 40px auto;
	  	/*height: 335px;
	  	margin: 50px auto;*/
		}
		.lib-img-show{
			/*max-height: 335px;*/
			border-right:solid 4px #F26016; 
			height: 180px;
		}

			.info-catalogo{
			  height: 180px !important;
			}

			.lib-hidden{
				overflow: hidden !important;
				max-height: 55px !important;
			}

			.lib-precio{
				position: absolute !important;
				/*bottom: 0px !important;*/
				right: 0px !important;
				background-color: white !important;
				width: 100% !important;
				height: 40px !important;
				padding-right: 15px !important;
			}

	}

	@media (min-width: 992px) { 
	  .lib-panel{
	  	width: 870px;
	  	/*height: 410px;*/


	  	margin: 40px auto;
		}
		.lib-img-show{
			/*max-height: 410px;*/
			border-right:solid 4px #F26016; 
			height: 190px;
		}

			.info-catalogo{
		  	height: 190px !important;
			}

			

			.lib-hidden{
				overflow: hidden !important;
				max-height: 60px !important;
			}

			.lib-precio{
				position: absolute !important;
				/*bottom: 0px !important;*/
				right: 0px !important;
				background-color: white !important;
				width: 100% !important;
				height: 60px !important;
				padding-right: 15px !important;
			}

			/*.lib-precio > hr{
				margin-top: 10px;
				margin-bottom: 5px;
			}*/
	}
		@media (min-width: 1200px) { 
			.lib-panel{
				width: 1100px;
			}
			
		}
		@media (min-width: 1200px) { 

			#ancho{
				
				/*margin: 0 auto;*/
			}
		}

	



/******************vendercoche.php**************/

	.navbar{
		margin-bottom: 0;
	}
	.titulo{
		margin: 0;
		padding: 20px 0;
		font-weight: 400;
		/*text-shadow:black 0px 0px 0.1px;*/
	}
	.error{
		color: red;
	}






















/**************Menu Secundario (ADMINISTRADOR)*************/
	.submenu{
		background-color:;
		padding: 0;
	}

	.boton-2{
		background-color: #337AB7;

	}

	.boton-2 > span{
		background-color: white;
	}
	
	.titulo-submenu{
		margin: 15px 0 10px -10px;
	}

	#bs-example-navbar-collapse-3{
		padding: 0;
	}

	#bs-example-navbar-collapse-3 li a{
		border-radius: 0;
	}

	.btn-xs{
		border-radius: 0 !important;
		margin-top: 2px;
		margin-bottom: 2px;
	}













/*Borde Punteado de Links*/
a:focus, option:focus, select:focus {
	outline:0;
}










/*Ultimos sin clasificar*/

#header nav  {
	padding-left: 30px;
}

#index-slider > div:first-child, #row-marcas > div:first-child{
	padding-left: 30px !important;
	padding-right: 30px !important;
}

#footer{
	padding-left: 15px !important;
	padding-right: 15px !important;
}

#footer .logo-footer{
	/*max-width: 215px;*/
}

.col-footer{
		color:#fff;
	}

.icon-foot-1 > a, .icon-foot-2 > a, .icon-foot-3 > a{
	color: #fff;
	text-decoration: none;
}

@media (min-width: 768px){
	.icon-foot-1-4{
		text-align: left;
		margin-right: 7px; 
	}
	.icon-foot-1{
		text-align: left;
				margin-right: 7px; 
	}
	.icon-foot-2{
		text-align: left;
	}
	.icon-foot-3{
		text-align: left;
		margin-left: -14px;
	}
	.col-footer{
		padding: 0 0 0 0 !important;
	}
	.col-footer:last-child{
		padding: 0 !important;
	}
}

@media (max-width: 767px){
	.icon-foot-1-4{
		margin-top: 20px;
		text-align: left;
		margin-bottom: 10px;
	}
	.icon-foot-1{
		text-align: left;
		margin-bottom: 10px;
	}
	.icon-foot-2{
		text-align: left;
		margin-bottom: 10px;
	}
	.icon-foot-3{
		text-align: left;
	}
	.col-footer{
		padding: 0 0 0 15px !important;
	}
}


.redes-sociales a{
	color:#333;
	text-decoration: none;
}

.social-button{
	width: 32px;
	height: 32px;
	margin: 1.5px 0.5px;
}

#index-slider a.prev, #index-slider a.next{
	background-color: transparent;
}


select.estilo{
	width: 300px !important;
	background: #F0F3F5 url(../images/arrow5.png) !important;
	background-position: 265px center !important;
  background-repeat: no-repeat !important;
  padding: 10px !important;
  font-size: 16px !important;
  border: 0 !important;

 	-webkit-appearance: none !important;
 	-moz-appearance:none !important;
 	appearance:none !important;

  -webkit-transition: all 0.4s !important;  
  -moz-transition: all 0.4s !important;
  transition: all 0.4s !important;
  /*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;*/
}
select.estilo:hover{
	/*background-color: #ddd;*/
}




/*Paginacion*/

/*.light-theme a, .light-theme span{
		border-radius:0 !important;
}*/

.light-theme ul li:first-child > span > a, .light-theme ul li:first-child > span > span,
.light-theme ul li:first-child > span, .light-theme ul li:first-child > a,
.light-theme ul li:last-child > span > a, .light-theme ul li:last-child > span > span,
.light-theme ul li:last-child > span, .light-theme ul li:last-child > a
{
	border-style: none !important;
	border-radius:0 !important;
	box-shadow: none !important;
}
/*.light-theme a, .light-theme span
	background: #F0F3F5 url(../images/arrow5.png) !important;
	background-position: center !important;
  background-repeat: no-repeat !important;*/
  .pagination ul li:first-child > span, .pagination ul li:first-child > a,
  .pagination ul li:last-child > span, .pagination ul li:last-child > a
  {
  	border-style: none !important;
		border-radius:0 !important;
		padding: 0;
		margin: 0 10px 0 10px;
	}

  .pagination ul li:first-child span.flecha-izq{
	  background: #F0F3F5 url(../images/arrow-left.png) !important;
		background-position: center !important;
	  background-repeat: no-repeat !important;
	  margin:0;
	  
	  border-style: none !important;
		border-radius:0 !important;
		box-shadow: none !important;

	  width: 30px;
	  height: 24px;
  }

  .pagination ul li:last-child span.flecha-der{
	  background: #F0F3F5 url(../images/arrow-right.png) !important;
		background-position: center !important;
	  background-repeat: no-repeat !important;
	  margin:0;

	 	border-style: none !important;
		border-radius:0 !important;
		box-shadow: none !important;

	  width: 30px;
	  height: 24px;
  }

  .pagination ul li a{
  	background-color: white;
  }



 /*LINKS */

 .idiomas a{
 	color: white;
 	padding: 8px 10px 0 !important;
 }

 .idiomas a:hover{
 	/*color: #525DD7;*/
 	color: #980800;
 	text-decoration: underline !important;
 }

 .idiomas a:focus{
 	color: white;
 }
 .idiomas a:focus:hover{
 	color: #980800;
 }


 .bandera{
	max-width: 25px;
	margin-right: 8px;
 }

 @media(max-width: 767px){
 	.idiomas li a img{
 		margin-right: 0;
 	}

 	.idiomas li a{
 		padding-right: 0 !important;
 	}
 }

 @media (min-width: 768px){
 	.redes-sociales{
 		text-align: center !important;
 	}
 }


 /*Elemento activo del Menu*/

 	.menu-principal li.active > a{
	 	background-color: transparent !important;
	 	border-bottom: solid 5px #980800;
	 	/*color: #1C4688 !important;
	 	text-shadow: 0px 0px 1px #1C4688;*/
 	}

 	.menu-principal li > a:hover{
 		border-bottom: solid 5px #980800 !important;
 	}




 	#header-index nav{
 		padding-left: 30px !important;
 	}

 	@media (max-width: 767px){
 		#header-index nav{
 			padding-left: 15px !important;
 		}
 	}





/*************contacto.php**********/

@media (min-width: 768px){
	.no-padding-right{
		padding-right: 0;
	}

	.no-padding-left{
		padding-left: 0;
	}

}

@media (max-width: 767px){
	.no-padding-right{
		/*padding-right: 0;*/
	}

	.no-padding-left{
		/*padding-left: 0;*/
	}

}

/*********coche.php**********/

.precio-coche{
	color:#F26016;
	font-weight:bold;
	margin-top: 0;
}

.padd{
  background-color: #fff;
  box-shadow:0px 0px 5px 3px rgb(221, 221, 221);
}

.flex-control-nav img {
	width:100% !important;
	height:75px !important;
}

.flex-pauseplay a{
	color: #fff !important;
	width: 25px !important;
	height: 25px !important;
	bottom:10px !important;
	left: 8px !important;
	text-decoration: none;

}
@media (max-width: 460px) {
	.flex-control-nav img {
		height:35px !important;
	}
}

@media (min-width:461px) and (max-width: 640px) {
	.flex-control-nav img {
		height:55px !important;
	}
}

@media (min-width:641px) and (max-width: 767px) {
	.flex-control-nav img {
		height:65px !important;
	}
}

@media (min-width:768px) and (max-width: 991px) {
	.flex-control-nav img {
		height:45px !important;
	}
}

@media (min-width:992px) and (max-width: 1199px) {
	.flex-control-nav img {
		height:55px !important;
	}
}


@media (max-width: 767px) { 

 	.padd{
		margin: 30px 15px;
		padding: 30px 10px;
	}

	.flexslider{
		margin-bottom: 30px !important;
	}

	.panel-padd{
		margin: 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) { 
  .padd{
		margin: 60px 25px;
		padding: 40px 20px;
	}

	.flexslider{
		margin-bottom: 0 !important;
	}

	.panel-padd{
		margin: 10px;
	}
}

@media (min-width: 992px) { 

  .padd{
		margin: 60px 50px;
		padding: 50px;
	}

	.flexslider{
		margin-bottom: 0 !important;
	}

	.panel-padd{
		margin: 10px;
	}
}


/******/









#footer{
		margin-top: 60px;
}



.ajax-file-upload-filename{
	width: 90px !important;
	overflow: hidden;
}

.ajax-file-upload-preview{
	margin-bottom: 10px;
}


a.rojo:hover{
	color:#980800;
}

.btn-rojo{
	background-color: #980800;
	border-color:#980800;
	color:#FFF;
}

.btn-rojo:hover{
color: rgb(224, 219, 219) !important;
}

.nav-rojo li.active a{
	background-color: #980800;
}

.nav-rojo li:not(.active) a{
	color: #980800;
}

.nav-rojo li a:hover{
	background-color: none;
}

.nav-rojo li.active a:hover{
	background-color: #980800 !important;	
}

.pagination > .active > a{
	background-color: #980800 !important;
	border-color: #980800 !important;
}

.pagination > li > a{
	color: #980800;
}