/* CSS Document */
/*
Nome do arquivo: estilo.css
URI: http://www.sistemamirante.com/
Autor: Desenvolvimento Web
Versão: 1.0
*/

/**** configuração da página ****/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: none;
	padding: 0;
	vertical-align: baseline;
	list-style: none;
}


/*************************************************************************************/


html, body, #geral { margin: 0; padding: 0; height: 100%; text-align: left; background-color: #fff; }

body > #geral { height: auto; min-height: 100%; background: #FFFFFF; }

/* configuracao: utilitarios */
@font-face {
	font-family: 'Agenda';
	src: url('/casarbem/incs/agendamediumcondensed.eot');
}
@font-face {
	font-family: 'Agenda';
	src: url('/casarbem/incs/agendamediumcondensed.ttf') format('truetype'),
		 url('/casarbem/incs/agendamediumcondensed.svg#Agenda') format('svg');
}
.limpaFloat {
    clear:both;
	visibility: hidden;
	content: "";
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.oculta { display: none; }

/* configuracao: corpo */
#geral #corpo {
	background: none repeat scroll 0 0 #FFFFFF;
	clear: both;
	margin: 0 auto 40px;
	max-width: 955px;
	padding: 5px 0 5px 5px;
	position: relative;
	width: 955px;
}

/* configuracao: topo */
#geral #topo {
	clear: both;
	margin: 0 auto 40px;
	max-width: 950px;
	overflow: hidden;
	position: relative;
	width: 950px;
}
#geral #topo .imagem {
	background: url("/casarbem/imagens/imgTopo.jpg") no-repeat scroll 0 0 #fff;
	height: 464px;
	width: 100%;
}
#geral #topo .imagem a { display: block; height: 100%; text-indent: -99999px; }
#geral #topo .menu {
	background-color: #e9438f;
	clear: both;
	height: 30px;
	max-width: 950px;
	overflow: hidden;
	position: relative;
	width: 950px;
}

#geral #topo .menu ul {
    left: 40px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 950px;
} 
 
 
#geral #topo .menu ul li {
	border-right: 1px solid #fff;
	float: left;
	padding: 0 30px;
}

#geral #topo .menu ul li:last-child { border: 0; }
#geral #topo .menu ul li a {
	color: #fff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	text-transform: uppercase;
}


/* configuracao: conteudo */
#geral #corpo .conteudo {
	clear: both;
	float: left;
	max-width: 650px;
	min-height: 560px;
	overflow: hidden;
	position: relative;
	width: 650px;
}
#geral #corpo .conteudo p {
	color: #545454;
	cursor: default;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
}

#geral #corpo .conteudo subtexto {
	color: #e9438f;
	cursor: default;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
}

#geral #corpo .conteudo.calendario { max-width: 950px; width: 950px; }


/* configuracao: conteudo catalogo */
#geral #corpo .catalogo {
	clear: both;
	float: left;
	max-width: 650px;
	min-height: 560px;
	overflow: hidden;
	position: relative;
	width: 650px;
}
#geral #corpo .catalogo p {
	color: #545454;
	cursor: default;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-align: left;
}
#geral #corpo .catalogo subtexto {
	color: #e9438f;
	cursor: default;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
}


/* configuracao: sidebar */
#geral #corpo .sidebar {
	float: right;
	max-width: 300px;
	width: 300px;
}
#geral #corpo .sidebar p {
	color: #000;
	cursor: default;
    font-family: "Agenda",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
}
#geral #corpo .sidebar p strong { font-size: 18px; font-weight: bold; text-transform: uppercase; }
#geral #corpo .sidebar a { color: #2077F0; text-decoration: none; }

/* configuracao: rodape */
#rodape {
	background: url("/casarbem/imagens/stripes_painel2.png") repeat scroll 0 0 #FFFFFF;
    clear: both;
	overflow: hidden;
	padding: 25px 0;
    position: relative;
    width: 100%;
}
#rodape .corpo-rodape {
	margin: 0 auto;
	max-width: 950px;
	position: relative;
	width: 950px;
}
#rodape .corpo-rodape ul { margin: 25px 0 35px; overflow: hidden; position: relative; width: 100%; }
#rodape .corpo-rodape ul li {
	float: left;
	margin: 0 30px;
}
#rodape .corpo-rodape ul li:first-child { margin-left: 0; }
#rodape .corpo-rodape ul li:last-child { margin-right: 0; }
#rodape .corpo-rodape ul li a {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url("/casarbem/imagens/imgLogos.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #000;
	display: block;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-indent: -99999px;
}
#rodape .corpo-rodape ul li a.oestado { background-position: 0 -34px; height: 24px; width: 122px; }
#rodape .corpo-rodape ul li a.imirante { background-position: -154px -27px; height: 40px; width: 104px; }
#rodape .corpo-rodape ul li a.miranteam { background-position: -293px -9px; height: 75px; width: 91px; }
#rodape .corpo-rodape ul li a.mirantefm { background-position: -423px -16px; height: 60px; width: 137px; }
#rodape .corpo-rodape ul li a.tvmirante { background-position: -594px -16px; height: 60px; width: 100px; }
#rodape .corpo-rodape ul li a.sistemamirante { background-position: -747px -10px; height: 73px; width: 83px; }
#rodape .corpo-rodape p {
	clear: both;
	color: #000;
	display: block;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

/* configuracao: veiculos */
#veiculos, #calendario { overflow: hidden; position: relative; width: 100%; }
#veiculos ul, #calendario ul {
	padding: 21px 0 21px 30px;
	position: relative;
}
#veiculos ul span.color, #calendario ul span.color {
	background-color: #fff;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 30px;
}
#veiculos ul.oestado span.color, #calendario ul.oestado span.color { background-color: #00a28b; }
#veiculos ul.imirante span.color, #calendario ul.imirante span.color { background-color: #f36b22; }
#veiculos ul.miranteam span.color, #calendario ul.miranteam span.color { background-color: #d3b318; }
#veiculos ul.mirantefm span.color, #calendario ul.mirantefm span.color { background-color: #d80f81; }
#veiculos ul.tvmirante span.color, #calendario ul.tvmirante span.color { background-color: #735f9f; }
#veiculos ul.sistemamirante span.color, #calendario ul.sistemamirante span.color { background-color: #0095da; }
#veiculos ul span.logo, #calendario ul span.logo {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url("/casarbem/imagens/imgListaVeiculos.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	left: 0;
	position: absolute;
	top: 50%;
	width: 30px;
}
#veiculos ul span.logo.oestado, #calendario ul span.logo.oestado  { background-position: 0 0; height: 96px; margin-top: -48px; }
#veiculos ul span.logo.imirante, #calendario ul span.logo.imirante  { background-position: 0 -96px; height: 148px; margin-top: -74px; }
#veiculos ul span.logo.miranteam, #calendario ul span.logo.miranteam  { background-position: 0 -244px; height: 113px; margin-top: -56px; }
#veiculos ul span.logo.mirantefm, #calendario ul span.logo.mirantefm  { background-position: 0 -357px; height: 107px; margin-top: -53px; }
#veiculos ul span.logo.tvmirante, #calendario ul span.logo.tvmirante  { background-position: 0 -464px; height: 120px; margin-top: -60px; }
#veiculos ul span.logo.sistemamirante, #calendario ul span.logo.sistemamirante  { background-position: 0 -584px; height: 172px; margin-top: -86px; }

#veiculos ul li,
#calendario ul li {  margin-left: 20px; }

#veiculos ul li a,
#calendario ul li a {
	color: #666;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
}
#veiculos ul li a:hover,
#calendario ul li a:hover { color: #000; }

/* configuracao: genero, ordemalfa */
#genero, #ordemalfa { overflow: hidden; position: relative; width: 100%; }
#genero ul, #ordemalfa ul {
	padding: 10px 0 10px 30px;
	position: relative;
}
#genero ul span, #ordemalfa ul span { margin-bottom: 20px; }
#genero ul span.block, #ordemalfa ul span.block {
	background-color: #000;
    clear: both;
    float: left;
    height: 15px;
    margin-right: 10px;
    margin-top: 2px;
    position: relative;
    width: 15px;
}
#genero ul span.titulo, #ordemalfa ul span.titulo {
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
#genero ul li, #ordemalfa ul li { clear: both; margin-left: 25px; }
#genero ul li a, #ordemalfa ul li a {
	color: #666;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
}
#genero ul li a:hover, #ordemalfa ul li a:hover { color: #000; }

/* configuracao: calendario */
#calendario ul li { border-bottom: 1px solid #e3e3e3; height: 20px; position: relative; z-index: 2; }
#calendario ul li.first-child { border-top: 1px solid #e3e3e3; }
#calendario table {
	border: 1px solid #E3E3E3;
	color: #666;
	cursor: default;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
#calendario table tr th, #calendario table tr td { border-right: 1px solid #e3e3e3; height: 21px; }
#calendario table tr th { text-align: center; text-transform: uppercase; vertical-align: middle; }
#calendario table tr td.block-oestado { background-color: #00A28B; }
#calendario table tr td.block-imirante { background-color: #F36B22; }
#calendario table tr td.block-miranteam { background-color: #D3B318; }
#calendario table tr td.block-mirantefm { background-color: #D80F81; }
#calendario table tr td.block-tvmirante { background-color: #735F9F; }
#calendario table tr td.block-sistemamirante { background-color: #0095DA; }