@charset "utf-8";
/*
Theme Name: Cargoship
Theme URI: http://www.cargoship.com.br/
Description: Tema padrão.
Version: 2.0
Date: 17/01/2010
Author: Miriam de Paula
Author URI: http://www.tecsite.com.br/
*/
@import url("reset.css");
@import url("forms.css");

body{font: normal normal normal 62.5%/1.8em Arial, Helvetica, sans-serif; color: #333;}
b, strong {font-weight:800;}
p{margin-bottom: 15px;}
ul{list-style: square; margin: 0 0 25px 25px;}
ul li{list-style: square; margin-bottom: 10px; list-style-position: inside;}
a, a:visited{color: #000; cursor: pointer;}
a:hover{color: #999; font-weight: 800;}
a.mais, a.mais:visited{color: #fff; display: block; width: 80px; height: 22px/*25px*/; padding-top: 3px; background: #333; text-align: center;}
a.mais:hover{background: #999;}
.body img#fundo{width: 100%; position: fixed; top: 0; left: 0; z-index: 0;}
#total{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
#barra{position: absolute; z-index: 2; height: 115px/*172px*/; background: transparent url(images/bg-barra.jpg) repeat-x; width: 100%; top: 0; left: 0; overflow: hidden;}
#topo{width: 980px; height: 115px/*172px*/; margin: 0 auto; position: relative; z-index: 3;}
#topo-lado-esquerdo{width: 428px; height: 115px/*172px*/; float: left;}
#topo-lado-direito{width: 552px; height: 115px/*172px*/; float: left;}
#topo-lado-esquerdo h1#logomarca{width: 428px; height: 112px; margin: 0; float: left;}
#barra-relogios{height: 80px; width: 552px; float: left;}
#site{width: 980px; height: auto; margin: 10px auto 0; font-size: 120%;}
#corpo{background: #fff; padding: 25px; float: left; position: relative; z-index: 2;}
#lado-esquerdo{width: 625px; margin-right: 25px; float: left;}
#lado-direito{width: 280px; float: left;} /* Animacao */
#animacao{width: 625px; height: 203px; background: #ccc; margin-bottom: 25px;}
#animacao .ft-title { display: block; color:#fff; font-size:1.8em; height: 25px; padding: 5px 10px 0; bottom:10px; left: 10px;}
#animacao #ft-buttons-animacao {position:absolute; top:0; }
#animacao .animacao-conteudo{position: relative; z-index: 100;}
#animacao .animacao-conteudo .slide-excerpt{position: absolute; left: 10px; bottom: 10px; height: 40px; padding: 15px 15px 0; background: #000; z-index: 101; color: #fff;}
#animacao .animacao-conteudo .slide-excerpt h2{color: #fff;}

/* Animacao */
h2{color: #0273AC; font-size: 180%; font-weight: 400; margin-bottom: 15px;}
h3{font-weight: 800; font-size: 1.3em; margin-bottom: 15px;}
#acesso-especial{width: 280px; height: 208px; display: block; margin-bottom: 20px;}
#acesso-especial img{float: left;}
#acesso-especial a{margin-bottom: 10px; width: 280px; height: 94px; display: block;}
#rodape{float: left; clear: both; width: 980px; height: 50px; color: #eee;}
#rodape a,#rodape a:visited{color: #eee;}
#rodape a:hover{color: #fff; text-decoration: underline; font-weight: normal;}
#rodape #rodape-direita,#rodape #rodape-esquerda{width: 490px; float: left;}
#rodape #rodape-direita p{text-align: right;}
#itens_relacionados{background: #eee; border: 1px solid #ccc; padding: 15px; margin-bottom: 30px;}
#itens_relacionados ul{margin: 0; list-style: none;}
#itens_relacionados ul li{list-style: none; border-bottom: 1px dotted #ccc; list-style: none; margin-bottom: 0;}
#itens_relacionados ul li a{display: block; padding: 5px;}
#itens_relacionados ul li a,#itens_relacionados ul li a:visited{color: #333; font-weight: 400;}
#itens_relacionados ul li a:hover{font-weight: 800;}
#itens_relacionados h3{margin-bottom: 10px; font-size: 1.4em; font-weight: 800; color: #0273AC;}
#itens_relacionados ul li.last{border-bottom: 0;} /* Pdfs */
#pdfs{float: left; width: 575px;}
#pdfs ul{width: 560px; float: left; list-style: none; margin: 0;}
#pdfs ul li{list-style: none; float: left; margin-bottom: 15px; width: 550px/*560px*/; padding: 5px;}
#pdfs ul li .detalhes span{float: left; clear: both;}
#pdfs ul li .imagem{width: 50px; min-height: 70px; float: left;}
#pdfs ul li .detalhes{padding: 0 0 0 15px; float: left;}
#noticias-xml ul,#noticias-xml ul li,#ccs-daily ul,#ccs-daily ul li{list-style: none; margin: 0;}
#noticias-xml{width: 300px; float: left;}
#noticias-xml ul li,#ccs-daily ul li{margin-bottom: 8px; border-bottom: 1px dotted #ccc; padding: 0 0 10px 0; min-height: 36px;}
#noticias-xml ul li a, #ccs-daily ul li a{display: block;}
#noticias-xml .data-noticia,#ccs-daily .data-daily{width: 39px; height: 45px; background: url(images/calendar.gif) no-repeat; float: left; text-align: center; margin-right: 10px;}
#noticias-xml .data-noticia p,#ccs-daily .data-daily p{margin: 0;}
#ccs-daily{width: 280px; float: left;}
#ccs-daily .data-daily .data-mes{text-transform: uppercase;}
#apresentacao{width: 300px; float: left; margin-right: 25px; text-align: justify;}
.breadcrumb{text-transform: uppercase;}
#map_canvas {width: 623px; height: 320px; float:left; clear:both; margin:15px auto; background:#fff; border:1px solid #ccc;}
#directions { width:625px; height:450px; overflow:auto; }
.local { float:left; width:150px; height:150px; margin-right:5px; margin-bottom:10px; }
.local h4 { font-weight:800; margin-bottom:5px; }
img.right, img.alignright, .alignright {float: right; margin: 10px 0 0 10px; border:1px solid #ccc; padding:5px; background:#eee;}
img.left, img.alignleft, .alignleft { float: left; margin: 0 10px 10px 0; border:1px solid #ccc; padding:5px; background:#eee;}
.aligncenter, img.aligncenter { margin-left:auto; margin-right:auto; display: block; clear: both;}
.alignnone, img.alignnone { margin: 0 10px 10px 0; border:1px solid #ccc; padding:5px;}
.wp-caption { padding:10px 0 10px 10px;	background:#eee;}
.wp-caption-text { padding:5px; font-size:10px; }