/* DIALOGO EMEGRENTES*/

#content {padding:0px}
#dialog {position:absolute; width:300px; padding:0px; z-index:99999; background: #ffffff; border: 0px solid #000;

}
#dialog-header {
display:block; 
position:relative; 
width:300px; 
padding:0px; 
height:30px; 
font-size:12px;  
color: #000;
}
#dialog-title {float:left}
#dialog-close {
float:right; 
cursor:pointer; 
margin:1px; 
height:30px; 
width:30px; 
background:url('../image/iconos/ico-off-pup-b-i.png') no-repeat
}
#dialog-content {display:block; height: auto; padding:10px; color:#000000; font-size:20px; LINE-HEIGHT: 130%;}

#dialog-mask {
position:absolute; 
top:0; 
left:0; 
min-height:100%; 
width:100%; 
background:#000; 
opacity:.70; 
filter:alpha(opacity=70); 
z-index:100;
}
.error {
background:#fff url('../image/error_bg.jpg') bottom right no-repeat;
}
.errorheader {
background:#E5C9C9; 
}
.warning {
background:#fff url('../image/warning_bg.jpg') bottom right no-repeat; 
}
.warningheader {
background:#FBF2AF; 
}
.success {
background:#fff url('../image/success_bg.jpg') bottom right no-repeat; 
}
.successheader {
background:#D0E1D7; 
}
.prompt {
background:#fff url('../image/prompt_bg.jpg') bottom right no-repeat; 
}
.promptheader {
background:#CAD3DC; 
}


.confir { 
background: #666;
width: 80px;
height: auto;
font-size: 20px; 
vertical-align: baseline;
margin: 0px 15px 0px 15px; 
padding: 8px 20px 8px 20px; 
color: #fff;	
border: 1px solid #000;	
cursor:pointer;
-webkit-box-shadow: inset 0 0 6px 0 #3E3E00 ;
-moz-box-shadow: inset 0 0 6px 0 #3E3E00;
box-shadow: inset 0 0 6px 0 #3E3E00;
font-weight:bold;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-border-radius: 3px;
-moz-border-radius: 5px;
border-radius: 5px;
*margin-left: .5em;
border-color: rgba(0, 0, 0, 0.4);
outline: 0;
text-decoration: none; 
}
.confir:hover {background: #ccc; color: #000; text-decoration: none;  }


/*::::::::::::::: GLOBO DIALOGO AYUDA*/

.title { position:absolute;
color: #fff;
z-index: 9999;
}
.title:hover { background-color: transparent;
z-index: 1;
color: #fff;
z-index: 9999;
}
.title span {
padding: 5px 10px 5px 10px;
position: absolute;
text-decoration: none;
background: #000;
color: #fff;
width: auto;
text-align: left;
visibility: hidden;
font-family: tahoma;
font-size: 11px;
line-height: 14px;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 9999;

}
.title:hover span { 
visibility: visible;
top: 5px;
left: 50px;
color: #fff;
z-index: 9999;
}

.title em{
width: ;
position: absolute;
border-style: solid;
border-width: 5px 10px 5px 0px;
border-color:  transparent #000 transparent transparent;
top: 5px;
left: -10px;
z-index: 9999;
}




/*::::::::::::::POPUP UI ::::::::::::*/


#popup {	margin: 0; 
	padding: 0; }
/*dialog*/
.ui-dialog {
	/*resets*/
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	line-height: 1.3; 
	text-decoration: none; 
	font-size: 100%; 
	list-style: none;
	font-size: 1.1em;
	background: #ffffff;
	color: #000;
	border: 2px solid #fff;
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block; 
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n { 
	cursor: n-resize; 
	height: 7px; 
	width: 100%; 
	top: -5px; 
	left: 0px;  
}
.ui-resizable-s { 
	cursor: s-resize; 
	height: 7px; 
	width: 100%; 
	bottom: -5px; 
	left: 0px; 
}
.ui-resizable-e { 
	cursor: e-resize; 
	width: 7px; 
	right: -5px; 
	top: 0px; 
	height: 100%; 
}
.ui-resizable-w { 
	cursor: w-resize; 
	width: 7px; 
	left: -5px; 
	top: 0px; 
	height: 100%;
}
.ui-resizable-se { 
	cursor: se-resize; 
	width: 13px; 
	height: 13px; 
	right: 0px; 
	bottom: 0px; 
	background: url('../image/ico-ui/icon_resize_se.gif') 0 0 no-repeat;
}
.ui-resizable-sw { 
	cursor: sw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	bottom: 0px;  
}
.ui-resizable-nw { 
	cursor: nw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	top: 0px; 
}
.ui-resizable-ne { 
	cursor: ne-resize; 
	width: 9px; 
	height: 9px; 
	right: 0px; 
	top: 0px; 
}
.ui-dialog-titlebar {
	/*resets*/margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	line-height: 100%; 
	text-decoration: none;  
	list-style: none;
	padding: 0px;
	color: #fff;
	background: #000 url('../image/ico-ui/desp.png') 0 0 no-repeat;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	height: 20px;
	position: relative;
}
.ui-dialog-title {
		color: #FFFFFF;
		font-size: 0.6em;
	
}

/*HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHh*/

.ui-dialog-titlebar-close {
	/*resets*/margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	line-height: 1.3; 
	text-decoration: none; 
	font-size: 100%; 
	list-style: none;
	background: url('../image/ico-ui/exit.png') 0 0 no-repeat;
	position: absolute;
	right: 0px;
	top: 0;
	width: 20px;
	height: 20px;
	z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
	background: url('../image/ico-ui/exit2.png') 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
	background: url('../image/ico-ui/exit.png') 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
	display: none;
}
.ui-dialog-content {
	/*resets*/
	margin: 0; 
	padding: 0; 
	border: 0; outline: 0;  
	text-decoration: none;  
	list-style: none;
	color: #222222;
	padding: 0;
	margin:0px;
	overflow:auto;
}
.ui-dialog-buttonpane {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	border-top: 1px solid #3B4955;
	background: #ffffff;
}
.ui-dialog-buttonpane button {
	margin: 0;
	color: #FFFFFF;
	background: #3B4955 url('') 0 50% repeat-x;
	font-size: 1em;
	border: 1px solid #d3d3d3;
	cursor: pointer;
	padding: 0;
	line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
	color: #212121;
	background: #B6B6B6 url('') 0 50% repeat-x;
	border: 1px solid #999999;
}
.ui-dialog-buttonpane button:active {
	color: #222222;
	background: #B6B6B6 url('') 0 50% repeat-x;
	border: 1px solid #dddddd;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

@media (max-width: 700px) 
{
	.ui-dialog-titlebar {
	/*resets*/margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	line-height: 100%; 
	text-decoration: none;  
	list-style: none;
	padding: 0px;
	color: #fff;
	background: #000 url('../image/ico-ui/desp_mov.png') 0 0 no-repeat;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	height: 40px;
	position: relative;
	}
	.ui-dialog-titlebar-close {
	/*resets*/margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	line-height: 1.3; 
	text-decoration: none; 
	font-size: 100%; 
	list-style: none;
	background: url('../image/ico-ui/exit_mov.png') 0 0 no-repeat;
	position: absolute;
	right: 0px;
	top: 0;
	width: 40px;
	height: 40px;
	z-index: 100;
	}
	.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
		background: url('../image/ico-ui/exit_mov2.png') 0 0 no-repeat;
	}
	.ui-dialog-titlebar-close:active {
		background: url('../image/ico-ui/exit_mov.png') 0 0 no-repeat;
	}	
}


.lent {
	width: 300%;
	text-align:right;
  	animation-duration: 10s;
  	animation-name: slidein;
   color: #fff;
}

.zac {
	width: 300%;
	text-align:right;
  	animation-duration: 1s;
  	animation-name: slidein;
   color: #fff;
}

@keyframes slidein {
  from {
	color: #000000;
	text-align:left;
  }

  to {
   color: #fff;
   text-align:right;
  }
}