/* CSS Document */

/*
Theme Name: SMALL - el coche eléctrico
Theme URI: http://www.elcocheelectrico.com
Description: REVA - The electricity car
Author: Entorno Digital S.A.
Author URI:  www.entorno.es
Design: www.nopiun.com
*/

body { margin: 15px 0 0 0; padding: 0; height: 509px; background: #102012 url('../img/fondo.gif') repeat left top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
#fondopg { background-color: #FFF; height: 484px; width: 11220px; border-top: 1px #1db251 solid; border-bottom: 1px #1db251 solid; padding: 15px 15px 15px 0; position: absolute; top: 50%; margin-top: -285px; }
#fondopg_noticias { background-color: #FFF; height: 483px; width: 100%; border-top: 1px #1db251 outset; border-bottom: 1px #1db251 outset; padding: 15px 15px 15px 0; position: absolute; top: 50%; margin-top: -285px; }
html>body .coche { position: fixed; bottom: 0px; width: 161px; }
.coche { position: absolute; width: 161px; bottom: 0px; }
.clear { clear: both; }
.enlace { text-decoration:none; color: #1db252; }
.enlace2 { text-decoration:none; color: #008000; font-weight: bold; }
.enlace3 { text-decoration:none; color: #008000; }
#menu { position: fixed; height: 70px; }
#contenedor { float:left; padding: 0; background-color:#FFF; width: auto; }
html>body #contenedor { float:left; padding: 0; background-color:#FFF; width: auto; margin: 0 0 0 139px; }
#contenido { float: left; height: 414px; padding: 0; background-color: #1db253; width: auto; }
sub { font-size: 7px; }


/*** menu superior ***/


#logo { position: relative; float: left; border-left: 15px solid #fff; width: 172px; }
#busqueda { float: right; width: 220px; margin: 18px 10px 0 0; }
.cuadrobuscar { width: 220px; height: 16px; padding: 2px 0 0 8px; color: #1c7b05; border: 0; background-color: #fffd3e; }
.formbuscar { height: 16px; margin: 0; padding: 0; }
#rayitas { height: 70px; width: auto; background: url(../img/rayitas2.gif) top right repeat-x; }
#menusup { float: left; position: relative; margin: 0; padding: 10px 8px 0 0; background: url(../img/esquina_dcha.gif) top right no-repeat #1db253; height: 60px; width: 714px; }
#menusup ul { list-style: none; margin-left: 0; padding-left: 0; display: inline; }
#menusup ul li { margin-left: 0; margin-bottom: 0; padding: 10px 7px 10px 18px; list-style: none; display: inline; background: url(../img/separador.gif) top left no-repeat #1db253; }
#menusup ul li a { text-decoration: none; color: #FFF; }
#menusup ul li a:hover { text-decoration: none; color: #FFFF00; }


/*** barra lateral ***/


#lateral { float: left; position: fixed; width: 139px; height: 413px; background-color: #FFF; left: 0px; padding-top: 1px; }
#idiomas { width: 123px; height: 208px; padding-top: 10px; margin-left: 15px; background: url(../img/esquina_dcha.gif) top right no-repeat #1db253; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#idiomas ul { list-style: none; margin: 0; padding-left: 15px; }
#idiomas ul li a { text-decoration: none; color: #FFF; padding-left: 20px; }
#idiomas ul li a:hover { text-decoration: none; color: #FFFF00; padding-left: 20px; }
.idiomaseleccionado { text-decoration: none; color: #FFF; background: url(../img/rayito_idioma.gif) left no-repeat #1db253; }
#logoe { margin-left: 15px; padding: 0; height: 123px; width: 123px; background-color: #1db253; }
#menulat { margin-top: 1px; margin-left: 15px; padding-top: 15px; height: 57px; width: 123px; background-color: #1db253; background: url(../img/esquina_dchainf.gif) bottom right no-repeat #1db253; }
#menulat ul { list-style: none; margin: 0; padding: 0; }


/*** Inicio ***/


#presentacion { float:left; padding: 0; margin-top: 1px; width: 770px; background: #1db253; }


/*** Prueba ***/


#prueba { float:left; padding-left: 15px; margin-bottom: 1px; width: 753px; height: 412px; background-color:#FFF; }
#formulario_prueba { padding: 20px; height: 327px; background-color: #e6f1d6; color: #008000; font-size:11px; }
#datos1 { float:left; padding: 40px 60px 0 60px; width: 260px; }
#datos2 { float:left; padding: 40px 0 0 0; width: 260px; }
.cuadroprueba { margin-bottom: 20px; margin-top: 2px; padding: 0; width: 250px; height: 18px; border-color: #1db252; border-width: 1px; color:#008000; }
.checkprueba2 { border-width: 1px; border-color: #1db252; }
.botonprueba { background: url(../img/bot_enviar.gif); width: 68px; height: 27px; border: 0; }


/*** Reserva ***/

#formulario_reserva { padding: 20px; height: 327px; background-color: #e6f1d6; color: #008000; font-size:11px; }
#reserva { float:left; padding-left: 15px; margin-bottom: 1px; width: 753px; height: 412px; background-color:#FFF; }
#datos3 { float:left; padding: 20px 60px 0 60px; width: 260px; }
#datos4 { float:left; padding: 20px 0 0 0; width: 260px; }
.cuadroprueba2 { margin-bottom: 10px; margin-top: 2px; padding: 0; width: 250px; height: 18px; border-color: #1db252; border-width: 1px; color:#008000; }


/*** Configura ***/


#conjuntoconfigura { display: block; float: left; width: 750px; padding-left: 15px; height: 412px; background-color:#FFF; }
#configuracion { float: left; width: 500px; height: 412px; }
#modelo { float: left; width: 270px; }
#colorcuadro { float: left; width: 220px; }
#precio { float: left; background: url(../img/fondoprecio.gif) #FFF no-repeat top left; width: 460px; margin-top:4px; padding: 10px 10px 10px 20px; font-size: 11px; color: #1db252; }
.txtgrande { font-size: 14px; }
#color { background: url(../img/fondocolores.gif) #FFF no-repeat top left; width: 200px; padding: 22px 15px 22px 15px; margin-bottom: 1px; font-size: 11px; font-weight: bold; color: #1db252; }
.colorin { float:left; width: 34px; }
.colorin img { border: 2px solid #e6f1d6; }
.destacado { float:left; width: 34px; }
.destacado img { border: 2px solid #1db252; }
.txtcolor { float:left; width: auto; padding: 10px 0 0 6px; }
.colorconjunt { width: auto; height: 36px; padding: 0 0 0 10px; }
#configura_extras { float:left; padding: 38px 0 0 20px; width: 220px; background-color:#FFF; }
.cuadroconfigura { margin-bottom: 8px; padding: 0; width: 200px; height: 20px; border-color: #1db252; border-width: 1px; font-size: 11px; color: #1db252; }
.txtextras { font-size: 11px; color: #1db252; padding: 0 0 0 15px; }


/*** Noticias ***/


#noticias { float:left; padding-left: 15px; margin-bottom: 1px; width: 1050px; height: 412px; background-color:#FFF; }
.noticia_blanco { float:left; font-size: 11px; color: #008000; width: 500px; height: 140px; padding: 10px; background-color: #FFF; }
.noticia_verde { float:left; font-size: 11px; color: #008000; width: 500px; height: 140px; padding: 10px; background-color: #e6f1d6; }
.fechanoticia { font-size: 10px; color: #008000; }
.titulonoticia { font-size: 14px; font-weight: bold; color: #008000; }
.imgnoticia { margin: 10px 10px 10px 0; float: left; border: 0; }
.enlacenoticia { text-decoration:none; font-size: 11px; color: #008000; height: 30px; padding: 2px; margin: 10px 0 0 0; }
.enlacenoticia:hover { text-decoration:none; font-size: 11px; color: #FFF; background-color:#1db253; height: 30px; padding: 2px; margin: 10px 0 0 0; }
.enlacenoticianombre { font-size: 9px; color: #008000; }
.noticiabot { float: left; width: 500px; padding: 10px; }
#fichanoticia { float: left; width: 830px; height: 412px; text-align: justify; }


/*** Modelos ***/


#modelos { float:left; padding-left: 20px; width: 1980px; height: 412px; background-color:#FFF; }
#especificacionesLi { float:left; padding-right: 15px; margin-bottom: 1px; width: 560px; background-color:#FFF; font-size: 11px; color: #008000; }
#especificacionesi { float:left; padding-right: 15px; margin-bottom: 1px; width: 560px; background-color:#FFF; font-size: 11px; color: #008000; }
#especificaciones2 { float:left; padding-right: 15px; margin-bottom: 1px; width: 390px; background-color:#FFF; font-size: 11px; color: #008000; }
#opciones { float:left; padding-right: 15px; margin-bottom: 1px; width: 390px; background-color:#FFF; font-size: 11px; color: #008000; }
#mantenimiento { float:left; width: 420px; text-align:justify; }


/*** FAQ ***/


#faq { float:left; padding-left: 15px; width: 1600px; height: 412px; background-color:#FFF; }
#faq_blanco1 { float:left; margin-bottom: 1px; background-color:#FFF; font-size: 11px; color: #008000; width: 500px; text-align: justify; }
#faq_verde { float:left; padding: 8px 8px 0 8px; margin: 40px 0 0 10px; background-color:#e6f1d6; font-size: 11px; color: #008000; width: 534px; text-align: justify; }
#faq_blanco2 { float:left; margin: 40px 0 0 10px; background-color:#FFF; font-size: 11px; color: #008000; width: 525px; text-align: justify; }


/*** Fotos ***/


#conjuntofotos { float:left; margin-bottom: 1px; width: 753px; height: 412px; background-color:#FFF; }
#fotos { float:left; padding: 0 0 0 1px; margin: 0; width: 765px; height: 412px; background-color:#FFF; border-bottom: 1px; border-color: #1db253; }
.fotiko { float: left; border: 0px; }
.fotiko img { border: 0px; }
.blanco { float:left; width: 85px; height: 85px; background-color: #FFF; }
.verde { float:left; width: 85px; height: 85px; background-color: #1eb352; }


/*** Links ***/


#conjuntolinks { float:left; margin-bottom: 1px; width: 1645px; height: 412px; background-color:#FFF; }
.links { float:left; margin-left: 15px; width: 360px; height: 124px; font-size: 11px; color: #008000; text-align: center; }
.links2 { float:left; margin-left: 15px; width: 470px; height: 124px; font-size: 11px; color: #008000; text-align: center; }


/*** Juego ***/

#juego { float:left; margin-bottom: 1px; width: 578px; height: 412px; background-color:#FFF; }


/*** Contacto ***/


#conjuntocontacto { float:left; margin-bottom: 1px; width: 1100px; height: 412px; background-color:#FFF; }
.contacto { float:left; margin: 10px 0 0 15px; width: 275px; height: 400px; font-size: 11px; color: #008000; }
.contacto2 { float:left; margin: 10px 0 0 40px; width: 275px; height: 400px; font-size: 11px; color: #008000; }
.contacto3 { float:left; margin: 10px 0 0 15px; font-size: 11px; color: #008000; }


/*** Imprimir Ficha ***/


#fichacontenedor { width: 100%; height: 800px; background-color: #FFF; }
#fichatop { width: 100%; height: 60px; background-color:#1eb352; padding: 10px 0 0 20px; }
#fichatitulo { margin-top: 75px; }
#fichadatos { margin-top: 30px; padding-left: 25px; width: 100%; font-size: 11px; }
#fichadatos .tit { float: left; width: 165px; margin-left: 15px; }
#fichadatos .tit p { line-height: 20px; }
#fichadatos .datos { float: left; width: 340px; }
#fichadatos .datos p { line-height: 20px; }
#fichadatos .foto { position: absolute; top: 200px; left: 390px; }
#fichaprecio { float: left; width: 481px; height: 81px; background: url(../img/fichaprecio.jpg) no-repeat top left; color: #1eb352; padding: 40px 0 0 20px; margin-top: 30px; }
#fichapd { float: left; width: 580px; }
#fichapie { position:absolute; bottom: 50px; left: 20px; }

/*** POPUP ***/
.nav {
	float: left;
	width: 13em;
}
.nav a {
	display: block;
	color: #00f;
	background-color: #fcc;
	margin-bottom: 0.5em;
	padding: 0.5em;
	text-decoration: none;
}

.nav a:hover {
	color: #c00;
	border-width: 0; /* IE */
}

#nav1 a .pop {
	display: block;
	color: #fff;
	background-color: #1eb352;
	width: 150px;
	padding: 5px;
	border: 1px #fff solid;
	position: absolute;
	top: auto;
	left: 100px;
	z-index: 10; /* Saf */
	visibility: hidden;
	text-decoration: none;
}
#nav1 a:hover .pop {
	visibility: visible;
}


/*** Aviso legal ***/


#aviso { background-color:#FFFFFF; padding:15px; margin: 15px; }
#avisolegal { margin:15px; }
#avisolegal p { font-size: 11px; width:98%; }
#avisolegal h1 { color: #1db253; font-size: 11px; font-weight:bold; margin-bottom:15px; }
#avisolegal h2 { color: #FFF; font-size: 11px; width:98%; height:18px; padding: 4px 0 0 4px; background-color: #1db253; margin-top:25px; }
#avisolegal h3 { color: #000; font-size: 11px; font-weight:bold; margin-top:20px; }