@import "reset.css";
/* estilo general*/
body{ background: #4c4c4c url(../media/gradiante.jpg) repeat-x; font-family: 'lucida grande', helvetica, verdana, arial, sans-serif }
#frame{ width:938px; height:721px; background:url(../media/frame.jpg) no-repeat; margin:30px auto 0px auto;}
#menu{ z-index:3; position:absolute; height:20px; width:900px; margin-top:102px; margin-left:18px; text-align:right; color:#FFF; font-size:14px; font-weight:bold; text-transform:uppercase;}
	#menu ul li{ display:inline-block; border-right:1px solid #FFD2D2; padding-right:10px; padding-left:10px; }
	#menu ul li.nb{ border:none; }
	#menu ul{ margin-top:2px; }
	#menu ul li a{ color:#FFF; text-decoration:none; text-shadow: #999 1px -1px 5px;}
	#menu ul li a:hover{ color:#FFD2D2; }

	#submenu a{ display:inline-block; height:44px; background:url(../media/sp_menu.png) no-repeat; margin:7px 0px 0px -5px; position:absolute; margin-left:363px; }
	a#sub_1{  width:159px; left:0px; z-index:1;}
		a#sub_1:hover{  width:159px; background-position:0px -88px; z-index:2;}
		
	a#sub_2{  width:76px; background-position:-159px 0px; left:159px; z-index:1;}
		a#sub_2:hover{  width:90px; left:152px;  background-position: -152px -44px; z-index:2;}
		
	a#sub_3{  width:75px; background-position:-234px 0px; left:234px; z-index:1;}
		a#sub_3:hover{  width:104px; left:227px;  background-position: -227px -88px; z-index:2;}
		
	a#sub_4{ width:123px; background-position:-309px 0px; left:309px; z-index:1;}
		a#sub_4:hover{  width:130px; left:302px;  background-position: -302px -44px; z-index:2;}

	a#sub_5{ width:123px; background-position:-420px 0px; left:420px; z-index:1;}
		a#sub_5:hover{  width:130px; left:420px;  background-position: -420px -88px; z-index:2;}


#footer{ color:#FFF; height:100px; width:938px; margin:0px auto 0px auto; font-size:11px; text-align:center; color:#CCC;}
	#footer ul{ margin-bottom:10px;}
	#footer ul li{ display:inline;  font-size:14px; padding:0px 10px 0px 5px; border-right: 1px solid #999; color:#FFF; }
		#footer a{ text-decoration:none; color:#FFF;}
		#footer a:hover{ text-decoration:underline;}
		#footer ul li.nb{ border:none; }
#logo{ display:block; height:70px; width:280px; position:absolute; margin:20px 0px 0px 30px;}		
#contenido{ position:absolute; top:155px; margin-left:19px; z-index:2;}	
#contenidoU{ position:absolute; top:215px; margin-left:470px; z-index:2;}	

#sombra{ background:url(../media/sombra.jpg) repeat-x; height:15px; width:100%; display:block;}
a{ color:#06F;}
/* INDEX */
#tx_contacto.home{ position:absolute; top:490px; margin-left:500px; left:0px;}
#slideshow.home{ position:absolute; top:350px;  left:35px;}
#tx_carros_especial { position:absolute; top:320px; left:41px;}
ul.home{ list-style:disc; list-style-image:url(../media/item_circle.jpg); font-size:15px;  letter-spacing:-1px;  margin-left:520px; position:absolute; top:330px;}
ul.home li{ margin-bottom:10px;}
.disc{ display:none;}

/* CREDITO &  UBICACION & CONTACTO*/
#tx_ubicacion , #tx_credito{ margin:25px 0px 0px 25px;}
#tx_contacto{ position:absolute; top:100px; left:100px;}

p.contacto,p.ubicacion, p.credito{ margin:25px 0px 0px 25px; font-size:13px; width:540px; text-align:justify; line-height:normal;}
p.ubicacion{ width:400px;}
p.contacto{ width:400px; margin:150px 0px 0px 100px; text-align:justify; }

ul.credito { margin:30px 0px 0px 55px; list-style:disc; list-style-image:url(../media/item_circle.jpg); font-size:13px; }
ul.credito li{ margin-bottom:20px; width:500px; text-align:justify;}

#mapa{
	border:1px solid #CCC;
	position:absolute;
	left:8px;
	top:256px;
}
#mapa2{
	border:1px solid #CCC;
	position:absolute;
	left:8px;
	top:200px;
}
#bt_mapa{
	position:absolute;
	top:250px;
	left:542px;
}
#bt_mapa2{
	position:absolute;
	top:296px;
	left:548px;
}

/* CATALOGO */
#bg{ background:url(../media/bg_cat.gif) no-repeat; height:87px; width:520px; position:absolute; z-index:-1; }
#bg.cat1{ background-position: 0px -348px; }
#bg.cat2{ background-position: 0px -261px; }
#bg.cat3{ background-position: 0px -174px; }
#bg.cat4{ background-position: 0px -87px; }
#bg.cat5{ background-position: 0px 0px; }

#tx_contacto2{ position:absolute; top:500px; left:30px; height:48px; width:241px; background:url(../media/tx_contacto_chico.gif) no-repeat;}
#listado{ width:880px; height:400px; margin:40px 0px 0px 20px;}
.item { float:left; padding:20px; text-decoration:none; color:#333;}
.item:hover {}
.item img{ display:block; margin-bottom:10px; border:2px solid #CCC; }
.item:hover img{  border:2px solid #D90000; }
.item strong{ display:block; font-size:16px; letter-spacing:-1px; padding-bottom:3px;}
.item:hover strong{  color: #D90000;}
.item em{ font-size:13px;}
.item:hover em{  color: #D90000;}

#tx_contacto3 {  margin:64px 0px 0px 290px; width:300px; text-align:justify; font-size:13px; line-height:16px;}

ul.ficha{ color:#000; font-weight:bold; font-size:13px;}
ul.ficha li{ position:absolute;}
.iano{ top: 380px; left:90px;}
.imarca{ top: 399px; left:100px; }
.imodelo{ top: 419px; left:110px;}
.icolor{ top: 437px; left:100px;}
.iinterior{ top: 457px; left:126px;}
.itransmision{ top: 380px; left:360px;}
.imotor{ top: 399px; left:315px;}
.iequipamento{  top: 435px; left:267px;  height:50px; width:230px; display:block;}

/* Agregado para seccion VARIOS */
ul.ficha_v{ color:#000; font-weight:bold; font-size:13px;}
ul.ficha_v li{ position:absolute;}
.iano_v{ top: 380px; left:90px;}
.imarca_v{ top: 399px; left:100px; }
.imodelo_v{ top: 419px; left:110px;}
.icolor_v{ top: 437px; left:100px;}
.iinterior_v{ top: 457px; left:126px;}
.itransmision_v{ top: 380px; left:360px;}
.imotor_v{ top: 399px; left:315px;}
.iequipamento_v{  top: 370px; left:40px;  height:200px; width:380px; display:block; }

.set_imagen { border:2px solid #999;}
.set_imagenes { position:absolute; top:30px; left:520px;}
.set_imagenes img{ display:block; margin:5px; border:2px solid #333; cursor:pointer;}
.set_imagenes img:hover{ border:2px solid #C00;}

