/* BOTONES */

.buttonSalir {
	display: block;
	width: 45px;
	height: 45px;
	padding: 5px 5px 5px 5px;
	color:#666666;
	text-decoration: none;
	cursor: pointer;
}
.buttonCancel {
	display: block;
	width: 100px;
	height: 35px;
	padding: 5px 5px 5px 5px;
	color:#666666;
	text-decoration: none;
	cursor: pointer;
}
.buttonCancelAncho {
	display: block;
	width: 200px;
	height: 35px;
	padding: 5px 5px 5px 5px;
	color:#666666;
	text-decoration: none;
	cursor: pointer;
}
.buttonCancelFino {
	display: block;
	width: 100px;
	height: 30px;
	padding: 5px 5px 5px 5px;
	color:#666666;
	text-decoration: none;
	cursor: pointer;
}
.buttonBorrar {
	display: block;
	width: 100px;
	height: 35px;
	padding: 5px 5px 5px 5px;
	color:#FF6666;
	text-decoration: none;
	cursor: pointer;
}

.buttonOk {
	display: block;
	width: 100px;
	height: 35px;
	padding: 0;
	color:#666666;
	text-decoration: none;
	cursor: pointer;
}

.buttonBuscar {
	width: 50px !important;	
	height: 35px;
    background-position: center;
	background-image: url("../imagenes/icono_buscar.jpg");
}


					
input[type="text"] { 
	padding: 5px; margin: 3px 0 3px 0;
	border:1px solid #CCC;
	width: 100%;
}

textarea { 
	padding: 5px; margin: 3px 0 3px 0;
	border:1px solid #CCC;
	outline: none;
	width: 100%;
}


input[type="checkbox"] {
	
  border: 1px solid #333;
  content: "\00a0";
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 16px;
  padding: 5px; margin: 5px 5px 5px 0;
  vertical-align: top;
  width: 16px;
}
input[type="checkbox"]:checked {
  background: #22ff22;
  color: #333;
  content: "\2713";
  text-align: center;
  font-weight: bold;
}


input[type="radio"] { 
	padding: 5px; margin: 5px 5px 5px 0;
}

input[type="select"] { 
	padding: 5px; margin: 3px 0 3px 0;
	border:1px solid #CCC;
	/*height: 35px;*/
}

select { 
	padding: 5px; margin: 3px 0 3px 0;
	border:1px solid #CCC;
	/*height: 25px;*/
	min-width: 250px;
}


.buttonFlat {
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	-webkit-appearance: none;
    -moz-appearance: none;
    box-shadow: none;
	border-radius:1px;
	display:inline-block;
	cursor:pointer;
	color:#999;
	background-color: #fff;
	font-size:12px;
	padding: 5px 5px 5px 5px;
	text-decoration:none;	
	width: 100px;
	height: 35px;		
}

.buttonFlatV {
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	display:inline-block;
	cursor:pointer;
    font-size: 24px;	
	color:#060 !important;
	font-family:arial;
	padding: 7px 10px 10px 10px;
	text-decoration:none;	
	height: 42px;		
}
.buttonFlatV:hover {
	background-color: #FFF;		
}
.buttonFlatC {
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	display:inline-block;
	cursor:pointer;
    font-size: 24px;	
	color:#0359AF !important;
	font-family:arial;
	padding: 7px 10px 10px 10px;
	text-decoration:none;	
	height: 42px;		
}
.buttonFlatC:hover {
	background-color: #FFF;		
}

.buttonHeightFino {	height: 25px !important;  }
.buttonSetup {
	border:1px solid #bbb;
	background-color:#F7F7F7;
	color: #555;	
}

.buttonCompras {
	border:1px solid #095099;
	background-color:#0B61EE;	
}
.buttonCompras:hover {
	background-color:#2e62FF;
}

.buttonStock { border:1px solid #e46800; background-color:#F57900; }
.buttonStock:hover {background-color:#F57900;}


.buttonVentas { border:1px solid #18ab29; background-color:#44c767; }
.buttonVentas:hover {background-color:#5ebf2a;}

.buttonFondos {
	border:1px solid #c5bcc7;
	background-color:#00CCFF;	
}
.buttonFondos:hover {
	background-color:#11EEFF;
}

.buttonAular {	border:1px solid #FF5099;	background-color:#FF6633;}
.buttonAular:hover {background-color:#FF97FE; }

.buttonSalir {
	border:1px solid #CCC;
	background-color:#FFF;
	color: #999;	
	width: 40px !important;
	height: 40px !important;
}

.txtchk {  width: 10px; height:10px; cursor: pointer; }
.txtchkno { background-color: #FFF; color: #fff; }
.txtchkni { background-color: #ffff00; color: #ffff00;  }
.txtchksi { background-color: #00ff00; color: #00ff00;  }
.txtchkso { background-color: #00ffff; color: #00ffff;  }



#xmas {
	display: block;
	padding: 5px 5px 5px 5px;
	color:#666666;
	text-decoration: none;
	cursor: pointer;
	width: 30px !important;
	height: 30px !important;
	float: left; 
	cursor: pointer;
	background-color: #fff; 
	margin-right: 7px;
}
#xmenos {
	width: 30px !important;
	height: 30px !important;
	background-image: url('../../../img/icono_mas.png');
	float: right;
}

.opcinforme { cursor:pointer; }
.opcinforme:hover { text-decoration: underline; }


.noticias {  }



.nombre {
	font-size: 1.25rem;
	cursor: pointer;
	color: #000;
}

/* NOTICIAS ---------------------------------------------------------- */


/* SERVICIOS --------------------------------------------------------- */

/* QUIENES SOMOS ----------------------------------------------------- */

.quienessomosdiv1 {

	overflow: hidden;
	
  	-webkit-transition: max-height 1s; 
  	-moz-transition: max-height 1s; 
  	-ms-transition: max-height 1s; 
  	-o-transition: max-height 1s; 
  	transition: max-height 1s;  

	  opacity: 0;
	  transition: visibility 0s, opacity 0.5s linear;


}
.quienessomosdiv2 {

	overflow: hidden;
	
  	-webkit-transition: max-height 1s; 
  	-moz-transition: max-height 1s; 
  	-ms-transition: max-height 1s; 
  	-o-transition: max-height 1s; 
  	transition: max-height 1s;  

	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;

}
.quienessomosdiv3 {

	overflow: hidden;
	
  	-webkit-transition: max-height 1s; 
  	-moz-transition: max-height 1s; 
  	-ms-transition: max-height 1s; 
  	-o-transition: max-height 1s; 
  	transition: max-height 1s;  

	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;

}
/*
#mostrarQuien1 { visibility:hidden ; }
#mostrarQuien2 { visibility:hidden ; }
#mostrarQuien3 { visibility:hidden ; }
*/
#mostrarQuien1 { display: none ; }
#mostrarQuien2 { display: none ; }
#mostrarQuien3 { display: none ; }

#mostrarNoti1 { display: none ; }
#mostrarNoti2 { display: none ; }
#mostrarNoti3 { display: none ; }
#mostrarNoti4 { display: none ; }