.giallo { color: #FFCC00;
font-weight:bold;
text-transform: lowercase;} 
.arancio { color: #FF9900;
font-weight:bold;
text-transform: lowercase;} 
.verdino{ color: #669900;
font-weight:bold;
text-transform: lowercase;} 
.azzurro { color: #0099FF;
font-weight:bold;
text-transform: lowercase;} 
.rosso { color: #FF0000;
font-weight:bold;
text-transform: lowercase;} 
.marrone{ color: #663333;
font-weight:bold;
text-transform: lowercase;} 
.fuxia { color: #FF66CC;
font-weight:bold;
text-transform: lowercase;} 
.viola{ color: #CC66FF;
font-weight:bold;
text-transform: lowercase;} 
.senape{ color: #999933;
font-weight:bold;
text-transform: lowercase;} 


.attiva { font-weight:bold; color: #FF6600;}
.altre{ color:#666666;} 

body{font-family: arial,sans-serif;font-size: 12px;text-align: center; background-color:#333;}
/* un po' di classi*/

div.hr {
    height: 2px;
    background: #fff url(https://glassartstudio.it/css/83_hr1.gif) no-repeat scroll center;
	border:1px dotted #ccc;
}
div.hr hr {
    display: none;
	background-color:#fff;
} 

.largh_editor{width: 400px;}
 h4{
	padding: 0px 0px 15px 0px;
	font-size:13px;
	text-align: center;
	color: #999;
}

 h3{
	padding: 0px 0px 0px 0px;
	font-size:14px;
	text-align: center;
	color: #ff0000;
}

.verde {color: #FF9900;}
	 h6{
	padding: 0px 0px 1px 0px;
	font-size:13px;
	text-align: center;
	color: #FF9900;
}

	 h5{
	padding: 0px 0px 1px 0px;
	font-size:13px;
	text-align: left;
	color: #666;
}

.bianco {color:#fff;}


a {font-size: 12px;
	text-decoration: none;
    color:#333333;
	border-bottom: 0px dotted #ccc;
}
a:visited {
	text-decoration: none;
    border-bottom: 0px dotted #ccc;
}

a:hover {
	text-decoration: none;
	border-bottom: 0px solid #ccc;
}


input.pulsante {
    font: 12px Arial, Helvetica, sans-serif;
    color: #000;
    background: #fff;
    text-align: center;
    padding: 0px;
    width: 140px;
    border: 1px dotted #999;
    margin-top: 0px;
    }
	
	 input.pulsante:hover {
    background: #ff9900;
    }
    input.pulsante:active {
    background: #ff9900;
    }
	
	input.invia {


    font: 12px Arial, Helvetica, sans-serif;
    color: #ff9900;
    background: #fff;
    text-align: center;
    padding: 0px;
    width: 140px;
    border: 1px dotted #ccc;
    margin-top: 20px;
    }
	

	
	
   .select {


    font: 12px Arial, Helvetica, sans-serif;
    color: #999;
  background-color: #FFFFBF;
    text-align: center;
    padding: 0px;
    width: auto;
	height:15px;
    border: 1px dotted #ccc;
    margin-top: 0px;
    }
	
		
   .select_sezione {


    font: 12px Arial, Helvetica, sans-serif;
    color: #333;
  background-color: #FFFFBF;
    text-align: center;
    padding: 0px;
    width: auto;
	height:15px;
    border: 1px dotted #ccc;
    margin-top: 0px;
    }


input.text {
    font: 12px Arial, Helvetica, sans-serif;
    color: #000;
    background: #fff;
    border: 1px solid #999;
    padding-right: 0px;
    padding-left: 0px;
    width: 200px;
    }
	
	.text_home {
    font: 12px Arial, Helvetica, sans-serif;
    color: #999;
    background: #fff;
    border: 1px solid #999;
    padding-right: 0px;
    padding-left: 0px;
    width: 400px;
	height: 200px
    }
	
	.text_titolo_home {
    font: 12px Arial, Helvetica, sans-serif;
    color: #999;
    background: #fff;
    border: 1px solid #999;
    padding-right: 0px;
    padding-left: 0px;
    width: 400px;
	
    }
	
	input.text:focus {
    background: #ff9900;
    }

 .img{display: block; 
    border: 1px solid #EAEAEA;
     padding: 1px;
     height:auto;
     max-width:353px;
     width:expression(clientWidth  > 353 ? "353px" : "%" );
}

 .immagini_elenco{display: block; 
     border: 1px solid #EAEAEA;
     padding: 1px;
     display: block; 
     height:70px;
     max-width:97px;
    width:expression(clientWidth  > 97 ? "97px" : "%" );
}

.red {color:#FF0000;
font-weight:bold;
font-size:14px;}

/* angoli arrotondati*/
b.rtop, b.rbottom{display:block;background: #333}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #ff9900;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
	
/* angoli arrotondati foto*/
b.rtop1, b.rbottom1{display:block;background: #333}
b.rtop1 b, b.rbottom1 b{display:block;height: 1px;
    overflow: hidden; background: #ff9900}
b.r11{margin: 0 5px}
b.r21{margin: 0 3px}
b.r31{margin: 0 2px}
b.rtop1 b.r41, b.rbottom1 b.r41{margin: 0 1px;height: 2px}

          /***********contenitore ***********/
				  
#contenitore{


color:#888888;
 background-color: #fff;
width:600px;
height:auto;

	margin:auto;
	text-align: justify;
}

#main_inserimento {

position:relative;
width:590px;
text-align: justify;
	height:auto;
	color:#999;
	font-size: 100%;
	padding: 10px 5px 5px 5px;
	margin: 0px 0 0px 0;
	background-color: #F5F5F5;
}




#main {
background-image:url(https://glassartstudio.it/immagini/web_illustrazione/marchio_trasp.gif);
background-repeat:no-repeat;
background-position: 40px 100px;

position:relative;
width:600px;
text-align: center;
	height:400px;
	color:#ccc;
	font-size: 100%;
	margin: 0px 0 0px 0;
	background-color: #F5F5F5;
}



#main_left{

	position:relative;
	float:left;
	 font-family: arial,sans-serif;font-size: 12px;
	padding: 3px;
	text-align: left;
	width:300px;
	height:10px;
	color:#ccc;
	margin: 7px 0 7px 0;
	
}

#main_right{

	position:relative;
	float:right;
	 font-family: arial,sans-serif;font-size: 12px;
	padding: 3px;
	text-align: right;
	width:250px;
	height:10px;
	color:#ccc;
margin: 7px 0 7px 0;
	
}


#main_right_dentro{

	
	float:right;
	font-family: arial,sans-serif;font-size: 12px;
	padding: 0px;
	text-align: right;
	width:200px;
	
	color:#333;
margin: 0px 0 7px 0;
	
}

#bordo_su {	
	position:relative;
	background-color:#ff9900;
	color:#ffffff;
	height:20px;
	}	
	
	#bordo_su_dx {

	position:relative;
	float:right;
	 font-family: arial,sans-serif;font-size: 10px;
	padding: 1px;
	text-align: right;
	width:180px;
	height:10px;
	color:#fff;
}

#bordo_su_dx a:link,#bordo_su_dx a:visited,#bordo_su_dx a:hover

{

	position:relative;
	
	 font-family: arial,sans-serif;font-size: 10px;
	padding: 1px;
	text-align: right;

	height:10px;
	color:#fff;
}
	

#bordo_su_sx {
 font-family: arial,sans-serif;font-size: 12px;
	position:relative;
	float:left;
	margin: 0 0 0px 0px;
	padding: 1px;
	text-align: left;
	width:350px;
	height:10px;
	color:#fff;
}

 

#richiesta{
	position:relative;
	width:590px;
	margin:0px 0px 0px 0px;
	padding: 20px 5px 20px 5px;
	height:auto;
	text-align: center;
	background-color: #F5F5F5;
	
	}
	



		#spiegazione {
		
	position:relative;
	width:590px;
	margin:0px 0px 0 0px;
	padding: 20px 5px 20px 5px;
	height:auto;
	text-align: justify;
	background-color: #F5F5F5;
	
	}
	
#testo2{
	padding: 0px 5px 0px 1px;
	font-size: 100%;}
#testo2 h5{
	padding: 0px 0px 1px 0px;
	font-size:11px;
	text-align: right;
	color:#ff6600;}
	

#testo2 ul { color:#ccc;text-align:right;list-style: none; margin: 0; padding: 0;} 



/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#testo2 li {border-bottom: 0px solid #EEE; padding: 0px 0 5px 0;}
	
	#testo{
	padding: 0px 5px 0px 1px;
	font-size: 100%;
	}
	#testo_errore{
	padding: 0px 5px 0px 1px;
	font-size: 13px; font-weight:bold; color:#FF0000 ;
	text-align: center;
	}


#testo h5{
	padding: 0px 0px 1px 0px;
	font-size:11px;
	text-align: left;
	color:#ff6600;
}
#testo ul { color:#999;text-align:left;list-style: none; margin: 0; padding: 0;} 



/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#testo li {border-bottom: 0px solid #EEE;padding: 0px 0 5px 0;}


	#testo_riepilogo{
	padding: 5px 5px 0px 1px;
	font-size: 100%;
	
	}
	


#testo_riepilogo h5{
	padding: 0px 0px 1px 0px;
	font-size:13px;
	text-align: center;
	color:#ff6600;
}

#testo_riepilogo h6{
	padding: 0px 2px 1px 2px;
	font-size:12px;
	text-align: center;
	color:#ff6600;
	display:inline;
}
#testo_riepilogo ul { color:#999;text-align:center;list-style: none; margin: 0; padding: 0;} 



/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#testo_riepilogo li {border-bottom: 1px solid #EEE;padding: 0px 0 5px 0; color:#666666;}




/***********spessore sotto ***********/



#bordo_giu {	
	position:relative;
	margin:0px 0px 0 0px;
	background-color:#ff9900;
	height:10px;
	font-family: arial,sans-serif;font-size: 12px;text-align: center; color:#FFFFFF;
	
	}	
	
	
	
	
	/***********popup calendario ***********/

	
	
	/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #fff;
	background-color: #66aae3;
	border: 1px solid #ccc;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #66aae3;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #fff;
	border: 1px solid #ccc;
	color:#333333;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #bfd318;
	border: 1px solid #fff;
	cursor: pointer;
	color: #fff;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #333;;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #333;
	font-weight: bold;
	}


/* the forward/backward buttons at the top 
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #bfd318;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom 
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	background-color: #bfd318;
	font-weight: bold;
	}
	
	*/