body{
font-family:Arial,sans-serif;
font-size:12px;
background:#121212 url(../img/body_bg.jpg) top center no-repeat;
color:#ffffff;
}

p,div{margin:0;padding:0;}
img{border:0 none;}
a{outline:none;}
span,ul,li,img,p{float:left;}

li.nofloat{float:none;}

/*main boxes*/
#wrapper{
position:relative;
margin:0 auto;
width:970px;
}
#menu-top{
float:right;
width:100%;
height:30px;
margin:25px 0 0 0;
}
#header{
float:left;
margin:0 0 20px 0;
}
#home-box{
float:left;
overflow:hidden;
width:100%;
height:345px;
background:#000000;
}
#alfa-box{
position:relative;
background:#000000;
float:left;
width:970px;
height:427px;
}

/*menu top*/
#menu-top ul{
float:right!important;
list-style:none;
margin:5px 0;
padding:0;
}
#menu-top ul li{
display:inline;
list-style-type:none;
margin:0;
padding:0 8px;
text-align:center;
}
#menu-top ul li a{
color:#d3171c;
text-decoration:none;
}
#menu-top ul li.center{
border-left:1px solid #666666;
border-right:1px solid #666666;
}
#menu-top ul li.last a{
color:#cccccc;
}

/*home menu accordion*/
.accordionWrapper div.title{cursor:pointer;height:345px;width:65px;background:#000000 url(../img/menu/title_bg.png) right bottom no-repeat;}
.accordionWrapper div.title img{margin-top:30px;}
.accordionWrapper div.content{float:left;width:0;height:345px;overflow:hidden;display:block;}
.set{display:block;position:relative;}
#alfa-6_3{background:#000000 url(../img/menu/box/1.jpg) top left no-repeat;}
#alfa-2{background:#000000 url(../img/menu/box/2.jpg) top left no-repeat;}
#alfa-3{background:#000000 url(../img/menu/box/3.jpg) top left no-repeat;}
#alfa-4{background:#000000 url(../img/menu/box/4.jpg) top left no-repeat;}
#alfa-5{background:#000000 url(../img/menu/box/5.jpg) top left no-repeat;}
#alfa-6{background:#000000 url(../img/menu/box/6.jpg) top left no-repeat;}
#alfa-6_2{background:#000000 url(../img/menu/box/6_2.jpg) top left no-repeat;}
#alfa-1{background:#000000 url(../img/menu/box/6_3.jpg) top left no-repeat;}
#alfa-tae{background:#000000 url(../img/menu/box/tae.jpg) top left no-repeat;}

/*home footer*/
#buscador{
position:relative;
float:left;
background:transparent url(../img/buscador_bg.gif) top left no-repeat;
width:970px;
height:82px;
}
#lente{
position:absolute;
top:10px;
left:-10px;
}
#search{
float:left;
margin:20px 0 0 157px;
}

/*h1 and h2 alfa romeo*/
.masinfo{
float:left;
clear:both;
margin-top:15px;
}

.title-box{
float:left;
display:inline;
width:500px;
margin:10px 0 0 30px;
}

/*terms*/
#legales{
float:left;
font-size:10px;
color:#666666;
}
#legales p{
float:none;
margin-top:10px;
}
.center{text-align:center;}

/*car sections*/
#alfa{
position:relative;
float:left;
width:905px;
height:427px;
}

.title{
float:left;
cursor:pointer;
height:427px;
width:65px;
background:#000000 url(../img/menu/title_bg.png) right bottom no-repeat;
}
.title img{margin-top:285px;}

#submenu{
float:left;
clear:both;
width:150px;
height:125px;
padding:10px;
margin:15px;
background:transparent url(../img/submenu_bg.png) top left no-repeat;
}
#submenu ul{
font-size:15px;
line-height:28px;
list-style-type:none;
margin:0;
padding:0;
}
#submenu ul li{
width:100%;
}

#submenu ul li.ml{
margin-left:15px;
}
#submenu ul li a{
text-decoration:none;
color:#ffffff;
}
#submenu2{
float:left;
clear:both;
width:150px;
height:195px;
padding:10px;
margin:15px;
background:transparent url(../img/submenu2_bg.png) top left no-repeat;
}
#submenu2 ul{
font-size:15px;
line-height:28px;
list-style-type:none;
margin:0;
padding:0;
}
#submenu2 ul li{
width:100%;
}

#submenu2 ul li.ml{
margin-left:15px;
}
#submenu2 ul li a{
text-decoration:none;
color:#ffffff;
}
#description{
float:right;
height:370px;
padding:0 10px;
width:305px;
background:transparent url(../img/text_bg.png) repeat;
}

#description1{
float:right;
height:300px;
padding:0 10px;
width:305px;
background:transparent url(../img/text_bg.png) repeat;
}

#description h3{
font-size:14px;
}
#description p{
width:100%;
line-height:16px;
}
#description a{
	color:#d3171c;
	text-decoration:none;
}
#description a:hover{
	color:#d3171c;
	text-decoration:underline;
}
ul.list{
float:left;
/* list-style-image:url(../img/li.gif); */
list-style-type:none;
margin:0;
padding:10px;
}

ul.list1{
float:left;
/* list-style-image:url(../img/li.gif); */
list-style-type:none;
margin:0;
padding:10px;
_padding-top:5px;
}

ul.list li{
float:left;
line-height:11px;
margin:5px 0;
padding-left:10px;
background:url(../img/li.gif) 0 3px no-repeat;
/*width:100%; problemas con IE */
width:315px;
}

ul.list1 li{
float:left;
line-height:7px;
_line-height:9px;
margin:4px 0;
padding-left:10px;
background:url(../img/li.gif) 0 3px no-repeat;
/*width:100%; problemas con IE */
width:315px;
}

ul.list li.nolist{
list-style-image:none;
}

.big{font-size:15px;}
.red{color:#d3171c!important;}


.mito1{background:#000000 url(../img/mito/bg1.jpg) top right no-repeat;}
.mito2{background:#000000 url(../img/mito/bg2.jpg) top right no-repeat;}
.mito3{background:#000000 url(../img/mito/bg3.jpg) top right no-repeat;}

.a1471{background:#000000 url(../img/147/bg1.jpg) top right no-repeat;}
.a1472{background:#000000 url(../img/147/bg2.jpg) top right no-repeat;}

.gt1{background:#000000 url(../img/gt/bg1.jpg) top right no-repeat;}

.giu{background:#000000 url(../img/giu/bg2.jpg) top right no-repeat;}

.distinctive{background:#000000 url(../img/mito/distinctive.jpg) top right no-repeat;}

.a1591{background:#000000 url(../img/159/bg1.jpg) top right no-repeat;}
.a1592{background:#000000 url(../img/159/bg2.jpg) top right no-repeat;}

.a159sw1{background:#000000 url(../img/159sw/bg1.jpg) top right no-repeat;}
.a159sw2{background:#000000 url(../img/159sw/bg2.jpg) top right no-repeat;}

.brera1{background:#000000 url(../img/brera/bg1.jpg) top right no-repeat;}

.spider1{background:#000000 url(../img/spider/bg1.jpg) top right no-repeat;}

.tae0{background:#000000 url(../../img/promo/tae-02.jpg) top right no-repeat;}

#buttons{
position:absolute;
bottom:0;
left:30px;
width:855px;
height:45px;
}
#buttons a{
float:left;
}
.mlr80{margin:0 80px}
.mtb10{margin:3px 0}

/*frame artyco*/
.frameBuscador {
height:430px;
width:970px;
}

.frameAtrapalo {
height:570px;
width:970px;
}

h1.din{
font-size: 26px;
line-height:32px;
font-weight:normal;
font-family: 'DINRegular', sans-serif;
color:#ffffff;
margin:0;
width:auto;
float:left;
text-shadow:3px 2px 4px #000000;
}
h1.dinbold{
font-size: 24px;
line-height:32px;
font-weight: normal;
font-family: 'DIN-BoldRegular', sans-serif;
color:#ffffff;
margin:0 7px;
width:auto;
float:left;
text-shadow:3px 2px 4px #000000;
}
h1.dinboldnofloat{
font-size: 24px;
line-height:32px;
font-weight: normal;
font-family: 'DIN-BoldRegular', sans-serif;
color:#ffffff;
margin:0 7px;
width:500px;
text-shadow:3px 2px 4px #000000;
}
h2.dinred{
font-size: 20px;
line-height:normal;
font-weight: normal;
font-family: 'DIN-BoldAlternateRegular', sans-serif;
color:#d3171c;
margin:0;
width:100%;
float:left;
clear:both;
text-shadow:0 1px 4px #000000;
}

h2.dingris{
font-size: 20px;
line-height:normal;
font-weight: bold;
font-family: 'DINRegular', sans-serif;
color:#969495;
margin:0;
width:100%;
float:left;
clear:both;
}

h2.dingris1{
font-size: 24px;
line-height:normal;
font-weight: normal;
font-family: 'DIN-BoldAlternateRegular', sans-serif;
color:#444444;
margin:0;
width:100%;
float:left;
clear:both;
text-shadow:0 1px 4px #ffffff;
}

h2.dinred33{
font-size: 18px;
line-height:normal;
font-weight: normal;
font-family: 'DIN-BoldAlternateRegular', sans-serif;
color:#d3171c;
margin:0;
width:100%;
float:left;
clear:both;
padding:0;
text-shadow:0 1px 4px #000000;
}

h2.dinred3{
font-size: 24px;
line-height:normal;
font-weight: normal;
font-family: 'DIN-BoldAlternateRegular', sans-serif;
color:#d3171c;
margin:0;
width:100%;
float:left;
clear:both;
text-shadow:0 1px 4px #000000;
}

h3.dinred{
font-size: 20px;
line-height:normal;
font-weight: normal;
font-family: 'DIN-BoldAlternateRegular', sans-serif;
color:#d3171c;
margin:0;
width:100%;
float:left;
clear:both;
text-shadow:0 1px 4px #000000;
}

h2.dinwhite{
font-size: 18px;
line-height:normal;
font-weight: normal;
font-family: 'DINRegular', sans-serif;
color:#ffffff;
margin:0;
width:auto;
float:left;
text-shadow:0 1px 4px #000000;
}
h2.dinred2{
font-size: 18px;
line-height:normal;
font-weight: normal;
font-family: 'DIN-BoldAlternateRegular', sans-serif;
color:#d3171c;
margin:0 7px;
width:auto;
float:left;
text-shadow:0 1px 4px #000000;
}

p.din{
clear:left;
font-size:16px;
line-height:15px;
font-weight:normal;
font-family: 'DINRegular', sans-serif;
color:#ffffff;
margin:0;
width:auto;
float:left;
text-shadow:3px 2px 4px #000000;
}

span.destacar{color:red;float:none;font-weight:bold;}

.close {
    background-image: url("../img/close.png");
    cursor: pointer;
    height: 23px;
    position: absolute;
    right: 5px;
	*right:-20px;
	_right:310px;
    top: 5px;
	*top:-10px;
	_top:-30px;
    width: 23px;
	z-index:1;
}

#custom {
		background-image:url(../modelos/alfa-mito/14cuadro.png);
		width:285px;
		height:160px;
		padding:0px;
		position:absolute;
		top:40%;
	}
	
	#custom div.close {
		right:-15px;
		top:-10px;
	}

#custom2 {
		background-image:url(../modelos/alfa-mito/13cuadro.png);
		width:285px;
		height:160px;
		padding:0px;
		position:absolute;
		top:40%;
	}
	
	#custom2 div.close {
		right:-15px;
		top:-10px;
	}

.overlay{display:none;}

#description a.link_cajas{text-decoration:underline;}

.texto16{font-size:16px;}
h2.sombra {
    text-shadow: 1px 1px 7px #000000;
}
