@CHARSET "UTF-8";
/***************************************************** html reset
*/


/*---<< General reset >>---*/

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, form, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption,  header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*
	vertical-align: baseline;
	*/
}
textarea { resize: none; }

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*
body
{
    overflow: hidden;
}
*/


/***************************************************** style for containers: sito - canvas - page - container - footer
*/
.sito{
	/* margin-top:111px; */
	width:100%;
	height:100%;
	
	background-color:#F1F1F1;
	position:relative;
	padding-top:75px;
	padding-bottom:75px;
	/*
	zoom:100%;
	overflow-y:auto;
	*/
 }
.stretchedBck{	
	position:absolute;
	top:0px;
	left: 0px;
	right:0px;
	bottom:0px;
	 z-index: 0;
	 width: 100%; 
  /*  height: 100%;*/  
}

.stretchedBck.fixed{
	position:fixed;
}

.stretchedBck img{
	/*
	 min-width:100%;
	  min-height:100%; 
	  */
	  width:100%; 
	  /*height:100%;*/
}

.ui-resizable-helper { 
	border: 2px dotted #00F;
}

.canvas{
	margin:auto;
	overflow:hidden;	
	position:relative;
}
.page{
	/*width:100%;	*/
	background-color:white;
	overflow:hidden;
	position:relative;
}
.page.active{
	display:block;
}
.container{
	position:absolute;
	overflow:hidden;
	margin:0;
	padding:0;
}
.container.active {
	
}

/*utilizzatop er l'aggiunta dei nuovi elementi*/
div.dynamic{
	border:1px solid black;
	background-color:lightgray;
	width:200px;
	height:100px;
}

.text-container{
	word-wrap:break-word;
	overflow:hidden;
}

.title-container{
	word-wrap:break-word;
	overflow:hidden;
}
.title-container span{
	width:100%;
	clear:both;
}

.contatti-container{
}
.contatti-container form{
	width: 99%;
	height:99%;
	align:center;
}


.linea-orizzontale{
	border-top-color:gray;
    border-top-width:2px;
	width:100%;
	height:100%;
	border-top-style: solid;
	border-left-style: none;
	position:absolute;
	top:50%;
	left:0;
}
.linea-verticale{
	  border-top-color:gray;
    border-top-width:2px;
	width:100%;
	height:100%;
	border-left-style: solid;
	border-top-style: none;
	position:absolute;
	left:50%;
	top:0;	
}


.image-container {
	overflow: hidden;
}

div.immagine_visualizzata{
	height: 100%;
	overflow: visible;
	width: 100%;
	position:absolute;
	overflow: hidden;
}

div.immagine_visualizzata img {
	position:absolute;
}


.video-container{
	
}

/* DOCUMENT */

div.document-container a{
	border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "Century Gothic",Arial,sans-serif;
    background: #739E2F;
    border: 1px solid #739E2F;
    font-size: 2em;
    line-height: 43px;
}

div.document-container a i {
    font-size: 1.2em;
    padding: 0.4em;
    display: inline-block;    
    float: left;
}

div.document-container a strong{
    text-shadow: 0 -1px 1px #658B29;
}

div.document-container a:hover{
	pointer:handle;
}
.icon-download-alt:before {
    content: url("/sitoweb/1.0/css/document/download.png");  
}
.icon-download-doc:before {
    content: url("/sitoweb/1.0/css/document/doc-icon.png");   
}
.icon-download-txt:before {
    content: url("/sitoweb/1.0/css/document/txt-icon.jpg");
}
.icon-download-xls:before {
    content: url("/sitoweb/1.0/css/document/xls-icon.gif");
}
.icon-download-zip:before {
    content: url("/sitoweb/1.0/css/document/zip-icon.png");
}
.icon-download-pdf:before {
    content: url("/sitoweb/1.0/css/document/pdf-icon.png");
}


/***************************************************** PAGE NAVIGATOR CONTAINER 
*/
.menu-container div.menu_sito{
	/*white-space: nowrap;*/
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
}

.menu-container div div.orizzontale{
	float:left;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	
	padding-left: 0.2em;
	padding-right: 0.2em;
	height:100%;
}
.menu-container div div.verticale{
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	width:100%;
}

.menu-container div div span{
	white-space: nowrap;
	background-color:transparent; 
	/*color:blue;*/
}

.menu-container ul li.current-page{
	background-color:orange;
}

.menu-container ul li:hover{
	background-color:#E5E5E5;
	color:#666666
}


.button {
cursor: pointer;
padding: 6px 0 0 0;
}

/******************************************************** paypal ****************/

div.prodotto-container h2 {
	font-size:1.5em;
	padding-bottom:10px;
}

div.prodotto-container img {
	width:40%;
	float:left;
	/*height:90%;*/
	padding:15px;
}

div.prodotto-container .descrizione {
	min-height:60px;
	margin-bottom:20px;
}

div.prodotto-container .price {
	text-align: right;
	font-size:1.2em;
	margin-bottom:20px;
}
div.prodotto-container .ship {
	font-size:0.8em;
	font-style:italic;
}
div.prodotto-container form {
	text-align: right;
}

div.gallery-icon {
	float:left;
	overflow:hidden;	
}

/***************************************************** Stile per le finestre di Ui-Dialog 
*/
#dialog ul{	
	list-style-type: none;
	width: 98%;
	cursor:pointer;
}
#dialog ul li{	
	padding:padding:2px 4px 3px 4px;	
	margin:2px;
	height:35px;
	border: 1px solid black;
}

/***************************************************** TEXT CONTAINER 
*/

.text-container .textarea ul
{
	list-style: disc outside none;
	padding-left:40px;
}

.text-container .textarea ol
{
	list-style-type:decimal;
	padding-left:40px;
}



/***************************************************** PUNTATORE **/
.puntatore {
	cursor:pointer;
}

.image-container.puntatore a{
	cursor:inherit !important;
}