* html body{  overflow:hidden; }
 
/*fondo para Body*/ /*background-image: url(../images/fondon.jpg);*/
BODY {background-repeat: no-repeat; margin:0; padding:92px 0 54px 0;}

/*ancho de textarea*/
textarea {width:100%; overflow: hidden;}
form{
margin-bottom: 0em;
margin-top: 0em;
}
/*botones personalizados*/
.addcar { background: transparent url('../images/car_add2.png') no-repeat 3px center; padding-left: 18px; cursor:pointer}
.save { background: transparent url('../images/disk.png') no-repeat 3px center; padding-left: 18px; cursor:pointer}
.add { background: transparent url('../images/add.png') no-repeat 3px center; padding-left: 18px; cursor:pointer} 
.adduser { background: transparent url('../images/group_add.png') no-repeat 3px center; padding-left: 18px; cursor:pointer} 
.addpreuser { background: transparent url('../images/add.png') no-repeat 3px center; padding-left: 18px; cursor:pointer} 
.find { background: transparent url('../images/page_find2.png') no-repeat 3px center; padding-left: 18px; cursor:pointer} 
.addfactura { background: transparent url('../images/coins_add.png') no-repeat 3px center; padding-left: 18px; cursor:pointer} 
.login{ background: transparent url('../images/lock_open.png') no-repeat 3px center; padding-left: 18px; cursor:pointer} 
.pdf{ background: transparent url('../images/page_white_acrobat.png') no-repeat 3px center; padding-left: 18px; cursor:pointer} 
.mail{ background: transparent url('../images/email.png') no-repeat 3px center; padding-left: 18px; cursor:pointer} 
.print{ background: transparent url('../images/printer.png') no-repeat 3px center; padding-left: 18px; cursor:pointer} 

/*Div con esquinas redondas
#xsnazzy table {font-size:0.9em;}*/
#xsnazzy {background: transparent; margin:15px 1em 15px 1em; Width: 80%}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background: white; border-left:1px solid black; border-right:1px solid black;}
.xb1 {margin:0 5px; background: black;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:white; border:0 solid black; border-width:0 1px;}

/*Para consulta de factura*/
.tabla{	background-color:white;	border-collapse:collapse;} 
.tablon {border-style: inset; border-collapse: collapse; border-width:1px; border-color: grey;}

/*para campos no modificables (readonly)*/
input[readonly] {background: buttonface;}

/*para las observaciones de presupuesto*/
#observa {height:60px;width:250px;
/*overflow:hidden;*/
/*The above. No csroll bars, you could use this instead of the two below,
but if the text has no white space then the content to the right would be hidden*/
border: hidden
}

/*encabezado en consultas*/
table.encabezado {
border: 0;
padding: 0;
}

/*tablas en consultas*/
table.tablita {
border-collapse: collapse;
border-width: thin;
border-style: solid;
background-color:white;
width:70%;
}

/*tablas para servicios en consultas*/
table.servi {
border-collapse: collapse;
border-style: solid;
background-color:white;
}

/*cabecera*/
/*#header {position: fixed; z-index: 9999;height: 117px; width: 100%; top:0;}
.header{ 
  
  left:0;
  width:100%;
  height:117px;
}*/
 div#header{background-image: url(../images/fondo_header.png);
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:92px;
 }

 div#header table{
		width:100%;
 }
 @media screen{
  body>div#header{ position: fixed; }
  body>div#footer{ position:fixed; }
 }
 
/*contenido*/
div#content{min-height: 100%;
			height: auto !important;
			height: 100%;
			overflow:auto;
			margin: 0 auto -20px;
}

/*Pie de pagina*/
div#footer{background-image: url(../images/fondo_footer.png);
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:54px;
 }
span#fcontent{position: absolute;Bottom:0;text-align:center;margin-left:auto;margin-right:auto; width:100%}

/* ////////////////////Estilo para calendario////////////////////////// */

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {

	float: left;
}

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/*estilo para validacion de campos obligatorios*/
input.vanadium-invalid, select.vanadium-invalid, textarea.vanadium-invalid {
  border-color: red !important;
  border-style: solid !important;
}

input.vanadium-valid, select.vanadium-valid, textarea.vanadium-valid {
  /*border-color: #0F0 !important;
  border-style: solid !important;*/
}

.vanadium-message-value {
  font-style: italic;
  text-decoration: underline;
}

.vanadium-advice {
  font-size: 13px;
}

.vanadium-advice.vanadium-invalid, .vanadium-advice.vanadium-invalid * {
  color: red;
}

input.vanadium-valid {
  /*background-color: greenyellow;*/
}

input.vanadium-valid ~ .vanadium-valid-advice {
  display: inline !important;
  /*color: green;*/
}

.container {
  border-color: #00F;
  border-style: solid;
  border-width: 2px;
  margin: 3px;
  padding: 2px;
  width: auto;
}

.container.vanadium-valid {
  border-color: #0F0 !important;
}

.container.vanadium-invalid {
  border-color: #F00 !important;
}

/*///////////// estilo de impresion de factura ////////////////////////

@media print {
#noimp {display:none}
.no-imprimir {display:none}
.xboxcontent {display:block; background:white; border:0 solid black; border-width:0 0px;}
.tabla {border-style: hidden; border-collapse:collapse;}
#var1 {position: absolute; top: 205px; left: 430px;}
#fecha2 {position: absolute; top: 205px; left: 510px;}
#fecha3 {position: absolute; top: 205px; left: 720px;}
#nombre {position: absolute; top: 220px; left: 160px;}
#rut {position: absolute; top: 220px; left: 600px;}
#direc {position: absolute; top: 250px; left: 160px;}
#comuna {position: absolute; top: 250px; left: 600px;}
#giro {position: absolute; top: 280px; left: 160px;}
#telefono {position: absolute; top: 280px; left: 600px;}
#orden {position: absolute; top: 310px; left: 160px;}
#vehiculo {position: absolute; top: 310px; left: 400px;}
#patente {position: absolute; top: 310px; left: 650px;}
#letras {position: absolute; top: 840px; left: 40px}
# {position: absolute; top: 780px; left: 570px; width:25%}
#detalle {position: absolute; top: 380px; left: 20px; width: 95%}
#val{width:100px}
#cantidad {width: 70px;}
}*/