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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/*
----------------------------------------------- */

@font-face {
    font-family: 'hl';
    src: url('fonts/helveticaneueltstd-lt-webfont.eot');
    src: url('fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStd45Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

body 
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #6b6b6b;
}

	img
	{
		border: 0px;
	}

	ul
	{
		padding: 0px;
		margin: 0px;
		list-style: none;
	}

	a, a:hover
	{
		text-decoration: none;
	}

	div, p, form, h1, h2, h3, h4, h5
	{
		padding: 0px;
		margin: 0px;
		font-weight: normal;
	}

	#loginfrm {
		width: 100%;
		min-height: 400px;
	}

	#galleriapagina{
		padding: 10px;
	}
	#galleriapagina img{
		margin: 10px;
		width: 100px;
		height: auto;
	}
	#deletebutt{
		z-index:100; 
		position: absolute; 
		background-color: #fff; 
		padding: 5px; 
		display: none;"
	}
	#progress{
		width: 100%;
		margin: 5px;
	}
	#messaggi{

	}
	#barraprogresso{
		width: 0%; 
		background-color: green;
		display: none;
	}
	
	div.img_sfoglia_float{
		position: absolute;
		top: 25%;
		left: 25%;
		z-index: 5;
		width: 50%;
		height: 600px;
		overflow: hidden;
		background-color: #fff;
		border: 1px solid #000;
		padding: 10px;
	}
	div.img_sfoglia_float div.sfoglia_img{
		width: 30%;
		height: 100px;
		padding-bottom: 10px;
		margin-bottom: 10px;
		padding-right: 5px;
		float: left;
		border-bottom: 1px solid #f3f3f3;
	}
	div.img_sfoglia_float div.sfoglia_img img{
		width: 90%;
		height: 100px;
	}
	div.img_sfoglia_interno{
		width: 100%; 
		height: 580px;
		overflow: auto;
	}

	#wrapper
	{
		width: 100%;
		margin: 0px auto;
	}

	#header
	{
		width: 100%;
		margin: 0px auto;
		overflow: hidden;
		text-align: left;
/*		background: url('imgg/pat_header.gif') repeat-x #E9E9E9; */
		background-color:  #E9E9E9;
		overflow: hidden;
		border-bottom: 1px solid #e2e2e2;
	}

		#header_int
		{
			margin: 0px auto;
			overflow: hidden;
		}

			#header_int #logo
			{
				float: left;
				width: 200px;
				margin: 10px 0px 8px 15px;
			}

			#header_int #admin_infos
			{
				float: right;
				width: 21%;
				color: #7F7F7F;
				margin-top: 23px;
				font-weight:bold;
			}
				
				#header_int #admin_infos a{color: #7F7F7F; font-weight:bold;}
				#header_int #admin_infos a:hover{color: #7F7F7F; background: #7f7f7f;}
				

			#menu_main
			{
				clear: both;
				width: 100%;
				background-color: #E9E9E9;
			}

				#menu_main li
				{
					float: left;
				}

				#menu_main li a
				{
					display: block;
					padding: 9px 15px 11px 15px;
					color: #007cc3;
					font-weight: bold;
				}

				#menu_main li a:hover{background: #7f7f7f; color: #fff;}

				#menu_main .sel a, #menu_main .sel a:hover{background: #007cc3; color: #fff;}
		
	#main
	{
		overflow: hidden;
		text-align: left;
		margin: 0px auto;
	}			
		
		#content
		{
			width: 99%; /*73%;*/ 
			padding: 20px 0px 0px 15px; 
			float: left;
			font-size: 13px;
		}
		
			/*Formattazione base del testo*/
			#content h1{font-family: hl, sans-serif; font-size: 25px; line-height: 30px; color: #4c4c4c; padding: 0px 0px 15px 0px;}
			#content h2{font-family: hl, sans-serif; font-size: 21px; line-height: 14px; color: #737373; padding: 0px 0px 15px 0px;}
			#content h3{font-family: hl, sans-serif; font-size: 16px; line-height: 12px; color: #4c4c4c; padding: 0px 0px 15px 0px;}

			#content a{color: #007cc3;}
			#content a:hover{color: #005a8e; background: #e4f1f8;}				

			/*Messaggio di avviso*/
			#content .alert_message{background: #fff9ce; border: 1px solid #e6e1bc; margin: 20px 0px 20px 0px; padding: 10px; color: #4c4c4c;}
			#content .alert_message a{color: #867e49;}
			#content .alert_message a:hover{color: #6a6338; background: #eae6c5;}
			
			/*Messaggio di errore*/
			#content .error_message{background: #ffe6d8; border: 1px solid #dbc2b2; margin: 20px 0px 20px 0px; padding: 10px; color: #4c4c4c;}
			#content .error_message a{color: #7b2e00;}
			#content .error_message a:hover{color: #461a00; background: #f3ccb5;}

			/*Messaggio positivo*/
			#content .ok_message{background: #66ff00; border: 1px solid #33cc00; margin: 20px 0px 20px 0px; padding: 10px; color: #4c4c4c;}
			#content .ok_message a{color: #4c4c4c;}
			#content .ok_message a:hover{color: #461a00; background: #33cc00;}

			/*Tabella con dati*/
			#content .data_grid{width: 99%; border: 1px solid #e2e2e2;}
			#content .data_grid td{padding: 10px; vertical-align: top;}			
			#content .data_grid .heading_grid{background: #e9e9e9; color: #4c4c4c; border-bottom: 1px solid #e2e2e2;}
			#content .data_grid tr:nth-child(2n+3) td{background: #f6f6f6; padding: 5px 10px 5px 10px;}		

			/*Pulsanti*/
			/*...grandi*/
			#content .butt_blue{background: #007cc3 url('imgg/butt_blue.gif') repeat-x; border-bottom: 3px solid #cdcdcd; font-family: hl, sans-serif; color: #fff; font-size: 18px; padding: 10px 20px 10px 20px; text-shadow: 0px 2px 0px #0066a0; line-height: 46px;}		
			#content .butt_blue:hover{background: #007cc3 url('imgg/butt_blue_hover.gif') repeat-x; border-bottom: 3px solid #cdcdcd; font-family: hl, sans-serif; color: #fff; font-size: 18px; padding: 10px 20px 10px 20px; text-shadow: 0px 2px 0px #005c90; line-height: 46px;}

			#content .butt_grey{background: #9d9d9d url('imgg/butt_grey.gif') repeat-x; border-bottom: 3px solid #cdcdcd; font-family: hl, sans-serif; color: #fff; font-size: 18px; padding: 10px 20px 10px 20px; text-shadow: 0px 2px 0px #7a7a7a; line-height: 46px;}		
			#content .butt_grey:hover{background: #838383 url('imgg/butt_grey_hover.gif') repeat-x; border-bottom: 3px solid #cdcdcd; font-family: hl, sans-serif; color: #fff; font-size: 18px; padding: 10px 20px 10px 20px; text-shadow: 0px 2px 0px #707070; line-height: 46px;}

			/*...piccoli*/
			#content .butt_blue_mini{background: #007cc3; border-bottom: 3px solid #cdcdcd; font-family: hl, sans-serif; color: #fff; font-size: 15px; padding: 6px 10px 6px 10px; text-shadow: 0px 2px 0px #0066a0; line-height: 46px;}		
			#content .butt_blue_mini:hover{background: #006eac; border-bottom: 3px solid #cdcdcd; font-family: hl, sans-serif; color: #fff; font-size: 15px; padding: 6px 10px 6px 10px; text-shadow: 0px 2px 0px #005c90; line-height: 46px;}

			#content .butt_grey_mini{background: #9d9d9d; border-bottom: 3px solid #cdcdcd; font-family: hl, sans-serif; color: #fff; font-size: 15px; padding: 6px 10px 6px 10px; text-shadow: 0px 2px 0px #7a7a7a; line-height: 46px;}		
			#content .butt_grey_mini:hover{background: #8a8a8a; border-bottom: 3px solid #cdcdcd; font-family: hl, sans-serif; color: #fff; font-size: 15px; padding: 6px 10px 6px 10px; text-shadow: 0px 2px 0px #707070; line-height: 46px;}	
			
			/*Form*/
			form table{width: 100%;}
			form td{padding-bottom: 10px;}
			form input{border: 1px solid #e0e0e0; font-size: 15px; padding: 3px; margin-top: 5px;}	
			form textarea{border: 1px solid #E0E0E0; font-size: 15px; margin-top: 5px; padding: 3px;}
			form select{border: 1px solid #e0e0e0; font-size: 15px; padding: 3px; margin-top: 5px;}	
			form .input_1_terzo{width: 90%;}
			form .input_2_terzi{width: 95%;}
			form .input_3_terzi{width: 97%;}
			form .submit{background: #007cc3 url('imgg/butt_blue.gif') repeat-x; border-bottom: 3px solid #cdcdcd; font-family: hl, sans-serif; color: #fff; font-size: 16px; padding: 8px 15px 8px 15px; text-shadow: 0px 2px 0px #0066a0; line-height: 46px; cursor: pointer;}		
			form .submit:hover{background: #007cc3 url('imgg/butt_blue_hover.gif') repeat-x; border-bottom: 3px solid #cdcdcd; font-family: hl, sans-serif; color: #fff; font-size: 16px; padding: 8px 15px 8px 15px; text-shadow: 0px 2px 0px #005c90; line-height: 46px;}

		#menu_sec{
			width: 21%; 
			float: right;
			padding: 40px 0px 100px 0px; 
			background: #ebebeb url('imgg/pat_menu.gif') repeat-x; 	
			border-left: 1px solid #e0e0e0;
			border-right: 1px solid #e0e0e0;
			border-bottom: 1px solid #e0e0e0;
		}
		
			#menu_sec ul{border-bottom: 1px solid #e0e0e0;}

			#menu_sec li{	
				border-top: 1px solid #e0e0e0;
			}

			#menu_sec li a{
				display: block;
				padding: 9px 15px 11px 15px;
				color: #007cc3;
				font-weight: bold;
			}

			#menu_sec li a:hover{background: #7f7f7f; color: #fff;}
			
				#menu_sec ul li ul{background: #f3f3f3; border-bottom: 0px;}

				#menu_sec ul li ul li{border-top: 1px solid #e5e5e5;}

				#menu_sec ul li ul li a
				{
					padding: 9px 30px 11px 30px;
					font-weight: normal;
				}
				#menu_sec ul li ul li a.mainmenusel { background: #7f7f7f; color: #fff; }

		@media (min-width:800px) and (max-width:1200px)
		{
			#header_int, #main
			{
				width: 100%;
			}
		}

		@media(min-width:1201px)
		{
			#header_int, #main
			{
				width: 1200px;
			}
		}

		@media(max-width:799px)
		{
			#header_int, #main
			{
				width: 800px;
			}
		}
	

	#footer{border-top: 1px solid #ebebeb; padding: 15px 0px 25px 0px;}
	#footer a{color: #007cc3;}
	#footer a:hover{color: #005a8e; background: #e4f1f8;}

	a.mainmenusel { background: #7f7f7f; color: #fff; }

	.stato0 {background-color: #ff3399; width: 30px;}
	.stato1 {background: #ffff00; width: 30px; }
	.stato2 {background: green; color: #fff; width: 30px; }
	.stato3 {background: #ffcccc; color: #fff; width: 30px; }



	#d_prodotti{
		width: 100%;
		height: 400px;
		border: 1px solid black;		
		background-color: #fff;
		max-height: 600px;
		overflow: auto;
	}

	.flottante{
		z-index: 100;
		float: right; 
		position: absolute;
		top: 150px;
		left: 50px;	
		max-width: 500px;
	}

	#headdiv{
		background-color: #7f7f7f;
		color: #fff;
		font-weight: bold;		
		padding: 5px;
		height: 20px;
	}
	input.cambiato{
		font-weight: bold;
		background: #E0E0E0;
	}
	
	div.altridiv {
		max-height: 200px;
		overflow: auto;
	}

	div.altridiv li{
		cursor: pointer;
	}
	div.altridiv li:hover{
		font-weight: bold;
	}

	.paginazione {
		width: 100%;
		text-align: center;
		margin-top: 10px;
		border-top: 1px solid #E0E0E0;
		padding-top: 15px;
	}
	.paginazione a{
		border: 1px solid #E0E0E0;
		background: #FFFFFF;
		padding: 5px;
		line-height: 35px;
	}
	.paginazione b{
		border: 1px solid #E0E0E0;
		background: url("imgg/pat_menu.gif") repeat-x scroll 0 0 #EBEBEB;
		padding: 5px;
		line-height: 35px;
	}

	tr.headerprod td{
		border-bottom: 1px solid #4C4C4C;
		font-weight: bold;
	}
	.imgbox{
		border: 1px solid #4C4C4C;
		background-color: #E0E0E0;
		font-weight: bold;
		text-align: center;
		float: left;
		height: 150px;
		width: 150px;
		margin-bottom: 5px;
	}