html, form{
	margin: 0;
	padding: 0;
}

body{
	margin: 0;
	padding: 0;
	text-align: center;
	background: #FFF;
}

#contenitore{
	background: #FFF;
    width:1000px;
    height:750px;
    margin: 10px auto;
}
#testata{
    text-align: left;
    position: relative;
    height:120px;
    margin: 0;
	padding:20px 0 0 0;
}
#testata img{border:0;}

#newsHome{
    width:240px;
    height:224px;
    text-align: left;
    overflow: hidden;
    background:#87888A;
    position: absolute;
    top: 336px;
    left: 0;
    z-index: 2000;
}

#newsHome_ul {
	width: 240px;
	height: 224px;
	display: block;
	list-style-type: none;
	margin: 0 0;
	padding: 0;
    overflow: hidden;
	
}
#newsHome_ul li {
	display: block;
	width: 240px;
	height: 224px;
	margin: 0 0;
	padding: 0;
	float: left;
    font-family: Tahoma;
    font-size: 14px;
    color: #FFF;
}
#newsHome_ul .newsImg{width:240px;height:90px;margin:0;text-align:center;}
#newsHome_ul img{border:0;}
#newsHome_ul .data{margin:5px 10px 0 10px;font-size: 10px;}
#newsHome_ul .titolo{margin:0px 10px;font-weight:bold;}
#newsHome_ul .testo{margin:0px 10px 0;font-size: 11px;} 
#newsHome_ul a{color:#FFF;text-decoration:none;font-weight:bold;}

#corpo{
    position: relative;
	background: #FFF url(/img/bg_corpo.gif) repeat-y top right;
    height:560px;
    margin: 5px 0 0;
    padding: 0 68px 0 0;
    overflow: hidden;
}
#menu{
    position: absolute;
    top: 0;
    left: 0;
	width: 240px;
    height: 560px;
    margin: 0;
    z-index: 1000;
}
div.el_menu{
    position: relative;
    padding: 0;
    height: 35px;
    text-align: left;
    color: #FFF;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 14px;
	background: #000 url(/img/bg_menu.png) repeat top left;
	margin: 8px 0 0 0;
} 
div.el_menu:first-child{margin: 0;}
div.el_menu_cover{position: absolute; display:none; background: #FFF; height: 35px; width: 240px; top: 0; left: 0;}
div.el_menu img{ border:0;} 
#fb_like{background:#FFF url(/img/Biemme_Facebook.jpg) no-repeat center left;position:absolute;left:0;top:5px;width:100px;padding-left:140px;text-align:right;}
#footer{
	background: #FFF url(/img/bg_footer.gif) repeat-y top right;
    height:15px;
    margin: 5px 0 0 0;
    padding: 45px 68px 0 0;
    text-align: left;
    font-size: 10px;
    font-family: Tahoma;
    color: #555;
    position: relative;
}
#footer a{color: #555; text-decoration: underline;}
#footer img{border:0;}
		
#menu_lingue{position: absolute; text-align: right; width: 200px; top: 28px; right: 68px;line-height:16px;}
#menu_lingue a{color: #777; text-decoration: underline;}
		
#sezBanner{
    float: left;
    width: 110px;
    height: 560px;
    background: #000;
}
	
#contenuto{
    margin: 0 0 0 8px;
    padding: 8px;
    border: 2px #CCC solid;
    float: left;
    width: 794px;
    height: 540px;
	background: #FFF;
	overflow: auto;
	position: relative;
}	
#contenuto_prodotti{
    margin: 0 0 0 8px;
    padding: 0;
    float: left;
    width: 814px;
    height: 560px;
	background: #FFF;
	overflow: hidden;
}	
#contenuto_contatti{
    margin: 0 0 0 8px;
    padding: 8px;
    float: left;
    width: 794px;
    border: 2px #CCC solid;
    border-top: 0;
    height: 273px;
	background: #FFF;
	overflow: hidden;
    font-family: Tahoma;
    text-align: left;
    font-size: 12px;
}	
#img_contatti{
    float: left;
    margin: 0 0 0 8px;
    padding: 0;
    width: 814px;
    height: 269px;
	overflow: hidden;
}	
#contattiHTML{float: left; width: 377px; height: 272px; padding: 0 20px 0 0; overflow: auto;}
#contattiForm{float: left; width: 397px; height: 272px;}

p.pagContainer{position:absolute;top:0;right:0;text-align:right;clear:both;margin:0;}
.pagText{
    display: block;
    padding: 5px;
    border: 2px #CCC solid;
    color: #D00;
    width: 30px;
    font-weight: bold;
    font-family: Tahoma;
    text-align: center;
    font-size: 18px;
    float: left;
    margin: 0 0 0 8px;
}
a.pagLink{
    display: block;
    padding: 5px;
    border: 2px solid #CDCDCD;
    color: #CCC;
    width: 30px;
    font-weight: bold;
    font-family: Tahoma;
    text-align: center;
    font-size: 18px;
    float: left;
    margin: 0 0 0 8px;
    text-decoration: none;
}
a.pagLink:hover{color: #AAA;}
		
#imgCollezione{float: left; width: 400px; height:560px;}

#container_listaCategorie{
    float: left;
    width: 414px;
    height:560px;
    background:#000;
    position: relative;
}

#listaCategorie{
    text-align: left;
    bottom: 30px;
    left: 20px;
    color: #FFF;
    position: absolute;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 18px;
}
#listaCategorie a{color: #CCC; text-decoration: none;}
#listaCategorie a:hover{color: #FFF;}


#container_listaLinee{
    float: left;
    width: 294px;
    height: 560px;
    background:#000;
    position: relative;
}

#listaLinee{
    text-align: left;
    bottom: 30px;
    left: 40px;
    color: #FFF;
    position: absolute;
    font-weight: normal;
    font-family: Tahoma;
    font-size: 16px;
}
#listaLinee a{color: #CCC; text-decoration: none;}
#listaLinee a:hover{color: #FFF;}
#imgLinea{float:left; width:520px; height:560px; background: #000;}

#container_prodListaLinee{
    float: left;
    width: 198px;
    height: 556px;
    background:#FFF;
    position: relative;
    border-top: 2px solid #CDCDCD;
    border-left: 2px solid #CDCDCD;
    border-bottom: 2px solid #CDCDCD;
}

#prodListaLinee{
    text-align: left;
    bottom: 30px;
    left: 20px;
    color: #000;
    position: absolute;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 14px;
}
#prodListaLinee a{font-weight: normal;color: #000; text-decoration: none;}

#prodottoDettagli{
    float: left;
    width: 200px;
    padding: 0 15px;
    height: 556px;
    background: #DEF;
    border-top: 2px solid #CDCDCD;
    border-bottom: 2px solid #CDCDCD;
}
#prodottoHTML{height: 320px; margin:10px 0 0 0; text-align: left;font-family: Verdana;font-size: 12px;line-height: 16px;}
#prodottoDettagli .titolo{font-weight: bold;font-family: Tahoma;font-size: 16px;}
#prodottoHTML .ProdottoTxt{line-height:normal;}

#listaTipoProdotto{height: 185px; margin:20px 0 0 0; padding: 20px 0 0 0; border-top: 1px #000 solid; text-align: center;font-family: Verdana;font-size: 12px;line-height: 18px;}
#listaTipoProdotto a{color:#000; text-decoration: none;}


#prodottoImg{
    float: left;
    width: 382px;
    height: 556px;
    border-top: 2px solid #CDCDCD;
    border-right: 2px solid #CDCDCD;
    border-bottom: 2px solid #CDCDCD;
    overflow: auto;
}
.varianteAttiva{
    background: #FFF;
    width: 220px;
    float: left;
    height: 536px;
    padding: 10px;
    margin:0;
    text-align: center;
    position: relative; 
}
.varianteAttiva img{margin:15px 0 0 0;}
.varianteAttivaCodice{display: block; position: absolute; top:5px; left: 0; width: 220px; padding:0 10px; text-align: center; font-family: Tahoma; font-size: 12px;}

.varianteLista{
    background: #FFF;
    width: 130px;
    float: left;
    height: 536px;
    padding: 10px 6px;
    margin:0;
    overflow: auto;
}
.varianteSmall{
    width: 110px;
    border: 1px #DEDEDE solid;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    font-family: Tahoma;
    font-size: 12px;
}
.varianteSmall img{border:0;}
.varianteSmall a{color:#000;text-decoration: none;}

#navigazione{
    text-align: left;
    position: absolute;
	bottom: 7px;
	left: 130px;
	width: 640px;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 14px;
    color: #555;
}
#navigazione .active{color:#000;}
#navigazione a{color: #555; text-decoration: none;}
#navigazione a:hover{color: #000;}
		
#menu_footer{position: absolute; width:928px; top:0px; left: 2px; height: 30px; overflow: hidden;}
#menu_footer .el_menu_footer{float:left; width: 116px; text-align: center; font-size: 13px; color: #000; font-weight: bold;}		
#menu_footer .el_menu_footer a{text-decoration: none;font-weight: normal;}			
#menu_footer .el_menu_footer a:hover{color: #000;}		
		
div.cont_tessuti{height: 490px;overflow: auto;background: #FFF;}		
div.tessuto{width: 139px; height: 490px;float: left; text-align:center; font-family: Tahoma; margin:0 0 0 10px; padding:0 0 0 10px; background: #FFF url(/img/bg_tess_fond.png) repeat-y top left;}	
div.tessuto:first-child{background: #FFF; margin: 0; padding:0;}	
div.tessuto p{text-align:justify; margin:0; font-size: 10px;}		
div.tessuto p.tessuto_titolo{margin:5px 0; font-weight: bold; font-size: 12px;}

div.cont_fondelli{height: 490px;overflow: auto;background: #FFF;}		
div.fondello{width: 245px; height: 490px;float: left; text-align:center; font-family: Tahoma; margin:0 0 0 10px; padding:0 0 0 10px; background: #FFF url(/img/bg_tess_fond.png) repeat-y top left;}	
div.fondello:first-child{background: #FFF; margin: 0; padding:0;}	
div.fondello p{text-align:justify; margin:0; font-size: 10px;}		
div.fondello p.fondello_titolo{margin:5px 0; font-weight: bold; font-size: 12px;}


#listaNews{
    text-align: left;
    color: #FFF;
    background: #000;
    float: left;
    width: 270px;
    height: 540px;
    padding: 10px 15px;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 14px;
    overflow: auto;
}
#listaNews a{color: #FFF;text-decoration:none;font-weight:normal;}
#listaNews a:hover{text-decoration:underline;}
#listaNews .dataNews{font-size:12px;font-style:italic;font-weight:normal;}
#listaNews .news{margin:0 0 10px 0;}

#news{
    border: 1px solid #000;
    float: left;
    width: 482px;
    height: 538px;
    padding: 10px 15px;
    font-family: Tahoma;
    font-size: 14px;
    overflow: auto;
    text-align: left;
}
.newsData{font-size:12px;font-style:italic;font-weight:normal;}
.newsTitolo{font-size:16px;font-weight:bold;}
.newsTesto{margin: 5px 0 0 0;}

#listaRivenditori{
    text-align: left;
    color: #000;
    background: #FFF;
    border-right: 2px solid #AAA;
    float: left;
    width: 270px;
    height: 520px;
    padding: 10px 25px 10px 15px;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 14px;
    overflow: auto;
}
#listaRivenditori .Rivenditore{margin:0 0 5px 0;}
#listaRivenditori a{color: #000;text-decoration:none;font-weight:normal;}
#listaRivenditori a:hover{text-decoration:underline;}
.rivenditoreTitolo{font-size:16px;font-weight:bold;}
#rivenditoreMappa{width: 462px; height: 350px; margin: 5px 0 10px 0;}
.gMapInfo{
    margin: 0;
    text-align: left;
    font-family: Tahoma;
    font-size: 14px;
    color: #000;
    width: 250px;
}

.gMapInfo span.title{font-size:16px;font-weight:bold;}
#rivenditore{
    float: left;
    background: #FFF;
    width: 462px;
    margin: 0 0 0 10px;
    height: 520px;
    padding: 10px 5px;
    font-family: Tahoma;
    font-size: 12px;
    line-height: 16px;
    overflow: auto;
    text-align: left;
}
#rivenditore a{color: #000;}

#form_contatti{
    overflow: auto;
    font-size: 12px;
}
#form_contatti label{
    margin: 3px 0 0 0;
    width: 50%;
    float: left;
}
#form_contatti label.large{
    width: 100%;
    clear: both;
    float: left;
}
#form_contatti .capt{position:absolute;visibility:hidden;}
.contattiRisp{text-align: center;font-size:16px;margin: 50px 0 0 0;}

.categoriaDownload{ margin: 0 0 15px 0; font-family: Tahoma; font-size: 12px; text-align: left;}
.categoriaDownloadNome{ margin: 0 0 15px 0; font-weight: bold; font-size:16px;}
.download{overflow:auto; margin: 0 0 10px 0;}
.downloadImg{float:left; margin: 5px 5px 5px 0;}
.download img{border: 0;}
a.downloadNome{color:#000; font-weight: bold;}

.contenutoHTML{margin: 45px 0 0 0; font-family: Tahoma; font-size:12px; text-align: left;}

#menuContenuti
{
    overflow: hidden;
    position: absolute;   
    top:0;
    left:0;
    width: 810px;
    height: 40px;
    background: #DD0000; 
}
#menuContenuti p{float:left; width:270px; margin: 0; font-family: Verdana;}
#menuContenuti p img{border:0;}

.tipoPersonalizzata{font-family: Tahoma; font-size: 12px; text-align:left; }
#CategoriaCustom
{
    float: left;
    height:560px;
    width: 260px; 
}

div.el_catCustom{
    position: relative;
    padding: 0;
    height: 112px;
    text-align: left;
    color: #FFF;
    font-weight: bold;
    font-family: Tahoma;
    font-size: 14px;
	background: #DEDEDE url(/img/bg_menu.png) repeat top left;
} 
div.el_catCustom_cover{position: absolute; display:none; background: #FFF; height: 112px; width: 260px; top: 0; left: 0;}
div.el_catCustom img{ border:0; height: 112px; width: 260px;} 

#descrizioneCustom{width:536px;float:left; overflow:auto; height:540px; border: 2px solid #CCC;border-left:0;padding:8px;font-size:14px;font-family: tahoma;text-align: left;}

.StepFullCustom{overflow:hidden; width:520px; margin:0 0 10px 0;}
.StepFullCustomOrdine{font-size: 18px; font-weight: bold; color: #E00; margin:0; padding: 0 0 0 5px; width: 25px; float:left;}
.StepFullCustomHTML{font-size: 14px; margin:0; padding: 4px 0 0 0; width: 490px; float:left;}
.StepFullCustomHTML a{font-size: 16px; color: #36AB30; text-decoration: none; font-weight: bold;}

/* --------- SEMI CUSTOM ------------*/
#listaModelli{
    overflow:hidden;
    margin: 25px auto 0;
    background: #FFF;
    width: 744px;
}
.modello
{
    width:124px;
    height:124px;    
    float: left;
    margin: 0 10px 20px 10px;
}
.modello img{border:0;}
.modello a{display:block; width:120px; height:120px; border:2px solid #FFF;}
.modello a:hover{border:2px solid #CCC;}

.stepSC
{
    text-align: left;
    font-family: Tahoma;   
    font-size:18px;
    margin: 0 0 10px 0;
    overflow: hidden;
}
.titoloSC{margin:8px 0 0 0; float:left; width:600px;}


#imgModello
{
    width:500px;
    height:500px; 
    float:left;   
}
#opzioni_SC
{
    background: #FFF;
    float:left;
    width: 275px;
    height:490px; 
    margin-left:15px;
}
.CategoriaOpzione
{
    font-family: Tahoma;   
    font-size:14px;
    font-weight: bold;
    text-align: left;
    margin:20px 0 5px 0;
}

.opzione_SC{overflow: hidden;margin:0;}
.opzione_SC_chk{width: 20px; float: left; margin:0;}
.opzione_SC_label{width: 250px; float: left; margin:0; text-align:left;font-family: Tahoma; font-size:10px;padding:3px 0 0 0;}

 
.progressWrapper {
	width: 260px;
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	
	overflow: hidden;
}
.red /* Error */
{
	border: solid 1px #B50000;
	background-color: #FF0000;
}
.green /* Current */ 
{
	border: solid 1px #DDF0DD;
	background-color: #FFEBEB;
}
.blue /* Complete */
{
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: bold;
	color: #555555;
	
	width: 230px;
	height: 12px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 230px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}
a.progressCancel,
a.progressCancel:link,
a.progressCancel:active,
a.progressCancel:visited,
a.progressCancel:hover
{
	font-size: 0px;
	display: block;
	height: 14px;
	width: 14px;
	
	background-image: url(/file_manager/img/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}
a.progressCancel:hover 
{
	background-position: 0px 0px;
}

.element
{
    position: absolute; 
}

.handleResize
{
    position:absolute;
    bottom:0;
    right:0;
    width:15px;
    height:15px; 
    background: transparent url(/img/icoResize.gif) no-repeat bottom right;     
    cursor: nw-resize;   
    z-index: 110;
}
.handleDrag
{
    position:absolute;
    border:1px solid #FFF;
    top:0;
    left:0;
    width:13px;
    height:13px; 
    background: transparent url(/img/icoMove.gif) no-repeat bottom right;     
    cursor: move;   
    z-index: 110;
}
.handleDelete
{
    position:absolute;
    border:1px solid #FFF;
    top:0;
    right:0;
    width:55px;
    height:15px; 
    background: #FFF;     
    cursor: pointer;   
    z-index: 110;
}


.back{clear:both;margin:15px 0 0 0; font-size: 12px; color:#000;}
.back a{color:#444; text-decoration:none;}
.back a:hover{color:#000; text-decoration:underline;}
/* ---------  CSS PER FORM  --------- */

.TextButton{
	font-size: 12px; 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
}
.TextButtonContatti{
	font-size: 12px; 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 388px;
}
.TextBianco{
	font-size: 11px; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	border: 1px #AAA solid;
	padding: 1px;
}
.TextModificato{
	font-size: 11px; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	background-color: #FFDD00;
	border: 1px #AAA solid;
	padding: 1px;
}
.TextErrato{
	font-size: 11px; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	background-color: #FF3333;
	border: 1px #AAA solid;
	padding: 1px;
}
.TextReadonly{
	font-size: 11px; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	background-color: #DEDEFF;
	border: 1px #AAA solid;
	padding: 1px;
}