@import "titulos.css";
@import "ficha.css";
@import "noticias.css";
*{
	margin: 0;
	padding: 0;
	outline: none;
}
body{
	background: #1B1B1B url(bg-body.gif) repeat-x;
	font-family: Arial, Verdana, Tahoma;
	margin: 10px 0;
}
h1{
	font-size: 26px;
	color: #fff;
	padding: 10px 0 0 0;
}
h2{
	font-size: 13px;
	color: #444;
	padding: 0 0 0 0;
	font-weight: bold;
}
h3{
	font-size: 13px;
	color: #444;
	padding: 10px 0 0 0;
	font-weight: bold;
}
h4{
	font-size: 14px;
	color: #222;
}
p{
	font-family: arial, verdana, tahoma;
	font-size: 12px;
	color: #777;
	padding: 5px 0;
}
a{
	color: #CCCCCC;
}
a:hover{
	color: #B22222;
}
ul{
}
li{
}
.stopfloat{
	clear: both;
}
img{
	border: 0;
}

/* ------------------------ ESTRUCTURA ------------------------ */
/* ------------------------ ESTRUCTURA ------------------------ */
/* ------------------------ ESTRUCTURA ------------------------ */
#main{
	margin: 5px auto;
	background-color: #212121;
	padding: 2px;
	width: 960px;
}
#header{
	width: 960px;
	height: 95px;
	background: url(bg-header.jpg) no-repeat;
	position: relative;
}
.logo{
	position: absolute;
	top: 14px;
	left: 20px;
	border: 0;
}
#nav{
	position: absolute;
	height: 24px;
	width: 960px;
	left: 0px;
	top: 71px;
	background: url(bg-nav.gif) repeat-x;
}
#nav ul{
	list-style: none;
}
#nav li{
	float: left;
	font-size: 11px;
	padding: 0;
	margin: 0;
	color: #777;
}
#nav li a{
	text-decoration: none;
	color: #444;
	height: 18px;
	margin: 0 0 0 15px;
	display: block;
	float: left;
}
#menu{
	position: absolute;
	height: 20px;
	right: 20px;
	top: 5px	
}
#ubicacion{
	position: absolute;
	height: 20px;
	left: 20px;
	top: 0px;
}
#ubicacion p{
	color: #444;
	font-size: 11px;
}
#ubicacion p a{
	color: #444;
	text-decoration: none;
}
#ubicacion strong{
	font-weight: normal;
	color: #666;
}
#content{
	width: 960px;
	background: #E5E5E5 url(bg-content.gif) repeat-x top;
	position: relative;
}
.piefoto {
	font-family: Arial;
	font-size: 9px;
	line-height: 18px;
	color: #5F5F5F;
}


#content-splash{
	position: absolute; 
	top:0;
	height: 430px;
	background-color: #000;
}

#content-noticias{
	width: 960px;
	background: #E5E5E5 url(bg-content.gif) repeat-x top;	
}
#content-texto{
	width: 920px;
	padding: 15px 20px;
	background: #E5E5E5 url(bg-content.gif) repeat-x top;
}
#content-repuestos{
	width: 920px;
	padding: 20px 20px;
	background-color: #000;
}
#content-historia{
	background: url(bg-historia.jpg) no-repeat;
	width: 480px;
	height: 520px;
	padding: 20px 460px 20px 20px;
	background-color: #111;
}
#content-historia1910{
	background: url(bg-historia-1910.jpg) repeat-y;
	width: 858px;
	height: 920px;
	background-color: #111111;
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 50px;
	padding-left: 42px;
	color: #FFFFFF;
}
#content-historia1920{
	width: 858px;
	height: 1220px;
	background-color: #080808;
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 50px;
	padding-left: 42px;
	background-image: url(bg-historia-1920.jpg);
	background-repeat:  no-repeat;
	color: #FFFFFF;	
}
#content-historia1930{
	background: url(bg-historia-1930.jpg) no-repeat;
	width: 858px;
	height: 1100px;
	background-color: #111;
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 50px;
	padding-left: 42px;
	color: #FFFFFF;
}
#content-historia1940{
	background: url(bg-historia-1940.jpg) no-repeat;
	width: 858px;
	height: 850px;
	background-color: #111;
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 50px;
	padding-left: 42px;
	color: #FFFFFF;
}
#splash{
	width: 740px;
	height: 430px;
	float: left;
	padding: 0 -28px 0 0;
	margin: 0 0 -3px 0;
}
/* ------------------------ ESTRUCTURA ------------------------ */
/* ------------------------ ESTRUCTURA ------------------------ */
/* ------------------------ ESTRUCTURA ------------------------ */


/* ------------------------ CONTENIDO ------------------------ */
/* ------------------------ CONTENIDO ------------------------ */
/* ------------------------ CONTENIDO ------------------------ */
#content-historia p{
	color: #C6C6C6;
	line-height: 16px;
}
#content-historia1910 p{
	color: #CCCCCC;
	line-height: 16px;
}
#content-historia1920 p{
	color: #CCCCCC;
	line-height: 16px;
}
#content-historia1930 p{
	color: #CCCCCC;
	line-height: 16px;
}
#content-historia1940 p{
	color: #CCCCCC;
	line-height: 16px;
}
/*------------- LINKS HISTORIA ---------------*/
#content-historia1910 p a{
	color: #CCCCCC;
	line-height: 16px;
	text-decoration: none;	
}
#content-historia1910 p a:hover{
	color: #FFFFFF;
	line-height: 16px;
	font-weight: normal;
	text-decoration: underline;
}
#content-historia1910 p a:active{
	color: #FFFFFF;
	line-height: 16px;
	font-weight: bold;
	text-decoration: underline;
}
#content-historia1920 p a{
	color: #CCCCCC;
	line-height: 16px;
	text-decoration: none;	
}
#content-historia1920 p a:hover{
	color: #FFFFFF;
	line-height: 16px;
	font-weight: normal;
	text-decoration: underline;
}
#content-historia1920 p a:active{
	color: #FFFFFF;
	line-height: 16px;
	font-weight: bold;
	text-decoration: underline;
}
#content-historia1930 p a{
	color: #CCCCCC;
	line-height: 16px;
	text-decoration: none;	
}
#content-historia1930 p a:hover{
	color: #FFFFFF;
	line-height: 16px;
	font-weight: normal;
	text-decoration: underline;
}
#content-historia1930 p a:active{
	color: #FFFFFF;
	line-height: 16px;
	font-weight: bold;
	text-decoration: underline;
}
/*------------- FIN LINKS HISTORIA ---------------*/

#content-historia strong{
	font-weight: bold;
	color: #fff;
}
#content-empty{
	width: 960px;
	height: 280px;
	background-color: #191919;
	text-align: center;
}
.logo-mito{
	margin: 165px 0 0 24px;
}
/* ------------------------ CONTENIDO ------------------------ */
/* ------------------------ CONTENIDO ------------------------ */
/* ------------------------ CONTENIDO ------------------------ */


/* ------------------------ SUB-NAV ------------------------ */
/* ------------------------ SUB-NAV ------------------------ */
/* ------------------------ SUB-NAV ------------------------ */
#sub-nav{
	width: 960px;
	height: 60px;
	padding: 2px 0 0 0;
	background-color: #212121;
}
#sub-nav ul{
	width: 960px;
	height: 60px;
	list-style: none;
}
#sub-nav li{
	height: 60px;
	float: left;
}
#sub-nav li a{
	height: 60px;
	float: left;
	text-indent: -99999px;
}
#sub-nav #home a{
	width: 160px;
	height: 60px;
	background: url(home.jpg) no-repeat;
}
#sub-nav #home a:hover{
	background: url(home.jpg) 0 -60px no-repeat;	
}
#sub-nav #modelos a{
	width: 160px;
	height: 60px;
	background: url(modelos.jpg) no-repeat;
}
#sub-nav #modelos a:hover{
	background: url(modelos.jpg) 0 -60px no-repeat;	
}
#sub-nav #repuestos a{
	width: 160px;
	height: 60px;
	background: url(repuestos.jpg) no-repeat;
}
#sub-nav #repuestos a:hover{
	background: url(repuestos.jpg) 0 -60px no-repeat;	
}
#sub-nav #noticias a{
	width: 160px;
	height: 60px;
	background: url(noticias.jpg) no-repeat;
}
#sub-nav #noticias a:hover{
	background: url(noticias.jpg) 0 -60px no-repeat;	
}
#sub-nav #historia a{
	width: 160px;
	height: 60px;
	background: url(historia.jpg) no-repeat;
}
#sub-nav #historia a:hover{
	background: url(historia.jpg) 0 -60px no-repeat;	
}
#sub-nav #tecnologia a{
	width: 160px;
	height: 60px;
	background: url(tecnologia.jpg) no-repeat;
}
#sub-nav #tecnologia a:hover{
	background: url(tecnologia.jpg) 0 -60px no-repeat;	
}
/* ------------------------ SUB-NAV ------------------------ */
/* ------------------------ SUB-NAV ------------------------ */
/* ------------------------ SUB-NAV ------------------------ */



/* ------------------------ NAV-MODELOS ------------------------ */
/* ------------------------ NAV-MODELOS ------------------------ */
/* ------------------------ NAV-MODELOS ------------------------ */
#nav-modelos{
	width: 960px;
	height: 31px;
	background: url(bg-nav-modelos.gif) no-repeat;
	margin: 0!important;
	margin: -3px 0 0 0;
}
#nav-modelos ul{
	list-style: none;
	margin: 0 0 0 194px;
	margin:0;
}
#nav-modelos li{
	height: 31px;
	float: left;
}
#nav-modelos li a{
	height: 31px;
	float: left;
	text-indent: -99999px;
}

#nav-modelos #acceso-modelos{
	height: 31px;
	width: 195px;
	float: left;
	background: url(bg-nav-modelos.gif) no-repeat;
	text-indent: -99999px;
}


#nav-modelos #mito a{
	width: 49px;
	background: url(li-mito.gif) no-repeat;
}
#nav-modelos #mito a:hover{
	background: url(li-mito.gif) 0 -31px no-repeat;
}
#nav-modelos #ar147 a{
	width: 45px;
	background: url(li-147.gif) no-repeat;
}
#nav-modelos #ar147 a:hover{
	background: url(li-147.gif) 0 -31px no-repeat;
}
#nav-modelos #ar159 a{
	width: 45px;
	background: url(li-159.gif) no-repeat;
}
#nav-modelos #ar159 a:hover{
	background: url(li-159.gif) 0 -31px no-repeat;
}
#nav-modelos #ar159-sport a{
	width: 125px;
	background: url(li-159-sport.gif) no-repeat;
}
#nav-modelos #ar159-sport a:hover{
	background: url(li-159-sport.gif) 0 -31px no-repeat;
}
#nav-modelos #gt a{
	width: 38px;
	background: url(li-gt.gif) no-repeat;
}
#nav-modelos #gt a:hover{
	background: url(li-gt.gif) 0 -31px no-repeat;
}
#nav-modelos #brera a{
	width: 57px;
	background: url(li-brera.gif) no-repeat;
}
#nav-modelos #brera a:hover{
	background: url(li-brera.gif) 0 -31px no-repeat;
}
#nav-modelos #spider a{
	width: 62px;
	background: url(li-spider.gif) no-repeat;
}
#nav-modelos #spider a:hover{
	background: url(li-spider.gif) 0 -31px no-repeat;
}
#nav-modelos #ar8c a{
	width: 38px;
	background: url(li-8c.gif) no-repeat;
}
#nav-modelos #ar8c a:hover{
	background: url(li-8c.gif) 0 -31px no-repeat;
}
#nav-modelos #ar8c-spider a{
	width: 83px;
	background: url(li-8c-spider.gif) no-repeat;
}
#nav-modelos #ar8c-spider a:hover{
	background: url(li-8c-spider.gif) 0 -31px no-repeat;
}

#nav-modelos #ar-giulietta a{
	width: 75px;
	background: url(li-giulietta.gif) no-repeat;
}
#nav-modelos #ar-giulietta a:hover{
	background: url(li-giulietta.gif) 0 -31px no-repeat;
}
/* ------------------------ NAV-MODELOS ------------------------ */
/* ------------------------ NAV-MODELOS ------------------------ */
/* ------------------------ NAV-MODELOS ------------------------ */



/* -------------------- Formulario de contacto ----------------- */
/* -------------------- Formulario de contacto ----------------- */
/* -------------------- Formulario de contacto ----------------- */
#texto-formulario{
	width: 240px;
	float: left;
	padding: 0 20px 10px 0;
}
.campo{
/*	background: url(bg-campo.gif) no-repeat;*/
	background-color: #ededed;
	border: 0;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	width: 290px;
	height: 17px;
	padding: 3px 5px;
	color: #555;
	margin: 0px 0 10px 0;
}
.textarea-contacto{
	background-color: #ededed;
	border: 0;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	width: 290px;
	padding: 3px 5px;
	color: #555;
	overflow: auto;
}
.form-box{
	float: left;
	width: 315px;
}
.enviar{
	width: 75px;
	height: 24px;
	background: url(bg-enviar.gif) no-repeat;
	text-align: center;
	border: 0;
	font-size: 11px;
	font-weight: bold;
	color: #ccc;
	margin: 10px 0 0 0;
	padding: 2px 0 2px 0;
}
#formulario-contacto form{
	margin: 0;
}
#formulario-contacto{
	width: 630px;
	padding: 0 0 0 25px;
	float: left;
	background: url(dot2.gif) repeat-y left;
}
#formulario-contacto p.form-nook{
	padding: 5px;
	background-color: #911;
	color: #FFF;
	display: block;
	margin: 0 0 5px 0;
	text-align: center;
}
#formulario-contacto p.form-ok{
	padding: 5px;
	background-color: #133B63;
	color: #ededed;
	display: block;
	margin: 0 0 5px 0;
	text-align: center;
}
/* -------------------- Formulario de contacto ----------------- */
/* -------------------- Formulario de contacto ----------------- */
/* -------------------- Formulario de contacto ----------------- */
intro {
}
.flash {
	background-position: center center;
	text-align: center;
	vertical-align: middle;
}
.flash-intro {
	position: absolute;
	visibility: visible;
	z-index: 100;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
}