*{
	font-family:Arial;
}

body{
	margin:0px;
	padding:0px;
	border:0px;
}

div{
	box-sizing:border-box;	
}

.tcentrar{
	text-align:center;
}

#barra_superior{
	border:1px solid black;
	border-bottom:1px solid #95989A;
	background:#000000;
	height:90px;
}
	
	#centrado_barra_superior{
		margin:0 auto;
		display:table;
		max-width:1452px;
		width:90%;
	}

	
	#logo{
		display:table;
		margin-top:5px;
		float:left;
	}

	#telefono{
		margin-left:235px;
		height:80px;
		float:left;
		padding-top:30px;
	}

		#telefono a{
			font-size:20px;
			text-decoration:none;
			color:white;
			font-family:Arial;
			background-image:url('http://192.168.1.200/desarrollo/olayatransportes_app/wp-content/themes/olaya/images/telefono.png');
			background-position:left top;
			background-size:30px;
			background-repeat:no-repeat;
			padding-left:40px;
			padding-top:3px;
		}

	#email{
		margin-left:235px;
		height:80px;
		float:left;
		padding-top:30px;
	}

		#email a{
			font-size:20px;
			text-decoration:none;
			color:white;
			font-family:Arial;
		}

	#saludo_cliente{
		height:80px;
		float:right;
		padding-top:30px;
	}

		#saludo_cliente span{
			font-size:20px;
			text-decoration:none;
			color:white;
			font-family:Arial;
		}

		#saludo_cliente a{
			font-size:20px;
			color:#CACACA;
			font-family:Arial;
		}




	@media(max-width:1630px){
		#telefono{
			margin-left:185px;
			height:80px;
			float:left;
			padding-top:30px;
		}
		#email{
			margin-left:185px;
			height:80px;
			float:left;
			padding-top:30px;
		}
	}

	@media(max-width:1465px){
		#telefono{
			margin-left:135px;
			height:80px;
			float:left;
			padding-top:30px;
		}
		#email{
			margin-left:135px;
			height:80px;
			float:left;
			padding-top:30px;
		}
	}

	@media(max-width:1297px){
		#telefono{
			margin-left:80px;
			height:80px;
			float:left;
			padding-top:30px;
		}
		#email{
			margin-left:80px;
			height:80px;
			float:left;
			padding-top:30px;
		}
	}

	@media(max-width:1100px){
		#telefono{
			margin-left:80px;
			height:80px;
			float:left;
			padding-top:30px;
		}
			#telefono a{
				font-size:14px;
				text-decoration:none;
				color:white;
				font-family:Arial;
				background-image:url('http://192.168.1.200/desarrollo/olayatransportes_app/wp-content/themes/olaya/images/telefono.png');
				background-position:left top;
				background-size:30px;
				background-repeat:no-repeat;
				padding-left:40px;
				padding-top:3px;
				padding-bottom:5px;
			}
		#email{
			margin-left:80px;
			height:80px;
			float:left;
			padding-top:30px;
		}
			#email a{
				font-size:16px;
				text-decoration:none;
				color:white;
				font-family:Arial;
			}
			#saludo_cliente span{
				font-size:16px;
				text-decoration:none;
				color:white;
				font-family:Arial;
			}
	}



	@media(max-width:972px){
		#barra_superior{
			border:1px solid black;
			border-bottom:1px solid #95989A;
			background:#000000;
			height:260px;
		}
		#logo{
			display:table;
			margin:0 auto;
			margin-top:5px;
			float:none;
		}
		#telefono{
			width:50%;
			margin-left:0px;
			clear:both;
			text-align:center;
			height:80px;
			float:left;
			padding-top:30px;
			padding-right:10px;
		}
			#telefono a{
				font-size:14px;
				text-decoration:none;
				color:white;
				font-family:Arial;
				background-image:url('http://192.168.1.200/desarrollo/olayatransportes_app/wp-content/themes/olaya/images/telefono.png');
				background-position:left top;
				background-size:30px;
				background-repeat:no-repeat;
				padding-left:40px;
				padding-top:3px;
				padding-bottom:5px;
			}
		#email{
			width:50%;
			margin-left:0px;
			text-align:center;
			height:80px;
			float:left;
			padding-top:30px;
			border-left:1px solid #FFF;
			padding-left:10px;
		}
			#email a{
				font-size:13px;
				text-decoration:none;
				color:white;
				font-family:Arial;
			}
		#saludo_cliente{
			clear:both;
			width:60%;
			margin:20%;
			text-align:center;
			margin-top:0px;
			height:80px;
			float:left;
			padding-top:30px;
		}
			#saludo_cliente span{
				font-size:16px;
				text-decoration:none;
				color:white;
				font-family:Arial;
			}
	}

@media(max-width:400px){
		#telefono a{
			font-size:13px;
			text-decoration:none;
			color:white;
			font-family:Arial;
		}
		#email a{
			font-size:11px;
			text-decoration:none;
			color:white;
			font-family:Arial;
		}
	}


#slider{
	display:table;
	width:100%;
	height:478px;
	background-image: url('http://192.168.1.200/desarrollo/olayatransportes_app/wp-content/themes/olaya/images/slider.png');
	background-color:#000000;
	background-position:left;
	background-repeat: no-repeat;
	
}

#slider h1{
	font-family:Arial;
	font-size:88px;
	color:#FFF;
	text-align:center;
	margin:0 auto;
	margin-top:220px;
	font-weight:400;
	display:table;
	position:relative;
}
	#slider h1 div{
		width:134px;
		background-color:#FFF;
		padding-bottom:5px;
		position:absolute;
		left:-15px;
		bottom:-30px;
	}

@media(max-width:1130px){
	#slider{
		height:378px;
		background-image: url('http://192.168.1.200/desarrollo/olayatransportes_app/wp-content/themes/olaya/images/slider.png');
		background-size:1300px;
		background-position:left bottom;
	}
		#slider h1{
			font-size:52px;
			margin-top:170px;
		}
			#slider h1 div{
				width:85px;
				padding-bottom:4px;
				left:-12px;
				bottom:-20px;
			}
}

@media(max-width:750px){
	#slider{
		height:278px;
		background-image: url('http://192.168.1.200/desarrollo/olayatransportes_app/wp-content/themes/olaya/images/slider.png');
		background-size:1000px;
		background-position:left bottom;
	}
		#slider h1{
			font-size:32px;
			margin-top:130px;
		}
			#slider h1 div{
				width:65px;
				padding-bottom:3px;
				left:-10px;
				bottom:-20px;
			}
}


@media(max-width:430px){
	#slider{
		height:178px;
		background-image: url('http://192.168.1.200/desarrollo/olayatransportes_app/wp-content/themes/olaya/images/slider.png');
		background-size:700px;
		background-position:left bottom;
	}
		#slider h1{
			font-size:20px;
			margin-top:80px;
		}
			#slider h1 div{
				width:35px;
				padding-bottom:3px;
				left:-8px;
				bottom:-14px;
			}
}



footer{
	box-sizing: border-box;
	display:table;
	background-color:#000;
	width:100%;
	height:192px;
	padding:20px;
}



#footer_top{
	display:table;
	margin:0 auto;	
}
#footer_left{
	width:50%;
	display:table;
	float:left;	
	padding-left:40px;
	padding-top:40px;
}
	#footer_left span{	
		color:#FFF;
		font-size:20px;
	}
#footer_right{
	width:50%;
	display:table;
	float:left;
	text-align:right;
	padding-right:40px;
	padding-top:40px;
}
	#footer_right a{
		color:#95989A;
		text-decoration:none;
		font-size:20px;
	}

@media(max-width:1010px){
	footer{
		display:table;
		background-color:#000;
		width:100%;
		height:260px;
	}

	#footer_left,
	#footer_right{
		width:100%;
		text-align:center;
		padding-left:0px;
		padding-right:0px;
	}

}


nav{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
	nav ul{
		list-style:none;
		padding:0px;
		display:table;
		width:100%;
		height:100px;
	}
		nav ul li{
			width:24.5%;
			float:left;
			border-right:1px solid #000;
			position:relative;
		}
		nav ul li:last-child{
			border-right:none;
		}
			nav ul li a{
				box-sizing:border-box;
				text-decoration:none;
				font-size:20px;
				font-weight:400;
				color:#000;
				padding:20px;
				display:table;
				width:100%;
				text-align:center;
			}
			nav ul li div{
				width:100px;
				padding-bottom:4px;
				background:#000;
				margin:0 auto;
				display:table;
				display:none;
				position:absolute;
				left:calc(50% - 50px);
			}
			nav ul li:hover div{
				display:table;
			}
			nav ul li.active div{
				display:table;
			}


@media(max-width:800px){
	nav ul li{
		width:49%;
		float:left;
		border-right:1px solid #000;
	}
	nav ul li:first-child + li{
		border-right:none;
	}
}


#contenido{
	width:100%;
	margin:0 auto;
	display:table;
	max-width:1200px;
	padding:20px;
	margin-bottom:50px;
}


#contenido h2{
	font-size:18px;
	font-family:Arial;
	color:#000;
	text-align:center;
	clear:both;
}





#contenido table#tdescargas{
	width:100%;
}

#contenido table#tlistado{
	width:100%;
	margin:50px auto;
}

#contenido table#tlistado  tr th:first-child{
	border-left:1px solid #E1E1E1;
	padding:10px;
}
#contenido table#tlistado  tr th:last-child{
	border-right:1px solid #E1E1E1;
	padding:10px;
}

#contenido table#tlistado  tr th{
	border-top:1px solid #E1E1E1;
	padding:10px;
}

#contenido table#tlistado  tr th label{
	font-size:15px;
	font-weight:600;
}


#contenido table#tlistado  tr td{
	border:1px solid #E1E1E1;
	border-right:none;
	padding:5px;
}
#contenido table#tlistado  tr td:last-child{
	border-right:1px solid #E1E1E1;
}



#contenido table#tlistado  tr td button{
	border:none;
	padding:8px 16px;
	margin:0 auto;
	display:table;
	color:#FFF;
	font-size:14px;
	border-radius:5px;
	box-shadow:0px 5px 10px rgba(0,0,0,0.2);
	background:#1D3967;
	cursor:pointer;
}



#contenido table#tlistado  tr td button.bdescarga:before{
    content: "\f019";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #FFF;
    font-size: 15px;
	padding:0px 5px;
}


#panel_login{
	display:table;
	margin:20px auto;
	padding:10px;
	box-sizing:border-box;
}

#panel_login label{
	width:100%;
	padding:10px;
	float:left;
	clear:both;	
	box-sizing:border-box;
}

#panel_login input[type=text]{
	width:100%;
	padding:10px;
	float:left;
	clear:both;	
	box-sizing:border-box;
}

#panel_login input[type=password]{
	width:100%;
	padding:10px;
	float:left;
	clear:both;	
	box-sizing:border-box;
}

#panel_login input[type=submit]{
	width:100%;
	padding:10px;
	margin-top:20px;
	float:left;
	clear:both;	
	box-sizing:border-box;
	cursor:pointer;
}

#capa_mensaje{
	display:table;
	padding:10px;
	width:auto;
	max-width:800px;
	margin:20px auto;
}


#capa_mensaje.alert{
	border-bottom:2px solid #008C23;
}

#capa_mensaje.alert p{
	color:#008C23;
	margin:0px;
}

#capa_mensaje.alert p:before{
	font-size:21px;
	font-family:Fontawesome;
	content:"\f00c";
	padding-right:10px;	
}

#capa_mensaje.warning{
	border-bottom:2px solid #B20000;
}

#capa_mensaje.warning p{
	color:#B20000;
	margin:0px;
}

#capa_mensaje.warning p:before{
	font-size:21px;
	font-family:Fontawesome;
	content:"\f00d";
	padding-right:10px;	
}


#trazabilidad{
	border-left:1px solid #000;
}

#trazabilidad{
	list-style:none;
}


#trazabilidad > li{
	position:relative;
	margin-top:100px;
}

#trazabilidad > li .bullet + p strong{
	text-transform:uppercase;
}

#trazabilidad li .bullet{
	list-style:none;
	padding:5px;
	background-color:#000;
	width:20px;
	height:20px;
	border-radius:100%;
	float:left;
	position:absolute;
	left:-50px;
	top:-2px;
}


#trazabilidad .descargas_multiples{
	position:relative;
	border:1px solid #CACACA;
	margin-top:30px;
	margin-bottom:30px;
	padding:15px 40px;
}


#trazabilidad .descargas_multiples h2{
	text-align:left;
}


#trazabilidad .descargas_multiples ul{
	padding:0px;
	margin:0px;
	list-style:none;
}


#contenido h1{
	font-size:22px;
	margin-top:50px;
	display:table;
	
}

#trazabilidad{
	width:95%;
	margin-left:1.2%;
}

#tlistado .lowlabel{
	color:#BEBEBE;
	font-weight:500;
	font-family:Arial;
	padding:10px 5px;
	display:table;
}

#tlistado input{
	padding:5px;
}

#micuenta #tlistado{
	width:50% !important;
	float:left;
	border:1px solid #E1E1E1;
	padding:20px;
}

#micuenta #tlistado tr th{
	text-align:left;
	border:none !important;
}

#micuenta #tlistado tr td{
	border:none !important;
	padding:10px 0px;
}

#micuenta #tlistado tr:last-child td button{
	float:right;
}

@media(max-width:990px){
	#micuenta #tlistado{
		width:100% !important;
		margin-top:10px !important;
	}
}


#autorizados{
	border:none;
	padding:0px;
	margin:0px;
	list-style:none;
}

#autorizados > li{
	border: 1px solid #E1E1E1;
	padding:20px;
}

#autorizados > li ul{
	list-style:none;
	padding:0px;
	margin:0px;
	display:table;
}

#autorizados > li ul li{
	width:50%;
	float:left;
	padding:10px;
	box-sizing:border-box;
}

#autorizados > li ul li label{
	font-family:Arial;
	font-size:17px;
	width:40%;
	float:left;
}

#autorizados > li ul li input{
	padding:5px;
	width:40%;
	float:left;
}

#nuevo_autorizado{
	float:right;
	padding:5px 9px 3px 9px;
	margin:10px;
	margin-right:0px;
	border-radius:100%;
	font-size:20px;
	font-weight:bold;
	border:none;
	color:#FFF;
	background-color:#1D3967;
	cursor:pointer;
}

#nueva_carga{
	float:right;
	padding:5px 9px 3px 9px;
	margin:10px;
	margin-right:0px;
	border-radius:100%;
	font-size:20px;
	font-weight:bold;
	border:none;
	color:#FFF;
	background-color:#1D3967;
	cursor:pointer;
}



#newautorizado{
	border:none;
	padding:0px;
	margin:0px;
	list-style:none;
}

#newautorizado > li{
	border: 1px solid #E1E1E1;
	padding:20px;
}

#newautorizado > li ul{
	list-style:none;
	padding:0px;
	margin:0px;
	display:table;
}

#newautorizado > li ul li{
	width:50%;
	float:left;
	padding:10px;
	box-sizing:border-box;
}

#newautorizado > li ul li label{
	font-family:Arial;
	font-size:17px;
	width:40%;
	float:left;
}

#newautorizado > li ul li input{
	padding:5px;
	width:40%;
	float:left;
}


.botonaut input[type=submit]{
    border: none;
    padding: 8px 16px !important;
    margin: 0 auto;
    display: table;
    color: #FFF;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    background: #1D3967;
	float:right !important;
    cursor: pointer;
}
.botonaut a{
    border: none;
    padding: 8px 16px;
    margin: 0 auto;
    display: table;
    color: #FFF;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    background: #1D3967;
    cursor: pointer;
	text-decoration:none;
	float:right;
	margin-right:20px !important;
}
.botonautnew input[type=submit]{
    border: none;
    padding: 8px 16px !important;
    margin: 0 auto;
    display: table;
    color: #FFF;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    background: #1D3967;
	float:right !important;
    cursor: pointer;
}


#newcarga{
	border: 1px solid #E1E1E1;
    padding: 20px;
	display:table;
	list-style:none;
}

#newcarga .nuevacarga{
	padding:0px;
}

#newcarga .nuevacarga li{
	width:30%;
	float:left;
	list-style:none;
	padding:0px;
	margin:0px;
	padding:10px;
	box-sizing:border-box;
}

#newcarga .nuevacarga > li:first-child label,
#newcarga .nuevacarga > li:first-child +li label,
#newcarga .nuevacarga > li:first-child +li + li label{
	clear:both;
	margin:0 auto;
	text-align:center;
	display:table;
	margin-bottom:10px;
}

#newcarga .nuevacarga > li:first-child input,
#newcarga .nuevacarga > li:first-child +li select,
#newcarga .nuevacarga > li:first-child +li + li input{
	clear:both;
	margin:0 auto;
	text-align:center;
	display:table;
	width:100%;
}

#newcarga .nuevacarga > li{
	/*border-right:1px solid  #E1E1E1;*/
	padding-right:20px;
	min-height:120px;
}

#newcarga .nuevacarga > li:first-child input{
	padding:2px;
	text-align:left;
}

#newcarga .nuevacarga > li:first-child +li + li input{
	padding:3px;
	text-align:left;
}

#newcarga .nuevacarga > li:first-child +li select{
	padding:4px;
}

#newcarga .nuevacarga > li:first-child{
	width:15%;
	float:left;
}

#newcarga .nuevacarga > li:first-child + li{
	width:15%;
	float:left;
}

#newcarga .nuevacarga > li:first-child + li + li{
	width:15%;
	float:left;
}

#newcarga .nuevacarga > li:first-child + li + li + li{
	width:20%;
	float:left;
}

#newcarga .nuevacarga > li:first-child + li + li + li + li{
	width:25%;
	float:left;
}

#newcarga .nuevacarga > li:first-child + li + li + li + li + li{
	width:10%;
	float:left;
}

#newcarga .nuevacarga > li:first-child + li + li + li + li + li + li{
	width:25%;
	float:left;
}

#newcarga .nuevacarga > li:first-child + li + li + li + li > label{
	width:100%;
	float:left;
	background-color:#333;
	color:#FFF;
	padding:5px;
	box-sizing:border-box;
	font-size:13px;
}

#newcarga .nuevacarga > li:first-child + li + li + li + li > div{
	border: 1px solid #E1E1E1;
	padding:10px;
	display:table;
}

#newcarga .nuevacarga > li:first-child + li + li + li + li > div label{
	width:100%;
	float:left;
	border:1px solid #333;
	background-color:;#
	color:#FFF;
	padding:5px;
	box-sizing:border-box;
	font-size:13px;
}

#newcarga .nuevacarga > li:first-child + li + li + li > label{
	width:100%;
	float:left;
	background-color:#333;
	color:#FFF;
	padding:5px;
	box-sizing:border-box;
	font-size:13px;
}


#newcarga .nuevacarga > li:first-child + li + li + li > input{
	padding:4px;
	float:left;
	width:40%;
	margin:1%;
}

#newcarga .nuevacarga > li:first-child + li + li + li > select{
	padding:4px;
	float:left;
	width:94%;
	margin:2%;
}

#newcarga .descargas{
	margin-top:10px;
	border:1px solid #E1E1E1;
	padding:10px;
	display:table;
}

#newcarga .descargas > input{
	padding:4px;
	float:left;
	width:40%;
	margin:1%;
	
}

#newcarga .descargas > input:last-child{
	width:89%;
}



.beliminara{
	border: none;
    padding: 8px 16px;
    margin: 0 auto;
    display: table;
    color: #FFF;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    background: #1D3967;
    cursor: pointer;
    text-decoration: none;
    float: right;
    margin-right: 20px !important;
}