/* the norm */
#gritter-notice-wrapper {
	position:fixed;
	top:50%;
	left: 49%;
	width:340px;
	margin-left:-150px;
	margin-top: -100px;
	z-index:9999;
	padding: 15px;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
#gritter-notice-wrapper.top-left {
    left: 20px;
    right: auto;
}
#gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}
#gritter-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 0px 0;
	border-radius: 8px;
	background:url('images/ie-spacer.gif'); /* ie7/8 fix */
	-webkit-box-shadow: 0px 0px 8px 5px rgba(99,98,99,0.2);
	-moz-box-shadow: 0px 0px 8px 5px rgba(99,98,99,0.2);
	box-shadow: 0px 0px 8px 5px rgba(99,98,99,0.2);
}

.hover .gritter-top {
	/*background-position:right -30px;*/
}
.gritter-bottom {
	height:0px; espacio de abajo
	margin:0;
}

.gritter-item {
	display:block;
	background-color: rgba(255, 255, 255, 0.91);
  border-radius: 8px;
	border:1px #8c8c8c solid;
	border-bottom: 10px rgba(68, 66, 66, 0.6) solid;
	color:#4b4d4e;
	padding:15px 11px 15px 11px;
	font-size: 13px;
	/* Centra texto vertical */
	display: flex;
  align-items: center;

}
.hover .gritter-item {
	background-position:right -40px;
}
.gritter-item p {
	padding:0;
	margin:0;
	word-wrap:break-word;
}

.gritter-item a:hover {
    color: #f8ac59;
    text-decoration: underline;
}
.gritter-close {
	display:none;
	position:absolute;
	top:5px;
	right:3px;
	background:url(images/gritter.png) no-repeat left top;
	cursor:pointer;
	width:30px;
	height:30px;
	text-indent:-9999em;
	border: 0px!important;
}
.gritter-title {
	font-size:14px;
	font-weight:bold;
	padding:0px 0 0 0px;
	display:block;

}
.gritter-image {
	height:48px;
	float:left;
	padding-right: 10px;
}
.gritter-with-image,
.gritter-without-image {
	padding:0;
}
.gritter-with-image {
	width:220px;
	float:left;

}
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
    background-image: url(images/gritter-light.png);
    color: #222;
}
.gritter-light .gritter-title {
    text-shadow: none;
}