@charset "UTF-8";
/* - - - - - - - - - - - - - - - - - - - - -

Empresa		:	Puntopy.com
Cliente		: 	KIA


- - - - - - - - - - - - - - - - - - - - - */

/*** Reseters***/

@import url('../css/reset.css');
@import url('../font/stylesheet.css');
/*---------------------------------------*/


/***ELEMENTS***/



body {
	font-family:NeoSansRegular;
	background: #f1f1f1 url(../gfx/bg_cont.gif) repeat-y top;
}
	
	img.home_pad {
		padding: 0 25px 0 0;
	}

p, td {
	font-family:NeoSansRegular;
	font-size: 12px;
	line-height: 18px;
	color: #636363;
}

a {
	font-family:NeoSansRegular;
	text-decoration: none;
	color: black;
}

	a.volver_int, a:hover.volver_int {
		clear: both;
		font-size: 11px;
		font-weight: bold;
		color: #af1f24;
	}
	
	a.volver_int {
		color: #af1f24;
	}
	
	a:hover.volver_int {
		color: black;
	}

h1 {
	font-size: 20px;
	font-weight: bold;
	color: #af1f24;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: black;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #af1f24;
}

td p {
	text-align: left !important;
}

img.grande {
	width: auto !important;
	padding: 0 0 15px 0 !important;
}


/*--------------------------------------------------*/


/*PAGE STRUCTURE*/
		
#contenedor {
	clear:both;
	width:940px;
	margin: 0 auto 0 auto;
	padding: 20px;
	background: url(../gfx/bg_top.gif) repeat-x top;
}

.subcontenedor {
	float: left;
	width:940px;
	padding: 0 0 3px 0;
	
}

	.subcontenedor#footer_cont {
		padding: 20px 0;
		margin: 3px 0 0 0;
		border-top: 1px solid #bcbcbc;
		
	}
	
	.subcontenedor#middle {
		background-color:#ebebeb;
		padding: 0;
		margin: 0 0 3px 0;
		
	}


	


/******BOTONERAS******/

#area_botonera {
	float: left;
	width: 720px;
	height:60px;
	
}

#area_subotonera {
	float: left;
	width: 940px;
	border-bottom: 1px solid #d4d4d6;
	border-top: 1px solid #d4d4d6;
	
}

ul#menu {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	
}
	
	ul#menu li, ul#menu li a {
		float: left;
		display: block;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
	}
	
	ul#menu li {
		margin: 0 0 0 10px;	
	}	
		
	ul#menu li a, ul#menu li a:hover {
		padding: 6px;
	}
	
	ul#menu li a {
		color: black;
	}
		
	ul#menu li a:hover {
		color: #af1f24;
	}
	
	
#tit_autos {
	float: left;
	width: 200px;
	background-color: #af1f24;
	text-align: right;
}

#tit_autos p {
	padding: 5px;
	color:white;
	font-size: 11px;
	font-weight: bold;
}
	

#localizador p {
	color: #acacac;
	font-size: 11px;
}
	
	#localizador a, #localizador a:hover, #localizador span {
		padding: 0 6px 0 0;
		font-weight: bold;
	}
	
	#localizador a {
		color: black;
	}
	
	#localizador a:hover {
		color: #af1f24;
	}
	
	#localizador span {
		color: black;
	}
	
.act_sec {
	color: #af1f24 !important;
}


#area_subotonera_des {
	float: left;
	width: 360px;
	background-color: #4a4a4a;
	padding:5px;
}
#area_subotonera2 {
	float: left;
	width: 230px;
	background-color: #4a4a4a;
	padding:10px;
}

#area_subotonera2 p {
	color: white;
}

ul#menu2 {
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
	list-style: disc inside;
}
	
	ul#menu2 li, ul#menu2 li a {
		clear: both;
		/*display: inline;*/
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
	}
	
	ul#menu2 li {
		margin: 0 0 8px 0;
	}
	
	ul#menu2 li a {
		color: white;
	}
		
	ul#menu2 li a:hover {
		color: red;
	}
	
	
.logo_marcas {

	padding: 0 0 20px 0;

}



	
	
/****** SUBOTONERA ACTIVADOS ******/

body#picanto a.picanto,
body#rio a.rio,
body#cerato a.cerato,
body#koup a.koup,
body#cadenza a.cadenza,
body#optima a.optima,
body#carens a.carens,
body#carnival a.carnival,
body#soul a.soul,
body#sportage a.sportage,
body#sorento a.sorento,
body#mohave a.mohave,
body#k a.k {
	color: #af1f24;
}
	
		
/*--------------------------------------------------*/

	


/*CONTENIDO*/

#logo {
	float: left;
	width: 200px;
	padding: 0 10px 10px 0px;
		
}
	
#noticias_home {
	float: right;
	width: 300px;
}

	#noticias_home_btop {
		float: left;
		width: 368px;
		height: 25px;
		background: url(../gfx/borders/borde_top.gif) no-repeat top left;
	}
	
	#noticias_home_bbottom {
		float: left;
		width: 368px;
		height: 25px;
		background: url(../gfx/borders/borde_bottom.gif) no-repeat bottom left;
	}
	
	#noticias_home_int {
		float: left;
		width: 330px;
		height:92px;
		padding: 0 10px	;
		background-image:url(../gfx/borders/fondo3.gif);
		/*background: url(../gfx/borders/borde_int.gif) repeat-y left;*/
	}
	
		#noticias_home_int h2 {
			float: left;
			font-size: 14px;
			font-weight: bold;
			color: #af1f24;
			padding: 0 0 2px 0;
		}
		
		#noticias_home_int p {
				
				color:#CC0000;
				
		}
		#noticias_home_int a {
				
				color: #333333;
				font-family:Arial;
				font-size:11px;
				
		}
		
		#noticias_home_int ul li {
			float: left;
			width: 333px;
			padding: 0 0 0 15px;
			list-style: inherit;
			background: url(../gfx/vineta.gif) no-repeat left;
		}
		
.btn_mas1 {
	float: right;
	width: 62px;
	margin-right:55px;	
	height: 20px;
	background: url(../gfx/btn_mas1.png) no-repeat top left;
}

	.btn_mas1 a, .btn_mas1 a:hover {
		float: right;
		width: 62px;
		height: 20px;
	}
	
	.btn_mas1 a {
		background: url(../gfx/btn_mas1.png) no-repeat top left;
	}
	
	.btn_mas1 a:hover {
		background: url(../gfx/btn_mas1_act.png) no-repeat top left;
	}
	
	.btn_mas1 a span {
		display: none;
	}
	
.btn_volver1 {
	float: left;
	width: 62px;
	height: 20px;
	background: url(../gfx/btn_volver1.png) no-repeat top left;
	margin: 20px 0 0 0;
}

	.btn_volver1 a, .btn_volver1 a:hover {
		float: left;
		width: 62px;
		height: 20px;
	}
	
	.btn_volver1 a {
		background: url(../gfx/btn_volver1.png) no-repeat top left;
	}
	
	.btn_volver1 a:hover {
		background: url(../gfx/btn_volver1_act.png) no-repeat top left;
	}
	
	.btn_volver1 a span {
		display: none;
	}
	
	

.area_fotos {
	float: left;
	width: 940px;
	padding: 0 0 20px 0;
}

.area_blank {
	float: left;
	background-image:url(../gfx/fondo.gif);
	width: 240px;
	text-align: right;
}

	.area_blank p {
		/*width: 340px;*/
		text-align: right;
	}

	.area_blank#subrayado {
		width: 900px;
		border-bottom: 1px solid #d4d4d6;
		padding: 0px 20px 0 20px;
		margin: 0 0 10px 0;
		text-align: left;
	}

	.area_blank h1 {
		width: 200px;
		float:left;
		text-align:left;
		padding: 25px 0px 0px 10px;
		color:#FFFFFF;
	}

.area_texto {
	float: left;
	width: 650px;
	
	padding: 0 20px 20px 20px;
	background-repeat:repeat-y;
	border-left: 1px solid #d4d4d6;
}
.area_texto2 {
	float: left;
	width: 550px;
	margin-left:300px;
	padding: 0 20px 20px 20px;
	background-repeat:repeat-y;
	border-left: 1px solid #d4d4d6;
}

	.area_texto a {
		font-weight: bold;
	}
	
	.area_texto a:hover {
		font-weight: bold;
		color: #af1f24;
	}
	
	.area_texto td p {
		padding: 0 0 10px 0;
	}

	.area_texto_not {
		float: left;
		width: 650px;
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #d4d4d6;
	}
	
	.area_texto_not img {
		float: left;
		/*width: 150px;*/
		padding: 0 15px 15px 0;
	}
	
	.area_texto_not p {
		padding: 0 0 20px 0;
	}
	
	.foto_light {
		float: left;
	}

	.foto_light a,.foto_light img {
		border:0
	}
	
	.area_texto p {
		text-align: justify;
	}
	
	.area_texto span {
		font-weight: bold;
	}
	
	
.cont_autos {
	float: left;
	width: 900px;
	padding: 0 20px 20px 20px;
}

	.cont_autos#descrip_prod {
		float: left;
		width: 938px;
		padding:0;
		/*background-image:url(../modelos/gfx/fondo.jpg);*/
		background:#fff;
		background: url(../gfx/bg_prod.gif) repeat-y left;
		border: 2px solid #ececec;
}

.cont_autos_int {
	float: left;
	width: 202px;
	height:250px;
	margin: 0 30px 0 0;
}

	.cont_autos_int img, .cont_autos_int a img {
		width: 200px;
		border: 1px solid white;
	}
	
	.cont_autos_int img {
		float: left;
	}

	.cont_autos_int a:hover img {
		width: 200px;
		border: 1px solid #af1f24;
	}
	
	.cont_autos_textito {
		float: left;
		width: 202px;
		height:35px;
		border-bottom: 1px solid #d4d4d6;
		padding: 6px 0 6px 0;
	}
	
	.cont_autos_textito p {
		float: left;
		width:130px;
		font-size: 11px;
	}
	

#banner_modelos {
	float: left;
	width: 660px;
	position: relative;
}

#cuadro_flotante {
	width: 620px;
	margin-left:28px;
	padding: 20px;
	/*background-color: #ececec;*/
	position: absolute;
	left: 0;
	display: none;
	color:#000000;
	background:url(../gfx/fondo_gris.png);
	
}

#cuadro_flotantes {
	width: 620px;
	padding: 20px;
	/*background-color: #ececec;*/
	position: absolute;
	left: 0;
	display: none;
	color:#000000;
	background-color:#FFFFFF;
	
}

#cuadro_flotante_info {
	float: left;
	width: 620px;
	color:#000000;

	}

#cuadro_flotante_info p {
	text-align: justify;
	color:#000000;
}

#cuadro_flotante_info span {
	font-weight: bold;
}

#cuadro_flotante_info h1, #cuadro_flotante_info h2 {
	padding: 0 0 20px 0;
}

.cuadro_flotante_tab {
	float: left;
	width: 620px;
	font-size:14px;
}
.cuadro_flotante_tab_fijo {
	float: left;
	width: 620px;
	
}

	.cuadro_flotante_tab p {
		text-align: left !important;
	}

	.cuadro_flotante_tab1 {
		float: left;
		width: 125px;
	}

	.cuadro_flotante_tab2 {
		float: left;
		width: 232px;
		padding: 0 30px 0 0;
	}
	
	.cuadro_flotante_tab3 {
		float: left;
		width: 232px;
	}
	
	.cuadro_flotante_tab4 {
		float: left;
		width: 144px;
		padding: 0 30px 0 0;
	}
	
	.cuadro_flotante_tab5 {
		float: left;
		width: 144px;
	}
	
	.cuadro_flotante_tab6 {
		float: left;
		width: 108px;
		padding: 0 20px 0 0;
	}
	
	.cuadro_flotante_tab7 {
		float: left;
		width: 108px;
	}


.cont_div_int {
	float: left;
	width: 305px;
	margin: 0 30px 30px 0;
}


	.cont_div_int , .cont_div_int a  {
		width: 243px;
		border: 1px solid white;
	}
	.cont_div_int , .cont_div_int2 a  {
		width: 243px;
		border: 0;
	}
	.cont_div_int3 , .cont_div_int3 a {
		width: 243px;
		border: 1px solid white;
	}
	.cont_div_int3 , .cont_div_int3 a  {
		width: 243px;
		border: 0;
	}
	
	.cont_div_int img {
		float: left;
	}

	.cont_div_int a:hover img {
		width: 243px;
		border: 1px solid #af1f24;
	}
	
	.cont_div_textito {
		float: left;
		width: 245px;
		border-bottom: 1px solid #d4d4d6;
		padding: 6px 0 6px 0;
	}
	
	.cont_div_textito p {
		font-size: 12px;
		text-align: center;
		font-weight: bold;
	}
	
.texto_buscador {
	width: 245px;
	padding: 0 0 20px 0;
}

.campo_buscador {
	width: 233px;
	height: 25px;
	padding: 2px;
	border: #990000 solid 1px;
	font-size: 10px;
	margin: 0 0 10px 0;
}

.corrido_buscador {
	width: 233px;
	padding: 5px;
	margin: 5px 0 0 0;
	font-size: 10px;
	color: white;
}

.buscador {
	width: 233px;
	height: 20px;
	padding: 5px;
	border: 1px solid #d4d4d6;
	background-color: white;
	font-size: 12px;
	margin: 0 0 10px 0;
}

.buscador_coment {
	width: 233px;
	padding: 5px;
	border: 1px solid #d4d4d6;
	background-color: white;
	margin: 0 0 10px 0;
}

.buscador_prod {
	display: inline;
	float: left;
	width: 116px;
	height: 18px;
	border: 0;
}

.colorpautas {
	float: left;
	width: 80px;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	padding: 10px;
	margin: 0 10px 20px 0;
}

#colores {
	float: left;
	width: 660px;
	margin-left:28px;
	height: 350px;
	position: relative;
	display: none;
}



	#colores_img {
		float: left;
		width: 660px;
		height: 350px;
		position: absolute;
		top: 0;
		left:0;
	}
	
	
	#colores_thum {
		float: right;
		width: 50px;
		position: absolute;
		top: 30x;
		left:590px;
		z-index: 2;
	
	}
	
	.color_thum {
		float: right;
		width: 50px;
		margin-left: 10px;
		padding:3px;
		/*border: 1px solid #d4d4d6;*/
	}
	
		.color_thumm {
			float: right;
			width: 50px;
			margin-left: 5px;
		
			
		}
	
	.color_thum img, .color_thumm img {
		width: 50px;
	}




/*--------------------------------------------------*/

#cuadro_texto_down {
	width: 660px;
	height: 42px;
	bottom: 0;
	left: 0;
	position: absolute;
	background: url(../gfx/fondo_grisdegrade.png) repeat-x top;
	padding-top: 23px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color:#000000;
}

#confor{
	float: left;
	width: 660px;
	height: 350px;
	margin-left:28px;
	position: relative;
	display: none;
}
#confor_img {
   float: left;
   width: 660px;
   height: 350px;
   position: absolute;
   top: 0;
   left:0;
}
#confor_thum {
		float: right;
		width: 250px;
		height:250px;
		position: absolute;
		top: 30x;
		left:410px;
		z-index: 2;
	}
	
	.confor_thum {
		float: right;
		width: 100px;
		height:50px;
		margin-left: 0px;
		padding:3px;
		/*border: 3px solid #d4d4d6;*/
		
	}
	
		.confor_thumm {
			float: right;
			width: 50px;
			margin-left: 5px;
			/*border: 9px solid #d4d4d6;*/
			
		}
	
	.confor_thum img, .perfor_thumm img {
		width: 100px;
		height:50px;
	}

#perfor{
	float: left;
	width: 660px;
	height: 350px;
	margin-left:28px;
	position: relative;
	display: none;
}
	#perfor_img {
		float: left;
		width: 660px;
		height: 350px;
		position: absolute;
		top: 0;
		left:0;
	}
#perfor_thum {
		float: right;
		width: 250px;
		position: absolute;
		top: 30x;
		left:410px;
		z-index: 2;
	
	}
	
	.perfor_thum {
		float: right;
		width: 100px;
		height:50px;
		margin-left: 0px;
		padding:3px;
		
		/*border: 3px solid #d4d4d6;*/
		
	}
	
		.perfor_thumm {
			float: right;
			width: 50px;
			margin-left: 5px;
			/*border: 9px solid #d4d4d6;*/
			
		}
	
	.perfor_thum img, .perfor_thumm img {
		width: 100px;
		height:50px;
	}

/******NUMERACION DE PAGINA******/
	

#cont_numeracion {
	float: right;
	padding: 0 15px 20px 0;
}

	#cont_numeracion a, #cont_numeracion a:hover {
		float: left;
		padding: 5px;
		font-size: 11px;
		font-weight: normal;
		border: 0;
		margin: 0 5px 0 0;
		border: 1px solid white;
	}
	
	#cont_numeracion a {
		background-color: white;
		color:#af1f24;
	}
	
	#cont_numeracion a:hover {
		background-color: #ebebeb;
		color:#636363;
	}


#area_buscador {
	float: right;
	width: 190px;
	height: 20px;
	padding: 8px;
	background-color: black;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

	
/*--------------------------------------------------*/



	
/****** FOOTER******/

#footer {
	clear: both;
	width:940px;
	/*margin: 0 auto 0 auto;*/
}

	#footer_izq {
		float: left;
		width: 650px;
		padding: 8px 0px 0px 0;
	}
	
	#footer_izq p {
		font-size: 11px;
		color: #acacac;
	}
	
	#footer_izq p span {
		font-size: 10px;
		color: #acacac;
		font-weight: bold;
	}

	#footer_der {
		float: right;
		width: 280px;
		padding: 3px 0 0 0;
		text-align: right;
	}
	#bannerhome {
	margin-left:28px;
	}
	#bannerhome2 {
	
	}
	
	
/*---------------foto-----------------------------------*/
.desde {
	font-size: 18px;
	font-weight: bold;
	margin-left:35px;
	margin-bottom:7px;
}
.precio{
	color: #FF0000;
	font-size: 24px;
	margin-left:45px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}	
	
.clear {
	clear:both;
	visibility: hidden;
}
.scroll{
clear:both;
width:640px;
height:222px;
overflow: auto;
}

.precio_caja{
	width: 200px;
	margin-left:5px;
	background-color: #4a4a4a;
	padding:10px;
	float:left;
}