/***** web *****/

/*
gris clar: #F1F1F1;
gris fort: #333;
blau: #424189;
vermell: #C91600;
*/

.b, b{
	font-weight:bold;
} 

a{
	cursor:pointer;
	text-decoration: underline;
}
img{
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px / 5px;
	border-radius: 5px / 5px;
}

body{
	overflow-x: hidden;
	font-family: "Exo", Helvetica, sans-serif;
	color: #333;
	background-color: #fff;
}
/**************/

.header{
	/*margin-top: 0;*/
}
#logo{
	cursor: pointer;
	/*background-image:url(/images/logo.png);
	background-repeat: no-repeat;
	height: 80px;*/
	/**/margin-top: 10px;
}
#destacats{
  background-color: #F1F1F1;
}
#destacats a{
	text-decoration: none;
}
/****** idiomas ******/
#idiomas{
	margin-top: 5px;
	margin-bottom: 2px;
}
#idiomas ul li{
	font-size: 10px;
}
.i_negre{
	color: #000;
}
.i_vermell{
	color: #F80013;
}
.i_verd{
	color: #116E13;
}
.i_blau{
	color: #082550;
}
.b_blau{
	background-color: #302E6B;
}
.b_blanc{
	background-color: #ffffff;
}
/* video de fondo */
video {
	position: fixed;
	bottom: 0px;
	right: 0px;
	min-width: 100%;
	min-height: 100%;
	z-index: -100;
	overflow: hidden;
}
/*********/

.tdmarca{
	width: 240px
}
.tdfoto{
	padding: 0px 0px;
	width: 67px;
	background-image:url(/images/nodisponible67.gif);
	background-repeat: no-repeat;
	background-position: center center
}
.tdfoto img{
	margin-bottom: 1px;
}
#llista .over{
	background-color: #e1e1e1;
	cursor: pointer;
}
#llista tr.punts.odd.over, #llista tr.punts.even.over{
	cursor: default;
}
#llista th a{
	text-decoration: underline;
}
#llista a{
	text-decoration: none;
}
#llista td{
	border-bottom: 1px #F1F1F1 solid;
}
.publilateral img{
	border: 1px #ccc solid;
	margin-bottom: 15px;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px / 5px;
	border-radius: 5px / 5px;

}
.publitop img{
	display: inline-block;
	border: 1px #ccc solid;
	margin: 0px 0px 20px 10px;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px / 5px;
	border-radius: 5px / 5px;
}
tr.odd.fila_destacat, tr.even.fila_destacat{
	background-color: #D0D0D0;
}
tr.odd.fila_destacat td, tr.even.fila_destacat td{
	font-weight: bold;
}
/*************/
.info_telefon{
	/*margin-top: 40px;*/
	margin-bottom: 40px;
	padding: 10px;
	background-color: #ddd;
	border-radius: 5px;
}
.telefon{
	margin-top: 10px;
	margin-right: 20px;
}
a.fotolocal{
	line-height: 0;
}
/**************/
/* vehicle.php */
.volver{
  border: 0;
  font-size: 1em;
  text-decoration: underline;
  margin-top: 10px;
  padding-left: 15px;
  background-image: url(/images/volver.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16%;
  cursor: pointer;
}
.preu{
	font-size: 22px;
	color: #C70D00;
}
.ratllat{
	text-decoration:line-through;
	color: #444444;
	font-size: 13px;
}
#caracteristiquesvehicle th:first-letter{
	text-transform: capitalize;
	padding-left: 10px;
}
#caracteristiquesvehicle th{
	font-size: 13px;
	color: #999;
}
#caracteristiquesvehicle td{
	font-weight: 500;
}
/**/
#vehicle .looper-nav > li a img{
	-webkit-border-radius: 0px 0px;
	-moz-border-radius: 0px / 0px;
	border-radius: 0px / 0px;
}
#vehicle .looper-nav > li.active a img, #vehicle .looper-nav > li.active a:hover img{

	border: 2px #B3000E solid;
}
#vehicle .looper-nav{
	margin-top: 20px;
}
/**/
ul.equipament{
	margin-top: 15px;
}
.equipament li {
	list-style-type: none;
	margin: 1px 1px 1px 10px;
	padding: 0px 0px 0px 26px;
	letter-spacing: 1px;
	background-image: url(/images/check.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	font-size: 16px;
	float: left;
  	width: 100%;
}

.tbl_caracteristiques tbody tr th{
	padding-left: 15px;
}
.tbl_caracteristiques tbody tr td{
	font-weight: bolder;
}
/**/
form input[type=text], form input[type=email], form input[type=search], form input[type=tel], form select, form textarea{
	font-size: 12px;
	padding: 4px 0px;
	margin: 2px 0 5px 0px;
	border: 1px #ccc solid;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px / 5px;
	border-radius: 5px / 5px;
}
#dadesautovenda form select{
	width: 100%;
	padding: 4px 0px;
	margin: 2px 0 10px 0px;
	border: 1px #ccc solid;
}
#dadesautovenda form input[type=checkbox]{
	margin: 2px 0 10px 0px;
}
#dadesautovenda input[type=checkbox]{
	width: 20px;
	margin-right: 0px;
	padding-right: 0px;
}

.button{
	background-color:  #aaa;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px / 5px;
	border-radius: 5px / 5px;
}
#form_vehicle span{
	font-size: 14px;
}
.mensaje{
	margin-top: 20px;
	color: #C91600;
}
/********************/
/*larevista.php*/
.bgris{
	background-color: #F1F1F1;
}
.bblanc{
	background-color: #FFFFFF;
}
.la-revista .bgris{
	padding: 15px;
}
.portadarevista{
	border: 1px #ccc solid;
	box-shadow: 3px 3px 2px #888888;
}
.llistarevistes ul{
	padding: 0px 15px ;
}
.llistarevistes ul li{
	margin: 10px;
}
/************/
/*llista-de-espera.php*/
#llista-espera form input[type=checkbox]{
	margin: 2px 10px 10px 0px;
}
#llista-espera ul{
	padding: 5px 0px 15px 0px;
}
#llista-espera li{
	list-style: none;
}
/*****************/
.mensaje{
	margin-top: 20px;
	color: #C91600;
	/*text-shadow: 1px 0px 1px #666;
	font-size:18px;*/
}
/****************/
sup{
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 1ex;
	font-size:x-small;
}

.max{
	width:100%;
}

.ocult{
	display:none;
}

/********/


.hr{
	border-bottom: 1px #f2f2f2 solid;
	margin-bottom: 20px;
}
/******** llista ******/
.sombra{
	box-shadow: 5px 5px 2px #888888;
}
#llista h2 span{
	font-size: 14px;
	color: #333;
}
/****** mosaic **********/
.div-mosaic{
	font-weight: bolder;
	/*text-align: center;*/
	border: 1px #ccc solid;
	box-shadow: 3px 3px 2px #ddd;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px / 5px;
	border-radius: 5px / 5px;
	padding-bottom: 10px;
}
.div-mosaic p{
	text-align: center;
}
.div-mosaic a{
	/*font-weight: normal;*/
	text-decoration: none;
}
.div-mosaic img{
	-webkit-border-bottom-right-radius: 0px 0px;
	-moz-border-bottom-right-radius: 0px / 0px;
	border-bottom-right-radius: 0px / 0px;
	-webkit-border-bottom-left-radius: 0px 0px;
	-moz-border-bottom-left-radius: 0px / 0px;
	border-bottom-left-radius: 0px / 0px;
	margin-bottom: 5px;
}

.precio_coche {
	margin-top: 0;
	color:#C40003; 
	font-size: 24px;
}

.small_card {
	margin-top: 10px;
	color: #383e49f0;
  	display: block;
  	font-size: 12px;
  	line-height: 12px;
}

.price-container {
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
    margin-left: 0.75rem;
}

.price-column {
    flex: 1;
    width: 50%;
    /*text-align: center;*/
    margin-bottom: 5px;
    overflow: hidden; /* Evitar que el texto se desborde */
    white-space: nowrap; /* Evitar el ajuste de línea del texto */
    text-overflow: ellipsis; /* Mostrar puntos suspensivos (...) si el texto se desborda */
}

.price-column ul li {
	list-style: none;
}

.precio-tachado {
	text-decoration: line-through;
	color: #444444;
    /*font-size: 20px;*/
}

.lista-lugares ul li {
  margin: 0px 5px 5px 5px;
} 

.img-marca-container {
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
}

.img-marca-column {
    flex: 1;
    width: 50%;
    /*text-align: center;*/
    margin-bottom: 5px;
    overflow: hidden; /* Evitar que el texto se desborde */
    white-space: nowrap; /* Evitar el ajuste de línea del texto */
    text-overflow: ellipsis; /* Mostrar puntos suspensivos (...) si el texto se desborda */
}
.img-marca-column img {
    height: 50px;
    width: auto;
    float: right;
    margin-right: 0.75rem;
}

.caracteristicas_card_bottom {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	color: #606f80;
	font-size: 11px;
  	line-height: 12px;
 	border-left: 1px solid #bfc7d0;
}

.caracteristicas_card_bottom_first {
	padding-left: 0.5rem;
	margin-left: 0.25rem;
	padding-right: 0.25rem;
	color: #606f80;
	font-size: 11px;
  	line-height: 12px;
 	border-left: 1px solid #bfc7d0;
}


.caracteristicas_card {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	color: #606f80;
	font-size: 11px;
  	line-height: 11px;
 	border-left: 1px solid #bfc7d0;
}

@media (max-width: 767px) {
    .price-column {
        width: 100%;
    }
    .expandir-lg{
    	display: inline !important;
    	float: left !important;
    	margin-left: 1% !important;
    	margin-right: 1% !important;
    	left: inherit !important;
    	width: 98% !important;
  	}
}

#main ul {
  flex-direction: column-reverse; /* Invierte el orden de los elementos */
}


.retall_titol{
	display: block;
	height: 25px;
	padding-left: 0.75rem;
}


.uib{
	font-size: 12px;
	font-weight: lighter;
	margin-top: 8px;
}
.div-mosaic:hover{
	background-color: #F1F1F1;
	cursor: pointer;
}
/***********/

form select{
	width: 100%;
	border: 1px #ccc solid;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px / 5px;
	border-radius: 5px / 5px;
}
/**********************/
.mitat{
	width: 50%;
}

/************************/
#map-canvas{
	position: relative;
    width: 100%;
    height: 90%;
    padding-bottom: 10%;
    padding-top: 90%;
}
#map-canvas div.gm-style div.gmnoprint{
	/*display:none;*/
	display:table;
}
/******************/
#form_tpv label{
	width: 40%;
}
#form_tpv  input[type=text]{
	width: 59%;
}
.error{
   border: 1px solid rgba(215, 0, 0, 0.75);
   box-shadow:inset 0px 0px 2px 0px rgba(255, 0, 0, 0.75);
}
input[type=checkbox].error{
    outline: 2px solid rgba(215, 0, 0, 0.75);
}
/*************/
ol{
	list-style-type:decimal;
}
/**********/
.taronja{
	color: #FF9B5B;
	text-shadow: 1px 1px 1px #fff;
}

/*************/
/* MODUL SEO */
/*************/
#modulSeo {
	clear:both;
}
#modulSeo a {
	font-size:11px;
	color:#666666;
	text-decoration:underline;
}
#modulSeo span {
	font-size:11px;
	color:#999999;
}
#modulSeo ul li ul {
	padding:5px 0px 0px 0px;
}
#modulSeo ul li ul li{
	clear:none;
	float:left;
	background:none;
	padding:0px 0px 5px 0px;
}
#modulSeo ul li {
	background-position: 0px 3px;
	background-repeat:no-repeat;
	background-image:url(/images/list_item_on.gif);
	padding:0px 0px 10px 12px;
	clear:both;
	overflow:hidden;
	font-size:13px;
	color:#666666;
}
/********************/
/****** botons controls_llista *****/
#s_regpag{
	height: 26px;
	background: transparent;
	border: 1px #ccc solid;
	margin: 0;
    padding: 5px 0 0 0;
    font-size:14px;
}
.ui-state-active{
	cursor: default;
}
/******* paginació ********/
#paginacio{
	margin-top: 10px;
}
#paginacio a{
	margin-top: 30px;
	text-decoration: none;
	border: 1px #ccc solid;
	box-shadow: 3px 3px 2px #ddd;
	cursor: pointer;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px / 5px;
	border-radius: 5px / 5px;
	padding: 4px;
}
#paginacio span span{
	background-color: #F1F1F1;
	border: 1px #ccc solid;
	-webkit-border-radius: 5px 5px;
	-moz-border-radius: 5px / 5px;
	border-radius: 5px / 5px;
	padding: 4px;
}
/**********************/
/*****/
/* barra cookies */
#barraaceptacion {
    display:none;
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    padding-bottom:20px;
    width:100%;
    text-align:center;
    min-height:40px;
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    z-index:99999;
}
 
.inner {
    width:100%;
    position:absolute;
    padding-left:5px;
    font-family:verdana;
    font-size:12px;
    top:30%;
}
 
.inner a.ok {
    padding:4px;
    color:#009ee0;
    text-decoration:none;
}
 
.inner a.info {
    padding-left:5px;
    text-decoration:none;
    color:#faff00;
}
/******/
.sensehref a{
	pointer-events: none;
	cursor: default;
}
/******/
.text-red{
	color: #B80005;
}

.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    background-image: url('/images/icon_whatsapp.svg');
    background-size: 35px 35px;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    transition: all 0.3s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatsapp-float:hover {
    background-color: #20ba5a;
    transform: scale(1.1);
    text-decoration: none;
    color: #fff;
}

.whatsapp-float:visited {
    color: #fff;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
    .whatsapp-float {
        width: 50px;
        height: 50px;
        bottom: 20px;
        right: 20px;
        font-size: 25px;
    }
}