@charset "utf-8";
/*====================================================================================================
 * T O O L T I P S
 =====================================================================================================*/

.lizatom-tooltip-top,
.lizatom-tooltip-bottom,
.lizatom-tooltip-right,
.lizatom-tooltip-left,
.lizatom-tooltip-diagonal-right,
.lizatom-tooltip-diagonal-left,
.lizatom-tooltip-focus-top,
.lizatom-tooltip-focus-bottom,
.lizatom-tooltip-focus-right,
.lizatom-tooltip-focus-left
	{
	position: relative !important;
	display: inline-block !important;
	text-decoration: none !important;    
	}

.lizatom-tooltip-top span,
.lizatom-tooltip-bottom span,
.lizatom-tooltip-right span,
.lizatom-tooltip-left span,
.lizatom-tooltip-diagonal-right span,
.lizatom-tooltip-diagonal-left span,
.lizatom-tooltip-focus-top span,
.lizatom-tooltip-focus-bottom span,
.lizatom-tooltip-focus-right span,
.lizatom-tooltip-focus-left span
	{
	min-width: 100px;
	font-family: "Arial", Times, serif !important;
	text-transform: uppercase;
	font-size: 16px !important;
	line-height: normal !important;
	text-align: center !important;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	z-index: 9999999 !important;
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	-ms-transition-duration: 0.25s;
	transition-duration: 0.25s;
	-webkit-transition-timing-function: cubic-bezier(0.35,0,0.35,1);
	-moz-transition-timing-function: cubic-bezier(0.35,0,0.35,1);
	-o-transition-timing-function: cubic-bezier(0.35,0,0.35,1);
	-ms-transition-timing-function: cubic-bezier(0.35,0,0.35,1);
	transition-timing-function: cubic-bezier(0.35,0,0.35,1);
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	}

.lizatom-tooltip-top span:before,
.lizatom-tooltip-bottom span:before,
.lizatom-tooltip-right span:before,
.lizatom-tooltip-left span:before,
.lizatom-tooltip-diagonal-right span:before,
.lizatom-tooltip-diagonal-left span:before,
.lizatom-tooltip-focus-top span:before,
.lizatom-tooltip-focus-bottom span:before,
.lizatom-tooltip-focus-right span:before,
.lizatom-tooltip-focus-left span:before
	{
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	position: absolute;
	}

.lizatom-tooltip-top span strong,
.lizatom-tooltip-bottom span strong,
.lizatom-tooltip-right span strong,
.lizatom-tooltip-left span strong,
.lizatom-tooltip-diagonal-right span strong,
.lizatom-tooltip-diagonal-left span strong,
.lizatom-tooltip-focus-top span strong,
.lizatom-tooltip-focus-bottom span strong,
.lizatom-tooltip-focus-right span strong,
.lizatom-tooltip-focus-left span strong
	{
	width: 100%;
	padding: 8px 10px 8px 10px;
	display: block;
	position: relative;
	left: -10px;
	top: -10px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	}


.lizatom-tooltip-top span img,
.lizatom-tooltip-top span iframe,
.lizatom-tooltip-bottom span img,
.lizatom-tooltip-bottom span iframe,
.lizatom-tooltip-right span img,
.lizatom-tooltip-right span iframe,
.lizatom-tooltip-left span img,
.lizatom-tooltip-left span iframe,
.lizatom-tooltip-diagonal-right span img,
.lizatom-tooltip-diagonal-right span iframe,
.lizatom-tooltip-diagonal-left span img,
.lizatom-tooltip-diagonal-left span iframe,
.lizatom-tooltip-focus-top span img,
.lizatom-tooltip-focus-top span iframe,
.lizatom-tooltip-focus-bottom span img,
.lizatom-tooltip-focus-bottom span iframe,
.lizatom-tooltip-focus-right span img,
.lizatom-tooltip-focus-right span iframe,
.lizatom-tooltip-focus-left span img,
.lizatom-tooltip-focus-left span iframe /* margen del recuadro */
	{
	border: 1px solid #e1e1e1; !important;
	float: left !important;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;/* margen linea*/
	margin-left: 0px;
	}

p.lizatom-tooltip-top,
p.lizatom-tooltip-bottom,
p.lizatom-tooltip-right,
p.lizatom-tooltip-left
	{
	display: block !important;
	}

p.lizatom-tooltip-top:hover,
p.lizatom-tooltip-bottom:hover,
p.lizatom-tooltip-right:hover,
p.lizatom-tooltip-left:hover
	{
	background: #ffecb1;
	-webkit-transition: background 0.25s cubic-bezier(0.35,0,0.35,1);
	-moz-transition: background 0.25s cubic-bezier(0.35,0,0.35,1);
	-o-transition: background 0.25s cubic-bezier(0.35,0,0.35,1);
	-ms-transition: background 0.25s cubic-bezier(0.35,0,0.35,1);
	transition: background 0.25s cubic-bezier(0.35,0,0.35,1);
	}

.delay-700.lizatom-tooltip-top span,
.delay-700.lizatom-tooltip-bottom span,
.delay-700.lizatom-tooltip-right span,
.delay-700.lizatom-tooltip-left span,
.delay-700.lizatom-tooltip-diagonal-right span,
.delay-700.lizatom-tooltip-diagonal-left span,
.delay-700.lizatom-tooltip-focus-top span,
.delay-700.lizatom-tooltip-focus-bottom span,
.delay-700.lizatom-tooltip-focus-right span,
.delay-700.lizatom-tooltip-focus-left span
	{
	transition-delay: 700ms;
	-moz-transition-delay: 700ms;
	-webkit-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	}

.delay-300.lizatom-tooltip-top span,
.delay-300.lizatom-tooltip-bottom span,
.delay-300.lizatom-tooltip-right span,
.delay-300.lizatom-tooltip-left span,
.delay-300.lizatom-tooltip-diagonal-right span,
.delay-300.lizatom-tooltip-diagonal-left span,
.delay-300.lizatom-tooltip-focus-top span,
.delay-300.lizatom-tooltip-focus-bottom span,
.delay-300.lizatom-tooltip-focus-right span,
.delay-300.lizatom-tooltip-focus-left span
	{
	transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-webkit-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	}

/* tooltip top
-------------------------------------------------------------- */

.lizatom-tooltip-top span,
.lizatom-tooltip-focus-top span
	{
	left: -10px;
	bottom: 100%;
	margin-bottom: 20px;
	-webkit-transition-property: opacity, margin-bottom, visibility;
	-moz-transition-property: opacity, margin-bottom, visibility;
	-o-transition-property: opacity, margin-bottom, visibility;
	-ms-transition-property: opacity, margin-bottom, visibility;
	transition-property: opacity, margin-bottom, visibility;
	}

.lizatom-tooltip-top span:before,
.lizatom-tooltip-focus-top span:before
	{
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
	border-top: 8px solid #000;
	border-bottom: 0 !important;
	bottom: -8px;
	left: 15px;
	}

.lizatom-tooltip-top:hover span
	{	
	margin-bottom: 10px; /* End Position */
	visibility: visible;
	opacity: 1;
	}

.lizatom-tooltip-focus-top input:focus + span,
.lizatom-tooltip-focus-top textarea:focus + span
	{	
	margin-bottom: 10px; /* End Position */
	visibility: visible;
	opacity: 1;
	}
	
/*tooltip bottom ---------------------------------------------------------- */

.lizatom-tooltip-bottom span,
.lizatom-tooltip-focus-bottom span
	{
	left: -10px;
	top: 100%;
	margin-top: 10px;
	-webkit-transition-property: opacity, margin-top, visibility;
	-moz-transition-property: opacity, margin-top, visibility;
	-o-transition-property: opacity, margin-top, visibility;
	-ms-transition-property: opacity, margin-top, visibility;
	transition-property: opacity, margin-top, visibility;
	}

.lizatom-tooltip-bottom span:before,
.lizatom-tooltip-focus-bottom span:before
	{
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
	border-top: 0 !important;
	border-bottom: 8px solid #000;
	top: -8px;
	left: 15px;
	}

.lizatom-tooltip-bottom:hover span
	{	
	margin-top: 10px;
	visibility: visible;
	opacity: 1;
	}

.lizatom-tooltip-focus-bottom input:focus + span,
.lizatom-tooltip-focus-bottom textarea:focus + span
	{	
	margin-top: 10px;
	visibility: visible;
	opacity: 1;
	}

/* tooltip right --------------------------------------------------- */
.lizatom-tooltip-right span,
.lizatom-tooltip-focus-right span
	{
	left: 100%;
	top: -7px;
	margin-left: 35px;
	-webkit-transition-property: opacity, margin-left, visibility;
	-moz-transition-property: opacity, margin-left, visibility;
	-o-transition-property: opacity, margin-left, visibility;
	-ms-transition-property: opacity, margin-left, visibility;
	transition-property: opacity, margin-left, visibility;
	}

.lizatom-tooltip-right span:before,
.lizatom-tooltip-focus-right span:before
	{
    border-left: 0 !important;
    border-right: 8px solid #000;
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	top: 11px;
	left: -8px;
	}

.lizatom-tooltip-right:hover span
	{	
	margin-left: 15px;
	visibility: visible;
	opacity: 1;
	}

.lizatom-tooltip-focus-right input:focus + span,
.lizatom-tooltip-focus-right textarea:focus + span
	{	
	margin-left: 15px;
	visibility: visible;
	opacity: 1;
	}

/* tooltip left -------------------------------------------------------- */
.lizatom-tooltip-left span,
.lizatom-tooltip-focus-left span
	{
	right: 100%;
	top: -7px;
	margin-right: 35px;
	-webkit-transition-property: opacity, margin-right, visibility;
	-moz-transition-property: opacity, margin-right, visibility;
	-o-transition-property: opacity, margin-right, visibility;
	-ms-transition-property: opacity, margin-right, visibility;
	transition-property: opacity, margin-right, visibility;
	}

.lizatom-tooltip-left span:before,
.lizatom-tooltip-focus-left span:before
	{
    border-left: 8px solid #000;
    border-right: 0 !important;
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	top: 11px;
	right: -8px;
	}

.lizatom-tooltip-left:hover span
	{	
	margin-right: 15px;
	visibility: visible;
	opacity: 1;
	}

.lizatom-tooltip-focus-left input:focus + span,
.lizatom-tooltip-focus-left textarea:focus + span
	{	
	margin-right: 15px;
	visibility: visible;
	opacity: 1;
	}	

/* tooltip colors ---------------------------------------------------- */

/*gray*/
.lizatom-tooltip-gray span
	{
	color: #3c763d !important;
	background: #DADADA; 
	background: -moz-linear-gradient(top,  #6c6c6c 0%, #DADADA 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6c6c), color-stop(100%,#DADADA)); 
	background: -webkit-linear-gradient(top,  #6c6c6c 0%,#DADADA 100%); 
	background: -o-linear-gradient(top,  #6c6c6c 0%,#DADADA 100%); 
	background: -ms-linear-gradient(top,  #6c6c6c 0%,#DADADA 100%); 
	background: linear-gradient(top,  #6c6c6c 0%,#DADADA 100%); 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
	}

.lizatom-tooltip-gray span:before
	{
	border-color: #DADADA;
	}

.lizatom-tooltip-gray span:after
	{
	content: "";
	display: block;

	position: absolute;
	left: 0px;
	top: 1px;
	width: 100%;
	height: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

.lizatom-tooltip-gray span strong
	{
	background: #3c763d;
	border-bottom: 1px solid #525252;
	}


/*light gray*/
.lizatom-tooltip-light-gray span
	{
	color: #b92025 !important;
	background: #B0B0B0; 	
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
	}

.lizatom-tooltip-light-gray span:before
	{
	border-color: #B0B0B0;
	}

.lizatom-tooltip-light-gray span:after
	{
	content: "";
	display: block;
	border-top: 1px solid #ffffff;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}

.lizatom-tooltip-light-gray span strong
	{
	background: #eaeaea;
	border-bottom: 1px solid #d5d5d5;
	}