@charset "utf-8";
/* CSS Document */

html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,img,strong,ul,li,form,label,table,tr,th,td{
	border: 0 none;
	font-size: 100%;
	font-style:inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}

body, h1, h2,h3,h4,h5,h6, p, li, a , span, label,input, textarea,button,strong,td,th{
	font-family: Arial, Helvetica, sans-serif;
}

body{
	background-color: #ffffff;
}

a, p, li, label, input,strong,span,td,th,textarea{
	color: #333;
	font-size: 12px;
}

h1,h2,h3,h4,h5{
	color: #333;
}

strong{
	font-weight: bold;
}

h5{
	font-size:15px;
}

a{
	color: #1984CB;
	text-decoration: underline;
    font-size: 14px;
}

.logo_wrapper{
	overflow: hidden;
	background-color: #333;
}

.logo_wrapper h6{
	color: #fff;
	margin-right: 15px;
}

.logo_wrapper a{
	padding: 5px;
}

.wrapper{
	/*margin: auto;
	width:960px;*/
	padding: 0 25px 0;
}

.login_content{
	margin:25px 0 auto;
	overflow: hidden;
}

.logo{
	padding:0 400px;
}

.logo img{
    margin-left: 80px;
}

.login_form{
	float: left;
	/*border: 1px solid #CCC;
	padding: 25px;*/
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #9FC5EC;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    padding: 25px;
    border-radius: 10px;	
}

form .label, table.form .label{
	text-align: right;
}

#displayError{
	color:#F00;
}

.msg_error{
	color:#F00;	
}

#displaySucces{
	color:#090;
}

.sep_form_menu{
	margin-top: 25px;
}

.form_wrapper h3, h3.title{
	font-weight: bold;
}

.user_l{
	font-weight: bold;
	font-size: 10px;
}


/***** TABLA RESULTADOS ****/
table.ec_result_vg {
background-color: #CDCDCD;
margin:0px auto 15px;
width: 100%;
text-align: left;
}

table.ec_result, table.ec_result_vg {
background-color: #CDCDCD;
margin:10px 0px;
/*width: 100%;*/
text-align: left;
}

.wd100{
	width: 100%;
}

.txt_c{
	text-align: center;
}

.td_clb{
	background-color: #0C3865 !important;
	border-color: #092B4D !important;
}
.td_clb strong, .td_clb label{
	color: #FFF;
}



table.ec_result thead tr th, table.ec_result tfoot tr th, table.ec_result_vg thead tr th, table.ec_result_vg tfoot tr th {
background-color: #0C3865;
color:#FFF;
border: 1px solid #092B4D;
padding: 4px;
font-size:12px;
font-weight: bold;
}
table.ec_result tbody td,table.ec_result_vg tbody td {
color: #333;
padding: 4px;
background-color: #FFF;
vertical-align: top;
font-size: 12px;
}
table tbody td.num, table tbody td.num, table td input.num {
	text-align: right;
	white-space: nowrap;;
}
table tbody td.tot,table tbody td.tot{
	font-weight:bold;
}
table.ec_result tbody tr.odd td,table.ec_result_vg tbody tr.odd td {
background-color:#F0F0F6;
}
table.ec_result tbody tr.alert td,table.ec_result_vg tbody tr.alert td {
background-color:#F4FA58;
}
table.ec_result tbody tr.success td,table.ec_result_vg tbody tr.success td {
background-color:#b9f6ca;
}
table.ec_result thead tr .headerSortUp {
background-image: url(asc.gif);
}
table.ec_result thead tr .headerSortDown {
background-image: url(desc.gif);
}
table.ec_result thead tr .headerSortDown, table.ec_result thead tr .headerSortUp {
background-color: #8dbdd8;
}
/*** **/
table.ec_result_2 {
background-color: #CDCDCD;
margin:0px auto 15px;
width: 100%;
text-align: left;
}


table.ec_result_2 thead tr th, table.ec_result_2 tfoot tr th{
background-color: #fff;
color:#000;
border: 1px solid #666;
padding: 4px;
font-size:12px;

}

table.ec_result_2 tbody td{
color: #333;
padding: 4px;
background-color: #FFF;
vertical-align: top;
font-size: 12px;
}

table.ec_result_2 tbody tr.head td{
	border: 1px solid #666;
}


/*********** table sorter****************/

table.tablesorter {
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	width: auto;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #0C3865;
	border: 1px solid #092B4D;
	font-size:12px;
	font-weight: bold;
	color:#FFF;
	padding: 4px;
}
table.tablesorter thead tr.sort .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #333;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr.sort .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr.sort .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr.sort .headerSortDown, table.tablesorter thead tr.sort .headerSortUp {
background-color: #8dbdd8;
}

table.tablesorter thead tr.sort th{
	padding-right:20px !important;
}


/***************************/
/*********** table head statico x ESantos****************/
table.tablestatic {
    background-color: #CDCDCD;
    margin:10px 0pt 15px;
    width: auto;
    text-align: left;
}
table.tablestatic thead tr th, table.tablestatic tfoot tr th {
    background-color: #0C3865;
    background: #0C3865;
    border: 1px solid #092B4D;
    font-size:12px;
    font-weight: bold;
    color:#FFF;
    padding: 4px;
}
table.tablestatic tbody td {
    color: #333;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablestatic tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablestatic thead tr th div{
  background-color: #0C3865;
  background: #0C3865;
  #border-left: 1.5px solid #CDCDCD;
  font-size:12px;
  font-weight: bold;
  color:#FFF;
  padding: 4px;
  position: absolute;
  padding-top: 10px;
  padding-bottom: 12px;
  margin-left: -5px;
  line-height: normal;
  z-index: 1000;
}
table.tablestatic thead tr.sort th div,
table.tablestatic thead tr.sort th{
    padding-right:20px !important;
}
table.tablestatic tbody tr td + table.tablestatic tbody tr td {
  border-left:1px solid #eee;
}
section .sec {
  position: relative;
  border: 1px solid #000;
  padding-top: 37px;
  background: #500;
}
section.positioned .sec{
  position: absolute;
  top:100px;
  left:100px;
  width:800px;
  box-shadow: 0 0 15px #333;
}
table.tablestatic thead tr th {
  height: 23px;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  color: transparent !important;
  border: none;
}
/***************************/
/*--imagen de cargando-- Ingresado por Ervin Santos para uso de Sistema Inmobiliaria*/
#circular3dG{
position:relative;
width:35px;
height:35px;
}
.circular3dG{
position:absolute;
background-color:#fff;
width:10px;
height:10px;
-moz-border-radius:10px;
-moz-animation-name:bounce_circular3dG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:normal;
-webkit-border-radius:10px;
-webkit-animation-name:bounce_circular3dG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:normal;
-ms-border-radius:10px;
-ms-animation-name:bounce_circular3dG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:normal;
-o-border-radius:10px;
-o-animation-name:bounce_circular3dG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:normal;
border-radius:10px;
animation-name:bounce_circular3dG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:normal;
}
#circular3d_1G{
left:14px;
top:2px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}
#circular3d_2G{
left:21px;
top:8px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}
#circular3d_3G{
left:26px;
top:16px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}
#circular3d_4G{
left:24px;
top:24px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}
#circular3d_5G{
left:15px;
top:26px;
-moz-animation-delay:0.9099999999999999s;
-webkit-animation-delay:0.9099999999999999s;
-ms-animation-delay:0.9099999999999999s;
-o-animation-delay:0.9099999999999999s;
animation-delay:0.9099999999999999s;
}
#circular3d_6G{
left:3px;
top:17px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}
#circular3d_7G{
left:0px;
top:5px;
-moz-animation-delay:1.1700000000000002s;
-webkit-animation-delay:1.1700000000000002s;
-ms-animation-delay:1.1700000000000002s;
-o-animation-delay:1.1700000000000002s;
animation-delay:1.1700000000000002s;
}
#circular3d_8G{
left:6px;
top:0px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}
@-moz-keyframes bounce_circular3dG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}
}
@-webkit-keyframes bounce_circular3dG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}
}
@-ms-keyframes bounce_circular3dG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}
}
@-o-keyframes bounce_circular3dG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}
}
@keyframes bounce_circular3dG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}
}
.widgetDate{
	background: url(../images/widgetdate.png) no-repeat scroll 0 0 transparent; 
	width: 146px;
	height: 26px;
	overflow: hidden;
	position:relative;
}
.widgetDate a {
	display: block;
	height: 26px;
	position: absolute;
	right:0;
	text-decoration: none;
	text-indent: -3000px;
	top:0;
	width:26px;
}
.widgetDate span{
	height: 26px;
	left: 3px;
	line-height: 26px;
	position: absolute;
	text-align: center;
	top: 0;
	width:126px;
}

.widgetDate input{
	height: 20px;
	width:110px;
}

  .principal { 
      border-radius:3px; 
      -moz-border-radius:3px; /* Firefox */ 
      -webkit-border-radius:3px; /* Safari y Chrome */ 

      /* Otros estilos */ 
      border:1px solid #333;
      background:#eee;
      width:30%;
      height:2%;
      padding:1px;
    }

.bkgc_super,.bkgc_super strong{
	background-color: #91100D !important;
	border-color:#F00000 !important;
	color: #FFFFFF !important;
}


.bkgc_regular, .bkgc_regular strong tr{
	background-color: #009966 !important;	
	border-color: #009966 !important;
	color: #FFFFFF !important;
}

.bkgc_bunker,.bkgc_bunker strong tr{
	background-color: #000000 !important;	
	border-color: #000000 !important;
	color: #FFFFFF !important;	
}

.bkgc_diesel, .bkgc_diesel strong{
	background-color: #E8E800 !important;	
	border-color: #EAEA00 !important;
	color: #000000 !important;		
}

.bkgc_ultra, .bkgc_ultra strong{
	border-color: #0033CC !important;
	background-color: #1546B7 !important;
	color: #FFFFFF !important;
}

.bkgc_tab, .bkgc_tab strong{
	border-color: #0033CC !important;	
	background-color: #0C3865 !important;
    color: #FFFFFF !important;
}

.txt_obser{
	font-style:  italic !important;
}

.excel{
    background: url("../images/excel.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	background-position: 0 0;
    height: 30px;
    width: 30px;
}

.excel12_32_32{
    background: url("../images/excel12_32_32.jpg") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}

.excel_16x16{
    background: url("../images/excel_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
}

.edit_button{
    background: url("../images/file_edit.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	background-position: 0 0;
    height: 12px;
    width: 12px;
}

.check_16x16{
    background: url("../images/check_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	background-position: 0 0;
    height: 13px;
    width: 13px;
}

.check_16x16_descuentos{
    background: url("../images/check_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 13px;
    width: 13px;
}

.warning_16x16{
    background: url("../images/warning_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	background-position: 0 0;
    height: 13px;
    width: 13px;
}

.warning_red_16x16{
    background: url("../images/warning_red_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 13px;
    width: 13px;
}

.error_32x32{
	 /*Ingresado por Dmarooquin-23111 el 9-12-2013 a solicitud de Josue Guillen*/
    background: url("../images/error_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	background-position: 0 0;
    height: 32px;
    width: 32px;
}
.banderav_32x32{
     /*Ingresado por Dmarooquin-23111 el 9-12-2013 a solicitud de Josue Guillen*/
    background: url("../images/banderav_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}

.check{
     /*Ingresado por Dmarooquin-23111 el 9-12-2013 a solicitud de Josue Guillen*/
    background: url("../images/check.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.banderar_32x32{
     /*Ingresado por Dmarooquin-23111 el 9-12-2013 a solicitud de Josue Guillen*/
    background: url("../images/banderar_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.error_16x16{
    background: url("../images/error_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	background-position: 0 0;
    height: 18px;
    width: 18px;
}
.arrow_16x16{
    /*Ingresado por Byron-84161 el 28-Abril-2014 para preplanilla*/
    background: url("../images/arrow_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
}
.info_16x16_{
    /*Ingresado por Byron-84161 el 30-Abril-2014 para preplanilla*/
    background: url("../images/info_16x16_.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
}


.exclamation_error_16x16{
    background: url("../images/excl_error_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	background-position: 0 0;
    height: 26px;
    width: 24px;
}

.navigation_down_16x16{
    background: url("../images/navigate_down_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	background-position: 0 0;
    height: 8px;
    width: 11px;
}

.navigation_up_16x16{
    background: url("../images/navigate_up_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	background-position: 0 0;
    height: 8px;
    width: 11px;
}

.info_16x16{
    background: url("../images/info_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	background-position: 0 0;
    height: 13px;
    width: 13px;
}

.info_green_16x16{
    background: url("../images/info_green_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	background-position: 0 0;
    height: 13px;
    width: 13px;
}

.forward_16x16{
    background: url("../images/forward_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	background-position: 0 0;
    height: 13px;
    width: 14px;
}
.check_button{
    background: url("../images/check_button.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	background-position: 0 0;
    height: 15px;
    width: 16px;
}
.cancel{
    background: url("../images/cancel.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	background-position: 0 0;
    height: 36px;
    width: 36px;
}

.cancel_button{
    background: url("../images/cancel_button.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	background-position: 0 0;
    height: 15px;
    width: 16px;
}

.pdf_16x16{
    background: url("../images/pdf_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
	background-position: 0 0;
    height: 15px;
    width: 13px;
}
.new_32x32{
    background: url("../images/new_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.save_32x32{
    background: url("../images/save_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 30px;
    width: 30px;
}
.save_16x16{
    background: url("../images/save_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 15px;
    width: 15px;
}
.add_32x32{
    background: url("../images/add_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}

.actualizara_32x32{
    background: url("../images/actualizara_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}


.add_16x16{
    background: url("../images/add_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
}
.pdf_32x32{
    background: url("../images/pdf_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.update_32x32{
    background: url("../images/update_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}    
.actualizara_32x32{
    background: url("../images/actualizara_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
} 

.link{
    background: url("../images/link.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}

.update_16x16{
    background: url("../images/update_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 15px;
    width: 15px;
} 
.print_32x32{
    background: url("../images/print_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}    
.print_16x16{
    background: url("../images/print_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
} 


.search_32x32{
    background: url("../images/search_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}    

.search_16x16{
    background: url("../images/search_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
}  

.loading_32x32{
    background: url("../images/loading32x32.gif") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}    

.loading_16x16{
    background: url("../images/loading16x16.gif") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width:  16px;
}    
.add_button_32x32{
    background: url("../images/add_button_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}  

.add_button_16x16{
    background: url("../images/add_button_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
} 
.cancel_32x32{
    background: url("../images/cancel_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}  

.cancel_16x16{
    background: url("../images/cancel_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
}  

.anular_16x16{
    background: url("../images/anular_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 19px;
    width: 19px;
} 

table.tableCC thead tr th{
    /*Ingresado por Jsique-53141 el 20-Nov-2013 impresion de contraseña*/
    background-color: gray; 
    font-size:8px;
    border-collapse: collapse;
}
.datacompra{
    /*Ingresado por Jsique-53141 el 20-Nov-2013 impresion de contraseña*/
    background: url("../images/datacompra.jpg") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 175px;
    width:  177px;
}

.datacompra_copy{
    /*Ingresado por Jsique-53141 el 20-Nov-2013 impresion de contraseña*/
    background: url("../images/solchecopy.jpg") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 70px;
    width:  90px;
}
.hoja_48x48{
    /*Ingresado por Jsique-53141 el 20-Nov-2013 impresion de contraseña*/
    background: url("../images/hoja_48x48.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width:  48px;
}

.capeta_fac_48x48{
    /*Ingresado por Brenda Urbina para amarrar evios a facturas*/
    background: url("../images/facturas_carp_48x48.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width:  48px;
}

.hoja_32x32{
    /*Ingresado por Jsique-53141 el 20-Nov-2013 impresion de contraseña*/
    background: url("../images/hoja_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}
.proceso_32x32{
    /*Ingresado por Jsique-53141 el 20-Nov-2013 impresion de contraseña*/
    background: url("../images/proceso_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}     
.cajas_4x48{
    /*Ingresado por Jsique-53141 el 20-Nov-2013 impresion de contraseña*/
    background: url("../images/cajas_4x48.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width:  48px;
}  
.des_mat_48x48{
    /*Ingresado por Jsique-53141 el 20-Nov-2013 impresion de contraseña*/
    background: url("../images/des_mat_48x48.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width:  48px;
}      
.observar_48x48{
    /*Ingresado por Jsique-53141 el 20-Nov-2013 impresion de contraseña*/
    background: url("../images/observar_48x48.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width:  48px;
}
.ingreso_bod_48x48{
    /*Ingresado por Jsique-53141 el 20-Nov-2013 impresion de contraseña*/
    background: url("../images/ingreso_bod_48x48.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width:  48px;
}
.search_doc_48x48{
    /*Ingresado por Jsique-53141 el 20-Nov-2013 impresion de contraseña*/
    background: url("../images/search_doc_48x48.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width:  48px;
}
.usuario{
    /*Ingresado por Jsique-53141 el 20-Nov-2013 impresion de contraseña*/
    font-size:12px; color: #fff;
}
.tag_usuario{
    /*Ingresado por Jsique-53141 el 20-Nov-2013 impresion de contraseña*/
    font-size:12px; color: #fff;
}
.billetera_48x48{
    /*Ingresado por Jsique-53141 el 20-Nov-2013 impresion de contraseña*/
    background: url("../images/billetera_48x48.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width:  48px;
}
.factura_32x32{
    /*Ingresado por Jsique-53141 el 10-Dic-2013 impresion de contraseña*/
    background: url("../images/factura_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width:  48px;
}
.isr_16x16{
    /*Ingresado por Jsique-53141 el 23 Ene 2014 para pago a proveedores opcion de nota de ISR*/
    background: url("../images/isr_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
}
.descuentos_16x16{
    /*Ingresado por Jsique-53141 el 22 Ene 2014 para pago a proveedores opcion de otros descuentos*/
    background: url("../images/descuentos_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
}
.notacredito_16x16{
    /*Ingresado por Jsique-53141 el 22 Ene 2014 para pago a proveedores opcion nota de credito*/
    background: url("../images/notacredito_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
}
.check2{
    background: url("../images/check2.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.des_preautoriza{
    background: url("../images/round_down_arrow.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.user_noaut{
    background: url("../images/usernoaut.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 18px;
    width: 18px;
}

.househome{
    background: url("../images/home.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 18px;
    width: 18px;
}

.StockUp{
    background: url("../images/StockUp.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 18px;
    width: 18px;
}

.folder{
    background: url("../images/folder16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 18px;
    width: 18px;
}

.note2oc{
    background: url("../images/note_tipe16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 18px;
    width: 18px;
}

.note_add{
    background: url("../images/note_tipeadd16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 18px;
    width: 18px;
}

.rigtharrow_16x16{
    /*Ingresado por Jsique-53141 el 22 Ene 2014 para pago a proveedores opcion de otros descuentos*/
    background: url("../images/arrow_rigth16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 20px;
    width: 20px;
}

.serch_16x16{
    /*Ingresado por Jsique-53141 el 22 Ene 2014 para pago a proveedores opcion de otros descuentos*/
    background: url("../images/search.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
}

.pre_check16x16{
    /*Ingresado por Jsique-53141 el 22 Ene 2014 para pago a proveedores opcion de otros descuentos*/
    background: url("../images/preautorizitem.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
}

.fases16x16{
    /*Ingresado por Jsique-53141 el 22 Ene 2014 para pago a proveedores opcion de otros descuentos*/
    background: url("../images/fases.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
}

.money_32x32{
    background: url("../images/money.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width: 48px;
}

.enviar_32x32{
    background: url("../images/enviar.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width: 48px;
}

.back_32x32{
    background: url("../images/back_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width: 48px;
}
/*Agregado por 53141 - Jose Sique el 24-Jul-2014 para recepcion de mercaderia*/
.proces_indoc48x48{
    background: url("../images/proces_indoc48x48.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width:  48px;
}
/*Agregado por 53141 - Jose Sique el 24-Jul-2014 para recepcion de mercaderia*/
.proceso_48x48{
    background: url("../images/proceso_48x48.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width:  48px;
}

.book_32x32{
    /*Agregado por 46227 - Gustavo Garcia el 24-Jul-2014 para Despliegue de Reportes lista Negra*/
    background: url("../images/book_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width:  48px;
}
/*Agregado por 53141 - Jose Sique el 18-Ago-2014 para recepcion de mercaderia*/
.registrar_48x48{
    background: url("../images/registrar_48x48.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width:  48px;
}
.control_panel{
    /*Ingresado por Gustavo Garcia Para mostrar detalle de yardas programadas*/
    background: url("../images/control_panel.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 50px;
    width:  120px;
}

.transporte{
    /*Ingresado por Gustavo Garcia Para mostrar Tarifario*/
    background: url("../images/transporte _48x48.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 50px;
    width:  55px;
}

.negociar{
    /*Ingresado por Gustavo Garcia Para mostrar Tarifario*/
    background: url("../images/negociar.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 50px;
    width:  50px;
}

.negociar_32x32{
    /*Ingresado por Gustavo Garcia Para mostrar Tarifario*/
    background: url("../images/negociar32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}

.clock_32x32{
    /*Ingresado por Josue Guillen el 02-Sep-2014 12:21 para usos en el sistema de planillas*/
    background: url("../images/clock_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}

.edit_32x32{
    /*Ingresado por Gustavo Garcia el 19-Sep-2014 par usos en el sistema de ventas opcion editar*/
    background: url("../images/edit_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}

.up_32x32{
    /*Agregado por 46227 - Gustavo Garcia el 24-Jul-2014 para Despliegue de Reportes lista Negra*/
    background: url("../images/up_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}
.proces_32x32{
    /*Ingresado por Jose Sique el 29-Sep-2014 094:6 para usos en el sistema de planillas*/
    background: url("../images/proces_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}
.downloadfile_32x32{
    /*Ingresado por Josue Guillen el 22-Oct-2014 15:27 para usos en el sistema de planillas*/
    background: url("../images/downloadfile_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}

.info_48x48{
    /*Ingresado por Josue Guillen el 22-Oct-2014 15:27 para usos en el sistema de planillas*/
    background: url("../images/informacion_48x48.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 48px;
    width:  48px;
}

.circulo10px{ 
    /*Ingresado por Denis Bautista el 13-Nov-2014 17:40 */
    width: 10px;
    height: 10px;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px;
}
.circulo8px{ 
    /*Ingresado por Byron Palencia el 30-Abril-2015 13:16 */
    width: 8px;
    height: 8px;
    -moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px;
}

.circulo15px{ 
    /*Ingresado por Denis Bautista el 13-Nov-2014 17:40 */
    width: 15px;
    height: 15px;
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    border-radius: 15px;
}
.text_edit2_16x16{
    /*Ingresado por Josue Guillen el 26-Nov-2014 09:15*/
    background: url("../images/text_edit2(16x16).png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width:  16px;
}

.graphic_32x32{
     /*Ingresado por 53141 - Jose Sique el 05-Mar-2015 , imagen de graficos*/
    background: url("../images/graphic_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.graphic2_32x32{
     /*Ingresado por 53141 - Jose Sique el 05-Mar-2015 , imagen de graficos*/
    background: url("../images/graphic2_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.graphic2_48x48{
     /*Ingresado por 53141 - Jose Sique el 05-Mar-2015 , imagen de graficos*/
    background: url("../images/graphic2_48x48.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.graphic32x32{
     /*Ingresado por 53141 - Jose Sique el 05-Mar-2015 , imagen de graficos*/
    background: url("../images/graphic32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}

.info_32x32{
    background: url("../images/info_32x32.png")  no-repeat scroll left top transparent ;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
  
}
.add_yes_32x32{
   background: url("../images/add_yes.png") no-repeat scroll left top transparent;

    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.cancel_x_32x32{
   background: url("../images/cancel_x.png") no-repeat scroll left top transparent;

    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.list_32x32{
   background: url("../images/list_32.png") no-repeat scroll left top transparent;

    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.arrow_left_32x32{
   background: url("../images/arrow_left16.png") no-repeat scroll left top transparent;

    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
}
.checkr_16x16{
    background: url("../images/checkr_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
}
/*Codigo para mostrar un cuadro de 10px en movimiento circular Denis Bautista 18-Dic-14 10:00 */
/* Creamos la animacion */
@-webkit-keyframes giro {
from { -webkit-transform: rotate(0deg); }
to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes giro {
from { -moz-transform: rotate(0deg); }
to { -moz-transform: rotate(360deg); }
}
@-ms-keyframes giro {
from { -ms-transform: rotate(0deg); }
to { -ms-transform: rotate(360deg); }
}
/* Añadimos el degradado y el giro solo con CSS */
.animado {
width: 10px;
height: 10px;
background-image: -moz-radial-gradient(35px 35px 35deg, circle cover, red 0%, orange 100%, red 95%);
background-image: -webkit-radial-gradient(35px 35px, circle cover, red, orange);
background-image: radial-gradient(35px 35px 35deg, circle cover, red 0%, orange 100%, red 95%);
/* webkit chrome, safari, mobile */
-webkit-animation-name: giro; /* Nombre de la animacion */
-webkit-animation-duration: 2s; /* 2 Segundos */
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
/* mozilla ff */
-moz-animation-name: giro; /* Nombre de la animacion */
-moz-animation-duration: 2s; /* 2 Segundos */
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
/* microsoft ie */
-ms-animation-name: giro; /* Nombre de la animacion */
-ms-animation-duration: 2s; /* 2 Segundos */
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
}


.proceso_16x16{
    /*Ingresado por RafaelGarcia-63312 el 21-Abril-2015 Procesos*/
    background: url("../images/proceso_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}
.lineal_32x32{

    background: url("../images/Line32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.barra_32x32{

    background: url("../images/barra32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.circular_32x32{

    background: url("../images/circular32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
} 

.wrong_32x32{
    background: url("../images/wrong_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.arrowdown32x32{
     /*Ingresado por 84776- Henry Leonel Hernandez Estrada El:04-May-2015 , imagen del checklist*/
    background: url("../images/arrowdown32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.arrowup32x32{
     /*Ingresado por 84776- Henry Leonel Hernandez Estrada El:04-May-2015 , imagen del checklist*/
    background: url("../images/arrowup32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.clock_16x16{
     /*Ingresado por 84776- Henry Leonel Hernandez Estrada El:04-May-2015 , imagen del checklist*/
    background: url("../images/clock_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
}
.process_warning_32x32{
    /*Ingresado por Ervin Santos 08-05-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/process_warning.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}

.iva{
    background: url("../images/iva_65x15.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 15px;
    width: 65px;
}

.idp{
    background: url("../images/idp_45x15.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 15px;
    width: 45px;
}

.busquedas_32x32{
    /*Ingresado por Josue Guillen el 02-Sep-2014 12:21 para usos en el sistema de planillas*/
    background: url("../images/busquedas_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}

.mostrartodo_32x32{
    /*Ingresado por Josue Guillen el 02-Sep-2014 12:21 para usos en el sistema de planillas*/
    background: url("../images/mostrartodo_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;

}

.Cancelacion_32x32{
    /*Ingresado por Josue Guillen el 02-Sep-2014 12:21 para usos en el sistema de planillas*/
    background: url("../images/Cancelacion_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;

}

.holidays{
    /*Ingresado por Jose Sique el 04-Jun-2015 12:21 para usos en el sistema de planillas*/
    background: url("../images/Holiday-32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;

}

.potencia_75x25{
    background: url("../images/potencia_75x25.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 25px;
    width: 75px;
}

.fases_32x32{
    background: url("../images/amarrar_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.casa_32x32{
    /*Ingresado por Ervin Santos 08-05-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/casa_32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}
.direccion_32x32{
    /*Ingresado por Ervin Santos 01-06-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/direccion.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}
.abanco_32x32{
    /*Ingresado por Ervin Santos 01-06-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/abanco1.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}
.identificacion_32x32{
    /*Ingresado por Ervin Santos 01-06-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/identificacion.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}
.infocontacto_32x32{
    /*Ingresado por Ervin Santos 01-06-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/infocontacto.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}
.fiador_32x32{
    /*Ingresado por Ervin Santos 01-06-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/fiador.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}
.up_16x16{
    /*Ingresado por Ervin Santos 21-07-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/up_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width:  16px;
}
.renta_32x32{
    /*Ingresado por Ervin Santos 01-06-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/industry3.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  33px;
}

.remove_16x16{
    /*Ingresado por Jonnathan Chiroy 04-08-2015 para remover cheques, de la pantalla de generacion de memo*/
    background: url("../images/remove_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width: 16px;
}
.calendarioico{
    background: url("../images/cal.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.tareasico{
    background: url("../images/ico.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.lecturasico{
    background: url("../images/lectura.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}
.pestana0{
    /*Ingresado por Ervin Santos 01-06-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/sre/propietario.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 40px;
    width:  120px;
}
.pestana1{
    /*Ingresado por Ervin Santos 01-06-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/sre/direccion.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 40px;
    width:  102px;
}
.pestana2{
    /*Ingresado por Ervin Santos 01-06-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/sre/identificaciones.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 40px;
    width:  141px;
}.pestana3{
    /*Ingresado por Ervin Santos 01-06-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/sre/localizaciones.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 40px;
    width:  132px;
}
.pestana4{
    /*Ingresado por Ervin Santos 01-06-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/sre/coprop.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 40px;
    width:  141px;
}
.pestana5{
    /*Ingresado por Ervin Santos 01-06-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/sre/pdf.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 40px;
    width:  120px;
}
.pestana6{
    /*Ingresado por Ervin Santos 01-06-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/sre/casas.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 40px;
    width:  141px;
}
.pestana7{
    /*Ingresado por Ervin Santos 01-06-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/sre/extras.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 40px;
    width:  120px;
}
.pestana8{
    /*Ingresado por Pedro Escobar 09/08/2016 para uso en el sistema de inmobiliria*/
    background: url("../images/sre/parametros.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 40px;
    width:  120px;
}
.text_edit1_16x16{
    /*Ingresado por Ervin Santos el 03-Sep-2015*/
    background: url("../images/text_edit(16x16).png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 16px;
    width:  16px;
}
.refill_data32x32{
    /*Eduardo Alvarez el 10-Sep-2015*/
    background: url("../images/refill_data32x32.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}
.lista_32x32{
    /*Ingresado por Henry Hernandez El: 17/09/2015; para usos en el sistema de planillas*/
    background: url("../images/blog_post.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}
.busqueda_32x32{
    /*Ingresado por Josue Guillen el 22-Oct-2014 15:27 para usos en el sistema de planillas*/
    background: url("../images/busqueda.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}

.accept_32x32{
    /*Ingresado por Josue Guillen el 22-Oct-2014 15:27 para usos en el sistema de planillas*/
    background: url("../images/accept.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    height: 32px;
    width:  32px;
}
.casa_25x25{
    /*Ingresado por Ervin Santos 18-09-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/casa_25x25.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    background-size: 25px 25px;
    height: 25px;
    width:  25px;
}
.upload_PDF{
    /*Ingresado por Ervin Santos 18-09-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/sre/upload_PDF.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;    
    height: 51px;
    width:  42px;
}
.ingrediente{
    /*Ingresado por Ervin Santos 18-09-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/sre/ingrediente3.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    #background-size: 32px 45px;
    height: 32px;
    width:  45px;
}
.platillo{
    /*Ingresado por Ervin Santos 18-09-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/sre/platillo.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    #background-size: 32px 32px;
    height: 32px;
    width:  32px;
}
.permisos_varios{
    /*Ingresado por Ervin Santos 4-Feb-2015 para usos en el sistema de inmobiliria*/
    background: url("../images/permisos_varios.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    #background-size: 32px 32px;
    height: 32px;
    width:  32px;
}

.left_16x16{
    background: url("../images/left_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    background-size: 36px 33px;
    height: 32px;
    width: 47px;
}


.right_16x16{
    background: url("../images/right_16x16.png") no-repeat scroll left top transparent;
    border: medium none;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    background-position: 0 0;
    background-size: 36px 33px;
    height: 32px;
    width: 47px;
}