/* RESET stili DRONE */ 
@charset "UTF-8"; /* CSS Document www.quaz-art.it */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	}

h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a {text-decoration:none;}
a img {border:none;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content none;
	}
	
table {
	border-collapse:collapse;
	border-spacing:0;
	}

/* HTML5 display-role reset per vecchi browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}

/* Scorciatoie */	
.t_right{text-align:right!important;}
.t_center {text-align:center!important;}
.t_left {text-align:left!important;}
.f_left {float:left!important;}
.f_right {float:right!important;}
.f_none {float:none!important;}
.clearfix{clear:both;}
.transparent {background-color:transparent!important;}
.pointer {cursor:pointer;}
.centra {
	position:relative;
	width:960px;
	margin:0 auto;
	overflow:hidden;
	}
	
.dnoneH0 {
	display:block;
	height:0;
	overflow:hidden;
	}	
	
.dnone {display:none!important;}
.p_relative {position:relative!important;}
.p_absolute {position:absolute!important;}
.p_fixed {position:fixed!important;}
.z999 {z-index:999!important;}

.pad1 {padding:1px;}
.pad2 {padding:2px;}
.pad3 {padding:3px;}
.pad4 {padding:4px;}
.pad5 {padding:5px;}
.pad6 {padding:6px;}
.pad7 {padding:7px;}
.pad8 {padding:8px;}
.pad9 {padding:9px;}
.pad10 {padding:10px;}
/* ... */
.pad15 {padding:15px;}
.pad20 {padding:20px;}
.pad25 {padding:25px;}
.pad30 {padding:30px;}

.mTop0 {margin-top:0!important;}
.mLeft0 {margin-left:0!important;}
.mRight0 {margin-right:0!important;}
.mBottom0 {margin-bottom:0!important;}

.h1 {height:1px!important;}
.h2 {height:2px!important;}
.h3 {height:3px!important;}
.h4 {height:4px!important;}
.h5 {height:5px!important;}
.h10 {height:10px!important;}
.h15 {height:15px!important;}
.h20 {height:20px!important;}
.h25 {height:25px!important;}
.h30 {height:30px!important;}
.h35 {height:35px!important;}
.h40 {height:40px!important;}
.h45 {height:45px!important;}
.h50 {height:50px!important;}
/* ... */
.h60 {height:60px!important;}
.h70 {height:70px;}
.h80 {height:80px;}
.h90 {height:90px;}
.h100 {height:100px;}
/* ... */
.h150 {height:150px!important;}
.h200 {height:200px!important;}

.w10 {width:10px!important;}
.w20 {width:20px!important;}
.w30 {width:30px!important;}
.w40 {width:40px!important;}
.w50 {width:50px!important;}
.w150 {width:150px!important;}
.w155 {width:155px!important;}
.w160 {width:160px!important;}
.w180 {width:180px!important;}

.w200 {width:200px!important;}
.w240 {width:240px!important;}
.w250 {width:250px!important;}
.w260 {width:260px!important;}
.w360 {width:360px!important;}
.w130 {width:130px!important;}

.w923 {width:923px!important;}
.w914 {width:914px!important;}
.w660 {width:612px!important;}
.w450 {width:450px!important;}

.w250 {width:250px!important;}
.w390 {width:390px!important;}
.red {color:red;}

.box1x1 {
	margin:0;
	padding:0;
	border:0;
	width:1px;
	height:1px;
	overflow:hidden;
	}

.separatore100 {
	width:100%;
	background-color:#CCC;
	border-bottom:1px solid #FFF;
	height:1px;
	margin:15px 0;
	}

.colorRed{color:red!important;}
.colorGreen {color:green!important;}

.bg_intestazione_articolo {background:#99413E!important;}
.bg_intestazione_menu {background:#244B73!important;}

#ico_intestazione_admin,
#ico_intestazione_menu, 
#ico_intestazione_articolo,
#ico_intestazione_galleria,
#ico_intestazione_newlsetter,
#ico_intestazione_banner,
#ico_intestazione_upload,
#ico_intestazione_pagina {
	display:block;
	background-position:top center;
	background-repeat:no-repeat;
	float:right;
	}

#ico_intestazione_admin {
	width:16px;
	height:15px;
	background-image:url(../images/icons/ico_admin.png);
	}
	
#ico_intestazione_menu {
	width:15px;
	height:13px;
	background-image:url(../images/icons/ico_menu.png);
	} 
	
#ico_intestazione_articolo {
	width:17px;
	height:14px;
	background-image:url(../images/icons/ico_articolo.png);
	}
	
#ico_intestazione_galleria {
	width:18px;
	height:14px;
	background-image:url(../images/icons/ico_galleria.png);
	}
	
#ico_intestazione_newlsetter {
	width:17px;
	height:13px;
	background-image:url(../images/icons/ico_newsletter.png);
	}
	
#ico_intestazione_banner {
	width:16px;
	height:13px;
	background-image:url(../images/icons/ico_banner.png);
	}
	
#ico_intestazione_upload {
	width:15px;
	height:13px;
	background-image:url(../images/icons/ico_upload.png);
	}

#ico_intestazione_pagina {
	width:20px;
	height:15px;
	background-image:url(../images/icons/ico-pagina.png);
	}

.iBlock {display:inline-block!important;}

em {font-style:italic;}

.noFloat {
	float:none!important;
	}

body {
	background:#EEE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#444;
	border-top:1px solid #333;
	line-height:1;
	}

/* ================ Campi Form ====================== */

.input1, .textarea1 { 
	border:1px solid #AAA;
	color:#333;
	margin:6px 0;
	padding:0 2px;
	}
	
label {margin:6px 0;}

option,input,textarea{
	font-size:13px!important;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #AAA;
	}
	
.textarea1 {
	height:260px;
	width:500px;
	}
	
#copertinaLoading {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:url(../images/progress.gif) center center no-repeat #000;
	z-index:999;
	display:none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity:0.6;
	}

 #loading {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	background:url(../images/logo_loading.png) center center no-repeat #DDD;
	}
	
.sottomenu, #areaLogIn {display:none;}	

.boxGalleriaGrigio {
	background-color:#EEE;
	padding:20px;
	margin-bottom:15px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	}

.boxGalleriaVerde {
	background-color:#E3FFDC;
	padding:20px;
	margin-bottom:15px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #CCC;
	}
	
.titoletto {font-size:10px!important;}
	
.boxDash {
	border:2px dashed #CCC;
	padding:15px;
	background-color:#FFF;
	}
	
.boxDash p {line-height:1.5em!important;}

/* ================== Log-In ======================= */

#box-log-in {
	width:280px;
	padding:25px;
	margin:0 auto;
	background:#FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
	box-shadow:1px 2px 2px #999,-1px -1px 2px #BBB;
	border:1px solid #CCC;
	}
	
#box-log-in p {color:#777;}

#errorUsername,#recuperoPassword{
	width:246px;
	text-align:center;
	padding:10px 15px;
	line-height:1.4em;
	}

#errorUsername {
	background-color:#FFDCDD;
	border:1px solid #C69B9C;
	color:#8D4345!important;
	}
	
#recuperoPassword {
	background-color:#E3FFDC;
	border:1px solid #D9E9B9;
	color:#7B8A77!important;
	}

/* ================ Bottoni e Links ====================== */

.btn_fixed {
	position:fixed;
	right:-3px;
	top:100px;
	z-index:10;
	}

#modificheOk,#modificheKo {
	text-align:center;
	padding:10px 7px;
	margin-bottom:15px;
	background-color:#E3FFDC;
	border:1px solid #CCC;
	color:#7B8A77!important;
	display:none;
	}
	
#modificheKo {
	background-color:#FFDCDD;
	border:1px solid #C69B9C;
	color:#8D4345!important;
	}

.btnBlue,
.btn-toggle,
.btnOrdina,
.btnGreen,
.btnRed,
.btnOrange {
	display:inline-block;
	text-decoration:none!important;
	padding:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:none;
	cursor:pointer;
	font-size:13px;
	}

.btnBlue {
	background:#21769c;
	color:#FFF!important;
	}
	
.btnOrange {
	background:#F60;
	color:#FFF!important;
	}
	
.btn-toggle,.btnGreen {
	background: #64992c;
	color:#FFF!important;
	margin-bottom:15px;
	}
	
.btnGreen {margin:0;}
	
.btnOrdina {
	background:#FFF;
	color:#444!important;
	padding:3px 7px;
	text-align:center;
	}

.linkBlue {
	color:#21769c!important;
	text-decoration:underline;
	}


.btnElimina {
	float:right;
	color:red!important;
	text-decoration:none!important;
	font-size:11px!important;
	border:none;
	cursor:pointer;
	background:transparent;
	}
	
.btnElimina:hover {text-decoration:underline!important;}



#barraTop,.elencoTabella .intestazione {
	width:100%;
	padding:7px 0;
	border-bottom:2px solid #FFF;
	background-color:#222;
	}
	
#barraMenuTop a,#btnLogOut {
	color:#DDD;
	padding:7px 10px;
	display:inline-block;
	background-color:#444;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:none;
	cursor:pointer;
	}	
	
#btnLogOut,.btnRed {
	background: #cf0404;
	color:#FFF;
	}

/* ================ Box Stato del Sito ====================== */

#boxBenvenuto {padding-right:15px;}
#boxBenvenuto p {line-height:1.5em;}

.dotRed, .dotGreen {
	display:block;
	margin:0 auto;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	width:8px;
	height:8px;
	}

.dotRed {background-color:red;}

.dotGreen {background-color:green;}

/* ================ Menù principale ====================== */

#menu-principale a, .intestazioneMenu{
	position:relative;
	color:#333;
	text-align:left;
	display:block;
	padding:10px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	background-color:#FFF;
	font-size:13px;
	}

.intestazioneMenu {
	color:#FFF;
	background-color:#222;
	}
	
#menu-principale a:hover {
	background-color:#DDD;
	background-image:url(../images/menuNext.png);
	background-repeat:no-repeat;
	background-position:234px 9px;
	}
	
#menu-principale .sottomenu a {background-color:#EEE;}

#menu-principale a.multipass {background-color:#CF9;}
#menu-principale a.multipass:hover {background-color:#B6E68A;}
	
/* ================ Tabella ====================== */

.elencoTabella {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	overflow:hidden;
	border:1px solid #CCC;
	}
	
.elencoTabella .intestazione {
	color:#FFF;
	font-weight:normal!important;
	}
	
.elencoTabella tr {
	border-bottom:1px solid #CCC;
	background-color:#EEE;
	}
	
.elencoTabella td {padding:7px;}


/* ========== Crop ============ */

#outer {padding:20px;}

.imgRitaglio{
	-moz-box-shadow:0 0 3px #AAA;
	-webkit-box-shadow:0 0 3px #AAA;
	box-shadow:0 0 3px #AAA;
	}
	
#boxNavRitaglio {width:600px;}	
#boxNavRitaglio h1 {font-size:17px;}	
#boxNavRitaglio h1 a {font-size:12px;}
	
#boxNavRitaglio p {
	font-size:12px;
	line-height:1.5em;
	}

/* ================ Scheda articolo ============ */

#scheda-articolo {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	 padding:15px;
	 background:#DEDEDE;
	 width:650px;
	 font-size:12px; line-height:1.4em;
	border:1px solid #CCC;
	 }

#scheda-articolo p,#scheda-articolo li {line-height:1.4em;}
#scheda-articolo li {
	list-style-type:circle;
	margin-left:15px;
	}
	
#scheda-articolo strong {font-weight:bold;}
#scheda-articolo a {color:#222; text-decoration:underline;}
#scheda-articolo select {margin:6px 0;}
#scheda-articolo h1 {
	font-size:16px;
	background:#FFF;
	padding:10px 15px;
	color:#2991c0;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom:15px;
	font-size:13px!important;
	font-weight:bold;
	}

#scheda-articolo h1 a {color:#2991c0;}

/* ================ Ordinamento placeholder ============ */

#gallery .ui-state-highlight {
	width:630px;
	height:100px;
	padding:10px;
	background-color:#DDD;
	outline: 1px dashed #4183C4;
	margin:-1px -1px 6px -1px;
	}

#gallery li {
	width:630px;
	height:100px;
	padding:10px;
	margin:0 0 5px 0;
	list-style-type:none!important;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-color:#D4D4D4 #D4D4D4 #BCBCBC;
	cursor:move;
	background:#f6f6f6;
	}
	
.100x100hidden {
	display:block;
	width:100px;
	height:100px;
	overflow:hidden;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
#listaMenu a {
	display:inline-block;
	text-decoration:none!important;
	padding:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:none;
	cursor:pointer;
	font-size:13px;
	background:#2991C0;
	color:#FFF!important;
	margin-bottom:3px;
	}

#activeMenu {
	background:#044!important;
	-moz-box-shadow:inset 3px 3px 3px #000!important;
	-webkit-box-shadow:inset 3px 3px 3px #000!important;
	box-shadow:inset 3px 3px 5px rgba(0,0,0,0.1)!important;
	border:1px solid #CCC;
	}
	
.menu_contestuale .btnBlue {
	margin-bottom:10px;
	}
	
/* ================ Bandierine Option ============ */

.bandieraLingua1 {
	margin-top:10px;
	border:1px solid #DDD;
	}
	
.bandieraLingua2 {border:1px solid #DDD;}

#boxBandieraLinguaHorz a {
	padding:0 10px 0 0;
	float:left;
	display:block;
	width:44px;
	height:40px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity:0.3;
	text-align:center;
	text-decoration:none;
	}
	
.txtRed{color:red!important;}
.avvertimento {background-color:#FFC; border:1px solid #FF3; padding:15px;}


.btnBlue.active {
	background:#044!important;
	-moz-box-shadow:inset 3px 3px 3px #000!important;
	-webkit-box-shadow:inset 3px 3px 3px #000!important;
	box-shadow:inset 3px 3px 5px rgba(0,0,0,0.1)!important;
	}
	
.noImgBox {
	width:100px;
	height:100px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	background-color:#FFF;
	color:#888;
	}
	
/* ================ Stili Tabella ============ */
	
.name_table {
	text-align:center;
	font-size:26px;
	display:block;
	padding:15px 0;
	}

.db-table {
	border-collapse:collapse;
	width:100%;
	}
	
.db-table2 {border-collapse:collapse;}
	
.db-table td,.db-table th,.db-table2 td,.db-table2 th {
	border:1px solid #CCC;
	padding:5px;
	}

.db-table tr,.db-table2 tr {
	background-color:#FFF;
	}

.db-table tr:first-child,
.db-table2 tr:first-child {
	background-color:#222;
	color:#FFF;
	}
	
.db-table2 td div {
	max-height:100px;
	padding:15px;
	overflow:auto;
	}
	
.cleanTxtArea {height:120px;}





/* ================ Codici di Recupero ============ */

.tr_code {
	background-color:#2A211C;
	color:#F2E8A5;
	font-family:"Courier New", Courier, monospace;
	}

.tr_code .commento {color:#B9A8A6;}
.tr_code .html {color:#6D98AB;}
.tr_code .extra {color:#8BB;}




@media (max-width:1210px) {
	.btnBlue.btn_fixed {
		display:none;
		}
	}