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

/* SITIO WEB ROtON SERVICE */
/* AGISTO / 2012 */
/* DESAROOLO Y DISEÑO WEB WWW.VIAMAGICA.COM */

/* General */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
body {
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a img {
	border:0;}
	
a {
	text-decoration:none;
	color:#1678b8;}
a:hover {}

/* Head */

#head-wrp {
	width:100%;
	background: url(../imagenes/bg-head.png);
	height:70px;
	}
#head {
	width:90%;
	margin: auto;
	overflow:hidden;
		}
#logo {
	float:left;
	margin-top:15px;}

#fecha {
	margin-top:25px;
	float:right;
}
#fecha-btnes{
	margin-top:15px;
	float:right;
}
.fecha {
	color:#FFF;
	text-shadow: 1px -1px 0px #336699;
	font-size:12px;}
/* foot */

#foot-wrp {
	width:100%;
	background: url(../imagenes/bg-foot.png);
	height:60px;
	position: fixed; 
	bottom: 0px;
}
#foot {
	width:90%;
	margin: auto;
	overflow:hidden;
		}
#copy {
	color:#5c5c5c;
	float:left;
	margin-top:20px;}		

#firma{
	float: right;
	margin-top:20px;}		

#login{
position:fixed;
width:500px;
height:230px;
left:50%;
top:50%;
margin-left:-250px;
margin-top:-115px;
}

.tit1 {
	font-size:24px;
	}
.tit2 {
	font-size:24px;
	color:#999;
	}

.login {
	width:100%;
	height:30px;
	border-radius: 5px;
	border: #CCC solid 1px;
	padding:5px;
	color:#666;}

a.ingresar {
	float:right;
    display:block;
    text-indent:-9999em;
    width:89px;
    height:30px;
    background:url(../imagenes/btn-ingresar.png) top left no-repeat;
}
    
a.ingresar:hover {
    background-position:0 -30px;}
a.a-gris {
	color:#656565;
	text-decoration:none;}  
		
a.a-gris:hover {
	color:#cc9900;}  
		
/* cont */

#cont-wrp {
	overflow:hidden;
	width:100%;
	margin-bottom:100px;	}
#cont {
	width:90%;
	margin: auto;
	overflow:hidden;
		}
	
	
a.admin {
	float:right;
    display:block;
    text-indent:-9999em;
    width:129px;
    height:30px;
    background:url(../imagenes/btn-adm.png) top left no-repeat;
}
    
a.admin:hover {
    background-position:0 -30px;}

a.cliente {
	float:right;
    display:block;
    text-indent:-9999em;
    width:71px;
    height:30px;
    background:url(../imagenes/btn-clientes.png) top left no-repeat;
}
    
a.cliente:hover {
    background-position:0 -30px;}
		
a.logout {
	float:right;
    display:block;
    text-indent:-9999em;
    width:89px;
    height:30px;
    background:url(../imagenes/btn-log.png) top left no-repeat;
}
    
a.logout:hover {
    background-position:0 -30px;}
	
.box {
	overflow:hidden;
	border-bottom:1px #d9d9d9 solid;
	}
	
.box2 {
	overflow:hidden;
	}
.bienvenida {
	float:left;
	margin-top: 30px;
	margin-bottom:20px;}
.botones {
	width:788px;
	float:right;}

a.btn-taller {
	float:left;
    display:block;
    text-indent:-9999em;
    width:113px;
    height:112px;
    background:url(../imagenes/btn-taller.png) top left no-repeat;
}
    
a.btn-taller:hover {
    background-position:0 -112px;}

a.btn-bita {
	float:left;
    display:block;
    text-indent:-9999em;
    width:112px;
    height:112px;
    background:url(../imagenes/btn-bita.png) top left no-repeat;
}
    
a.btn-bita:hover {
    background-position:0 -112px;}


a.btn-rrhh {
	float:left;
    display:block;
    text-indent:-9999em;
    width:113px;
    height:112px;
    background:url(../imagenes/btn-rrhh.png) top left no-repeat;
}
    
a.btn-rrhh:hover {
    background-position:0 -112px;}

a.btn-cargio {
	float:left;
    display:block;
    text-indent:-9999em;
    width:112px;
    height:112px;
    background:url(../imagenes/btn-cargio.png) top left no-repeat;
}
    
a.btn-cargio:hover {
    background-position:0 -112px;}

a.btn-camiones {
	float:left;
    display:block;
    text-indent:-9999em;
    width:112px;
    height:112px;
    background:url(../imagenes/btn-camiones.png) top left no-repeat;
}
    
a.btn-camiones:hover {
    background-position:0 -112px;}

a.btn-proveedores {
    float:left;
    display:block;
    text-indent:-9999em;
    width:112px;
    height:112px;
    background:url(../imagenes/btn-proveedores.png) top left no-repeat;
}
    
a.btn-proveedores:hover {
    background-position:0 -112px;}

a.btn-informes {
	float:left;
    display:block;
    text-indent:-9999em;
    width:114px;
    height:112px;
    background:url(../imagenes/btn-informes.png) top left no-repeat;
}
    
a.btn-informes:hover {
    background-position:0 -112px;}


.btn-active {
    background-position:0 -112px !important;}

.tit-cat {
	padding:10px 0}

a.ag-bit {
	float:right;
    display:block;
    text-indent:-9999em;
    width:129px;
    height:30px;
    background:url(../imagenes/btn-ag-bit.png) top left no-repeat;
}
    
a.ag-bit:hover {
    background-position:0 -30px;}

a.ver {
    display:block;
    text-indent:-9999em;
    width:14px;
    height:13px;
    background:url(../imagenes/icn-ver.png) top left no-repeat;
}
    
a.ver:hover {
    background-position:0 -13px;}

a.elim {
    display:block;
    text-indent:-9999em;
    width:12px;
    height:12px;
    background:url(../imagenes/icn-elim.png) top left no-repeat;
}
    
a.elim:hover {
    background-position:0 -12px;}

.azul {
	color:#386cab;
	font-weight:bold;}

.rojo {
	color:#cd6666;
	font-weight:bold;}

a.ag-ent {
	float:right;
    display:block;
    text-indent:-9999em;
    width:129px;
    height:30px;
    background:url(../imagenes/btn-ag-ent.png) top left no-repeat;
}
    
a.ag-ent:hover {
    background-position:0 -30px;}

a.grabar {
	float:left;
    display:block;
    text-indent:-9999em;
    width:69px;
    height:30px;
    background:url(../imagenes/btn-grabar.png) top left no-repeat;
}
    
a.grabar:hover {
    background-position:0 -30px;}

a.borrar {
	float:left;
	display:block;
	text-indent:-9999em;
	width:69px;
	height:30px;
	background:url(../imagenes/btn-borrar.png) top left no-repeat;
	margin-left: 124px;
}
    
a.borrar:hover {
    background-position:0 -30px;}

a.excel {
	float:right;
	display:block;
	text-indent:-9999em;
	width:69px;
	height:30px;
	background:url(../imagenes/btn-excel.png) top left no-repeat;
}
    
a.excel:hover {
    background-position:0 -30px;}		

a.imprimir {
	float:right;
	display:block;
	text-indent:-9999em;
	width:90px;
	height:30px;
	background:url(../imagenes/btn-imprimir.png) top left no-repeat;
}
    
a.imprimir:hover {
    background-position:0 -30px;}	
		
a.solicitar-informe {
	float:left;
	display:block;
	text-indent:-9999em;
	width:130px;
	height:30px;
	background:url(../imagenes/btn-solicitar-informe.png) top left no-repeat;
}
    
a.solicitar-informe:hover {
    background-position:0 -30px;}	
		
input {
	font-size:12px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;}

textarea{
	font-size:12px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;}
	
select {
	font-size:12px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;}

a.inf {
    display:block;
    text-indent:-9999em;
    width:11px;
    height:14px;
    background:url(../imagenes/icn-inf.png) top left no-repeat;
}
    
a.inf:hover {
    background-position:0 -14px;}

a.inf-b {
    display:block;
    text-indent:-9999em;
    width:11px;
    height:14px;
    background:url(../imagenes/icn-inf-b.png) top left no-repeat;
}
    
a.inf-b:hover {
    background-position:0 -14px;}
		
a.obs {
    display:block;
    text-indent:-9999em;
    width:11px;
    height:15px;
    background:url(../imagenes/icn-obs.png) top left no-repeat;
}
    
a.obs:hover {
    background-position:0 -15px;}
		
a.obs-b {
    display:block;
    text-indent:-9999em;
    width:11px;
    height:15px;
    background:url(../imagenes/icn-obs-b.png) top left no-repeat;
}
    
a.obs-b:hover {
    background-position:0 -15px;}

a.add {
    display:block;
    text-indent:-9999em;
    width:31px;
    height:31px;
    background:url(../imagenes/btn-add.png) top left no-repeat;
}

a.add-disabled {
    display:block;
    text-indent:-9999em;
    width:31px;
    height:31px;
    background:url(../imagenes/btn-add-disabled.png) top left no-repeat;
}

a.add-disabled:hover {
	cursor: default;
}
    
a.add:hover {
    background-position:0 -30px;}

a.edit-bit {
    display:block;
    text-indent:-9999em;
    width:219px;
    height:50px;
    background:url(../imagenes/btn-guar-bit.png) top left no-repeat;
}
    
a.edit-bit:hover {
    background-position:0 -50px;}

.img-borde { border:5px solid #CCC;margin:5px;}

.choferes1 {
	display:block;
	overflow:hidden;}

.choferes2 {
	display:block;
	overflow:hidden;
	background:#f4f4f4;}


a.enviar {
	float:right;
    display:block;
    text-indent:-9999em;
    width:69px;
    height:30px;
    background:url(../imagenes/btn-enviar.png) top left no-repeat;
}
    
a.enviar:hover {
    background-position:0 -30px;}

a.volver {
    display:block;
    text-indent:-9999em;
    width:69px;
    height:30px;
    background:url(../imagenes/btn-volver.png) top left no-repeat;
}
    
a.volver:hover {
    background-position:0 -30px;}

a.editar {
    display:block;
    text-indent:-9999em;
    width:69px;
    height:30px;
    background:url(../imagenes/btn-editar.png) top left no-repeat;
}
    
a.editar:hover {
    background-position:0 -30px;}