@charset "UTF-8";

body {
	font-family: 'InterstateRegular';
	font-size:14px;
}

.main {
    position:absolute;
    left:0px;
    top:0px;
	width:100%;
	min-width:1024px;
	height:100%;
	min-height:650px;
	background:#FFF;
	text-align:center;
}

.content {
	position:absolute;
	margin:auto;
	top:0;
	left:0;
	bottom:0;
	right: 0;
	width:1024px;
	height:650px;
	background:#FFF;
	-webkit-animation:anim1 1s linear;
	-moz-animation:anim1 1s linear;
	animation:anim1 1s linear;
}

@-webkit-keyframes anim1 {
    0%	 {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes anim1 {
    0%	 {opacity:0;}
    100% {opacity:1;}
}

@keyframes anim1 {
    0%	 {opacity:0;}
    100% {opacity:1;}
}

.guion {
	position:absolute;
	width:241px;
	height:11px;
	background:#D51116;
	-webkit-animation:anim 45s infinite;
	-moz-animation:anim 45s infinite;
	animation:anim 45s infinite;
}

.gcon {
	left:762px;
	bottom:0px;
}

.menu {
	position:absolute;
}

.menu a {
	position:relative;
	display:inline-block;
	height:20px;
}

.menu a:nth-of-type(1){
	-webkit-animation:anim 45s infinite;
	-moz-animation:anim 45s infinite;
	animation:anim 45s infinite;
}

a:link, a:visited, a:active {
	color:#6D6F72;
	text-decoration:none;
	cursor:pointer;
}

a:hover div {
	color:#D71216;
	-webkit-animation:rotate 1.5s infinite;
	-moz-animation:rotate 1.5s infinite;
	animation:rotate 1.5s infinite;
}

@-webkit-keyframes anim {
    0%	 {-webkit-transform: rotateX(0deg);}
    100% {-webkit-transform: rotateX(0deg);}
}

@-moz-keyframes anim {
    0%	 {-webkit-transform: rotateX(0deg);}
    100% {-webkit-transform: rotateX(0deg);}
}

@keyframes anim {
    0%	 {-webkit-transform: rotateX(0deg);}
    100% {-webkit-transform: rotateX(0deg);}
}

@-webkit-keyframes rotate {
    0%	 {-webkit-transform: rotateX(0deg);}
    50%	 {-webkit-transform: rotateX(86deg);}
    100% {-webkit-transform: rotateX(0deg);}
}

@-moz-keyframes rotate {
    0%	 {-moz-transform: rotateX(0deg);}
    50%	 {-moz-transform: rotateX(86deg);}
    100% {-moz-transform: rotateX(0deg);}
}

@keyframes rotate {
    0%	 {transform: rotateX(0deg);}
    50%	 {transform: rotateX(86deg);}
    100% {transform: rotateX(0deg);}
}

.layout {
	position:absolute;
	left:91px;
	top:212px;
	width:850px;
	height:283px;
}

.titulo {
	position:absolute;
	left:0px;
	top:0px;
	width:240px;
	height:283px;
	color:#E58C76;
	font-family: 'InterstateBold';
	font-size:26px;
	background:#D71216;
}

.hidder {
	position:relative;
	display:inline-block;
	margin-top:123px;
	height:29px;
	overflow:hidden;
}

.hidder div {
	position:absolute;
	width:350px;
	text-align:left;
	word-spacing:10px;
}

#wrapper {
	position:absolute;
	left:240px;
	top:0px;
	height:283px;
	background:#DADAED;
}

ul {
	width:610px;
	height:283px;
	margin:0;
	padding:0;
}

li {
	width:610px;
	height:283px;
}

ul li:nth-of-type(1){
	margin-left:-30px;
}

.navi {
	position:absolute;
	width:100px;
	height:34px;
	left:843px;
	top:519px;
	-webkit-animation:anim 45s infinite;
	-moz-animation:anim 45s infinite;
	animation:anim 45s infinite;
}

.navi * {
	position:absolute;
}

.navi a {
	font-size:16px;
	color:#6A8287;
	height:20px;
	width:44px;
}

#sepa {
	left:48px;
	top:0px;
	width:3px;
	height:34px;
	background:#D71216;
}

#next, #back {
	top:8px;
}

#next {
	left:2px;
}

#back {
	left:55px;
}

#indicador {
	position:absolute;
	z-index:1000;
	padding:0px 5px;
	letter-spacing:2px;
	font-size:22px;
	color:#B9BCDE;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	transform:rotate(90deg);
}

selec {
	color:#888EC7;
}

.pace {
  -webkit-pointer-events:none;
  pointer-events:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;

  z-index:2000;
  position:fixed;
  margin:auto;
  top:0;
  left:0;
  right:0;
  bottom:0;
  height:12px;
  width:260px;
  background:#FFF;
  overflow:hidden;
  border-top:319px solid #FFF;
  border-bottom:319px solid #FFF;
  border-left:382px solid #FFF; 
  border-right:382px solid #FFF; 
}

.pace .pace-progress {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;

  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:translate3d(0, 0, 0);
  -ms-transform:translate3d(0, 0, 0);
  -o-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);

  max-width:260px;
  position:fixed;
  z-index:2000;
  display:block;
  position:absolute;
  top:0;
  right:100%;
  height:100%;
  width:100%;
  background:#D91202;
}

.pace.pace-inactive {
  display:none;
}