/* 
#############################################
## ESTRUTURA CSS FEITA PELA ÁPICE INTERNET ##
## E-MAIL: CONTATO@APICEINTERNET.COM.BR    ##
#############################################
*/

body { margin:0px; text-align:center; background:#454545; } 

* { list-style:none; font-family:"Trebuchet MS"; }
* strong { font-weight:bold; }
* .moldura { display:block; margin:0 auto; width:830px; text-align:left; list-style:none; }

* .cinza { background:#eee; border:1px solid #d2d2d2; padding:5px 3px; }

a img {border: none; }
a {border: none; }

img { vertical-align: middle; }

* input, * textarea { float:center; text-align:left; font:13px 'Trebuchet MS'; background:#fff; color:#333; border:1px solid #ccc; padding:2px; margin:1px; }
label { 
	float:left; 
	width:80px; 
	font:13px 'Trebuchet MS'; 
	padding:1px; 
	margin:1px; 
	display: block;
        color:white;
	text-align: right;
}  


* p { font:13px 'Trebuchet MS'; color:#eee; margin:2px; text-align:justify; }
* ol { list-style:none; margin:5px 0px; padding:0px; }
* ul { list-style:none; margin:0px; }
* li { float:left; margin:0px; text-align:center; list-style:none; }

* ul.destaques { list-style:none; margin:0px; padding:0px; }
* ul.destaques li { list-style:none; width:100px; padding:4px 2px 2px 2px; border-left:1px solid #555; border-right:1px solid #555; }
* ul.destaques li:hover { background:#333; }
* ul.destaques li h3 { font:13px 'Trebuchet MS'; color:#fff; padding:2px; border:none; text-align:center; }
* ul.destaques li a { text-decoration:underline; color:#fff; }
* ul.destaques li a:hover { text-decoration:none; }
* ul.destaques li p { text-align:center; font:12px 'Trebuchet MS'; color:#ccc; text-decoration:none; }

* h2 { font-weight: bold;  color:#590503; padding:3px 0px 3px 6px; margin:0px 0px 6px 0px; font:15px 'Trebuchet MS'; background:#666; }
* .h2_img { color:#fff; border:0px; font-style:italic; }
* h3 { margin:2px; font:13px 'Trebuchet MS'; color:#025B91; font-weight:bold; }

* .subh2, .subh22 { background:none; padding:5px; font:20px 'Trebuchet MS'; color:#777; }
* .subh22 { color:#f30; margin:4px; }
* .p2 { padding:0px 0px 0px 15px; }

* .logo { width:174px; height:91px; background:url(../images/logo-ouro-preto-autos.png) no-repeat; margin-top:10px; }
* .logo a { display:block; width:100%; height:100%; text-indent:-9999px; text-decoration:none; }
* .logo a { background:url(../images/logo_mmn.jpg) no-repeat; }
* .linka { margin:4px 0px 4px 0px; display:block; }

div#menu { list-style:none; display:block; margin:0px; margin-left:10px; }
div#menu ul { list-style:none; margin:0px; padding:0px; }
div#menu li { list-style:none; width:140px; text-align:center; padding:6px 0px 0px 0px; margin:0px; }
div#menu li a { color:#ddd; font-size:15px; font-weight:bold; display:block; }
div#menu li a:hover { color:#fff; text-decoration:none; }
div#menu li p { color:#6f6f6f; margin:0px; padding:0px; font-weight:bold; }

div#espaco { clear:both; height:1px; }

/* Miolo */


input[type=text] {
	background: #fff url(../images/background-input.jpg) repeat-x top left; border: 1px solid #a5a5a5; font: 1em Arial, Verdana, Sans-serif;
	width:180px;
}
input[type=text]:hover {
	border:1px solid #CDCDCD;
	background:none;
	background-color:#ddd;
}
select{
	background-color:#ddd;
	width:187px;
}
input[type=submit]:hover {
	border:1px solid #CDCDCD;
	background:none;
	background-color:#ddd;
}
input[type=submit] {
	text-align:center;
	background: #fff url(../images/background-input.jpg) repeat-x top left; border: 1px solid #a5a5a5; font: 1em Arial, Verdana, Sans-serif;
	width:100px;
	height:25px;
}
input[type=button]:hover {
	border:1px solid #CDCDCD;
	background:none;
	background-color:#ddd;
}
input[type=button] {
	text-align:center;
	background: #fff url(../images/background-input.jpg) repeat-x top left; border: 1px solid #a5a5a5; font: 1em Arial, Verdana, Sans-serif;
	width:100px;
	height:25px;
}

.showcar {
	font-size:12px;
	color:#fff;
	background-color:#666;
}

textarea {
	background: #fff url(../images/background-input.jpg) repeat-x top left; border: 1px solid #a5a5a5; font: 1em Arial, Verdana, Sans-serif;
	
	width:300px;
	height:80px;

}
textarea:hover	{
	border:1px solid #CDCDCD;
	background:none;
}
table.showcarform {
	
	margin-left:0px;
}
table.showcarform th{
	background-color:#333;
	height:80px;
}
table.showcarform td{
	background-color:#333;
	height:35px;
	
}

a { color:#CDCDCD; }
a:hover { text-decoration:none }
.lynk { color:#CDCDCD; text-decoration:underline; }
.lynk:hover { text-decoration:none; cursor:pointer; }


/* Lightbox */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
/* slider */

#ouropreto { 
   width: 320px; /* important to be same as image width */ 
   height: 240px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-left: 10px; /* important */
}

#ouropretoContent {
   width: 320px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.ouropretoImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.ouropretoImage span {
   position: absolute; /* important */
   left: 0;
   text-align:left;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 320px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   /*display:;  important */
   bottom:0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

/* image slide */
.next, .prev{
	cursor:pointer;
}

#screen{
	position:relative;
	width:320px;
	margin:10px;
}
#screen #buttons{
	border:1px solid #777;
	height:50px;
	margin-bottom:5px;
	width:320px;
}
	
#screen #buttons a{
	margin:10px 10px;
	color:#CDCDCD;
}
#screen .prev{
	float:left;
}
#screen .next{
	float:right;
}

#slideshow{
	overflow:hidden;
	width:320px;
	border:1px solid #777;
}

#slideshow ul{
	width:2000px;
	padding-left:5px;
}

#slideshow li{
	float:left;
	margin:0 5px;
	cursor:pointer;
}
#slideshow img {
	padding-top:5px;
	padding-bottom:5px;
}

/* slide para a equipe */

#screen2{
	position:relative;
	width:750px;
	margin:10px;
}
#screen2 #buttons{
	border:1px solid #777;
	margin-bottom:5px;
	height:40px;
	width:750px;
}
	
#screen2 #buttons a{
	margin:10px 10px;
	color:#CDCDCD;
}
#screen2 .prev{
	float:left;
}
#screen2 .next{
	float:right;
}

#slideshow2{
	overflow:hidden;
	width:750px;
	border:1px solid #777;
}

#slideshow2 ul{
	width:10000px;
	padding-left:5px;
	margin-top:5px;
	margin-bottom:5px;
}

#slideshow2 li{
	float:left;
	margin:0 5px;
	cursor:pointer;
}
#showopc{
	display:none;
	font-family: Tahoma, Geneva, sans-serif;
	text-align:left;
	padding:10px;
	height:100px;
	color:white;
	overflow:auto;
	
	scrollbar-face-color:#333;
	scrollbar-arrow-color:#FFF;
	scrollbar-track-color:#EFEFEF;
	scrollbar-shadow-color:#EFEFEF;
	scrollbar-highlight-color:#000000;
	scrollbar-3dlight-color:#808080;
	scrollbar-darkshadow-Color:#666;
	
}
/* PROCURA */
div.lateral {
	width:63px;
	height:33px; 
	padding:3px;

}
div.lateral#carro,div.lateral#moto,div.lateral#utilitario{
	margin-bottom:5px;
	margin-top:5px;
	cursor:pointer;
}
	
li#texto {
	padding:0px;
	width:300px;
	height:200px;
	background-color:#666;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	
	border-left:none;
	
}
div#conteudo {
	margin:25px 8px auto 8px;
	height: 150px;
	text-align:left

}
div#cabecalho{
	margin: 10px auto 10px auto;
	
	background-color:#333;
	color:#fff;
	border:2px solid #000;
	width:240px;
	
}

.clear {
   clear: both;
   }
.dots  { border-bottom:dashed 1px #CDCDCD;border-top:dashed 1px #CDCDCD;border-right:none;border-left:none; }

.marcas {
	height:50px;
	background:#333333;
	width:830px;
	position:relative;
	overflow:hidden;
}

.loadfake {
	background:url(../images/loading.gif) no-repeat 145px 80px !important;
}