/* general */
body {
	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-size:12pt;
	background-color:#fff;
}
a, a:hover, a:visited {
	color: #333399;
}
img {
	border-style: none;
}
h1 {
	border-bottom: 2px solid #008000;
}
ul {
	margin:0;
	padding:0;
	list-style:none;
}
ul li {
	margin:0;
	padding:0;
	list-style:none;
}
div {
	padding:0;
	margin:0;
}

/* topnav */
#topnav, #footer {
	margin-left:1%;
	width:1020px;
	margin:0 auto;
}

#topnav {
	margin-top:48px;
	margin-bottom:10px;
	background-color:#dcdcdc;
	position:relative;
	text-align:left;
	border-bottom: 4px solid #fff;
	height:134px;
}
#topnav .biokitLogo {
	border-style:none;
	position:absolute;
	top:-44px;
}
#topnav .biokitConversor {
	font-size:1.4em;
	position:absolute;
	left:4px;
	top:92px;
	color:#008000;
}
ul#junk {
	position:absolute;
	right:0px;
	top:-38px;
	z-index:10;
	/*width:660px;*/
}
ul#junk li {
	float:right;
	margin-left:4px;
}
#biokitPremio {
	border:4px solid #dcdcdc;
	background-color:white;
	padding:0 4px;
}
#logoMotortec {
	border:4px solid #dcdcdc;
	background-color:white;
	padding:4px;
	padding-bottom:0px;
}
#enlaceAtimpex {
	text-align:center;
	border:4px solid #dcdcdc;
	background-color:white;
	padding:3px;
	line-height:1.3ex;
	position:relative;
	bottom:10px;
}
#enlaceAtimpex img {
	margin-bottom:.2ex;
}
#enlaceAtimpex a {
	font-weight:bold;
	text-decoration:none;
	font-size:.8em;
}
#enlaceAtimpex a:hover {
	text-decoration:underline;
}
#enlaceAtimpex a.kits {
	color:#F00;
}
#enlaceAtimpex a.web {
	color:#00F;
}

ul#nav {
	position:absolute;
	right:0;
	bottom:0;
	text-align:right;
}
ul#nav li {
	font-size:.9em;
	float:right;
	padding-left:2em;
	padding-right:.5em;
	margin-left:2px;
	background-color:#C1C2E3;
}
ul#nav, ul#nav li {
	height:56px;
}
ul#nav li:hover {
	background-color:#A1A4E1;
}
ul#nav li.current {
	background-color:#2D2D65;
}
ul#nav li a, ul#nav li a:hover, ul#nav li a:visited {
	display:block;
	color:#2D2D65;
	text-decoration:none;
	margin-top:34px;
}
ul#nav li:hover a{
	text-decoration:underline;
}
ul#nav li.current:hover a {
	text-decoration:none;
}
ul#nav li.current a, ul#nav li.current a:hover, ul#nav li.current a:visited {
	color:#efe;
}

/* content y sidebar */
#content {
	position:relative;
	margin:0 auto;
}
#content, .wide {
	width:1020px;
}
.split {
	width:730px;	
}
#mainContent {
	min-height:42em;
}


#sidebar {
	width:290px;
	position:absolute;
	right:0;
	top:0;
	background-color:#E3E3E3;
	font-size:.8em;
	text-align:justify;
}
#sidebar h3 {
	font-size:1em;
}
#zonaDistribuidores {
	background-color:#ffcc99;
	padding:.4em;
	padding-bottom:2em;
	border:3px solid #ffd;
	min-height:32em;
}
#zonaDistribuidores h3 {
	text-align:center;
}
#zonaDistribuidores li {
	margin:.6em 0 1.6em 0;
}

#zonaDistribuidores li a {
	font-weight:bold;
}
#zonaDistribuidores div.emailClienteRegistrado {
	font-style:italic;
	text-align:center;
	color:#784D00;
}

/* slides */
#slides {
	border: .3em solid #ddd;
	background-color:#ccc;
	/* height:42em; altura de la zona de diapositivas */
	width:720px; /* anchura de la zona de diapositivas */
}

.slide {
	border:1px solid #CACD53;
}

#slides div.current {
	display:block;
}
#slides div.notCurrent{
	display:none;
}

#buttons, #buttons li {
	height:60px;
}
#buttons {
	text-align:center;
	background-color:#007f00;
	background-repeat:repeat-x;
}
#buttons ul {
}
#buttons li {
	margin:0;
	float:left;
	background-image:url('../img/sld-btn-grad.png');
	text-align:right;
	margin-right:3px;
	padding-left:24px;
	padding-right:8px;
	font-size:12px;
	opacity:.5;
}
#buttons li:hover {
	opacity:.7;
}
#buttons li.current {
	opacity:1;
}
#buttons a, #buttons a:hover, #buttons a:visited {
	display:block;
	color:#efe;
	text-decoration:none;
	margin-top:40px;
}
#buttons li:hover a{
	text-decoration:underline;
}
#buttons li.current:hover a{
	text-decoration:none;
}

div.slide {
	margin:0;
	position:relative;
	overflow:auto;
	text-align:justify;
}
.slide div {
	padding:.5em;
}
.slide p {
	font-size:.9em;
	margin-top:.5em;
	margin-bottom:.5em;
}
.slide h1 {
	margin:0;
	padding-top:2px;
	padding-left:110px;	
}
.slide h2 {
	font-size:1.1em;
}
#biokitSlide {
	background-color:#F2E1C2;
	color:#000;
	z-index:30;
}
#destinadoSlide {
	background-color:#F2E1C2;
	color:#000;	
	z-index:10;
}
#esquemafuncionamientoSlide {
	background-color:#F2E9D9;
	color:#000;	
	z-index:10;
}

#esquemafuncionamientoSlide img {
	border:.25em solid #E1A641;
}


#instalarloSlide {
	background-color:#F2E1C2;
	color:#000;	
	z-index:10;
}
#comprarSlide {
	background-color:#F2E1C2;
	color:#000;	
	z-index:10;
}

/* footer */
#footer {
	clear:both;
	border-top:1px solid #009;
	font-size:0.8em;
	margin-top:1em;
}
#footer li {
	float:right;
	background-color:#fff;
	margin-left:1em;
}
/* contacto */
#contacto {
	background-color:#dcdcdc;
	padding:.2em;
	border:3px solid #ffd;
}
#contacto h2, #contacto h3, #contacto h4, #contacto h5, #contacto h6 {
	text-align:center;
}
#contacto .field {
	width:95%;
	color:#999;
	text-align:left;
}
#contacto textarea {
	border:3px solid #ccc;
	overflow:auto;
}
#submitContactoWrapper {
	border:0px solid #020873;
	text-align:right;
	background-color:#C8C8C8;
	margin:2px;
	position:relative;
	height:3.4ex;
}

#submitContacto {
	width:6em;
	color:#fff;
	background-color:#020873;
	margin:0;
	position:absolute;
	right:0;
	top:2px;
}
#contactoLoader {
	position:absolute;
	right:6em;
	top:4px;
}
#submitContacto.disabled {
	background-color:#646464;
	color:#C8C8C8;
}
#contactoFeedback {
	padding:.5em;
	padding-top:3em; padding-bottom:4em;
	vertical-align:middle;
	border:.2em solid #EAEAEA;
	background-color:#CCD4C4;
}

/* registro */
div.formulario {
	position:relative;
	top:0;
	left:0;
	padding:4px;
	padding-bottom:30px;
}
div.formulario input {
	font-size:1.2em;
	width:20em;
	border:2px solid #999;
}
div.formulario dl {
	
}
div.formulario dt {

}
div.formulario dd {
	padding:.2em;
	background-color:#DADADA;
	margin-left:0;
	border-bottom:3px solid #F1F1F1;
}

div.formulario fieldset {
	border:3px solid #F1F1F1;
	margin:6px;
	padding:4px;
}
div.formulario fieldset dd {
	padding-left:10em;
}

div.formulario input.withDescription, div.formulario p.description {
	border:3px solid #999;
}
div.formulario p.description {
	position:relative;
	top:-3px;
	background-color:#eee;
	font-size:.8em;
	padding:4px;
	margin-top:0;
	width:29.35em;
}
div.formulario legend {
	font-weight:bold;
	border:3px solid #f1f1f1;
	background-color:#f1f1f1;
	padding:.2em;
}
div.formulario ul.errors {
	font-size:.8em;
	color:#802316;
}
div.formulario ul.errors li {
}
div.formulario input.password {
	color:#740B13;
}
div.formulario #fieldset-actionsGroup {

}
div.formulario #fieldset-actionsGroup dt {
	display: none;
}
div.formulario #fieldset-actionsGroup dd {
	border-width:0;
	height:2em;
	float:left;
	width:2em;
	position:relative;
	background-color:transparent;
}

div.formulario button.cancelar {
	border:2px solid #999;
	font-size:.9em;
	position:absolute;
	left:1em;
	top:.4em;
	background-color:transparent;
	z-index:10;
}

div.formulario input.enviar {
	border:2px solid #999;
	font-size:1em;
	position:absolute;
	top:.4em;
	left:1em;
	z-index:10;
}


/* otros */
.highlight {
	background-color:#ff9;
	padding:.6em;
	text-align:center;
	border:3px solid #ffd;
	width:86%;
	margin:1em 4%; 
}
.semi {
	float:left;
	width:42%;
}
ol.abc_list {
	list-style-type:lower-alpha;
}
ol.abc_list li {
	margin-bottom:.5em;
}
div.info {
	background-color:#F2ECD2;
	padding:1em;
	color:#000;
	text-align:justify;
	border:3px solid #CEC9B3;
}
div.info div.banner {
	border:5px solid #008000;
	margin:0 auto;
	width:680px;
	height:167px;
	padding:0;
	overflow:hidden;
}
div.info ul li {
	list-style-type:disc;
	margin-left:2em;
}
div.registro {
	border:2px solid #D7D7D7;
	background-color:#ffffff;
	padding:1em;
	color:#000;
	text-align:justify;
}

div.feedback {
	background-color:#9BD79C;
	border:4px solid #84B886;
}

.distribuidores ol {
	padding-top:0;
	margin-top:0;
}
.distribuidores ol h1 {
	margin-top:1.6em;
	font-size:1.6em;
	margin-left:-1em;
	text-align:center;
}
.distribuidores ol h1.first {
	margin-top:0;
}
.errorDetails {
	font-size:.8em;
	padding:.5em;
	font-family:monospace;
	background-color:#ccc;
	border:6px solid #ddd;
}
span.logo {
	font-family: 'Times New Roman', serif;
}
span.logo span.bio, span.logo span.modelo {
	font-weight:bold;
	font-style:normal;
}
span.logo span.kit {
	font-weight:normal;
	font-style:italic;
}
span.logo span.modelo {
	
}
ul.bullets {
}
ul.bullets li {
	list-style-type:disc;
	margin-left:2em;
}
ul.bullets p {
	margin-top:1em;
	margin-bottom:0.5em;
	font-weight:bold;
}

/* formularios de compra */

div.preguntaModelo {
	border:.4em solid #E7E7E7;
	background-color:#D3D3D3;
	padding:1em;
	position:relative;
}

div.preguntaModelo #fieldset-preguntaGarantia {
	border:3px solid #F1F1F1;
	margin:6px;
	padding:4px;
}
#fieldset-preguntaModelo legend {
	font-weight:bold;
	border:3px solid #f1f1f1;
	background-color:#f1f1f1;
	padding:.2em;	
}
#fieldset-preguntaModelo dd {
	margin-top:.5em;
}
#fieldset-preguntaModelo label {
	background-color:#DCDCDC;
	font-weight:bold;
	width:16em;
}
#fieldset-preguntaModelo p {
	font-size:0.9em;
}

div.preguntaGarantia {
	border:.4em solid #E7E7E7;
	background-color:#D3D3D3;
	padding:1em;
	position:relative;
}

div.preguntaGarantia #fieldset-preguntaGarantia {
	border:3px solid #F1F1F1;
	margin:6px;
	padding:4px;
}
#fieldset-preguntaGarantia legend {
	font-weight:bold;
	border:3px solid #f1f1f1;
	background-color:#f1f1f1;
	padding:.2em;	
}
#fieldset-preguntaGarantia dd {
	margin-top:.5em;
}
#fieldset-preguntaGarantia label {
	background-color:#DCDCDC;
	font-weight:bold;
	width:16em;
}
#fieldset-preguntaGarantia p {
	font-size:0.9em;
}

div.preguntaConectores {
	border:.4em solid #E7E7E7;
	background-color:#D3D3D3;
	padding:1em;
	position:relative;
}

div.preguntaConectores #fieldset-preguntaConectores {
	border:3px solid #F1F1F1;
	margin:6px;
	padding:4px;
}
#fieldset-preguntaConectores legend {
	font-weight:bold;
	border:3px solid #f1f1f1;
	background-color:#f1f1f1;
	padding:.2em;	
}
#fieldset-preguntaConectores dd {
	margin-top:.5em;
}
#fieldset-preguntaConectores label {
	background-color:#DCDCDC;
	font-weight:bold;
	width:16em;
}
#fieldset-preguntaConectores p {
	font-size:0.9em;
}


div.formularioDatosVehiculo {
	margin:1em auto;
	border:.2em solid #ECE3DD;
	background-color:#D2C4BD;
	background-image:url('../img/fichatecnica.png');
	background-repeat:no-repeat;
	background-position:6px 6px;
	position:relative;
	height:794px;
	width:45.3em;
	min-width:720px;
}
div.formularioDatosVehiculo dd input {
	width:15em;
}

div.comprar ul.errors {
	font-size:.9em;
	font-weight:bold;
	color:#802316;
	font-weight:bold;
	background-color:#D1D1D1;
	border:.3em solid #E9E9E9;
	z-index:10;
	width:22em;
	text-align:center;	
	padding:.2em;
}

div.formularioDatosVehiculo ul.errors {
	font-size:.8em;
	padding-top:0;
	width:20em;	
	opacity:.95;
	color:#FF0000;
}

div.formularioDatosVehiculo dd.contrasenyaHomologacion ul.errors,
div.formularioDatosVehiculo dd.fechaFichaTecnica ul.errors {
	position:absolute;
	top:0;
	right:-21em;
}


div.formularioDatosVehiculo dd.numeroIdentificacion {
	position:absolute;
	top:88px;
	left:150px;
}
div.formularioDatosVehiculo dd.numeroIdentificacion input {
	width:20em;
}
div.formularioDatosVehiculo dd.clasificacionVehiculo {
	position:absolute;
	top:138px;
	left:150px;
}
div.formularioDatosVehiculo dd.marca {
	position:absolute;
	top:190px;
	left:95px;
}
div.formularioDatosVehiculo dd.tipo {
	position:absolute;
	top:240px;
	left:95px;
}
div.formularioDatosVehiculo dd.variante {
	position:absolute;
	top:290px;
	left:95px;
}
div.formularioDatosVehiculo dd.denominacionComercial {
	position:absolute;
	top:340px;
	left:95px;
}
div.formularioDatosVehiculo dd.motorMarca {
	position:absolute;
	top:192px;
	left:430px;
}
div.formularioDatosVehiculo dd.motorTipo {
	position:absolute;
	top:241px;
	left:430px;
}
div.formularioDatosVehiculo dd.numeroCilindrosCilindrada {
	position:absolute;
	top:296px;
	left:502px;
}
div.formularioDatosVehiculo dd.numeroCilindrosCilindrada input {
	width:12em;
}
div.formularioDatosVehiculo dd.potenciaReal {
	position:absolute;
	top:348px;
	left:610px;
}
div.formularioDatosVehiculo dd.potenciaReal input{
	width:4em;
}
div.formularioDatosVehiculo dd.contrasenyaHomologacion {
	position:absolute;
	top:422px;
	left:180px;
}
div.formularioDatosVehiculo dd.fechaFichaTecnica {
	position:absolute;
	top:458px;
	left:180px;
}

div.formularioDatosVehiculo fieldset#fieldset-permisoCirculacionGroup {
	background-color:#E1CCAC;
	border:.3em solid #999;
	position:absolute;
	top:520px;
	left:1em;
	border:3px solid #F1F1F1;
	margin:6px;
	padding:4px;
}

div.formularioDatosVehiculo fieldset#fieldset-estadoVehiculoGroup  {
	background-color:#E1CCAC;
	border:.3em solid #999;
	position:absolute;
	top:520px;
	right:1em;
	border:3px solid #F1F1F1;
	margin:6px;
	padding:4px;
}


div.formularioDatosVehiculo fieldset#fieldset-permisoCirculacionGroup ul.errors {
	position:static;
}

div.formularioDatosVehiculo fieldset#fieldset-estadoVehiculoGroup ul.errors {
	position:static;
}


div.formularioDatosVehiculo fieldset#fieldset-permisoCirculacionGroup legend {
	font-weight:bold;
	border:3px solid #f1f1f1;
	background-color:#f1f1f1;
	padding:.2em;
}
div.formularioDatosVehiculo fieldset#fieldset-estadoVehiculoGroup legend {
	font-weight:bold;
	border:3px solid #f1f1f1;
	background-color:#f1f1f1;
	padding:.2em;
}

div.formularioDatosVehiculo .submit {
	bottom:1.5em;
}

div.comprar {
	background-color:#E6E6E6;
	padding:.4em;
	border:.3em solid #D5D5D5;
}
.comprar h2 {
	font-size:1.2em;
	margin:0em .6em;
	position:relative;
	top:.7em;
	background-color:#E7E7E7;
	width:10em;
	text-align:center;
}
.comprar .submit {
	border:.2em solid #843233;
	-moz-border-radius:.2em;
	-webkit-border-radius:.2em;
	border-radius:.2em;
	background-color:#F1F1F1;
	padding:.3em;
	position:absolute;
	right:2em;
	bottom:2.5em;
	font-size:1.1em;
	width:8em;
	font-weight:bold;
}
.comprar .submit:hover {
	border-color:#96292C;
	background-color:#FEFEFE;
}
div.tablaConectoresWrapper {
	text-align:center;
	background-color:#D3D3D3;
	border:.3em solid #E7E7E7;
}
table.conectores {
	margin:1em auto;
	border:.4em solid #E7E7E7;
}
table.conectores td {
	background-color:#F1F1F1;
	border:.2em solid #ACACAC;
}
table.conectores td img {
	border:.1em solid #333;
}
table.conectores div.description {
	font-size:.9em;
	font-weight:bold;
	margin-bottom:.6em;
}
div.formularioDatosPersonales div.explicacion {
	background-color:#ff9;
	padding:.6em;
	border:3px solid #ffd;
	position:absolute;
	right:1.4em;
	width:20em;	
}
div.formularioDatosPersonales div.personales {
	top:7em;
}
div.formularioDatosPersonales div.alternativa {
	top:74em;
}
div.revisarPedido {
	background-color:#E6E6E6;
	border:.2em solid #EEE;
	padding-bottom:3em;
	position:relative;
}
div.revisarPedido table.datosPedido {
	background-color:#E6E6E6;
	border:.2em solid #F5F5F5;
	border:.2em solid #666;
	border-collapse:collapse;
	margin:.4em auto;
}

div.revisarPedido table.datosPedido td {
	padding:.4em;
}
div.revisarPedido table.datosPedido thead td {
	font-weight:bold;
	text-align:left;
	border-top:.2em solid #666;
	border-bottom:.1em solid #666;
	border-right:.1em solid #666;
}
div.revisarPedido table.datosPedido thead td div {
	position:relative;
}
div.revisarPedido table.datosPedido tbody td {
	padding-bottom:1em;
	text-align:right;
	border-right:.1em solid #666;
	font-family:"Courier New",Courier,monospace;
}
div.revisarPedido table.datosPedido tbody td.destacado {
	font-weight:bold;
	text-align:center;
	font-size:1.6em;
}

div.revisarPedido table.totales {
	border:.2em solid #FAFAFA;
	-moz-border-radius:.2em;
	-webkit-border-radius:.2em;
	width:28.4em;
	margin-top:.5em;
	margin-bottom:.5em;
	padding:0;
	border-collapse:collapse;
}

div.revisarPedido table.totales tr td {
	border-right:2px solid #FAFAFA;
	padding-right:.1em;
}

div.revisarPedido table.totales thead {
	font-weight:bold;
	text-align:right;
}
div.revisarPedido table.totales tbody {
	text-align:right;
	font-size:.9em;
}

div.revisarPedido table.totales tbody td.granTotal {
	font-size:1.1em;
	font-weight:bold;
}


table.datosPedido a.goTo, table.datosPedido a.goTo:visited {
	border:.2em solid #909090;
	-moz-border-radius:.2em;
	-webkit-border-radius:.2em;
	border-radius:.2em;
	position:absolute;
	right:0;
	bottom:-0.3em;
	background-color:#F1F1F1;
	padding:.3em;
	font-weight:bold;
	font-size:.8em;
	color:#393939;
	opacity:.8;
}
table.datosPedido a.goTo:hover {
	opacity:1;
}
div.revisarPedido div.opcionesBox {
	padding:1em;
	border:#F1F1F1;
	border:.2em solid #FAFAFA;
	-moz-border-radius:.2em;
	-webkit-border-radius:.2em;
	width:26em;
}
div.revisarPedido div.opcionesBox ul li{
	border:.2em solid #909090;
	-moz-border-radius:.2em;
	-webkit-border-radius:.2em;
	border-radius:.2em;
	background-color:#F1F1F1;
	padding:.3em;
	font-weight:bold;
	font-size:.8em;
	margin:.6em;
}
div.revisarPedido div.opcionesBox ul li.cancelar{
	background-color:#E8C2C3;
}
div.revisarPedido div.opcionesBox ul li.cancelar:hover{
	background-color:#C23A3C;
}
div.revisarPedido div.opcionesBox ul li a.goTo{
	color:#1A2775;
}
div.revisarPedido div.opcionesBox ul li.cancelar:hover a.goTo{
		color:#FFFFFF;
}

.revisarPedido .confirmar {
	background-color:#DBDBDB;
	padding:.3em;
	position:absolute;
	right:8em;
	bottom:1em;
	font-size:1.1em;
	width:18em;
	font-weight:bold;
}

.revisarPedido .confirmar fieldset {
	border:.1em solid #843233;
	padding-bottom:3.6em;
	position:relative;
}
.revisarPedido .confirmar ul.errors {
	clear:both;
}
.revisarPedido .confirmar fieldset legend {
	border:.1em solid #843233;
	-moz-border-radius:.2em;
	-webkit-border-radius:.2em;
	border-radius:.2em;
	padding:.1em .4em;
}

.revisarPedido .confirmar dt {
	font-size:.8em;
	font-weight:normal;
	color:#843233;
	width:85%;
	text-align:justify;
	float:right;
}
.revisarPedido .confirmar dd {
	font-size:.8em;
	font-weight:normal;
	padding-left:.2em;
	margin-left:.2em;
}
.revisarPedido .confirmar .submit {
	width:11em;
	bottom:-3em;
	left:2em;
}

div.loginForm {
	background-color:#F4DCBD;
	width:86%;
	margin:.5em auto;
	border:.3em solid #C39043;
	padding:.5em;
	position:relative;
	font-size:.9em;
	font-weight:bold;
}
div.loginForm input {
	background-color:#E4E4E4;
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	border-radius:.3em;
}
div.loginForm input#email,
div.loginForm input#password {
	width:99%;
	border:.1em solid #9F9F9F;
	height:3ex;
}
div.loginForm input#loginSubmit {
	position:absolute;
	bottom:.5em;
	right:.5em;
	border:.1em solid #9F9F9F;
	font-weight:bold;
	background-color:#E4E4E4;
	height:4ex;
}
div.loginForm ul.errors {
	font-size:.9em;
	font-weight:bold;
	color:#802316;
	font-weight:bold;
	background-color:#D1D1D1;
	border:.3em solid #E9E9E9;
	z-index:10;
	text-align:left;	
	padding:.2em;
	margin-bottom:1em;
}
.loginMessage {
	font-size:1.1em;
	font-weight:bold;
	color:#802316;
	font-weight:bold;
	background-color:#D1D1D1;
	border:.3em solid #E9E9E9;
	z-index:10;
	text-align:left;	
	padding:.2em;
	margin-bottom:1em;	
}