@charset "utf-8";

/* Menu */
@import url("menu.css");
/* Titulos */
@import url("titulos.css");
/* Formularios */
@import url("formularios.css");
/* Demais estilos do site - Alinhamentos, Clear */
@import url("outros.css");
/* Noticias */
@import url("noticias.css");
/* Interno */
@import url("interno.css");



/*-----------------------------------------------------------------------------
Folha de estilos - Mangabeiras Veículos

version:	1.5
Autor:		Plus! Agência Digital - @aulusnet
Data:			14-03-2011
Email:		contato@plus.com.vc
Website:	http://www.plus.com.vc

Revisao-1: dd-mm-aaaa
Alterações: ---  
-----------------------------------------------------------------------------*/


/*==========================================
	GERAL
============================================*/

*, html, body{
	margin:0;
	padding:0;
}

html, body{
	height:100%;
}

html{
	height:100%;
	margin:0;
	padding:0;
}

body {
	height:100%;
	margin:0;
	padding:0;
	background: url(../../_IMG/layout/bg_topo.png) repeat-x;
	color: #7f8499;
	font: 13px/1.3em Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	/* Hack IE */
	*text-align: center;
	voice-family: "\"}\"";
	voice-family:inherit;
}

ul, ol, dl, 
li, dt, dd, 
li *, dt *, dd *,
address{
	margin:0;
	padding:0;
	list-style: none;
}

img,
img a,
img a:hover{
	border: none;
	margin:0;
	padding:0;
	outline: none;
}

.clear{clear: both;}

a:link, a:visited, a:hover, a:focus, a:active{
	color:#7f8499;
	outline: none;
}
a:link, a:visited, a:focus, a:active{
	text-decoration:none;
	outline: none;
}
a:hover{
	text-decoration:underline;
	outline: none;
}

p{
	line-height:1.3em;
	margin:0 0 15px 0;
}

p a{
	text-decoration:none;
}

/*==========================================
	ESTRUTURA
============================================*/

/*--------
	GLOBAL
---------*/
#global {
	width:100%;
	min-height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
}

* html #global {
	height: 100%; /* hack para IE6 hq trata height como min-height */
}

#barra_topo{
	width: 100%;
	height: 30px;
	background: url(../../_IMG/layout/barra_topo.png) repeat-x;
	left: 0;
	top: 0;
	z-index: 10;
	position: absolute;
}

#art_topo{
	width: 100%;
	height: 300px;
	background: url(../../_IMG/layout/art_topo.png) center top no-repeat;
	display: block;
	left: 0;
	position: absolute;
	top: 0;
}


/*------
	TOPO
-------*/
#topo{
	width:950px;
	margin:0 auto;
	padding-top: 50px;
	clear:both;
	position: relative;
	z-index:10;
}



/*------
	LOGO
-------*/
#logo{
	width:250px;
	height:63px;
	margin:15px 65px 0 0;
	padding-left:5px;
	float:left;
	position: relative;
	z-index: 1;
}

#siga{
	float: right; 
}

#logo_sombra{
	left: -235px;
	position: absolute;
	top: 12px;
}


/*----------
	CONTEUDO
-----------*/
#conteudo {
	width:950px;
	height:auto;
	margin:0 auto;
	padding-bottom: 35px;
	clear:both;
	position: relative;
	text-align:left;
	z-index: 10;
}

/* Hack Navegadores "Modernos" */
div#conteudo:after {
	height:0;
	content:".";
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;

}



/*--------
	RODAPE
---------*/
#envolve_rodape {
	width:100%; 
	height:250px; 
	margin:0 auto; 
	padding:15px 0 0 0;
	bottom:0;
	color:#fff; 
	left:0; 
	overflow:hidden;
	position: relative;
	
}

#rodape{
	width: 950px;
	height: 250px;
	margin: 0 auto;
	position: relative;
	z-index:10;
	
}

#rodape_art{
	width: 693px;
	height: 250px;
	background: url(../../_IMG/layout/bg_fnd_2.png) bottom right no-repeat;
	bottom: 0;
	position: absolute;
	right: -50px;
}


#rodape_left{
	width: 100%;
	height: 250px;
	background: url(../../_IMG/layout/bg_fnd_1.png) 0 -14px repeat-x;
	bottom: 0;
	left: -50%;
	position: absolute;
}

#rodape_right{
	width: 100%;
	height: 250px;;
	background: url(../../_IMG/layout/bg_fnd_3.png) 0 -14px repeat-x;
	bottom: 0;
	position: absolute;
	right: -50%;

}

/*midias*/
ul#midias{
	position: absolute;
	left: 0;
	top: 65px;
}

ul#midias li{float: left; margin-left: 12px}
ul#midias li:first-child{margin-left: 0}
ul#midias li a{
	width: 32px;
	height: 32px;
	background:url(../../_IMG/layout/icons_midia.png) no-repeat;
	display: block;
}

ul#midias li span{display: none;}
ul#midias li.twitter a{background-position: -33px 0;}
ul#midias li.facebook:hover a{background-position: 0 -34px;}
ul#midias li.twitter:hover a{background-position: -33px -34px;}

p#texto_rodape{
	width: 377px;
	height: 42px;
	background: url(../../_IMG/layout/texto_rodape.png) no-repeat;
	left: 0;
	position: absolute;
	text-indent: -9999px;
	top: 165px;
	z-index: 10;

}

#rodape #plus{
	bottom: 50px;
	float:right;
	position: absolute;
	right: 0;
}

/*==========================================
	HOME
============================================*/

/*---------------
	FOTO DESTAQUE
----------------*/
#box_foto_destaque{
	width: 940px;
	height: 270px;
	margin-bottom: 30px;
	background: #ccc;	
	position: relative;
}

#box_foto_destaque span{
	width: 7px;
	height: 7px;
	background: url(../../_IMG/home/borda_foto_destaque.png) no-repeat;
	position: absolute;
}

#box_foto_destaque span.la{
	background-position: top left;
	left: 0;
	top: 0;
}

#box_foto_destaque span.lb{
	background-position: bottom left;
	bottom: 0;
	left: 0;
}

#box_foto_destaque span.ra{
	background-position: top right;
	right: 0;
	top: 0;
}

#box_foto_destaque span.rb{
	background-position: bottom right;
	bottom: 0;
	right: 0;
}

#sombra_foto_destaque{
	width: 100%;
	height: 50px;
	background: url(../../_IMG/home/bg_foto_destaque.png);
	left: 0;
	position: absolute;
	top: 0;
}

#box_foto_destaque img{
	width: 940px;
	height: 270px;
}

/*-------------
	BOX MOLDURA
--------------*/

a.box_moldura {
	display: block;
	margin-bottom: 10px;
}
a.box_moldura span{
	width: 200px;
	height: 109px;
	background: url(../../_IMG/home/bg_moldura.png) no-repeat;
	position: absolute;
}

/*padroes*/
#box_seminovos h2,
.boxs_home h2{
	max-height: 38px;
	overflow: hidden;
}
#box_seminovos p,
.boxs_home p {
	width: 100%;
	max-height: 52px;
	overflow: hidden;
}


/*----------------
	BOX SEMINOVOS
-----------------*/
#box_seminovos{
	position: relative;
	clear: both;
	margin-bottom: 30px;
}

#box_seminovos ul{
	width: 869px;
	margin: 0 auto;
}

#box_seminovos ul li {
	width: 200px;
	margin-right:23px;
	float: left;
}

#box_seminovos ul li a.box_moldura img{
	margin: 4px 0 0 11px;
}

#box_seminovos p a{
	color: #333F47;
	display: block;
	font-size: 12px;
	cursor: pointer;
}

#box_seminovos a.bt_proximo, 
#box_seminovos a.bt_anterior,
.jcarousel-prev-horizontal,
.jcarousel-next-horizontal
{
	width: 18px;
	height: 29px;
	display: block;
	background:url(../../_IMG/home/setas.png) no-repeat;
	position: absolute;
	top: 40px;
	cursor:pointer;
}

#box_seminovos a.bt_proximo,
.jcarousel-next-horizontal {
	background-position: top right;
	right: 0;
}
.jcarousel-clip-horizontal {
	width:871px !important;
	left:40px !important;
}

#box_seminovos a.bt_anterior:hover{background-position: left bottom;}
#box_seminovos a.bt_proximo:hover{background-position: right bottom;}

#box_seminovos a.bt_proximo span, 
#box_seminovos a.bt_anterior span{display: none;}

/*----------
	BOXS HOME
-----------*/
ul.boxs_home li span{
	width: 215px;
	background: url(../../_IMG/home/bg_moldura2.png);
}

ul.boxs_home li{
	width: 215px;
	margin-left: 26px;
	float: left;
	*margin-left: 20px;
}

ul.boxs_home li:first-child{
	margin-left: 0;
}
ul.boxs_home li a img{
	margin: 4px 0 0 11px;
}

ul.boxs_home li h1{
	margin-bottom: 15px;
}


/*==========================================
	NEWSLETTER
============================================*/
#box_newsletter{}
#box_newsletter #bg_newsletter{
	width: 218px;
	height: 30px;
	background:url("../../_IMG/home/bg_newsletter.png") no-repeat;
	position:relative;
}

#box_newsletter #bg_newsletter input{
	width: 170px;
	height: 12px;
	padding: 3px;
	background: none;
	border: none;
	position:absolute;
	top:5px;
	left:5px;
	outline:none !important;
	z-index:888;
}
#box_newsletter #bg_newsletter input:hover,
#box_newsletter #bg_newsletter input:focus {border:0 !important; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none;}

#box_newsletter #bg_newsletter a {
	width: 30px;
	height: 30px;
	display: block;
	position:absolute;
	top:0;
	right:0;
	z-index:999;
}
 
#box_newsletter #bg_newsletter a span{display: none;}