/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */

html, body { height:100%;}

.errori { color:Red !important}

.right 
{
    text-align:right;
}

table
{
    width:100%;
}

table td, table th
{
    vertical-align:middle;
    padding:0px 5px;
}

.none { display:none;}

/* Global Structure ============================================================= */
.bg-container {
	margin: 0;
	position: relative;
	width: 100%;
	background:#E6E6E6;
	border-bottom:5px solid #EAEAEA;
}

	/* Header */

	#benvenuto
	{
	    text-align:right;
	    padding:10px 20px 0 0;
	    color:#8A8A8A;
	}
	
	#benvenuto a
	{
	    text-decoration:none;
	}
	
	/*Gallery*/
	#gallery {
		height:496px;
		overflow:hidden;
		background:url(../images/gallerry-bg.gif) 0 0 repeat-x;
	}
	
	/* Content */
	#content {
		float: right;
		width: 1000px; /*920*/
	}
	
	/* Sidebar */
	aside{
		float: left;
		width: 302px;
		margin-right:52px;
	}
			


/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

/*.col-1, .col-2, .col-3 { float:left;}*/

#sinistra { float:left;}
.pnlAgenti { margin-top:20px; }

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 10px 0px 0px 0px; }


/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
figure { margin-bottom:18px;}

.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:15px;
}
	.img-box figure { 
		float:left; 
		margin:0 20px 0 0;
		padding:0;
	}

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:18px;}
.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;
}


/*----- txt, links, lines, titles -----*/
h1 {
	font-size:34px;
	line-height:1.2em;
	color:#fff;
	font-weight:normal;
	padding:0;
	position:absolute;
	left:39px;
	top:4px;
	height:60px;
}
	h1 a {
		color:#fff;
		text-decoration:none;
	}
h2 {
	font-size:30px;
	line-height:1.2em;
	font-weight:normal;
	color:#8A8A8A; /*8A8A8A*/
	margin-bottom:22px;
}
	h2 span {
		color:#8a8a8a;
	}
h3 {
	font-size:1em;
	margin-bottom:6px;
}

h3.titolo-menu {
	font-size:16px;
	margin-bottom:6px;
	color:#ffffff;
	margin-bottom:20px;
	
}
	h3 a { color:#242424; }
	h3 a:hover {
		text-shadow: 1px 1px 1px #888; 
	}

h4 
{
    color:#600040;
    border-bottom: 1px solid #E7E3E1;
    margin-bottom: 20px;
    padding-bottom: 10px;
    text-align: left !important;
    font-size:24px;
}

/*==================login====================*/

a.button
{
    margin-top:5px;
    line-height:25px;
    background:url(../images/bg-button.png) repeat-x;
    color:#ffffff;
    border:none;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:5px;
    cursor:pointer;
    padding: 3px 12px;
    border-radius:5px;
    }
 
 .pulsante
{
    margin-top:5px;
    line-height:25px;
    background:url(../images/bg-button.png) repeat-x;
    color:#ffffff;
    border:none;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:5px;
    cursor:pointer;
    padding: 3px 12px;
    border-radius:5px;
    }

 .pulsante2
{
    margin-top:5px;
    line-height:25px;
    background:url(../images/bg-button.png) repeat-x;
    color:#ffffff;
    border:none;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:5px;
    cursor:pointer;
    padding: 3px 12px !important;
    border-radius:5px;
    }
   
   .pulsante:hover
{
    background:url(../images/bg-button_h.png) repeat-x;
    color:#ffffff;
    }

    
#ctl00_LoginVert1_lnkPassword 
{
    color:#600040;}
    
/*==================menu area riservata====================*/
    
ul.info-list li
{ height:25px;
  line-height:25px;
  border-bottom: 1px solid #dddddd;
} 

ul.info-list li.last-li 
{
    border:none
}

.aCarrello 
{
    background: none !important;
    padding-left:0 !important;
}

ul.info-list li a
{
    color:#600040;
    text-decoration:none;
    padding-left:15px;
    background:url(../images/bullet.gif) no-repeat 0 5px;
}

ul.info-list li a:hover
{
    color:#A0C000;
    text-decoration:none;
}

ul.info-list li.li-carrello
{
    height:50px;
    line-height:50px;
    border:none;
}

#menu-carrello 
{
    height:50px;
    line-height:50px;
    text-align:center;
}
#ctl00_IBcarrello 
{
    margin-top:10px;
}



/*==================boxes====================*/
.main-box {
	background:#fff;
	width:100%;
}


.contacts {
	padding-bottom:20px;
}
	.contacts li {
		width:100%;
		overflow:hidden;
	}
		.contacts li strong {
			float:left;
			width:95px;
		}


.list1 {
	margin-left:12px;
	padding-bottom:18px;
}
.list1 li {
	background:url(../images/arrow1.gif) no-repeat 0 6px;
	padding:0 0 0 12px;
}







/*===== gallery =====*/
.roundabout-holder  { 
	width:850px;
	height:496px;
	margin:0 auto;
}
.roundabout-moveable-item {
   width: 646px;
   height: 416px;
   cursor: pointer;
	 border:3px solid #ccc;
	 border:3px solid rgba(0, 0, 0, 0.08);
   border-radius:4px;
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
}
	.roundabout-moveable-item img{
		width:100%;
	}
.roundabout-in-focus {
	border:3px solid rgba(0, 0, 0, 0.2);
}

/* tailings */
.tail-top, .tail-top1, .tail-top2, .tail-top3 {background-repeat:repeat-x;background-color:#f2f2f2;background-position:left top;min-width:980px}
.tail-top {background-image:url(../images/tail-top.gif)}
.tail-top1 {background-image:url(../images/tail-top1.gif)}
.tail-top2 {background-image:url(../images/tail-top2.gif)}
.tail-top3 {background-image:url(../images/tail-top3.gif)}

/* boxes */
.header-box {width:100%;background:url(../images/header-box-tail.gif) repeat-x left top;position:relative;top:50px}
.header-box .left {background:url(../images/header-box-left.gif) no-repeat left top}
.header-box .right {background:url(../images/header-box-right.gif) no-repeat right top;height:81px}
.box {width:170px; background: linear-gradient(0deg, #fff calc(100% - 40px), #600040 40px); border:1px solid #CCC; border-radius:5px; box-shadow: 2px 2px 5px 1px #CCC;}
.box .border-bot {background:url(../images/border-bot.gif) repeat-x left bottom}
.box .border-left {background:url(../images/border-left.gif) repeat-y left top}
.box .border-right {background:url(../images/border-right.gif) repeat-y right top}
.box .left-top-corner {background:url(../images/left-top-corner.gif) no-repeat left top}
.box .right-top-corner {background:url(../images/right-top-corner.gif) no-repeat right top}
.box .left-top-corner1 {background:url(../images/left-top-corner1.gif) no-repeat left top}
.box .right-top-corner1 {background:url(../images/right-top-corner1.gif) no-repeat right top}
.box .left-bot-corner {background:url(../images/left-bot-corner.gif) no-repeat left bottom;width:100%}
.box .right-bot-corner {background:url(../images/right-bot-corner.gif) no-repeat right bottom}
.box .inner {padding:10px 10px 10px 15px}
.box.extra {background-image:url(../images/box-tail1.gif);background-repeat:repeat-x;width:100%}
.box.extra .inner {padding:4px 4px 1px 4px}
.box .border-top {background-image:url(../images/box-tail2.gif);background-repeat:repeat-x;width:100%}
.box .inner1 {padding:7px 0 0 0}

.areaRis { min-height:100px;}


/*===== content =====*/
#content {
	
}
	/*#content img, aside img {
		border:3px solid #ebebeb;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	}
	#content img:hover {
		border-color:#bbb;
	}*/
	
	.img-left {
		float:left;
		margin-right:20px;
	}
	

/*--- news list styles ---*/
	.news li {
		overflow:hidden;
		position:relative;
		padding:0 0 26px 84px;
	}
	.news li:last-child {
		padding-bottom:0;
	}
	
		.news li figure {
			width:59px;
			height:59px;
			background:url(../images/date-bg1.gif) no-repeat 0 0;
			position:absolute;
			left:0;
			top:0;
			text-align:center;
			border:3px solid #ebebeb;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			font-size:10px;
			color:#fff;
			text-transform:uppercase;
		}
			.news li figure strong {
				display:block;
				font-size:30px;
				line-height:1.2em;
				margin-bottom:-7px;
				padding-top:4px;
			}
		
		.news li:nth-of-type(4n+2) figure {
			background:url(../images/date-bg2.gif) no-repeat 0 0;
		}
		.news li:nth-of-type(4n+3) figure {
			background:url(../images/date-bg3.gif) no-repeat 0 0;
		}
		.news li:nth-of-type(4n+4) figure {
			background:url(../images/date-bg4.gif) no-repeat 0 0;
		}




.team-list li {
	width:100%;
	overflow:hidden;
	padding-bottom:43px;
}
.team-list li:last-child {
	padding-bottom:0;
}
	.team-list li figure {
		float:left;
		margin:0 20px 0 0;
		padding:0;
	}


/*--- loopedSlider styles ---*/
/*
 * Required 
*/
#loopedSlider .wrap { width:295px; height:295px; overflow:hidden; position:relative;}
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div { position:absolute; top:0; width:295px; display:none; }
/*
 * Optional
*/
#loopedSlider { width:295px; position:relative; clear:both; }
#loopedSlider .nav-controls {
	width:100%;
	overflow:hidden;
	padding-top:10px;
}
#loopedSlider li {
	display:inline;
}
#loopedSlider li a.previous {
	float:left;
}
#loopedSlider li a.next {
	float:right;
}




/*----- forms -----*/
#contacts-form { 
	clear:right;
	width:100%;
	overflow:hidden;
}
	#contacts-form fieldset { 
		border:none;
		float:left;
	}
		#contacts-form .field { 
			clear:both;
		}
			#contacts-form label { 
				float:left;
				width:110px;
				line-height:18px;
				padding-bottom:6px;
				font-weight:bold;
			}
			#contacts-form input {
				width:205px;
				padding:1px 0 1px 3px;
				background:none;
				border:1px solid #e5e5e5;
				color:#616161;
				float:left
			}
			#contacts-form input:invalid {
				border-color:red;
			}
			#contacts-form textarea { 
				width:450px;
				height:215px;
				padding:1px 0 1px 3px;
				background:none;
				border:1px solid #e5e5e5;
				color:#616161;
				margin-bottom:12px;
				overflow:auto;
				float:left;
			}
			#contacts-form div:last-child {
				padding-left:110px;
			}

/*=================Login=========================*/

.campi-login  
{
    margin-bottom:10px;
}

/*=================Table=========================*/
.tb100
{
    width:98%;
    margin:1%;
}
.tb80
{
    width:80%;
}
.tb-novita
{
    width:100%;
    border: 1px solid #DBDBDB;
}

.td-novita1
{
    width:20%;
    text-align:center;
}


 tr.empty
{
    height:100px;
    line-height:100px;
    text-align:center;
}

.percorso-novita
{
    text-align:right;
}

.percorso-novita a
{
    text-align:right;
}

.msg-contatti
{
    text-align: right;
}

.contatti-form
{
    margin-top:20px;
}

.contatti-form input
{
    width:300px;
    margin-bottom:10px;
}

.contatti-invia input
{
    width:50px !important;
    margin-bottom:10px;
    cursor:pointer;
}
.contatti-form textarea
{
    margin-bottom:20px;
}

#ctl00_ContentPlaceHolder1_SchedaUtente1_DVUtente td
{
    height:30px;
}

#ctl00_ContentPlaceHolder1_GV_TRACKING_HEAD, #ctl00_ContentPlaceHolder1_GV_ELENCOFATTURE, #ctl00_ContentPlaceHolder1_GV_estratto
{
    border:1px solid #ccc;
}

#ctl00_ContentPlaceHolder1_GV_ELENCOFATTURE_ctl02_GV_DETTAGLIO_TRACKING
{
    margin-bottom:15px;
}

#ricerca-ordini td
{
    height:30px;
}

.paginazione
{
    text-align:center;
}

.paginazione span
{
    color:#990000;
    font-weight:bold;
}

.titoloArticolo 
{
    width:146px;
    font-weight:bold;
    text-align:center;
    border:2px solid #333333;
    border-bottom:none;
    float:left;
}
.titoloDescrizione 
{
    width:400px;
    font-weight:bold;
    text-align:center;
    border:2px solid #333333;
    border-left:none;
    border-bottom:none;
    float:left;
}

.titoloPrezzo
{
    width:80px;
    font-weight:bold;
    text-align:center;
    border:2px solid #333333;
    border-left:none;
    border-bottom:none;
    float:left;
}
.titoloQuantita
{
    width:80px;
    font-weight:bold;
    text-align:center;
    border:2px solid #333333;
    border-left:none;
    border-bottom:none;
    float:left;
}


.campoArticolo 
{
    float:left;
    width:140px;
    border-right:2px solid #333;
    border-bottom:1px solid #ccc;
    padding-left:5px;
    height:24px;
    line-height:24px;
}

.campoDescrizione 
{
    float:left;
    width:390px;
    padding-left:5px;
    padding-right:5px;
    border-right:2px solid #333;
    border-bottom:1px solid #ccc;
    height:24px;
    line-height:24px;
    font-size:12px;
}

.td-descrizione
{
    width:482px;
}

.td-quantita
{
    border-bottom:1px solid #ccc;
}

.codDescrizione 
{
    float:left;
    width:50px;
    padding-right:5px;
    border-right:2px solid #333;
    border-bottom:1px solid #ccc;
    height:24px;
    line-height:24px;
    font-weight:bold;
    font-size:12px;
    display:none;
}

.codDescrizionePU
{
    float:right;
    width:50px;
    padding-right:5px;
    height:24px;
    line-height:24px;
    font-weight:bold;
    font-size:12px;
}

.campoPrezzo 
{
    float:left;
    width:65px;
    padding-left:5px;
    padding-right:10px;
    border-left:2px solid #333;
    border-bottom:1px solid #ccc;
    height:24px;
    line-height:24px;
    
}

.grigliaCatalogo
{
    clear:both;
    margin-left:1px;
    width:716px !important;
}

.grigliaCatalogo td
{
    padding:0 !important;
    vertical-align:inherit;
}

.grigliaCatalogo tr
{
    height:20px !important;
}

.tbQuantita 
{
    width:50px;
    height:14px;
    text-align:center;
}

.esito-ricerca
{
    font-weight:bold;
    font-style:italic;
    color:#600040;
}

.overlay
{   
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    position: fixed;
    z-index:1001;    
    background: #000000; 
    filter:alpha(opacity=80); 
    -moz-opacity:.80; 
    opacity:.80;
    /*display:none*/
}

.dettaglio-articolo
{
    z-index:1002;
    min-height:240px;
    left:50% !important;
    top:50% !important;
    margin-top:-120px;
    margin-left:-325px;
    padding:10px;
}

.dettaglio
{
    z-index:1002;
}

.dettaglio-sped
{
    position:relative;
    z-index:1002;
    min-height:240px;
    left:50% !important;
    top:50% !important;
    margin-top:-120px;
    margin-left:-325px;
    padding:10px;
}

    

.msg-carrello
{
    z-index:1002;
    height:160px;
    width:300px;
    left:50% !important;
    top:100px;
    margin-left:-150px;
    padding:10px;
    position:absolute !important;
    background:#fff;
    border:2px solid #600040;
    font-size:14px;
    font-weight:bold;
    color:#600040
}

.intestazione
{
    background:#600040;
}

.intestazione2
{
    color:#600040;
    font-size:13px !important;
    font-weight:bold;
}

.tblScheda td
{
    padding: 2px 0 2px 0;
    vertical-align:top !important;
}

.tdBorder td
{
    border:1px solid #cccccc
}

#login input
{
    margin-bottom:10px !important
}

#login .button
{
    padding:10px 25px
}

.password-error
{
    text-align:center;
    color:#990000;
    font-size:12px;
}

.intestazione
{
    color:#ffffff;
    font-weight:bold;
    line-height:30px;
}

.intestazioneR
{
    color:#ffffff;
    font-weight:bold;
    line-height:20px;
    background: #A0C000;
}

.promo, .conferma
{
    z-index:1100 !important;
}

.cataloghiAcc 
{
    width:250px;
    float:left;
    margin-right:20px;
}

.accordionHeader {
    background-color: #600040;
    border: 1px solid #CCCCCC;
    color: white;
    cursor: pointer;
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
}
.accordionHeaderSelected {
    background-color: #990000;
    border: 1px solid #CCCCCC;
    color: white;
    cursor: pointer;
    font-family: Arial,Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
}

.accordionContent {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F7F7F7;
    border-color: -moz-use-text-color #CCCCCC #CCCCCC !important;
    border: 1px solid #CCCCCC !important;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 10px 5px 5px;
}

.listaCataloghi li
{
    margin: 0 0 0px 15px;
    list-style-image: url(../immagini/bullet_verde.jpg);
    line-height:20px;
}

.p-home
{
    text-align:justify;
    font-size:13px;
}

.titoliPag
{
    color:#89AE3D; 
    font-size:18px; 
    font-weight:bold; 
    margin:15px 0 15px 0;
}

.contattiAziendali
{
    color:#89AE3D; 
    font-size:14px; 
    font-weight:bold; 
}


ul.info-list-page li {
    background: url("../images/bullet-red.gif") no-repeat scroll 0 5px transparent;
    padding-left: 15px;
    text-decoration: none;
    line-height:20px;
}

.colorBody, .coloBody p, .colorbody li
{
    color:#666666
}

.contatti_dx
{
    background: url("../immagini/bg_contatti.jpg") no-repeat;
    width:215px;
    height:317px;
    float:right;
    padding:20px 5px 10px 20px;
}

.contatti_sx
{
    width:440px;
    float:left;
}

.form {
    background-color: #E7E7E7;
    border: 1px solid #336666;
    color: #000000;
    font-family: Verdana,Helvetica;
    font-size: 11px;
}

.intro  
{
    margin-top:20px;
    text-align:justify;
}

icon, [class^="icon-"] {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

footer i {
    font-size: 16px !important ;
    width: 0px;
    text-align: center;
    padding-right: 22px;
    float: left;
    color: #093f89;
}

.fa-envelope { font-size: 14px !important;}

.documenti td 
{
    padding:3px 5px;
}

.gvEstratto th 
{
    color:#FFFFFF;
    background:#600040;
    border:1px solid #CCC;
    line-height:20px;
    text-align:center;
}

.gvEstratto td 
{
    border: 1px solid #CCCCCC;
}

.tblPd td { padding: 3px 2px !important; }

.gv_agenti td { border-bottom:1px solid #600040;}

label[for=ctl00_ContentPlaceHolder1_cbRitiro] { display:inline !important}

.lente { padding:0px !important;}