@CHARSET "UTF-8";


body {
	margin: 0;
	background-image: url('images_template1/ciao.gif');
	background-color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

h1 { font-size: 115%; text-transform: uppercase; font-style: italic; }
h2 { font-size:  85%; text-transform: uppercase; }

/**/
h3 { font-size: 150%; text-transform: uppercase; text-align: center; margin-bottom: 1em; }
h4 { font-size: 100%; text-transform: uppercase; text-align: center; margin-bottom: 2em; }

/**/
img { border: 0; }

/**/
table {  }


/* Contenitore globale */
div.global-container {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: black;
}

/* Ombreggiatura laterale nera del sito */
div.shadow-left {
	background-image: url('img/border_shadow_l.jpg');
	background-repeat: repeat-y;
	background-position: left;
	padding-left: 50px;
}
div.shadow-right {
	background-image: url('img/border_shadow_r.jpg');
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 50px;
}

/* Contenitore tra le due ombreggiature laterali */
div.in-shadow-container {
	padding: 0 50px 0 50px;
}

/* Header del sito */
div.header {
	min-height: 80px;
	vertical-align: middle;
	color: white;
	font-size: large;
	background-image: url('images_template1/header2_bg.jpg');
	background-position: top;
	background-repeat: no-repeat;
	background-color: #003964;
	padding: 10px;
}

/* Immagine sotto all'header */
div.horizontal-image {
	background-image: url('images_template1/header_bg.jpg');
	height: 152px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 0 solid #333333;
	border-left: 0 solid #333333;
}

/* Barra orizzontale sotto all'header */
div.horizontal-bar {
	background-color: #1F1F1F;
	color: #CCCCCC;
	padding: 5px 1px 5px 1px;
}

div.horizontal-bar a:active,
div.horizontal-bar a:visited,
div.horizontal-bar a:link {
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	color: white;
	padding: 10px;
	opacity: .85;
}
div.horizontal-bar a:hover { background-color: #333333; }

/* Colonna di sinistra nella parte principale del sito */
div.left-content {
	display: inline-block;
	width: 200px;
	padding: 5px;
	vertical-align: top;
	background-color: black;
	background-repeat: repeat;
}

/* Menu di sinistra */
ul.left-menu { list-style: none; margin: 0 0 2em 0; padding: 0; }

ul.left-menu li {
	height: 30px;
	vertical-align: middle;
	text-align: center;
	background-color: black;
	opacity: .7;
	-moz-opacity: .7;
	filter:alpha(opacity=70);
}

ul.left-menu a:active,
ul.left-menu a:visited,
ul.left-menu a:link {
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 100%;
	color: white;
	line-height: 30px;
}
ul.left-menu a:hover { background-color: #333333; }

/**/
div.main-content {
	display: inline-block;
	min-height: 800px;
	width: 580px;
	padding: 5px;
	text-align: justify;
	vertical-align: top;
	background-image: url(images_template1/bg_content.jpg);
	background-repeat: repeat;
	background-color: white;
}

/**/
div#error-box {
	z-index: 100;
	width: 500px;
	position: fixed;
	left: 50%;
	top: 40%;
	margin-left: -250px;
	padding: 5px;
	background-color: orange;
	border-radius: 15px;
	box-shadow: 10px 10px 13px black;
}

div#error-box button {
	border-radius: 10px;
	font-weight: bold;
	padding: 2px 8px;
}

/**/
div.bottom-content {
	padding: 5px;
	background-color: #666666;
	color: white;
	text-align: center;
}

/* Link in fondo alla pagina */
div.bottom-link-container {
	background-color: black;
	text-align: center;
	color: white;
	padding: 5px;
}

div.bottom-link-container a:active,
div.bottom-link-container a:visited,
div.bottom-link-container a:link {
	font-weight: bold;
	text-decoration: none;
	color: white;
}

div.bottom-link-container a:hover {
	color: #CCCCCC;
}


/* ********** Stili specifici per alcune pagine ********** */

table.eshop-carrello-table				{ width: 100%; margin-bottom: 3em; }
table.eshop-carrello-table thead th		{ /*border: 1px black solid;*/ }
table.eshop-carrello-table tbody td		{ border: 1px black solid; }
table.eshop-carrello-table tfoot tr		{ /*margin-top: 1em;*/ }

form.eshop-carrello-form		{ margin-top: 2em; }
form.eshop-carrello-form div	{ text-align: center; }

div.eshop-prodotto			{ border: 1px solid black; text-align: right; padding: 5px; margin-bottom: 1.5em; }
div.eshop-prodotto > h4		{ margin-top: 0; }
div.eshop-prodotto > div.table					{ display: table; width: 100%; border-spacing: 0; border-collapse: separate; }
div.eshop-prodotto > div.table > div			{ display: table-row; }
div.eshop-prodotto > div.table > div > p		{ display: table-cell; text-align: justify; vertical-align: top; }
div.eshop-prodotto > div.table > div > div		{ display: table-cell; text-align: center; vertical-align: middle; width: 7em; }
div.eshop-prodotto > div.table > div > p > img	{ float: left; padding-right: 5px; }

a.attiva	{ color: green; }
a.disattiva	{ color: orange; }
a.elimina	{ color: red; font-weight: bold; }

table.admin-customers-table				{ width: 100%; }
table.admin-customers-table thead th	{ /*border: 1px black solid;*/ }
table.admin-customers-table tbody td	{ border: 1px black solid; }


/* ********** Stili vari da usare nel contenuto delle pagine ********** */

.link-in-evidenza {
	color: #FF0000;
	font-size: 150%;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin-top: 2em;
	margin-bottom: 2em;
}

.left,		tr.left td		{ text-align: left; }
.center,	tr.center td	{ text-align: center; }
.right,		tr.right td		{ text-align: right; }
.justify,	tr.justify td	{ text-align: justify; }

.uppercase,	tr.uppercase td { text-transform: uppercase; }

.bold, ul.bold li, tr.bold td	{ font-weight: bold; }

.hidden { display: none; }

ul.compact-list			{ margin: 0; padding: 0; list-style-type: none; }
ul.compact-circle-list	{ margin: 0; list-style-type: disc; }
ul.compact-numeric-list	{ margin: 0; list-style-type: decimal; }