﻿/*
Theme Name: Transito + gentil
Theme URI: http://www.ithink.com.br/
Description: Porto Seguro - Tr&acirc;nsito + Gentil
Version: 2.0
Author: Ithink
Tags: fixed width, two columns, widgets
*/

* {
	zoom: 1;
	outiline: none;
}

body {
	display: block;
	margin: 0;
	padding: 0;
	background: #e5e6e7 url('../img/body.jpg') no-repeat;
	font-family: "Trebuchet MS";
}

.rap {
	width: 920px;
	margin: 0 auto;
}

.hd {
	margin: 0;
	padding: 0 10px;
}

.hd:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.hd h1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 230px;
	height: 120px;
	overflow: hidden;
}

.hd h1 a {
	display: block;
	height: 120px;
	background: url('../img/hd-h1-trans.png') no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

.hd .apoio {
	float: left;
}

.hd .mn-apoio {
	display: block;
	margin: 0 15px 0 0;
}

.hd .mn-apoio ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hd .mn-apoio ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.hd .mn-apoio ul li {
	float: right;
	margin: 0 0 0 10px;
	font-size: 0.75em;
}

.hd .mn-apoio ul li a {
	display: block;
	padding: 3px 0 1px 18px;
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #999;
}

.hd .mn-apoio ul li.faq a {
	background-image: url('../img/hd-mn-apoio-ul-li-faq-trans.png');
}

.hd .mn-apoio ul li.contato a {
	background-image: url('../img/hd-mn-apoio-ul-li-contato-trans.png');
}

.hd .mn {
	position: relative;
	float: right;
	width: 440px;
	margin: 35px 0 0 0;
	padding: 0 15px;
}

.hd .mn .cn-esquerdo,
.hd .mn .cn-direito {
	position: absolute;
	top: 0;
	display: block;
	width: 15px;
	height: 32px;
	overflow: hidden;
	background-repeat: none;
}

.hd .mn .cn-esquerdo {
	left: 0;
	background-image: url('../img/hd-mn-cn-esquerdo-trans.png');
}

.hd .mn .cn-direito {
	right: 0;
	background-image: url('../img/hd-mn-cn-direito-trans.png');
}

.hd .mn ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: url('../img/hd-mn-trans.png') repeat-x;
}

.hd .mn ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.hd .mn ul li {
	display: block;
	float: left;
	height: 32px;
	overflow-x: hidden;
}

.hd .mn ul li.o-que-e {
	width: 90px;
}

.hd .mn ul li.desconto {
	width: 158px;
}

.hd .mn ul li.acontece {
	width: 108px;
}

.hd .mn ul li.participe {
	width: 84px;
}

.hd .mn ul li a {
	display: block;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

.hd .mn ul li a:hover,
.hd .mn ul li a.ativo {
	background-position: 0 -32px;
}

.hd .mn ul li.o-que-e a {
	background-image: url('../img/hd-mn-ul-li-ul-li-o-que-e-trans.png');
}

.hd .mn ul li.desconto a {
	background-image: url('../img/hd-mn-ul-li-ul-li-desconto-trans.png');
}

.hd .mn ul li.acontece a {
	background-image: url('../img/hd-mn-ul-li-ul-li-acontece-trans.png');
}

.hd .mn ul li.participe a {
	background-image: url('../img/hd-mn-ul-li-ul-li-participe-trans.png');
}

.hd .mn ul ul {
	position: absolute;
	display: none;
	margin: 0 0 0 8px;
	padding: 0;
	width: 170px;
	background: none;
}

.hd .mn ul li ul li {
	display: block;
	float: none;
	height: auto;
	background: #2c8dc9;
}

.hd .mn ul li ul li.li-first {
	padding-top: 5px;
	background: url('../img/hd-mn-ul-li-ul-li-first-trans.png') top left no-repeat;
}

.hd .mn ul li ul li.li-last {
	padding-bottom: 5px;
	background: url('../img/hd-mn-ul-li-ul-li-last-trans.png') bottom left no-repeat;
}

.hd .mn ul li ul li a {
	height: auto;
	padding: 3px 2px 2px 2px;
	margin: 0 5px;
	background: none;
	border-bottom: 1px solid #6cafd9;
	font-size: 0.75em;
	text-decoration: none;
	text-transform: uppercase;
	text-indent: 0;
	
	color: #fff;
}

.hd .mn ul li ul li a:hover {
	color: #cae2f1;
}

.hd .mn ul li ul li.li-par a {
	background: url('../img/hd-mn-ul-li-ul-li-par.png') repeat-y !important;
}

.hd .mn ul li ul li.li-last a {
	border: none;
}

/* Migalha de pão */

.bc {
	margin: 10px 0 -10px 12px;
	padding: 0;
	font-size: 0.75em;
	color: #666;
}

.bc span,
.bc strong {
	color: #2c8dc9;
}

/*.bc a:hover {
	background: #cbdfeb;
}*/

/* Fim Migalha de pão */

/* Conteúdo */

.ct {
	/*position: relative;*/
	display: block;
	margin-top: 30px;
}

.ct:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Título */

.ct h2 {
	margin: 0 0 0 10px;
	padding: 0;
	height: 40px;
	background-repeat: no-repeat;
	font-size: 1.88em;
	color: #2c8dc9;
	text-indent: -9999px;
	overflow: hidden;
}

/* Fim Título */

/* Conteudo */

.ct .bx-rounded {
	position: relative;
	margin: 20px 0;
	padding: 20px 10px;
	background-repeat: repeat-y;
}

.ct .bx-rounded.bx-azul {
    margin: 0 auto;
    width: 880px;
    background-color: #2c8dc9;
}

.ct .bx-rounded.bx-metade {
    width: 430px;
    background-image: url('../img/ct-bx-metade-trans.png');
}

.ct .bx-rounded.bx-duplo {
    width: 590px;
    background-image: url('../img/ct-bx-duplo-trans.png');
}

.ct .bx-rounded.bx-triplo {
    width: 900px;
    background-image: url('../img/ct-bx-triplo-trans.png');
}

.ct .bx-rounded .cn-topo,
.ct .bx-rounded .cn-baixo {
	position: absolute;
	display: block;
	height: 20px;
	left: 0;
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
	text-indent: -9999px;
}

.ct .bx-rounded .cn-topo {
	top: -20px;
}

.ct .bx-rounded .cn-baixo {
	bottom: -20px;
}

.ct .bx-rounded.bx-metade .cn-topo,
.ct .bx-rounded.bx-metade .cn-baixo {
    width: 450px;
}

.ct .bx-rounded.bx-duplo .cn-topo,
.ct .bx-rounded.bx-duplo .cn-baixo {
    width: 610px;
}

.ct .bx-rounded.bx-triplo .cn-topo,
.ct .bx-rounded.bx-triplo .cn-baixo {
    width: 920px;
}

.ct .bx-rounded.bx-azul .cn-topo,
.ct .bx-rounded.bx-azul .cn-baixo {
    width: 900px;
}

.ct .bx-rounded.bx-azul .cn-topo {
	background-image: url('../img/ct-bx-azul-cn-topo-trans.png');
}

.ct .bx-rounded.bx-azul .cn-baixo {
	background-image: url('../img/ct-bx-azul-cn-baixo-trans.png');
}

.ct .bx-rounded.bx-metade .cn-topo {
	background-image: url('../img/ct-bx-metade-cn-topo-trans.png');
}

.ct .bx-rounded.bx-metade .cn-baixo {
	background-image: url('../img/ct-bx-metade-cn-baixo-trans.png');
}

.ct .bx-rounded.bx-duplo .cn-topo {
	background-image: url('../img/ct-bx-duplo-cn-topo-trans.png');
}

.ct .bx-rounded.bx-duplo .cn-baixo {
	background-image: url('../img/ct-bx-duplo-cn-baixo-trans.png');
}

.ct .bx-rounded.bx-triplo .cn-topo {
	background-image: url('../img/ct-bx-triplo-cn-topo-trans.png');
}

.ct .bx-rounded.bx-triplo .cn-baixo {
	background-image: url('../img/ct-bx-triplo-cn-baixo-trans.png');
}



/* Rodape */

.ft {
	display: block;
	width: 900px;
	margin: 0 auto;
	padding: 130px 0 0 0;
	background: url('../img/ft-trans.png') no-repeat;
}

.ft .ft-bx {
	position: relative;
	padding: 10px 0 20px 0;
	background: #535b60;
}

.ft .ft-bx:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ft .ft-bx .cl {
	float: left;
	width: 140px;
	padding: 0 0 0 20px;
}

.ft .ft-bx .cl.cl-a {
	width: 150px;
	font-weight: bold;
}

.ft .ft-bx .cl.cl-b {
	width: 200px;
	font-weight: bold;
}

.ft .ft-bx h4 {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 0.88em;
	color: #fff;
}

.ft .ft-bx ul {
	margin: 0;
	padding: 0;
}

.ft .ft-bx .cl.cl-a ul,
.ft .ft-bx .cl.cl-b ul {
	list-style: none;
}

.ft .ft-bx ul li {
	
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
	font-size: 0.75em;
	color: #fff;
}

.ft .ft-bx .cl.cl-a ul li,
.ft .ft-bx .cl.cl-b ul li {
	margin: 0;
}


.ft .ft-bx ul li a {
	text-decoration: none;
	color: #fff;
}

.ft .ft-bx .ithink {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 80px;
	height: 20px;
	background: url('../img/ft-ithink-trans.png') no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

/* Fim Rodapé */

/* Modal */

.pagina-erro {
    padding: 160px 10px;
}

.pagina-erro a {
    color: #2c8dc9;
}

.pagina-erro a:hover {
    background: #cbdfeb;
}


