/* Eric Meyer Reset CSS - não alterar */
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: "" "";
}
/* Fim Reset CSS */
html,body,form{
font-family: Verdana, sans-serif,Arial ;
height:100%;
min-height:100%; /* real browsers */
background-color:#003070;
font-size:80%;
}
.ui-container
{
width:570px;
}
.ui-container img
{
border:0;
margin:0;
padding:0;
}
.ui-container-cabecalho
{
height:45px;
background: url('../img/fundoTituloInterna_foto.gif') top left ;
background-repeat: no-repeat;
color:#FFFFFF;
}
.ui-container-cabecalho h1
{
color:#FFFFFF;
font-size: 20px;
font-family:'Arial Narrow';
font-weight:500;
padding :10px 0 0 10px;
}
.ui-container h2
{
color:#006699;
font-size: 19px;
font-family:'Arial Narrow';
font-weight:600 ;
padding :20px 0 0px 15px;
line-height:25px;
}
.ui-container-conteudo
{
background-color:#E8E8E8;
color:#666666;
font-family:Arial ;
font-size:12px;
padding:0 20px 20px 20px;
min-height:350px;
height :350px;
}
.ui-container-conteudo p
{
margin-top: 0.8em;
line-height: 1.4em;
text-align:justify;
}
.ui-container-conteudo ul
{
list-style-type: disc;
margin:10px 0 10px 20px;
line-height: 1.4em;
text-indent:50px;
}
.ui-container-footer
{
margin-top:10px;
height:20px
}
.ui-container-footer a
{
color:#00CCFF;
font-size:10px;
font-weight:bold;
margin-left:10px;
margin-right:10px;
font-size:10px;
text-decoration: none ;
}
.ui-container-footer a:hover
{
text-decoration: underline;
}
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility: hidden;
}
.clearfix {display:inline;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/******************************* Elementos DOM ***************************************************************************/
address
{
font-size:12px;
font-style:normal;
margin-bottom:15px;
margin-top:15px;
font-family:Arial;
}
address span
{
display:block;
padding-bottom:1px;
padding-top:1px;
}
p.ui-dom-default {
margin: 1em 0;
line-height:1.4;
}
input.ui-dom-default
{
border:1px solid;
border-color:#0889a6;
font-size: 10px;
color:#000000;
font-style:normal;
}
textarea.ui-dom-default
{
border:1px solid;
border-color:#0889a6;
font-size: 10px;
color:#000000;
font-style:normal;
}
textarea.ui-dom-default
{
border:1px solid;
border-color:#0889a6;
font-size: 10px;
color:#000000;
font-style:normal;
}
label.ui-dom-default
{
color:#006699 ;
font-weight: bold;
padding-bottom:1px;
padding-top:2px;
font-size:11px;
}
input[type=button].ui-dom-default
{
}
input[type=submit].ui-dom-default
{
}
input[type=reset].ui-dom-default
{
}
input[type=password].ui-dom-default
{
}
input[type=checkbox].ui-dom-default
{
color: Blue ;
border:0px;
}
legend.ui-dom-default
{
position: absolute;
top: -.5em;
left: .2em;
}
fieldset.ui-dom-default
{
position: relative;
background: #EEEEEE;
border: solid 1px #002E6E;
}
select.ui-dom-default
{
background-color: #FFFFFF;
color: #000000;
border-style: solid;
border-width: 1px;
border-color: #1F3168;
font-size: 10px;
}
a.ui-dom-default:link {text-decoration: none;color:Blue; }
a.ui-dom-default:visited {text-decoration: none;color:Blue;}
a.ui-dom-default:active {text-decoration: none}
a.ui-dom-default:hover {text-decoration: underline; color:Blue;}
/******************************* Fim Elementos DOM ***************************************************************************/
/****************************** Menu do site **************************************************************************/
/*Menu primeiro nível*/
ul.menuTotalFleet a
{
font-family: 'Arial Narrow' ;
font-size:12px;
text-decoration:none;
display: block;
padding:6px 3px 6px 10px;
font-weight:bold ;
}
ul.menuTotalFleet li.menuTotalFleet-superior
{
border-top:0px;background:#006699 url('../img/cantoDireitosuperior.gif') no-repeat top right;
}
ul.menuTotalFleet li.menuTotalFleet-inferior
{
border-bottom:none 0;background:#006699 url('../img/cantoDireitoinferior.gif') no-repeat bottom right;
}
ul.menuTotalFleet, ul.menuTotalFleet ul
{
width:180px;
}
ul.menuTotalFleet li
{
background-color: #006699;
border-bottom:solid 1px #000066;
border-top :solid 1px #0099CC;
}
ul.menuTotalFleet li a{ color:#FFFFFF;}
ul.menuTotalFleet li a:hover{ color: #919191; }
ul.menuTotalFleet li img{ border:0;vertical-align:middle;margin-right:3px }
/* Fim Menu primeiro nível*/
/*Menu segundo nível*/
ul.menuTotalFleet li ul li
{
background-color:#E8E8E8;
border-bottom:solid 1px #CCCCCC;
border-top :solid 1px #FFFFFF;
}
ul.menuTotalFleet li ul li:hover{ background-color:#D4D4D4;}
ul.menuTotalFleet li ul li a{ color:#919191; }
ul.menuTotalFleet li ul li a{color:#919191;}
ul.menuTotalFleet li ul li a:hover{ color: #919191;}
ul.menuTotalFleet li ul li a:visited{ color:#919191;}
ul.menuTotalFleet li ul li a:link{ color:#919191;}
/*Fim Menu segundo nível*/
/****************************** Fim Menu do site **************************************************************************/
/****************************** Layout do site **************************************************************************/
#maincontainer
{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
float:left ;
background: #003070 url('../img/fundo.jpg') no-repeat scroll top left;
}
#topsection
{
height: 118px; /*Height of top section*/
}
.logo
{
width:164px;
height:118px;
background: url('../img/logo.jpg') no-repeat top left;
}
.logo a
{
width:164px;
height:118px;
_width:90px;
}
.logo a span
{
display:none ;
}
.bgTopo
{
width:653px;
height:76px;
background: url('../img/bgTopo.gif') no-repeat top left;
}
.bgTopoLogo
{
width: 653px;
height: 42px;
background: url('../img/bgTopoLogop2.gif') repeat-x
}
.bgTopoRightTop
{
width:183px;
height:76px;
background: url('../img/topoRightp1.jpg') no-repeat top left;
}
.bgTopoRightBotom
{
float:left;
width:183px;
height: 42px;
background: url('../img/topoRightp2.jpg') no-repeat top left;
}
.imgBanner
{
margin-top:10px;
margin-bottom:10px
}
#topsection h3
{
float:left;
color:#FFFFFF;
font-size:16px;
font-family:'Arial Narrow';
font-weight:400;
padding-top:10px;
line-height:35px;
}
#topsection a
{
float:right ;
color:#FFFFFF;
font-size:14px;
font-family:'Arial Narrow';
font-weight:400;
padding:15px 50px 0 20px;
}
#contentwrapper
{
}
#contentcolumn{
float: left ;
width:640px;
height:80%;
min-height:80%;
}
#contentcolumnContent
{
margin:8px 5px 0px 5px ;
width:630px;
}
#leftcolumn
{
float: left;
width: 190px; /*Width of left column*/
height:100%;
min-height:100%;
}
#leftColunContent
{
width: 100%; /*Width of left column*/
margin:8px 0 0 0;
}
#footer{
width: 100%;
}
/****************************** Fim Layout do site **************************************************************************/
.containerTab
{
font-family:Arial ;
color: #FFFFFF;
width:99%;
min-height:320px;
height:320px;
}
.containerTab h4
{
font-size:34px;
font-family: Helvetica, Verdana, sans-serif;
font-weight: lighter;
}
.containerTab p
{
font-size:13px;
line-height:18px;
margin-top:20px;
}