body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	background:url(../img/fondo.jpg);
	border-top:20px solid #000;
}

img {
	border:0;
}

a:link, a:visited {
	color:#0000CC;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#999999;
}

/* ---------------------------- */

#header {
	width:900px;
	height:100px;
	margin:0 auto;
}

#header p {
	float:right;
	width:500px;
	text-align:right;
	padding-top:50px;
	font-weight:bolder;
}

#main {
	width:900px;
	margin:10px auto;
	background:url(../img/fondo.png);
}

#side {
	width:213px;
	float:left;
	padding-bottom:50px;
}

#side ul {
	list-style:none;
	margin:0;
	padding:0;
}

#side ul li a:link, #side ul li a:visited {
	color:#FFFFFF;
	display:block;
	padding:8px 0 8px 50px;
	font-weight:bolder;
}

#side ul li a:hover {
	color:#000099;
	background:#b1d6ed;
}

#cont {
	width:657px;
	float:left;
	padding:15px;
	color:#474747;
	position:relative;
}


/* ---------------------------- */

#tablaClientes {
	width:600px;
	margin:0 auto;
	border:none;
}

#tablaClientes td {
	padding:8px 5px 8px 5px;
	text-align:center;
	vertical-align:middle;
}

#tablaHead {
	background:#000;
	color:#FFF;
}

.tabla1 {
	background:none;

}

.tabla2 {
	background:#CCC;

}


/* ---------------------------- */


/* ---------------------------- */


/* ---------------------------- */


/* 
	A special hack is included for IE8 since it does not apply padding 
	correctly on fieldsets
 */ 
label       { font-weight: bold; display:block; height:20px; width:200px; float:left; clear:left; margin-top:0.5em; }
button      { display:block; float:left; clear:left; margin-top:0.5em; clear:right; font-size:0.8em; }
fieldset    { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; margin-top:-0.2em; margin-bottom:1em; }

fieldset, #IE8#HACK { padding-top:1.4em; } 
legend, #IE8#HACK { margin-top:0; margin-bottom:0; }

/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title,
textarea, select, select.select {
  background-color:#fff;
  border:1px solid #bbb;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -o-border-radius:6px;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus {
  border-color:#666;
}
select.select { background-color:#fff; border-width:1px; border-style:solid; }

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.5em 0;
}

select.select {
	margin-bottom:30px;
}

input.text,
input.title, select   { width: 300px; padding:4px; float:left; clear:right; }
input.text_fecha {width:150px; padding:4px; float:left; }
select.tres { width:90px; float:left; margin-right:11px; }
input.title   { font-size:0.8em; }
textarea      { width: 390px; height: 250px; padding:5px; clear:both; }
input.submit { clear:both; margin:20px 0 10px 420px; display:block; }

input.min { width:40px; clear:none; }

/* 
  This is to be used on forms where a variety of elements are 
  placed side-by-side. Use the p tag to denote a line. 
 */
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, info, notice and error/alert boxes
-------------------------------------------------------------- */

.error,
.alert, 
.notice,
.success, 
.info 			{ padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info 			{ background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a, .alert a { color: #8a1f11; text-decoration:underline;}
.notice a   { color: #514721; text-decoration:underline;}
.success a  { color: #264409; text-decoration:underline;}
.info a			{ color: #205791; text-decoration:underline;}

/* ---------------------------- */

#busqueda_clientes {
	width:300px;
	position:absolute;
	top:0;
	right:0;
}

#busqueda_clientes label {
	width:85px;
	margin-right:5px;
}

#busqueda_clientes input {
	width:140px;
	text-transform:uppercase;
}

#busqueda_clientes input[type="submit"] {
	width:auto;
}

/* ---------------------------- */



/* ---------------------------- */

#busqueda_reserv {
	width:300px;
	position:absolute;
	top:0;
	right:0;
}

#busqueda_reserv label {
	width:85px;
	margin-right:5px;
}

#busqueda_reserv input {
	width:140px;
}

#busqueda_reserv input[type="submit"] {
	width:auto;
}

/* ---------------------------- */

.pics{
	border:#CCC solid 4px;
	float:left;
	margin: 2px;
	padding: 2px;
}
.pics img{
	border:0px;
}
.clear {
	clear:both;
}
fieldset{}

/* -----------_--- Inicia Efecto Acordeon ---------------- */
#accordion {margin: 0; padding: 0;}
#accordion { font-family:Tahoma, Geneva, sans-serif; font-size: 12px; width:100%;
margin:auto;}
#accordion dd { margin: 0 0 5px 0; padding: 5px 10px 5px 10px; }
#accordion dd { background-color:#e1e1e1; }
#accordion dt { margin: 0 0 5px 0; padding: 5px 10px 5px 10px; }
#accordion dt {
	background:#FFF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
border: 1px solid #e1e1e1;}
#accordion dt a:link {display:block; text-decoration:none; color:#000;}
#accordion dt a:visited {display:block; text-decoration:none; color:#000;}
#accordion dt a:hover {display:block; text-decoration:none; color:#000;}
/* -------------- Termina Efecto Acordeon ---------------- */