* {
margin: 0;
padding: 0;
}/*Quitamos unas propiedades que por defecto traen los navegadores y las ponemos en “0”*/
html, body {
height: 100%;
}
#wrap {
    min-height: 94%;
}
#main {
/*overflow: auto;*/
padding-bottom: 50px;

}/* Altura en px del footer */
#footer {
position: relative;
margin-top: -50px; /* altura en px del footer con valor negativo */
height: 50px; /* Altura del Footer en px*/
clear: both;
background: #fff;
text-align: center;
color: #000;
padding-top: 5px;
padding-bottom: 5px;
}

.btn {
	background-color: #f6f6f6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(246, 246, 246)), to(rgb(225, 225, 225)));
	background-image: -webkit-linear-gradient(top, rgb(246, 246, 246), rgb(225, 225, 225));
	background-image: -moz-linear-gradient(top, rgb(246, 246, 246), rgb(225, 225, 225));
	background-image: -o-linear-gradient(top, rgb(246, 246, 246), rgb(225, 225, 225));
	background-image: -ms-linear-gradient(top, rgb(246, 246, 246), rgb(225, 225, 225));
	background-image: linear-gradient(top, rgb(246, 246, 246), rgb(225, 225, 225));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f6f6f6', EndColorStr='#e1e1e1');
	border: 1px solid #ccc;
	color:#555;
	display:inline-block;
	padding:5px 15px;
	text-decoration:none;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	box-shadow:0 1px rgba(0,0,0,.35);
	-moz-box-shadow:0 1px rgba(0,0,0,.35);
	-webkit-box-shadow:0 1px rgba(0,0,0,.35);
}
	.btn:active {
		background-color: #f6f6f6;
		background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(246, 246, 246)), to(rgb(225, 225, 225)));
		background-image: -webkit-linear-gradient(bottom, rgb(246, 246, 246), rgb(225, 225, 225));
		background-image: -moz-linear-gradient(bottom, rgb(246, 246, 246), rgb(225, 225, 225));
		background-image: -o-linear-gradient(bottom, rgb(246, 246, 246), rgb(225, 225, 225));
		background-image: -ms-linear-gradient(bottom, rgb(246, 246, 246), rgb(225, 225, 225));
		background-image: linear-gradient(bottom, rgb(246, 246, 246), rgb(225, 225, 225));
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f6f6f6', EndColorStr='#e1e1e1');
	}
	.btn.go {
		background-color: #3dda38;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(61, 218, 56)), to(rgb(39, 187, 63)));
		background-image: -webkit-linear-gradient(top, rgb(61, 218, 56), rgb(39, 187, 63));
		background-image: -moz-linear-gradient(top, rgb(61, 218, 56), rgb(39, 187, 63));
		background-image: -o-linear-gradient(top, rgb(61, 218, 56), rgb(39, 187, 63));
		background-image: -ms-linear-gradient(top, rgb(61, 218, 56), rgb(39, 187, 63));
		background-image: linear-gradient(top, rgb(61, 218, 56), rgb(39, 187, 63));
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,EndColorStr='#3dda38', StartColorStr='#27bb3f');
		border: 1px solid #21ac1c;
		color:#fff;
		text-shadow:0 -1px rgba(0,0,0,.4);
	}
		.btn.go:active {
			background-color: #3dda38;
			background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(61, 218, 56)), to(rgb(39, 187, 63)));
			background-image: -webkit-linear-gradient(bottom, rgb(61, 218, 56), rgb(39, 187, 63));
			background-image: -moz-linear-gradient(bottom, rgb(61, 218, 56), rgb(39, 187, 63));
			background-image: -o-linear-gradient(bottom, rgb(61, 218, 56), rgb(39, 187, 63));
			background-image: -ms-linear-gradient(bottom, rgb(61, 218, 56), rgb(39, 187, 63));
			background-image: linear-gradient(bottom, rgb(61, 218, 56), rgb(39, 187, 63));
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,EndColorStr='#3dda38', StartColorStr='#27bb3f');
		}
/*Opera Fix*/
body:before {
content: "";
height: 100%;
float: left;
width: 0;
margin-top: -32767px;/* Efecto Negativo para OPERA*/
}
form {
    height:auto;
    width:100%;
}
.align_center
{
	text-align: center;
}

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 99999;
}

* html .ui-autocomplete {
	height: 100px;
}

.ui-tooltip, .arrow:after {
	background: black;
	border: 2px solid white;
}
.ui-tooltip {
	padding: 10px 20px;
	color: white;
	border-radius: 20px;
	font: bold 14px "Helvetica Neue", Sans-Serif;
	text-transform: uppercase;
	box-shadow: 0 0 7px black;
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}

.form-signin{
	max-width:350px;
	box-shadow: 20px 1px 90px #aaa;
	padding:5.2px;
	margin:0 auto;
	/*border-top: 3px solid #C00;
	border-bottom: 3px solid #C00;*/
    border-color: #CECCCC;
	margin-top: 0cm;
    padding:14px;
	border-radius: 15px 0px 15px 0px;
}

.form-signin-heading{
    margin-bottom: 10px;
}

.form-reg{

	max-width:450px;
	box-shadow: 20px 1px 90px #aaa;
	padding:5.2px;
	margin:0 auto;
	/*border-top: 3px solid #C00;
	border-bottom: 3px solid #C00;*/
    border-color: #CECCCC;
	margin-top: 0cm;
    padding:14px;
	border-radius: 15px 0px 15px 0px;

}
.form-reg-right{
	max-width:750px;
	box-shadow: 20px 1px 90px #aaa;
	padding:5.2px;
	margin:0 auto;
	/*border-top: 3px solid #C00;
	border-bottom: 3px solid #C00;*/
    border-color: #CECCCC;
	margin-top: 0cm;
    padding:14px;
	border-radius: 15px 0px 15px 0px;
}
/*.form-reg-big{

	max-width:1050px;
	box-shadow: 20px 1px 90px #aaa;
	padding:15px;
	margin:0 auto;
	border-left: 1px solid #C00;
	border-top: 3px solid #C00;
	border-bottom: 3px solid #C00;
    border-color: #CECCCC;
	border-radius: 15px 15px 15px 15px;
}*/
.form-reg-big{
	max-width:1050px;
	box-shadow: 20px 1px 90px #aaa;
	padding:5.2px;
	margin:0 auto;
	/*border-top: 3px solid #C00;
	border-bottom: 3px solid #C00;*/
    border-color: #CECCCC;
	margin-top: 0cm;
    padding:14px;
	border-radius: 15px 0px 15px 0px;
}
#titulo
{
	position:relative;
	top:-50px;
	text-align:center;
	color:#fff;
	font-size:20px;
    min-width: 100%;
}

.summary{
		cursor: pointer;
	}
	.clsPadding{
	padding: 10px;
	}
ul.menu
{
   list-style:none;
}
ul.menu ul /* Para todos los ul debajo del ul.menu */
{
   display:none;
   list-style:none;
}
/* Esto afecta a todos los ul inmediatamente debajo (el > ) de un li que a su vez esté dentro de un ul.menu */
ul.menu li:hover > ul
{
   display:block;
}
ul.menu
{
   list-style:none;
}
ul.menu li
{
   position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
}
ul.menu ul
{
   position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
   left:30px; /* Para que no monte sobre el <li> */
   top:18px;
   display:none;
   list-style:none;
}
ul.menu li:hover > ul
{
   display:block;
}

.css3-notification {
	font-size: .8em;
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
	position: relative;
	font-weight: bold;

	-webkit-animation: bounce 1.2s ease-out;
	-moz-animation: bounce 800ms ease-out;
	-o-animation: bounce 900ms ease-out;
	animation: bounce 1.2s ease-out;
}

div.btn-user{
    position: fixed;
    right:1%;
    bottom:7%;
    z-index: 2000;
}
.btn-user a{
    background: #003273;
    padding:25px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    color:rgba(230,230,250,.8);
    font-size:20px;
    text-decoration: none;
    box-shadow: 2px 2px 5px #999;
    cursor: pointer;
}
.btn-user a:hover{
    color: #ffffff;
    text-decoration: none;
    -moz-box-shadow:inset -5px -3px 75px #000000;
    -webkit-box-shadow:inset -5px -3px 75px #000000;
    box-shadow:inset -5px -3px 75px #000000;
    cursor: pointer;
}
.icon-cog:before {
	content: "\e687";
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'eupan';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div.container { max-width: 1200px }

/* Webkit, Chrome and Safari */

@-webkit-keyframes bounce {
	0% {
		-webkit-transform:translateX(3%);
	}
	5% {
		-webkit-transform:translateX(-3%);
	}
	15% {
		-webkit-transform:translateX(0);
		padding: 3px auto;
	}
	20% {
		-webkit-transform:translateX(2%);
	}
	25% {
		-webkit-transform:translateX(0%);
		padding: 4px auto;
	}
	30% {
		-webkit-transform:translateX(-2%);
	}
	35% {
		-webkit-transform:translateX(0%);
		padding: 5px auto;
	}
	40% {
		-webkit-transform:translateX(1%);
	}
	45% {
		-webkit-transform:translateX(0%);
		padding: 5px auto;
	}
	50% {
		-webkit-transform:translateX(-1%);
	}
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
	-moz-transform:translateX(3%);
    opacity: 0;
  }
  5% {
  	-moz-transform:translateX(-3%);
    opacity: 0;
  }
  10% {
  	-moz-transform:translateX(0);
    padding-bottom: 5px;
  }
  20% {
  	-moz-transform:translateX(2%);
  }
  30% {
  	-moz-transform:translateX(0%);
    padding-bottom: 6px;
  }
  40% {
  	-moz-transform:translateX(-2%);
  }
  50% {
  	-moz-transform:translateX(0%);
    padding-bottom: 7px;
}

/* Opera 12.0 */
@-o-keyframes bounce {
  0% {
	-o-transform:translateX(5%);
    opacity: 0;
  }
  5% {
  	-o-transform:translateX(-5%);
    opacity: 0;
  }
  15% {
  	-o-transform:translateX(0);
    padding-bottom: 5px;
  }
  30% {
  	-o-transform:translateX(4%);
  }
  40% {
  	-o-transform:translateX(0%);
    padding-bottom: 6px;
  }
  50% {
  	-o-transform:translateX(-4%);
  }
  70% {
  	-o-transform:translateX(0%);
    padding-bottom: 7px;
  }
  80% {
  	-o-transform:translateX(3%);
  }
  90% {
  	-o-transform:translateX(0%);
  	padding-bottom: 8px;
  }
  95% {
  	-o-transform:translateX(-3%);
  }
  97% {
  	-o-transform:translateX(0%);
  	padding-bottom: 9px;
  }
  99% {
  	-o-transform:translateX(-1%);
  }
  100% {
  	-o-transform:translateX(0);
  	padding-bottom: 9px;

  }
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
  0% {
	transform:translateX(-5%);
    opacity: 0;
  }
  5% {
  	transform:translateX(-5%);
    opacity: 0;
  }
  15% {
  	transform:translateX(0);
    padding-bottom: 5px;
  }
  30% {
  	transform:translateX(4%);
  }
  40% {
  	transform:translateX(0%);
    padding-bottom: 6px;
  }
  50% {
  	transform:translateX(-4%);
  }
  70% {
  	transform:translateX(0%);
    padding-bottom: 7px;
  }
  80% {
  	transform:translateX(4%);
  }
  90% {
  	transform:translateX(0%);
  	padding-bottom: 8px;
  }
  95% {
  	transform:translateX(-2%);
  }
  97% {
  	transform:translateX(0%);
  	padding-bottom: 9px;
  }
  99% {
  	transform:translateX(-1%);
  }
  100% {
  	transform:translateX(0);
  	padding-bottom: 9px;
    opacity: 1;
  }
}
* {
margin: 0;
padding: 0;
}/*Quitamos unas propiedades que por defecto traen los navegadores y las ponemos en “0”*/
html, body {
height: 100%;
}
#wrap {
    min-height: 94%;
}
#main {
/*overflow: auto;*/
padding-bottom: 50px;

}/* Altura en px del footer */
#footer {
position: relative;
margin-top: -50px; /* altura en px del footer con valor negativo */
height: 50px; /* Altura del Footer en px*/
clear: both;
background: #fff;
text-align: center;
color: #000;
padding-top: 5px;
padding-bottom: 5px;
}

.btn {
	background-color: #f6f6f6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(246, 246, 246)), to(rgb(225, 225, 225)));
	background-image: -webkit-linear-gradient(top, rgb(246, 246, 246), rgb(225, 225, 225));
	background-image: -moz-linear-gradient(top, rgb(246, 246, 246), rgb(225, 225, 225));
	background-image: -o-linear-gradient(top, rgb(246, 246, 246), rgb(225, 225, 225));
	background-image: -ms-linear-gradient(top, rgb(246, 246, 246), rgb(225, 225, 225));
	background-image: linear-gradient(top, rgb(246, 246, 246), rgb(225, 225, 225));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f6f6f6', EndColorStr='#e1e1e1');
	border: 1px solid #ccc;
	color:#555;
	display:inline-block;
	padding:5px 15px;
	text-decoration:none;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	box-shadow:0 1px rgba(0,0,0,.35);
	-moz-box-shadow:0 1px rgba(0,0,0,.35);
	-webkit-box-shadow:0 1px rgba(0,0,0,.35);
}
	.btn:active {
		background-color: #f6f6f6;
		background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(246, 246, 246)), to(rgb(225, 225, 225)));
		background-image: -webkit-linear-gradient(bottom, rgb(246, 246, 246), rgb(225, 225, 225));
		background-image: -moz-linear-gradient(bottom, rgb(246, 246, 246), rgb(225, 225, 225));
		background-image: -o-linear-gradient(bottom, rgb(246, 246, 246), rgb(225, 225, 225));
		background-image: -ms-linear-gradient(bottom, rgb(246, 246, 246), rgb(225, 225, 225));
		background-image: linear-gradient(bottom, rgb(246, 246, 246), rgb(225, 225, 225));
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f6f6f6', EndColorStr='#e1e1e1');
	}
	.btn.go {
		background-color: #3dda38;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(61, 218, 56)), to(rgb(39, 187, 63)));
		background-image: -webkit-linear-gradient(top, rgb(61, 218, 56), rgb(39, 187, 63));
		background-image: -moz-linear-gradient(top, rgb(61, 218, 56), rgb(39, 187, 63));
		background-image: -o-linear-gradient(top, rgb(61, 218, 56), rgb(39, 187, 63));
		background-image: -ms-linear-gradient(top, rgb(61, 218, 56), rgb(39, 187, 63));
		background-image: linear-gradient(top, rgb(61, 218, 56), rgb(39, 187, 63));
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,EndColorStr='#3dda38', StartColorStr='#27bb3f');
		border: 1px solid #21ac1c;
		color:#fff;
		text-shadow:0 -1px rgba(0,0,0,.4);
	}
		.btn.go:active {
			background-color: #3dda38;
			background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(61, 218, 56)), to(rgb(39, 187, 63)));
			background-image: -webkit-linear-gradient(bottom, rgb(61, 218, 56), rgb(39, 187, 63));
			background-image: -moz-linear-gradient(bottom, rgb(61, 218, 56), rgb(39, 187, 63));
			background-image: -o-linear-gradient(bottom, rgb(61, 218, 56), rgb(39, 187, 63));
			background-image: -ms-linear-gradient(bottom, rgb(61, 218, 56), rgb(39, 187, 63));
			background-image: linear-gradient(bottom, rgb(61, 218, 56), rgb(39, 187, 63));
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,EndColorStr='#3dda38', StartColorStr='#27bb3f');
		}
/*Opera Fix*/
body:before {
content: "";
height: 100%;
float: left;
width: 0;
margin-top: -32767px;/* Efecto Negativo para OPERA*/
}
form {
    height:auto;
    width:100%;
}
.align_center
{
	text-align: center;
}

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 99999;
}

* html .ui-autocomplete {
	height: 100px;
}

.ui-tooltip, .arrow:after {
	background: black;
	border: 2px solid white;
}
.ui-tooltip {
	padding: 10px 20px;
	color: white;
	border-radius: 20px;
	font: bold 14px "Helvetica Neue", Sans-Serif;
	text-transform: uppercase;
	box-shadow: 0 0 7px black;
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}

.form-signin{
	max-width:350px;
	box-shadow: 20px 1px 90px #aaa;
	padding:5.2px;
	margin:0 auto;
	/*border-top: 3px solid #C00;
	border-bottom: 3px solid #C00;*/
    border-color: #CECCCC;
	margin-top: 0cm;
    padding:14px;
	border-radius: 15px 0px 15px 0px;
}

.form-signin-heading{
    margin-bottom: 10px;
}

.form-reg{

	max-width:450px;
	box-shadow: 20px 1px 90px #aaa;
	padding:5.2px;
	margin:0 auto;
	/*border-top: 3px solid #C00;
	border-bottom: 3px solid #C00;*/
    border-color: #CECCCC;
	margin-top: 0cm;
    padding:14px;
	border-radius: 15px 0px 15px 0px;

}
.form-reg-right{
	max-width:750px;
	box-shadow: 20px 1px 90px #aaa;
	padding:5.2px;
	margin:0 auto;
	/*border-top: 3px solid #C00;
	border-bottom: 3px solid #C00;*/
    border-color: #CECCCC;
	margin-top: 0cm;
    padding:14px;
	border-radius: 15px 0px 15px 0px;
}
/*.form-reg-big{

	max-width:1050px;
	box-shadow: 20px 1px 90px #aaa;
	padding:15px;
	margin:0 auto;
	border-left: 1px solid #C00;
	border-top: 3px solid #C00;
	border-bottom: 3px solid #C00;
    border-color: #CECCCC;
	border-radius: 15px 15px 15px 15px;
}*/
.form-reg-big{
	max-width:1050px;
	box-shadow: 20px 1px 90px #aaa;
	padding:5.2px;
	margin:0 auto;
	/*border-top: 3px solid #C00;
	border-bottom: 3px solid #C00;*/
    border-color: #CECCCC;
	margin-top: 0cm;
    padding:14px;
	border-radius: 15px 0px 15px 0px;
}
#titulo
{
	position:relative;
	top:-50px;
	text-align:center;
	color:#fff;
	font-size:20px;
    min-width: 100%;
}

.summary{
		cursor: pointer;
	}
	.clsPadding{
	padding: 10px;
	}
ul.menu
{
   list-style:none;
}
ul.menu ul /* Para todos los ul debajo del ul.menu */
{
   display:none;
   list-style:none;
}
/* Esto afecta a todos los ul inmediatamente debajo (el > ) de un li que a su vez esté dentro de un ul.menu */
ul.menu li:hover > ul
{
   display:block;
}
ul.menu
{
   list-style:none;
}
ul.menu li
{
   position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
}
ul.menu ul
{
   position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
   left:30px; /* Para que no monte sobre el <li> */
   top:18px;
   display:none;
   list-style:none;
}
ul.menu li:hover > ul
{
   display:block;
}

.css3-notification {
	font-size: .8em;
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
	position: relative;
	font-weight: bold;

	-webkit-animation: bounce 1.2s ease-out;
	-moz-animation: bounce 800ms ease-out;
	-o-animation: bounce 900ms ease-out;
	animation: bounce 1.2s ease-out;
}

div.btn-user{
    position: fixed;
    right:1%;
    bottom:7%;
    z-index: 2000;
}
.btn-user a{
    background: #003273;
    padding:25px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    color:rgba(230,230,250,.8);
    font-size:20px;
    text-decoration: none;
    box-shadow: 2px 2px 5px #999;
    cursor: pointer;
}
.btn-user a:hover{
    color: #ffffff;
    text-decoration: none;
    -moz-box-shadow:inset -5px -3px 75px #000000;
    -webkit-box-shadow:inset -5px -3px 75px #000000;
    box-shadow:inset -5px -3px 75px #000000;
    cursor: pointer;
}
.icon-cog:before {
	content: "\e687";
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'eupan';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Webkit, Chrome and Safari */

@-webkit-keyframes bounce {
	0% {
		-webkit-transform:translateX(3%);
	}
	5% {
		-webkit-transform:translateX(-3%);
	}
	15% {
		-webkit-transform:translateX(0);
		padding: 3px auto;
	}
	20% {
		-webkit-transform:translateX(2%);
	}
	25% {
		-webkit-transform:translateX(0%);
		padding: 4px auto;
	}
	30% {
		-webkit-transform:translateX(-2%);
	}
	35% {
		-webkit-transform:translateX(0%);
		padding: 5px auto;
	}
	40% {
		-webkit-transform:translateX(1%);
	}
	45% {
		-webkit-transform:translateX(0%);
		padding: 5px auto;
	}
	50% {
		-webkit-transform:translateX(-1%);
	}
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
	-moz-transform:translateX(3%);
    opacity: 0;
  }
  5% {
  	-moz-transform:translateX(-3%);
    opacity: 0;
  }
  10% {
  	-moz-transform:translateX(0);
    padding-bottom: 5px;
  }
  20% {
  	-moz-transform:translateX(2%);
  }
  30% {
  	-moz-transform:translateX(0%);
    padding-bottom: 6px;
  }
  40% {
  	-moz-transform:translateX(-2%);
  }
  50% {
  	-moz-transform:translateX(0%);
    padding-bottom: 7px;
}

/* Opera 12.0 */
@-o-keyframes bounce {
  0% {
	-o-transform:translateX(5%);
    opacity: 0;
  }
  5% {
  	-o-transform:translateX(-5%);
    opacity: 0;
  }
  15% {
  	-o-transform:translateX(0);
    padding-bottom: 5px;
  }
  30% {
  	-o-transform:translateX(4%);
  }
  40% {
  	-o-transform:translateX(0%);
    padding-bottom: 6px;
  }
  50% {
  	-o-transform:translateX(-4%);
  }
  70% {
  	-o-transform:translateX(0%);
    padding-bottom: 7px;
  }
  80% {
  	-o-transform:translateX(3%);
  }
  90% {
  	-o-transform:translateX(0%);
  	padding-bottom: 8px;
  }
  95% {
  	-o-transform:translateX(-3%);
  }
  97% {
  	-o-transform:translateX(0%);
  	padding-bottom: 9px;
  }
  99% {
  	-o-transform:translateX(-1%);
  }
  100% {
  	-o-transform:translateX(0);
  	padding-bottom: 9px;

  }
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
  0% {
	transform:translateX(-5%);
    opacity: 0;
  }
  5% {
  	transform:translateX(-5%);
    opacity: 0;
  }
  15% {
  	transform:translateX(0);
    padding-bottom: 5px;
  }
  30% {
  	transform:translateX(4%);
  }
  40% {
  	transform:translateX(0%);
    padding-bottom: 6px;
  }
  50% {
  	transform:translateX(-4%);
  }
  70% {
  	transform:translateX(0%);
    padding-bottom: 7px;
  }
  80% {
  	transform:translateX(4%);
  }
  90% {
  	transform:translateX(0%);
  	padding-bottom: 8px;
  }
  95% {
  	transform:translateX(-2%);
  }
  97% {
  	transform:translateX(0%);
  	padding-bottom: 9px;
  }
  99% {
  	transform:translateX(-1%);
  }
  100% {
  	transform:translateX(0);
  	padding-bottom: 9px;
    opacity: 1;
  }
}