/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ul{ list-style:none; list-style-position:outside;}
a {  outline: none;}

/* Tell old browsers how to handle HTML5 elements */
header, footer, aside, nav, article {display: block;}

/* FONT FACE */
@font-face {
    font-family: 'ABARTHblackRegular';
    src: url('../fonts/abarth_black-webfont.eot');
    src: url('../fonts/abarth_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/abarth_black-webfont.woff') format('woff'),
         url('../fonts/abarth_black-webfont.ttf') format('truetype'),
         url('../fonts/abarth_black-webfont.svg#ABARTHblackRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ABARTHheavyRegular';
    src: url('../fonts/abarth_heavy-webfont.eot');
    src: url('../fonts/abarth_heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/abarth_heavy-webfont.woff') format('woff'),
         url('../fonts/abarth_heavy-webfont.ttf') format('truetype'),
         url('../fonts/abarth_heavy-webfont.svg#ABARTHheavyRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ABARTHlightRegular';
    src: url('../fonts/abarth_light-webfont.eot');
    src: url('../fonts/abarth_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/abarth_light-webfont.woff') format('woff'),
         url('../fonts/abarth_light-webfont.ttf') format('truetype'),
         url('../fonts/abarth_light-webfont.svg#ABARTHlightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Essentials */

body {
	color: #FFF;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background: url(../images/main_bg_repeat.jpg) #000 repeat center top;
}

p {
	line-height: 145%;
}

.abarthFontReg{ font-family: 'ABARTHlightRegular';}

.abarthFontHeavy{font-family: 'ABARTHheavyRegular'; }

.abarthFontLight{ font-family: 'ABARTHlightRegular';}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	/*font-weight: lighter; counteract strong browser anti-aliasing*/
	color:#FFF;
}
h1{
font-size: 170%;font-weight: normal;  text-transform:uppercase;margin-bottom:10px; font-family: 'ABARTHlightRegular';}
h2{
font-size: 130%;margin-bottom:10px;font-family: 'ABARTHlightRegular';}
h3{
font-size: 120%;margin-bottom:8px;margin-top:8px;font-family: 'ABARTHlightRegular';}
h4{
font-size: 110%;margin-bottom:5px;margin-top:5px;}

h5{
font-size: 110%; text-align:right;margin-top:30px;}

.red{color: #FF0000;}

a:link, a:visited {
    color: #FFFFFF;
	text-decoration: none;
}
/* ---------- IMMAGINE HOMEPAGE ---------- */
.sidebar a,.sfondo_makeit .main_img_btn{
	color: #FFFFFF;
}

.main_img_btn.lang_IT{
	background: url(../images/img_home_01_it.jpg) no-repeat;
}
.main_img_btn.lang_FR{
	background: url(../images/img_home_01_fr.jpg) no-repeat;
}
.main_img_btn.lang_CH{
	background: url(../images/img_home_01_ch.jpg) no-repeat;
}
.main_img_btn.lang_DE{
	background: url(../images/img_home_01_de.jpg) no-repeat;
}
.main_img_btn.lang_NL{
	background: url(../images/img_home_01_nl.jpg) no-repeat;
}

article a:hover,footer a:hover{
	text-decoration:underline;
}

article.feature_text a:hover{
	text-decoration:none;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
}




/*Social Menu*/

.btn_facebook{
	background:url('../images/icon_facebook.jpg') repeat-y center top;
	text-indent:-9999px;
	height:30px;
	width:30px;
	display:block;
	float:left;	
	margin-left:5px;
}

/* Main Feature */
.wrapper_maincontet{
	width:1000px;
}
.main_content{
	float:left;
	width:860px;
    /*height:920px;*/
    padding:0 50px 0 50px;
} 

article.main_display {
	display: block;
	float: right;
	position: relative;
	width: 450px;
	height: 397px;
	margin: 70px 0;
	background: url('../images/feature_display.png') no-repeat;
}


article.main_display img {
	position: absolute;
	top: 23px;
	left: 19px;
}

article.banner_new {
	position: absolute;
	left: -6px;
	top: -6px;
	background: url('../images/feature_banner.png') no-repeat;
	width: 103px;
	height: 103px;
}

article.banner_new p {
	text-indent: -5000px;
}

article.main_display .display_gloss {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 269px;
	height: 283px;
	background: url('../images/display_gloss.png') no-repeat;
}

ul {
    margin-left: 30px;
    margin-top: 10px;
}
ul li {
    list-style-position: outside;
    list-style-type: disc;
    padding: 3px 0;
}
ol {
    margin-left: 30px;
    margin-top: 10px;
}
ol li {
    padding: 3px 0;
}

/*LOGO TOP*/
.logo_makeit{
    display:block;
    width:767px;
    height: 196px;
    margin:0 auto;
    margin-top: 40px;
}
/*LANGUAGE*/
.language_makeit{
    background-color: #000;
    width:172px;
    height:31px;
    margin-left: 419px;
    padding-left:2px;
}
.language_makeit img{
    margin-top:5px;
    padding-left:3px;
}


/*CONTAINER*/
.sfondo_makeit{
   background-color: rgba(0,0,0,1);
   float: left;
   width: 560px;
   min-height: 565px;
   padding: 0 10px;
    /*width:854px;*/
   /* padding-left:30px;
   
    padding-right:30px;*/
}

.sfondo_makeit.homepage{
	padding: 0;
	   width: 580px;

	
}
.feedback_banner_makeit {
	background: url(../images/website/layer_video.png) no-repeat;
	height:133px;
	margin-top:20px;
}

.container_makeit,.sidebar{
	float: left;
}

.container_makeit{
	width: 600px;
}
/*CONTAINER FORM*/
.form_makeit{
    padding-top:10px;
}
.form_register{
    font-size:14px;
    margin-top:10px;
}
.feedback_makeit{
/*	background:url(../images/website/bandiera.png) top right no-repeat;*/
    min-height:455px; 
	padding-top:10px;
}
.feedback_makeit img{
	padding-top:0px;
}
.feedback_txt{
	padding-right:10px;
}
.informativa{
    font-size:12px;
}
#msg_warning{
    width:100%;
    text-align:center;
    font-weight:bold;
    color:#DF0613;
    font-size:14px;
    clear: both;
    text-transform: uppercase;
}
#BTN_REGISTER{
     background:url(../images/website/btn_register.png) no-repeat; 
     border:0px solid; 
     color:#FFF; 
     font-weight:bold; 
     padding-bottom:4px; 
     padding-right:20px;
     width:233px;
     height:25px;
     text-align: right;
     cursor:pointer;
}
#BTN_FACEBOOK_CONNECT{
     background:url(../images/website/btn_fb_connect.png) no-repeat; 
     border:0px solid; 
     width:107px;
     height:25px;
     cursor:pointer;
}
.form_register td{
    padding:4px;
    vertical-align:top;
    padding-bottom:6px;
}

.video_makeit{
    margin-left:50px;
    width:730px;
}
.privacy_makeit{
    padding-top:10px;
}
.title_privacy{
    width:80%;
    float:left;
}
.txt_privacy{
    float:left;
    overflow:auto;
    width:786px;
    height:328px;
    padding-right:11px;
}
.btn_chiudi{
    position:absolute;
    width:24px;
    height:24px;
    margin-left:775px;
}
.video_makeit .btn_chiudi{
    margin-left:700px!important;
}
/*FOOTER*/
.abarth{clear: right}
.abarth,.abarth_home{
    background: url(../images/website/abarth.png) no-repeat;
    width:221px;
    height:61px;
    float:right;
    /*margin-left: 640px;*/
    margin: 15px 0 15px 0px;
}

.abarth_home{    margin: 15px 20px 15px 0px;
}
.container_fb_connect{
    width: 110px;
    float:right;
    margin-top:10px;
    margin-right:5px;
}
.skip_video{
    margin: 0 auto;
    width:400px;
    text-align:center;
    padding-top:15px;
    font-size:20px;
    font-weight:bold;
}
.skip_video a{
    color:#FFF;
}


/* ---------- MAIN PAGE FASE 2 ---------- */

/* ---------- SIDEBAR ---------- */

.sidebar{
	width: 248px; margin-right: 10px;
	background-color: rgba(0,0,0,1);
	margin-top: 30px;
}


.btn_mainpage{
float: left;
	width: 191px;
	height: 22px;
	padding-top: 55px;
	padding-left: 55px;
	padding-bottom: 4px;
}

.btn_mainpage,.main_img_btn{	
	font-size: 14px;
}

.btn_01{background:url(../images/abarth_btn_01.jpg) no-repeat left top;}
.btn_02{background:url(../images/abarth_btn_02.jpg) no-repeat left top;}
.btn_03{background:url(../images/abarth_btn_03.jpg) no-repeat left top;}
.btn_04{background:url(../images/abarth_btn_04.jpg) no-repeat left top;}
.btn_05{background:url(../images/abarth_btn_05.jpg) no-repeat left top;}
.btn_06{background:url(../images/abarth_btn_06.jpg) no-repeat left top;}
.btn_07{background:url(../images/abarth_btn_07.jpg) no-repeat left top;}
.btn_08{background:url(../images/abarth_btn_08.jpg) no-repeat left top;}

/* ---------- Main IMAGE ---------- */

.main_img_btn{
	float: left;
	width: 315px;
	height: 205px;
	font-size: 13px;
	padding-top: 345px;
	padding-left: 255px;
	padding-right: 10px;
	background: url(../images/img_home_01.jpg) no-repeat left top;
}

/* ---------- HEADER VARIOUS ---------- */
.selezione{background:url(../images/header_selezione.png) no-repeat left top;}
.partecipa,.register,.register2,.feedback,.video,.condizioni,.regolamento,.winner{ background: url(../images/header_home.png) no-repeat left top;}
.talent{background: url(../images/header_talent.png) no-repeat left top}
.camp{background: url(../images/header_camp.png) no-repeat left top}
.vote{ background: url(../images/header_vote.png) no-repeat left top;}
/* ---------- HEADER VARIOUS LINGUA ---------- */
.selezione_IT{background:url(../images/header_selezione_IT.png) no-repeat left top;}
.partecipa_IT,.register_IT,.register2_IT,.feedback_IT,.video_IT,.condizioni_IT,.regolamento_IT{ background: url(../images/header_home_IT.png) no-repeat left top;}
.talent_IT{background: url(../images/header_talent_IT.png) no-repeat left top}
.camp_IT{background: url(../images/header_camp_IT.png) no-repeat left top}
.vote_IT{ background: url(../images/header_vote_IT.png) no-repeat left top;}

.selezione_EN{background:url(../images/header_selezione_EN.png) no-repeat left top;}
.partecipa_EN,.register_EN,.register2_EN,.feedback_EN,.video_EN,.condizioni_EN,.regolamento_EN{ background: url(../images/header_home_EN.png) no-repeat left top;}
.talent_EN{background: url(../images/header_talent_EN.png) no-repeat left top}
.camp_EN{background: url(../images/header_camp_EN.png) no-repeat left top}
.vote_EN{ background: url(../images/header_vote_EN.png) no-repeat left top;}

.selezione_FR{background:url(../images/header_selezione_FR.png) no-repeat left top;}
.partecipa_FR,.register_FR,.register2_FR,.feedback_FR,.video_FR,.condizioni_FR,.regolamento_FR{ background: url(../images/header_home_FR.png) no-repeat left top;}
.talent_FR{background: url(../images/header_talent_FR.png) no-repeat left top}
.camp_FR{background: url(../images/header_camp_FR.png) no-repeat left top}
.vote_FR{ background: url(../images/header_vote_FR.png) no-repeat left top;}

.selezione_DE{background:url(../images/header_selezione_DE.png) no-repeat left top;}
.partecipa_DE,.register_DE,.register2_DE,.feedback_DE,.video_DE,.condizioni_DE,.regolamento_DE{ background: url(../images/header_home_DE.png) no-repeat left top;}
.talent_DE{background: url(../images/header_talent_DE.png) no-repeat left top}
.camp_DE{background: url(../images/header_camp_DE.png) no-repeat left top}
.vote_DE{ background: url(../images/header_vote_DE.png) no-repeat left top;}

.selezione_CH{background:url(../images/header_selezione_CH.png) no-repeat left top;}
.partecipa_CH,.register_CH,.register2_CH,.feedback_CH,.video_CH,.condizioni_CH,.regolamento_CH{ background: url(../images/header_home_CH.png) no-repeat left top;}
.talent_CH{background: url(../images/header_talent_CH.png) no-repeat left top}
.camp_CH{background: url(../images/header_camp_CH.png) no-repeat left top}
.vote_CH{ background: url(../images/header_vote_CH.png) no-repeat left top;}

.selezione_NL{background:url(../images/header_selezione_NL.png) no-repeat left top;}
.partecipa_NL,.register_NL,.register2_NL,.feedback_NL,.video_NL,.condizioni_NL,.regolamento_NL{ background: url(../images/header_home_NL.png) no-repeat left top;}
.talent_NL{background: url(../images/header_talent_NL.png) no-repeat left top}
.camp_NL{background: url(../images/header_camp_NL.png) no-repeat left top}
.vote_NL{ background: url(../images/header_vote_NL.png) no-repeat left top;}
/* ---------- Main image texts ---------- */

span#home_title_1{
	    font-family: 'ABARTHheavyRegular';

}

.img_talent_right{
	margin:5px;
}
span#home_title_3{
	font-weight: bold;
}

/* ---------- REGISTRATION BUTTONS ---------- */
.tbl_register2{
	margin:25px 0;
}


.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#000000 0%,
		#5a5a59 50%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#000000),
		color-stop(0.50, #5a5a59),
		to(#000000));
	border-radius: 3px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a5a59', endColorstr='#000000');

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 3px solid #780303;
	display: block;
    text-align:center;
}

/* ---------- form register ---------- */

.form_register label{text-transform: uppercase;}

.abarth_textarea{
font-size: 16px; color: #666666;}

.talent_img,.camp_img{margin-left:-10px;margin-bottom: -10px;}

.select_timeline{ float:left;width: 560px;padding:  10px 5px; background-color: #780303;margin-bottom: 20px;}

.select_timeline ul{margin-left: 10px;}

.orizz_timeline{ margin-top:0; float: left; width: 100%;  }

.orizz_timeline li{ font-family: 'ABARTHblackRegular'; float:left;list-style: none; list-style-type: none; margin: 0 2px;padding: 13px 47px 13px 5px; background:url(../images/img_selezione.png) no-repeat;}

.orizz_timeline li a { cursor:pointer;}
.rigaTornasu{height:10px; width:100%;}
.TOP_SELEZIONE{ background:url(../images/arrow_up.png) no-repeat right top; cursor: pointer; text-indent: -9999px; display: block; width: 24px;height: 15px;}


input#BTN_CHECK{
	background-color: #AF0011;
	color:#FFFFFF;
	border: 0;
	font-size: 14px;
}
.BTN_CHECK_DISABLED{
	background-color: #ECECEC!important;
    color:#000!important;
}
/* ---------- up markup ---------- */

.rigaTornasu{
	margin:5px 0;
	width:30px; float: right;
}


/* ---------- IMAGES CONTENT BOTTOM ---------- */

.form_makeit_bottom{
	display: block;
	float: left;	
}


/* ---------- REGOLAMENTO PAGE ---------- */

#MAKEIT_REGOLAMENTO,#MAKEIT_CONDIZIONI{padding: 0 10px;}


#MAKEIT_SELEZIONE img{
	margin-left:-10px;
}


/* ---------- bottome decoration ---------- */

.bottom_decoration{
	width: 493px;
	height: 157px;
	position: absolute;
	margin-left: -50px;
	top: 841px;
	background: url(../images/img_decorationBottom.png) no-repeat;
	z-index: -10;
}

.txt_overflow{
    float:left;
    overflow:auto;
    width:539px;
    height:435px;
    padding-right:11px;
}
#overlayCH,#overlayNL{
    text-align:center;
    position:absolute;
    padding:10px;
    background-color: #000;
    color:#FFF;
    margin-left:420px;
    margin-top:0px;
    width:150px;
}
#overlayCH a,#overlayNL a{
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #FFF;
    margin-left: 2px;
    color:#000;
    background-color:#FFF;
}

/* ---------- fase 3 ---------- */

.vote_img_btn{
	float: left;
	width: 581px;
	height: 554px;
	background: url(../images/vota-intro_IT.jpg) no-repeat left top;
}

.vote_img_btn.lang_IT{background: url(../images/vota-intro_IT.jpg) no-repeat;}

div.videogallery{
    width: 600px;
}
div.gallery_image img{
    border: 1px solid #534f4d;
}
div.gallery_row {
    border-bottom: 1px dotted #534f4d;
    display: block;
    float: left;
    margin: 5px 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    width: 560px;
}
div.gallery_row div.gallery_item {
    display: block;
    float: left;
    height: 150px;
    width: 33%;
}
div.gallery_text p.name{
    margin-top:2px;
    margin-bottom:2px;
}
div.gallery_text p.name{
    white-space:nowrap;
    font-size:11px;
}
table#product-table{
    /*border: 1px dotted #534f4d;*/
}
table#product-table th,table#product-table td{
   padding:0!important;
   margin:0!important;
}
h1.title_vote{
    /*font-weight: bold;*/
}
.vote_back{
    padding-top:5px;
    display:block;
}
h2.videoname{
    /*font-size:18px;*/
}
.paginatore{
    float:left;
    width:560px;
    text-align:center;
}
.paginatore .btnpaginatore{
    padding:5px;
    border: 1px dotted #534f4d; 
    font-size:16px;  
    color:#FFF!important;
    background-color: #000!important; 
    margin-right:5px;
    margin-left:5px;
}
.paginatore a.pagenav{
    padding:5px;
    border: 1px dotted #534f4d; 
    font-size:14px;  
}
.paginatore span.pagenav{
    padding:5px;
    border: 1px dotted #534f4d; 
    font-size:14px;
    color:#000;
    background-color: #FFF;  
}
div.videobox{
    background-color: #313131;
    padding-left:20px;
    padding-top:10px;
    /*padding-bottom:2px;*/
    margin-bottom:10px;
    height:410px;
}
div.videoabout{
    background-color: #313131;
    padding:5px;
    margin-bottom:10px;
    font-size:14px;
}


div.videoaction{
    padding-left:5px;
    width:555px;
    display:block;
    float:left;
    padding-bottom:5px;
}
div.videosharelink{
    background-color: #FFF;
    padding:15px;
    display:block;
    float:left;
    width:530px;
}




div.videosharelink input{
    background-color: #d3d4d5;
    padding:5px;
    width:300px;
}
div.container_btnvota{
    margin-left:0px;
    text-align:center;
    float:left;
}
div.container_punteggio{
    float:left;
    text-align:center;
    font-size:22px;
    margin-left:3px;
    height:36px;
    padding-top:15px;
    width:70px;
}
div.container_fblike{
    margin-left:5px;
    float:left;
    margin-top: 15px;
}
div.container_btncondividi{
    margin-left:0px;
    text-align:center;
    float:left;
}
a.btn_condividi{
    background: url(../images/btn_condividi.png) no-repeat;
    width:114px;
    height:33px;
    display:block;
    padding-top:18px;
    font-size:14px;
    color:#3858a1;
    padding-left:14px;
    text-align:left;
}
a.btn_votavideo{
    background: url(../images/btn_vota.png) no-repeat;
    width:114px;
    height:36px;
    display:block;
    padding-top:15px;
    font-size:20px;
    color:#FFF;
    padding-left:5px;
}
a.btn_votavideo_off{
    background: url(../images/btn_vota_off.png) no-repeat;
    width:114px;
    height:36px;
    display:block;
    padding-top:15px;
    font-size:20px;
    color:#666;
    padding-left:5px;
}



.gallery_image {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
} 
.gallery_image img {
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}
.gallery_image span {
    font-family: 'ABARTHlightRegular';
    float: left;
    margin: 0;
    padding-right: 10px;
    font-size:24px;
    text-align:right;
    width: 155px;
    padding-top:2px;
    padding-bottom:2px;
    /*color: #AF0011;*/     
     color: #FFF;
    background: #222; /* browser che non supportano rgba */
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight:bold;
}
.gallery_image span i{
    font-size:18px;
    font-style: normal;
    font-weight:normal;
}
.gallery_image span {
    display: none;
}
.gallery_image:hover span { display: block; }

.abarth_winner{
    background: url(../images/winner_IT.jpg) no-repeat;
    width:386px;
    height:341px;
    padding-top:220px;
    padding-left:195px;
}
.winner_list td{
    font-family: 'ABARTHlightRegular';
    font-size:14px; 
    font-weight:bold;   
    padding:5px;
}