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

body{
	width:90%;
	margin:0 auto;
	color: #666;
	font-size: 95%;
	font-family: arial;
	background:#E0E7FB;
}

header{
	clear: both;
	height: 80px;
	border-bottom: 2px solid #666;
	background: #142F72;
	direction: rtl;
	color: #E0E0E0;
	font-weight: bold;
	vertical-align: bottom;
	text-align: right;
    width: 95%;
	padding:10px 20px 0 20px;
}

header a{
	text-decoration:none;
	color: #E0E0E0;
}
	
.logo img{
	margin-top: -4px;
}

menu{
	background: #E2DFDF;
	height: 40px;
	margin-top: 0;
    width: 95%;
	padding:0 20px;
	border-radius: 0 0 15px 15px;
	border-bottom: 1px solid #A0A3A7;
	overflow:hidden;
}
menu ul{
	display: inline-flex;
	list-style-type: none;
	margin: 0;
}

menu ul li{
	margin: 10px;

}
menu ul li a{
    margin: 10px;
    color: #104F88;
    text-shadow: 0px 0px 6px #4B6098;
    text-decoration: none;
    font-weight: normal;
}

menu ul li a:hover{
	background: rgb(20, 47, 114) none repeat scroll 0% 0%;
	color: white;
	padding:11px;
	text-shadow: 0px 0px 6px white;
	margin-right:-12px;
	border-radius:0 0 10px 10px;
}

#main{
    border-radius: 15px;
    min-height: 439px;
    width: 95%;
	padding:20px;
    background: rgba(255, 255, 255, 0.87) url("../img/logo_mt_19.png") no-repeat scroll center;
    border-top: 1px solid #BBC1C5;
    border-bottom: 2px solid #808386;
    margin-bottom: 25px;
	clear:both;
}

footer, footer a{
	height: 10px;
    color: #FFF;
    padding: 25px 20px;
    text-decoration: none;
    text-align: center;
    clear: both;
    bottom: 0;
    background: #0B1A3E;
    border-top: 2px inset white;
    border-radius: 10px 10px 0 0;
    position: inherit;
    width: 95%;
	}	

.error {color: #C60000; font-size:16px; font-weight: bolder; text-align:center;}

.exito{
	color: #C00202;
	font-size: 120%;
}
.fecha{
	font-weight: normal;
}



.cargaempleado:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover{
	border: 2px inset #28292A;
	background: #C9D2E9 none repeat scroll 0% 0%;
	color: #FFF9F9;
	font-weight: bold;
	padding: 8px 30px;;
}

.cargacliente{
	border: 2px solid #868686;
	background: #4C9ED9 none repeat scroll 0% 0%;
	color: white;
	font-weight: bold;
	padding: 8px 38px;
	text-decoration: unset;
}

.cargaexpediente{
	border: 2px solid #D2D4D7;
	background: #9C9EA4 none repeat scroll 0% 0%;
	color: white;
	font-weight: bold;
	padding: 8px 30px;
	text-decoration: unset;
}

.cargapasajero{
	border:  2px solid #B2B6C2;
	background: #E69318 none repeat scroll 0% 0%;
	color: white;
	font-weight: bold;
	padding: 8px 30px;
	text-decoration: unset;
}

th{
	background:#334B87 ;
	color:#F8F8F8;
	padding:8px 0;
	border-radius: 6px 6px 0 0 ;
}

table{
	background: rgba(255, 255, 255, 0.6) none repeat scroll 0% 0%;
	margin: 20px auto;
	}

a{
	text-decoration: none;
	color: #113AA1;
	font-weight: bold;
}

.divrep{
float: left;
min-width: 150px;
height: 50px;
padding: 10px 15px;
margin: 5px 0;
}

.areporte{
	min-width: 150px;
	height: 30px;
	padding: 10px 20px;
	background: #276AA2 none repeat scroll 0% 0%;
	line-height: 30px;
	float: left;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	border: 2px solid #99AAB6;
}

.noreporte{
	min-width: 150px;
	height: 30px;
	padding: 10px 20px;
	background: #959FA8;
	line-height: 30px;
	float: left;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	border: 2px solid #99AAB6;
}

.repmod{
	color:red;
	font-size: 10px
}

.dreporte{
	width: 45%;
	background: #FFF none repeat scroll 0% 0%;
	padding: 0 20px 30px 20px;
	float: left;
	margin: 30px 3px;
	color: #142F72;
	border: 1px solid #BFB6B6;
	min-width: 350px;
}

.titreporte{ 
	background: #142F72 none repeat scroll 0% 0%;
	color: #EDECEC;
	padding: 6px 65px;
	margin: -31px 0 0 -21px;
	font-weight: bolder;
	border-radius: 0 10px 0 0;
	float: left;
}

.tbloqueo{
    width: 100%;
    border-collapse: collapse;
}

.tbloqueo  td, .tbloqueo th {
	border: 1px solid #EDECEC ;
	padding: 5px 2px 5px 2px;
	font-size:10px;
}

.tbloqueo th {
}


.jqplot-target{
	float: left;
	margin-bottom: 20px;
}

.cargaempleado, input[type="button"], [type="reset"], [type="submit"]{
	border: 2px solid rgb(108, 118, 144);
	background: rgb(20, 47, 114) none repeat scroll 0% 0%;
	color: white;
	font-weight: bold;
	padding: 8px 30px;
	text-decoration: unset;
}
input[type="button"]:disabled{
	background:#CCC;
	border: 2px solid #aaa;
}
input[type="text"], select {
	}

input[type="number"]{
	width:80px;
}

input, select, textarea{
	border-radius:5px;
	border: 1px #ADBBFC solid;
	padding: 3px 5px;
	padding: 5px 10px;
	color: #353E54; 

}

input:disabled, input:read-only {
	background: #F2F2FD;
    color: #75757B;

}
*::-webkit-input-placeholder {
    /* Google Chrome y Safari */
        color: #878A8A; 
}
*:-moz-placeholder {
    /* Firefox anterior a 19 */
        color: #878A8A; }
*::-moz-placeholder {
    /* Firefox 19 y superior */
        color: #878A8A; }
*:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
        color: #878A8A; 
}

#titulo{
	font-size: 28px;
    text-align: center;
    color: #3186D0;
    font-style: italic;
    font-weight: bold;
    text-decoration: underline;
    margin: 10px 0 40px 0;
    font-family: monospace;
    text-shadow: rgba(153, 190, 208, 0.68) 3px 3px 2px;
}

#titulofecha{
    font-size: 20px;
    color: #246CAB;
}

.imgrecibo{
	transform: none;	
}

.imgrecibo:hover {
	zoom: 400%;
	float: left;
}