h1 {
	padding-bottom: 15px;
	margin-top: 10px;
	font-weight: bold;
	color: #1C5387;
	border-bottom: solid 3px #727f89;
	font-family: 'Montserrat', sans-serif;
}

h2,h3,h4 {
	color: #1C5387;
	font-family: 'Montserrat', sans-serif;
}

h2 {
	font-size: 2.2em;
	border-bottom: solid 3px #727f89;
	width: 100%;
	margin-bottom: 20px;
	clear:both;
}

h3 {
	padding-top: 10px;
}

h4 {
	font-size: 1.2em;
	color: #FFF;
	font-weight: bold;
}

a.nav-link:hover {
	color: #1C5387 !important;
}

ul li strong {
	color: #1C5387;
}

ul label {
	color: #1C5387;
	font-weight: bold;
}

.material-icons { 
	vertical-align: middle; 
}

.espaisuperior {
	margin-top: 90px;
}

.separador {
	width: 100%;
	background-color: #1C5387;
	font-size: 1.2em;
	color: #FFF;
	padding: 3px 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	border-radius: 5px;
}

.bordered {
	border: solid 1px red;
}

.capitalize{
	text-transform: capitalize;
}

.inline {
	float: left;
	width: 100%;
}

.inline p {
	float: left;
	padding: 0px 10px;
}

.inline p label {
	padding-right: 10px;
	color: #1C5387;
}

.constants {
	display: inline;
}


.container a#logo {
	padding-top: 20px;
	float: left;
}

.m0a{
	margin: 0 auto;
}

/* .width-100px {
	width: 100px;
} */

/*a.logo-sidepanel {
	position: absolute;
	top: 32px;
	left: 20px;
}*/

#cotizacion {
	float: left;
	text-align: right;
	font-weight: bold;
	color: #1C5387;
	font-size: 1.3em;
}

form#personalizar-cotizacion .input-group label {
	width: 200px;
}

form#form-cotizacion {
	height: 200px;
}

#form-cotizacion small{
	color: #FFF;
}

#fons-formulari {
	/*background-color: rgb(28,83,135, 0.9);*/ 
	background-color:#1c5387; filter:alpha(opacity=90); opacity:.9;
	border-radius: 5px;
	height: 340px;
}

#fons-formulari h3, #fons-formulari p{
	color: #FFF;
}

.medium {
	width: 85%;
}

.sidepanel  {
	width: 0;
	position: fixed;
	z-index: 5;
	height: 100%;
	top: 0;
	right: 0;
	background-color: #fff;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	box-shadow: 0px 0px 0px 2px #727f89 inset;
}
  
.sidepanel a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #5486b4;
	display: block;
	transition: 0.3s;
}
  
.sidepanel a:hover {
	color: #1c5387;
}
  
.sidepanel .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
}
  
.openbtn {
	font-size: 20px;
	cursor: pointer;
	background-color: #1C5387;
	color: white;
	padding: 10px 15px;
	border: none;
	border-radius: 48%;
	position: absolute;
	top: 20px;
	right: 5px;
	display: none;
}
  
.openbtn:hover {
	background-color:#9DB4CB;
}

#idioma {
	text-align: right;
	padding-top: 10px;
	font-size: 0.9em;
	clear: left;
	position: absolute;
	top: 35px;
	right: 10%;
	z-index: 1;
	max-width: 300px;
}

#banner_register {
	float: right;
	color: #FFF;
	width: 200px;
	font-family: 'Montserrat', sans-serif;
	margin-top: 200px;
	margin-right: 20px;
}

#banner_register a {
	color: #FFF;
	font-size: 0.9em;
}

#banner_register h3 {
	color: #FFF;
	margin-top: 13px;
}

#below_mulitbanner {
	margin: 60px 0px 40px 10px;
	float: left;
	font-family: 'Montserrat', sans-serif;
	color: #1C5387;
	font-size: 1.1em;
	width: 100%;
}

.botocl {
	border: solid 2px #fff;
	border-radius: 20px;
	padding: 30px 0px 20px 40px;
	/*background-color: #1e5486;*/
}

.botocl:hover {
	border: inset 2px #FFF;
}

#consultar {
	position: fixed;
	top: 20px;
	text-align: center;
	z-index:105;
}

span#otro_contenedor {
	color: #FFF;
}

#altres {
	float:left;
	margin-top: 70px;
}

#altres form {
	padding: 20px;
}

#altres form input {
	text-align: left;
}

#altres h3 {
	color: #1C5387;
}

.consultar_container {
	margin-right: 120px;
}

.navbar {
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.2em;
}

.navbar ul {
	position: absolute;
	top: 20px;
	border-bottom: solid 3px #727f89;
}

nav ul li a {
	color: #1c5387 !important;
	padding-right: 20px !important;
}

nav ul li a:hover {
	color: #fff !important;
}

.navbar ul#logos {
	right: 10px;
}

ul#logos li{
	float: left;
	padding: 0px;
}

ul#logos li img{
	margin: 7px 5px 0px 5px;
	width: 60%;
}


ul.nobordertop{
	border-top: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.3em;	
}


ul.nav{
	margin-left: 0px !important;
	width: 100%;
}

label.nosolds {
	font-size: 0.7em;
}

form#info-cotizacion input {
	border: none;
}

table {
	width: 100%;
}

thead {
	display: none;
}

.table-responsive table{
	border-top: 0px !important;
	margin-top: 30px;
}


.table-responsive table td {
	border-top: none;
}

table strong {
	color: #1C5387;
}


.navbar img {
	position:relative;
	top: 0px;
	left: 0px;
	z-index: 3000;
}

.sidebar {
	float: left;
	margin: 0px 0px 0px 0px;
}

.container {
	padding-top: 0px;
	padding-bottom: 20px;
}

.interiors {
	margin-top: 100px;
}

.headerint {
	background-image: url(../img/slider/portada.jpg);
	position: absolute;
	top: 0px;
	width:100%;
	z-index: -1;
	height: 150px;
	background-size: cover;
}

.container ul.list-group {
	margin: 0px 0px 20px 0px;
}

#proximas{
	columns: 4;
	-webkit-columns: 4;
	-moz-columns: 4;
}

#ciudades{
	list-style-type:  none; 
	columns: 3;
	-webkit-columns: 3;
	-moz-columns: 3;
}

.fs-15{
	font-size: 15px !important;
}

.container .bloc h3, footer .container h3{
	font-size: 1.6em;
	font-weight: bold;
}

section p strong {
	color:#1C5387;;
}

.inici {
	margin-top: 100px !important;
}

.floating-container {
	border: 1px solid #A7A9AB;
	-webkit-box-shadow: 0px 5px 35px -12px rgba(133,133,133,1);
	-moz-box-shadow: 0px 5px 35px -12px rgba(133,133,133,1);
	box-shadow: 0px 5px 35px -12px rgba(133,133,133,1);
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.transition {
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.floating-container:hover {
	border-color: #44719B;
}


.content {
	float: right;
	padding: 0px;
}


.form-info {
	float: left !important;
	margin-top: 50px;
	clear: both;
}

.booking-success {
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
}

.address {
	background-color: #f2f2f2;
	padding: 10px 20px 1px 20px;
	margin-bottom: 20px;
}

.address p.trush {
	cursor: pointer;
	color: #1C5387;
}

.user {
	border-right: dotted 2px #515757;
	padding: 20px;
	line-height: 35px
}

.booking {
	background-color: #f2f2f2;
	margin-bottom: 20px;
	padding: 20px;
}

.multiple-containers {
	font-weight: normal;
	font-size: 0.8em;
}

footer {
	float: right;
	width: 100%;
	margin-top: 20px;
	padding-top:40px;
	position: relative;
}

#estados {
	color: #b6bec5;
}

#estados span {
	font-weight: bold;
}


footer .container h3 {
	color:#1C5387;
}

footer h4 {
	width: 100%;
	color:#1C5387;
	font-size: 1.2em;
	margin-bottom: 0px;
	/*padding-bottom: 10px;*/
}

footer ul {
	list-style: none;
	padding: 0px;
}

footer ul li {
	color: #515757;
	cursor: pointer;
	padding: 2px 0px 10px 0px;
}

footer .bloc {
	float: left;
	padding-bottom: 15px;
}

footer .bloc a{
	color: #FFF;
}

footer .info {
	float: left;
	background-color: #1C5387;
	padding: 20px 1% 40px 1%;
}

footer .info h4 {
	color: #FFF;
	padding-top: 3px;
	font-size: 1.3em;
}

footer .info ul li{
	color: #fff;
	padding: 4px 0px 4px 0px;
	font-size: 0.8em;
}

footer .info ul li img {
	margin: 10px 10px 0px 0px;
	width: 10%;
}

footer #subfooter{
	background: #727F89 !important;
	height: 60px; 
	text-align: right;
	color: #FFF;
	text-decoration: none;
	position: absolute;
	bottom:0;
	width: 100%;
	font-size: 0.9em;
	padding-top: 17px;
}

footer #subfooter a {
	color: #FFF;
	text-decoration: none;
}

.vermaslink {
	margin:0px 0px 20px 0px;
	font-size: 0.8em;
	padding: 0px;
	cursor:pointer;
	color: #1C5387;
	font-weight: bold;
	position:relative;
}

#vermas_marca, #vermas_categoria, #vermas_sector {
	max-height: 250px;
	overflow: hidden;
	display:block;
	position:relative;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.img-800{
	display: none;
}



@media (min-width: 1920px) {

	#idioma {
		/*right: 27% !important;*/
	}			

}

@media (min-width: 1480px) {

	#idioma {
		right: 20%;
	}

}

@media (min-width: 1200px) {
	.bottom-in-2,  .bottom-in-3, .bottom-in-4 {
		margin-left: 116px;
	}

	.top-in-2 {
		margin-left: 85px !important;
	}	

}

@media (max-width: 1199px) {
	
	#preciofinal {
		background: none;
	}

	.salidas-td-m {
		float: left;
		margin-left: 0px;
	}

	table.salidas tbody tr td:first-child {
		color: inherit;
	}
	
	table.cotizacion tbody tr td:first-child {
		color: inherit;
	}
	
	tbody td{
		display: block;
		text-align: center;
	}
	
	.salidas-td {
		float: left;
	}
	
	.cotizacion-td {
		float: left;
	}
	
	.salidas-td-btn {
		clear: both;
	}

	/* .width-100px {
		width: 100px;
	} */

	.paraborrar{
		display: none;
	}
	
	.consultar_container {
		margin-right: 90px;
	}


	.img-n{
		display: none;
	}
	.img-800{
		display: inline;
	}

}

@media (max-width: 1100px) {
	.header-container {
/*		background-color: white; 
		display:none;*/
	}

	#fons-formulari {
		background: none;
	}

	#fons-formulari h3, #fons-formulari p, #form-cotizacion h4{
		color: #1c5387;
	}

	#form-cotizacion small{
		color: #FFF;
	}	


	span#otro_contenedor {
		color: #1C5387;
	}	


}

@media (max-width: 1024px) {
	#banner_register {
		display: none;
	}	

	.consultar_container {
		margin-right: 60px;
	}	

	form#form-cotizacion img.float-left.col-lg-4.mt-2 {
		margin-bottom: 30px;
	}				

}


@media (min-width: 992px) {
	.cotizacion-td {
		width: 25%;
	}

	/* .top-in-2 {
		margin-left: 50px;
	} */
	

}

@media (max-width: 992px) {
	
	.headerint {
		display: none;
	}
	
	#search {
		margin-top: 30px;
		text-align: left;
		float: left;
	}

	#search form {
		float: left;
	}

	#search .register {
		text-align: left !important;
		padding-left: 0px !important;
	}

	#imatgeport {
		height: 480px;
	}

	.cotizacion-td {
		width: 45%;
	}

	.top-in-1, .top-in-2 {
		width: 100% !important;
		max-width: 100% !important;
	}

}

@media (max-width: 991px) {
	.content {
		max-width: 100%;
	}

	.img-800{
		display: none;
	}

	#proximas{
		columns: 3;
		-webkit-columns: 3;
		-moz-columns: 3;
	}

	.top-in-1, .top-in-2 {
		max-width: 100% !important;
		width: 100% !important;
	}

}

@media (max-width: 1024px) {
	.openbtn {
		display: inline;
	}

	.horizontal-navbar{
		display: none;
	}	
}
/*@media (max-width: 880px) {
	#idioma {
		right: 7%;
	}
}*/

@media (max-width: 769) {
	#imatgeport {
		height: 350px;
	}
}

@media (min-width: 768px) {
	#cotizar {
		margin-top: 85px;
	}

	form#form-cotizacion {
		height: auto;
		float: left;
	}	

}

@media (max-width: 767px) {
		

	.headerint {
		height: 490px;
	}	

	#logos li a img {
		width: 50px;
	}

	#imatgeport {
		height: 350px;
	}

	.espaisuperior {
		margin-top: 150px;
	}

	.box {
		border-right: none;
	}

	form#form-cotizacion {
		height: auto;
		float: left;
	}

	.container div h2{
		font-size: 1.2em;
	}

	#idioma{
		text-align: left;
		float: left !important;
		position: relative;
		top: 0px;
		right: 0px;
		display: block;
		max-width: 100%;
	}


	.borderbottom-line {
		border-bottom: solid 3px #727f89;
		margin-top: 5px;
		margin-bottom: 20px;
		width: 100%;
	}

	.salidas-td{
		width: 45% !important;
	}

	.salidas-td-m {
		margin-left: 12px !important;
	}

	.cotizacion-td {
		width: 50%;
	}

	/* .salidas-td-btn {
		padding-left: 0px !important;
		padding-right: 0px !important;
		padding-bottom: 0px !important;
	} */

	/* .salidas-btn {
		width: 100%;
		border-radius: 0px;
	} */

	.consultar_container {
		margin-right: 90px;
	}

	#proximas{
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}

	#ciudades{
		-webkit-columns: 2; /* Chrome, Safari, Opera */
  		-moz-columns:2; /* Firefox */
 		columns: 2;
	}

}

@media (max-width: 600px) {
	.consultar_container {
		margin-right: 40px;
	}
}

@media (max-width: 580px) {

	#logos {
		display: none !important;
	}	

	.consultar_container {
		margin-right: 15px;
	}
	
}

@media (min-width: 576px) {

	#idioma {
		padding-left: 0px;
	}	
	
}

@media (max-width: 575px) {
	
	.user {
		border-right: 0px solid black;
	}

	#ciudades{
		-webkit-columns: 1; /* Chrome, Safari, Opera */
  		-moz-columns:1; /* Firefox */
 		columns: 1;
	}

}

@media (max-width: 540px) {
	
	.content {
		padding-left: 0px !important;
	}	
	.newsletter {
		background-image: none;
	}
	.newsletter h4 {
		margin-top: 0px;
	}
	.box {
		margin: 0px;
		padding: 0px;
	}	

	#imatgeport {
		height: 250px;
	}

	.salidas-td {
		width: 100% !important;
	}

	.salidas-td-m {
		float: none;
		margin-left: 0px;
	}

	.cotizacion-td {
		width: 100% !important;
	}

	#proximas{
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
	
	
}


@media (max-width: 470px) {

	.box {
		border-right: none;
		padding: 0px;
		width: 155px;
	}

	.vendido {
		position: absolute;
		left: 5px;
		width: 152px;
	}	

}

@media (max-width: 425px) {

	h1 {
		font-size: 1.7rem;
	}

	h2 {
		font-size: 1.4rem;
	}

	#proximas{
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}

}

@media (max-width: 375px) {
	
	#imatgeport {
		height: 200px;
	}

}

@media (max-width: 364px) {
	
	#cotizar {
		height: 1040px;
	}

}