/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* Logo size for centered navigation */
.tm-navbar-center [class*='tm-logo'] { transform: scale(1.2); }

/*Menu en blanco*/
.uk-navbar-nav > li > a {
	color: #fff;
}

/*Fondo del navbar negro*/
.tm-navbar {
	background: #000;
}

.portada-web {

 display: inline-flex;
 font-size: 15px;

}

.casilla-web {
	width: 30%;
	padding-right: 20px;

}

.casilla-web-dest {
	width: 30%;
	padding-right: 20px;
	padding-left: 20px;
}

.casilla-datos{
	
	display: inline-flex;
}



.cas-input-web {
	padding-top: 20px !important; 
	padding-bottom: 20px !important;  
	width: 93% !important; 
	border: 3px solid #F36A0E !important; 
	border-radius: 9px !important; 
	background-image: url('/images/Ubicacion_Os.png'); 
	background-position: 10px 18px !important; 
	background-repeat: no-repeat !important; 
	background-size: 20px 24px !important; 
	padding-left: 40px !important; 
}

.casilla-trans-web 
{
	background-color: #fff !important; 
	width: 100% !important;
	padding: 3px !important;
	border: 1px solid #7B8590 !important; 
	margin-bottom: 4px !important;
	height: 28px !important;
	font-size: 12px;
}

.casilla-estacion-web 
{
	background-color: #fff !important; 
	width: 100% !important;
	border: 1px solid #7B8590 !important; 
	margin-bottom: 4px !important;
	height: 28px !important;
	font-size: 12px;
	padding-right: 17px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.cabeceraPortada {
	margin: 0px auto; 
	width: 70%; 
	margin-top: 100px;
}

.bloques-web {
	width: 40%;
}

.bloqueCalendario
{
	width: 50%; 
	padding-left: 15px; 
	padding-right: 20px;
}

.boton-calcular {
	margin-top: -30px; 
	width: 100%; 
	padding-left: 20px; 
	padding-right: 4px; 
	margin-left: 18px;
}

.silla-web {
	width: 85%; 
	padding-left: 22px;
}

.casilla-ancho-trans {
	width: 50%; 
}

.casilla-ancho-estacion{
	width: 50%; 
}

.bloque-silla-boton
{
   width: 100%; 
   display: inline-flex;
}

.bloquePersonas{
    width: 25%; 
	padding-left: 20px;
}

.bloqueHorario  {
   width: 25%; 
   padding-left: 20px; 
   padding-right: 20px;
}


@media (max-width: 1700px) 
{ 

	.cabeceraPortada {
		
		width: 94%;
	}
	
	.boton-calcular {

		padding-left: 0px; 
	
	}

}

@media (max-width: 1100px) 
{ 

	.cabeceraPortada {
		width: 85%;
		margin-top: 20px;
	}

	.portada-web {

		display: inline-block;
	}
	
	.casilla-web {
		width: 100%;
		padding-right: 0px;
		margin-bottom: 20px;
	}
	
	
	.casilla-web-dest{
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
		margin-bottom: 0px;
	}
	
	.cas-input-web {
		width: 84% !important;
	}
	
	
	.cas-input {
		width: 88%; 
	}
	
	.casilla-trans-web 
	{
		width: 96% !important;
		height: auto !important;
	}
	
	.casilla-estacion-web 
	{
		width: 96% !important;
		height: auto !important;
	}
	
	.bloques-web {

		display: inline;
	}
	
	.bloqueCalendario
	{
	
		padding-left: 0px; 
		
	}
	
	.silla-web {
		padding-left: 0px;
	}

	
}

@media (max-width: 500px) 
{ 
	

	.bloques-web {

		width: 100%;
	}
	

	
	
}



/*Calcular precio, de 400px para abajo, se le quita el margin-right de 100 */
@media screen and (max-width: 400px) {
	#c_precio {
		margin: 15px !important;
		width: initial !important;
		padding-left: 15px !important;
	}
	input#origen {
		width: 250px !important;
	}
	input#destino {
		width: 250px !important;
	}
	
	.casilla-ancho-trans {
	width: 45%; 
}

.casilla-ancho-estacion{
	width: 55%; 
}
	
.casilla-ancho-estacion{
	
    margin-left: 15px;
}

.bloque-silla-boton
{
   display: inline-block;
}

.boton-calcular {
    margin-top: 0px;
    margin-left: 0px;
}




.bloqueCalendario  {
  margin-right: 10px;
  width: 35%;
  }

.bloqueCalendario input {
  font-size: 12px !important;
}

.bloquePersonas input {
  font-size: 12px !important;
}

.bloqueHorario  {
   padding-left: 15px;
}

.bloqueHorario input {
  font-size: 12px !important;
}






/*El google translate se pega arriba*/
.tm-search {
	top: 0px !important;
}

/*Titulos blog*/
.uk-article-title {
    font-size: 44px;
}