body
{
 margin: 0px;
 /*background-color:#000000;*/
}

/*img, div,a { behavior: url(/css/resources/iepngfix.php); }*/
.background-home  /* lo sfondo con le linee che si ripetono */
{	
	position: absolute;
	top: 50%;
	width: 100%;
	height: 600px;
	margin-top: -300px;
	background-image: url('images/linee_sfondo.jpg');
	border-top: 1px solid #343029;
	border-bottom: 1px solid #343029;
	padding: 0px;	
	
}



@font-face {
	font-family: "prova";
	src: url('hel2.eot');
	src: local("Helvetica Neue Regular"), url('hel2.ttf') format('truetype');
	
}


.containerAzienda {
	color: #ffffff;
	
	/*font-family: Helvetica,Arial;*/
		font-family: prova,Helvetica,arial;
		font-size: 0.7em;
	position: absolute;
	bottom: 0px;
	left: 30px;
	height: 300px;
	width: 450px;
	line-height: 1.7em;
/*	letter-spacing: -1px;*/

}

.containerProgettazioni {
	color: #ffffff;
	
	/*font-family: Helvetica,Arial;*/
		font-family: prova,Helvetica,arial;
		font-size: 0.7em;
	position: absolute;
	bottom: 0px;
	left: 23px;
	height: 480px;
	width: 196px;
	line-height: 2em;
/*	letter-spacing: -1px;*/

}


.spacerProgetti {
	position: relative;
	top: 0px;
	height: 70px;
	width: 100%;
	}
	
.riga {
	width: 100%;
	height: 46px;
	margin-top: 2px;
	margin-bottom: 2px;
	position: relative;
}

.titoloProgetto {
	position: relative;
		color: #ffffff;
	height: 46px;
	/*font-family: Helvetica,Arial;*/
		font-family: prova,Helvetica,arial;
		padding-left: 5px;
	line-height: 46px;
	width: 115px;
}

.titoloProgetto a, .titoloProgetto a:visited{
	text-decoration: none;
	color: #ffffff;
}

.thumbProgetto {
position: absolute;
	top: 3px;
	height: 40px;
	/*font-family: Helvetica,Arial;*/
	right:21px;
	width: 40px;
	background-color: #000000;
	border: 1px solid #5d5d5d;
}

.thumbProgetto img {
	height: 40px;
	width: 40px;
}

.containerProgetti {
	color: #ffffff;
	
	/*font-family: Helvetica,Arial;*/
		font-family: prova,Helvetica,arial;
		font-size: 0.7em;
	position: absolute;
	bottom:10px;
    right: 30px;
	height: 480px;
	width: 200px;
	line-height: 2em;
	/*border: 1px solid white;*/
/*	letter-spacing: -1px;*/

}


.containerProgetti a, .containerProgetti a:visited {
	text-decoration: none;
	font-weight: normal;
}

.containerShowroom {
	color: #000000;
	
	/*font-family: Helvetica,Arial;*/
		font-family: prova,Helvetica,arial;
		font-size: 0.7em;
	position: absolute;
	bottom: 0px;
	left: 30px;
	height: 263px;
	width: 285px;
	line-height: 1.7em;
/*	letter-spacing: -1px;*/

}

.showPhotoContainer {
	position: absolute;
	right: 35px;
	height: 500px;
	width: 120px;
	background-color: #000000;
	top: 10px;
}

.thumb-list li {
	background-color: #000000;
}

.thumb-list {
	background-color: #000000;
}

.showNav {
	position: absolute;
	bottom: 0px;
	right: 35px;
}


.enter {
	position: absolute;
	width: 455px;
	margin-top: 450px;
	margin-left: -227px;
	left: 50%;
	font-family: prova,Helvetica,Arial;
	font-size: 1em;
	color: #ffffff;
	text-align: center;
}

/*
.languageSelBox {
	position: relative;
	float: right;
	right: 0px;
	top: 0px;
	width: 100px;
	height: 100px;
	font-size: 0.8em;
	color: #ffffff;
	font-family: prova,Helvetica,Arial;
	
}
*/

.languageSelBox {
	position: absolute;
	
	left: 570px;
	top: 0px;
	width: 100px;
	height: 100px;
	font-size: 0.8em;
	color: #ffffff;
	font-family: prova,Helvetica,Arial;
	
}


.languageSelBoxUL {
	color: #ffffff;
	list-style-type: none;
	}

.languageSelBoxUL a{
	color: #ffffff;
	text-decoration: none;
}

.sectionSelBox {
	position: absolute;
	bottom: 10px;
	right: 20px;
		color: #ffffff;
	font-family: prova,Helvetica,Arial;

	font-size: 0.9em;
}

.sectionSelBoxUL {
	font-family: prova,Helvetica,Arial;

	list-style-type: none;
	margin: 0px;
}

.sectionSelBoxUL li {
	margin-bottom: 5px;
	font-family: prova,Helvetica,Arial;

}

.sectionSelBoxUL li a.verde
{
	text-decoration: none;
	font-family: prova,Helvetica,Arial;

	color: #b0d12b;
}
.sectionSelBoxUL li a.rosso
{
	text-decoration: none;
	font-family: prova,Helvetica,Arial;

	color: #de0027;
}
.sectionSelBoxUL li a.bianco
{
	text-decoration: none;
	font-family: prova,Helvetica,Arial;

	color: #FFFFFF;
}

.sectionSelBoxUL li a.verde:hover, a.bianco:hover, a.rosso:hover {
	color: #ffffff;
}

.makeItRed{
	color: red;
	
}

.makeItRed a,a:hover,a:visited{
	color: red;
}
	
.background  /* lo sfondo con le linee che si ripetono */
{	
	position: absolute;
	top: 50%;
	width: 100%;
	height: 600px;
	margin-top: -300px;
	/*background-image: url('images/linee_sfondo.jpg');*/
	background-image: url('images/sfondoSezioniWhite.jpg');
	border-top: 1px solid #343029;
	border-bottom: 1px solid #343029;
	
	padding: 0px;	
}
.all
{
	height: 100%;
	width: 703px;
	margin: auto;
	/*background-color: black;*/
	padding: 0px;

}

.logo-index /* dove si mette il logo qubico */
{
	position: absolute;
	height: 117px;
	width: 455px;
	margin-top: -58px;
	top: 50%;
	margin-left: -227px;
	left: 50%;
	background-image: url('images/logo_qubico.png');
}

.colonna-sx
{
	/*background-color: #000000;*/
	background-color: transparent;
	width: 186px;
	height: 600px;
	position: relative;
	float: left;
}
.colonna-dx-home
{
	background-image: url('images/background_home.jpg');
	width: 517px;
	height: 600px;
	float: left;
	position: relative;
	margin: 0 auto;
}
.colonna-dx-concept
{
	background-image: url('images/concept_dx.jpg');
	width: 517px;
	height: 600px;
	float: left;
	position: relative;
	margin: 0 auto;
}
div.Table_01
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 703px;
	margin-left: -351px;
	margin-top: -300px;
	height: 600px;
	background-image: url(images/background_home.png);
}

.youTube {
	position: absolute;
	top: 310px;
	left: 195px;
	font-family: prova, Helvetica, Arial;
	font-size: 0.9em;
	color: #ffffff;
}

.youTube p {
	margin-top: 0;
	margin-bottom: 5px;
	padding: 0;
}

.youTube a {
	margin-top: 5px;
	color: #ffffff;
	text-decoration: none;
}
.youTube a.visited {
	color: #ffffff;
	text-decoration: none;
}

div.Q-SPONSOR
{
	position:relative;
	margin: 20px 20px;
	width: 140px;
	height: 140px;
	padding-top: 5px;
	border: 1px solid white;
	background-image: url('images/partners_bg.jpg');
}

div.Q-SPONSOR_white
{
	position:relative;
	margin: 20px 20px;
	width: 140px;
	height: 140px;
	padding-top: 5px;
	border: 1px solid black;
	background-image: url('images/bg_partners_white.jpg');
}

.Q-SPONSOR  a {
	text-decoration: none;
	color: #ffffff;
	font-family: prova,Helvetica,Arial;
	font-size: 0.8em;
	padding-top: 5px;
	padding-left: 5px;
}

.Q-SPONSOR_white  a {
	text-decoration: none;
	color: #000000;
	font-family: prova,Helvetica,Arial;
	font-size: 0.8em;
	padding-top: 5px;
	padding-left: 5px;
}

.news_box
{	
	
	position:relative;
	margin: 20px 20px;
	width: 140px;
	height: 140px;
	border: 1px solid white;
	color: white;
	font-size: 0.8em;
	font-family: prova,Helvetica,Arial;
}


.news_box img
{	
	width: 140px;
	height: 140px;
	border: 0px;
}

.squaresSectionContainer { /*contenitore dei 4 quadrati nelle sezioni*/
	height: 418px;
	width: 418px;
	position: relative;
	top: 20px;
	margin-left: 104px;
}

.square {
	border: 1px solid white;
	width: 170px;
	height: 170px;
	background-color: black;
	margin-top: 5px;
	margin-left: 2px;
	margin-right: 2px;
	float: left;
}

.navigationBox {
	
	position:relative;
	margin: 20px 20px;
	width: 140px;
	height: 140px;
	border: 1px solid white;
	color: white;
	font-size: 0.8em;
	font-family: prova,Helvetica,Arial;
	font-weight: bold;
	/*letter-spacing: -1px;*/
}

.navigationBoxSection,.navigationBoxSection_sup {
list-style-type: none;
	margin: 0px;
padding-left: 5px;
margin: 10px 0 10px 0px;
}

.navigationBoxSection li,.navigationBoxSection_sup li{ 
	line-height: 1.8em;
}

.navigationBoxSection a:visited{
	color: gray;
	font-weight: normal;
}
.navigationBoxSection a{
	text-decoration: none;
	color: gray;
}

.navigationBoxSection_sup a{
	text-decoration: none;
	color: black;
}

.sectionProductMenu {
	color: #ffffff;
	text-decoration: none;
}



.navigationBox ul{
list-style-type: none;
	margin: 0px;
padding-left: 5px;
margin: 10px 0 10px 0px;
}

.navigationBox ul a,.navigationBox ul a:visited{
text-decoration: none;
	color: #797878;	
font-weight: normal;
}

.navigationBox li {
	margin-top: 5px;
	margin-bottom: 5px;
}

div.Q-PROGETTAZIONE
{
	position: absolute;
	left: 189px;
	top:  27px;
	width: 111px;
	height: 276px;
}

div.Q-INDIRIZZO
{
	position: absolute;
	left: 299px;
	top:  513px;
	width: 116px;
	height: 40px;
}

div.Q-LOGO
{
	position: absolute;
	left: 22px;
	top:  515px;
	width: 261px;
	height: 67px;

}

.menu-principale /* il menu principale */
{
	position:relative;
	border: 1px solid white;
	width:132px;
	height:132px;
	padding: 0px;
	margin: 0px;
	margin-left: 25px;
	margin-top: 25px;
	font-family: prova,Helvetica,Arial;

}

.menu-principale_home /* il menu principale della home */
{
	position:relative;
	border: 1px solid white;
	width:140px;
	height: 140px;
	margin: 20px 20px;
	font-family: prova,Helvetica,Arial;
	padding-top: 5px;
	
}
/* inizio menu principale */
#menu-principale
{
	font-family: prova,Helvetica,Arial;
	/*letter-spacing: -1px;*/
	font-size: 0.8em;
	margin: 0;
	padding: 0;

}

#menu-principale   ul.top
{
	font-family: prova,Helvetica,Arial;

    list-style-type: none;
	color: #FFFFFF;	
	padding: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#menu-principale   ul.bottom
{	
	position: absolute;
	bottom: 0px;
	margin-bottom: 10px;
	list-style-type: none;
	color: #FFFFFF;	
	padding: 0px;
	list-style-type: none;
	margin-left: 5px;
	margin-top: 0px;
}

a.grey_menu {
	color:#797878;
}

#menu-principale li
{
	font-family: prova,Helvetica,Arial;
	line-height: 1.1em;
}


#menu-principale  a.grey_menu:link, a.grey_menu:visited
{
	font-family: prova,Helvetica,Arial;

color:#797878;

	text-decoration: none;
	font-weight: normal;
}


#menu-principale  a:link, a:visited
{
	font-family: prova,Helvetica,Arial;

	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
#menu-principale a:hover, a:focus, a:active 
{
	font-family: prova,Helvetica,Arial;

	color: #FF0000;
	letter-spacing: 0px;
}
/* fine menu principale */
.menu-superfici /* menu nella gallery */
{
	position:relative;
	margin-top: 18px;
	
	font-family: prova,Helvetica,Arial;
	font-size: 0.8em;
	
	color: white;
	/*border: 1px solid white;*/
	margin-left: 20px;
}

.menu-superfici_product /* menu nella gallery */
{
	position:relative;
	width: 100px;
	height: 100%;
	float: left;
		font-family: Helvetica,Arial;
	font-size: 0.8em;
	letter-spacing: -1px;
	background-color: white;
	border-left:2px solid black;
}


.foto-superfici /* div per le foto nella gallery */
{
	top: 0px;
	margin-top: 25px;
	height: 300px;
	width: 360px;
	margin-left: 120px;
	position: absolute;
	

}



.slide-superfici /* div per le miniature foto nella gallery */
{
	/*border: 1px solid white;*/
	
	height: 70px;
	width: 300px;
	margin-left: 154px;
	top: 450px;
	position: absolute;
/*	margin-left: 154px;
	margin-top: 15px;
	position: relative;*/
	
}
.descrizione-superfici /* div per le descrizioni nella gallery */
{
	height: 30px;
	width: 300px;
	bottom: 20px;
	left: 0px;
	position: absolute;
	
}
p.descrizione {
	font-family: helvetica,arial;
	font-size: 0.7em;
	letter-spacing: 0px;
	color: #cccccc;
	margin-left: 10px;
	font-style: italic;
}
.nav {
/*	position: absolute;
		font-family:prova, helvetica,arial;
 font-size: 0.7em;
	height: 30px;
	width: 360px;
		margin-right: 10px;*/
	height: 46px;
	width: 340px;
	margin-left: -50px;
	top: 3px;
	position: absolute;
	font-family:prova, helvetica,arial;
 font-size: 0.7em;

}

.prev {
	margin: 3px;
	float: left;
	border: 0px;
}

.next {
	margin: 3px;
	float: right;
		border: 0px;

}

.prev img, .next img {
	
		border: 0px;

}

.menu-ASC /* il menu : arredo/superfici/concept */
{
	position: relative;
	margin-top: 25px;
	margin-left: 25px;
	width: 132px;
	border: 1px solid white;
	padding: 0px;

}
/* inizio menu ASC */
#menu-ASC
{
	font-family: Helvetica, Arial;
	letter-spacing: -1px;
	font-size: 1.2em;
	margin-left: 5px;
	padding: 0;
}
#menu-ASC ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menu-ASC a.verde:link, a.verde:visited
{
	text-decoration: none;
	color: #797878;	
	font-weight: normal
}
#menu-ASC a.rosso:link, a.rosso:visited
{
	text-decoration: none;
	color: #797878;	
	font-weight: normal
}
#menu-ASC a.bianco:link, a.bianco:visited
{
	text-decoration: none;
	color: #797878;	
	font-weight: normal
}
#menu-ASC a.verde:hover, a.verde:active, a.verde:focus
{
	text-decoration: none;
	color: #b0d12b;
}
#menu-ASC a.rosso:hover, a.rosso:active, a.rosso:focus
{
	text-decoration: none;
	color: #de0027;
}
#menu-ASC a.bianco:hover, a.bianco:active, a.bianco:focus
{
	text-decoration: none;
	color: #FFFFFF;
}
/* fine menu ASC */
.logo-1 /* il logo di qubico nella colonna sx*/
{
	position: absolute;
	background-image: url('images/q-1.jpg') ;
	/*height: 186px;
	width: 132px;*/
	width:100px;
	height: 120px;
	bottom: 5px;
	margin-left: 42px;

}
.logo-1_blk /* il logo di qubico nella colonna sx*/
{
	position: absolute;
	/*height: 186px;
	width: 132px;*/
	width:120px;
	height: 120px;
	bottom: 5px;
	margin-left: 25px;
	background: url('images/q1_black_bg.png') no-repeat center 0;
}

.colonna-dx_superfici /* la parte destra della pagina */
{
	width: 517px;
	height: 600px;
	background-image: url('images/superfici_bg.jpg');

	margin: 0 auto;
	float: left;
	position: relative;
}
div.colonna-dx_contact
{
	background-image: url('images/contact_dx.jpg');
	width: 517px;
	height: 600px;
	float: left;
	position: relative;
}

.contentSectionProduct
 {
position: absolute;
color: black;
	font-family: prova,Helvetica,Arial;
font-size: 0.7em;
top: 28px;
width: 180px;
left: 220px;
line-height: 1.5em;
}

.GalleryEnter
 {
position: relative;

color: black;
	font-family: prova,Helvetica,Arial;
line-height: 2em;
font-size: 1.3em;
height: 2em;
}

.GalleryEnter img
 {
border: 0px;
display: inline;
}

.GalleryEnter a,.GalleryEnter a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}




.contentSectionProductInsideProg
 {
position: absolute;
color: black;
	font-family: prova,Helvetica,Arial;
font-size: 0.7em;
bottom: 15px;
width: 400px;
height: 50px;
left: 50px;

line-height: 1.5em;
overflow: hidden;
}

.naviProgGallery {
	position: absolute;
	bottom: 40px;
	width: 400px;
	left: 50px;
	color: black;
	font-family: prova,Helvetica,Arial;
font-size: 0.7em;
margin-bottom: 20px;
}

.photoBlock{

	width: 400px;
	float: left;
	height: 250px;
		overflow: hidden;
}


VphotoBlock {
	width: 300px;
	float: left;
	
	overflow: hidden;

}

.photoContainer {
	position: absolute;
	top: 0px;
	width: 400px;
	height: 450px;
left: 30px;	}

.imageFrame {
	float: left;
	margin-left: 20px;
margin-top: 10px;
border: 2px solid #000000;
}

.imageFrame img {
	width: 350px;
}

.imageFrame img {
border: 0px;}


.VimageFrame {
	float: left;
	margin-left: 20px;
margin-top: 10px;
border: 2px solid #000000;
}

.VimageFrame img {
	width: 300px;
	border: 0px;
}



.Arrow {
	float: left;
	margin-right: 3px;
}

.Arrow img {
	border: 0px;
}

.titleProg {
	position: absolute;
	right: -5px;
	
}

.testo-1
{
	height: 400px;
	width: 250px;
	font-family: Helvetica, Arial;
	font-size: 0.8em;
	color: #868483;
	line-height: 2em;
	margin-top: 165px;
	margin-left: 15px;
}
.testo-contact
{
	height: 400px;
	width: 370px;
	font-family: Helvetica, Arial;
	font-size: 0.8em;
	color: #FFFFFF;
	letter-spacing: -1px;
	/*margin-top: 150px;*/
	margin-left: 25px;
}
div.comment_input
{
	text-align: right;
	float: right;
	position: relative;
	right: auto;
}

div.comment_textarea
{
	width: 150px;	
	text-align: right;
	float: right;
	position: relative;
	
}
div.button
{
	
	position: relative;
	float: left;
}

.contactForm {
	position: relative;
	width: 400px;
	height: 450px;
	left: 50px;
	top: 150px;
}

.response {
	
	margin-top: 20px;
	background-color: red;
	padding-left: 20px;
	position: absolute;
	top: 150px;
	right: 0px;
	width: 150px;
	z-index: 1000;
	
}

input.input
{
	
	font-family: Helvetica, Arial;
	font-size: 0.8em;
	color: #FFFFFF;
	border: 1px solid white;
	background: none;
	padding: 0px;
	display: inline;
}

.space_form {
	padding: 0px;
	margin: 2px;
	
}

.contactForm br {
	padding: 2px;
}

select.block {
	display: inline;
}

.testo-contact p {
	
	margin: 10px 0px 10px 0px;
}

input.button
{
	
	font-family: Helvetica, Arial;
	font-size: 0.8em;
	color: #FFFFFF;
	background: #333;
	border: 0px;
}



textarea
{
	width: 200px;
	font-family: Helvetica, Arial;
	font-size: 0.8em;
	color: #FFFFFF;
	border: 1px solid white;
	background: none;
	overflow: auto;
	display: block;
}


#resineLink {
	position: absolute;
	width: 95px;
	height: 35px;
	right: 165px;
	top: 182px;
}

#legnoLink {
	position: absolute;
	width: 85px;
	height: 35px;
	right: 167px;
	top: 320px;
	
}

#ceramicaLink {
	position: absolute;
	width: 140px;
	height: 35px;
	right: 165px;
	top: 460px;
}

.hrefLine {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
}

.submenuNav {
	list-style-type: none;
	color: #000000;
	margin-left: 5px;
	padding-left: 0px;
	
}

.submenuNav li {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 0.75em;
}


/*
gruppi Showroom
*/


#book {
	position: absolute;
	top: 540px;
	height: 40px;
	width: 100px;
left: 270px;
}

#complementi {
	position: absolute;
	top: 180px;
	height: 80px;
	width: 60px;
left: 200px;
}

#fashion {
	position: absolute;
	top: 190px;
	height: 30px;
	width: 90px;
left: 30px;
}

#gallery {
	position: absolute;
	top: 290px;
	height: 130px;
	width: 30px;
left: 50px;
}

#kids {
	position: absolute;
	top: 450px;
	height: 80px;
	width: 100px;
left: 380px;
}

#living {
	position: absolute;
	top: 20px;
	height: 30px;
	width: 60px;
left: 380px;
}

#luce {
	position: absolute;
	top: 250px;
	height: 40px;
	width: 35px;
left: 340px;
}

#quadri {
	position: absolute;
	top: 40px;
	height: 30px;
	width: 80px;
left: 30px;
}

#tappeti {
	position: absolute;
	top: 420px;
	height: 80px;
	width: 60px;
left: 210px;
}


.selettore {
	display: inline;
	margin-left: -8px;
	margin-right: 3px;
	
}