body, div, h1, h2, h3, h4, h5, h6, hr, p, ul, li, strong, em, span, img, form, fieldset, label {

	margin: 0;

	padding: 0;

    border: none;

	font-size: 1em;

}

hr {

	display: none;
	
}


input, textarea, select {

	margin: 0;

    font: 12px Arial, Helvetica, sans-serif;
	
}

button {

	margin: 0;
	
	cursor: pointer;
	
}

body {
	
	background: #e2e7ee url(../images/body.gif) repeat-y;
	
    font: 12px Arial, Helvetica, sans-serif;

}

.clear-fix {
	
	clear: both;
	
}

.hidden {
	
	display: none;
	
}

.amarillo {
	
	color: #ffed00;
	
}

.rojo {
	
	color: #df0c24 !important;
	
}

.negro {
	
	color: #1a171b;
	
}

.no-margin {
	
	margin: 0 !important;
	
}

.center {
	
	text-align: center;
	
}

.float-derecha {
	
	float: right;
	
	margin: 0 0 20px 0;
	
}

.float-izquierda {
	
	float: left;
	
	margin: 0 0 20px 0;
	
}

a {
	
	color: #000;
	
	text-decoration: none;
	
}

a:hover {
	
	text-decoration: underline;
	
}

.akron {
	
	font-weight: bold;
	
	font-style: italic;
	
	text-transform: uppercase;
	
}


/*

WRAPPERS 
	
********************************************************************************************************************/

div.wrapper {

	position: relative;
	
	min-width: 985px;
	
	overflow: hidden;

}

div#container {

	position: relative;

}

.decorado {
	
	position: absolute;
	
	top: 12px;
	
	left: 38px;
	
	background: url(../images/decorado-maquina.png) no-repeat;
	
	width: 255px;
	
	height: 319px;
	
	z-index: 9;
	
}

#nuestrosservicios .decorado {
	
	top: 15px;
	
	left: 110px;
	
	background: url(../images/decorado-persona.png) no-repeat;
	
	width: 86px;
	
	height: 200px;
	
}

#kymco .decorado {
	
	top: 0;
	
	left: 20px;
	
	background: url(../images/decorado-cuatriciclo.png) no-repeat;
	
	width: 202px;
	
	height: 175px;
	
}


/*

HEADER 

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

div#header {

	position: relative;
	
	background: #e31320 url(../images/header-campoverde.jpg) no-repeat;
	
	height: 144px;
	
	border-bottom: 3px solid #f3d516;
	
}

#nuestrosservicios div#header {

	background: #e31320 url(../images/header-maquina.jpg) no-repeat;
	
}

#ubicacion div#header,
#akronexport div#header,
#calendariodeexposiciones div#header,
#kymco div#header,
#banners div#header {

	background: #e31320 url(../images/header-campoamarillo.jpg) no-repeat;
	
}

div#header h1 a {

	display: block;
	
	position: absolute;
	
	top: 12px;
	
	right: 20px;
	
	background: url(../images/logo.gif) no-repeat;
	
	width: 322px;
	
	height: 100px;
	
    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}

div#header object {
	
	position: absolute;
	
	top: 85px;
	
	right: 40px;
	
}


/*

NAVIGATION 

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

div#navigation {
	
	position: absolute;
	
	top: 144px;
	
	left: 0;
	
	width: 230px;
	
	padding: 125px 0 0 0;
	
	z-index: 10;
	
}


div#navigation ul.lang {

	position: absolute;
	
	top: 90px;
	
	right: 0;
	
	height: 22px;
	
	margin: 0 15px 15px 0;
	
	list-style: none;
	
}

div#navigation ul.lang li {
	
	display: inline;
	
	color: #fff;
	
}

div#navigation ul.lang li a {

	margin: 0 10px;

	color: #fff;
	
}

div#navigation ul.lang li.en a {

	margin: 0 0 0 10px;
	
}


div#navigation ul.pages {
	
	position: relative;
	
	background: url(../images/nav-raya.gif) 25px bottom no-repeat;
	
	padding: 0 0 2px 0;
	
	list-style: none;
	
	clear: both;
	
}

div#navigation ul.pages li {
	
	display: block;
	
	height: 33px;
	
}

div#navigation ul.pages li:hover,
div#navigation ul.pages li.iehover,
div#navigation ul.pages li.active {
	
	background: url(../images/nav-hover.gif) left 2px repeat-x;
	
}

div#navigation ul.pages span {
	
	display: block;
	
	background: url(../images/nav-raya.gif) repeat-x;
	
	height: 31px;
	
	margin: 0 15px 0 25px;
	
	padding: 2px 0 0 0;
	
	text-decoration: none;

}

div#navigation ul.pages a {
	
	display: block;
	
	position: relative;
	
	height: 31px;
	
	color: #fff;
	
	text-align: right;

	line-height: 31px;

}

div#navigation ul.pages a:hover {
	
	text-decoration: none;
	
}

div#navigation ul.pages span span {
	
	display: block;
	
	background: url(../images/nav-arrow.gif) right top no-repeat;
	
	height: 31px;
	
	margin: 0;
	
	padding: 0 14px 0 0;
	
	color: #fff;
	
	text-align: right;

	line-height: 31px;
	
	white-space: nowrap;
	
	cursor: pointer;

}

div#navigation ul.pages li:hover span span,
div#navigation ul.pages li.iehover span span,
div#navigation ul.pages li.active span span {
	
	background-position: right bottom;
	
}

div#navigation ul.pages .vendedoresakron span span {
	
	padding: 0 106px 0 0;

}

div#navigation ul.pages strong {
	
	display: block;
	
	float: left;
	
	width: 100%;
	
	height: 31px;
	
	text-align: left;

    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}

div#navigation ul.pages .akronexport strong {
	
	background: url(../images/nav-akron.gif) right center no-repeat;
	
	width: 137px;

}

div#navigation ul.pages .vendedoresakron strong {
	
	position: absolute;
	
	top: 0;
	
	right: 12px;
	
	background: url(../images/nav-akron.gif) right center no-repeat;
	
	width: 137px;

}

.en div#navigation ul.pages .akronexport strong {
	
	width: 110px;

}

div#navigation ul.pages .kymco strong {
	
	float: none;
	
	background: url(../images/nav-kymco.gif) right center no-repeat;

}

div#navigation .banner2 {
	
	position: relative;
	
	width: 190px;
	
	height: 160px;
	
	margin: 10px 0 0 25px;
	
}

div#navigation .banner2 a {
	
	display: block;
	
	position: absolute;
	
	top: 0;
	
	left: 0;
	
	background: url(../images/bg.gif);
	
	width: 190px;
	
	height: 160px;
	
	text-align: left !important;

    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */
	
	z-index: 9;
	
}




/*

CONTENT 

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

#content {

	position: relative;
	
	background: url(../images/content-bg.gif) repeat-x;
	
	margin: 0 0 0 230px;
	
	padding: 10px 0 39px 0;

	z-index: 9;
	
}

.en #content {

	padding: 110px 0 39px 0;
	
}


/* banner 1 */

#content .banner1 {
	
	position: relative;
	
	width: 700px;
	
	height: 100px;
	
	margin: 0 auto 10px auto;
	
}

#content .banner1 a {
	
	display: block;
	
	position: absolute;
	
	top: 0;
	
	left: 0;
	
	background: url(../images/bg.gif);
	
	width: 700px;
	
	height: 100px;

    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */
	
	z-index: 9;
	
}


/* pagetitle */

#content .pagetitle {
	
	position: relative;
	
	background: url(../images/pagetitle-bg.png) no-repeat;
	
	height: 55px;
	
	margin: 0 0 30px 58px;
	
	padding: 0 0 0 19px;
	
	line-height: 55px;
	
}

#ubicacion #content .pagetitle {
	
	margin: 0 0 0 58px;
	
}

#akronexport #content .pagetitle {
	
	margin: 0 0 50px 58px;
	
}

#content .pagetitle a {
	
	display: block;
	
	height: 55px;

    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */
	
}

#quienessomos #content .pagetitle a {
	
	background: url(../images/pagetitle-quienessomos.gif) no-repeat;
	
}

#ubicacion #content .pagetitle a {
	
	background: url(../images/pagetitle-ubicacion.gif) no-repeat;
	
}

#prensa #content .pagetitle a {
	
	background: url(../images/pagetitle-prensa.gif) no-repeat;
	
}

#akronexport #content .pagetitle a {
	
	background: url(../images/pagetitle-akronexport.gif) no-repeat;
	
}

#calendariodeexposiciones #content .pagetitle a {
	
	background: url(../images/pagetitle-calendariodeexposiciones.gif) no-repeat;
	
}

#centrosdeventas #content .pagetitle a {
	
	background: url(../images/pagetitle-centrosdeventas.gif) no-repeat;
	
}

#vendedoresakron #content .pagetitle a {
	
	background: url(../images/pagetitle-vendedoresakron.gif) no-repeat;
	
}

#nuestrosservicios #content .pagetitle a {
	
	background: url(../images/pagetitle-nuestrosservicios.gif) no-repeat;
	
}

#contactus #content .pagetitle a {
	
	background: url(../images/pagetitle-contactus.gif) no-repeat;
	
}

#videos #content .pagetitle a {
	
	background: url(../images/pagetitle-videos.gif) no-repeat;
	
}

#usados #content .pagetitle a,
#usados #content .pagetitle a.activo:hover {
	
	background: url(../images/pagetitle-usados.gif) no-repeat;
	
}

#usados #content .pagetitle a.activo {
	
	background: url(../images/pagetitle-usados-blanco.gif) no-repeat;
	
}

#recursoshumanos #content .pagetitle a {
	
	background: url(../images/pagetitle-recursoshumanos.gif) no-repeat;
	
}

#content .pagetitle span {
	
	display: block;
	
	position: absolute;
	
	top: 0;
	
	right: 0;
	
	background: url(../images/pagetitle-logoakron.png) no-repeat;
	
	width: 127px;
	
	height: 55px;

    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */
	
}




.main-content {
	
	position: relative;
	
	height: auto !important;
	
	height: 700px;
	
	min-height: 700px;
	
	padding: 0 0 50px 0;
	
	border-bottom: 9px solid #b0b1b5;

}

.en .main-content {
	
	height: auto !important;
	
	height: 510px;
	
	min-height: 510px;
	
	padding: 0;

}

#quienessomos .main-content,
#nuestrosservicios .main-content,
#centrosdeventas .main-content {
	
	background: url(../images/arrow-roja.gif) 30px 190px no-repeat;

}

#quienessomos.en .main-content,
#nuestrosservicios.en .main-content,
#centrosdeventas.en .main-content {
	
	background: url(../images/arrow-roja.gif) 30px 80px no-repeat;

}

#ubicacion .main-content {
	
	background: url(../images/ubicacion-bg.png) left 165px repeat-x;
	
	_background: url(../images/ubicacion-bg.png) left 168px repeat-x;

}

#ubicacion.en .main-content {
	
	background: none;

}

.main-content .content {

	background: url(../images/raya-roja-con-cuadritos.gif) left bottom no-repeat;
	
	margin: 0 0 0 42px;
	
	padding: 0 20px 50px 32px;
	
	text-align: justify;

}

.en .main-content .content {
	
	margin-bottom: 20px;
	
}


#nuestrosservicios.en .main-content .content {
	
	padding-bottom: 300px;
	
}

.main-content .w710 {
	
	min-width: 674px;
	
}

.main-content h3 {
	
	margin: 0 0 24px 0;
	
	font-size: 20px;
	
	color: #3d3d31;
	
	border-bottom: 1px solid #ec1c24;
	
}

.main-content h4 {
	
	margin: 0 0 22px 0;
	
	font-size: 18px;
	
}

.main-content h5 {
	
	margin: 0 0 22px 0;
	
	font-size: 16px;
	
}

.main-content p {
	
	margin: 0 0 22px 0;
	
}





/*

Productos

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

.main-content .listadeproductos {
	
	position: relative;
	
	height: 1%;
	
	margin: 0 0 0 52px;
	
	list-style: none;
	
}

.main-content .listadeproductos h2 {
	
	display: none;
	
	position: absolute;
	
	bottom: 0;
	
	left: 20px;
	
	background: url(../images/arrow-roja-horizontal.gif) left 3px no-repeat;
	
	height: 60px;
	
	margin: 0;
	
	padding: 0 0 0 24px;
	
	font-size: 18px;
	
	color: #3d3d31;
	
}

.main-content .listadeproductos .raya {
	
	display: block;
	
	float: left;
	
	background: url(../images/producto-raya.gif) right bottom no-repeat;
	
	padding: 0 4px 6px 4px;
	
}

.main-content .listadeproductos .block {
	
	display: block;
	
}

.main-content .listadeproductos li {
	
	display: block;
	
	position: relative;
	
	float: left;
	
	width: 33.2%;
	
	min-width: 275px;
	
	height: 260px;
	
	margin: 0 0 20px 0;
	
}





/*

Kymco

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

.main-content .productoskymco {
	
	position: relative;
	
	height: 1%;
	
	margin: 0 0 0 52px;
	
	list-style: none;
	
}

.main-content .productoskymco h3 {
	
	font-size: 18px;
	
	border: none;
	
}

.main-content .productoskymco li.moto {
	
	display: block;
	
	position: relative;
	
	float: left;
	
	width: 49.9%;
	
	height: 150px;
	
	margin: 0 0 20px 0;
	
}

.main-content .productoskymco .box {
	
	position: relative;
	
	background: url(../images/arrow-roja.gif) 7px -3px no-repeat;
	
	height: 67px;
	
	margin: 0 0 0 180px;
	
	padding: 25px 0 0 7px;
	
	border-left: 1px solid #df0c24;
	
}

.main-content .productoskymco .box a {
	
	position: absolute;
	
	bottom: 0;
	
	left: 7px;
	
	background: url(../images/detalle-producto.png) no-repeat;
	
	width: 122px;
	
	height: 21px;
	
	color: #fff;
	
	text-indent: 6px;
	
	line-height: 21px;
	
}

.main-content .productoskymco .imagen-principal {
	
	position: absolute;
	
	top: 0;
	
	left: 0;
	
}

.main-content .productoskymco a:hover {
	
	text-decoration: none;
	
}





/*

Akron export

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

.main-content .video {
	
	position: relative;
	
	background: url(../images/akron-export-video-bg.png) no-repeat;
	
	width: 607px;
	
	height: 475px;
	
	margin: 0 0 20px 70px;
	
}

.main-content #video {
	
	position: absolute;
	
	top: 9px;
	
	left: 10px;
	
}

.main-content .akron-export-content {
	
	margin: 0 0 0 80px;
	
	font-size: 14px;
	
}

.main-content .akron-export-content h3 {
	
	margin: 0;
	
	font-size: 24px;
	
	border-bottom: 0;
	
}

.main-content .akron-export-mapa {
	
	margin: 0 0 0 60px;
	
}

.main-content .akron-export-mapa h4 {
	
	background: url(../images/akron-en-el-exterior.png) no-repeat;
	
	height: 32px;
	
	margin: 0 0 20px 0;
	
    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}






/*

Centros de venta

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

.main-content .centro-de-venta {
	
	padding: 0 0 30px 0;
	
	font-size: 14px;
	
}

.main-content .centro-de-venta h3 {
	
	font-size: 24px;
	
	border: 0;
	
}





/*

Calendario de exposiciones

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

.main-content .calendario {
	
	position: relative;
	
	margin: 0 60px 0 75px;
	
	
}

.main-content .calendario table {
	
	width: 100%;

	color: #fff;

	border-collapse: separate;
	
	border-spacing: 4px;
	
}

.main-content .calendario th {
	
	background: #df0c24;
	
	padding: 12px;
	
	font-style: italic;
	
}

.main-content .calendario td {
	
	padding: 12px;
	
}

.main-content .calendario .grisoscuro td {
	
	background: #45473d;

}

.main-content .calendario .grisclaro td {
	
	background: #67686e;

}

.main-content .calendario .nombre,
.main-content .calendario .fecha {
	
	padding-left: 40px;
	
	text-align: left;
	
}

.main-content .calendario .fecha {
	
	width: 15%;
	
}

.main-content .calendario .masinfo {
	
	width: 10%;
	
}

#prensa .main-content .calendario .masinfo {
	
	background: #df0c24;
	
}

.main-content .detalles {
	
	display: none;
	
}

.main-content .detalles td {
	
	padding: 0;
	
}

.main-content .detalles p {
	
	margin: 0 0 15px 0;
	
}

.main-content .detalles ul {
	
	margin: 0 0 15px 15px;
	
}

.main-content .detalles li {
	
	margin: 0;
	
	padding: 0;
	
}

.main-content .detalles div {
	
	background: #fff;
	
	margin: 0 2px;
	
	padding: 20px;
	
	color: #1a171b;
	
	line-height: 140%;
	
}

.main-content .detalles div a {
	
	color: #df0c24;
	
}

.main-content .detalles .cerrar {
	
	background: #df0c24;

	height: 30px;
	
	margin: 0 2px;
	
	text-align: center;

	line-height: 30px;
	
}

.main-content .detalles .cerrar a {
	
	background: url(../images/arrow-blanca-arriba.gif) right center no-repeat;
	
	padding: 0 22px 0 0;
	
	white-space: nowrap;
	
}

.main-content .calendario a {
	
	color: #fff;
	
}

.main-content .calendario a:hover {
	
	text-decoration: none;
	
}






/*

Vendedores Akron

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

.main-content .listavendedoresakron {
	
	max-width: 720px;
	
	height: 1%;
	
	list-style: none;
	
}

.main-content .listavendedoresakron li {
	
	float: left;
	
	margin: 0 0 15px;
	
}






/*

Contact Us

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

.main-content .contentcontactus {
	
	font-size: 18px;
	
	line-height: 150%;
	
}





/*

Banners

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

.main-content .banner {
	
	margin: 0 0 30px 0;
	
}

.main-content .banner p {
	
	margin: 0 0 15px 0;
	
}

.main-content .banner ul {
	
	margin: 0 0 15px 15px;
	
}

.main-content .banner ol {
	
	margin: 0 0 15px 20px;
	
	padding: 0;
	
}

.main-content .banner li {
	
	margin: 0;
	
	padding: 0;
	
}






/*

FOOTER 

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

div#footer {

	position: absolute;
	
	bottom: 0;
	
	left: 0;

	background: #3a392d url(../images/body.gif) repeat-y;
	
	width: 100%;
	
	height: 0;
	
	padding: 0 0 39px 0;

}

div#footer .content {
	
	position: absolute;
	
	top: -135px;
	
	left: 0;
	
	width: 230px;
	
}

div#footer h3 {
	
	background: url(../images/footer-akron.gif) no-repeat;
	
	width: 187px;
	
	height: 54px;
	
	margin: 0 0 5px 24px;

    /* hide from IE Mac \*/

    text-indent: -999em;

    overflow: hidden;

    /* end hide */

}

div#footer p {
	
	margin: 0 0 15px 0;
	
	margin-right: 32px !important;
	
	text-align: right;
	
	color: #fff;
	
	line-height: 160%;
	
}

div#footer strong {
	
	font-size: 14px;
	
}






/*

POP 

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

div.popcontainer {
	
	position: absolute;
	
	top: 0;
	
	left: 0;
	
	width: 100%;
	
	padding: 50px 0;
	
	z-index: 99;
	
}

div.popcontainer .popcontent {
	
	position: relative;
	
	background: #fff;
	
	width: 800px;
	
	margin: 0 auto;
	
	padding: 5px;
	
}

div.popcontainer .popcontent .cerrar {
	
	position: absolute;
	
	top: -10px;
	
	right: -10px;
	
}