/**
 * Plugin  : Autocompletar con jQuery
 *   Autor : Lucas Forchino
 * WebSite : http://www.tutorialjquery.com
 * version : 1.0
 * Licencia: Pueden usar libremenete este código siempre y cuando no sea para 
 *           publicarlo como ejemplo de autocompletar en otro sitio.
 */
 
/* El cuadro donde se encontrara nuestra caja de autocompletar*/
.autocomplete-jquery-aBox{
    /*margin: 20px 20px 20px 50px;*/
    position: relative;
}

/* la etiqueta de autocompletar*/
.autocomplete-jquery-aBox label{
    margin-right: 20px;
    margin-top: 35px;
    display: block;
}

/* El input, tiene un tamaño de 250, pero se podria cambiar y deberia el script darse
   cuenta de esto cambiando tambien el tamaño del box de sugerencias.*/
/*Estilo del input sin seleccionar*/
.autocomplete-jquery-aBox input{
	/*width: 250px;*/
	width: 400px;
    height: 34px;
	padding-top: 5px;/**/
	padding-left: 8px;
	color: #66666;/*color del texto*/
	border:1px Solid #CCCCCC;/*FCFCFC*/
	/*position: absolute;/**/
	/*border: 1px Solid #FCFCFC;/**/
	font-family: Arial;/**/
	font-size: 13px;/**/
	background-color: #FFFFFF;/**DFDFDF*/
	text-transform: uppercase;/**/
}

/* Resultados */
.autocomplete-jquery-results{
    /*border:1px solid silver;*/
	border:1px Solid #FCFCFC;
    /*float:right;*/
    margin-top:2px;
    /* # margin-top:30px;*/ /*fix for IE7*/	
    position:absolute;
    display: none;
    z-index: 999;
}

/* Si ubica el mouse sobre el input toma este estilo*/
/*cuando empiezas a teclear*/
.autocomplete-jquery-aBox input:focus{
	/*width: 250px;*/
	width: 400px;
	height: 34px;
	padding-top: 5px;/**/
	padding-left: 8px;
	/*border: 1px solid #41B5EA;*/
	border: 1px Solid #999999;
	color: #333333;/**/
	font-family: Arial;/**/
	font-size: 13px;/**/
	background-color: #FFFFFF;/**/
	text-transform: uppercase;/*D0D9D2*/
	/*box-shadow:0px 0px 3px #FCFCFC;*/
    box-shadow:0px 0px 3px #666666;
}

/*Esta clase se activa cuando el usuario se mueve por las sugerencias*/
.autocomplete-jquery-mark{
    color:black;
    background-color: #E0F0FF !important;
}

/* Cada sugerencia va a llevar esta clase, por lo tanto tomara el estilo siguiente */
.autocomplete-jquery-item{
	width: 400px;
	/*height: 25px;*/
	height: 34px;
	padding-top: 5px;/**/
	padding-left: 8px;
	display: block;/*muestra la informacion en bloque como lista*/
    /*border-bottom: 1px solid lightgray;*/
	color: #333333;/**/
	font-family: Arial;/**/
	font-size: 13px;/**/
	/*background-color: white;*/
	background-color: white;
    /*text-decoration: none;*/	
}

.autocomplete-jquery-results{
    box-shadow: 1px 1px 5px black;
}

/* Al pasar por ensima de las sugerencias*/
.autocomplete-jquery-item:hover{
    /*background-color: #E0F0FF;*/
    /*color:black;*/
	color:white;
	background-color: #008CEA;
	text-decoration: none;
}