@import url("fonts/HeliosC-Bold/font.css");
@import url("fonts/heliosblackc/font.css");

body {
   margin : 0;
   padding:0;
   font-family: Verdana, Tahoma, arial, geneva, Helvetica, sans-serif;
   background-color: #ffffff;
   background-image:url(bg.gif);
  
}

h2{
  line-height:150%;
}

img { border:0; }
input { color:#161616;font-family: Arial,Verdana }
textarea { color:#161616;font-family: Arial,Verdana; font-size:12px; }
/* Горизонтальное меню */

div#menunav {
   width: 980px; /* задаем ширину для div */
   float: left;  /* добавляем список в div */
   border-top: 0px  solid  white;  /* рисуем линию поверх div */
   border-bottom: 0px solid white; /* рисуем линию снизу div */
   font-size: 11px;  /* задаем размер шрифта */
   /*background-color: #b3b3b3;  /* фоновый цвет div */
   padding: 14px 0 0 30px;  /* отступ ul от края контейнера */
   margin-left:44px;
   margin-bottom:20px;
}
div#menunav ul {
   margin: 0px;
   padding: 0px;
}
* html div#menunav ul {
   float: left;  /* заставляет ul вместить все li */
   border-left: 0px solid #000000;  /* добавляет левую вертикальную черту к ul */
   margin-left: 15px;  /* IE удваивает заданное значение */
}
div#menunav li {
   float: left;   /* располагаем список по горизонтали */
   position: relative;  /* контекст позиционирования для раскрывающегося меню с абсолютным позиционированием */
   list-style-type: none;  /* удаляем маркеры */
   /* background-color: #ffebc6;  /* задаем фоновый цвет элементов меню */
   /*background-image:url("fon1.png"); */

   /*border-right: 1px solid #000000;  /* создаем разделительные линии между элементами li */
   margin-left:18px;
}
div#menunav li:first-child {
   /*border-left: 1px solid #000000;  /* первая вертикальная линия в меню */
}
div#menunav a {
   display: block;  /* пункты вложенного меню выделяются при наведении указателя */
   text-decoration: none;  /* удаляем подчеркивание ссылок */
   padding: 0px 0px 0px 0px;  /* создаем пространство с обеих сторон текста пункта меню */
   color: #006699;  /* задаем цвет шрифта */
}
div#menunav a:hover {
   color: #ff3333;
}
div#menunav li:hover {
   /*background-color: #ffffff;  /* задает фон пунктов списка */
}

/* Раскрывающееся меню */

div#menunav ul li ul {
   margin: 0px;
   position: absolute;  /* размещает выпадающий ul относительно родительского li */
   left: -1px;  /* выравнивает раскрывающееся меню */
   width: 600px;
}
div#menunav ul li ul li  {
   width: 100%;  /* элементы списка заполняют контейнер (ul) */
   margin-left:0px;

}
div#menunav ul li ul li:first-child {
   border-top: 0px solid #000000;  /* верхний край раскрывающегося меню */
}
body div#menunav ul li ul {
   display: none;
}
div#menunav ul li:hover ul, div#menunav ul li ul:hover  {
   display: block;
}
* html div#menunav ul li ul {  /* добавляет верхнюю границу раскрывающегося меню для IE*/
   border-top: 1px solid #000000;
   border-left: 0рх;  /* устраняет наследование границ ul раскрывающимся меню */
}

/* Многоуровневое раскрывающееся меню */

body div#menunav ul li ul li ul   {
   visibility: hidden;  /* идентично display: none */
   top: -1px;  /* выровнено по верхей границе пункта списка */
   left: 100px;
}
div#menunav ul li ul li:hover ul {
   visibility: visible;  /* идентично display: block */
}
div#menunav ul li ul li:hover ul li ul {
   visibility: visible;
}
div#menunav ul li ul li ul li:hover ul  {
   visibility: visible;
}


.menu_new:after{
	content:'';
	display:block;
	position:absolute;
	width:7px;
	height:7px;
	top:-4px;
	right:-13px;
	background: url(images/menu_plus.png) no-repeat scroll 0 0 transparent;
}
.menu_new:last-child:after{
	display:none;
}

.menu_new > a{
	display:inline-block;
	line-height:9px; 
	font-size:9px; 
	text-transform:uppercase; 
	color:white!important; 
	font-family:Verdana; 
	font-weight:bold;
	padding-top:5px!important;
	padding-bottom:5px!important;
	#border:1px solid red;
}

.menu_new a:hover{
	color:#ffcc00!important;
}


.menu3-ul{
	display:block!important;
	position:absolute!important;
	width:auto!important;
	border:0px solid white; 
	margin-left:0; 
	z-index:1000; 
	top:10px!important; 
	padding:10px 12px!important; 
	left:0px!important; 
	background: url('images/fon_menu13_new.png') repeat-x scroll 0 0 transparent;	
}

.menu3-a {
	position:relative;
	display:block;
	line-height:1; 
	font-size:8px; 
	text-transform:uppercase;
	color:white!important; 
	font-family:Verdana; 
	font-weight:bold;
	padding:1px 0 0 10px!important;
	#padding-top:5px!important;
	#padding-bottom:5px!important;	
	margin:3px 0;
	white-space: nowrap;
}
.menu3-a:before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:8px;
	height:10px;
	background: url("images/menu-arrow.png") repeat scroll 0 0 transparent;
}

.menu3-a:hover:before{
	background-position:0 -10px;
}






a.menu_up_1 { background: url("images/up_menu_1.png") repeat scroll 0 0 transparent;
    display: block;
    float:left;
    height: 15px;
    width: 80px; }
a.menu_up_1:hover { background-position: 0 -15px;}

a.menu_up_2 { background: url("images/up_menu_2.png") repeat scroll 0 0 transparent;
    display: block;
    float:left;
    height: 15px;
    width: 76px; }
a.menu_up_2:hover { background-position: 0 -15px;}

a.menu_up_3 { background: url("images/up_menu_3.png") repeat scroll 0 0 transparent;
    display: block;
    float:left;
    height: 15px;
    width: 76px; }
a.menu_up_3:hover { background-position: 0 -15px;}



a.menu1 { background: url("images/menu1.png") repeat scroll 0 0 transparent;   height: 7px;  width: 29px; }
a.menu1:hover { background-position: 0 -7px; outline:none}

a.menu2 { background: url("images/menu2.png") repeat scroll 0 0 transparent;   height: 7px;   width: 72px; }
a.menu2:hover { background-position: 0 -7px;}

a.menu3 { background: url("images/menu3.png") repeat scroll 0 0 transparent;   height: 7px;   width: 87px; }
a.menu3:hover { background-position: 0 -7px;}

a.menu4 { background: url("images/menu4.png") repeat scroll 0 0 transparent;   height: 11px;   width: 66px; }
a.menu4:hover { background-position: 0 -11px;}

a.menu5 { background: url("images/menu5.png") repeat scroll 0 0 transparent;   height: 9px;   width: 84px; }
a.menu5:hover { background-position: 0 -9px;}

a.menu6 { background: url("images/menu6.png") repeat scroll 0 0 transparent;   height: 7px;   width: 60px; }
a.menu6:hover { background-position: 0 -7px;}

a.menu7 { background: url("images/menu7.png") repeat scroll 0 0 transparent;   height: 7px;   width: 60px; }
a.menu7:hover { background-position: 0 -7px;}


a.menu11 { background: url("images/menu11.png") repeat scroll 0 0 transparent;   height: 9px;   width: 99px; }
a.menu11:hover { background-position: 0 -9px;}

a.menu12 { background: url("images/menu12.png") repeat scroll 0 0 transparent;   height: 9px;   width: 107px; }
a.menu12:hover { background-position: 0 -9px;}

a.menu13 { background: url("images/menu13.png") repeat scroll 0 0 transparent;   height: 10px;   width: 119px; }
a.menu13:hover { background-position: 0 -10px;}

a.menu131 { background: url("images/menu131.png") no-repeat scroll 0 0 transparent;   height: 10px;   width: 131px; }
a.menu131:hover { background-position: 0 -10px;}

a.menu132 { background: url("images/menu132.png") no-repeat scroll 0 0 transparent;   height: 9px;   width: 135px; }
a.menu132:hover { background-position: 0 -9px;}

a.menu133 { background: url("images/menu133.png") no-repeat scroll 0 0 transparent;   height: 10px;   width: 136px; }
a.menu133:hover { background-position: 0 -10px;}

a.menu134 { background: url("images/menu134.png") no-repeat scroll 0 0 transparent;   height: 10px;   width: 131px; }
a.menu134:hover { background-position: 0 -10px;}

a.banner_abarth_500 { display: block; float:left; background: url("images/banner_abarth_500.png") no-repeat scroll 0 0 transparent;   height: 152px;   width: 163px; }
a.banner_abarth_500:hover { background-position: 0 -152px;}

a.banner_abarth_500c { display: block; float:left; background: url("images/banner_abarth_500c.png") no-repeat scroll 0 0 transparent;   height: 152px;   width: 162px; }
a.banner_abarth_500c:hover { background-position: 0 -152px;}

a.banner1_1 { display: block; background: url("images/banner1_1.png") no-repeat scroll 0 0 transparent;   height: 127px;   width: 325px; }
a.banner1_1:hover { background-position: 0 -127px;}
a.banner1_2 { display: block; background: url("images/banner1_2.png") no-repeat scroll 0 0 transparent;   height: 25px;   width: 325px; }
a.banner1_2:hover { background-position: 0 -25px;}

a.banner2_1 { display: block; background: url("images/banner2_1.png") no-repeat scroll 0 0 transparent;   height: 127px;   width: 326px; }
a.banner2_1:hover { background-position: 0 -127px;}
a.banner2_2 { display: block; background: url("images/banner2_2.png") no-repeat scroll 0 0 transparent;   height: 25px;   width: 326px; }
a.banner2_2:hover { background-position: 0 -25px;}

a.a500_test_drive { display: block; margin-bottom:2px; background: url(images/a500_test_drive.png) no-repeat scroll 0 0 transparent;   height: 75px;   width: 326px; }
a.a500_test_drive:hover { background-position: 0 -75px;}

a.a500_buklet { display: block; margin-bottom:2px; background: url(images/a500_buklet.png) no-repeat scroll 0 0 transparent;   height: 75px;   width: 326px; }
a.a500_buklet:hover { background-position: 0 -75px;}

a.a500_conf { display: block; margin-bottom:2px; background: url(images/a500_conf.png) no-repeat scroll 0 0 transparent;   height: 75px;   width: 326px; }
a.a500_conf:hover { background-position: 0 -75px;}

a.a500_price { display: block; margin-bottom:2px; background: url(images/a500_price.png) no-repeat scroll 0 0 transparent;   height: 75px;   width: 326px; }
a.a500_price:hover { background-position: 0 -75px;}

a.a500_sertifikat { display: block; margin-bottom:2px; background: url(images/a500_sertifikat.png) no-repeat scroll 0 0 transparent;   height: 75px;   width: 326px; }
a.a500_sertifikat:hover { background-position: 0 -75px;}


a.abarth_price { display: block; margin-bottom:2px; background: url(images/abarth_price.png) no-repeat scroll 0 0 transparent;   height: 75px;   width: 326px; }
a.abarth_price:hover { background-position: 0 -75px;}


a.a500_other { display: block; margin-bottom:2px; background: url(images/a500_other.png) no-repeat scroll 0 0 transparent;   height: 152px;   width: 326px; }
a.a500_other:hover { background-position: 0 -152px;}

a.banner_other_500 { display: block; margin-bottom:2px; background: url(images/banner_other_500.png) no-repeat scroll 0 0 transparent;   height: 152px;   width: 326px; }
a.banner_other_500:hover { background-position: 0 -152px;}

a.banner_other_500c { display: block; margin-bottom:2px; background: url(images/banner_other_500c.png) no-repeat scroll 0 0 transparent;   height: 152px;   width: 326px; }
a.banner_other_500c:hover { background-position: 0 -152px;}

a.banner_other_500_assetto_corse { display: block; margin-bottom:2px; background: url(images/banner_other_500_assetto_corse.png) no-repeat scroll 0 0 transparent;   height: 152px;   width: 326px; }
a.banner_other_500_assetto_corse:hover { background-position: 0 -152px;}

a.banner_other_500_r3t_rally { display: block; margin-bottom:2px; background: url(images/banner_other_500_r3t_rally.png) no-repeat scroll 0 0 transparent;   height: 152px;   width: 326px; }
a.banner_other_500_r3t_rally:hover { background-position: 0 -152px;}

a.banner_other_595_competizione { display: block; margin-bottom:2px; background: url(images/banner_other_595_competizione.png) no-repeat scroll 0 0 transparent;   height: 152px;   width: 326px; }
a.banner_other_595_competizione:hover { background-position: 0 -152px;}

a.banner_other_595_turismo { display: block; margin-bottom:2px; background: url(images/banner_other_595_turismo.png) no-repeat scroll 0 0 transparent;   height: 152px;   width: 326px; }
a.banner_other_595_turismo:hover { background-position: 0 -152px;}

a.banner_accesories { display: block; margin-bottom:2px; background: url(images/banner_accesories.png) no-repeat scroll 0 0 transparent;   height: 152px;   width: 326px; }
a.banner_accesories:hover { background-position: 0 -152px;}

a.poisk_dilera { display: block; margin-bottom:2px; background: url(images/poisk_dilera.png) no-repeat scroll 0 0 transparent;   height: 31px;   width: 326px; }
a.poisk_dilera:hover { background-position: 0 -31px;}

a.configurator { display: block; margin-bottom:2px; background: url(images/configurator.png) no-repeat scroll 0 0 transparent;   height: 31px;   width: 326px; }
a.configurator:hover { background-position: 0 -31px;}

a.contacts_button_testdrive { display: block; margin-bottom:2px; background: url(images/contacts_button_testdrive.png) no-repeat scroll 0 0 transparent;   height: 31px;   width: 326px; }
a.contacts_button_testdrive:hover { background-position: 0 -31px;}

#footer a:link, #footer a:visited {
padding-left: 9px;
padding-right: 7px;
font-family:Arial;
font-size:10px;
color:#414141;
text-decoration:none;
}
#footer a:hover {
color:#FFCC00;
}

td.a500_col1 { text-transform:uppercase; padding-left:27px; font-size:9px; font-weight:normal; color:#999999; padding-top:8px;padding-bottom:8px;}
td.a500_col2 {text-transform:uppercase; line-height:200%; font-size:9px; font-weight:normal; padding-top:8px;padding-bottom:8px;}

a.buklet_white { font-size:9px; color:white; text-decoration:none }
a:hover.buklet_white { font-size:9px; color:white; text-decoration:none }

a.buklet_red { font-size:9px; color:red; text-decoration:none }
a:hover.buklet_red { font-size:9px; color:red; text-decoration:none }



.baner_lancia { 
	display:block; 
	width:78px; 
	height: 81px;
	background:url(/images/baner/baner_lancia.png) no-repeat 0 0;
	}	
	
.baner_lancia:hover { 
	background-position:0 -81px;;
	}		

.baner_alfa_romeo { 
	display:block; 
	width:81px; 
	height: 81px;
	background:url(/images/baner/baner_alfa_romeo.png) no-repeat 0 0;
	}		
.baner_alfa_romeo:hover { 
	background-position:0 -81px;;
	}

.baner_fiat { 
	display:block; 
	width:83px; 
	height: 83px;
	background:url(/images/baner/baner_fiat.png) no-repeat 0 0;
	}		
.baner_fiat:hover { 
	background-position:0 -83px;
	}


.baner_500_gucci { 
	display:block; 
	width:107px; 
	height: 75px;
	background:url(/images/baner/baner_500_gucci.png) no-repeat 0 0;
	}	
	
.baner_500_gucci:hover { 
	background-position:0 -75px;
	}	
	

.news-wrap a, .news-wrap a:visited{
	color:white;
	text-decoration:underline;
}

.news-wrap a:hover{
	text-decoration:none;
}	

.news-wrap img{
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
}





.model-main-foto img{
	display:block;
	border:0;
	outline:0;
}

.model-header{
	position:relative; 
	box-sizing:border-box;
	height:82px; 
	padding-top:15px; 
	padding-left:28px;
	background: url('images/h1_fon.png') no-repeat scroll 0 0 transparent;

}

.model-h1{
	display:block;
	box-sizing:border-box;
	width:409px;
	height:32px;
	
	background: url('images/main-header-fon.png') no-repeat scroll 0 0 transparent;
	
	margin:0;
	padding:0;
	padding-top:10px;
	padding-left:2px;
	

	font-family:'HeliosC-Bold', Verdana, Geneva, sans-serif; 
	#font-family:'HeliosBlackC', Georgia, serif; 
	
	font-weight:bold; 
	#text-shadow: red 0px 0px 1px; 
	color:#e01700; 
	font-size:18px; 
	text-transform:uppercase;	
	
}


.breadcrumbs{
	padding:6px 27px 6px 27px; 
	background-color:#181818; 
	font-size:9px; 
	font-weight:bold; 
	color:#999999;
	text-transform:uppercase;
}
.breadcrumbs a{
	color:#999999; 
	text-decoration:none;
}
.breadcrumbs span{
	color:#ffcc00;
}


.model-content{
	width:652px; 
	float:left; 
	color:white; 
	font-size:10px; 
	font-weight:normal; 
	line-height:170%; 
	background: url('images/a500_fon1.png') no-repeat scroll 0 0 transparent; 
	background-color:#141414;	
}

.model-content img{
	display:block;
}


.model-h2{
	position:relative;
	display:inline-block;
	font-family:'HeliosBlackC', Georgia, serif; 
	font-size:18px;
	font-weight:normal;
	line-height:1;
	text-transform:uppercase;
	color:white;
	margin:27px 0 0 0;
	padding:0 0 27px 0;
}
.model-h2:after{
	content:'';
	position:absolute;
	bottom:11px;
	right:-18px;
	width:22px;
	height:22px;
	background: url('images/icon-plus.png') no-repeat scroll 0 0 transparent; 
}

.model-content-text{
	padding:0 10px 0 25px;
}


.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
} 
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}


.left{
	float:left;
	width:300px;
}
.right{
	float:right;
	width:300px;
}

.model-content-text h3{
	margin-top:0;
}




.m25{
	margin:25px 0;
}