@charset "utf-8";
/* CSS Document */

html, body{
	margin:0;
	padding:0;
	min-height:100%;
	height:100%;
}

/* #root */
:root {

	/* form */
	--msj-ok-tx   : #00ad17;
	--msj-ok-bg   : #e5ffe8;
	--msj-error-tx: #c40000;
	--msj-error-bg: #ffe5e5;
	--msj-info-tx : #a39200;
	--msj-info-bg : #fffbdb;

}



body {
    font-family: 'Open Sans', sans-serif;
    font-size:1em;
    font-weight: normal;
	color:#000;
	background-image:url(../img/textura-fondo.jpg);
	background-attachment:fixed;
}

a{cursor:pointer;}

*:first-child+html body {overflow: visible;} /** hack para IE7 **/

p{
	color:#333;
	font-size:0.8em;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:12px;
	line-height:1.4;
}

h3{
	font-size:0.9em;
	color:#142843;
	width:100%;
	float:left;
	margin:0 0 8px 0;
}

.margin-top{width:100%; float:lefT; margin-top:30px;}
.msj{width:100%; float:left; margin-top:15px; font-size:0.9em; text-align:center;}

::-webkit-input-placeholder {color: #142843; font-family: 'Open Sans', sans-serif;}
:-moz-placeholder {color: #142843; font-family: 'Open Sans', sans-serif;}
::-moz-placeholder {color: #142843; font-family: 'Open Sans', sans-serif;}
:-ms-input-placeholder {color: #142843; font-family: 'Open Sans', sans-serif;}

/*******************************************************

COLORES: 
Activo menu: #0DA0E8
Titulos - sub - fondo header: #142843
texto: #333333

*******************************************************/

#cont{
	width:100%;
	min-height:100%;
	overflow:hidden;
	position:relative;
}

#inicio, #empresa, #servicios-y-logistica, #areas-de-actuacion, #flota, #cotizaciones, #contacto{
	width:100%;
	float:left;
	position:relative;
}

#inicio{
	width:100%;
	height:100vh;
	background:#0DA0E8;
}

.center{
	max-width:1500px;
	width:100%;
	margin:0 auto;
	padding:0 45px 0 45px;
	box-sizing:border-box;
	position:relative;
}

.header{
	width:100%;
	float:left;
	height:110px;
	background-color:#142843\0/;
	background-color:rgba(20,40,67,0.95);
	background-image:url(../img/textura-header.png);
	background-position:center center;
	background-repeat:repeat-x;
	position: fixed;
	z-index:99999;
	display:block;
	top:-500px;
	transition:all 0.4s;
	opacity:0;
}

.linea-logo{
	width:100%;
	height:1px;
	position:absolute;
	top:49px;
	background:url(../img/linea-logo.png) repeat-x;
	z-index:900;
}

#logo{
	display:block;
	width:auto;
	height:auto;
	position:relative;
	top:13px;
	float:left;
	z-index:920;
}

/* */


.fondo{
	position:absolute;
	height:100%;
	width:100%;
	overflow:hidden;
	background-image:url(../img/fondo-inicio.jpg);
	background-position:center center;
	background-size:cover;
	background-attachment:fixed;
}

.center-inicio{
	max-width:1100px;
	width:100%;
	height:100%;
	margin:0 auto;
	position:relative;
}
.logo-inicio{
	display:block;
	position:absolute;
	top:60px;
	left:-800px;
	transition:ease-out 0.3s;
}


.logo-inicio img{
	width:auto;
	max-width:500px;
	height:auto;
	transition:ease-out 0.3s;
}

.tit-inicio{
	float:right;
	width:auto;
	position:absolute;
	bottom:25%;
	right:-1500px;
}	

.tit-inicio h2{
	color:#fff;
	font-size:2em;
	font-family: 'Oswald', sans-serif;
	line-height:0.8;
	font-weight:100;
}

.tit-inicio span{
	font-size:2.4em;
	color: #4b7195;
}

span.padd-right{padding-right:20px;}
span.padd-left{padding-left:75px;}

.btn-flecha{
	width:36px;
	height:37px;
	position:absolute;
	left:0;
	right:0;
	bottom:15%;
	margin:auto;
	background:url(../img/btn_flecha.png)
}

.btn-flecha:hover{opacity:0.5;}


.btn_inicio{display:none;}

.menu-inicio{
	width:100%;
	height:63px;
	display:block;
	background-color:#142843\0/;
	position:absolute;
	bottom:0;
	left:0;
	background-image:url(../img/textura-menu-inicio.png);
	background-color:rgba(20,40,67,0.9);
	background-position:center;
	text-align:center;
	transition:ease-in-out 0.6s;
}

.menu-index2{display:none;}
.menu-index{
	display:table;
	float: none;
	padding:0;
	margin:20px auto;
}

	.menu-index li{
		float:left;
		list-style:none;
	}
	
	.menu-index li a{
		display:block;
		float:left;
		color:#fff;
		text-transform:uppercase;
		font-family: 'Oswald', sans-serif;
		margin:0 55px 0 55px;
		font-size:0.9em;
		text-decoration:none;
	}
	
	.menu-index li a:hover, .menu-index li a.active{
		color:#0DA0E8;
		text-decoration:none;
		background-image:url(../img/linea-activo-menu.png);
		background-position:left bottom;
		background-repeat:no-repeat;
	}

/* menú */

.menu2{display:none;}
.menu{
	display:inline-block;
	float: right;
	padding:0;
	margin-top:72px;
}

	.menu li{
		float:left;
		list-style:none;
	}
	
	.menu li a{
		display:block;
		float:left;
		color:#fff;
		text-transform:uppercase;
		font-family: 'Oswald', sans-serif;
		margin:0 35px 0 35px;
		font-size:0.9em;
		text-decoration:none;
	}
	
	.menu li a:hover, .menu li a.active{
		color:#0DA0E8;
		text-decoration:none;
		background-image:url(../img/linea-activo-menu.png);
		background-position:left bottom;
		background-repeat:no-repeat;
	}
	
	.menu li a:nth-child(6){margin-right:0;}
	
	.linea-separacion{
		background:url(../img/linea-separacion-menu.png) no-repeat;
		width:15px;
		height:1px;
		float:left;
		margin-top:10px;
	}

/* contenido */

/* textos */

.caja-texto{
	width:100%;
	float:left;
	margin-top:40px;
}

.tit{
	width:100%;
	float:left;
}

	.tit h2{
		font-size:1.3em;
		color:#142843;
		background:url(../img/linea-titulos.png) no-repeat left bottom;
		width:100%;
		font-weight:600;
		padding-bottom:6px;
	}

.tx{
	width:31%;
	height:auto;
	float:left;
	margin-right:3.5%;
	margin-top:20px;
	transition:ease-out 0.2s;
}

.tx3{margin-right:0;}

	.tx p{float:left; margin-bottom:8px;}
	
	.tx ul{
		padding:0;
		margin:0;
		float:left;
	}

		.tx ul li{
			float:left;
			width:100%;
			list-style: none;
			background:url(../img/ico-li.png) no-repeat left;
			padding-left:20px;
			font-size:0.8em;
			margin-top:5px;
		}

/* formularios */

.col-izq{
	width:49%;
	height:auto;
	float:left;
}

.col-der{
	width:49%;
	height:auto;
	float:right;
}

.col-der p{
	width:100%;
	float:left;
	margin-bottom:15px;
}

.col-der a{
	text-decoration:none;
	color:#333;
}

.col-der a:hover{color:#0DA0E8;}
	


.col-center{
	width:100%;
	float:left;
	text-align:center;
}

.col-der-tx{
	padding-left:25px;
	box-sizing:border-box;
}

	.col-der-tx .col-izq, .col-der-tx .col-der{width:44%; float:left; margin-right:15px;} 

form{
	width:100%;
	float:left;
	height:auto;
}

form .tx3{height:100%;}

form input, form textarea{
	width:100%;
	height:30px;
	padding:5px;
	box-sizing:border-box;
	background:rgba(224,237,242,0.4);
	border:1px solid #142843;
	margin-bottom:14px;
	font-family: 'Open Sans', sans-serif;
	font-size:0.9em;
}

form textarea{height:100%; min-height:100px;}
form textarea.text-contacto{height:100%; min-height:152px;}

form input.submit{
	width:auto;
	height:auto;
	margin:0;
	background:#142843;
	padding:12px 80px 12px 80px;
	color:#fff;
	text-align:center;
	cursor:pointer;
	margin:auto;
}

form input.submit:hover{background:#0DA0E8;}




/* msj */
.cont--msj {
		width: 100%;
		height: var(--h-input);
		float: left;
		border-radius: var(--radius);
		font-size: .85rem;
		padding: 10px;
		font-size: .85rem;
		border-style: solid;
		border-width: 1px;
		margin-top: 15px;
		font-weight: 600;
		transition: var(--transition);

		animation-name: var(--animation);
 		animation-duration: .6s;
	}

	.cont--msj.ok {
		border-color: var(--msj-ok-tx);
		color: var(--msj-ok-tx);
		background-color:  var(--msj-ok-bg);
		display: block;
		transform: translateX(0);
	}
	.cont--msj.error {
		border-color: var(--msj-error-tx);
		color: var(--msj-error-tx);
		background-color:  var(--msj-error-bg);
		display: block;
		transform: translateX(0);
	}




/* mapa */

#mapa{
	width:100%;
	height:400px;
	float: left;
	border-top:1px solid #ccc;
}

/* slider */

.slider{
	width:100%;
	text-align:center;
	float:left;
	margin-top:50px;
}

#owl-demo{
	width:100%;
	max-width:1680px;
	margin:auto;
	display:inline-block !important;
}

#owl-demo .item{
  margin: 0;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}

.owl-pagination{display:none;}

.owl-buttons{
	width:100%;
	position:absolute;
	top:45%;
	z-index:998;
	padding:0 3% 0 3%;
	box-sizing:border-box;
}

.owl-prev{left:10px; position:relative; float:left; background:url(../img/flecha-left.png) no-repeat;}
.owl-next{right:10px; position:relative; float:right; background:url(../img/flecha-right.png) no-repeat;}


sup { 
    vertical-align: super;
    font-size: smaller;
}



	
	/* marker */
	.leaflet-container .leaflet-marker-pane img{
		width : 28px !important;
		height: 39px !important
	}




/* #captcha */
.cont--captcha {
	width        : 100%;
	float        : left;
	text-align   : center;
	margin-bottom: 15px;
}

	.cont--captcha section {
		width                : 100%;
		display              : grid;
		grid-template-columns: 1fr 60px;
		grid-column-gap      : 10px;
		margin               : auto;
		max-width            : 400px;
		align-content        : center;
	}

	.cont--captcha section div b {
		margin-left: 5px;
	}

	.cont--captcha section div {
		font-size  : .85rem;
		display    : flex;
		align-items: center;
	}

	.cont--captcha section div:nth-of-type(1) {
		text-align: right;
	}

	.cont--captcha section input {
		margin: 0;
	}


/* #cotizaciones */