@charset "UTF-8";

/* Layout Rivestimento
----------------------------------------------- */

#container #headerpav {
	margin-bottom: 1em;
	text-align: left;
	padding-left: 0.5em;
	padding-top: 10px;
	background: url(../images/header_bg.png) no-repeat 0px 0px;
	behavior: url(iepngfix.htc);
}

#container #headerpav h3 {
	text-align: center;
}

#container #boxshot {
	margin:0;
	float: right;
	height: 280px;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 0;
 }

#container #headerimage {
	/*border-top: solid 1px #999;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #3a3a3a;
	border-right: solid 1px #3a3a3a;*/
	/*text-align: center;*/
	/*width: 360px;*/
	/*height: 50px;*/
	padding-top: 80px;
	padding-left: 20px;
 }

.normal {
	margin: 0;
	padding: 0;
	text-align: justify;
	word-spacing: 2px;
	letter-spacing: 1px;
	line-height: 20px;
	color:#0000;
	font-size:12px;
	font-weight: 500;
}

/* Texture
----------------------------------------------- */

.texture {
	background: url(../images/pavimento/texture.gif) no-repeat top center;
	margin: 30px 30px 20px 30px;
	padding: 74px 270px 0px 250px;
	}
	
.texturetab {
	border-collapse:collapse;
	width:98%;
	margin:0;
	padding: 0;
	font-size: 12px;
	font-weight: 500;
	color:#666;
	text-align: center;
}

.texturetab th {
	margin: 0;
	padding: 0 0 80px 0;	
	font-weight: bold;
}
/* Personalizzazioni
----------------------------------------------- */

.person {
	width: 45%;
	background: url(../images/pavimento/pav_person.gif) no-repeat top right;
	margin: 30px 30px 20px 30px;
	padding: 0 400px 80px 0;
	}

/* Layout a 2 colonne
----------------------------------------------- */

.grid2cola {
	width: 90%;
	/*margin: 0;
	padding: 0;
	background-color: #0000FF;*/
	margin: 30px 30px 20px 30px;
	padding: 0;
	}

.grid2cola .columna { 
	
	padding: 0;
	margin: 0;
	}

.columna.firsta {
	width: 45%;
	margin-left: 0 !important;
	float:left;
	padding: 0;
	}

.columna.lasta { 
	width: 45%;
	margin-left: 0 !important;
	float: right !important;
	padding: 0;
	}

/* Tabelle - Esempi e Misure Articoli
----------------------------------------------- */
.colori{
	border-collapse:collapse;
	width:90%;
	margin:0;
	font-size: 10px;
	font-weight: bold;
	color:#666;
	text-align: center;
}

.colori td {
	margin-right: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

#misure {
	margin: 0;
	padding: 0;
	background: url(../images/pavimento/pav_misure_bg.gif) no-repeat bottom right;

}

.misure {
	border-collapse:collapse;
	width:90%;
	margin:0;
	font-size: 12px;
	font-weight: 500;
	color:#666;
	text-align: left;
}

.misure th {
	margin: 0;
	padding-top: 0.5em;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 2em;
	color: #000;	
	font-weight: bold;
	cursor: pointer;
}

.misure td {
	margin: 0;
	padding-top: 0.5em;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 2em;
	text-align: left;
}

.ambientazioni {
	margin: 0;
	padding: 0;
	text-align: left;
}

.dettagli {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 12px;
}

.zoom {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 12px;
}

#ambient {
	border-collapse:collapse;
	empty-cells:show;
	width:50%;
	margin:0;
	font-size: 14px;
	font-weight: 800;
	color:#999999;
}

#ambient td {
	margin: 0;
	padding-top: 0.4em;
	padding-right: 0;
	padding-bottom: 0.4em;
	padding-left: 2em;
	text-align: left;
}

#ambient tr {
	-moz-user-select: none;
	-khtml-user-select: none;
}
#ambient tr.infocus {
	background-color:#dfdfdf;
	cursor: pointer;
}

#ambient tr.notinfocus { background-color: #fff; }
#ambient tr.selected { color: #FF0000; } /* non so a cosa serva!!! */
#ambient tbody { margin-top: 0; }

.rowHover {
	color: #000;
	/*background-color: #CCCCCC;*/
	cursor: pointer;
	/*background-image: url(../images/rivestimento/blt_panel_clps.gif);
	background-repeat: no-repeat;
	background-position: left 50%;*/
}

.rowSelected { 
	color: #000;
	background-image: url(../images/pavimento/blt_panel_clps.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
	/*background-color: #CCCCCC;*/
}

/* Accordion Classes
----------------------------------------------- */

.Accordion {
	color:#000;
	border-left: solid 1px #dedede;
	border-right: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
	overflow: hidden;
	margin: 0 50px 20px 50px;
	/*font-family: "Times New Roman", Times, serif;
	font-size: 16px;*/

}

.Accordion .AccordionPanelTab {
	height: 24px;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	margin: 0;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.Accordion .AccordionPanelTab h3 {
	margin: 0;
	padding: 2px 2px 4px 36px;
	font-size: 110%;
	color:#000;
	background-image: url(../images/pavimento/blt_panel_exp.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
} 

.Accordion .AccordionPanelContent {
	overflow: auto;
	/*height: 420px;*/
	font-size: 100%;
	/*line-height: 140%;*/
	/*padding: 20px 20px;*/
	background: url(../images/pavimento/acc_bg.gif) repeat-x 0px 0px;
}

/* utilizzare questo per definire il riempimento del content
.AccordionPanelContent div { 
	margin: 15px 15px 0 15px;
	padding: 0;
	}
*/

/* Accordion - Comportamenti
----------------------------------------------- */

.Accordion .hover {
	color:#000;
	background-color: #dedede;
}

.Accordion .open .AccordionPanelTab {
	color:#000;
	background-color: #dedede;
}
.Accordion .closed .AccordionPanelTab h3 {
	color: #999;
	background-image: url(../images/pavimento/blt_panel_clps.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
}

.AccordionPanelTab .focused  {
	color:#000;
	background-image: none;
	background-color: #dedede;
}


/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
 
.colpanel {
	margin: 0px auto;
	padding: 0px;
}

.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	width: 330px;
	/*border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;*/
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */

.CollapsiblePanelTab {
	font-size: 1em;
	font-weight: bold;
	background-color: #DDD;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 10px 0 0 0;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}