@import "reset.css";
@import "text.css";
@import "960.css";
@import "jquery-ui-1.10.2.custom.css";  

@font-face {
  font-family:'NewsCycleRegular';
  src:url(../fonts/NewsCycle-Regular-webfont.eot);
  src:url(../fonts/NewsCycle-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/NewsCycle-Regular-webfont.woff) format("woff"),url(../fonts/NewsCycle-Regular-webfont.ttf) format("truetype"),url(../fonts/NewsCycle-Regular-webfont.svg#NewsCycleRegular) format("svg");
  font-weight:400;
  font-style:normal
}

@font-face {
  font-family:'BebasNeueRegular';
  src:url(../fonts/BebasNeue-webfont.eot);
  src:url(../fonts/BebasNeue-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/BebasNeue-webfont.woff) format("woff"),url(../fonts/BebasNeue-webfont.ttf) format("truetype"),url(../fonts/BebasNeue-webfont.svg#BebasNeueRegular) format("svg");
  font-weight:400;
  font-style:normal
}
* {
  outline: 0;
}
html {
  height: 100%;
  overflow: auto;
}
body {
  background:#fafafa;
  color:#333;
  font-family:'NewsCycleRegular',Arial;
  height: 100%;
  overflow: auto;
}
.center {
  text-align:center
}
.container_12 {
  width: 95%;
  margin-left: 5%;
}
.full-height {
  height: 100%;
}
.logo-ionews {
  display:inline-block;
  margin-top: 10px;
  margin-bottom: 5px;
  text-indent:-99999px;
  background:url(../images/logo_alagoas.png) center center no-repeat
}

/***************************
            FORMS
****************************/
input[type="text"],input[type="password"],input[type="submit"], select {
  padding:.4em;
  color:#777
}

input[type="text"]:hover,input[type="password"]:hover, select:hover {
  border:1px solid #c33;
  -webkit-box-shadow:0 0 0 3px rgba(0,0,0,0.04),inset 0 2px 8px 0 rgba(65,183,216,0.4);
  -moz-box-shadow:0 0 0 3px rgba(0,0,0,0.04),inset 0 2px 8px 0 rgba(65,183,216,0.4);
  box-shadow:0 0 0 3px rgba(0,0,0,0.04),inset 0 2px 8px 0 rgba(65,183,216,0.4)
}

input[type="text"],input[type="password"], select {
  -webkit-transition:all .25s ease-in-out;
  -moz-transition:all .25s ease-in-out;
  transition:all .25s ease-in-out;
  width: 120px;
  border:1px solid #E7E7E7;
  background:#fff;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  -khtml-border-radius:5px;
  border-radius:5px;
  font-size:14px
}

input[type="submit"] {
  font-size:14px;
  font-weight:400;
  background:#b53B2C;
  padding:7px 15px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  -khtml-border-radius:5px;
  border-radius:5px;
  color:#fff;
  text-decoration:none;
  cursor:pointer;
  display:inline-block;
  border:none;
  -webkit-transition:all .25s linear;
  -moz-transition:all .25s linear;
  transition:all .25s linear
}

input[type="submit"]:hover {
  background:#c33
}

.downloads {
  position: relative;
  z-index: 200;
  top: 0px;
  margin-left: 5px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.downloads li {
  display: inline-block;
  margin: 15px 20px 10px 0px;
  padding: 0;
}
.downloads li a {
  display: inline-block;
  width: 135px;
  height: 26px;
  color: #333;
  text-decoration: none;
  line-height: 26px;
  text-indent: 30px;
  text-align; left;
  background: url(../images/sprite-download.png) no-repeat;
}
.downloads li a.pdf {
  background-position: 0px 2px;
}
.downloads li a.html {
  background-position: 0px -67px;
}
.downloads li a.jornal {
  background-position: 0px -129px;
}

.downloads li a.pdf:hover {
  background-position: 0px -34px;
}
.downloads li a.html:hover {
  background-position: 0px -102px;
}
.downloads li a.jornal:hover {
  background-position: 0px -164px;
}

.subsecao {
  padding: 0px 0 10px 0;  
  margin: 20px 0 0px 0;
  background:url(../images/stripes.gif) center center repeat-x;
  text-align: left;
}
.subsecao span {
  background: #fafafa;
  padding: 10px 15px;
}
label {
  font-size: 17px;
  padding: 0 10px 0px 0px;
  display: inline-block;
}
.interna {
  padding-bottom: 5px;
  margin-top: 10px;
}
.input-big {
  width: 270px !important;
}
.input-very-big {
  width: 370px !important;
}
.interna div{
  margin-top: 7px;
}
.grid_5 .data {
  width: 88px;
  margin-right: 2px;
}

header {
  width: 100%;
  background:url(../images/bg.png) right bottom #fff; 
}


.marcador {
  width: 50%;
  background:url(../images/bg.png)  right top #fff;
  height: 25px; 
  padding-bottom: 10px;
  margin-left: 50%;
  border: none;
  margin-bottom: -27px;
  margin-top: -10px;
}

.marcador h2{
  font-size: 14px;
  padding: 5px 10px 0px 15px;
  display: inline-block;
  margin: 0;
}
.marcador label {
  display: inline-block;
  font-size: 13px;
  padding: 3px 10px 0px 10px;
}
.marcador input[type="text"], .marcador input[type="password"] {
  display: inline-block;
  font-size: 12px;
  padding: 4px;
  width: 100px;
}
.marcador input[type="submit"] {
  font-size:12px;
  font-weight:400;
  padding: 5px 12px;
  margin-left: 10px;
}
.container_12 {
  width: 100%;
  margin-left: 0%;
}

label {
  display: inline-block;
  height: 26px;
  color: #333;
  text-decoration: none;
  line-height: 30px;
  text-align; left;
  color: #fff;
  font-size: 14px;
}







.box-mag {
  position: relative;
  display: inline-block;
  left: 50%;
  margin-top: 10px;
}

#magazine{
  left: 0 !important;
  top: 0;
  margin: 0 0 0 22px !important;
}

.next-button,
.previous-button{
  width:22px;
  height:600px;
  position:absolute;
  top:0;
  background: #ccc;
  display: block;
  color: #000;
  font-size: 20px;
  z-index:9999;
  background-color:rgba(100,100,100, 0.1);
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
  display: none;
}

.next-button{
  right:-22px;
  -webkit-border-radius:0 15px 15px 0;
  -moz-border-radius:0 15px 15px 0;
  -ms-border-radius:0 15px 15px 0;
  -o-border-radius:0 15px 15px 0;
  border-radius:0 15px 15px 0;
  background-image:url(../images/arrows.png);
  background-position: -38px center;
  background-repeat:no-repeat;
}

.previous-button{
  left: 0px;
  -webkit-border-radius:15px 0 0 15px;
  -moz-border-radius:15px 0 0 15px;
  -ms-border-radius:15px 0 0 15px;
  -o-border-radius:15px 0 0 15px;
  border-radius:15px 0 0 15px;
  background-image:url(../images/arrows.png);
  background-position: -4px center;
  background-repeat:no-repeat;
}

.previous-button:hover,
.next-button:hover{
  background-color:rgba(0,0,0, 0.6);
}