body {
	/*border:#146BA1 solid 2px;*/
}

div#top_bar {
	position: relative;
	width: 962px;
	height: 90px;
	background:url('./img/softnet_invoicing.png')no-repeat, url('./img/top_b.png') no-repeat;
	background-position: left 5px top, right 0px top;
	margin-bottom: 20px;
}

div#top_bar > div#session_placeholder {
	position: absolute;
	width: 525px;
	top: 2px;
	right: 5px;
	font-family: Arial, Helvetica;
	font-size: 9pt;
	color: #666;
	background: none;
	text-align: right;
}

div#top_bar > div#session_placeholder .etiqueta {
	font-weight: bold;
	color: #146BA1;
	margin-right:5px;
	margin-left: 25px;
}

div#top_bar > div#season_placeholder {
	position: absolute;
	width: 700px;
	top: 35px;
	left: 260px;
	background: none;
	font-family: Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	color: #333;
/*	background: none;*/
	text-align: center;
}

div#top_bar > div#season_placeholder .etiqueta {
	color: #000000;
	margin-right:5px;
}

div#top_bar > div#menu_placeholder {
	position: absolute;
	width: 715px;
	height: 25px;
	top: 62px;
	right: 0px;
	padding-bottom: 1px;
}

div#main {
	position: relative;
	width: 962px;
	margin: 0 auto;
	height: 100%;
	background-color: white;
	border: #B3C6DB solid 1px;
}

div#main > div#container {
	position: absolute;
	top: 118px;
	bottom: 30px;
	padding: 0;
	font-family: Arial, Helvetica;
	font-size: 10pt;
	width: 100%;
	/* background-color: yellow; */
}

div#main > div#module_title {
	position: absolute;
	top: 90px;
	left: 10px;
	height: 25px;
	line-height: 25px;
	padding:0;
	padding-left:10px;
	font-family: Arial, Helvetica;
	font-size: 18px;
	font-weight: normal;
	color:#666;
	border-bottom:#B3C6DB solid 1px;
	border-top: #B3C6DB solid 1px;
	width: 935px;
}

div#main > div#module_title > div {
	height:20px;
	/*background: url('./img/title_right.gif') top right no-repeat;*/
	padding-right:10px;
}

div#inicio {
	height:100%;
	widht:100%;
	/*width:950px;*/
	background: url(./img/img_bienvenido.jpg) 100px no-repeat;
}

div#inicio > div {
	/*background-image: url(./img/img_bienvenido.jpg);*/
}

div#main > div#bottom {
	position: absolute;
	bottom: 0px;
	height: 16px;
	line-height: 16px;
	width: 99%;
	padding-left: 10px;
	font-family: Arial, Helvetica;
	font-size: 6pt;
	color: #c0c0c0;
	background:#404040;
}

#timer {
	width:350px;
	position:absolute;
	top:0;
	left:5px;
	line-height:20px;
	font-size:9px;
	font-family:verdana;
	color:#ffffa0;
	text-align:left;
}

div.grid_container {
	position: absolute;
	width: 960px;
	top: 23px;
	bottom: -10px;
	left: 0px;
	right: 0px;
/*	height: 100%;*/
	background-color: none;
}

div.grid_container_pagination {
	position: absolute;
	width: 960px;
	top: 23px;
	bottom: 20px;
	left: 0px;
	right: 0px;
/*	height: 100%;*/
	background-color: none;
}
div.grid_pagination {
	position: absolute;
	left:1px;
	bottom:-32px;
	height:28px;
	width:100%;
}

div.grid_pagination button {
	height: 28px;
	min-width: 30px;
	margin-left:5px;
	color:#ffffff;
	background-color:#0074c7;
}

div.grid_pagination button:disabled {
	color:#cccccc;
	background-color:#9EC0D6;
}

div.grid_pagination #pgFirst {
	margin-left:10px;
}

#dataGrid {
	position:absolute;
/*	width: 954px;*/
	width: 100%;
	top: 0px;
	bottom: 10px;
	border: #B3C6DB solid 1px;
/*	height: 100%;*/
}

#submenu_placeholder {
	height:25px;
}

.errorTab {
	color: #ff0000 !important;
}

/*=======================*/
/* Configuracion General */
/*=======================*/
input[type="text"], input[type="password"] {
	font-size:10pt;
}

fieldset{
	border: 1px solid #DAE4E5;
	padding:10px;
	margin: 10px;
}

fieldset>label{
	font-family: Arial;
	font-weight: 700;
}

div.campo {
	margin-top: 3px;
/*	font-family: Arial, Helvetica; */
	font-size: 10pt;
}
div.campo h4{
	float: left;
	margin:25px 50px 0 5px;
}
div.campo>input[type="checkbox"],
div.campo>input[type="radio"] {
	display: inline-block;
	margin-top: 5px;
}

div.campo>input[type="checkbox"] + label,
div.campo>input[type="radio"] + label {
	margin-top:-8px;
	margin-left:5px;
	/* background-color: #f8f8f8; */
}

div.campo>label.spacer:first-child {
	margin-top: -8px;
	/* background-color: #f8f8f8; */
}

div.campo>label,
div.campo>label + input[type="text"],
div.campo>label + input[type="password"],
div.campo>label + select {
	font-family: Arial, Helvetica;
/*	font-size: 10pt;
	color: #37add6; */
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	/* background-color: #f8f8f8; */
}

div.campo>label {
	display: inline-block;
}

div.campo>label.align-top {
	vertical-align: top;
}

div.campo>label + input[type="radio"] {
	margin-left:10px;
}

div.campo>label:first-child + input[type="radio"] {
	margin-left:0px;
}

button.cssButton + button.cssButton {
	margin-left: 5px;
}

div.campo>label + input[type],
div.campo>label + select,
div.campo>label + textarea {
/*	background-color: #e0e0e0;*/
background-color: #f0f0f0;
color:#666;
}

/*-- Selectores para background de controles deshabilitados que funcionan para Internet Explorer (requiere DOCTYPE Strict) --*/
div.campo>label + input[type][disabled],
div.campo>label + select[disabled],
div.campo>label + textarea[disabled] {
	background-color: #f0f0f0 !important;
}

div#title {
	color: #ef8116 /*37add6*/;
	font-family: Arial, Helvetica;
	font-size: 18px;
	padding-bottom: 5px;
	border-bottom: 1px solid #c0c0c0;
	margin-bottom: 0px;
}

.ruler {
	font-size: 0px;
	margin: 10px 0px;
	border-bottom: 1px solid #c0c0c0;
}

.error {
	font-weight: bold;
	color: red;
}

div.refresh {
	position:relative;
	display:inline-block;
	background: url(./img/icon-refresh.gif) left no-repeat;
	/*background-color:red;*/
	border: 0;
	padding: 0;
	top:5px;
	margin: -3px 0 0 5px;
	height: 18px;
	width: 18px;
}

/*======================*/
/* Estilos para botones */
/*======================*/

button.ui-button:last-child {
	margin-right: 0px !important;
}

button.ui-button {
	margin-right: 3px !important;
}
button#btnOpenSAT{
	margin: 20px 0;
}
.contenButtons{
	margin:10px 0 20px 150px;
	width: 200px;
}
.btn_nuevo{
	float:right;
	margin: 0 0 0 5px;
}
.contenTwoColumn{
	margin:5px 0 5px 0;
	width: 500px;
	height: 25px;
	float:left;
}
.contenTwoColumn select{
	float:left;
	margin-right:20px;
	clear:none;
}
.contenTwoColumn input[type="text"]{
	float:left;
	margin-right:20px;
	clear:none;
}
.contenTwoColumn label{
	float: left;
}

.ventanaSAT label{
	font-weight: normal;
}
.ventanaSAT h4{
	font-size: 18px;
}
.ventanaSAT legend{
	font-size: 14px;
}
#wConfiguracionCuenta label{
	font-weight: normal;
}
#wConfiguracionCuenta h4{
	font-size: 14px;
	font-weight: bold;
}
.wSeries label{
	font-weight: normal;
}

#wPlantillaLogotipo #logotipo_actual img{
	max-width: 480px !important;
	max-height: 120px !important;
}


.contenButtons .ui-button:hover{
	border:#808080 solid 1px;
}
legend{
	color:#000;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
}


.editProdServ label{
	font-weight: normal;
}
.comprobante{
	float:left;
	width: 930px;
	margin: 5px;
}
.info_factura{
	float: left;
	margin: 0;
	margin-bottom: 2px;
	width: 928px;
}
.comprobante legend{
	font-family: Arial;
	font-size: 16px;
	margin: 0 0 5px 0;
	float: left;
	width: 100%;
}

.comprobante .campo label{
	color:#222;
	margin: 0;
	margin-bottom: 3px;
	float: left;
}
.comprobante .campo input[type="text"]{
	color:#222;
	margin: 0;
	margin-bottom: 3px;
	float: left;
	border: #CCC solid 1px;
}
.comprobante .campo select{
	color:#222;
	margin: 0;
	margin-bottom: 3px;
	float: left;
	border: #CCC solid 1px;
}

#conten_note label{
	float: left;
}
#conten_note textarea{
	float: left;
	width: 470px;
	height: 70px;
	margin: 5px;
	resize: none;
	color:#666;
	border: #B3C6DB solid 1px;
}
#conten_note button{
	float:right;
	margin-left: 15px;
}
	
.comprobanteForm1{
	border: none;
}
.comprobanteForm1 h1{
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.comprobanteForm1 label{
	float:left;
	font-size: 12px;
}
.comprobanteForm1 select{
	float:left;
	border:#333 solid 1px;
	border-top: #ccc solid 1px;
	border-left: #ccc solid 1px;
}
.comprobanteForm1 input[type="text"]{
	float:left;
	border:#333 solid 1px;
	border-top: #ccc solid 1px;
	border-left: #ccc solid 1px;
}
.comprobanteForm1 textarea{
	width: 600px;
	margin-top: 10px;
	float:left;
	border:#333 solid 1px;
	border-top: #ccc solid 1px;
	border-left: #ccc solid 1px;
}
.comprobanteForm1 .FormAddConcepto .ButtonConceptos{
	float:right;
	width: 85px;
	margin:0;
}
.comprobanteForm1 .FormAddConcepto .ButtonConceptos input[type="button"]{
	width: 82px;
	height: 25px;
	margin-bottom: 5px;
	padding: 0;
}
.comprobanteForm1 .FormAddConcepto .nuevoConcepto{
	margin: 0;
	float: left;
}

.comprobanteForm1 .notas_factura{
	margin: 5px 0;
	width: 706px;
	height: auto;
}
.comprobanteForm1 .notas_factura #sObservaciones{
	width: 706px;
	height: 32px;
	border: #CCC solid 1px;
	resize: none;
}
.comprobanteForm1 #dataGridConceptos{
	float:left !important;
	width: 706px;
	height: 130px;
	border: #CCC solid 1px !important;
	z-index: 999;
	overflow-x: hidden;
}
.comprobanteForm1 #dataGridListaConceptos{
	float:left !important;
	width: 520px;
	height: 150px;
	border: #CCC solid 1px !important;
	z-index: 999;
}
.comprobanteForm1 .BtnsVentanaConceptos{
	float:right;
	width: 200px;
	margin-top: 15px;
}
.comprobanteForm1 .BtnsVentanaConceptos .ui-button{
	float: left;
	width: 90px;
}
.FormAddConcepto{
	float:left;
	width: 100%;
	height: auto;
	clear:both;
	margin: 15px 0;
	margin-bottom: 0px;
	border-top: #eee solid 1px;
}
.FormAddConcepto h1{
	font-family: Arial;
	font-size:16px;
	font-weight: normal;
	margin: 5px 0 3px 0;
	color:#000;
	float: left;
	width: 100%;
}
.comprobante .FormAddConcepto .nuevoConcepto{
	margin: 0;
	float: left;
	width:825px;
}
.FormAddConcepto .comboDescripcion{
	float: left !important;
	color:#222 !important;
	margin: 0;
	margin-bottom: 3px;
}
.FormAddConcepto .comboDescripcion input{
	border:#CCC solid 1px !important;
}


.comprobante #sDescripcion{
	float: left;
	margin:0 0 10px;
	padding: 3px;
	width: 594px;
	height: 45px;
	border: #b9b8b8 solid 1px;
	resize: none;
}
.FormAddConcepto .ButtonConceptos{
	float:right;
	width: 85px;
	margin:0;
}
.FormAddConcepto .ButtonConceptos input[type="button"]{
	width: 82px;
	height: 25px;
	margin-bottom: 5px;
	padding: 0;
}

.comprobante .notas_factura{
	margin: 5px 0;
	width: 890px;
	height: auto;
}
.comprobante .notas_factura #sObservaciones{
	width: 890px;
	height: 32px;
	border: #CCC solid 1px;
	resize: none;
}
.sum_valores{
	float:left;
	width: 815px;
	height: auto;
	padding: 3px 0 3px 0;
	margin-top: 5px;
	background: #fcfdff;
}


.titulo_grid{
	border-top: #eee solid 1px;
	height: auto;
	width: 100%;
	float: left;
	margin: 5px 0;
}
.titulo_grid h3{
	font-family: Arial;
	font-size:16px;
	font-weight: normal;
	margin: 5px 0 5px 0;
	color:#000;
	float: left;
	width: 100%;
}


.list_conceptos{
	float: left;
	width: 540px;
	height: 150px;
	overflow-y: auto;
	overflow-x: none;
	margin-top:10px;
	margin-bottom: 20px;
	border: #DAE4E5 solid 1px;
}
.tbl_conceptos{
	float: left;
	width: 520px;
	min-height: 200px;
	font-family: Arial;
	font-size:12px;
	clear:both;
	border:none;
}
.tbl_conceptos th{
	border:none;
}
.tbl_conceptos thead{
	height: 20px;
}
.tbl_conceptos input[type="text"]{
	background:#CCC;
}
.tbl_conceptos select{
	background:#CCC;
	margin:-10px  0;
	float:left;
}

.comprobante .BtnsVentanaConceptos{
	float:right;
	width: 90px;
	margin: 0;
	margin-top: 0px;
}
.comprobante .BtnsVentanaConceptos .ui-button{
	margin:0;
	margin-top: 2px;
	float: left;
	width: 90px;
}

.comprobante #dataGridConceptos{
	float:left !important;
	width: 930px;
	height: 88px;
	border: #CCC solid 1px !important;
	z-index: 999;
	overflow-x: hidden;
}
.comprobante #dataGridListaConceptos{
	float:left !important;
	width: 520px;
	height: 150px;
	border: #CCC solid 1px !important;
	z-index: 999;
}

.winConfigWsdl{
	margin: 10px;
}
.winConfigWsdl input[type="text"]{
	border:#ccc solid 1px;
	border-right: #404040 solid 1px;
	border-bottom: #404040 solid 1px;
	margin-top: 10px;
	height: 25px;
}

button::-moz-focus-inner {border: none; padding:0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: 0px;
		margin-right: -3px;
	}
}

.cssButton.normal {
	width: auto;
	border: 0 none;
	cursor: pointer;
	font-weight: bold;
	padding: 0 10px 0 0;
	text-align: center;
	background: url(./img/btn-normal-r.gif) right no-repeat;
}

.cssButton.normal span {
	position: relative;
	display: block;
	white-space: nowrap;
	padding: 0 0 0 10px;
	height: 25px;
	line-height: 25px;
	background: url(./img/btn-normal-l.gif) left no-repeat;
	color: #48677B;
	font-family: Arial, Helvetica;
	font-size: 10pt;
	overflow: visible;
}

.cssButton.hover {
	background: url(./img/btn-over-r.gif) right no-repeat;
}

.cssButton.hover span {
	color:#ffffff;
	background: url(./img/btn-over-l.gif) left no-repeat;
}

.cssButton.disabled {
	cursor: default;
	background: url(./img/btn-disabled-r.gif) right no-repeat;
}

.cssButton.disabled span {
	color: #d8d8d8;
	text-shadow: none;
	background: url(./img/btn-disabled-l.gif) left no-repeat;
}

#cnt_permisos ul {
	list-style-type: none;
	font-family: verdana;
	font-size: 9pt;
	margin: 0;
	padding: 0 0 0 25px;
}

#cnt_permisos ul:first-child {
	padding:0;
	margin:10px;
}

#cnt_permisos ul li {
	margin: 3px 0;
}

#cnt_permisos ul li input[type="checkbox"] {
	margin-right: 5px;
}

#cnt_permisos ul li label {
	color:#808080;
}

#cnt_permisos ul li label.checked {
	font-weight: bold;
	color: #000000;
}

#cnt_permisos ul li label.activo {
	font-weight: normal;
	color: #000000;
}

#cnt_permisos ul li label.disabled {
	font-weight: normal;
	color: #c0c0c0;
	font-style: italic;
}

.disabled {
	color: #e0e0e0;
}

#dataGrid {
	height: 100% !important;
}

.title {
	margin-bottom: 5px;
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial;
}

/* Seccion del estilo del GMaps plugin*/
#imagenMapa{
	float:left;
	padding: 5px;
}

#direccionMapa{
	display:inline-block;
	width: 300px;
	padding: 5px;
	border: 0px solid #c0c0c0;
}

#sliderZoom{
	 width:auto;
}
 

/* Seccion del estilo para los controles de la camara */
#photoControl{
	text-align:center;
}
#photoFrame{
	margin:0 auto;
	padding:10px;
	width:280px;
	height:320px;
}
#upload_results{
	background-color:#eee;
}

div.block-ui {
	width:100%;
	height:100%;
	z-index: 10000;
	position:absolute;
	top:0;
	left:0;
}

div.block-ui #crystal {
	width:100%;
	height:100%;
	background-color:silver;
	-moz-opacity:.70;
	opacity:.70;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}

div.block-ui #message {
	width:200px;
	height:50px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-100px;
	margin-top:-25px;
	background: url('./img/loading.gif') no-repeat;
	padding: 0 10px 0 65px;
	text-align:left;
	line-height:50px;
	font-family: Arial, Helvetica;
	font-size:10pt;
	color:silver;
}

/**
 * Esta clase es para una tabla que sera marcada para tener lineas de colores desiguales
 */
 .zebraStripe tbody tr td{
	 padding: 6px 11px;
	 border-bottom: 1px solid #55697c;
	 vertical-align:middle;
	 text-align: center;
	 vertical-align:top;
 }
 
 .zebraStripe tbody tr:hover td{
	 background: #55697c;
	 color:#e0e0e0;
 }
 
 .zebraStripe thead tr th{
	 padding: 0px 12px;
	 border: solid #000;
	 border-width: 0px 0px 1px 0px;
	 vertical-align:middle;
	 text-align: center;
	 font-weight: 700;
	 color: #fff;
	 font-size: 13px;
	 background: #55697c;
 }