/* GENERALE  */
html, body { margin:0px; background:#eeeeee; color:#666666; font-size:14px; font-family:Arial, sans-serif; }
html { overflow-y: scroll; }

h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; display:block; }
ul, li 	{ float:left; position:relative; margin:0px; padding:0px; list-style:none; }
p 	{ margin:0px; padding:5px 0px; }
a 	{ text-decoration:none; }
img { float:left; display:inline; }

#contenitore { width:1000px; margin:0px auto;  }
#center { width:980px; float:left; position:relative; padding:0px 10px; background:url(../images/bg_all.png) repeat-y; }

/* COLOR: CYAN 00aeef - ORANGE ff6600 - RED cc0000 - YELLOW ffcc00*/
.color 		{ color:#ebbc00; }
.bg_color 	{ background-color:#ebbc00; }

.article p a:hover, .article a:hover, .box_centro a:hover, #paging b, #footer a:hover, .box_mini a { color:#ebbc00; }
.article p a, p a:hover, .box_mini a:hover, a.btn_pdf:hover { color:#000000; }
form .error_highlight 	{ border: 1px #ebbc00 solid; }

.hidden { display:none; }

/* HEADER */
#header 	{ width:100%; float:left; position:relative; }
#header_top { width:100%; height:40px; float:left; position:relative; background:#ececec url(../images/bg_testata.png) repeat-x; }
	#header p 			{ float:left; position:relative; font-size:12px; color:#999999; line-height:40px; padding:0px 10px;  }
	#header p.testo_top { width:50%; color:#999999; text-align:left; }
	#header p.data_top  { width:35%; color:#666666; text-align:right; }

	.ul_social 			{ width:105px; height:40px; padding:5px 0px; float:right; position:relative; right:12px; }
	.ul_social a 		{ width:30px; height:30px; float:left; position:relative; cursor:pointer; margin-left:5px; background:url(../images/sprite_social.jpg); }
	.ul_social span 	{ width:100%; height:30px; display:none; position:absolute; top:0px; left:0px; background:url(../images/sprite_social.jpg); }
		.ul_social a.btn_tw 		{ background-position:0px 0px; }
		.ul_social a.btn_tw span 	{ background-position:0px -30px; }
		.ul_social a.btn_fb 		{ background-position:-30px 0px; }
		.ul_social a.btn_fb span 	{ background-position:-30px -30px; }	
		.ul_social a.btn_yt 		{ background-position:-60px 0px; }
		.ul_social a.btn_yt span 	{ background-position:-60px -30px; }	

	.ul_menu 	{ float:left; position:relative; left:2px; padding:10px 0px; }
	.ul_menu a 		{ width:130px; height:130px; float:left; position:relative; margin-left:8px; background:url(../images/sprite_testata.png); }
	.ul_menu span 	{ width:100%; height:130px; position:absolute; left:0px; top:0px; display:none; background:url(../images/sprite_testata.png); }
		.ul_menu a.btn_logo 		{ background-position:left top; width:268px; }
		.ul_menu a.btn_cronaca 		{ background-position:-268px top; }
		.ul_menu a.btn_attualita 	{ background-position:-398px top; }
		.ul_menu a.btn_politica 	{ background-position:-528px top; }
		.ul_menu a.btn_sport 		{ background-position:-658px top; }
		.ul_menu a.btn_spettacolo 	{ background-position:-788px top; }

		.ul_menu a.btn_logo span		{ background-position:left bottom; }
		.ul_menu a.btn_cronaca span 	{ background-position:-268px bottom; }
		.ul_menu a.btn_attualita span	{ background-position:-398px bottom; }
		.ul_menu a.btn_politica span	{ background-position:-528px bottom; }
		.ul_menu a.btn_sport span		{ background-position:-658px bottom; }
		.ul_menu a.btn_spettacolo span 	{ background-position:-788px bottom; }
		
/* BOX */		
#box 		{ width:100%; padding:10px 0px; float:left; position:relative; background:#e2e3e4 url(../images/bg_box.png) top center repeat-x; }
	.box_six { width:230px; float:left; position:relative; padding:5px; left:10px; background-color:#FFFFFF; }
		.box_six_thumb 				{ width:228px; height:90px; float:left; position:relative; border:#666666 1px solid; margin-bottom:6px; font-size:11px; font-weight:bold; text-transform:uppercase; }
		.box_six_thumb span 		{ width:218px; float:left; position:relative; line-height:20px; color:#FFFFFF; padding:0px 5px; }
		.box_six_thumb a			{ display:block; }
		.box_six_thumb a:hover span	{ background:#333333; }
		.box_six_thumb img 			{ width:228px; height:70px; float:left; position:relative; border:0px; }
	
	.box_centro { width:450px; height:386px; float:left; position:relative; padding:5px; left:20px; background:#ffffff; }
		.box_centro_thumb h2 a 	{ display:block; font-size:26px; color:#333333; line-height:30px; text-transform:uppercase; }
		.box_centro_thumb h3 a 	{ display:block; font-size:20px; color:#777777; line-height:26px; }
		.box_centro_thumb p a, .box_centro_thumb p a:visited { color:#000000;}
		.box_centro_thumb img 	{ display:inline; border:#666666 1px solid; margin-bottom:5px; }	
		
	.box_dex { width:230px; float:right; position:relative; padding:5px; right:10px; background-color:#ffffff; }
		.box_dex_thumb { width:228px; height:188px; float:left; position:relative; margin-bottom:6px; border:#666666 1px solid; }
		
	.box_dex .btn_gen			{ width:114px; height:20px; float:left; position:relative; cursor:pointer; }
	.box_dex .btn_gen span		{ display:none; }
		.box_dex .btn_video 	{ background:url(../images/sprite_testata.png) -920px -170px; }
		.box_dex .btn_video_off	{ background:url(../images/sprite_testata.png) -1034px -170px; }
		.box_dex .btn_foto 		{ background:url(../images/sprite_testata.png) -920px -190px; float:right }
		.box_dex .btn_foto_off	{ background:url(../images/sprite_testata.png) -1034px -190px; }
	
		.box_dex #spot			{ width:228px; height:168px; float:left; position:relative; }
		.box_dex span 			{ width:218px; height:20px; float:left; position:relative; line-height:20px; color:#FFFFFF; padding:0px 5px; font-size:11px; font-weight:bold; text-transform:uppercase;  }
		.box_dex a				{ display:block; }
		.box_dex a:hover span	{ background:#333333; }
		.box_dex #spot_video	{ width:100%; height:168px; float:left; position:relative; }
		.box_dex #spot_foto		{ width:100%; height:168px; float:left; position:relative; display:none; }

/* CONTENT */		
#content { width:960px; float:left; padding:10px; }

#six { width:710px; float:left; position:relative; text-align:justify; }
	#six h5 { font-size:20px; line-height:30px; }
	#six h6	{ font-size:18px; color:#333333; }
	#six p 	{ display:block; line-height:16px; padding:5px 0px; }
	
#dex { width:230px; float:right; position:relative; padding:5px; background:#eeeeee; }
	.dex_thumb 	{ width:228px; float:left; position:relative; border:1px solid #666666; }

.titolo_gen { width:100%; height:30px; float:left; position:relative; margin-bottom:10px; background:#e2e3e4 url(../images/bg_testata.png) top center repeat-x; font-weight:bold; }
.titolo_gen span { width:20px; height:20px; float:left; position:relative; left:5px; top:5px; margin-right:20px; }
.titolo_gen h2 { line-height:30px; color:#333333; text-transform:uppercase;  }

/* ARTICLE */
.article { width:100%; float:left; position:relative; padding:5px 0px 10px; }
.article h3, .article h4 		{ padding:0px 0px 5px 0px; margin:0px; text-align:left; }
	.article h3, .article h3 a	{ color:#333333; font-size:20px; text-transform:uppercase; }
	.article h4, .article h4 a	{ color:#777777; font-size:16px; }

.article p 		{ text-align:justify; padding:0px; }
.article img 	{ float:left; display:inline; margin:0px 10px 0px 0px; border:1px solid #666666; }
.article a.pdf 	{ line-height:40px; display:block; padding:0px 0px 0px 40px; background:url(../images/ico_acro.jpg) no-repeat center left; } 

.mini 	{ width:350px; height:80px; float:left; position:relative; }
.mini p { text-align:left; }
	.mini h3, .mini h3 a { font-size:14px; color:#535353; padding:0px; }
	
.share { width:100%; line-height:30px; float:left; position:relative; border-bottom:1px solid #dedede; }

/* ALBUM */
.album_strip 	{ width:690px; float:left; position:relative; padding:10px; background:#eeeeee; margin:5px 0px 20px; }
.album_item 	{ float:left; position:relative; padding:6px; }
.album_item img	{ border:1px solid #666666; margin:0px; }
	
/* VIDEO */
.video_item { width:100%; float:left; position:relative; display:inline-block; text-align:center; padding:5px 0px 20px; }

/* ARCHIVIO */
.archive 	{ width:100%; padding-top:5px; text-align:left; }
.archive li { width:350px; margin-bottom:5px; }

.archive a 			{ width:340px; padding:5px; float:left; position:relative; cursor:pointer; }
.archive a:hover 	{ background:#eeeeee; }
.archive img		{ border:1px solid #666666; margin-right:5px; }

.archive_title  	{ display:block; font-size:14px; color:#333333; text-transform:uppercase; font-weight:bold; }
.archive_subtitle	{ display:block; font-size:13px; color:#666666; }
.archive_evidence 	{ background-color:#e5e5e5; }

/* PAGINAZIONE */
#paging { width:690px; line-height:30px; padding:5px 10px; float:left; position:relative; background:#eeeeee url(../images/bg_testata.png) repeat-x; text-transform:uppercase; font-weight:bold; font-size:15px; }
#paging a, #paging div, #paging p, #paging input { margin:0px; padding:0px; float:left; position:relative; line-height:30px; }

#paging a.pag_back { color:#666666; }
#paging a.pag_next { color:#666666; text-align:right; float:right; }

#paging div.pag_back_off { color:#D4D4D4; }
#paging div.pag_next_off { color:#D4D4D4; text-align:right; float:right; }

#paging #pag_center { width:80%; }
#paging p			{ width:50%; text-align:right; }
#paging input 		{ width:30px; height:28px; padding:0px 5px; margin:0px 10px; text-align:center; border:1px solid #666666; }
#paging a.pag_vai	{ color:#666666; }
#paging a:hover		{ color:#000000; }

/* REDAZIONE E INFO */
.box_mini 	{ width:340px; float:left; position:relative; padding:7px; text-align:left; }
a.btn_qrcode 	{ height:50px; line-height:50px; padding: 0px; margin: 0px; text-indent: 60px; width: 260px; float:left; position:relative; background:url(../images/occhioche_qrcode.png) no-repeat left center; }
a.btn_vcard 	{ height:50px; line-height:50px; padding: 0px; margin: 0px; text-indent: 60px; width: 260px; float:left; position:relative; background:url(../images/occhioche_vcard.png) no-repeat left center; }

.dl_reda 		{ float:left; font-weight:bold; width: 100%; }
.dl_reda span 	{ width:10px; height:10px; line-height: 10px; font-size: 0px; display: block; float:left; position:relative; background:#333333; left:10px; top:5px; margin-right:20px; }
.dl_reda dt 	{ width:100%; font-size:18px; line-height:20px; padding:5px 0px; margin:10px 0px; float:left; }
	.dl_reda dt a 		{ color:#FFFFFF; }
	.dl_reda dt a:hover { color:#333333; }
.dl_reda dd 	{ font-size:16px; float:left; margin-bottom:20px; }

/* CONTATTI */
form 			{ width:660px; float:left; position:relative; border:5px solid #eeeeee; padding:20px 20px 0px; }
form * 			{ float:left; position:relative; margin:0px; padding:0px; }
form fieldset 	{ width:100%; margin:0px 0px 22px 0px; border:0px; }
form label 		{ padding:5px; font-weight:bold; }
form input, form textarea	{ width:96%; height:25px; line-height:25px; padding:0px 5px; color:#666666; border:1px solid #dedede; font-size: 14px; font-family: Calibri, Arial, sans-serif; }
form textarea 				{ width:650px; height:100px; line-height:18px; overflow:auto; }
form input:focus, textarea:focus { border:1px solid #999999; outline:none; }

form button 			{ width:90px; height:30px; float:right; clear:both; bottom:0px; cursor:pointer; border:0px; background:url(../images/sprite_testata.png) -920px -110px; }
form button span 		{ display:none; }
form .error_box 		{ width:100%; position:absolute; clear:both; left:0px; bottom:-16px; font-size:11px; color:#4c4c4c; text-align:right; }

.messaggio_inviato { width:695px; height:200px; float:left; position:relative; border:5px solid #dedede; padding:20px; }

/* FOOTER */
#footer			{ width:100%; height:150px; float:left; position:relative; padding-top:40px; font-weight:bold; background:url(../images/bg_footer.png) repeat-x top; }
#footer ul 		{ width:240px; float:left; position:relative; border-left:1px solid #e2e3e4; padding:10px 20px; font-size:14px; }
#footer li 		{ width:100%; float:left; position:relative; line-height:20px;  }
#footer a 		{ color:#666666; }
#footer a.btn_logo { width:250px; height:90px; float:left; position:relative; margin:0px 20px; top:20px; background:url(../images/sprite_testata.png) -920px top; }

/* ULTIMO NUMERO */
.strip_magazine 		{ width:100%; float:left; position:relative; padding:0px 0px 5px; border-bottom:1px solid #dedede; }
.strip_magazine h3, .strip_magazine h4 	{ padding:0px 0px 5px 0px; margin:0px; text-align:left; display:block; }
	.strip_magazine h3 	{ color:#333333; font-size:20px; text-transform:uppercase; }
	.strip_magazine h4	{ color:#777777; font-size:16px; }

.strip_magazine_img 	{ display:inline; float:left; padding:0px 10px 0px 0px;  }
.strip_magazine_img img { border:1px solid #666666; margin:0px 5px 0px 0px;  }

a.btn_pdf 	{ line-height:70px; padding-left:45px; float:left; position:relative; display:block; background:url(../images/ico_pdf.png) no-repeat left center; }
