/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin-bottom: 1em;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	border-left: 1px solid #E39820;
	border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
	border-top: 1px solid rgba(255,255,255,.5);
	padding: .75em 1em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu a {
	color: black;
}
.sf-menu li {
	background: #EDA532;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
	
}
.sf-menu ul li {
	background: #E39F32;
}
.sf-menu ul ul li {
	background: #E39F32;
/*	background: #9AAEDB;*/
}
.sf-menu li:hover,
.sf-menu li.sfHover {
	background: #FFCD7D;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: orange;
}

html,body{   
	margin:0px;
	padding:0px;	
	font-family:Arial, Helvetica, sans-serif;
	
/*
background: -moz-linear-gradient(45deg, rgba(255,188,5,1) 0%, rgba(212,126,15,1) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,188,5,1)), color-stop(100%, rgba(212,126,15,1))); 
background: -webkit-linear-gradient(45deg, rgba(255,188,5,1) 0%, rgba(212,126,15,1) 100%);
background: -o-linear-gradient(45deg, rgba(255,188,5,1) 0%, rgba(212,126,15,1) 100%);
background: -ms-linear-gradient(45deg, rgba(255,188,5,1) 0%, rgba(212,126,15,1) 100%);
background: linear-gradient(45deg, rgba(255,188,5,1) 0%, rgba(212,126,15,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D47E0F', endColorstr='#FFBC05',GradientType=1 ); background: -moz-linear-gradient(45deg, rgba(255,188,5,1) 0%, rgba(212,126,15,1) 100%); 
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,188,5,1)), color-stop(100%, rgba(212,126,15,1)));
background: -webkit-linear-gradient(45deg, rgba(255,188,5,1) 0%, rgba(212,126,15,1) 100%);
background: -o-linear-gradient(45deg, rgba(255,188,5,1) 0%, rgba(212,126,15,1) 100%);
background: -ms-linear-gradient(45deg, rgba(255,188,5,1) 0%, rgba(212,126,15,1) 100%);
background: linear-gradient(45deg, rgba(255,188,5,1) 0%, rgba(212,126,15,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D47E0F', endColorstr='#FFBC05',GradientType=1 ); 
*/

	text-align:center;
	height: 100%;
}
.aHdr{
/*	width:100%;*/
	height:150px;
/*   width:80%;*/
	width:1080px;
  float:none;
	overflow:hidden;
	display:inline-block;
}
.hdrCenter{
	position:absolute;
   
/*	margin-left: -320px;*/
/*   margin-left:-500px;*/
	height:140px;
	overflow:hidden;
}
.imagesCarousel{
	width:1080px;
	display:inline-block;
}
.aBody{
	border: solid 1px #CF8300;
/*	width:1100px;*/
  width:98%;
	display:inline-block;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	background-color:#F3F3F3;
	padding:5px;
}

.HUAMAC{
   background-color:#fff3ce;
}

h2{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:22px;

/*	color:#0080C0;*/
  color:black;
/*	text-shadow: 0.2em 0.1em #D5EAFF;*/
	margin:4px;
}
.bodyPane{
	width:70%;
	float:left;
	margin-right:10px;
}
.rightPane{	
	width:25%;
	float:left;
}
.panelHdr{
	border: solid 1px #FF8040;
	background-color:#F90;
	border-top-style:hidden;
	border-right-style:hidden;
	border-left-style:hidden;
	padding:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #B05800;
	font-weight:bolder;
}
.sticklet{
	border: solid 1px #FF8040;
}
.sticletBody{
	text-align:left;
	padding:10px;
}
.aimg{
	border: solid 2px #F90;
	border-radius:10px;
	margin:10px;
}
.aimg:hover{
	opacity:0.8;
}
.aMenuBar{
	display:inline-block; 
	float:none; 
	/*width: 80%;*/
	width: 1080px;
	height: 50px;
	background-color: #EDA532;			
}
.fleft{
	float:left;
}
.logform{
	background: #FFCD7D; 
}
.logform input{
	border: solid 2px #BDBDBD;
	border-radius: 10px;	
	padding: 8px;	
	padding-left: 48px;
	outline: none;	
}
.logform input:focus{
	background-color: #FFE499;
}
.iuser, .ipwd{
	background-position: left;
	background-repeat: no-repeat;	
	
}
.iuser{
	background-image: url(../alhepMedios/user.png) !important;
}
.ipwd{
	background-image: url(../alhepMedios/key.png) !important;
}
.yellowBtn{
	border: solid 1px #ffc767;
	border-radius: 5px;
	background-color: #ffb432;
	padding: 5px;
	cursor: pointer;
}
.logform label{
	
}
.error{
	border: solid 2px #F598B7;
	color: white;
	padding: 5px;	
	background-color: #CF1150;
}
.hecho{
	position: relative;
	display: inline-block;
	font-size: 16px;
	padding: 3px 25px 3px 11px;
	margin-top: 15px;
	margin-bottom: 4px;
	border-radius: 6px;
	box-shadow: inset 0px 0px 15px #b9c1cb, 0px 0px 5px #adb8c4;
	background: #f59622;
	overflow: auto;
	border: 1px solid gray;
	font-family: monospace;
}/*para color de fondo pagina web*/
html, body, #container { height: 100%; background-color: rgb(249, 244, 244);}
body > #container { height: auto; min-height: 100%; background-color: rgb(249, 244, 244);}
body > #container { height: auto; min-height: 100%; background-color: rgb(249, 244, 244);}
#content{
   padding-bottom:80px;
}
.afooter{
	border: solid 1px #FFC569;
  /*
	background: #ffaf4b;
	background: -moz-linear-gradient(left,  #ffaf4b 0%, #ff920a 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a));
	background: -webkit-linear-gradient(left,  #ffaf4b 0%,#ff920a 100%);
	background: -o-linear-gradient(left,  #ffaf4b 0%,#ff920a 100%);
	background: -ms-linear-gradient(left,  #ffaf4b 0%,#ff920a 100%);
	background: linear-gradient(to right,  #ffaf4b 0%,#ff920a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=1 );
   width:99%;
   */
	color: #969696;
   clear: both;
   position: fixed;
   bottom: 0;
    width: 100%;
    height: 32px;
    padding-bottom: 16px;
	z-index:2000;
}
.copyright{
	font-size: 11px;
}
.article{
	border: solid 1px #CFCFCF;
	border-radius: 3px;
	float: left;
	width: 300px;
	clear:right;
	padding: 10px;
	margin: 10px;
}
h3{
	color: #C9A14B;
	font-size: 14px;
	margin:1px;
}
.authorspan{
	font-size: 12px;
	color: #858182;
}

.aForm{
	padding: 20px;
}
.aForm fieldset{
	border: solid 1px #DBCCAF;
	padding: 20px;
}
.formHdr{
	border: solid 1px #C7B189;
	padding: 3px;
	background-color:#FFD863; 
}
.labelField,.labelValue{
	clear:both;
	float:left;
	display: inline-block;	
}
.labelField{
	width: 80px;
	height: 30px;
	font-weight: bold;
	text-align: right;
	color: #C49743;
	padding-right: 10px;
}
.labelValue{
	 text-align: left;
	 padding-left: 25px;
	 color: #696969;
}
.cimg{
	border: solid 1px orange;
	border-radius:50px;
	background-color: #FCF0BB;
}
.dchat{	
	position: fixed;
	border-radius:15px;
	width: 400px;
	height: 250px;
	bottom: 10px;
	right: -370px;
	border: solid 2px #CF9F53;
	box-shadow: 3px 3px 3px green;
	background-color: #F5BD64;
	z-index: 9999;
}
.dchatHdr{
	cursor: pointer;
	position: relative;
	float:left;
	width: 40px;
	height: 190px;	
	padding-top: 10px;
	font-size: 11px;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	color: #BA7718;
	text-shadow: 2px 2px orange;
}
.dchatBody{
	border: solid 1px #CF9F53;
	background-color: #DEDEDE;
	float: left;
	width: 350px;
	border-top:hidden;
	border-bottom-left-radius: 30px;
	height: 230px;
	background-image: url(../alhepMedios/callCenter.png);
	background-repeat: no-repeat;
	background-position: center;
}
.dchatContent{
	height: 150px;
	padding: 20px;	
}
.dchatFooter{
	
}
.dchatFooter input{
	border: solid 2px #B5E1EB;
	border-radius: 2px;
	padding: 5px;
		
	 
}

.gbutton {    
	cursor: pointer;
    -moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
    -webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
    box-shadow:inset 0px 1px 0px 0px #a4e271;    
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
    background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
    background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
    
    background-color:#89c403;
    
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    
    border:1px solid #74b807;
    
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    
    text-shadow:0px 1px 0px #528009;
    
}
.gbutton:hover {
    
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
    background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
    background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
    
    background-color:#77a809;
}
.gbutton:active {
    position:relative;
    top:1px;
}

.aTextField{	
	background:#FFFFFF;
	padding:4px 4px 4px 22px;
	border:1px solid #CCCCCC;	
}
.aDate{
	background:#FFFFFF;
	padding:4px 4px 4px 22px;
	border:1px solid #CCCCCC;
	background-image: url("../alhepMedios/date.png");
	background-position: right;
	background-repeat: no-repeat;
	cursor:pointer;
	float: left;
	
}

.labelError{
	color: red;
	font-size: 14px;	
}
.labelAC{
	color: green;
	font-size: 12px;
	background-image: url("../alhepMedios/accept.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left:32px;
	
}
.labelInformation{
	color: #3399FF;
	font-size: 12px;
	background-image: url("../alhepMedios/information.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left:32px;
}
.editCell{
	width: 32px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../alhepMedios/edit.png");
	cursor: pointer;
}
.removeCell{
	width: 32px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../alhepMedios/delete.png");
	cursor:pointer;
}
.fieldMsg{
	font-size:12px;
	color: red;
	float:left;
}
#gsysmsg{
	position: absolute;
	top:0px;
	right: 30%;
}
.sys_ac{
	background-color: #96D998;
	border: solid 2px #99C79B;
	border-top-style: hidden;
	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #43A847;
	font-family: Helvetica;
	font-size: 14px;
	padding:5px;
}
.sys_wa{
	background-color: #f9f7f8;
	border: solid 2px #8A3349;
	border-top-style: hidden;
	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #f9f7f8;
	font-family: Helvetica;
	font-size: 14px;
	padding:5px;
}
.formLabel{
	float:left;
	clear:left;
	width: 150px;
	text-align: right;
	margin-right:10px;	
	font-size: 14px;
	font-family: Arial;
}
.validadoOk{
  background-color:#9ee861;
}
.validadoObservado{
  background-color:#c90435;
}

.validado1{
  background-color: #45a8ff;
}
.validado2{
  background-color:#c90435;
}
.validado3{

  background-color:#9ee861;
}



.validaPedido{
  border:solid 1px;
  border-radius:64px;
  cursor:pointer;
}

.ATbl tr:hover{
  background-color:#fff2bd;
}
hr {
    height: 8px;
    //background-color: red;
    background-image: linear-gradient(90deg, orange, transparent);
    border: 0;
    height: 1px;
}
.imagen:hover {filter: saturate(300%);}

.encabezado:hover {filter: saturate(180%);}