html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}


body, html { margin:auto; padding:0; background: rgba(242, 242, 242, 1); font-size:100%;
width: device-width;
height: device-heght;
background-image:url('imagens/background_mares.png');
background-repeat:no-repeat;
background-position:center;
background-size: 100% 100%;
background-overflow:hidden;
overflow-x:hidden;
noscroll;
}

/* valores calculados com 1280x744 */


#cabecalho {
overflow:hidden;
}

.master {
min-height:37.7em;
margin:auto;
padding:0;
background: rgba(255, 0, 0, 0);

}

/* firefox */
@-moz-document url-prefix()
{
.master {
min-height:37.7em;
margin:auto;
padding:0;
background: rgba(255, 0, 0, 0);

}
}

/* chrome */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.master {
min-height:39.7em;
margin:auto;
padding:0;
background: rgba(255, 0, 0, 0);


}
}

.master p {
position: fixed;
bottom: 0px;
right: 19.5%;
font-family:Verdana,Arial;
text-decoration:none;
font-size:0.75em;
}

#linha  {

position: absolute;
top: 50%;
right: -257%;
/*top: 38.4em;*/
/*noshade: noshade;*/
-webkit-transform: rotate(-90deg); /* Safari and Chrome */
    -moz-transform: rotate(-90deg); /* Firefox */
    -ms-transform: rotate(-90deg); /* IE 9 */
    -o-transform: rotate(-90deg); /* Opera */
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

@-moz-document url-prefix()
{
#linha  {

position: absolute;
top: 50%;
right: -263%;
/*top: 38.4em;*/
/*noshade: noshade;*/
-webkit-transform: rotate(-90deg); /* Safari and Chrome */
    -moz-transform: rotate(-90deg); /* Firefox */
    -ms-transform: rotate(-90deg); /* IE 9 */
    -o-transform: rotate(-90deg); /* Opera */
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
}

/* chrome */
/*@media screen and (-webkit-min-device-pixel-ratio:0)
{
#linha_horizontal hr  {
overflow: hidden;
position: fixed;
width: 100%;
top: 31.4em;
noshade: noshade;
}
}
*/


#newsticker-demo {
position: absolute;
margin-left: auto;
margin-right: auto;
/*bottom: -10.5em;*/
top: -10%;
left: 45%;

width:auto; /*140px*/
height:auto; /692px*/
padding:0px;
font-family:Verdana,Arial;
font-size:0.875em;
background: rgba(0, 0, 0, 0);

    -webkit-transform: rotate(-90deg); /* Safari and Chrome */
    -moz-transform: rotate(-90deg); /* Firefox */
    -ms-transform: rotate(-90deg); /* IE 9 */
    -o-transform: rotate(-90deg); /* Opera */
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

#newsticker-demo a {
/*cursor:url(smiley.gif),url(myBall.cur),crosshair;*/
text-decoration:none;
color: #FFFFFF;
background-color:#000000;
text-transform: uppercase;
padding-right:3px;
padding-left:3px;
letter-spacing:1px;

}

.newsticker-jcarousellite {
width:auto;
height:auto;
background: rgba(0, 0, 0, 0);
}

.newsticker-jcarousellite ul li{
list-style:none;
display:block;
padding-top:4px;
padding-bottom:4px;
margin-bottom:auto;
margin-top:auto;
margin-left: auto;
margin-right: auto;
background: rgba(0, 0, 0, 0);
}

#informes {
position: absolute;
text-align: center;
font-size:0.75em;
color: #FFFFFF;
font-family:Verdana,Arial;
width: 100%;
bottom:1.5em;
z-index:+1;
display: none;
background: rgba(47, 170, 188, 0.8);
}

#informes p {
text-align: center;
font-family:Verdana,Arial;
color: #FFFFFF;
}

#informes a:link {
text-decoration:none;
font-style:normal;
color: #FFFFFF;
width:auto;
}

#informes a:hover {
text-decoration:none;
font-style:normal;
font-weight:bold;
color: #FFFF00;
width:auto;
}

#informes img:hover {
width:18%;
height:60%;
}


#informes a:visited {
text-decoration:none;
font-style:normal;
color: #FFFFFF;
width:auto;
}

#informes table {
padding-top:1%;
padding-bottom:1%;
padding-left:25%;
padding-right:25%;
border: 0px solid black;
width:100%;
}


#informes table tr {
border: 1px solid black;
}


#informes table td {
width:30%;
padding-left:0px;
border: 0px solid black;
text-align:left;
vertical-align:top;
line-height:170%;
}

#informes table img {
width:15%;
height:55%;
float:right;
border: 0px solid black;
}

#info {
position: absolute;
top: 95%;
right: 19.5%;
font-family:Verdana,Arial;
text-decoration:none;
font-size:1em;

}

/* Arquivos externos */

#info_texto {
background: rgba(255, 255, 255, 1);
font-family:Verdana,Arial;
text-decoration:none;
font-size:0.75em;
padding:20px;
text-align:justify;
color:#000000;
border: 1px solid black;
}

#info_texto img {
display:inline;
margin-right:10px;
border:1px solid #000000;
float:left;
}
  
#myVideo {
width: 720px;
height: 480px;
border: 1px solid white;
background: rgba(0, 0, 0, 0.8);
background-image:url('imagens/downloading.gif');
background-repeat:no-repeat;
background-position:center;
}

#palavra {
text-align:right;
font-family:Verdana,Arial;
font-size:1em;
color:#ffffff;

}

/* Dividir a tela em 9 quadros (3x3) */