/**
CSS DOCUMENT
SISTEMA
**/

/*-------------------oo------------------------*/

/*** Tags HTML ***/
* {margin:0; padding:0; font-family:Myriad web,Arial,Helvetica, sans-serif;}
body {margin:0; padding:0; border:0; background:url(./images/bgs/bg_body.png) repeat-x left top #FFFFFF; font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif;}
html>body {margin:0; padding:0;}
img {border:0;}
form {margin:0;}
input.boton {font-family:Arial Narrow,Arial; font-stretch:condensed; color:#FFF; text-transform:uppercase; cursor:pointer; border:none;}
p {font-size:14px; color:#666; margin:0 0 15px; line-height:18px;}
a {text-decoration:none; color:inherit;}
a:hover {text-decoration:underline; color:#990000;}
.separa {overflow:hidden; clear:both; margin:0; padding:0; height:1px;}
.aleft {float:left;}
.aright {float:right;}
.acenter {text-align:center;}
.auxi-tabla {margin:0 15px;
	height: auto;
}
.auxi-tablaToma {margin:0 15px;
	height: 107px;
	width: 906px;
}
.auxi-tabla-vehiculo {margin:0 15px;
	height: 170px;
}

/*rotulos*/
h2.rotulo {margin:0 15px 20px; padding:0 0 7px; border-bottom:1px solid #CCC; font-size:22px; font-weight:normal;}

/*-------------------oo------------------------*/

/*LOGIN*/
.box-login {width:613px; height:238px; margin:40px auto 0; background:url(./images/bgs/bg_login.png) no-repeat left bottom;}
.box-login .logo {width:330px; float:left; margin:10px 0 0; vertical-align:middle; text-align:center;}
.box-login .form-login {width:245px; float:right;}
.box-login .form-login form {overflow:hidden; margin:2px 0 0;}
.box-login .form-login form input.campo {width:210px; margin:0 0 9px; padding:9px 5px 7px; background:url(./images/camp/bg_campo_210.png) no-repeat left top; color:#05435a; font-size:14px; border:none;}
.box-login .form-login form ul {float:left; margin:0 50px 0 0;}
.box-login .form-login form ul li {list-style-type:none;}
.box-login .form-login form input.boton {width:75px; height:34px; background:url(./images/boto/bot_75.png) no-repeat left top; font-size:13px; border:none;}


/*-------------------oo------------------------*/

/*DIVS ESTRUCTURALES*/
#header {width:960px; height:200px; margin:0 auto; background:url(./images/bgs/bg_head.png) repeat-x left top; overflow:hidden;    /*background-color: #272c30;*/}
#main {width:960px; margin:8px auto 0; padding:0 0 20px; overflow:hidden;}


/*-------------------oo------------------------*/

/*HEADER*/
#header div.logo {width:500px; height:132px; position:relative; float:left; margin:25px 0 0 15px; vertical-align:bottom;}
#header div.logo img {position:absolute; bottom:13px;}
#header div.head-right {width:185px; float:right;}
#header div.head-right a.cerrar {width:134px; height:34px; display:block; overflow:hidden; margin:70px 0 0; background:url(./images/boto/bot_134_of.png) no-repeat left top;}
#header div.head-right a.cerrar span {margin:8px 0 0 15px; display:block; font-family:Arial Narrow,Arial; font-stretch:condensed; color:#FFF; text-transform:uppercase;}
#header div.head-right a.cerrar span img {float:left; margin:0 8px 0 0;}
#header div.head-right a.cerrar:hover {background:url(./images/boto/bot_134_on.png) no-repeat left top; text-decoration:none;}

/*MENU PRINCIPAL*/
#header ul.menu-head {height:42px; overflow:hidden; background:url(./images/bgs/bg_menu_all.png) no-repeat left top;}
#header ul.menu-head>li {height:42px; padding:0; margin:0; list-style-type:none; border-right:1px solid #11475b; display:inline-block; float:left;}
#header ul.menu-head>li.li-last {border:none;}
#header ul.menu-head>li>a {height:42px; display:block; padding:0 5px; line-height:40px; text-transform:uppercase; font-size:12px; color:#FFF;}
/*hover*/
#header ul.menu-head>li>a:hover, #header ul.menu-head>li>a.current {color:#c7ecfa; text-decoration:none; background:url(./images/help/flecha_menu_on.png) no-repeat center bottom;}
/*submenu*/
#header ul.menu-head ul.sub-menu {width:163px; position:absolute; padding:15px 0 0 ; margin:0 0 0 -10px; background:url(./images/bgs/bg_submenu_top.png) no-repeat left top #565454;visibility:hidden;;z-index: 99999 !important;}
#header ul.menu-head ul.sub-menu li {list-style-type:none; border-bottom:1px solid #4d4b4b;}
#header ul.menu-head ul.sub-menu li a {display:block; color:#FFF; font-size:12px; background:url(./images/help/flecha_submenu.png) no-repeat 17px 8px; padding:5px 26px;}
#header ul.menu-head ul.sub-menu li.li-last {border:none; height:5px; margin:0; padding:0; background:url(./images/bgs/bg_submenu_bot.png) no-repeat left top #565454;}

/*-------------------oo------------------------*/

/*NAVEGACION TOMA DE HORA*/
#main ul.menu-hora {width:960px; height:60px; margin:0 0 2px; background:url(./images/bgs/bg_navhora.png) no-repeat left top;}
#main ul.menu-hora li {list-style-type:none; float:left;}
#main ul.menu-hora li a {display:block; height:60px; color:#05435a; font-size:16px; padding:15px 0 0;}
#main ul.menu-hora li a span {display:block; padding:0 10px 0 63px;}
#main ul.menu-hora li a:hover {text-decoration:none;}
#main ul.menu-hora li.li-uno {width:230px;text-align:center; }
#main ul.menu-hora li.li-uno a {width:230px; background:url(./images/help/uno_of.png) no-repeat left top;}
#main ul.menu-hora li.li-uno a.current {background:url(./images/help/uno_on.png) no-repeat left top;}
#main ul.menu-hora li.li-dos {width:230px;text-align:center;}
#main ul.menu-hora li.li-dos a {width:230px; background:url(./images/help/dos_of.png) no-repeat left top;}
#main ul.menu-hora li.li-dos a.current {background:url(./images/help/dos_on.png) no-repeat left top #cecece;}
#main ul.menu-hora li.li-tres {width:225px;text-align:center;}
#main ul.menu-hora li.li-tres a {width:225px; background:url(./images/help/tres_of.png) no-repeat left top;}
#main ul.menu-hora li.li-tres a.current {background:url(./images/help/tres_on.png) no-repeat left top #cecece;}
#main ul.menu-hora li.li-cuatro {width:275px;text-align:center;}
#main ul.menu-hora li.li-cuatro a {width:275px; background:url(./images/help/cuatro_of.png) no-repeat left top;}
#main ul.menu-hora li.li-cuatro a.current {background:url(./images/help/cuatro_on.png) no-repeat left top;}

/*-------------------oo------------------------*/

/*SELECCION DE HORA*/
div.arrow-left {width:20px; float:left; margin:25px 0 0;}
div.arrow-left a {display:block; background:url(./images/help/flecha_azul_left.png) no-repeat left top;}
div.arrow-left a:hover {display:block; background:url(./images/help/flecha_roja_left.png) no-repeat left top;}
div.arrow-right {width:10px; float:right; margin:25px 0 0;}
div.arrow-right a {display:block; background:url(./images/help/flecha_azul_right.png) no-repeat left top;}
div.arrow-right a:hover {display:block; background:url(./images/help/flecha_roja_right.png) no-repeat left top;}
div.box-tabla {width:865px; float:left;}

/*-------------------oo------------------------*/

/*CAJA GRISES*/

/*caja uno*/
#main .box-uno-bot {margin:0 0 8px; overflow:hidden; background:url(./images/bgs/gris1_bot.png) no-repeat left bottom;}
#main .box-uno-top {overflow:hidden; margin:0 0 6px; padding:12px 0; background:url(./images/bgs/gris1_top.png) no-repeat left top #b7b7b7;}

/**/

/*caja dos*/
#main .box-dos-bot {overflow:hidden; background:url(./images/bgs/gris2_bot.png) no-repeat left bottom;}
#main .box-dos-top {overflow:hidden; margin:0 0 6px; padding:12px 0; background:url(./images/bgs/gris2_top.png) no-repeat left top #c3c3c3;}

/*caja tres*/
#main .box-tres-bot {overflow:hidden; background:url(./images/bgs/gris3_bot.png) no-repeat left bottom;}
#main .box-tres-top {overflow:hidden; margin:0 0 6px; padding:0 0 12px; background:url(./images/bgs/gris3_top.png) no-repeat left top #cecece;}

/*caja tres*/
/*#main .box-cuatro-bot {width:930px; margin:0 auto 25px; overflow:hidden; background:url(./images/bgs/white1_bot.png) no-repeat left bottom;}
#main .box-cuatro-top {overflow:hidden; margin:0 0 6px; padding:12px 0; background:url(./images/bgs/white1_top.png) no-repeat left top #FFF;
	height: auto;
}*/
#main .box-cuatro-bot {width:930px; margin:0 auto 25px;  background:url(./images/bgs/white1_bot.png) no-repeat left bottom;padding: 10px 0 0 0;}
#main .box-cuatro-top {margin:0 0 6px; padding:12px 0; background:url(./images/bgs/white1_top.png) no-repeat left top #FFF;	height: auto;}

/*-------------------oo------------------------*/

/*TABLAS*/

/*tabla-uno*/
table.tabla-uno {margin:0 15px;}
table.tabla-uno th {background:url(./images/help/flecha_azul.gif) no-repeat left 4px; padding:0 0 5px 11px; font-size:14px; color:#05435a; font-weight:normal;}
table.tabla-uno td {padding:0 0 5px;}
table.tabla-uno td.campo-uno {height:24px; background:url(./images/camp/bg_campo170.png) no-repeat left top;}
table.tabla-uno td.campo-uno input, table.tabla-uno td.campo-uno select {width:160px; border:none; background:#FFF; margin:3px 5px; font-size:13px; color:#666;}
table.tabla-uno td .box-week {width:102px; height:22px; background:url(./images/bgs/box_blue1.png) no-repeat left top; text-align:center;}
table.tabla-uno td .box-week span, table.tabla-uno td .box-week span a {color:#FFF; font-size:14px; line-height:20px;}
table.tabla-uno td .box-week span a:hover {color:#FFF;}
table.tabla-uno td .box-week img.aleft {margin:7px 5px 0;}
table.tabla-uno td .box-week img.aright {margin:7px 5px 0;}

/*tabla dos*/
table.tabla-dos {font-size:12px; color:#333;}
table.tabla-dos th {font-size:14px; color:#666; padding:0 0 15px;}
table.tabla-dos td {padding:10px;}
table.tabla-dos tr.bg-white, table.tabla-dos tr.bg-white td {background:#FFF;}

/*tabla tres*/
table.tabla-tres {margin:0 0 20px;}
table.tabla-tres th {font-size:14px; color:#666; font-weight:normal; padding:0 0 5px;}
table.tabla-tres td.campo-uno {height:24px; background:url(./images/camp/bg_campo118.png) no-repeat left top;}
table.tabla-tres td.campo-uno input, table.tabla-tres td.campo-uno select {width:108px; border:none; background:#d9e8ee; margin:3px 5px; font-size:13px; color:#666;}
table.tabla-tres td.campo-dos {height:24px; background:url(./images/camp/bg_campo170b.png) no-repeat left top;}
table.tabla-tres td.campo-dos input, table.tabla-tres td.campo-dos select {width:160px; border:none; background:#d9e8ee; margin:3px 5px; font-size:13px; color:#666;}
table.tabla-tres td.campo-tres {height:24px; background:url(./images/camp/bg_campo280.png) no-repeat left top;}
table.tabla-tres td.campo-tres input, table.tabla-tres td.campo-tres select {width:270px; border:none; background:#d9e8ee; margin:3px 5px; font-size:13px; color:#666;}
table.tabla-tres td.campo-cuatro {height:24px; background:url(./images/camp/bg_campo110.png) no-repeat left top;}
table.tabla-tres td.campo-cuatro input, table.tabla-tres td.campo-cuatro select {width:100px; border:none; background:#d9e8ee; margin:3px 5px; font-size:13px; color:#666;}
table.tabla-tres input.boton-uno {border-style: none;
    border-color: inherit;
    border-width: medium;
    height:24px; background:url(./images/boto/bot_azul_50.png) no-repeat left top; cursor:pointer; font-family:Arial; font-size:13px; color:#FFF; font-weight:bold;
}

/*tabla cuatro*/
table.tabla-cuatro {font-size:14px; color:#666; margin:0 0 20px;}
table.tabla-cuatro th {font-size:14px; color:#666; padding:7px; background:#cecece;}
table.tabla-cuatro td {padding:7px; border-bottom:1px solid #cecece;}
table.tabla-cuatro td a:hover {color:#196c8b; text-decoration:none;}
table.tabla-cuatro td img.icono {float:left; margin:0 5px 0 0;}
table.tabla-cuatro td.td-uno {border-top:5px solid #ffffff; border-right:5px solid #ffffff; border-bottom:none; background:#eff5f7;}
table.tabla-cuatro td.td-dos {border-top:5px solid #ffffff; border-bottom:none; background:#eff5f7;}
table.tabla-cuatro td textarea.campo-uno {width:415px; background:#eff5f7; border:none; font-size:13px; color:#666; font-family:Myriad web;}
table.tabla-cuatro td div.campo {width:210px; height:220px; overflow:auto;}
table.tabla-cuatro td td {border:none; padding:0 0 10px;}

/*tabla cinco*/
table.tabla-cinco {font-size:14px; color:#666; margin:0 0 0px;}
table.tabla-cinco td {padding:5px; border-bottom:0px solid #cecece;}

/*-------------------oo------------------------*/

/*BOTONES INPUT*/
/*input.boton95 {width:95px; height:34px; font-size:14px; background:url(./images/boto/bot_blue_95.png) repeat left top;}*/
input.boton95 {width:auto; height:34px; font-size:14px; background:url(./images/boto/bot_blue_95.png) repeat left top; padding: 0 7px 0 7px; min-width: 75px; margin: 10px 5px 0px 5px }
input.boton95G {width:75px; height:34px; font-size:14px; /*background:url(./images/boto/bot_gris_95.png) no-repeat left top;*/;background-color: #F68D1D;}
input.boton170 {width:170px; height:37px; font-size:14px; background:url(./images/boto/bot_azul_170.png) no-repeat left top; margin:15px 0 0;}
input.boton170b {width:170px; height:45px; font-size:14px; background:url(./images/boto/bot_azul_170b.png) no-repeat left top; margin:15px 0 0;}
input.boton270 {width:270px; height:37px; font-size:14px; background:url(./images/boto/bot_azul_270.png) no-repeat left top; margin:15px 0 0;}
/*FIN*/
.table{

}

.button{


}



/*CFG CAJAS DE TEXTO*/
div.cajatexto{background-color: #FFFFFF; text-align:center;padding: 3px; float:left; height:auto; width:auto;
-moz-border-radius: 0px; -webkit-border-radius: 0px; -border-radius: 0px;
border:1px solid #ABABAB; box-shadow: inset 0px 1px 1px rgba(50, 50, 50, 0.1);} 
.txtmantenedor {background-color:#D9E8EE; border:0; height:16px; font-size:13px; color:#666} 
.txttomahora {background-color:#D9E8EE; border:0; height:16px; font-size:13px; color:#666} 



#main .grilla-bot {overflow:hidden; background:url(./images/bgs/gris2_bot.png) no-repeat left bottom;}
#main .grilla-top {overflow:hidden; margin:0 0 6px; padding:12px 0; background:url(./images/bgs/gris2_top.png) no-repeat left top #c3c3c3;}
.auxi-tabla-grilla {margin:0 15px;
	height: auto;
}

/* GRILLAS */
table.grilla {font-size:12px; color:#20586d; border-collapse:collapse;width:auto;}
table.grilla th {font-size:12px; color:#666; padding:0 5px 15px;}
table.grilla td {padding:10px;}
table.grilla tr.bg-white, table.grilla tr.bg-white td {background:#FFF;}
table.grilla tr.bg-normal, table.grilla tr.bg-normal td {background-color:#666}

/* MANTENEDORES */
table.mantenedores {margin:0 0 20px;}
table.mantenedores caption {font-size:14px; background-color:#666; color:#ffffff; font-weight: bold ; padding:0 0 10px;}
table.mantenedores th {font-size:12px; color:#666; font-weight: bold ; padding:0 0 5px;}
table.mantenedores td {height:24px;}




.boton-chico {width:50px; height:24px; background:url(./images/boto/bot_azul_50.png) no-repeat left top; border:none; cursor:pointer; font-family:Arial; font-size:13px; color:#FFF; font-weight:bold;}
.inputtext {border-style: none;
	border-color: inherit;
	border-width: 0;
	background-color:#FFFFFF; 	height:16px; 	font-size:13px; 	color:#666;
} 
.combobox {border-style: none;
    border-color: inherit;
    border-width: 0;
    background-color:#FFFFFF; font-size:13px; color:#666
} 

/*caja tres*/
#main .box-cuatro-botVehiculo {width:930px; margin:0 auto 25px; overflow:hidden; background:url(./images/bgs/white1_bot.png) no-repeat left bottom;
	height: auto;
}
#main .box-cuatro-botmantencion {width:930px; margin:0 auto 25px; overflow:hidden; background:url(./images/bgs/white1_bot.png) no-repeat left bottom;
	height: auto;
}
#main .box-cuatro-botbuscadispo {width:930px; margin:0 auto 25px; overflow:hidden; background:url(./images/bgs/white1_bot.png) no-repeat left bottom;
	height: auto;
}
#main .box-cuatro-bottomahora {width:930px; margin:0 auto 25px; overflow:hidden; background:url(./images/bgs/white1_bot.png) no-repeat left bottom;
	height: auto;
}
#main .box-cuatro-botconfirma {width:930px; margin:0 auto 25px; overflow:hidden; background:url(./images/bgs/white1_bot.png) no-repeat left bottom;
	height: 440px;
}

.campo
{
background-color: #FFFFFF;
	}
	
.info
{
font-weight:normal
}

.info-bold
{
font-weight:bold	
}

.mensaje
{
text-align:left;
}

.boton-refresh {width:75px; height:34px; background:url(./images/refresh.png) no-repeat left top; font-size:10px; border:none; cursor:pointer;}

/*FIN*/

/*****************************************/
.box-Deondeado{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	background-color: #c0c0c0;
	padding: 10px;
	padding: 10px;
    overflow: auto;
    margin-bottom: 10px
}

.box-BordesRedondos_Abajo{
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border: 0px solid #000000;
	background-color: #CECECE;
	padding: 10px;
	padding: 10px;
    overflow: auto;
    margin-bottom: 10px
}

.box-BordesRedondos{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	background-color: #CECECE;
	padding: 10px;
	padding: 10px;
    overflow: auto;
    margin-bottom: 10px
}

.box-BordesRedondosBlanco{
	border-radius: 5px ;
	-moz-border-radius: 5px ;
	-webkit-border-radius: 5px;
	border: 0px solid #000000;
	background-color: #fff;
	padding: 10px 5px 10px 5px;
    overflow: auto;
    margin-bottom: 15px
}