body{
 /*width: 100%;
  background-image: url("../img/perrito.jpg");
  
  background-repeat: no-repeat;
 background-size: cover;
 overflow-x: hidden;

 font-size: 12px;*/
 background-color: #FFFFFF;
  background: url("../img/bg.gif") no-repeat center center fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 }
#Login{
   
	background-color:#D6D6D6;
	overflow: hidden;
	position: absolute;
	height: auto;
	width: auto;
	left: 50%;
	top: 50%;
	margin-top: -100px;
	margin-left: -150px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 3px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 3px rgba(50, 50, 50, 0.75);
	padding:10px;
}

#Login label{
	font-size: 14px;
	font-family: Arial;
	margin-left: 20px;
}

textarea{
	/*background-image: url("../img/edit_24x24.png");
	background-position: left;
	background-repeat: no-repeat;*/
	border: 1px solid #C2C2C2;
	color: #444444;
	font-family: Arial;
	font-size: 11px !important;
	background-color:#F0F0F0;
    outline:none;
	padding-left: 25px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 170px;
}
textarea:hover{
	background-color: #F8F8F8;
    -webkit-box-shadow: 1px 3px 7px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    1px 3px 7px rgba(50, 50, 50, 0.3);
	box-shadow:         1px 3px 7px rgba(50, 50, 50, 0.3);
}

.boton{
    background-color:#454545 !important;
    background-image:url("") !important;
    border-radius:0px !important;
    border:1px solid #fff !important;
    color:#FFF !important;
    padding-left:50px !important;
    padding-right:50px !important;
    padding-top:7px !important;
    padding-bottom:7px !important;
    transition: all 0.47s ease-in-out !important;
    -webkit-transition: all 0.47s ease-in-out !important;
    -moz-transition: all 0.47s ease-in-out !important;
    cursor: pointer;
    font-weight: bold;
}
.boton:hover{
    background-color:#BFC0C1 !important;
    border:1px solid #8D8D8D !important;
    color:#000 !important;
}

.txt_campo{
	
	height: 25px;
	border: 1px solid #C2C2C2;
	color: #444444;
	font-family: Arial;
	font-size: 11px !important;
	background-color:#F0F0F0;
    outline:none;
	padding-left: 25px;
	padding-right: 25px;
	width: 150px;
}
.txt_campo:focus{
	background-color: #F8F8F8;
    -webkit-box-shadow: 1px 3px 7px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    1px 3px 7px rgba(50, 50, 50, 0.3);
	box-shadow:         1px 3px 7px rgba(50, 50, 50, 0.3);
}

.txt_campo_peque{
	
	height: 25px;
	border: 1px solid #C2C2C2;
	color: #444444;
	font-family: Arial;
	font-size: 11px !important;
	background-color:#F0F0F0;
    outline:none;
	padding-left: 25px;
	padding-right: 25px;
	width: 70px;
}
.txt_campo_peque:focus{
	background-color: #F8F8F8;
    -webkit-box-shadow: 1px 3px 7px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    1px 3px 7px rgba(50, 50, 50, 0.3);
	box-shadow:         1px 3px 7px rgba(50, 50, 50, 0.3);
}

header {
		
	width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */
	left: 0; /* Posicionamos la cabecera al lado izquierdo */
	top: 0; /* Posicionamos la cabecera pegada arriba */
	position: fixed; /* Hacemos que la cabecera tenga una posición fija */
}

#listaMenu{
	list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
   
    

}

#menuHorizontal {
    float: left;
    color: white;
}

#menuHorizontal a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
#menuHorizontal a:hover {
    background-color: #C0C0C0;
    color: white;
    text-decoration: underline;
}

footer{
	position:fixed;
	bottom: 0px;
	width: 100%;
    background-color: #221F1F;
	color: #ffffff;
	height: 20px;
	left: 0px;
	font-size: 11px;
	font-family: Arial;
	text-align: center;
	padding-top: 5px;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
	z-index: 1000;
}

#page{
    /*background-image: url("../img/bg_sis.gif");*/
    background-repeat: no-repeat;
    background-position: 0cm  bottom;
    margin-left: -10px;
    font-size: 10px;
}

#logo{
	width: 105px; 
	height: 100%;
}

#content{
	margin: 0 auto;
	margin-bottom: 150px;
	margin-top: 70px;
	margin-left: 100px;
	width: 90%;
	display:inline-block;
	font-family: Arial;
	padding: 10px;
	padding-bottom: 50px;
	/*background-color: #FFFFFF;*/
    padding-left: 20px;
    padding-right: 15px;
	
}

#content a{
 text-decoration: none;
 color: #5A5A5A;
}
#content a:hover{
	text-decoration: underline;
}

#menuHeaderModulo{
  margin-top: 25px;
  margin-left: 0px;
}
#menuHeaderModulo li{
  display: inline-block;
  margin-right: -3px;

}
#menuHeaderModulo li a{
  /*color: #FFF;*/
  font-size: 14px;
}

#menuHeaderModulo li { display:inline-block; width: auto; }
#menuHeaderModulo li.sub { display:block; width: auto;}
/*#menu_header_ventas li.esp { padding: 0 10px;}*/

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-radius:0px !important; 
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
  border-radius:0px !important; 
}
.input_line{
  text-align:right;
  border:none;
  padding:5px;
}

.cursor{
	text-align: center;
}
.cursor a{
 text-decoration: none;
 color: #5A5A5A;
 font-size: 10px;
 cursor:pointer;
}
.cursor a:hover{
	text-decoration: underline;
}
table{
	font-size: 11px;
}
.table_usuario{
	 border-spacing: 0;
	 border-collapse: collapse;
}
.table_usuario th{
	border-bottom: 1px solid #8D8D8D;
	border-left: 1px solid #8D8D8D;
	border-right: 1px solid #8D8D8D;
	border-top: 1px solid #8D8D8D;
	background-color: #ACADAD;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 11px;

}
.table_usuario td{
	border-bottom: 1px solid #8D8D8D;
	border-left: 1px solid #8D8D8D;
	border-right: 1px solid #8D8D8D;
	border-top: 1px solid #8D8D8D;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 11px !important;

}
.table_usuario tr{
	transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
}
.table_usuario .tr_usuario:hover{
	background-color: #ACADAD;
	color: #000;
	background-color: #FEF9B7;
    border: 1px solid #F3BC04;
}
.selectNormal{
 font-family: Georgia;
 font-size: 16px;
 color: #444444;
 background-color: #F0F0F0; 
 border: 0 none;
 padding: 5px; 
 width: auto; 
 height: auto; 
 border: 1px solid #C2C2C2; 
}
select { 
  font-family: Georgia;
  font-size: 16px;
  color: #444444;
  background-color: #F0F0F0;
  border: 0 none;
  padding: 5px;
  width: 200px;
  height: 35px;
  border:1px solid #C2C2C2
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: silver;
    opacity: 1; /* Firefox */
}

.btnPeque{
    background-color:#454545 !important;
    background-image:url("") !important;
    border-radius:0px !important;
    border:1px solid #fff !important;
    color:#FFF !important;
    padding-left:20px !important;
    padding-right:20px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
    transition: all 0.47s ease-in-out !important;
    -webkit-transition: all 0.47s ease-in-out !important;
    -moz-transition: all 0.47s ease-in-out !important;
    cursor: pointer;
    font-weight: bold;
}
.btnPeque:hover{
    background-color:#BFC0C1 !important;
    border:1px solid #8D8D8D !important;
    color:#000 !important;
}

.btn_peque_form{
    background-color:#86a9ad !important;
    background-image:url("") !important;
    border-radius:0px !important;
    border:1px solid #fff !important;
    color:#FFF !important;
    padding-left:20px !important;
    padding-right:20px !important;
    padding-top:5px !important;
    padding-bottom:5px !important;
    transition: all 0.47s ease-in-out !important;
    -webkit-transition: all 0.47s ease-in-out !important;
    -moz-transition: all 0.47s ease-in-out !important;
    cursor: pointer;
    font-weight: bold;
}
.btn_peque_form:hover{
    background-color:#BFC0C1 !important;
    border:1px solid #8D8D8D !important;
    color:#000 !important;
}