/* CSS Document */
html {
height : 100%;
margin : 0 0 0 0;
}
body {
height : 100%;
margin : 0 0 0 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #666666;
}
.ancho400{
width:400px;
}
.alinear_centro{
text-align:center;
}
.capital{
text-transform:uppercase;
}
.categorias {
background-color : #f4f4f4;
border : 1px solid #000000;
}
.error {
color : #ff0000;
font-size : 12px;
}
.error2 {
color : #ff0000;
font-size : 10px;
}
.fuente11{
font-size:11px;
}
.fuente12{
font-size:12px;
}
.fuente13{
font-size:13px;
}
#general {
margin : 0 auto 0 auto;
height : 100%;
width : 800px;
background-color:#FFF;
}
#contenido {
padding : 10px 10px 10px 10px;
background-color:#FFF;
}
#footer {
bottom : 0;
position : fixed;
}
.formularios2 {
border : 1px solid #e6e6e6;
border-collapse : collapse;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
text-transform : capitalize;
}
.formularios2 input {
border : 1px solid #000066;
background-color : #ffffff;
font-size : 12px;
text-transform : uppercase;
text-align : center;
}
.formularios2 select {
border : 1px solid #ff8083;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #666666;
}
.formularios2 thead {
height : 20px;
text-align : center;
font-weight : bold;
background-color : #333333;
text-transform : capitalize;
color : #fff;
}
.formularios2 th {
background-color : #90b2d5;
text-transform : uppercase;
color : #333333;
}
.formularios2 td {
border : 1px solid #e6e6e6;
}
.formularios {
border : 1px solid #e6e6e6;
border-collapse : collapse;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
text-transform : capitalize;
}
.formularios thead {
height : 20px;
text-align : center;
font-weight : bold;
background-color : #333333;
text-transform : capitalize;
color : #fff;
}
.formularios th {
background-color : #90b2d5;
text-transform : uppercase;
color : #333333;
}
.formularios td {
border : 1px solid #e6e6e6;
padding : 2px 2px 2px 2px;
}
.formularios input {
border : 1px solid #ff8083;
background-color : #ffffff;
font-size : 9px;
text-transform : uppercase;
}
.formularios textarea {
border : 1px solid #ff8083;
background-color : #ffffff;
font-size : 10px;
text-transform : uppercase;
}
.formularios select {
border : 1px solid #ff8083;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #666666;
}
.imageField {
border : none;
}
formularios submit {
font-size : 10px;
font-family : Verdana, Helvetica;
font-weight : bold;
color : white;
background : #638cb5;
border : 0;
width : 80px;
height : 19px;
}
fieldset {
border-color : #f8f8f8;
}
img {
border : 0;
}
#form_search0 {
margin : 0 auto 0 auto;
background-image : url(../images/busqueda.gif);
background-repeat : no-repeat;
width : 347px;
height : 58px;
}
#form_search {
margin : 0 auto 0 auto;
background-image : url(../images/busqueda2.gif);
background-repeat : no-repeat;
width : 347px;
height : 58px;
}
#input_search {
float : left;
width : 280px;
height : 58px;
padding : 10px 0 0 10px;
}
#input_search input {
width : 245px;
font-size : 18px;
padding-left : 8px;
padding-right : 8px;
background : none;
border : none;
}
#input_search submit {
width : 100px;
font-size : 12px;
}
#search {
float : left;
width : 50px;
height : 58px;
}
legend {
padding-top : 2px;
font-weight : bold;
text-transform : uppercase;
color : #000;
}
#menu_edicion {
float : right;
}
.sesion {
color : #000;
font-weight : bold;
font-size : 12px;
text-transform : uppercase;
}
.titulos {
background-image : url(images/page_header_bg.gif);
padding-top : 2px;
height : 25px;
font-weight : bold;
text-transform : uppercase;
color : #ffffff;
}
.titulo_negro {
background-color : #333333;
padding-top : 2px;
height : 17px;
font-weight : bold;
text-transform : uppercase;
color : #ffffff;
}
.titulo_blanco {
color : #ffffff;
font-size : 13px;
}
.titulomayor {
font-size : 24px;
color : #333333;
}
.paginador {
cursor : pointer;
font-size : 16px;
font-weight : bolder;
color : #ff0000;
}
a:link {
font-family : Arial;
font-size : 11px;
color : #0033ff;
text-decoration : none;
}
a:visited {
font-family : Arial;
font-size : 11px;
color : #0033ff;
text-decoration : none;
}
.link_blanco a:link {
color : #ffffff;
text-decoration : line-through;
}
.tooltip {
width : auto;
padding : 0 5px 0 5px;
float : left;
}
.pais {
padding-left : 10px;
float : left;
color : #000000;
text-transform : uppercase;
}
.departamento {
padding-left : 25px;
float : left;
color : #333333;
font-size : 10px;
text-transform : uppercase;
}
.departamentotd {
background-color : #999999;
}
.ciudad {
margin-left : 0;
padding-left : 5px;
float : left;
color : #333333;
font-size : 10px;
text-transform : uppercase;
}
.ciudades {
border : 0 solid #000000;
height : 20px;
margin-left : 5px;
padding-left : 5px;
float : left;
color : #333333;
font-size : 10px;
text-transform : uppercase;
}
.ciudadestd {
padding-left : 40px;
}
#localidades input {
font-size : 10px;
}
.input_calendario {
background-image : url(../iconos/calendar.gif);
font-size : 11px;
background-repeat : no-repeat;
padding-left : 25px;
width : 70px;
}
.input_calendario2 {
background-image : url(../iconos/calendar.gif);
font-size : 20px;
background-repeat : no-repeat;
padding-left : 25px;
width : 100px;
height : 30px;
}
.detalles, .detalles td, .detalles table {
border : 1px solid #990000;
border-collapse : collapse;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
text-transform : capitalize;
}
.detalles .nombre {
background-color : #c20000;
color : #ffffff;
}
.detalles input {
border : 1px solid #ff8083;
background-color : #ffffff;
font-size : 9px;
text-transform : uppercase;
}
.totales {
background-color : #c20000;
color : #ffffff;
padding : 0 5px 0 5px;
}
.tooltip_detalles {
color : #333333;
font-size : 12px;
font-weight : bold;
}
#servicio_cliente img {
padding-left : 10px;
}
#titulo_historial {
background-color : #333333;
width : 380px;
color : #ffffff;
font-size : 12px;
height : 30px;
background-image : url(images/page_header_bg.gif);
padding : 3px 5px 0 5px;
height : 25px;
font-weight : bold;
text-transform : uppercase;
color : #ffffff;
}
#detalle_historial {
background-color : #eeecfd;
padding : 10px 10px 10px 10px;
width : 370px;
}
#historial {
margin : 0 auto 20px auto;
width : 400px;
}
.operador_logistico {
background-color : #c4e268;
color : #000000;
font-size : 12px;
padding : 5px 0 5px 0;
}
#contenido_ate {
margin : 0 auto 0 auto;
/*width : 530px;*/
height : 315px;
border : 1px solid #C20000;
overflow : scroll;
}
#contenido_ate2 {
margin : 0 auto 0 auto;
width : 689px;
height : 290px;
border : 1px solid #000;
overflow : scroll;
}
#mercadeo {
padding : 10px 0 0 10px;
width : 775px;
height : 400px;
border : 1px solid #000;
overflow : scroll;
}
.listado_fechas {
font-size : 10px;
}
#menu_graficas {
width : 150px;
border : 1px solid #090;
height : 550px;
float : left;
}
#contenido_graficas {
width : 550px;
height : 600px;
}
.img_grafica {
padding : 10px 10px 10px 10px;
}
#historico_compras {
width : 230px;
height : 250px;
overflow : scroll;
}
.negrita{
font-weight:bold;
font-size:14px;
}
#contenido_fijo{ float:left; width:auto; padding:5px 0 20px 0; }
#contenido_scroll{ width:600px;position:relative; overflow:scroll; padding:5px 10px 20px 0;}
.table_vencimientos, .table_vencimientos td, .table_vencimientos table {
border : 1px solid #990000;
border-collapse : collapse;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
text-transform : capitalize;
}
.table_vencimientos td{ padding:0 3px 0 3px; height:23px;}
.mayuscula{ text-transform:uppercase}

#contratados,#contratados2{
	background-color:#eee;
	margin:5px;
	border:1px solid #666666;
}
#despedidos,#despedidos2{
	background-color:#eee;
	margin:5px;
	border:1px solid #666666;
}
#contratados div, #contratados2 div,#despedidos div,#despedidos2 div{
	margin:2px;
	cursor:move;
	background-color:#CCCCCC;
	color:#000000;
	border:1px solid #666666;
}
h3{
	margin:2px;
	font-size:11px;
	background-color:#4B6186;
	color:#FFFFFF;
	cursor:move;
}
#pagina,#pagina2{
	width:650px;
	margin:auto;
	padding-left:50px;
	padding-right:50px;
}

div#listContainer, div#listContainer2 {
	margin:0 auto 0 auto;
	width: 400px;
	border: 2px solid #FFBBBD;
	text-transform:uppercase;
	}
	div#listContainer ,div#listContainer2 {
		margin:0 auto 0 auto;
		border: 1px solid #FFBBBD;
		padding: 4px 5px 3px 5px ;
		cursor: move;
	}
	
.titulo_item{
	height:22px;
	width:300px;
	border: 1px solid #FFBBBD;
	}	
.nombre_item{
	height:18px;
	width:350px;
	float:left;
	border: 1px solid #CCC;
	}
.result_item{
	height:18px;
	border: 1px solid #CCC;
	text-align:center;
	}
#cont_form_cambio{
	border: 1px solid #FFBBBD;
	}